:root {
    --white: #ffffff;
    --light: #EDEEEB;
    --dark: #142C16;
    --green: #5DC863;
    --black: #040905;
}
body, html {
    font-size: .052083333333333336vw
}
*{    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;}
::-moz-selection {
    color: var(--light);
    background: var(--green)
}
::selection {
    color: var(--light);
    background: var(--green)
}
p {
    margin: 0;
    padding: 0
}
*, ::after, ::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0
}
::-webkit-scrollbar {
    width: 0
}
::-webkit-scrollbar-track {
    background: 0 0
}
::-webkit-scrollbar-thumb {
    background: var(--green);
    border-radius: 100px
}
::-webkit-scrollbar-thumb:hover {
    background: var(--green)
}
section.section-sidebar .filter::-webkit-scrollbar, section.section-sidebar .portfolio-items::-webkit-scrollbar {
    width: 0;
    height: 0
}
body {
    position: relative;
    min-width: 320rem;
    font-size: 20rem;
    line-height: 1.25;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-variant-ligatures: no-common-ligatures;
    font-weight: 200;
    color: var(--light);
    width: 100%;
    min-height: 100%;
    margin: 0;
    padding: 0;
    background-color: var(--black);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center center;
    min-height: calc(var(--vh, 1vh) * 100);
    overflow-x: hidden;
}
body.animate {
    padding: 0 0
}
.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}
.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    user-select: none;
    -webkit-user-select: none
}
.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 0rem;
    padding-right: 0rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.select2-container .select2-selection--single .select2-selection__clear {
    background-color: transparent;
    border: none;
    font-size: 1em
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8rem;
    padding-left: 20rem
}
.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32rem;
    user-select: none;
    -webkit-user-select: none
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline;
    list-style: none;
    padding: 0
}
.select2-container .select2-selection--multiple .select2-selection__clear {
    background-color: transparent;
    border: none;
    font-size: 1em
}
.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5rem;
    margin-left: 5rem;
    padding: 0;
    max-width: 100%;
    resize: none;
    height: 18rem;
    vertical-align: bottom;
    font-family: sans-serif;
    overflow: hidden;
    word-break: keep-all
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}
.select2-dropdown {
    background-color: #142C16;
    border-radius: 10rem;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000rem;
    width: 100%;
    z-index: 1051;
}
.select2-results {
    display: block
}
.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}
.select2-results__option {
    padding: 6rem;
    user-select: none;
    -webkit-user-select: none;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 600;
    font-size: 20rem;
}
.select2-results__option--selectable {
    cursor: pointer
}
.select2-container--open .select2-dropdown {
    left: 0
}
.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}
.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}
.select2-search--dropdown {
    display: block;
    padding: 4rem
}
.select2-search--dropdown .select2-search__field {
    padding: 4rem;
    width: 100%;
    box-sizing: border-box
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}
.select2-search--dropdown.select2-search--hide {
    display: none
}
.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0)
}
.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1rem !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1rem !important;
    white-space: nowrap !important
}
.select2-container--default .select2-selection--single {
    padding: 24rem 0;
    min-height: 80rem;
    background: transparent;
    color: var(--light);
    font-weight: 600;
    border: 0;
    border-bottom: 2px solid rgb(255 255 255 / 25%);
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #fff;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 26rem;
    margin-right: 20rem;
    padding-right: 0rem
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26rem;
    position: absolute;
    top: 1rem;
    display: none;
    right: 1rem;
    width: 20rem
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5rem 4rem 0 4rem;
    height: 0;
    left: 50%;
    margin-left: -4rem;
    margin-top: -2rem;
    position: absolute;
    top: 50%;
    width: 0
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1rem;
    right: auto
}
.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4rem 5rem 4rem
}
.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1rem solid #aaa;
    border-radius: 4rem;
    cursor: text;
    padding-bottom: 5rem;
    padding-right: 5rem;
    position: relative
}
.select2-container--default .select2-selection--multiple.select2-selection--clearable {
    padding-right: 25rem
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    font-weight: bold;
    height: 20rem;
    margin-right: 10rem;
    margin-top: 5rem;
    position: absolute;
    right: 0;
    padding: 1rem
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1rem solid #aaa;
    border-radius: 4rem;
    box-sizing: border-box;
    display: inline-block;
    margin-left: 5rem;
    margin-top: 5rem;
    padding: 0;
    padding-left: 20rem;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 2rem;
    padding-right: 5rem
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-right: 1rem solid #aaa;
    border-top-left-radius: 4rem;
    border-bottom-left-radius: 4rem;
    color: #999;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    padding: 0 4rem;
    position: absolute;
    left: 0;
    top: 0
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
    background-color: #f1f1f1;
    color: #333;
    outline: none
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5rem;
    margin-right: auto
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 5rem;
    padding-right: 2rem
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    border-left: 1rem solid #aaa;
    border-right: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4rem;
    border-bottom-right-radius: 4rem
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear {
    float: left;
    margin-left: 10rem;
    margin-right: auto
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid black 1rem;
    outline: 0
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1rem solid #aaa
}
.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield
}
.select2-container--default .select2-results>.select2-results__options {
    overflow-y: auto
}
.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}
.select2-container--default .select2-results__option--group {
    padding: 0
}
.select2-container--default .select2-results__option--disabled {
    color: #999
}
.select2-container--default .select2-results__option--selected {
    background-color: #63c869
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #1e4321
}
.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6rem
}
.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1rem solid #aaa;
    border-radius: 4rem;
    outline: 0;
    background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}
.select2-container--classic .select2-selection--single:focus {
    border: 1rem solid #5897fb
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28rem
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 26rem;
    margin-right: 20rem
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1rem solid #aaa;
    border-top-right-radius: 4rem;
    border-bottom-right-radius: 4rem;
    height: 26rem;
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 20rem;
    background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5rem 4rem 0 4rem;
    height: 0;
    left: 50%;
    margin-left: -4rem;
    margin-top: -2rem;
    position: absolute;
    top: 50%;
    width: 0
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1rem solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4rem;
    border-bottom-left-radius: 4rem;
    left: 1rem;
    right: auto
}
.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1rem solid #5897fb
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4rem 5rem 4rem
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
    background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
    background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)
}
.select2-container--classic .select2-selection--multiple {
    background-color: white;
    border: 1rem solid #aaa;
    border-radius: 4rem;
    cursor: text;
    outline: 0;
    padding-bottom: 5rem;
    padding-right: 5rem
}
.select2-container--classic .select2-selection--multiple:focus {
    border: 1rem solid #5897fb
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1rem solid #aaa;
    border-radius: 4rem;
    display: inline-block;
    margin-left: 5rem;
    margin-top: 5rem;
    padding: 0
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 2rem;
    padding-right: 5rem
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-top-left-radius: 4rem;
    border-bottom-left-radius: 4rem;
    color: #888;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    padding: 0 4rem
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555;
    outline: none
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5rem;
    margin-right: auto
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 5rem;
    padding-right: 2rem
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4rem;
    border-bottom-right-radius: 4rem
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1rem solid #5897fb
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1rem solid #aaa;
    outline: 0
}
.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none
}
.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1rem solid transparent
}
.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}
.select2-container--classic .select2-dropdown--below {
    border-top: none
}
.select2-container--classic .select2-results>.select2-results__options {
    max-height: 200rem;
    overflow-y: auto
}
.select2-container--classic .select2-results__option--group {
    padding: 0
}
.select2-container--classic .select2-results__option--disabled {
    color: grey
}
.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #3875d7;
    color: #fff
}
.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6rem
}
.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}
.lg {
    z-index: 100;
    width: 100vw;
    height: 100vw;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: grid
}
.l {
    width: 100%;
    grid-area: span 1/span 1/span 1/span 1;
    height: 100%;
    background-color: var(--green)
}
.slick-list, .slick-slider, .slick-track {
    position: relative;
    display: block
}
.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}
.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}
.slick-list:focus {
    outline: 0
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}
.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.slick-track {
    top: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto
}
.slick-track:after, .slick-track:before {
    display: table;
    content: ''
}
.slick-track:after {
    clear: both
}
.slick-loading .slick-slide, .slick-loading .slick-track {
    visibility: hidden
}
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1rem
}
[dir=rtl] .slick-slide {
    float: right
}
.slick-initialized .slick-slide, .slick-slide img {
    display: block
}
.slick-arrow.slick-hidden, .slick-slide.slick-loading img {
    display: none
}
.slick-slide.dragging img {
    pointer-events: none
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1rem solid transparent
}
@media screen and (orientation:portrait) {
    .lg {
        width: calc(var(--vh, 1vh) * 100);
        height: calc(var(--vh, 1vh) * 100)
    }
}
@media screen and (orientation:landscape) {
    .lg {
        width: 100vw;
        height: 100vw
    }
}
header {
    padding: 0 30rem;
    font-weight: 400;
    display: flex;
    width: calc(100%);
    margin: 0 auto;
    margin-top: 0;
    left: 0;
    top: 10rem;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    align-content: center;
    transition: .3s;
    position: absolute;
    background: 0 0;
    height: 86rem;
    border-radius: 0;
    z-index: 9999
}
.bg {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    width: 100%;
    height: 120vh;
    overflow: hidden;
    z-index: -1;
    display: block
}
.bg:not(.home) {
    height: 100%
}
header.fixed {
    position: fixed;
    margin-top: 0;
    width: 100%;
    border-radius: 0;
    z-index: 9999
}
.antispa1 {
    display: none;
}
.button-arrow i {
    content: '';
    transition: 0.3s ease-in-out;
    background-image: url(../images/arrow.svg);
    display: inline-block;
    background-size: cover;
    width: 21rem;
    height: 18rem;
    background-repeat: no-repeat
}
.button-arrow.button-white i, .button-arrow.arrow-green i {
    background-image: url(../images/arrow-green.svg);
}
header.fixed .logo g#text {
    opacity: 0
}
header.fixed .logo g#text+path {
    opacity: 0
}
header .logo g#icon {
    transform-origin: 12.5% 50%;
    position: relative;
    transition: 1s ease;
}
header .logo:hover g#icon {
    transform: rotate(360deg);
}
.bg:after, .bg:before {
    content: '';
    position: absolute;
    pointer-events: none;
    width: 2000rem;
    z-index: -1;
    height: 2000rem;
    background: radial-gradient(50% 50% at 50% 50%, rgba(36, 168, 97, .44) 0, rgba(36, 168, 97, 0) 100%);
    top: -1500rem;
    right: -1500rem
}
.bg:after {
    right: auto;
    left: -1500rem;
    z-index: -1;
    top: auto;
    bottom: -1500rem;
    pointer-events: none
}
header nav {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%
}
header nav ul {
    margin: 0;
    padding: 0
}
body.animate .anima:first-child {
    transition-delay: 0.1s
}
body.animate header.anima {
    transition-delay: 0s !important
}
body.animate .anima:nth-child(2) {
    transition-delay: 0.2s
}
body.animate .anima:nth-child(3) {
    transition-delay: 0.3s
}
body.animate .anima:nth-child(4) {
    transition-delay: 0.4s
}
body.animate .anima:nth-child(5) {
    transition-delay: 0.5s
}
body.animate .anima:nth-child(6) {
    transition-delay: 0.6s
}
body.animate .anima:nth-child(7) {
    transition-delay: 0.7s
}
body.animate .anima:nth-child(8) {
    transition-delay: 0.8s
}
body.animate .anima:nth-child(9) {
    transition-delay: 0.9s
}
body.animate .anima:nth-child(10) {
    transition-delay: 1.0s
}
body.animate .anima:nth-child(12) {
    transition-delay: 1.2s
}
body.animate .anima:nth-child(13) {
    transition-delay: 1.3s
}
body.animate .anima:nth-child(14) {
    transition-delay: 1.4s
}
body.animate .anima:nth-child(15) {
    transition-delay: 1.5s
}
body.animate .anima:nth-child(16) {
    transition-delay: 1.6s
}
body.animate .anima:nth-child(17) {
    transition-delay: 1.7s
}
body.animate .anima:nth-child(18) {
    transition-delay: 1.8s
}
body.animate .anima:nth-child(19) {
    transition-delay: 1.9s
}
body.animate .anima:nth-child(20) {
    transition-delay: 2s
}
#nav-icon3 {
    width: 40rem;
    height: 40rem;
    position: relative;
    right: 0;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer
}
header a.button-green {
    margin-left: auto;
    margin-right: 30rem;
}
#nav-icon3 span {
    display: block;
    position: absolute;
    height: 4rem;
    width: 100%;
    background: var(--light);
    border-radius: 0;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}
#nav-icon3 span:first-child {
    top: 10rem
}
#nav-icon3 span:nth-child(2), #nav-icon3 span:nth-child(3) {
    top: 20rem;
    opacity: 0
}
#nav-icon3 span:nth-child(4) {
    top: 29rem
}
#nav-icon3.open span:first-child {
    top: 18rem;
    width: 0%;
    left: 50%
}
.home section.section.section-bg.section-key, body.single.single-cases section.section.section-bg.section-casesitems, .archive:not(.post-type-archive-cases) section.section.section-bg.section-key {
    padding: 24rem 126rem;
    text-align: left;
}
.home section.section.section-bg.section-key{text-align: center;}
#nav-icon3.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    background: var(--green);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 1
}
#nav-icon3.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    background: var(--green);
    transform: rotate(-45deg);
    opacity: 1
}
#nav-icon3.open span:nth-child(4) {
    top: 18rem;
    width: 0%;
    left: 50%
}
section.section.section-trustworthy .cases-wrap .case-item p {
    font-size: 16rem;
    line-height: 145%;
    font-weight: 500
}
section.section.section-trustworthy .cases-wrap .case-item span {
    color: rgb(255 255 255 / 30%)
}
body:not(.home) section.page404.anima svg {
    max-width: 310rem;
    width: 100%;
    max-height: 310rem;
    height: auto
}
body.error404 {
    background: var(--black);
}
body:not(.home) section.page404.anima {
    min-height: calc(calc(var(--vh, 1vh) * 100) - 310rem);
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 60rem;
    padding-bottom: 160rem;
    padding-top: 160rem;
    width: 100%;
}
nav ul {
    display: flex;
    list-style: none;
    justify-content: center;
    align-content: center;
    gap: 0rem
}
nav ul li a {
    color: var(--dark);
    font-weight: 700;
    text-decoration: none;
    font-size: 80rem
}
footer nav ul {
    flex-direction: column;
    padding: 0;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 0;
    gap: 2rem;
    text-transform: capitalize
}
.logo svg {
    transition: 0s
}
.logo {
    width: 186rem;
    height: 56rem;
    border: 0;
}
.logo svg {
    max-width: 100%;
    height: auto;
    overflow: visible
}
.button, form .button, form input.button {
    justify-content: center;
    align-items: center;
    opacity: .99;
    transition: .3s ease;
    font-family: "Plus Jakarta Sans", sans-serif;
    border: 0;
    position: relative;
    display: inline-flex;
    font-size: 20rem;
    padding: 16rem 32rem;
    font-weight: 700;
    border-radius: 0;
    gap: 20rem;
    text-decoration: none;
    border-radius: 100000rem;
    flex-direction: column;
    overflow: hidden;
    height: 59rem;
    justify-content: flex-start;
    align-items: center;
}
.button-green, form .button-green, form input.button-green {
    background: var(--green);
    color: var(--light)
}
.button-green:after, form .button-green:after, form input.button-green:after {
    display: none !important;
    content: '';
    background: var(--green);
    height: 80%;
    width: calc(100% + 15rem);
    position: absolute;
    z-index: -1;
    left: 50%;
    top: calc(50% + 2rem);
    transform: translate(-50%, -50%)
}
.button-rnd:after, .button-rnd:before {
    display: none !important
}
.button-rnd {
    background-color: transparent;
    border: 2rem solid #fff;
    border-radius: 1000rem;
    width: 55rem;
    height: 55rem;
    background-image: url(../images/arrow.svg);
    background-size: 20rem;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    right: 30rem;
    bottom: 30rem;
    opacity: 1;
    margin: 0;
    padding: 0
}
.button-rnd:hover {
    opacity: 1;
    background-color: var(--green);
    border-color: transparent;
}
.button-black:after, form .button-black:after, form input.button-black:after {
    content: '';
    background: var(--dark);
    height: 80%;
    width: calc(100% + 15rem);
    position: absolute;
    z-index: -1;
    left: 50%;
    top: calc(50% + 2rem);
    transform: translate(-50%, -50%);
    display: none;
}
.button-white:after, form .button-white:after, form input.button-white:after {
    content: '';
    background: var(--light);
    height: 80%;
    width: calc(100% + 15rem);
    position: absolute;
    z-index: -1;
    left: 50%;
    top: calc(50% + 2rem);
    transform: translate(-50%, -50%);
    display: none;
}
.button span, form .button span, form input.button span {
    display: flex;
    gap: 10rem;
    justify-content: center;
    align-items: center;
}
.button span:first-child, form .button span:first-child, form input.button span:first-child {
    position: relative;
    top: 0;
    transition: 0.15s
}
.button span:last-child, form .button span:last-child, form input.button span:last-child {
    position: relative;
    top: 0;
    transition: 0.15s
}
.button:hover span:first-child, form .button:hover span:first-child, form input.button:hover span:first-child {
    position: relative;
    top: -45rem
}
.button:hover span:last-child, form .button:hover span:last-child, form input.button:hover span:last-child {
    position: relative;
    top: -45rem
}
ul.slick-dots li button {
    display: none
}
ul.slick-dots li::marker {
    display: flex;
    color: var(--light)
}
ul.slick-dots li.slick-active::marker {
    color: #24a55f
}
ul.slick-dots li {
    width: 20rem;
    height: 20rem
}
ul.slick-dots {
    display: flex;
    margin: 0;
    padding: 0;
    justify-content: center;
    align-items: center;
    position: relative
}
.button-black {
    background: var(--dark);
    color: var(--green)
}
.button-white {
    background: var(--light);
    color: var(--green)
}
.button-white:hover {
    color: var(--dark)
}
.button-white.color-green {
    color: var(--green)
}
.button-white.color-green:hover {
    color: var(--green)
}
.button.color-green {
    color: var(--green)
}
.button.color-green:hover {
    color: var(--green)
}
.button-outline {
    background: 0 0;
    border: 2rem solid var(--green);
    color: var(--light)
}
.tax-client p.description, .tax-field p.description, .tax-formats p.description {
    margin: 40rem 0 20rem
}
body.home:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    display: none
}
.title {
    font-size: 106rem;
    color: var(--light);
    font-weight: 700;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-variant-ligatures: no-common-ligatures;
}
.sub-title {
    font-size: 90rem;
    color: var(--light);
    font-weight: 700;
    line-height: 100%
}
.big-title {
    font-size: 90rem;
    font-weight: 700
}
.big-title b {
    font-weight: 700
}
.title b {
    font-weight: 700;
    color: var(--green);
}
.sub-title b {
    color: var(--green);
    font-weight: 700;
}
.single .subsub-title {
    font-size: 64rem !important;
    font-weight: 700 !important
}
.section-green .sub-title b {
    color: var(--dark)
}
.section-green .big-title {
    color: var(--dark)
}
.section-hero {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
    justify-content: center;
    align-items: center;
    min-height: max(960rem, calc(var(--vh, 1vh) * 100));
    margin-top: 0;
    display: inline-flex;
    width: 100%;
    background-image: url(../images/bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background: linear-gradient(193.39deg, #5DC863 -20.42%, #04110A 41.27%, #04110A 63.32%, #5DC863 128.34%);
    background-size: 200% 200%;
    animation: gradient 15s ease infinite
}
img {
    max-width: 100%
}
@keyframes gradient {
    0% {
        background-position: 100% 0
    }
    50% {
        background-position: 0 100%
    }
    100% {
        background-position: 100% 0
    }
}
.page-template-page-about .clutch-badges {
    position: absolute;
    right: 0;
    top: 0;
}
.page-template-page-about .clutch-badges a {
    width: 190rem;
    display: block;
    height: 190rem;
}
.page-template-page-about .clutch-badges a:first-child {
    width: 155rem;
    height: 160rem;
}
.page-template-page-about .clutch-badges a:before {
    display: none;
}
.page-template-page-about .clutch-badges a:last-child {
    position: relative;
    left: -10rem;
    top: -20rem;
}
.page-template-page-about .clutch-badges {
    position: absolute;
    right: 150rem;
    top: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: row;
    max-width: 380rem;
    transform: translateY(-75%);
}
.page-template-page-about .awwwards {
    top: 380rem;
}
.section-hero .big-title {
    max-width: 100%;
    font-size: 160rem;
    text-align: center;
    margin: 0 auto;
    text-align: center;
    line-height: 100%
}
.page-template-page-about .section-hero .big-title {
    text-align: left;
    font-size: 106rem
}
p a {
    color: var(--green)
}
a:hover, nav ul li:hover {
    color: var(--green)
}
section.section.section-trusted {
    margin-top: 0
}
a, nav ul li {
    cursor: pointer;
    position: relative;
    transition: .3s ease
}
.footer-column.column:nth-child(3) {
    justify-content: space-between;
}
a:not(.logo):before {
    background-color: var(--green);
    bottom: -.1em;
    content: "";
    height: 2px;
    left: 0;
    min-height: 1px;
    position: absolute;
    right: 0;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform .75s cubic-bezier(.19, 1, .22, 1)
}
a:not(.logo):hover:before {
    transform: scaleX(1);
    transform-origin: left
}
.button:hover {
    opacity: .7;
    color: var(--light)
}
.title.big-title.title02 {
    position: relative;
    left: 147rem
}
.title.big-title.title01 {
    position: relative;
    left: -78rem;
    background: linear-gradient(79.25deg, #5DC863 -4.9%, #316D36 21.29%, #5DC863 50.61%, #316D36 74.73%, #5DC863 104.18%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent
}
.button.button-white:hover {
    color: var(--dark)
}
.button:before {
    display: none
}
.post-type-archive-cases section.section.section-bg.section-key .item.blog-item:before {
    display: none
}
p {
    font-size: 20rem;
    font-weight: 500;
    line-height: 155%;
    font-family: "Plus Jakarta Sans", sans-serif;
}
h1, h2, h3, h4, h5, h6 {
    margin: 0
}
.flex {
    display: flex
}
h2 {
    position: relative;
    z-index: 1
}
section.section .flex h2 {
    padding-left: 0
}
.home .section-what {
    border-radius: 0;
    margin-top: 0;
    padding: 0 126rem;
    background: var(--green)
}
.home .section-what .sub-title, .home .section-what p {
    color: var(--dark);
}
.section-what {
    min-height: 960rem;
    padding: 12rem
}
.section-flex .flex:first-child p {
    max-width: 740rem
}
section.section-expertise {
    display: flex;
    flex-direction: column;
    padding: 24rem 126rem;
    min-height: 960rem
}
.home .section-hero .cart {
    width: 305rem;
    height: 178rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}
.home .section-hero .cart-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
    transition: .75s;
    transition-delay: 0.5s
}
.home .section-hero .cart-wrap .cart {
    transform: scale(1);
    transition: .3s;
    cursor: pointer;
    filter: brightness(1)
}
.home .section-hero .cart-wrap:hover {
    animation-play-state: paused
}
h1.hidden {
    position: fixed;
    bottom: 0;
    left: 0;
    pointer-events: none;
    font-size: 1px;
    visibility: hidden
}
.overlay-blur {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 50%);
    opacity: 0;
    transition: 1s;
    backdrop-filter: blur(10px);
    z-index: 99
}
.overlay-blur.active {
    opacity: 1;
    cursor: pointer;
    pointer-events: all;
}
.home .section-hero .cart-small {
    width: 173rem;
    height: 185rem
}
.home .section-hero .cart-asus {
    background-image: url(../images/Cartridge_Asus_1.webp);
}
.home .section-hero .cart-north {
    background-image: url(../images/Cartridge_North.webp);
}
.home .section-hero .cart-vodafone {
    background-image: url(../images/Cartridge_Vodafone.webp);
}
.home .section-hero .cart-garnier {
    background-image: url(../images/Cartridge_Garnier.webp);
}
.home .section-hero .cart-samsung {
    background-image: url(../images/Cartridge_Samsung.webp);
}
.home .section-hero .cart-dartmouth {
    background-image: url(../images/Cartridge_Dartmouth.webp);
}
.home.animate .section-hero .cart01 {
    transform: translate(-430%, 140%) rotate(13.63deg);
    animation: 10s cart01 infinite ease-in-out;
    animation-delay: 1.25s
}
@keyframes cart01 {
    0% {
        transform: translate(-430%, 140%) rotate(13.63deg)
    }
    50% {
        transform: translate(-420%, 130%) rotate(10.63deg)
    }
    100% {
        transform: translate(-430%, 140%) rotate(13.63deg)
    }
}
.home.animate .section-hero .cart-wrap.active {
    animation-iteration-count: 1;
    animation-delay: .25s;
    animation-fill-mode: forwards;
    animation-duration: 1.5s;
    animation-timing-function: ease-in-out;
    z-index: 999
}
.home.animate .section-hero .cart01.active {
    transform: translate(-430%, 140%) rotate(13.63deg);
    animation-name: cart01active
}
@keyframes cart01active {
    0% {
        transform: translate(-430%, 140%) rotate(13.63deg)
    }
    100% {
        transform: translate(-50%, -50%) rotate(0) scale(2)
    }
}
.home.animate .section-hero .cart02 {
    transform: translate(-260%, -20%) rotate(-14.65deg);
    animation: 10s cart02 infinite ease-in-out;
    animation-delay: 1.25s
}
@keyframes cart02 {
    0% {
        transform: translate(-260%, -20%) rotate(-14.65deg)
    }
    50% {
        transform: translate(-270%, -10%) rotate(-10.65deg)
    }
    100% {
        transform: translate(-260%, -20%) rotate(-14.65deg)
    }
}
.home.animate .section-hero .cart02.active {
    transform: translate(-260%, -20%) rotate(-14.65deg);
    animation-name: cart02active
}
@keyframes cart02active {
    0% {
        transform: translate(-260%, -20%) rotate(-14.65deg)
    }
    100% {
        transform: translate(-50%, -50%) rotate(0) scale(2)
    }
}
.home.animate .section-hero .cart03 {
    transform: translate(-260%, -210%) rotate(8.71deg);
    animation: 10s cart03 infinite ease-in-out;
    animation-delay: 1.25s
}
@keyframes cart03 {
    0% {
        transform: translate(-260%, -210%) rotate(8.71deg)
    }
    50% {
        transform: translate(-250%, -200%) rotate(12.71deg)
    }
    100% {
        transform: translate(-260%, -210%) rotate(8.71deg)
    }
}
.home.animate .section-hero .cart03.active {
    transform: translate(-260%, -210%) rotate(8.71deg);
    animation-name: cart03active
}
@keyframes cart03active {
    0% {
        transform: translate(-260%, -210%) rotate(8.71deg)
    }
    100% {
        transform: translate(-50%, -50%) rotate(0) scale(2)
    }
}
.home.animate .section-hero .cart04 {
    transform: translate(160%, -190%) rotate(-5.48deg);
    animation: 10s cart04 infinite ease-in-out;
    animation-delay: 1.25s
}
@keyframes cart04 {
    0% {
        transform: translate(160%, -190%) rotate(-5.48deg)
    }
    50% {
        transform: translate(150%, -180%) rotate(-1.48deg)
    }
    100% {
        transform: translate(160%, -190%) rotate(-5.48deg)
    }
}
.home.animate .section-hero .cart04.active {
    transform: translate(160%, -190%) rotate(-5.48deg);
    animation-name: cart04active
}
@keyframes cart04active {
    0% {
        transform: translate(160%, -190%) rotate(-5.48deg)
    }
    100% {
        transform: translate(-50%, -50%) rotate(0) scale(2)
    }
}
.home.animate .section-hero .cart05 {
    transform: translate(150%, -40%) rotate(5.98deg);
    animation: 10s cart05 infinite ease-in-out;
    animation-delay: 1.25s
}
@keyframes cart05 {
    0% {
        transform: translate(150%, -40%) rotate(5.98deg)
    }
    50% {
        transform: translate(160%, -50%) rotate(3.98deg)
    }
    100% {
        transform: translate(150%, -40%) rotate(5.98deg)
    }
}
.home.animate .section-hero .cart05.active {
    transform: translate(150%, -40%) rotate(5.98deg);
    animation-name: cart05active
}
@keyframes cart05active {
    0% {
        transform: translate(150%, -40%) rotate(5.98deg)
    }
    100% {
        transform: translate(-50%, -50%) rotate(0) scale(2)
    }
}
.home.animate .section-hero .cart06 {
    transform: translate(150%, 130%) rotate(-6.69deg);
    animation: 10s cart06 infinite ease-in-out;
    animation-delay: 1.25s
}
@keyframes cart06 {
    0% {
        transform: translate(150%, 130%) rotate(-6.69deg)
    }
    50% {
        transform: translate(140%, 120%) rotate(-8.69deg)
    }
    100% {
        transform: translate(150%, 130%) rotate(-6.69deg)
    }
}
.home.animate .section-hero .cart06.active {
    transform: translate(150%, 130%) rotate(-6.69deg);
    animation-name: cart06active
}
@keyframes cart06active {
    0% {
        transform: translate(150%, 130%) rotate(-6.69deg)
    }
    100% {
        transform: translate(-50%, -50%) rotate(0) scale(2)
    }
}
.home section.section-expertise{    margin-bottom: 0;}
.home section.section-expertise .item h3 {
    font-size: 48rem;
    margin-bottom: 20rem;
    font-weight: 700
}
.home section.section-expertise .item ul {
    margin: 0;
    padding: 0;
    padding-left: 24rem;
    font-size: 24rem;
    line-height: 140%;
    font-weight: 600;
    list-style: disc;
    font-family: "Plus Jakarta Sans", sans-serif;
}
.home section.section-expertise .item ul li::marker {
    color: #5DC863;
}
.home section.section-expertise .item {
    flex: 40%;
    border: 0;
    background: var(--white);
    color: var(--dark);
    transition: .3s;
    min-width: auto;
    width: 50%;
    padding: 60rem;
    border-radius: 30rem;
}
.home section.section-expertise .item:before {
    transition: .3s
}
.home section.section-expertise .item:hover, .home section.section-expertise .item:hover:before {
    background: var(--white);
}
.section-book h2 {
    text-align: center;
    margin-bottom: 30rem;
    color: var(--dark);
}
.section-book {
    padding: 92rem 126rem;
    display: flex;
    flex-direction: column;
    gap: 24rem;
    margin: 0;
    background: var(--green)
}
section {
    margin: 48rem 0
}
.section-flex .flex {
    justify-content: center;
    display: flex;
    position: relative;
    flex-direction: column;
    flex: 50%;
    align-items: baseline;
    max-width: 50%
}
.section-flex .flex img {
    max-width: 100%
}
html .section-flex .slick-track img {
    max-width: 130rem;
    min-height: 80rem;
    object-fit: contain
}
.section-hero p.description {
    text-align: center;
    max-width: 800rem;
    margin: 0 auto
}
.home .section-hero p.description {
    padding-top: 30rem;
}
.btn-wrap {
    display: flex;
    gap: 20rem
}
.section-hero .btn-wrap {
    margin: 0 auto;
    justify-content: center;
    margin-top: 40rem
}
.columns-wrap.blog-wrap {
    flex-wrap: wrap;
    z-index: 1;
    position: relative
}
.section-what .slick-slider {
    max-width: 100%
}
.single .wp-block-columns, .single figure.wp-block-image {
    position: relative;
    z-index: 1
}
.page-template-page-contacts section.section.section-what.section-flex .form {
    padding-right: 122rem
}
.post-type-archive-cases section.section.section-bg.section-key .item.blog-item:nth-child(2n) {
    margin-top: 60rem;
}
section.section.section-bg.section-key .item.blog-item {
    flex: 1;
    gap: 10rem;
    width: 100%;
    max-width: 100%;
    height: auto;
    padding: 0;
    overflow: hidden;
    border-radius: 0;
    background: 0 0;
    border: 0;
    transition: 0s;
    flex: calc(33% - 126rem)
}
body.category-blog section.section.section-bg.section-key .item.blog-item {
    flex: calc(33% - 16rem);
    max-width: 33%;
    justify-content: flex-start;
}
section.section.section-bg.section-key .item.blog-item img {
    max-width: 100%;
    max-height: 100%
}
.post-type-archive-cases section.section.section-bg.section-key .item.blog-item:nth-child(3n) {
    flex: 100%
}
.post-type-archive-cases section.section.section-bg.section-key .item.blog-item:nth-child(3n) .blog-img {
    min-width: 1068rem
}
.post-type-archive-cases section.section.section-bg.section-key .item.blog-item:nth-child(3n) .blog-img iframe{    width: 1160rem;
    height: 800rem;}

.single .post-type-archive-cases section.section-casesitems a[href="https://gamifycat.io/cases/dartmouth-ar/"] iframe {
min-width: 1150rem;
}

.post-type-archive-cases footer {
    background: var(--dark);
}
.post-type-archive-cases section.section.section-bg.section-key .item.blog-item:nth-child(3n) {
    flex: 1;
    max-width: 1068rem;
    margin: 0 auto;
}
.post-type-archive-cases section.section.section-bg.section-key .item.blog-item:nth-child(3n) .blog-img:after {
    background-repeat: no-repeat;
    min-height: auto;
    background-position: center
}
section.section.section-bg.section-key .item.blog-item .text-wrap {
    display: flex;
    flex-direction: column;
    padding: 20rem 0 0
}
section.section.section-bg.section-key .item.blog-item .text-wrap .button {
    bottom: 10rem
}
section.section.section-bg.section-key .item.blog-item:hover {
    border-color: var(--green);
    box-shadow: 0 7.705rem 130rem rgba(36, 168, 97, .1);
    z-index: 1;
    cursor: pointer
}
.post-type-archive-cases video.fixed-video {
    min-width: 768rem;
    min-height: 768rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1.25);
    opacity: 0;
    z-index: 999
}
.post-type-archive-cases a .blog-img.videofixed img {
    transition: .1s
}
.post-type-archive-cases a .blog-img.videofixed:after {
    transition: .1s
}
.post-type-archive-cases a .blog-img.videofixed video {
    transition: .5s
}
.post-type-archive-cases a:hover .blog-img.videofixed img {
    opacity: 0 !important
}
.post-type-archive-cases a:hover .blog-img.videofixed:after {
    opacity: 0 !important
}
.post-type-archive-cases a:hover .blog-img.videofixed video {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1)
}
a.item.blog-item .link {
    color: var(--green);
    font-weight: 400;
    text-decoration: underline
}
a.item.blog-item {
    color: var(--light);
    text-decoration: none
}
.post-type-archive-cases section.section.section-bg.section-key .item.blog-item:nth-child(3n) video {
    width: 1068rem;
    height: 768rem;
    object-fit: cover
}
img.absolute {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}
p.clickplay {
    font-size: 18rem;
    color: #464649;
    font-weight: 400;
    margin: 0 auto
}
.clickplay span {
    color: var(--green);
    font-size: 24rem
}
section.section.section-trusted p {
    font-size: 20rem;
    margin-top: 0;
    font-weight: 700;
    margin-bottom: 20rem
}
section.section.section-trusted {
    background: 0 0;
    height: 175rem;
    width: 100%;
    padding: 0 48rem;
    text-align: center;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    justify-content: center
}
.home section.section.section-trusted {
    margin-top: 100rem
}
html .slick-track img {
    max-width: 100rem;
    max-height: 54rem
}
html .slick-track {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 60rem
}
.section-flex {
    display: flex
}
.section-items .items-wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 24rem;
    grid-row-gap: 24rem
}
.noise__overlay, .trans__overlay {
    pointer-events: none
}
.noise__overlay {
    z-index: 2147483647;
    opacity: .05;
    background-image: url(../images/noise.gif);
    background-position: 0 0;
    background-size: 480px;
    background-attachment: fixed;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}
header+.menu-overlay {
    position: fixed;
    top: 0;
    right: -100%;
    width: 50%;
    transition: .5s;
    height: max(960rem, calc(var(--vh, 1vh) * 100));
    min-height: max(960rem, calc(var(--vh, 1vh) * 100));
    background: var(--light);
    pointer-events: none;
    z-index: 8
}
header.open+.menu-overlay {
    pointer-events: all;
    top: 0;
    z-index: 999;
    right: 0
}
header+.menu-overlay nav ul li {
    font-size: 44rem
}
header.fixed.open, header.open {
    background: 0 0
}
header+.menu-overlay .content-menu {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    height: 100%;
    overflow: hidden;
    position: relative;
    transition: .5s;
    padding-left: 100rem;
    text-align: left
}
nav ul li {
    text-align: left
}
.content-menu .button {
    display: none
}
header.open+.menu-overlay .content-menu {
    overflow: visible
}
header+.menu-overlay nav ul {
    flex-direction: column;
    text-align: center;
    margin: 0;
    padding: 0;
    margin-bottom: 80rem
}
header+.menu-overlay nav {
    display: flex
}
.section-types .items-wrap .item01 {
    grid-area: 1/3/2/4
}
.section-types .items-wrap .item02 {
    grid-area: 2/2/3/3
}
.section-types .items-wrap .item03 {
    grid-area: 2/3/3/4
}
.section-types .items-wrap .item04 {
    grid-area: 3/1/4/2
}
.section-types .items-wrap .item05 {
    grid-area: 3/3/4/4
}
.section-formats .items-wrap .item01 {
    grid-area: 1/2/3/3
}
.section-formats .items-wrap .item02 {
    grid-area: 2/1/3/2
}
.section-formats .items-wrap .item03 {
    grid-area: 1/3/2/4
}
.section-formats .items-wrap .item04 {
    grid-area: 3/2/4/3
}
.section-formats .items-wrap .item05 {
    grid-area: 3/3/4/4
}
section.section-items img, section.section-items svg {
    width: auto;
    height: 54rem;
    max-width: 54rem;
    width: 54rem
}
.section-types .items-wrap .item h3 {
    font-size: 48rem;
    font-weight: 200
}
.section-types .items-wrap .item p {
    margin: 0;
    max-width: 420rem;
    display: block
}
.section-types .items-wrap .item {
    border-radius: 0;
    border-style: solid;
    border-width: 4px;
    border-color: var(--light) #ebf3ea;
    border-image-slice: 2;
    border-image-width: 1;
    border-image-outset: 0;
    border-image-source: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='6' height='6'><path d='M0 2h2v2H0zM2 0h2v2H2zM4 2h2v2H4zM2 4h2v2H2z' fill='%23EBF3EAEBF3EA' /></svg>");
    background: 0 0;
    padding: 60rem;
    display: flex;
    flex-direction: column;
    gap: 10rem;
    transition: .3s ease
}
section.section.section-items.section-types .items-wrap {
    position: relative;
    margin-top: -220rem;
    padding: 24rem
}
section.section.section-items.section-types h2 {
    padding-left: 60rem;
    top: 24rem;
    position: relative
}
.section-what {
    margin-bottom: 0
}
section.section.section-columns3 .column {
    display: flex;
    flex: 1;
    min-height: 600rem;
    max-width: 600rem;
    border-radius: 0;
    background: var(--light);
    color: #161618;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-size: 600rem
}
section.section.section-columns3 {
    display: flex;
    gap: 24rem
}
section.section.section-columns3 .column p {
    font-size: 20rem;
    font-weight: 700
}
body.single section.section.section-bg.section-key .hero-wrap+figure:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 64%);
    opacity: 1;
    backdrop-filter: blur(4px);
}
.services-tags span {
    font-weight: 600;
    border: 2rem solid #fff;
    color: #fff;
    opacity: 1;
    padding: 13rem 23rem;
    border-radius: 100rem;
}
.services-tags {
    position: absolute;
    display: flex;
    justify-content: flex-start;
    gap: 10rem;
    left: 30rem;
    bottom: 30rem;
}
section.section.section-columns3 .column span.count {
    font-size: 226rem;
    letter-spacing: -10rem;
    line-height: 100%;
    position: relative;
    top: -20rem;
    font-weight: 200
}
section.section.section-slider .flex {
    width: 100%;
    justify-content: space-between;
    align-items: flex-end;
    padding: 0 126rem
}
section.section.section-slider .cases-wrap {
    display: flex;
    margin-top: 60rem;
    justify-content: center;
    padding: 0 0;
    align-items: flex-start;
    gap: 0
}
section.section.section-slider .cases-wrap .case-item {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 20rem;
    align-items: flex-start
}
section.section-slider {
    overflow: hidden
}
section.section.section-slider .cases-wrap .case-item h3 {
    font-size: 48rem;
    font-weight: 200
}
section.section.section-slider .cases-wrap .case-item img.game-link {
    max-height: 295rem;
    width: auto;
    max-width: 450rem
}
.section-flex .flex:first-child {
    gap: 40rem
}
a.link {
    color: var(--green);
    text-decoration: none;
    font-size: 18rem;
    font-weight: 700
}
section.section.section-bg.section-formats.section-items {
    background: #041817;
    border-radius: 0;
    padding: 24rem 126rem
}
.bg-video {
    position: absolute;
    top: -150rem;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: calc(var(--vh, 1vh) * 100);
    z-index: -1;
    opacity: .1;
    filter: blur(6px)
}
.section .item {
    border-radius: 0;
    border-style: solid;
    border-width: 4px;
    border-color: var(--light) #ebf3ea;
    border-image-slice: 2;
    border-image-width: 4px;
    border-image-outset: 0;
    border-image-source: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='6' height='6'><path d='M0 2h2v2H0zM2 0h2v2H2zM4 2h2v2H4zM2 4h2v2H2z' fill='%23EBF3EAEBF3EA' /></svg>");
    background: 0 0;
    padding: 60rem;
    display: flex;
    flex-direction: column;
    gap: 20rem;
    transition: .3s ease;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative
}
.preloader {
    position: fixed;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: calc(var(--vh, 1vh) * 100);
    background: var(--black);
    z-index: 999999
}
.preloader .img {
    position: absolute;
    width: 140rem;
    height: 140rem;
    margin-bottom: 40rem;
}
.preloader .img svg {
    width: 100%;
    height: auto;
    animation: circle-g 2s linear infinite;
}
header.open+div+.overlay-blur {
    opacity: 1;
    cursor: pointer;
    pointer-events: all;
}
@keyframes circle-g {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.preloader.active {
    opacity: 0;
    -webkit-transition: ease-in-out .75s;
    transition: ease-in-out .75s;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
    pointer-events: none;
    transform: translateY(-calc(var(--vh, 1vh) * 100))
}
.preloader .counter {
    position: absolute;
    color: var(--green);
    font-size: 56rem;
    z-index: 1;
    font-weight: 600;
    opacity: 1;
    margin-bottom: -200rem
}
.preloader .counter::after {
    content: '%';
    font-size: 36rem;
    opacity: .25;
    color: var(--light)
}
.preloader .counter.hide, .preloader .img.hide {
    -webkit-transition: .2s;
    transition: .2s;
    pointer-events: none
}
.error404 svg #left1, .preloader .img svg #left1 {
    animation: left1 .3s linear infinite alternate;
    animation-timing-function: step-end
}
.preloader:after, .preloader:before {
    content: '';
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute
}
.preloader:before {
    width: 493rem;
    height: 312rem;
    background-image: url(../images/Cartridge_Garnier.webp);
    left: 0;
    top: 0;
    transform: translate(-100%, -30%) rotate(-5deg);
    filter: drop-shadow(-70px 60px 40px rgba(0, 0, 0, .3));
    transition: .7s;
    animation: preloaderimg1 3s ease-in-out infinite alternate;
    display: none;
}
.preloader:after {
    width: 493rem;
    height: 312rem;
    background-image: url(../images/Cartridge_Samsung.webp);
    right: 0;
    bottom: 0;
    transform: translate(100%, 30%) rotate(5deg);
    filter: drop-shadow(-70px 60px 40px rgba(0, 0, 0, .3));
    transition: .7s;
    animation: preloaderimg2 3s ease-in-out infinite alternate;
    display: none;
}
.preloader.animate:before {
    transform: translate(0, 0) rotate(-15deg)
}
.preloader.animate:after {
    transform: translate(0, 0) rotate(15deg)
}
.preloader.animate.active:before {
    transform: translate(-100%, -30%) rotate(-5deg)
}
.preloader.animate.active:after {
    transform: translate(100%, 30%) rotate(5deg)
}
@keyframes preloaderimg1 {
    0% {
        top: 0
    }
    50% {
        top: 3%
    }
    100% {
        top: 0
    }
}
@keyframes preloaderimg2 {
    0% {
        bottom: 0
    }
    50% {
        bottom: 3%
    }
    100% {
        bottom: 0
    }
}
@keyframes left1 {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
.error404 svg #left2, .preloader .img svg #left2 {
    animation: left1 .3s linear infinite alternate;
    animation-timing-function: step-end;
    animation-delay: .1s
}
.error404 svg #right1, .preloader .img svg #right1 {
    animation: left1 .3s linear infinite alternate;
    animation-timing-function: step-end;
    animation-delay: .3s
}
.error404 svg #right2, .preloader .img svg #right2 {
    animation: left1 .3s linear infinite alternate;
    animation-timing-function: step-end;
    animation-delay: .2s
}
.item.item-green {
    background: var(--green)
}
.item.item-green h3, .item.item-green p {
    color: var(--light)
}
.item.item-green .button {
    display: inline-flex;
    color: var(--light)
}
.item.item-green {
    background: 0 0;
    border-image-source: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='6' height='6'><path d='M0 2h2v2H0zM2 0h2v2H2zM4 2h2v2H4zM2 4h2v2H2z' fill='%2324A861' /></svg>")
}
.item:not(.item-green):hover .button {}
.item.item-green.item-big:hover .button {}
section.section.section-bg.section-formats.section-items h2 {
    padding-left: 36rem;
    padding-top: 24rem;
    z-index: 0
}
.tax-client h1, .tax-field h1, .tax-formats h1 {
    padding-left: 36rem;
    padding-top: 24rem;
    z-index: 0
}
.tax-client .btn-wrap, .tax-field .btn-wrap, .tax-formats .btn-wrap {
    padding-left: 36rem;
    padding-top: 24rem;
    z-index: 0
}
.content-menu p.small a {
    font-size: 16rem;
    color: var(--dark);
    text-decoration: none;
    max-width: 225rem;
    display: inline-block;
    font-weight: 600;
    line-height: 125%;
}
.content-menu p.small {
    position: absolute;
    left: 100rem;font-size: 20rem;
    bottom: 50rem
}
.item h3 {
    font-size: 60rem;
    line-height: 100%;
    font-weight: 600;
}
.section-formats .items-wrap .item.item-green h3 {
    font-size: 63rem;
    font-weight: 400
}
section.section.section-bg.section-formats.section-items .items-wrap {
    position: relative;
    margin-top: -180rem
}
.item.item01.item-big.item-green svg {
    max-width: 160rem;
    width: 100%;
    height: auto;
    position: absolute;
    left: 60rem;
    bottom: 60rem
}
svg.animated.character #right {
    transform: translateX(8%);
    transform-origin: 50% 50%;
    animation: .3s pixelright infinite alternate linear;
    animation-timing-function: step-end
}
@keyframes pixelright {
    0% {
        transform: translateX(8%)
    }
    50% {
        transform: translateX(0)
    }
}
svg.animated.character #left {
    transform: translateX(-8%);
    transform-origin: 50% 50%;
    animation: .3s pixelleft infinite alternate linear;
    animation-timing-function: step-end
}
@keyframes pixelleft {
    0% {
        transform: translateX(-8%)
    }
    50% {
        transform: translateX(0)
    }
}
.section-images h2 {
    padding-left: 60rem;
    margin-bottom: 60rem
}
.section-images .wrap-images {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 24rem;
    grid-row-gap: 24rem
}
.section-images .wrap-images img {
    cursor: pointer;
    max-width: 100%
}
.section-images .wrap-images .img01 {
    grid-area: 1/1/2/2
}
.section-images .wrap-images .img02 {
    grid-area: 1/2/2/3
}
.section-images .wrap-images .img03 {
    grid-area: 2/1/3/3
}
.section-images .wrap-images .img04 {
    grid-area: 1/3/3/5
}
.section-images .wrap-images .img05 {
    grid-area: 1/5/2/7
}
.section-images .wrap-images .img06 {
    grid-area: 2/5/3/6
}
.section-images .wrap-images .img07 {
    grid-area: 2/6/3/7
}
section.section.section-bg.section-key.section-blog.section-columns4 {
    padding: 20rem 126rem
}
.archive section.section.section-bg.section-key.section-blog.section-columns4 {
    padding-top: 0rem;
}
body.archive:not(.home) h2.sub-title {
    padding-bottom: 80rem;
}
body.category-blog .columns-wrap {
    gap: 24rem;
    justify-content: flex-start;
}
section.section.section-bg.section-key .item.blog-item:before {
    display: none
}
section.section.section-bg.section-key .item.blog-item:hover h3, section.section.section-bg.section-key .item.blog-item:hover img {
    opacity: 1
}
.home section.section.section-bg.section-key h2 {
    padding-left: 0;
    text-align: left
}
section.section.section-bg.section-key {
    border-radius: 0;
    padding: 24rem
}
section.section.section-bg.section-key.section-casesitems a.button {
    margin-top: 60rem
}
.home section.section.section-bg.section-key .flex p {
    max-width: 460rem;
    text-align: right;
    margin-bottom: 23rem;
}
.home .columns-wrap.blog-wrap, .single-cases .columns-wrap.blog-wrap {
    margin-top: 72rem;
    position: relative;
    z-index: 1
}
div#my-cal-inline {
    position: relative;
    z-index: 1
}
.home section.section.section-bg.section-key .flex {
    width: 100%;
    justify-content: space-between;
    align-items: flex-end
}
body:not(.home) section.section.section-bg.section-key {
    background: 0 0;
    border-radius: 0;
    padding: 0
}
body.archive section.section.section-bg.section-key {
    padding: 24rem 126rem;
}
.columns-wrap {
    display: flex;
    gap: 100rem 40rem;
    justify-content: space-between;
    width: 100%;
}
.section-expertise .columns-wrap {
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 40rem;
}
body:not(.page-template-page-about, .home) .slick-slider2 img {
    filter: brightness(100) grayscale(1);
}
section.section.section-bg.section-key img {
    max-width: 115rem;
    margin-left: auto;
    height: auto;
    width: 100%;
    max-height: 115rem
}
.single section.section.section-bg.section-key img {
    max-width: 100%;
    max-height: 100%;height: auto!important;border-radius: 30rem;
}
section.section.section-bg.section-key .item {
    height: 414rem;
    justify-content: space-between;
    flex: 1;
    transition: .75s
}
section.section.section-bg.section-key .item:hover {
    background: var(--green)
}
section.section.section-bg.section-key .item:hover p.description {
    top: 50%;
    opacity: 1
}
section.section.section-bg.section-key .item p.description {
    position: absolute;
    top: 75%;
    transform: translate3d(0, -50%, 0);
    transition: .75s;
    opacity: 0;
    max-width: 320rem
}
section.section.section-trustworthy .cases-wrap .case-item img.game-link {
    max-width: initial;
    max-height: 50rem
}
.button-play {
    cursor: pointer;
}
.game_popup {
    border-radius: 20rem;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    height: 80%;
    border: none;
    z-index: 1000;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
section.section.section-bg.section-key .item h3, section.section.section-bg.section-key .item img {
    transition: .75s;
    text-align: left;
}
section.section.section-bg.section-key .item:hover h3, section.section.section-bg.section-key .item:hover img {
    opacity: 0
}
section.section.section-bg.section-key .item div.description {
    text-align: left;
    margin-top: 20rem;max-width: 768rem;
}
.post-type-archive-cases section.section.section-bg.section-key .item.blog-item:nth-child(3n) div.description{max-width: 100%}
.post-type-archive-cases section.section.section-bg.section-key .item.blog-item:hover h3 {
    color: var(--green);
}
section.section.section-trustworthy .cases-wrap .case-item {
    flex: 1;
    border: 0;
    background: var(--light);
    color: var(--dark);
    transition: .3s;
    padding: 60rem;
    display: flex;
    flex-direction: column;
    gap: 20rem;
    transition: .3s ease;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
    min-height: 360rem;
    width: 100%;
    max-width: 600rem;
    border-radius: 30rem;
}
section.section.section-trustworthy .face {
    filter: grayscale(1);
    width: 75rem;
    height: 75rem;
    display: block;
    position: absolute;
    right: 20rem;
    top: 20rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}
section.section.section-trustworthy .item-dartmouth .face {
    background-image: url(../img/face01.png)
}
section.section.section-trustworthy .item-dartmouth .face {
    background-image: url(../images/face02.png)
}
section.section.section-trustworthy .item-dartmouth .face {
    background-image: url(../img/face03.png)
}
section.section.section-trustworthy .item-dartmouth .face {
    background-image: url(../img/face04.png)
}
section.section.section-trustworthy .item-dartmouth .face {
    background-image: url(../img/face05.png)
}
section.section.section-trustworthy .item-dartmouth .face {
    background-image: url(../img/face06.png)
}
section.section.section-trustworthy .cases-wrap {
    padding: 0;
    gap: 0
}
section.section.section-slider.section-trustworthy {
    margin-bottom: 0rem;
    background: var(--dark);
    padding-top: 80rem;
    padding-bottom: 80rem;
    margin-top: 0;
}
section.section.section-trusted.section-prefooter {
    background: 0 0;
    margin: 0;
    padding: 0;
    border-radius: 0
}
.page:not(.home) section.section.section-bg.section-key, .single section.section.section-bg.section-key {
    padding-top: 40rem;
    padding-left: 40rem;
    padding-right: 40rem
}
.page:not(.home) section.section.section-bg.section-key h2, .single section.section.section-bg.section-key h2 {
    padding-left: 0;
    padding-right: 0
}
.single section.section.section-bg.section-key h2 {
    font-size: 90rem;
    font-weight: 700
}
.single section.section.section-bg.section-key h2.active {
    opacity: 1
}
body.single.single-cases section.section.section-bg.section-casesitems{    background: #000;
    padding-top: 78rem;
    padding-bottom: 78rem;}
nav ul li.current-menu-item a, nav ul li.current-menu-parent a {
    color: var(--green);
    border-color: var(--green)
}
.single-cases li.menu-item-331 a {
    color: var(--green);
    border-color: var(--green)
}
.single-post li.menu-item-915 a {
    color: var(--green);
    border-color: var(--green)
}
.page:not(.home) section.section.section-bg.section-key .wp-block-columns h1, .page:not(.home) section.section.section-bg.section-key .wp-block-columns h2, .single section.section.section-bg.section-key .wp-block-columns h1, .single section.section.section-bg.section-key .wp-block-columns h2 {
    font-size: 50rem;
    font-weight: 200;
    padding-top: 0
}
.page:not(.home) section.section.section-bg.section-key .wp-block-columns h1.sub-title, .page:not(.home) section.section.section-bg.section-key .wp-block-columns h2.sub-title, .single section.section.section-bg.section-key .wp-block-columns h1.sub-title, .single section.section.section-bg.section-key .wp-block-columns h2.sub-title {
    font-size: 96rem;
    color: var(--light);
    font-weight: 200;
    line-height: 100%
}
.page:not(.home) .wp-block-columns p, .single .wp-block-columns p {
    margin-bottom: 40rem
}
.page:not(.home) .wp-block-columns p:last-child, .single .wp-block-columns p:last-child {
    margin-bottom: 0;
    margin-left: 0
}
.single .icon-column {
    max-width: 128rem
}
.wp-block-group.rategrid .wp-block-group__inner-container .wp-block-columns {
    gap: 40rem
}
body.single .desc {
    margin: 190rem auto;
}
body.single-post .desc {
    margin: 40rem auto;
}
body.single-post .desc>div {
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    align-items: center;
}
body.single-post header+.menu-overlay+section {
    gap: 40rem;
}
section.section.reveal.fade-bottom.section-bg.section-key.section-green.section-cta {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40rem;
    padding: 40rem;
    margin-bottom: 40rem
}
section.section.reveal.fade-bottom.section-bg.section-key.section-green.section-cta .sub-title {
    max-width: 1200rem
}
.single .wp-block-columns .wp-block-column {
    position: relative
}
section.section.section-bg.section-key.section-green {
    background: var(--green)
}
.section-dark {
    background: var(--dark);
}
footer {
    background: var(--black);
    border-radius: 0;
    position: relative;
    z-index: 1;
    padding: 60rem 40rem 30rem 115rem;
}
footer .flex {
    flex-wrap: wrap;
    row-gap: 40rem
}
.footer-column a {
    font-weight: 600;
    font-size: 20rem;
    color: var(--light);
    text-decoration: none
}
.footer-column.column {
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: flex-start;
    align-items: baseline;
    gap: 2rem;
    flex: 50%
}
.footer-column.column.column-last {
    text-align: left;
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20rem;
    justify-content: flex-start
}
.footer-column.column.column-last span {
    flex: 100%;
    display: block;
    width: 100%
}
section.section.section-what.section-page.section-flex p {
    font-weight: 300
}
section.section.section-what.section-page.section-flex a {
    color: var(--green)
}
section.section.section-what.section-page.section-flex {
    padding: 0 126rem;
    display: inline-flex;
    flex-direction: column;
    gap: 10rem;
    font-weight: 300;
    margin-top: 220rem
}
section.section.section-what.section-page.section-flex p strong {
    font-size: 36rem;
    margin-bottom: 10rem;
    display: block;
    margin-top: 40rem
}
section.section.section-what.section-page.section-flex h2 {
    padding-bottom: 100rem
}
.footer-column .soc-icon:before {
    display: none
}
.footer-column .soc-icon {
    transition: .3s
}
.footer-column .soc-icon:hover {
    opacity: .75
}
.footer-column.column:first-child span {
    font-size: 90rem;
    color: var(--light);
    margin-bottom: 20rem;
    padding-top: 23rem;
    font-weight: 700
}
.sameheight img {
    object-fit: cover
}
.soc-icon {
    display: flex;
    width: 24rem;
    height: 24rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}
.behance {
    background-image: url(../images/behance.svg)
}
.dribbble {
    background-image: url(../images/dribbble.svg)
}
.linkedin {
    background-image: url(../images/linkedin.svg)
}
.clutch {
    background-image: url(../images/clutchicon_white.svg)
}
.google {
    background-image: url(../images/googleicon_white.svg)
}
.content-menu .logoicon {
    display: flex;
    width: 40rem;
    height: 40rem;
    position: absolute;
    top: 50rem;
    left: 100rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/logoicon.svg)
}
.content-menu .soc-icon.googleicon {
    position: absolute;
    right: 100rem;
    bottom: 50rem;
    background-image: url(../images/googleicon.svg)
}
.content-menu .soc-icon.clutchicon {
    position: absolute;
    right: 150rem;
    bottom: 50rem;
    background-image: url(../images/clutchicon.svg)
}
.content-menu .soc-icon.linkedin {
    position: absolute;
    right: 200rem;
    bottom: 50rem;
    background-image: url(../images/linkedin-black.svg)
}
body.no-scroll:before {
    content: '';
    background: rgb(0 0 0 / 13%);
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 99;
    backdrop-filter: blur(10rem)
}
.footer-column.column:nth-child(2), .footer-column.column:nth-child(4) {
    flex: 27.5%;
    text-align: left
}
.footer-column.column:first-child, .footer-column.column:nth-child(3) {
    flex: 72.5%
}
html .slick-track a {
    display: flex !important;
    justify-content: center;
    align-items: center
}
.footer-column.column span {
    font-weight: 600;
    font-size: 16rem;
    line-height: 25rem;
    padding-bottom: 20rem;
    color: rgba(255, 255, 255, .5)
}
.last-line {
    font-style: normal;
    font-weight: 600;
    font-size: 16rem;
    line-height: 25rem;
    padding-top: 10rem;
    width: 100%;
    border-top: 1rem solid rgb(255 255 255 / 13%);
    margin-top: 28rem;
    color: var(--green)
}
.illustrations {
    border-radius: 0;
    overflow: hidden
}
.illustrations img {
    transform: scale(1);
    transition: .75s ease;
    width: 100%;
    height: 100%;
    object-fit: cover
}
.illustrations:hover img {
    transform: scale(1.1);
    opacity: .8
}
.page-template-page-contacts section.section.section-what.section-flex .info {
    display: flex
}
.page-template-page-contacts section.section.section-what.section-flex form {
    gap: 24rem;
    padding-right: 126rem
}
.page-template-page-contacts section.section.section-what.section-flex form p {
    flex: calc(50% - 20rem)
}
.footer-badges a:after, .footer-badges a:before {
    display: none !important
}
.footer-badges a {
    transition: .3s;
    opacity: 1
}
.footer-badges a:hover {
    opacity: .75
}
.footer-badges {
    position: absolute;
    right: 120rem;
    bottom: 96rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    gap: 20rem
}
.footer-badges .badge-clutch {
    width: 119rem;
    height: 128rem;
    display: block;
    background-image: url(../images/clutchbadge.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}
.footer-badges .badge-clutch-review {
    width: 138rem;
    height: 35rem;
    display: block;
    background-image: url(../images/clutchreview.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}
.footer-badges .badge-google-review {
    width: 138rem;
    height: 37rem;
    display: block;
    background-image: url(../images/googlereview.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    background: #09130A;
    font-family: "Plus Jakarta Sans", sans-serif;
    border: 0;
    margin: 20rem 0;
    width: 100%;
    padding: 20rem 0;
    text-align: center;
    font-weight: 500
}
#lightbox {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity .3s ease-in-out
}
#lightbox img {
    max-width: 80%;
    max-height: 80%;
    border-radius: 0
}
#lightbox-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 20rem;
    box-sizing: border-box
}
#lightbox-next, #lightbox-prev {
    width: 64rem;
    height: 64rem;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: contain
}
#lightbox-prev {
    background-image: url('../images/arrow_left.svg')
}
#lightbox-next {
    background-image: url('../images/arrow_right.svg')
}
#lightbox.show {
    display: flex;
    opacity: 1;
    z-index: 9
}
section.section.section-slider .cases-wrap .case-item .game-link-div {
    cursor: pointer;
    position: relative;
    min-height: 295rem;
    display: flex;
    align-items: flex-end
}
section.section.section-slider .cases-wrap .case-item .game-link-div:before {
    background-image: url(../images/playgame.svg);
    background-size: cover;
    content: '';
    width: 74rem;
    height: 74rem;
    display: block;
    position: absolute;
    transition: .3s;
    top: 50%;
    opacity: 0;
    left: 50%;
    pointer-events: none;
    transform: translate(-50%, -60%);
    z-index: 1
}
section.section.section-slider .cases-wrap .case-item .game-link-div img {
    transition: .3s;
    top: 0;
    position: relative
}
section.section.section-slider .cases-wrap .case-item .game-link-div:hover img {
    transform: scale(1.03)
}
section.section.section-slider .cases-wrap .case-item .game-link-div:hover:before {
    opacity: 1;
    transform: translate(-50%, -45%)
}
.section-hero {
    position: relative
}
.games-left {
    position: absolute;
    left: 0;
    height: 425rem;
    top: calc(100%);
    transform: translateY(-40%);
    width: 100%;
    background: 0 0;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center
}
body .games-left.anima {
    transform: translateY(-30%)
}
body.animate .games-left.anima {
    transform: translateY(-40%)
}
html .games-left .slick-list {
    transform: rotate(-2deg)
}
html .games-left img {
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: inherit
}
html .games-left .slick-track {
    gap: 160rem
}
html .section-what .slick-slide {
    display: flex;
    flex-direction: column;
    gap: 60rem;
    justify-content: center;
    align-items: center
}
.games-left .game {
    cursor: pointer;
    transition: .3s ease
}
.games-left .game:hover {
    transform: scale(1.1)
}
.games-left .game01 {
    width: 333rem;
    height: 214rem
}
.games-left .game02 {
    width: 198rem;
    height: 212rem
}
.games-left .game03 {
    width: 371rem;
    height: 279rem
}
.games-left .game05 {
    width: 333rem;
    height: 214rem
}
.games-left .game04 {
    width: 198rem;
    height: 225rem
}
.games-left .game06 {
    width: 371rem;
    height: 226rem
}
.games-left .game.hover {
    transform: scale(1.1)
}
.section-hero .big-title, .section-hero .btn-wrap, .section-hero p.description {
    position: relative;
    z-index: 1
}
section.section.section-trusted .slick-slider {
    pointer-events: none
}
.logo:hover {
    text-decoration: none;
    border-color: transparent
}
.popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    justify-content: center;
    align-items: center;
    z-index: 9
}
.popup iframe {
    width: 80%;
    height: 80%;
    border: none;
    overflow: hidden;
    border-radius: 0
}
.popup.show {
    display: flex
}
.section-green {
    background: var(--green)
}
.section-white {
    background: var(--light)
}
.section-light {
    background: var(--light)
}
.container {
    max-width: 1667rem;
    margin: 0 auto
}
.section-mission p, .section-white p {
    color: var(--dark)
}
.section-green p {
    color: var(--dark)
}
#iframe-wrap .close-iframe, .popup .close {
    background-image: url(../images/close.svg);
    height: 54rem;
    width: 54rem;
    position: absolute;
    top: 88rem;
    right: 113rem;
    cursor: pointer;
    background-size: cover;
    transition: .75s
}
#iframe-wrap .close-iframe:hover, .popup .close:hover {
    transform: rotate(180deg)
}
body.removescroll {
    overflow: hidden
}
.game.game01:hover {
    transition-delay: 0s !important
}
.game.game02:hover {
    transition-delay: 0s !important
}
.game.game03:hover {
    transition-delay: 0s !important
}
.game.game04:hover {
    transition-delay: 0s !important
}
.game.game05:hover {
    transition-delay: 0s !important
}
.game.game06:hover {
    transition-delay: 0s !important
}
.games-left .game:before {
    background-image: url(../images/playgame.svg);
    content: '';
    width: 74rem;
    height: 74rem;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -60%);
    z-index: 1;
    opacity: 0;
    transition: .3s;
    pointer-events: none;
    background-size: cover
}
.games-left .game:hover:before {
    opacity: 1;
    transform: translate(-50%, -50%)
}
.anima {
    transition: 0s;
    transform: translate(0, 10%);
    opacity: 0
}
body.animate .anima {
    transition: .75s;
    transform: translate(0, 0);
    opacity: 1
}
.reveal {
    position: relative;
    opacity: 0
}
.reveal.active {
    opacity: 1
}
.button.reveal.active {
    opacity: .99
}
.button.reveal.active:hover {
    opacity: .75
}
.active.fade-bottom {
    animation: fade-bottom .75s ease-in-out
}
@keyframes fade-bottom {
    0% {
        transform: translateY(50rem);
        opacity: 0
    }
    100% {
        transform: translateY(0);
        opacity: 1
    }
}
.wpcf7-form.submitting {
    opacity: 0.5;
    pointer-events: none;
    transition: 0.3s ease
}
.wpcf7-form.sent p {
    opacity: 0.5;
    pointer-events: none;
}
.words-wrapper {
    display: inline-block;
    position: relative;
    text-align: left
}
.words-wrapper b {
    opacity: 0;
    display: inline-block;
    position: absolute;
    white-space: nowrap;
    left: 0;
    top: 0
}
.words-wrapper .is-visible {
    position: relative;
    opacity: 1;
    -webkit-animation: push-in .6s;
    -moz-animation: push-in .6s;
    animation: push-in .6s
}
.words-wrapper .is-hidden {
    -webkit-animation: 0;
    -moz-animation: 0;
    animation: 0;
    -webkit-animation: push-out .6s;
    -moz-animation: push-out .6s;
    animation: push-out .6s
}
svg.svg-anim.drawsvg-initialized {
    opacity: 1
}
svg.svg-anim {
    opacity: 0
}
@-webkit-keyframes push-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%)
    }
    70% {
        opacity: 1;
        -webkit-transform: translateY(10%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}
@-moz-keyframes push-in {
    0% {
        opacity: 0;
        -moz-transform: translateY(-100%)
    }
    60% {
        opacity: 1;
        -moz-transform: translateY(10%)
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}
@keyframes push-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(10%);
        -moz-transform: translateY(10%);
        -ms-transform: translateY(10%);
        -o-transform: translateY(10%);
        transform: translateY(10%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}
@-webkit-keyframes push-out {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
    60% {
        opacity: 0;
        -webkit-transform: translateY(110%)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(100%)
    }
}
@-moz-keyframes push-out {
    0% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
    60% {
        opacity: 0;
        -moz-transform: translateY(110%)
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(100%)
    }
}
@keyframes push-out {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
    60% {
        opacity: 0;
        -webkit-transform: translateY(110%);
        -moz-transform: translateY(110%);
        -ms-transform: translateY(110%);
        -o-transform: translateY(110%);
        transform: translateY(110%)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%)
    }
}
body:not(.home) .section-what {
    margin-top: 0;
    margin-bottom: 0
}
body:not(.home) section {
    margin: 0
}
body.page-id-12 section {
    margin: 60rem 0
}
body:not(.home) header+.menu-overlay+section {
    margin-top: 0;
    display: inline-block;
    width: 100%;
    margin-bottom: 24rem;
    min-height: 540rem
}
body.single section.section.section-bg.section-key .hero-wrap {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0rem;
    width: 100%;
    height: calc(var(--vh, 1vh) * 100);
    justify-content: center;
    align-items: center;
    text-align: center;
}
body.page-template-page-about header+.menu-overlay+div+section .container h1 {
    max-width: 1200rem;
    margin-left: 0;
    line-height: 100%;
    color: var(--dark);
}
body.page-template-page-about header+.menu-overlay+div+section .container h1 b {
    color: var(--white);
}
body.page-template-page-about header+.menu-overlay+div+section .container p {
    font-size: 36rem;
    max-width: 920rem;
    color: var(--dark);
}
body.page-template-page-about header+.menu-overlay+div+section .container {
    display: flex;
    flex-direction: column;
    gap: 106rem;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%
}
body.page-template-page-about header+.menu-overlay+div+section {
    margin: 0;
    min-height: 962rem;
    display: flex;
    justify-content: flex-start;
    padding-top: 210rem;
    align-items: flex-start;
    text-align: left;
    gap: 80rem;
    background: var(--green);
}
body:not(.home) h2.sub-title {
    padding-left: 0;
    padding-bottom: 20rem
}
body.end-page #iframe-wrap {
    bottom: -10rem
}
.page-template-page-contacts section.section.section-what.section-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 0;
    row-gap: 100rem;
    align-items: flex-start;
    padding-top: 150rem;
    flex-direction: row;
    min-height: 960rem
}
.page-template-page-contacts section.section.section-what.section-flex, .page-template-page-contacts section.section.section-what.section-flex+footer {
    margin: 0
}
.page-template-page-contacts section.section.section-what.section-flex .form {
    flex: 50%
}
.page-template-page-contacts section.section.section-what.section-flex .info {
    flex: 50%
}
.page-template-page-contacts section.section.section-what.section-flex h2 {
    flex: 50%
}
.page-template-page-contacts section.section.section-what.section-flex p {
    flex: 50%
}
.page-template-page-contacts section.section.section-what.section-flex .form {
    z-index: 1;
    position: relative
}
.page-template-page-contacts footer {
    margin-top: 0rem
}
.form span.wpcf7-form-control-wrap {
    display: block;
    width: 100%;
    font-size: 24rem;
    padding: 0;
    position: relative;
    margin-bottom: 20rem
}
.form label {
    color: rgb(255 255 255 / 25%);
    font-weight: 500;
    font-size: 16rem
}
body.removescroll #iframe-wrap {
    z-index: 0;
    opacity: 0
}
form.wpcf7-form {
    display: flex;
    flex-wrap: wrap;
    margin-top: 24rem;
    justify-content: flex-start;
    align-items: flex-start;
}
form .button-green {
    cursor: pointer;
    min-width: 300rem
}
.form input, .form textarea {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 100%;
    padding: 24rem 0;
    border: 0;
    background: 0 0;
    border-radius: 0;
    font-weight: 600;
    font-size: 24rem;
    color: var(--light);
    display: block;
    margin-top: -.33em;
    background: 0 0;
    font-family: "Plus Jakarta Sans", sans-serif;
    border-bottom: 2px solid rgb(255 255 255 / 25%)
}
span.wpcf7-not-valid-tip {
    position: absolute;
    font-size: 14rem;
    position: absolute;
    color: #41504f;
    right: 0;
    bottom: 10rem;
    font-weight: 300
}
.wpcf7 form.sent .wpcf7-response-output {
    background: #5DC863;
    border: 0
}
.home section.section-expertise .item svg {
    max-width: 90rem
}
.wpcf7 form.sent .wpcf7-response-output {
    background: #5DC863;
    font-family: "Plus Jakarta Sans", sans-serif;
    border: 0;
    margin: 20rem 0;
    width: 100%;
    padding: 20rem 0;
    text-align: center;
    font-weight: 500
}
#iframe-wrap:hover {
    transform: scale(1.1)
}
#iframe-wrap {
    position: fixed;
    bottom: 24rem;
    right: 24rem;
    width: 100rem;
    overflow: hidden;
    border-radius: 10rem;
    z-index: 9;
    height: 100rem;
    cursor: pointer;
    transition: .3s;
    background: #18181b;
    transition-delay: 0s;
    border-radius: 1000rem
}
#iframe-wrap video {
    transition: .3s;
    transition-delay: 0s
}
#iframe-wrap:before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: 'Play Showreel';
    font-size: 16rem;
    display: flex;
    pointer-events: none;
    justify-content: center;
    text-align: center;
    align-items: center;
    opacity: 1;
    background: rgb(0 0 0 / 50%);
    transition: .3s;
    font-weight: 700
}
.iframe-thumbnail {
    width: 209rem;
    height: 105rem
}
#iframe-wrap.open:before {
    display: none
}
.item.item-big.item-green:before {
    content: 'Most popular';
    text-transform: uppercase;
    font-size: 15rem;
    letter-spacing: 0;
    font-weight: 700;
    position: absolute;
    top: -44rem;
    left: 0;
    width: 200rem;
    background: var(--green);
    text-align: center;
    height: 40rem;
    display: flex;
    justify-content: center;
    align-items: center
}
#iframe-wrap.open {
    width: 100vw;
    height: calc(var(--vh, 1vh) * 100);
    transform: translate(-50%, -50%) scale(1);
    top: 50%;
    left: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgb(0 0 0 / 48%);
    transition: .3s
}
#iframe-wrap.open video {
    width: calc(1660rem - 80rem);
    height: calc(860rem - 80rem);
    border-radius: 0;
    object-fit: cover;
    pointer-events: none
}
#iframe-wrap .close-iframe {
    display: none
}
#iframe-wrap.open .close-iframe {
    display: block
}
body:not(.home).page-id-12 .wp-block-columns {
    background: var(--green)
}
body:not(.home) section.section.section-bg.section-key .item.blog-item:hover h3 {
    opacity: 1
}
body:not(.home) section.section.section-bg.section-key .item.blog-item:hover {
    background: 0 0;
    box-shadow: none
}
.page-template-page-contacts section.section.section-what.section-flex h2 {
    padding-top: 0;
    padding-left: 122rem;
    margin-bottom: auto
}
.page-template-page-contacts section.section.section-what.section-flex div.form+p {
    padding-left: 122rem
}
body.category section {
    margin-top: 160rem;
    display: inline-block;
    width: 100%;
    margin-bottom: 20rem
}
.category .blog-img {
    width: 100%;
    border-radius: 20rem;
    height: 300rem;
    overflow: hidden;
    position: relative;
}
.category .blog-img img {
    width: 100%
}
.category .blog-img .blog-title {
    font-size: 38rem;
    font-weight: 700;
    position: absolute;
    bottom: 30rem;
    max-width: 300rem;
    left: 30rem;
}
.category .item.blog-item img {
    transform: scale(1);
    transition: .3s;
    border-radius: 0
}
.category .item.blog-item:hover img {
    transform: scale(1.05)
}
section.section.section-who {
    padding: 132rem 0
}
body.page-template-page-about p:not(.title) {
    font-size: 32rem;
    font-weight: 700
}
section.section.section-who p {
    max-width: 50%
}
section.section.section-who .container {
    gap: 40rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
    z-index: 1
}
.abs-center {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.custom-cursor {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    position: absolute;
    z-index: 9999999;
    top: -40px;
    left: -40px;
    pointer-events: none;
}
.cursor__small {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #5DC863;
    z-index: 5;
}
.cursor__big {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #5DC863;
    z-index: 1;
    opacity: 0.4;
    margin: -40px 0 0 -40px;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    -moz-transition: all 320ms cubic-bezier(0.26, 0.01, 0.17, 1);
    -o-transition: all 320ms cubic-bezier(0.26, 0.01, 0.17, 1);
    -webkit-transition: all 320ms cubic-bezier(0.26, 0.01, 0.17, 1);
    transition: all 320ms cubic-bezier(0.26, 0.01, 0.17, 1);
}
.single header+section.section.section-bg.section-key {
    margin-top: 160rem;
    display: inline-block
}
.page section .container p a {
    color: var(--green);
    text-decoration: auto
}
section.section.section-team .flex:first-child div a {
    text-decoration: underline;
    color: var(--light)
}
section.section.section-team .flex:first-child div {
    text-align: right;
    max-width: 420rem;
    display: flex;
    flex-direction: column;
    gap: 0;
    position: relative;
    bottom: 27rem
}
section.section.section-team .flex:first-child div p {
    max-width: 100%
}
section.section.section-mission {
    padding: 106rem 0;
    background: var(--light)
}
section.section.section-mission .flex {
    width: 100%;
    justify-content: space-between;
    align-items: flex-end
}
section.section.section-mission .container .flex {
    align-items: center;
    gap: 80rem
}
section.section.section-mission .flex span {
    color: rgb(0 0 0 / 30%);
    font-size: 36rem;
    font-weight: 700;
    margin-bottom: 24rem;
    display: block
}
section.section.section-mission .flex .flex-item {
    max-width: 50%
}
section.section.reveal.fade-bottom.section-bg.section-key.section-green.section-cta p {
    max-width: 835rem
}
section.section.reveal.fade-bottom.section-bg.section-key.section-green.section-cta {
    background: var(--green);
    padding: 130rem 0;
    overflow: hidden;
    margin-bottom: 0
}
section.section.section-mission .flex .flex-item img {
    max-width: 100%;
    border-radius: 30rem;
}
.section-green.section-cta .pixelCon {
    z-index: 0
}
section.section.section-mission .flex+.flex+.flex {
    flex-direction: row-reverse;
}
.section-green.section-cta .pixel {
    animation: blink3 5s infinite
}
.awwwards:after, .awwwards:before {
    display: none
}
.awwwards:hover {
    opacity: .8 !important
}
.awwwards {
    position: fixed;
    top: 50%;
    display: flex;
    right: 0;
    background-repeat: no-repeat;
    background-image: url(../images/awwwards.svg);
    background-size: contain;
    width: 53rem;
    height: 171rem;
    cursor: pointer;
    z-index: 3;
    transform: translateY(-50%)
}
section.section.section-mission .flex .sub-title {
    color: var(--green);
    margin-bottom: 72rem;
    font-size: 48rem;
    max-width: 825rem
}
section.section.section-mission .container {
    display: flex;
    flex-direction: column;
    gap: 72rem
}
section.section.section-mission .flex p+a {
    position: relative;
    top: -18rem
}
section.section.section-team .flex:last-child p {
    max-width: 60%
}
section.section.section-team .flex {
    justify-content: space-between;
    align-items: flex-end
}
section.section.section-team {
    padding: 106rem 0
}
section.section.section-team .map {
    max-width: 100%;
    height: auto;
    padding: 40rem 0;
    image-rendering: pixelated;
    pointer-events: none
}
section.section.section-who img.absolute {
    transform: none;
    right: 0;
    top: 184rem;
    border-radius: 30rem;
    max-width: 600rem;
    left: auto
}
body.post-type-archive-cases section.section.section-bg.section-key.section-columns4 {
    background: 0 0;
    padding: 160rem 126rem;
    border-radius: 0
}
body.post-type-archive-cases section.section.section-bg.section-key.section-columns4 h2 {
    padding-left: 0;
    max-width: 75%;
    padding-bottom: 80rem !important
}
.post-type-archive-cases .blog-img {
    border-radius: 0;
    width: 768rem;
    height: 768rem;
    display: flex;
    justify-content: center;
    position: relative;
    align-items: center;
    overflow: hidden;
    background: #197f48;
    border-radius: 30rem;
}
.post-type-archive-cases section.section.section-bg.section-key .none .blog-img:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: block !important;
    background: #000;
    z-index: 1;
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    max-height: 100%;
    transform: none;
    opacity: .1;
}
.services-tags {
    z-index: 2
}
.button-rnd {
    z-index: 2
}
.post-type-archive-cases section.section.section-bg.section-key .blog-img:before {
    content: '';
    mix-blend-mode: multiply;
    position: absolute;border-radius: 40rem;
    pointer-events: none;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-image: url(../images/bgpaper.webp);
    width: 100%;
    height: 100%;
    z-index: 0;
    background-size: contain
}
.post-type-archive-cases section.section.section-bg.section-key .blog-img:after {
    transition: .5s;
    background-repeat: no-repeat;
    content: '';
    position: absolute;
    left: 50%;
    pointer-events: none;
    top: 52%;
    transform: translate(-50%, -50%);
    background-image: url(../images/casesquare.webp);
    width: 700rem;
    height: 700rem;
    z-index: 9;
    background-size: 100% 100%
}
.post-type-archive-cases section.section.section-bg.section-key .none .blog-img:after, .post-type-archive-cases section.section.section-bg.section-key .none .blog-img:before {
    display: none;
}
.post-type-archive-cases section.section.section-bg.section-key .none .blog-img img{
    width: 100%;
    height: 100%;
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    max-height: 100%
}
.post-type-archive-cases section.section.section-bg.section-key .none .blog-img iframe {
    position: absolute;
    object-fit: cover;pointer-events: none;
    width: 768rem; transition: .5s ease;
    transform: scale(1);
    height: 768rem;z-index: 1;
}
.post-type-archive-cases section.section.section-bg.section-key .none .blog-img:hover iframe{    transform: scale(1.025)}
.post-type-archive-cases section.section.section-bg.section-key .none .blog-img iframe + img {
    position: absolute;
    z-index: 0;
}
.post-type-archive-cases section.section.section-bg.section-key .rect .blog-img:after {
    background-image: url(../images/caserect.webp);
    top: 50%;
    height: 700rem;
    width: 700rem
}
.post-type-archive-cases section.section.section-bg.section-key .rectsquare .blog-img:after {
    background-image: url(../images/rectsquare.webp);
    top: 50%;
    height: 790rem;
    width: 820rem
}
.post-type-archive-cases section.section.section-bg.section-key .blog-img img {
    max-height: 345rem;
    min-height: 345rem;
    width: auto;
    max-width: 570rem;
    opacity: 1;
    margin: auto;
    object-fit: contain;
    transition: .5s ease;
    transform: scale(1)
}
.post-type-archive-cases section.section.section-bg.section-key .item:hover .blog-img img {
    transform: scale(1.025)
}
.post-type-archive-cases section.section.section-bg.section-key .none .blog-img img {
    object-fit: cover;
}
.post-type-archive-cases section.section.section-bg.section-key a.item:hover .blog-img img {
    position: relative;
}
.cky-btn-revisit-wrapper {
    z-index: 9 !important
}
.cky-revisit-bottom-left:hover::before {
    background: #09130A !important
}
.cky-revisit-bottom-left:hover::after {
    border-right-color: #09130A !important;
}
.cky-preference-content-wrapper .cky-show-desc-btn, button.cky-show-desc-btn:not(:hover):not(:active) {
    color: #65cb6b !important
}
.cky-consent-bar .cky-notice-des p, .cky-gpc-wrapper .cky-gpc-desc p, .cky-preference-body-wrapper .cky-preference-content-wrapper p, .cky-accordion-header-wrapper .cky-accordion-header-des p, .cky-cookie-des-table li div:last-child p {
    font-size: 14px;
    min-width: auto;
    max-width: max-content;
    line-height: 150%;
}
.post-type-archive-cases section.section.section-bg.section-key .blog-img.rectsquare img {
    min-height: 385rem
}
.post-type-archive-cases section.section.section-bg.section-key .item.blog-item {
    overflow: visible;
    justify-content: flex-start
}
.post-type-archive-cases section.section.section-bg.section-key .item.blog-item:hover {
    border: 0;
    background: 0 0;
    box-shadow: none
}
.single .scroll-down span {
    font-size: 14rem;
    font-weight: 700;
    position: relative;
    bottom: 1px
}
.single .scroll-down {
    position: absolute;
    right: 60rem;
    bottom: 0;
    cursor: pointer;
    font-weight: 700;
    font-size: 17rem
}
body.single header+.menu-overlay+section {
    display: inline-flex;
    flex-direction: column;
    gap: 120rem
}
.post-type-archive-cases section.section.section-bg.section-key .item.blog-item:hover h3 {
    opacity: 1
}
.single .table {
    width: 100%;
    max-width: 1200rem;
    margin: 0 auto;
    position: relative;
    border: 2px solid var(--light);
    padding: 60rem;
    filter: drop-shadow(0px 14px 24px rgba(0, 0, 0, .1));
    flex: 1;
    border: 0;
    background: var(--light);
    color: #121212;
    transition: .3s
}
.single .table p {
    text-align: left;
    font-size: 22rem;
    font-weight: 700;
    color: #121212;
    text-decoration: none;
    max-width: inherit;
    min-width: auto
}
.single .table div p.has-text-align-right {
    text-align: right
}
.single .table .wp-block-group__inner-container {
    display: flex;
    flex-direction: column;
    gap: 20rem
}
.single .wp-block-group.table .wp-block-columns .wp-block-column:first-child {
    max-width: 100rem;
    text-align: left
}
.single header+section.section.section-bg.section-key {
    padding: 0;
    background: 0 0;
    border-radius: 0;
    display: inline-flex;
    flex-direction: column;
    gap: 60rem
}
.single .hero-wrap {
    min-height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    position: relative
}
body.single p a, {
    font-size: 30rem;
    font-weight: 500;
    color: var(--light);
    text-decoration: none
}
body.single .hero-wrap+figure+p a {
    color: var(--green)
}
body.single section.section.section-bg.section-key .hero-wrap+figure+p {
    margin: 80rem auto 80rem;
}
.single .table {
    margin-bottom: 80rem;
    border-radius: 20rem
}
body.single p {
    font-size: 36rem;
    max-width: 1200rem;
    margin: 0 auto;
    min-width: 1200rem;
    font-weight: 500
}
body.single .section-casesitems p{max-width: 768rem;font-size: 20rem;min-width: auto}
.single .wp-block-columns {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
    margin-left: 30rem !important;
    margin-right: 30rem !important;
    gap: 30rem;
    display: flex
}
.single .wp-block-columns > div {
    border-radius: 30rem;
    overflow: hidden;
}
.single .gap30{margin-top: 30rem;}
.single .hero-wrap p {
 max-width: 72%;
    margin: 0 auto;
    min-width: auto;
    font-size: 36rem;
    font-weight: 600;
    line-height: 145%;
}
.single.single-post .hero-wrap p {
    max-width: 100%
}
.single header+section.section.section-bg.section-key h2 {
    padding-bottom: 0;
    padding-left: 60rem
}
.single div:not(.wp-block-columns) figure.wp-block-image{margin: 0 30rem;}
.single figure.wp-block-image, .single div.wp-block-columns figure.wp-block-image{
    border-radius: 0;
    overflow: hidden;
    position: relative;
    margin: 0 ;
}

.single .nogap {
    margin: -120rem 0
}
.single .nogaptop {
    margin-top: 0rem
}
.single figure.wp-block-video {
    border-radius: 0;
    overflow: hidden;
    margin: 0
}
.single section.section.section-bg.section-key.section-green {
    background: var(--green);
    border-radius: 0
}
body:not(.home) header+.menu-overlay+section.section-sidebar {
    max-width: 350rem;
    display: inline-flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 0;
    margin-top: 140rem;
    margin-left: 126rem
}
section.iframe.iframe-game {
    width: 100%;
    background: #010e0e;
    max-width: calc(100% - 630rem);
    height: 641rem;
    position: absolute;
    right: 126rem;
    top: 250rem;
    opacity: 0;
    border-radius: 4px;
    border: 13rem solid #181a1c
}
section.iframe.iframe-game.active {
    opacity: 1
}
section.section-sidebar .portfolio-items {
    height: 530rem;
    overflow: hidden
}
section.section-sidebar .portfolio-items .nano-content {
    display: flex;
    padding: 0 0;
    flex-wrap: wrap;
    gap: 10rem
}
section.section-sidebar .filter ul {
    width: max-content;
    display: flex;
    gap: 6rem;
    margin: 0;
    padding: 0;
    overflow-x: scroll
}
section.section-sidebar .filter {
    max-width: 310rem;
    overflow-x: scroll;
    margin-bottom: 7rem
}
section.section-sidebar .filter ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    cursor: pointer;
    font-size: 16rem;
    display: block;
    transition: .1s;
    border-radius: 80rem;
    padding: 5rem 20rem;
    font-weight: 700;
    border: 2px solid #363636
}
iframe#iframe-game {
    object-fit: cover;
    width: 100%;
    height: 100%;
    border: 0
}
section.section-sidebar .filter ul li:hover {
    border-color: var(--green)
}
section.section-sidebar .filter ul li.active {
    background: var(--green);
    color: var(--light);
    border-color: transparent
}
.portfolio-items .portfolio-item img {
    width: 100%;
    height: 100%;
    object-fit: cover
}
.portfolio-items .portfolio-item {
    flex: calc(50% - 20rem);
    border-radius: 20rem;
    transition: .3s;
    overflow: hidden;
    cursor: pointer
}
.portfolio-items .portfolio-item {
    background-image: url(../images/portfoliocartridge.webp);
    background-size: contain;
    width: 160rem;
    height: 170rem;
    border-radius: 0;
    background-repeat: no-repeat;
    background-position: center center
}
.portfolio-items .portfolio-item.active {
    background-image: url(../images/portfoliocartridge_active.webp)
}
.portfolio-items .portfolio-item img {
    transition: .3s
}
.portfolio-items .portfolio-item:hover img {
    transform: scale(1.1)
}
.portfolio-items .portfolio-item img {
    -webkit-mask-image: url(../images/portfoliovector.svg);
    mask-image: url(../images/portfoliovector.svg);
    -webkit-mask-position: 50% 40%;
    mask-position: 50% 40%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 131rem 143rem;
    mask-size: 131rem 143rem
}
section.section-sidebar h2 {
    word-spacing: 10000px;
    color: var(--light);
    font-weight: 700;
    line-height: 100%;
    text-align: left;
    position: relative;
    left: 86rem;
    margin-bottom: 30rem
}
.rategrid .wp-block-column {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 40rem 20rem;
    background: var(--dark);
    border-radius: 0
}
.single p.sub-p-title {
    font-size: 68rem;
    margin-bottom: 20rem;
    font-weight: 400
}
.wp-block-group.rategrid .wp-block-group__inner-container {
    gap: 40rem;
    display: flex;
    flex-direction: column
}
.single .rategrid {
    max-width: 1200rem;
    margin: auto;
    min-width: 1200rem
}
.single section.section.section-bg.section-key .rategrid .wp-block-column h2 {
    margin: 0;
    padding: 0;
    color: var(--green);
    font-weight: 700;
    font-size: 64rem
}
.single section.section.section-bg.section-key .rategrid .wp-block-column p {
    min-width: auto;
    margin: 0;
    font-size: 20rem;
    font-weight: 700;
    color: #919191
}
.single section.section.section-bg.section-key .rategrid .wp-block-column:before {
    content: '';
    position: relative;
    background-image: '';
    background-size: contain;
    width: 55rem;
    height: 55rem
}
.single section.section.section-bg.section-key .rategrid .rateicon01:before {
    background-image: url(../images/rateicon01.svg)
}
.single section.section.section-bg.section-key .rategrid .rateicon02:before {
    background-image: url(../images/rateicon02.svg)
}
.single section.section.section-bg.section-key .rategrid .rateicon03:before {
    background-image: url(../images/rateicon03.svg)
}
.single section.section.section-bg.section-key .rategrid .rateicon04:before {
    background-image: url(../images/rateicon04.svg)
}
.tax-client .blog-img, .tax-field .blog-img, .tax-formats .blog-img {}
.tax-client .blog-img img, .tax-field .blog-img img, .tax-formats .blog-img img {
    width: 100%;
    max-height: 295rem;
    min-height: 295rem;
    width: auto;
    max-width: 450rem;
    object-fit: contain
}
.post-type-archive-cases h2 {
    margin-bottom: 0 !important;
    padding-bottom: 20rem !important
}
.post-type-archive-cases p.description {
    margin: 0 0 40rem;
    max-width: 830rem
}
.tax-client .item.blog-item img, .tax-field .item.blog-item img, .tax-formats .item.blog-item img {
    transform: scale(.95);
    transition: .3s;
    border-radius: 0
}
.tax-client .item.blog-item:hover img, .tax-field .item.blog-item:hover img, .tax-formats .item.blog-item:hover img {
    transform: scale(1)
}
.tax-client p.description, .tax-field p.description, .tax-formats p.description {
    padding-left: 36rem;
    max-width: 670rem
}
.tax-client .columns-wrap.blog-wrap, .tax-field .columns-wrap.blog-wrap, .tax-formats .columns-wrap.blog-wrap {
    background: 0 0;
    border-radius: 0;
    margin: 40rem 0;
}
body.archive section.section.section-bg.section-key .flex {
    width: 100%;
    justify-content: space-between;
    align-items: flex-end;
}
body.archive section.section.section-bg.section-key .flex h2 {
    text-align: left;
}
.section-tax-field .btn-wrap, .section-tax-field h1, .section-tax-field p.description {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    justify-content: center
}
.home section.section-expertise {
    display: flex;
    flex-direction: column;
    padding: 84rem 126rem;
    min-height: 872rem;
    gap: 80rem;
    margin-top: 0;
    justify-content: center;
    align-items: flex-start;
}
.section-light .sub-title {
    color: var(--dark);
}
.page404 .cards {
    display: grid;
    grid-template-columns: repeat(11, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 10rem;
    grid-row-gap: 10rem
}
.page404 .card:first-child {
    grid-area: 1/1/2/2
}
.page404 .card:nth-child(2) {
    grid-area: 2/1/3/2
}
.page404 .card:nth-child(3) {
    grid-area: 2/2/3/3
}
.page404 .card:nth-child(4) {
    grid-area: 2/3/3/4
}
.page404 .card:nth-child(5) {
    grid-area: 1/3/2/4
}
.page404 .card:nth-child(6) {
    grid-area: 3/3/4/4
}
.page404 .card:nth-child(7) {
    grid-area: 1/5/2/6
}
.page404 .card:nth-child(8) {
    grid-area: 1/6/2/7
}
.page404 .card:nth-child(9) {
    grid-area: 1/7/2/8
}
.page404 .card:nth-child(10) {
    grid-area: 2/7/3/8
}
.page404 .card:nth-child(11) {
    grid-area: 3/7/4/8
}
.page404 .card:nth-child(12) {
    grid-area: 3/6/4/7
}
.page404 .card:nth-child(13) {
    grid-area: 3/5/4/6
}
.page404 .card:nth-child(14) {
    grid-area: 2/5/3/6
}
.page404 .card:nth-child(15) {
    grid-area: 1/9/2/10
}
.page404 .card:nth-child(16) {
    grid-area: 2/9/3/10
}
.page404 .card:nth-child(17) {
    grid-area: 2/10/3/11
}
.page404 .card:nth-child(18) {
    grid-area: 2/11/3/12
}
.page404 .card:nth-child(19) {
    grid-area: 1/11/2/12
}
.page404 .card:nth-child(20) {
    grid-area: 3/11/4/12
}
.page404 .front {
    background-color: var(--light);
    margin: 0;
    transform-style: preserve-3d;
    border-radius: 7rem;
    position: relative;
    backface-visibility: hidden;
    transition: .6s;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center
}
.page404 .front img {
    max-width: 80%;
    backface-visibility: hidden;
    height: auto;
    margin: 0;
    z-index: 1;
    transform: rotateY(180deg)
}
.page404 .front:not(.opened):hover {
    transform: scale(1.05)
}
.page404 .card {
    cursor: pointer;
    background: var(--light);
    border-radius: 7rem;
    width: 100rem;
    height: 100rem
}
.page404 .front:hover {
    background: var(--light)
}
.page404 .front.checked, .page404 .front.opened {
    transform: rotateY(180deg)
}
.page404 .hide {
    transform: rotateY(0)
}
.page404 .checked img {
    backface-visibility: visible
}
.page404 .checked {
    background-color: var(--light)
}
body.single section.section.section-bg.section-key .hero-wrap+figure img {
    height: calc(var(--vh, 1vh) * 100)!important;
    width: 100vw;
    max-width: 100vw;
    max-height: calc(var(--vh, 1vh) * 100);
    object-fit: cover;    border-radius: 0;
}
body.single section.section.section-bg.section-key .hero-wrap+figure {
    min-height: calc(var(--vh, 1vh) * 100);
    display: flex;
    justify-content: center;
    align-items: center
}
body.single-post section.section.section-bg.section-key .hero-wrap+figure {}
body section.section.section-bg.section-key .hero-wrap+figure {
    opacity: 0;
    transition: .75s ease
}
body.animate section.section.section-bg.section-key .hero-wrap+figure {
    opacity: 1
}
body.page-template-page-contacts header a.button.button-green {
    display: none
}
header g, header path, header.white #nav-icon3 span {
    transition: .1s
}
#nav-icon3 {
    transition: 0.3s
}
#nav-icon3:hover {
    opacity: 0.8
}
header.mission g[fill="#EBF3EA"], header.mission path[fill="#EBF3EA"], header.white g[fill="#EBF3EA"], header.white path[fill="#EBF3EA"] {
    fill: var(--dark)
}
header.book g, header.book path, header.green g, header.green path {
    fill: var(--light)
}
header.white #nav-icon3 span {
    background: var(--dark)
}
body.single header+.menu-overlay+section {
    margin-bottom: 0
}
.category-blog section.section.section-bg.section-key .item.blog-item .text-wrap {
    gap: 20rem;
    padding: 0rem 0 0;
}
body.single .desc.nogaptop {
    margin-top: -120rem;
}
body.single p em {
    font-style: normal;
    padding: 30rem;
    display: block;
    border-left: 4rem solid var(--green);
    background: var(--light);
    color: #000;
}
@media only screen and (min-width:1026px) {
    .home .section-hero .cart-wrap:hover .cart {
        transform: scale(1.1);
        filter: brightness(1.1)
    }
}
body.single-post section.section.section-bg.section-key .hero-wrap {
    top: 0;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    align-items: center;
    height: calc(var(--vh, 1vh) * 100);
}
@media only screen and (max-width:1025px) {

    .single .post-type-archive-cases section.section-casesitems a[href="https://gamifycat.io/cases/dartmouth-ar/"] iframe{    min-width: auto;}

.post-type-archive-cases section.section.section-bg.section-key .item.blog-item:nth-child(3n) .blog-img iframe{    width: 800rem;
    height: 520rem;}

body.single section.section.section-bg.section-key .hero-wrap+figure+p{padding: 0 30rem}
    .single .wp-block-columns > div{border-radius: 0}
    html .page-template-page-about .slick-track img {
        max-width: 130rem;
        max-height: 64rem;
    }
    section.section.section-mission .flex+.flex+.flex {
        flex-direction: column;
    }
    .services-tags span {
        font-size: 14rem
    }
    .cky-revisit-bottom-left {
        left: auto !important;
        right: 15px
    }
    .services-tags {
        left: 20rem;
        bottom: 20rem;
    }
    .home .section-hero p.description {
        padding-left: 20rem;
        padding-right: 20rem;
    }
    header.open .logo g#text path {
        fill: var(--dark);
    }
    header.open .logo g#icon path {
        fill: var(--green);
    }
    .single .nogaptop {
        margin-top: 0rem;
    }
    .single section.section.section-bg.section-key .hero-wrap h2 {
        padding: 0;
        padding-bottom: 20rem;
    }
 body.single section.section.section-bg.section-key .hero-wrap+figure img {
        min-height: 400rem;height: calc(var(--vh, 1vh) * 100) !important;border-radius: 0;
        object-fit: cover;
    }
    body.single-post section.section.section-bg.section-key .hero-wrap p {
        font-size: 60rem;
    }
    body.single-post section.section.section-bg.section-key .hero-wrap+figure {
        height: 100vh;
        min-height: 100vh
    }
    .archive section.section.section-bg.section-key.section-blog.section-columns4 {
        padding: 0rem 20rem;
    }
    body.category-blog section.section.section-bg.section-key .item.blog-item {
        flex: 100%;
        max-width: 100%;
    }
    .archive section.section.section-bg.section-key h2 {
        padding-left: 0
    }
    .archive section.section.section-bg.section-key .columns-wrap {
        flex-direction: column;
    }
    .content-menu p.small {
        left: 30rem;
        text-align: left;
        bottom: 30rem;
        padding: 0;
    }
    .content-menu p.small a {
        font-weight: 600;
        max-width: 240rem
    }
    .content-menu .soc-icon.linkedin {
        right: 130rem;
        bottom: 30rem
    }
    .content-menu .soc-icon.googleicon {
        right: 30rem;
        bottom: 30rem
    }
    .content-menu .soc-icon.clutchicon {
        right: 80rem;
        bottom: 30rem
    }
    header.fixed.open, header.open {
        background: var(--light);
    }
    header.open g[fill="#EBF3EA"], header.open path[fill="#EBF3EA"] {
        fill: var(--dark)
    }
    header+.menu-overlay {
        width: 100%
    }
    header+.menu-overlay .content-menu {
        padding-left: 0;
        text-align: center;
        align-items: center
    }
    header+.menu-overlay nav ul li {
        font-size: 44rem;
        text-align: center
    }
    nav ul li a {
        font-size: 76rem
    }
    .content-menu .button {
        display: flex
    }
    .home.animate .section-hero .cart01 {
        transform: translate(-130%, 140%) rotate(13.63deg) scale(.75);
        animation: 10s cart01 infinite ease-in-out;
        animation-delay: 1.25s
    }
    @keyframes cart01 {
        0% {
            transform: translate(-130%, 140%) rotate(13.63deg) scale(.75)
        }
        50% {
            transform: translate(-135%, 135%) rotate(12.63deg) scale(.75)
        }
        100% {
            transform: translate(-130%, 140%) rotate(13.63deg) scale(.75)
        }
    }
    .home.animate .section-hero .cart01.active {
        transform: translate(-130%, 140%) rotate(13.63deg) scale(.75);
        animation-name: cart01active
    }
    @keyframes cart01active {
        0% {
            transform: translate(-130%, 140%) rotate(13.63deg) scale(.75)
        }
        100% {
            transform: translate(-50%, -50%) rotate(0) scale(1.5)
        }
    }
    .home .section-hero .cart02 {
        transform: translate(-130%, 140%) rotate(13.63deg);
        animation: none;
        display: none
    }
    .home.animate .section-hero .cart03 {
        transform: translate(-89%, -230%) rotate(-16.37deg) scale(.6);
        animation: 10s cart03 infinite ease-in-out;
        animation-delay: 1.25s
    }
    @keyframes cart03 {
        0% {
            transform: translate(-89%, -230%) rotate(-16.37deg) scale(.6)
        }
        50% {
            transform: translate(-85%, -225%) rotate(-12.37deg) scale(.6)
        }
        100% {
            transform: translate(-89%, -230%) rotate(-16.37deg) scale(.6)
        }
    }
    .home.animate .section-hero .cart03.active {
        transform: translate(-89%, -230%) rotate(-16.37deg) scale(.6);
        animation-name: cart03active
    }
    @keyframes cart03active {
        0% {
            transform: translate(-89%, -230%) rotate(-16.37deg) scale(.6)
        }
        100% {
            transform: translate(-50%, -50%) rotate(0) scale(1.5)
        }
    }
    .home.animate .section-hero .cart04 {
        transform: translate(0, 160%) rotate(-16.37deg) scale(.75);
        animation: 10s cart04 infinite ease-in-out;
        animation-delay: 1.25s
    }
    @keyframes cart04 {
        0% {
            transform: translate(0, 160%) rotate(-16.37deg) scale(.75)
        }
        50% {
            transform: translate(-5%, 155%) rotate(-14.63deg) scale(.75)
        }
        100% {
            transform: translate(0, 160%) rotate(-16.37deg) scale(.75)
        }
    }
    .home.animate .section-hero .cart04.active {
        transform: translate(0, 160%) rotate(-16.37deg) scale(.75);
        animation-name: cart04active
    }
    @keyframes cart04active {
        0% {
            transform: translate(0, 160%) rotate(-16.37deg) scale(.75)
        }
        100% {
            transform: translate(-50%, -50%) rotate(0) scale(1.5)
        }
    }
    .home.animate .section-hero .cart05 {
        transform: translate(-10%, -220%) rotate(1.63deg) scale(.6);
        animation: 10s cart05 infinite ease-in-out;
        animation-delay: 1.25s
    }
    @keyframes cart05 {
        0% {
            transform: translate(-10%, -220%) rotate(1.63deg) scale(.6)
        }
        50% {
            transform: translate(-15%, -215%) rotate(3.63deg) scale(.6)
        }
        100% {
            transform: translate(-10%, -220%) rotate(1.63deg) scale(.6)
        }
    }
    .home.animate .section-hero .cart05.active {
        transform: translate(-10%, -220%) rotate(1.63deg) scale(.6);
        animation-name: cart05active
    }
    @keyframes cart05active {
        0% {
            transform: translate(-10%, -220%) rotate(1.63deg) scale(.6)
        }
        100% {
            transform: translate(-50%, -50%) rotate(0) scale(1.5)
        }
    }
    .home .section-hero .cart06 {
        transform: translate(-10%, -190%) rotate(13.63deg) scale(.75);
        animation: none;
        display: none
    }
    body.single p {
        min-width: auto;font-size: 24rem;
    }
    .page404 .card {
        width: 40rem;
        height: 40rem
    }
    .home section.section-expertise .item ul {
        font-size: 24rem;
        font-weight: 500;
    }
    .single .subsub-title {
        font-size: 40rem !important
    }
    body.end-page .awwwards {
        bottom: -100rem
    }
    .footer-badges {
        position: relative;
        left: 0;
        right: 0;
        bottom: 0;
        flex-direction: row;
        justify-content: space-between;
        width: 100%;
        align-items: center;
        margin: 20rem 0
    }
    .footer-badges .badge-google-review {
        order: 3
    }
    .footer-badges .badge-clutch {
        order: 2
    }
    .footer-badges .badge-clutch-review {
        order: 1
    }
    footer nav ul {
        align-items: flex-end
    }
    .footer-column.column:first-child span {
        font-size: 44rem;
        margin-bottom: 0;
    }
    .footer-column.column:nth-child(2), .footer-column.column:nth-child(4) {
        text-align: right;
        justify-content: flex-end
    }
    section.section.section-what.section-page.section-flex {
        padding: 0 20rem;
        margin-top: 140rem
    }
    section.section.section-what.section-page.section-flex h2 {
        padding-bottom: 50rem
    }
    .post-type-archive-cases section.section.section-bg.section-key .item.blog-item:nth-child(3n) video, .post-type-archive-cases video.fixed-video {
        width: 550rem;
        height: 550rem;
        object-fit: cover;
        min-width: auto;
        min-height: auto
    }
    .post-type-archive-cases section.section.section-bg.section-key .item.blog-item:nth-child(3n) .blog-img:after {
        min-width: auto
    }
    .post-type-archive-cases section.section.section-bg.section-key .blog-img:after, .post-type-archive-cases section.section.section-bg.section-key .rect .blog-img:after {
        width: 500rem;
        height: 500rem
    }
    .post-type-archive-cases section.section.section-bg.section-key .blog-img.rect:after {
        width: 510rem;
        height: 510rem
    }
    .post-type-archive-cases section.section.section-bg.section-key .blog-img.rectsquare:after {
        height: 500rem;
        width: 520rem
    }
    .page-template-page-contacts section.section.section-what.section-flex {
        padding: 0 20rem;
        gap: 20rem;
        align-items: flex-start
    }
    .section-book {
        padding: 0 30rem;
        padding-top: 60rem;
        padding-bottom: 60rem;
    }
    .section-book .sub-title {
        font-size: 58rem;
    }
    .page-template-page-contacts section.section.section-what.section-flex button {
        margin-left: auto
    }
    section .container a.button {
        margin-left: auto
    }
    body:not(.home) header+.menu-overlay+section.section-sidebar {
        margin-top: 110rem;
        margin-left: 0;
        max-width: 100%;
        padding: 0 10rem;
        min-height: 1460rem
    }
    .portfolio-items .portfolio-item {
        min-width: 160rem
    }
    body.post-type-archive-cases section.section.section-bg.section-key.section-columns4 h2 {
        max-width: 100%;
        padding-bottom: 20rem !important
    }
    section.iframe.iframe-game {
        max-width: 100%;
        top: 480rem;
        left: 0;
        right: 0;
        height: 1100rem
    }
    section.section-sidebar .portfolio-items .nano-content::-webkit-scrollbar {
        width: 1px;
        height: 1px
    }
    section.section-sidebar .portfolio-items .nano-content {
        max-height: 180rem;
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        flex-wrap: nowrap
    }
    section.section-sidebar h2 {
        left: 10rem
    }
    section.section.section-bg.section-key.section-casesitems a.button {
        margin-bottom: 30rem
    }
    .home section.section-expertise .item {
        flex-direction: row;
        gap: 47rem;
        width: 100%;
        flex: 100%;
    }
    .home section.section-expertise .item svg {
        max-width: 110rem
    }
    .home section.section-expertise .item h3 {
        font-size: 36rem;
    }
    .home section.section-expertise .item div {
        width: 100%
    }
    body.post-type-archive-cases section.section.section-bg.section-key.section-columns4 {
        padding: 120rem 20rem 0
    }
    .post-type-archive-cases .blog-img {
        min-width: 510rem;
        min-height: 510rem;
        width: 100%;
        height: auto
    }
    .post-type-archive-cases section.section.section-bg.section-key .blog-img img {
        max-width: 390rem
    }
    .post-type-archive-cases section.section.section-bg.section-key .blog-img img {
        max-height: 230rem;
        min-height: 230rem
    }
    .columns-wrap {
        gap: 40rem;
        width: 100%
    }
    .single figure.wp-block-video {
        border-radius: 0
    }
    .single figure.wp-block-image {
        border-radius: 0
    }
    .single .rategrid {
        min-width: 100%
    }
    .single .table {
        padding: 20rem;
        margin: 0rem auto 60rem;
        max-width: calc(100% - 30rem);
    }
    .single .gap30.wp-block-columns {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.wp-block-video video{border-radius: 15rem;}
    .single .table .wp-block-columns {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap !important;margin: 0 !important;
    }
    html {
        font-size: .125vw
    }
    .single section.section.section-bg.section-key.section-green {
        background: var(--green);
        border-radius: 0
    }
    #iframe-wrap {
        cursor: none
    }
    #iframe-wrap.open video {
        width: calc(620rem - 80rem);
        height: calc(350rem - 80rem);
        border-radius: 20rem
    }
    .page:not(.home) .wp-block-columns, .single .wp-block-columns {
        padding: 0;
        background: 0 0
    }
    .page:not(.home) section.section.section-bg.section-key .wp-block-columns h1.sub-title, .page:not(.home) section.section.section-bg.section-key .wp-block-columns h2.sub-title, .single section.section.section-bg.section-key .wp-block-columns h1.sub-title, .single section.section.section-bg.section-key .wp-block-columns h2.sub-title {
        font-size: 50rem;
        font-weight: 200;
        padding-top: 0
    }
    .page-template-page-contacts section.section.section-what.section-flex .form+p {
        order: 2
    }
    .page-template-page-contacts section.section.section-what.section-flex * {
        order: 4
    }
    .page-template-page-contacts section.section.section-what.section-flex h2 {
        order: 1
    }
    .page-template-page-contacts section.section.section-what.section-flex .info {
        display: none
    }
    .page-template-page-contacts section.section.section-what.section-flex form p {
        flex: 100%
    }
    body:not(.home) header+.menu-overlay+section {
        margin-top: 130rem
    }
    body.page-template-page-about header+.menu-overlay+div+section {
        margin-top: 0
    }
    .container {
        max-width: calc(100% - 40rem)
    }
    body:not(.home) .section-what {
        min-height: auto
    }
    body:not(.home) .section-flex .flex {
        justify-content: flex-start;
        padding-top: 150rem;
        gap: 10rem;
        padding-left: 0
    }
    body:not(.home) .section-flex .flex p {
        font-size: 20rem
    }
    header nav {
        display: none
    }
    section.section.section-slider .cases-wrap .case-item img.game-link {
        max-height: 45rem;
        width: auto
    }
    .section-hero {
        margin-top: 175rem
    }
    .home .section-hero {
        margin: 0;
        gap: 0
    }
    .title.big-title.title02 {
        left: 77rem
    }
    .title.big-title.title01 {
        left: -48rem
    }
    footer {
        padding: 30rem;
        border-radius: 0;
        height: auto
    }
    footer .flex {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        row-gap: 20rem
    }
    footer .flex .column {
        flex: 1;
        max-width: 50%;
        flex: 50%
    }
    footer .flex .column:nth-child(2) a br {
        display: none
    }
    footer .flex .column:nth-child(2) a {
        max-width: 180rem
    }
    footer .flex .column:nth-child(2) {
        text-align: right;
        justify-content: flex-start;
        align-items: flex-end
    }
    .games-left {
        display: flex;
        width: 100%;
        height: 230rem;
        position: relative;
        left: 0;
        top: 150rem;
        transform: none
    }
    .games-left .game {
        position: relative;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: auto;
        height: auto
    }
    .section-hero {
        gap: 40rem
    }
    p.clickplay {
        margin-bottom: 40rem
    }
    html .games-left .slick-track img {
        max-width: inherit;
        max-height: 220rem;
        min-height: 220rem;
        width: auto
    }
    .columns-wrap {
        flex-direction: column
    }
    .home .section-what {
        padding: 0 0
    }
    .section-flex .flex {
        justify-content: flex-start
    }
    .home .section-what {
        min-height: 570rem;
        margin-bottom: 0;
    }
    .home .section-what .slick-slider {
        margin-bottom: 70rem;
        margin-top: 40rem
    }
    .flex, .section-flex, .section-flex .flex, section.section.section-columns3, section.section.section-slider .cases-wrap {
        flex-direction: column
    }
    .section-items .items-wrap, section.section.section-bg.section-formats.section-items .items-wrap, section.section.section-items.section-types .items-wrap {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 0
    }
    .section-what {
        margin-bottom: 40rem
    }
    .section-types .items-wrap .item {
        max-width: calc(50% - 20rem);
        flex: 50%;
        padding: 40rem
    }
    .section-types .items-wrap .item:nth-child(3) {
        max-width: 100%
    }
    section.section.section-bg.section-key svg {
        height: 54rem;
        max-width: 54rem;
        width: 54rem;
        margin-left: inherit
    }
    section.section.section-bg.section-key .item h3 {
        font-size: 24rem
    }
    .category-blog section.section.section-bg.section-key .item h3, .post-type-archive-cases section.section.section-bg.section-key .item h3 {
        font-size: 24rem;
        font-weight: 600;
        text-align: left;
    }
    .post-type-archive-cases section.section.section-bg.section-key .item h3 {
        font-size: 50rem;
    }
    .post-type-archive-cases section.section.section-bg.section-key .item.blog-item:nth-child(2n) {
        margin-top: 0
    }
    .post-type-archive-cases section.section.section-bg.section-key .item.blog-item:nth-child(3n) {
        max-width: 100%
    }
    .post-type-archive-cases section.section.section-bg.section-key .item.blog-item:nth-child(3n) .blog-img {
        min-width: 510rem;
        min-height: 510rem
    }
    section.section.section-bg.section-key .item:hover h3, section.section.section-bg.section-key .item:hover img {
        opacity: 1 !important
    }
    .post-type-archive-cases section.section.section-bg.section-key .blog-img.rectsquare img {
        min-height: 235rem
    }
    .post-type-archive-cases a:hover .blog-img.videofixed:after {
        opacity: 1 !important
    }
    .post-type-archive-cases section.section.section-bg.section-key .item.blog-item .button {
        opacity: 1;
        bottom: 30rem
    }
    section.section.section-bg.section-key .columns-wrap {
        flex-wrap: wrap;
        flex-direction: row;
        margin-top: 20rem
    }
    .tax-client .columns-wrap.blog-wrap, .tax-field .columns-wrap.blog-wrap, .tax-formats .columns-wrap.blog-wrap {
        padding: 0 30rem
    }
    .home section.section-expertise {
        gap: 40rem;
        justify-content: flex-start;
        padding: 40rem 30rem
    }
    section.section.section-bg.section-key .item {
        min-height: 190rem;
        height: auto;
        width: 50%;
        max-width: calc(50% - 20rem);
        flex: 50%
    }
    section.section.section-bg.section-key .item p {
        font-size: 20rem;
        transform: translate3d(0, -50%, 0);
        left: 30rem
    }
    section.section-types .items-wrap .item h3 {
        font-size: 28rem
    }
    .section-hero .big-title {
        font-size: 60rem
    }
    .home .section-hero .big-title {
        font-size: 86rem
    }
    body.page-template-page-about header+.menu-overlay+div+section .container p {
        font-size: 30rem
    }
    body.page-template-page-about header+.menu-overlay+div+section .container {
        gap: 50rem
    }
    .bg {
        height: 100%
    }
    .awwwards {
        top: 180rem
    }
    .page-template-page-contacts section.section.section-what.section-flex div.form+p {
        padding-left: 0
    }
    .page-template-page-contacts section.section.section-what.section-flex form {
        padding: 0 0
    }
    .page-template-page-contacts section.section.section-what.section-flex h2 {
        padding-left: 0
    }
    body.page-template-page-about section.section.section-trusted.section-prefooter {
        height: auto;
        position: relative;
        bottom: 0;
        margin: 40rem 0;
    }
    .page-template-page-about .clutch-badges a:last-child {
        top: 0;
        left: 0;
    }
    body.page-template-page-about header+.menu-overlay+div+section .container {
        gap: 25rem;
    }
    .page-template-page-about .clutch-badges {
        position: relative;
        right: 0;
        top: 0;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        flex-direction: row;
        transform: none;
        max-width: 100%;
        margin: 0 auto;
    }
    body.page-template-page-about header+.menu-overlay+div+section {
        min-height: calc(var(--vh, 1vh) * 100);
        padding: 0;
        justify-content: center;
        padding-top: 50rem;
        gap: 0rem;
    }
    section.section.section-who p {
        max-width: 100%
    }
    section.section.section-mission, section.section.section-team, section.section.section-who {
        padding: 62rem 0
    }
    section.section.section-team .flex div, section.section.section-team .flex p, section.section.section-team .flex:first-child div, section.section.section-team .flex:last-child p {
        width: 100%;
        max-width: 100%;
        flex: 100%;
        text-align: left
    }
    section.section.section-team .flex {
        align-items: flex-start;
        gap: 20rem
    }
    section.section.section-mission .container .flex {
        align-items: flex-start;
        justify-content: flex-start;
        gap: 40rem
    }
    section.section.section-mission .container {
        gap: 40rem
    }
    section.section.section-mission .flex .flex-item {
        max-width: 100%
    }
    section.section.section-mission .container .flex {
        flex-direction: column;
        width: 100%
    }
    .page-template-page-about .section-hero .big-title, body.page-template-page-about .title {
        font-size: 68rem
    }
    body.page-template-page-about p:not(.title) {
        font-size: 24rem
    }
    section.section.section-who img.absolute {
        max-width: 100%;
        position: relative;
        top: 0
    }
    section.section.section-trustworthy .cases-wrap .case-item p {
        font-size: 16rem;
        line-height: 145%;
        font-weight: 500
    }
    section.section.section-trustworthy .cases-wrap .case-item span {
        color: rgb(255 255 255 / 30%)
    }
    section.section.section-bg.section-formats.section-items {
        border-radius: 0
    }
    .section-flex .flex img.absolute {
        max-width: 110%;
        left: calc(50% - 30rem);
        top: 50%
    }
    section.section.section-trustworthy .cases-wrap {
        flex-direction: column
    }
    .sub-title {
        font-size: 64rem
    }
    .post-type-archive-cases section.section.section-bg.section-key .none .blog-img img, .post-type-archive-cases section.section.section-bg.section-key a.item.none:hover .blog-img img {
        position: absolute;
    }
    .error404 .sub-title {
        text-align: center
    }
    section.section.section-items.section-types h2 {
        padding-left: 40rem;
        margin-bottom: 40rem
    }
    section.section .flex h2 {
        padding-left: 40rem
    }
    .section-images .wrap-images {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(6, 1fr)
    }
    .section-hero .btn-wrap {
        max-width: 100%;
        width: 100%
    }
    header {
        width: 100%;
        top: 0;
        padding: 0 20rem
    }
    #nav-icon3 {
        display: block
    }
    section.section.section-slider .flex {
        padding: 0;
        align-items: flex-end;
        gap: 20rem;
        flex-direction: row
    }
    .home section.section-what .flex h2 {
        padding-left: 0
    }
    .section-flex .flex {
        max-width: 100%;
        flex: 100%
    }
    .section-flex .flex:first-child {
        padding: 40rem 30rem 30rem 30rem;
        gap: 30rem
    }
    header.fixed {
        background: var(--black)
    }
    .home section.section.section-bg.section-key, body.single.single-cases section.section.section-bg.section-casesitems {
        padding: 0 30rem;padding-bottom: 30rem;
    }
    .single section.section.section-bg.section-key.section-casesitems h2{    padding-left: 0;padding-top: 30rem;}
    .home section.section.section-bg.section-key .flex {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start
    }
    .home section.section.section-bg.section-key .flex p {
        max-width: 100%;
        text-align: left
    }
    .section-what, section {
        border-radius: 0
    }
    section.section.section-columns3 .column p {
        min-width: 110rem
    }
    section.section.section-columns3 .column span.count {
        font-size: 126rem;
        letter-spacing: 0;
        text-align: center;
        top: 0;
        min-width: 170rem
    }
    section.section.section-columns3 .column a {
        width: auto;
        padding-left: 16rem;
        padding-right: 16rem;
        min-width: 200rem;
        text-align: center;
        justify-content: center;
        align-items: center;
        margin-left: auto
    }
    section.section.section-columns3 .column * {
        flex: initial
    }
    section.section.section-slider .cases-wrap {
        padding: 0 0;
        gap: 20rem;
        flex-direction: row
    }
    section.section.section-slider .cases-wrap .case-item {
        max-width: 540rem
    }
    .section-types .items-wrap .item, section.section.section-columns3 .column {
        border-radius: 0
    }
    section.section.section-slider .cases-wrap .case-item .game-link-div img.game-link {
        max-height: inherit;
        max-width: 100%;
        max-height: 318rem;
        margin: 0 auto
    }
    a.link {
        font-size: 22rem
    }
    .item h3 {
        font-size: 40rem
    }
    section.section.section-trusted {
        border-radius: 0
    }
    section.section.section-bg.section-key h2 {
        padding-left: 20rem;
        padding-top: 0;
        padding-bottom: 40rem
    }
    section.section.section-slider .cases-wrap .case-item .game-link-div:before {
        transform: translate(-50%, -50%);
        opacity: 1;
        width: 75rem;
        height: 75rem
    }
    body.single p.desc {
        margin: 80rem 0
    }
    .popup iframe {
        width: 86%;
        height: 86%;
        border-radius: 0
    }
    section.section.section-bg.section-formats.section-items h2 br:first-child {
        display: none
    }
    section.section.section-bg.section-formats.section-items h2 {
        padding-left: 20rem;
        padding-top: 20rem;
        padding-bottom: 40rem
    }
    .section .item {
        border-radius: 0;
        padding: 40rem
    }
    .section-formats .items-wrap .item.item-green h3 {
        font-size: 46rem
    }
    .item.item01.item-big.item-green svg {
        max-width: 100rem
    }
    section.section.section-columns3 .column {
        flex-direction: row;
        min-height: 150rem;
        padding: 0 30rem
    }
    body.end-page #iframe-wrap {
        bottom: -60rem
    }
    .awwwards {
        position: absolute
    }
    .home .awwwards {
        position: fixed
    }
    section {
        margin: 40rem 0
    }
    .section-images h2 {
        padding-left: 0;
        margin-bottom: 40rem
    }
    #lightbox img {
        max-width: 90%;
        min-height: 90%;
        object-fit: cover;
        border-radius: 0
    }
    #lightbox.show {
        z-index: 9
    }
    #lightbox-next, #lightbox-prev {
        background-color: rgb(0 0 0 / 66%);
        border-radius: 100rem
    }
    .section-types .items-wrap .item p {
        display: none
    }
    .section-images .wrap-images .img01 {
        grid-area: 1/1/2/2
    }
    .section-images .wrap-images .img02 {
        grid-area: 1/2/2/3
    }
    .section-images .wrap-images .img03 {
        grid-area: 2/1/3/3
    }
    .section-images .wrap-images .img04 {
        grid-area: 3/1/5/3
    }
    .section-images .wrap-images .img05 {
        grid-area: 5/1/6/3
    }
    .section-images .wrap-images .img06 {
        grid-area: 6/1/7/2
    }
    .section-images .wrap-images .img07 {
        grid-area: 6/2/7/3
    }
    .section-formats .items-wrap .item01 {
        min-height: 450rem
    }
    section.section.section-bg.section-key .item.blog-item p {
        transform: none;padding-left: 0;font-size: 24rem;
    }
    section.section.section-bg.section-key .item.blog-item {
        flex: 100%;
        max-width: 100%
    }
    .single section.section.section-bg.section-key h2 {
        font-size: 64rem;
        font-weight: 600;
        padding-bottom: 20rem;
        padding: 0 40rem
    }
    .single section.section.section-bg.section-key h2 br {
        display: none;
    }
    body.single .desc.nogaptop {
        margin-top: -40rem;
    }
    body.single header+.menu-overlay+section {
        margin-top: 0
    }
    body.single section.section.section-bg.section-key .hero-wrap {
        width: 100%;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        height: calc(var(--vh, 1vh) * 100);
        justify-content: center;
        padding: 0 40rem;
    }
    body.single-cases section.section.section-bg.section-key .hero-wrap {
        justify-content: center;
        padding-bottom: 60rem;
    }
    .single .nogap {
        margin: 0rem 0;
    }
    .single .hero-wrap p {
        max-width: 100%;
        padding: 0;
        font-size: 24rem;
        font-weight: 700;
    }
    .single .hero-wrap {
        min-height: auto
    }
    .single .scroll-down {
        right: 20rem;
        font-size: 20rem;
        position: relative;
        margin-left: auto
    }
    .single p {
        min-width: 100%;
        max-width: 100%;
        font-size: 30rem;
        padding: 0 40rem
    }
    body.single header+.menu-overlay+section {
        gap: 60rem
    }
    .single figure.wp-block-image.nogap {
        margin: 0rem 0
    }
    .single .wp-block-columns.table {
        margin-top: -30rem
    }
    section.section.section-columns3 {
        flex-direction: row;
        flex-wrap: wrap
    }
    .single .wp-block-group.table .wp-block-columns .wp-block-column:first-child {
        max-width: 180rem
    }
    .single section.section.section-bg.section-key img{    border-radius: 15rem;}
    .single div:not(.wp-block-columns) figure.wp-block-image, .single div:not(.wp-block-columns) figure.wp-block-video{margin: 0 15rem;}
    .single .wp-block-group.table .wp-block-columns .wp-block-column p {
        padding: 0
    }
    section.section.section-columns3 .column {
        flex-direction: column;
        max-width: 50%;
        min-height: 230rem;
        order: 2
    }
    section.section.section-columns3 .column-green {
        order: 1;
        max-width: 100%;
        flex: 100%
    }
    .page-template-page-contacts section.section.section-what.section-flex {
        padding-top: 100rem;
        padding-bottom: 100rem
    }
    .page-template-page-contacts section.section.section-what.section-flex .form {
        padding-right: 0
    }
    .post-type-archive-cases footer {
        margin-top: 100rem
    }
}
@media only screen and (max-width:768px) {

.single .wp-block-columns{    margin-left: 15rem !important;
    margin-right: 15rem !important;}
    body.post-type-archive-cases section.section.section-bg.section-key.section-columns4 h2{        font-size: 59rem;}

    .post-type-archive-cases section.section.section-bg.section-key .item.blog-item .button{display: none;}
    div#my-cal-inline {
        max-width: 100%;
        margin: 0 auto;
        width: 100% !important;
    }
    html {
        font-size: .17vw
    }
}
body.no-scroll, html.no-scroll {
    overflow: hidden !important
}