#c1, #header-menu, .expand-width, .scene li {
    width: 100%
}

.game-over-404, .wwd-text1 {
    text-shadow: 1px 1.73px 0 rgba(0, 0, 0, .19)
}

body {
    font-family: monospace;
    font-size: 18px;
    background: #000;
    color: #666;
    margin: 0
}

#menu .menu-left ul li a, .button-ga-animated, .head-menu-red-ttle {
    font-family: ProximaNova
}

.button-ga-animated, .button-ga-animated:active, .button-ga-animated:focus, .button-ga-animated:hover, .button-ga-animated:visited, .page-404-button.main-game-container-button-link.button-ga-animated:active, .page-404-button.main-game-container-button-link.button-ga-animated:focus, .page-404-button.main-game-container-button-link.button-ga-animated:hover, .page-404-button.main-game-container-button-link.button-ga-animated:visited, .portf-orange-game-button .main-game-container-button-link.button-ga-animated:active, .portf-orange-game-button .main-game-container-button-link.button-ga-animated:focus, .portf-orange-game-button .main-game-container-button-link.button-ga-animated:hover, .portf-orange-game-button .main-game-container-button-link.button-ga-animated:visited {
    color: #fff;
    text-decoration: none
}

body, html {
    min-height: 100%
}

.main-loader {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #090909;
    z-index: 999999999;
    opacity: .99
}

.body-class-page-id-217 .main-loader {
    display: table;
    text-align: center
}

.container {
    position: relative;
    margin: 0 auto;
    padding: 5%
}

#container, #header-menu, .fill {
    position: absolute
}

.scene {
    padding: 0;
    margin: 0
}

#c1, .menu-container-2 table {
    margin-right: auto;
    margin-left: auto
}

.fill {
    bottom: 5%;
    right: 5%;
    left: 5%;
    top: 5%
}

.border {
    border: 2px dashed #0fa
}

#c1 {
    position: relative;
    overflow: hidden;
    height: 0;
    padding-top: 56.2%;
    max-width: none
}

#container {
    width: 127%;
    left: -13.5%;
    top: -13.5%
}

#header-menu {
    top: 0;
    left: 0
}

.button-ga-animated {
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 43px;
    font-weight: 700;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px
}

.button-ga-animated .ab-border {
    stroke-width: 1;
    stroke: #fff;
    fill: #fff
}

a:focus {
    text-decoration: none
}

.g-pral-mob-gif {
    display: none;
}

.block-list-single-item .button-ga-animated:active, .block-list-single-item .button-ga-animated:focus, .block-list-single-item .button-ga-animated:hover, .block-list-single-item .button-ga-animated:visited, .main-game-container-button-link.button-ga-animated:active, .main-game-container-button-link.button-ga-animated:focus, .main-game-container-button-link.button-ga-animated:hover, .main-game-container-button-link.button-ga-animated:visited {
    color: #ef5b01
}

.b-menu-header {
    position: absolute;
    right: 60px;
    top: 50px;
    height: 44px;
    padding-right: 65px;
    width: 125px
}

.button-ga-animated > svg.b-m-h-lines-animation, .button-ga-animated > svg.ga-animation-svg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.button-ga-animated > svg.b-m-h-lines-animation line {
    stroke: #fff;
    fill: #fff;
    stroke-width: 2
}

.button-ga-animated > svg.ga-animation-svg .ab-l {
    stroke: #fff;
    fill: #fff;
    stroke-width: 4
}

.tm-anim-1, .tm-anim-2 {
    -webkit-transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out
}

.b-menu-header:hover .tm-anim-1 {
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px)
}

.b-menu-header:hover .tm-anim-2 {
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.button-ga-animated > svg.ga-animation-svg .ab-l1 {
    -webkit-transition: -webkit-transform .17s ease-out;
    transition: transform .17s ease-out
}

.button-ga-animated:hover > svg.ga-animation-svg .ab-l1 {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.button-ga-animated > svg.ga-animation-svg .ab-l2 {
    -webkit-transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out
}

.button-ga-animated:hover > svg.ga-animation-svg .ab-l2 {
    -webkit-transform: translateY(120%);
    transform: translateY(120%)
}

.button-ga-animated > svg.ga-animation-svg .ab-l3 {
    -webkit-transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out
}

.button-ga-animated:hover > svg.ga-animation-svg .ab-l3 {
    -webkit-transform: translateX(800%);
    transform: translateX(800%)
}

.button-ga-animated > svg.ga-animation-svg .ab-l4 {
    -webkit-transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out
}

.button-ga-animated:hover > svg.ga-animation-svg .ab-l4 {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.button-ga-animated > svg.ga-animation-svg .ab-l5 {
    -webkit-transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out
}

.button-ga-animated:hover > svg.ga-animation-svg .ab-l5 {
    -webkit-transform: translateY(-90%);
    transform: translateY(-90%)
}

.button-ga-animated > svg.ga-animation-svg .ab-l6 {
    -webkit-transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out
}

.button-ga-animated:hover > svg.ga-animation-svg .ab-l6 {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

#menu, #search {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: #101010
}

#menu .menu-left {
    float: left;
    width: 60%;
    height: 100%;
    display: table
}

#menu .menu-right {
    float: left;
    width: 40%;
    height: 100%;
    background: #070707;
    display: table
}

#menu .menu-left > .menu-container-1, #menu .menu-right > .menu-container-2 {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

#menu .menu-left ul li a {
    display: inline-block;
    position: relative;
    font-size: 45px;
    color: #8b8b8b;
    font-weight: 700;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

#menu .menu-left ul li a .menu-animated-svg line {
    stroke-width: 2px;
    color: #fff
}

#menu .menu-left ul li a:hover .menu-animated-svg line {
    transform: scaleX(1)
}

#menu .menu-left ul li a:hover {
    color: #fff;
    padding-left: 60px;
    text-decoration: none
}

#menu .menu-left ul {
    display: inline-block;
    text-align: left;
    list-style-type: none;
    padding-left: 0;
    width: 400px
}

.head-menu-red-ttle {
    font-size: 18px;
    color: #ff6000;
    text-transform: uppercase;
    letter-spacing: 8px;
    font-weight: 600;
    text-align: left
}

.menu-container-2, .menu-container-2 a, .menu-fl-r-with-icon {
    font-size: 22px;
    color: #8b8b8b;
    font-family: ProximaNova
}

.menu-fl-l-with-icon {
    float: left;
    width: 40px
}

.menu-container-2, .menu-container-2 a {
    text-decoration: none
}

.menu-container-2 table {
    text-align: left;
    font-size: 18px
}

.menu-container-2 table a {
    font-size: 18px
}

.menu-container-2 table tr > td:first-child {
    width: 40px;
    text-align: left;
    padding-top: 4px
}

.menu-t-country-code {
    display: inline-block;
    width: 40px
}

.padding-b-menu-t {
    padding-bottom: 30px
}

.menu-container-2 table i.fa {
    color: #fff
}

.menu-container-2 table i.fa .skype-m-table {
    font-size: 21px;
    margin-top: 5px
}

.t-m-p-top > div {
    margin-top: 50px
}

.p-bot-mmenu {
    margin-bottom: 30px
}

.menu-soc {
    display: inline-block;
    margin-right: 14px;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    color: #000 !important;
    background-color: #717171;
    border-radius: 50%;
    transition: all .3s ease;
}

.menu-soc:hover {
    background-color: #fff;
}

.menu-close-style {
    background: url(../png/menu-cross.png) 89px 12px no-repeat
}

#menu {
    display: none
}

#search-top {
    font-size: 22px;
    position: absolute;
    top: 60px;
    right: 210px;
    color: #fff;
    cursor: pointer
}

.search-container {
    width: 100%;
    height: 100%;
    display: table
}

.search-block {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.search-input {
    width: 100%;
    font-size: 100px;
    font-family: ProximaNova;
    color: #fff;
    background: #101010;
    padding-left: 40px;
    padding-right: 80px;
    padding-bottom: 0;
    border: none;
    border-bottom: 1px solid #fff;
    outline: 0
}

::-webkit-input-placeholder {
    color: #b8b8b8;
    font-size: 75px
}

::-moz-placeholder {
    color: #b8b8b8;
    font-size: 75px
}

:-moz-placeholder {
    color: #b8b8b8;
    font-size: 75px
}

:-ms-input-placeholder {
    color: #b8b8b8;
    font-size: 75px
}

.prallax-text, .prallax-text h1 {
    font-size: 2.4vw;
    font-weight: 900;
    color: #fff;
    line-height: 1.2;
    font-family: ProximaNova;
    text-transform: uppercase
}

.search-block form {
    margin-left: auto;
    margin-right: auto;
    width: 60%;
    position: relative
}

.search-submit {
    width: 210px;
    height: 58px;
    border: 1px solid #ff5a00;
    margin-top: 100px;
    background: url(../png/search-subm-arrow.png) 50% 50% no-repeat
}

.cancel-search-text {
    outline: 0;
    border: none;
    position: absolute;
    display: inline-block;
    width: 44px;
    height: 44px;
    right: 0;
    top: 60px;
    background: url(../png/clear-search-cross.png) no-repeat
}

#search {
    display: none
}

.w200 {
    width: 200px;
    display: inline-block
}

.pt30 {
    padding-top: 25px !important
}

.head-logo {
    position: absolute;
    left: 60px;
    top: 50px
}

.prallax-text {
    width: 100%;
    position: absolute;
    text-align: center;
    left: 0;
    padding-left: 15%;
    padding-right: 15%;
    top: 28%
}

.section-games {
    margin-top: 165px
}

.main-game-container {
    padding-top: 90px;
    width: 1065px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 150px;
    position: relative
}

.main-game-left {
    float: left;
    width: 540px;
    height: 1px;
    position: relative
}

.main-game-right {
    float: left;
    height: 480px;
    width: 520px;
    padding-left: 40px;
    background: #101010;
    padding-right: 90px
}

.main-game-container-game-title, .main-game-container-game-title a {
    font-size: 14px;
    font-family: ProximaNova;
    color: #b8b8b8;
    font-weight: 700;
    margin-top: 65px;
    margin-bottom: 50px;
    letter-spacing: 4px
}

.main-game-container-game-title a:hover {
    text-decoration: none
}

.main-game-container-game-text {
    font-size: 14px;
    font-family: ProximaNova;
    color: #fff;
    line-height: 1.83;
    text-align: left;
    font-weight: 400;
    font-style: normal;
    margin-bottom: 55px
}

body .main-game-container-button-link .ga-animation-svg .ab-border, body .main-game-container-button-link .ga-animation-svg .ab-l {
    stroke: #ef5b01;
    fill: #ef5b01
}

.main-game-container-button-link, .main-game-container-button-link:active, .main-game-container-button-link:focus, .main-game-container-button-link:hover {
    color: #ef5b01
}

.main-game-container-button-link {
    width: 195px;
    font-size: 14px;
    text-align: left;
    -webkit-transition: padding .3s ease-out;
    -moz-transition: padding .3s ease-out;
    -o-transition: padding .3s ease-out;
    transition: padding .3s ease-out
}

.foot-menu a, .line-main-page-game-link {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out
}

.main-game-container-button-link:hover {
    padding-right: 55px;
    padding-left: 30px
}

body .main-game-container-button-link-line-svg > line {
    stroke-width: 2px !important;
    stroke: #ef5b01;
    fill: #ef5b01
}

.line-main-page-game-link {
    transition: all .3s ease-out
}

body .main-game-container-button-link:hover .line-main-page-game-link {
    -webkit-transform: translateX(27px) scaleX(.8);
    transform: translateX(27px) scaleX(.8)
}

.prallax-bot-gradient {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 75px;
    background: url(../png/header_gradient_black.png) repeat-x;
    background-size: 100% 100%
}

.main-game-l1 {
    position: absolute;
    left: 0;
    top: 0
}

.main-game-l2 {
    position: absolute;
    right: 0;
    top: 0
}

.main-game-left-game-title, .main-game-left-game-title:hover {
    top: 310px;
    position: absolute;
    font-size: 60px;
    font-family: ProximaNova;
    color: #fefefe;
    text-transform: uppercase;
    font-weight: 900;
    text-align: center;
    width: 100%;
    line-height: 70px;
    text-decoration: none
}

.image2-anim-top {
    top: -20px
}

.image2-anim-bot {
    top: 70px
}

.section-footer {
    width: 1065px;
    max-width: 1065px;
    margin-left: auto;
    margin-right: auto;
    font-size: 15px;
    font-family: ProximaNova;
    color: #8b8b8b;
    margin-top: 70px;
    padding-bottom: 30px
}

.main-game-links {
    position: absolute;
    right: 0;
    bottom: 65px
}

.main-game-links a {
    float: right;
    margin-left: 35px
}

.footer-copyright {
    text-align: center;
    margin-top: 75px
}

.vis-hidden {
    visibility: hidden
}

.pr-18 {
    display: inline-block;
    width: 27px
}

.mb-20 {
    margin-bottom: 20px
}

.contact-fonm-container form .input-field, .mb-40 {
    margin-bottom: 40px
}

.foot-menu {
    padding-left: 0;
    list-style-type: none;
    color: #8b8b8b
}

.foot-menu li {
    margin-bottom: 9px
}

.foot-menu li:last-child {
    margin-bottom: 0
}

.foot-menu a {
    color: #8b8b8b;
    text-decoration: none;
    transition: all .3s ease-out
}

.menu-animated-left a, .menu-animated-svg line {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out
}

body .foot-menu a:hover {
    color: #fff;
    text-decoration: none
}

.menu-animated-left a {
    transition: all .3s ease-out;
    display: inline-block;
    position: relative
}

.menu-animated-left a:hover {
    color: #fff;
    padding-left: 35px
}

.menu-animated-left a:hover .menu-animated-svg line {
    transform: scaleX(1)
}

.menu-animated-svg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    stroke-width: 2px;
    stroke: #fff;
    fill: #fff
}

.menu-animated-svg line {
    transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -webkit-transform: scaleX(0);
    -o-transform: scaleX(0);
    transition: all .3s ease-out;
    transform: scale(0, 1);
    zoom: 0 \9
}

.game-bot-buttons .gbb-1:after, .prallax-scroll-svg .ps-2 {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out
}

.prallax-scroll {
    font-size: 12px;
    font-family: ProximaNova;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    width: 70px;
    height: 80px;
    position: absolute;
    bottom: 70px;
    left: 50%;
    margin-left: -35px;
    letter-spacing: 3px;
    cursor: pointer
}

.prallax-scroll-svg {
    width: 100%;
    height: 100%
}

.prallax-scroll-svg .ps-1, .prallax-scroll-svg .ps-2 {
    stroke-width: 1px;
    stroke: #fff;
    fill: #fff
}

.prallax-scroll-svg .ps-2 {
    stroke-width: 2px;
    -moz-transform: scaleY(.55);
    -ms-transform: scaleY(.55);
    -webkit-transform: scaleY(.55);
    -o-transform: scaleY(.55);
    transform: scaleY(.55);
    transition: all .3s ease-out
}

.prallax-scroll-svg:hover .ps-2 {
    transform: scaleY(1)
}

.body-class-postid-735 {
    background-image: url(../jpg/maya_hdr.jpg);
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #100f13
}

.body-class-postid-735 .section-porftolio-head {
    background: 0 0 !important;
    padding-top: 40%;
}

.body-class-postid-826 {
    background-image: url(../jpg/hopster_header.jpg);
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: contain;
}

.body-class-postid-958 {
    background-image: url(../jpg/tick1_header.jpg);
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: contain;
}

.body-class-postid-826 .section-porftolio-head {
    background: 0 0 !important;
    padding-top: 40%;
}

.body-class-postid-958 .section-porftolio-head {
    background: 0 0 !important;
    padding-top: 40%;
}

.section-porftolio-head {
    background-image: none;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 0;
    padding-top: 32.42%;
    position: relative
}

.section-portfolio-games {
    width: 1065px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-top: 75px
}

.portf-g-game {
    width: 520px;
    height: 425px;
    float: left;
    position: relative;
    overflow: hidden;
    margin-right: 25px;
    margin-bottom: 25px
}

.portf-g-game.customer-flipper {
    overflow: visible
}

#myModal, .ga-animated-div, .game-spl-left, .wwd-animated, .wwd-prallax {
    overflow: hidden
}

.portf-g-game:nth-child(2n) {
    margin-right: 0
}

.portf-g-image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.portf-g-orange-cover {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%;
    background: rgba(255, 96, 0, .85);
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.portf-g-game:hover .portf-g-orange-cover {
    height: 100%
}

.portf-g-orange-cover-game-title, .portf-g-orange-cover-game-title:hover {
    font-size: 2.2em;
    font-family: ProximaNova;
    color: #fefefe;
    text-transform: uppercase;
    font-weight: 900;
    text-align: center;
    position: absolute;
    left: 0;
    width: 100%;
    text-decoration: none
}

.portf-orange-devices {
    position: absolute;
    top: 167px;
    width: 100%;
    height: 36px;
    text-align: center
}

.or-d-1, .or-d-2, .or-d-3, .or-d-4 {
    display: inline-block;
    height: 38px
}

.portf-orange-devices .g-g-page {
    position: static
}

.portf-orange-game-text {
    width: 100%;
    padding-left: 50px;
    padding-right: 50px;
    position: absolute;
    top: 240px;
    left: 0;
    text-align: center;
    letter-spacing: 2px;
    font-size: 14px;
    font-family: ProximaNova;
    color: #fff;
    font-weight: 700
}

.or-d-1 {
    width: 49px;
    background: url(../png/or-ios.png) no-repeat;
    background-size: auto 100%
}

.or-d-2 {
    width: 37px;
    background: url(../png/or-android.png) no-repeat;
    background-size: auto 100%
}

.or-d-3 {
    width: 39px;
    background: url(../png/or-windows.png) no-repeat;
    background-size: auto 100%
}

.or-d-4 {
    width: 82px;
    background: url(../png/leap_motion_logo.png) 0 5px no-repeat
}

.portf-g-game-title, .portf-orange-game-button {
    width: 100%;
    left: 0;
    position: absolute;
    text-align: center
}

.portf-orange-game-button {
    top: 320px
}

html body .portf-orange-game-button a, html body .portf-orange-game-button a:active, html body .portf-orange-game-button a:focus, html body .portf-orange-game-button a:hover, html body .portf-orange-game-button a:visited {
    color: #fff
}

.portf-orange-game-button a svg line {
    stroke: #fff !important;
    fill: #fff !important
}

.portf-g-game-title {
    font-size: 36px;
    font-family: ProximaNova;
    color: #fefefe;
    text-transform: uppercase;
    top: 320px;
    font-weight: 900;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.section-left-to-top-text, .section-left-top-text {
    font-size: 12px;
    font-family: ProximaNova;
    font-weight: 700;
    letter-spacing: 2px;
    padding-left: 100px;
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    display: inline-block;
    color: #fff
}

.section-left-top-text {
    text-transform: uppercase;
    position: absolute;
    top: 190px;
    left: -220px;
    width: 400px;
    height: 17px
}

.left-top-svg, .with-svg-ltt {
    height: 100%;
    position: absolute;
    top: 0
}

.portf-g-game:hover .portf-g-game-title {
    opacity: 0
}

.section-left-to-top-text span, .section-left-top-text span {
    display: inline-block
}

.left-top-svg {
    width: 100%;
    left: 0
}

.left-page-name-text {
    float: right;
    margin-left: 15px
}

.with-svg-ltt {
    width: 95px;
    right: 0
}

.sltt .with-svg-ltt {
    position: relative;
    float: right
}

.with-svg-ltt line {
    stroke-width: 1px;
    stroke: #fff;
    fill: #fff
}

.section-left-to-top-text {
    text-transform: uppercase;
    position: absolute;
    top: -20px;
    bottom: 103px;
    left: -130px
}

.section-customers-center-text, .secton-image-header-title {
    font-family: ProximaNova;
    font-weight: 900;
    text-transform: uppercase
}

.section-left-back-to-top {
    top: auto;
    padding-left: 0;
    padding-right: 55px;
    cursor: pointer;
    left: -105px;
    bottom: 74px;
    display: inline-block;
    width: 165px
}

.body-class-page-id-14 .section-left-back-to-top, .body-class-page-id-32 .section-left-back-to-top {
    bottom: 98px
}

.section-left-back-to-top .with-svg-ltt {
    width: 50px;
    left: auto;
    right: 0
}

.secton-image-header-title {
    width: 1065px;
    font-size: 3.5vw;
    color: #fefefe;
    text-align: left;
    position: absolute;
    top: 74%;
    left: 50%;
    margin-left: -532px;
    text-shadow: 2px 4px 5px rgba(0, 0, 0, 0.6);
}

.section-customers-head {
    background-image: url(../jpg/customers.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 0;
    padding-top: 32.42%;
    position: relative
}

.section-customers-center-text {
    font-size: 36px;
    color: #fff;
    text-align: center;
    width: 100%;
    position: absolute;
    left: 0;
    top: 47.7%
}

.customers-p-item-description, .section-customers-small-text {
    font-size: 14px;
    font-family: ProximaNova;
    color: #fff;
    font-weight: 700;
    text-align: center;
    width: 100%;
    letter-spacing: 2px;
    position: absolute
}

.section-customers-small-text {
    top: 65%
}

.page-customers .portf-g-game {
    height: 490px
}

.portf-g-orange-cover-game-logo-i {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-position: 50% 45%;
    background-repeat: no-repeat
}

.customers-p-item-description {
    padding-left: 14%;
    padding-right: 14%;
    top: 80%;
    left: 0
}

.cct-bot, .cct-text {
    font-size: 14px;
    line-height: 1.83;
    text-align: left
}

.cct-bot, .cct-name {
    letter-spacing: 1px;
    color: #fff;
    font-family: ProximaNova;
    font-weight: 700
}

.customers-page-item-qute-yn {
    width: 32px;
    height: 27px;
    background: url(../png/quote.png) no-repeat;
    position: absolute;
    top: 25px;
    right: 28px
}

.customers-cover-testimonial, .customers-cover-testimonial-image {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.customers-cover-testimonial .customers-page-item-qute-yn {
    opacity: .5
}

.customers-cover-text {
    padding-left: 11%;
    padding-right: 11%;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 7%
}

.cct-text {
    font-family: ProximaNova;
    color: #fff;
    margin-top: 35px
}

.cct-bot {
    margin-top: 10px
}

.cct-name {
    font-size: 15px;
    text-transform: uppercase
}

.flip-container {
    perspective: 1000px;
    transform-style: preserve-3d
}

.flip-container:hover .back {
    transform: rotateY(0)
}

.flip-container:hover .front {
    transform: rotateY(180deg)
}

.back, .flipper, .front {
    transition: .6s;
    transform-style: preserve-3d
}

.back, .flip-container, .front {
    width: 520px;
    height: 490px
}

.flipper {
    position: relative
}

.back, .front {
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0
}

.front {
    z-index: 2;
    transform: rotateY(0)
}

.back {
    transform: rotateY(-180deg)
}

.vertical.flip-container {
    position: relative
}

.vertical .back {
    transform: rotateX(180deg)
}

.vertical.flip-container:hover .back {
    transform: rotateX(0)
}

.vertical.flip-container:hover .front {
    transform: rotateX(180deg)
}

.section-contact-us-head {
    width: 100%;
    height: 240px;
    position: relative
}

.c-us-gray-text {
    font-size: 14px;
    font-family: ProximaNova;
    color: #b8b8b8;
    font-weight: 700;
    line-height: 1.525;
    letter-spacing: 2px
}

.contact-fonm-container {
    width: 520px;
    position: relative;
    margin-top: 60px
}

.allow-invalid, .allow-valide {
    width: 24px;
    height: 24px;
    right: -40px;
    top: 10px
}

.contact-fonm-container form .input-field.col label {
    left: 0;
    top: -10px;
    font-family: ProximaNova;
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    letter-spacing: 1px
}

.contact-fonm-container form .input-field.text-field.col {
    margin-top: 25px;
}

.contact-fonm-container form input, .contact-fonm-container form textarea.materialize-textarea {
    font-size: 18px;
    font-family: ProximaNova;
    color: #fff;
    font-weight: 700;
    letter-spacing: .7px
}

.g-g-title, .gg-page-game-text, .optional-text {
    font-size: 14px;
    text-align: left
}

.contact-fonm-container form input:not([type]):focus:not([readonly]), .contact-fonm-container form input[type=date]:focus:not([readonly]), .contact-fonm-container form input[type=datetime-local]:focus:not([readonly]), .contact-fonm-container form input[type=datetime]:focus:not([readonly]), .contact-fonm-container form input[type=email]:focus:not([readonly]), .contact-fonm-container form input[type=number]:focus:not([readonly]), .contact-fonm-container form input[type=password]:focus:not([readonly]), .contact-fonm-container form input[type=search]:focus:not([readonly]), .contact-fonm-container form input[type=tel]:focus:not([readonly]), .contact-fonm-container form input[type=text]:focus:not([readonly]), .contact-fonm-container form input[type=time]:focus:not([readonly]), .contact-fonm-container form input[type=url]:focus:not([readonly]), .contact-fonm-container form textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #ff6000;
    box-shadow: 0 1px 0 0 #ff6000
}

.contact-fonm-container input:not([type]):focus:not([readonly]) + label, .contact-fonm-container input[type=date]:focus:not([readonly]) + label, .contact-fonm-container input[type=datetime-local]:focus:not([readonly]) + label, .contact-fonm-container input[type=datetime]:focus:not([readonly]) + label, .contact-fonm-container input[type=email]:focus:not([readonly]) + label, .contact-fonm-container input[type=number]:focus:not([readonly]) + label, .contact-fonm-container input[type=password]:focus:not([readonly]) + label, .contact-fonm-container input[type=search]:focus:not([readonly]) + label, .contact-fonm-container input[type=tel]:focus:not([readonly]) + label, .contact-fonm-container input[type=text]:focus:not([readonly]) + label, .contact-fonm-container input[type=time]:focus:not([readonly]) + label, .contact-fonm-container input[type=url]:focus:not([readonly]) + label, .contact-fonm-container textarea.materialize-textarea:focus:not([readonly]) + label {
    color: #ff6000 !important
}

.optional-text, .optional-text-confirm {
    color: #8b8b8b;
    font-family: ProximaNova
}

.allow-valide {
    position: absolute;
    background: url(../png/allow.png) no-repeat;
    display: none
}

.contact-fonm-container input:not([type]).valid, .contact-fonm-container input:not([type]):focus.valid, .contact-fonm-container input[type=date].valid, .contact-fonm-container input[type=date]:focus.valid, .contact-fonm-container input[type=datetime-local].valid, .contact-fonm-container input[type=datetime-local]:focus.valid, .contact-fonm-container input[type=datetime].valid, .contact-fonm-container input[type=datetime]:focus.valid, .contact-fonm-container input[type=email].valid, .contact-fonm-container input[type=email]:focus.valid, .contact-fonm-container input[type=number].valid, .contact-fonm-container input[type=number]:focus.valid, .contact-fonm-container input[type=password].valid, .contact-fonm-container input[type=password]:focus.valid, .contact-fonm-container input[type=search].valid, .contact-fonm-container input[type=search]:focus.valid, .contact-fonm-container input[type=tel].valid, .contact-fonm-container input[type=tel]:focus.valid, .contact-fonm-container input[type=text].valid, .contact-fonm-container input[type=text]:focus.valid, .contact-fonm-container input[type=time].valid, .contact-fonm-container input[type=time]:focus.valid, .contact-fonm-container input[type=url].valid, .contact-fonm-container input[type=url]:focus.valid, .contact-fonm-container textarea.materialize-textarea.valid, .contact-fonm-container textarea.materialize-textarea:focus.valid {
    border-bottom: 1px solid #9e9e9e;
    box-shadow: none
}

.contact-fonm-container input.valid ~ .allow-valide, .contact-fonm-container input:not([type]):focus.valid ~ .allow-valide, .contact-fonm-container input[type=date].valid ~ .allow-valide, .contact-fonm-container input[type=date]:focus.valid ~ .allow-valide, .contact-fonm-container input[type=datetime-local].valid ~ .allow-valide, .contact-fonm-container input[type=datetime-local]:focus.valid ~ .allow-valide, .contact-fonm-container input[type=datetime].valid ~ .allow-valide, .contact-fonm-container input[type=datetime]:focus.valid ~ .allow-valide, .contact-fonm-container input[type=email].valid ~ .allow-valide, .contact-fonm-container input[type=email]:focus.valid ~ .allow-valide, .contact-fonm-container input[type=number].valid ~ .allow-valide, .contact-fonm-container input[type=number]:focus.valid ~ .allow-valide, .contact-fonm-container input[type=password].valid ~ .allow-valide, .contact-fonm-container input[type=password]:focus.valid ~ .allow-valide, .contact-fonm-container input[type=search].valid ~ .allow-valide, .contact-fonm-container input[type=search]:focus.valid ~ .allow-valide, .contact-fonm-container input[type=tel].valid ~ .allow-valide, .contact-fonm-container input[type=tel]:focus.valid ~ .allow-valide, .contact-fonm-container input[type=text].valid ~ .allow-valide, .contact-fonm-container input[type=text]:focus.valid ~ .allow-valide, .contact-fonm-container input[type=time].valid ~ .allow-valide, .contact-fonm-container input[type=time]:focus.valid ~ .allow-valide, .contact-fonm-container input[type=url].valid ~ .allow-valide, .contact-fonm-container input[type=url]:focus.valid ~ .allow-valide, .contact-fonm-container textarea.materialize-textarea.valid ~ .allow-valide, .contact-fonm-container textarea.materialize-textarea:focus.valid ~ .allow-valide {
    display: block
}

.allow-invalid {
    position: absolute;
    background: url(../png/not-allow.png) no-repeat;
    display: none
}

.contact-fonm-container input.invalid ~ .allow-invalid, .contact-fonm-container input:not([type]):focus.invalid ~ .allow-invalid, .contact-fonm-container input[type=date].invalid ~ .allow-invalid, .contact-fonm-container input[type=date]:focus.invalid ~ .allow-invalid, .contact-fonm-container input[type=datetime-local].invalid ~ .allow-invalid, .contact-fonm-container input[type=datetime-local]:focus.invalid ~ .allow-invalid, .contact-fonm-container input[type=datetime].invalid ~ .allow-invalid, .contact-fonm-container input[type=datetime]:focus.invalid ~ .allow-invalid, .contact-fonm-container input[type=email].invalid ~ .allow-invalid, .contact-fonm-container input[type=email]:focus.invalid ~ .allow-invalid, .contact-fonm-container input[type=number].invalid ~ .allow-invalid, .contact-fonm-container input[type=number]:focus.invalid ~ .allow-invalid, .contact-fonm-container input[type=password].invalid ~ .allow-invalid, .contact-fonm-container input[type=password]:focus.invalid ~ .allow-invalid, .contact-fonm-container input[type=search].invalid ~ .allow-invalid, .contact-fonm-container input[type=search]:focus.invalid ~ .allow-invalid, .contact-fonm-container input[type=tel].invalid ~ .allow-invalid, .contact-fonm-container input[type=tel]:focus.invalid ~ .allow-invalid, .contact-fonm-container input[type=text].invalid ~ .allow-invalid, .contact-fonm-container input[type=text]:focus.invalid ~ .allow-invalid, .contact-fonm-container input[type=time].invalid ~ .allow-invalid, .contact-fonm-container input[type=time]:focus.invalid ~ .allow-invalid, .contact-fonm-container input[type=url].invalid ~ .allow-invalid, .contact-fonm-container input[type=url]:focus.invalid ~ .allow-invalid, .contact-fonm-container textarea.materialize-textarea.invalid ~ .allow-invalid, .contact-fonm-container textarea.materialize-textarea:focus.invalid ~ .allow-invalid {
    display: block
}

.optional-text {
    margin-top: -10px
}

.contact-fonm-container input:not([type]).invalid, .contact-fonm-container input:not([type]):focus.invalid, .contact-fonm-container input[type=date].invalid, .contact-fonm-container input[type=date]:focus.invalid, .contact-fonm-container input[type=datetime-local].invalid, .contact-fonm-container input[type=datetime-local]:focus.invalid, .contact-fonm-container input[type=datetime].invalid, .contact-fonm-container input[type=datetime]:focus.invalid, .contact-fonm-container input[type=email].invalid, .contact-fonm-container input[type=email]:focus.invalid, .contact-fonm-container input[type=number].invalid, .contact-fonm-container input[type=number]:focus.invalid, .contact-fonm-container input[type=password].invalid, .contact-fonm-container input[type=password]:focus.invalid, .contact-fonm-container input[type=search].invalid, .contact-fonm-container input[type=search]:focus.invalid, .contact-fonm-container input[type=tel].invalid, .contact-fonm-container input[type=tel]:focus.invalid, .contact-fonm-container input[type=text].invalid, .contact-fonm-container input[type=text]:focus.invalid, .contact-fonm-container input[type=time].invalid, .contact-fonm-container input[type=time]:focus.invalid, .contact-fonm-container input[type=url].invalid, .contact-fonm-container input[type=url]:focus.invalid, .contact-fonm-container textarea.materialize-textarea.invalid, .contact-fonm-container textarea.materialize-textarea:focus.invalid {
    border-bottom: 1px solid #e93131;
    box-shadow: none
}

.contact-fonm-container input:not([type]).invalid ~ label, .contact-fonm-container input:not([type]):focus.invalid ~ label, .contact-fonm-container input[type=date].invalid ~ label, .contact-fonm-container input[type=date]:focus.invalid ~ label, .contact-fonm-container input[type=datetime-local].invalid ~ label, .contact-fonm-container input[type=datetime-local]:focus.invalid ~ label, .contact-fonm-container input[type=datetime].invalid ~ label, .contact-fonm-container input[type=datetime]:focus.invalid ~ label, .contact-fonm-container input[type=email].invalid ~ label, .contact-fonm-container input[type=email]:focus.invalid ~ label, .contact-fonm-container input[type=number].invalid ~ label, .contact-fonm-container input[type=number]:focus.invalid ~ label, .contact-fonm-container input[type=password].invalid ~ label, .contact-fonm-container input[type=password]:focus.invalid ~ label, .contact-fonm-container input[type=search].invalid ~ label, .contact-fonm-container input[type=search]:focus.invalid ~ label, .contact-fonm-container input[type=tel].invalid ~ label, .contact-fonm-container input[type=tel]:focus.invalid ~ label, .contact-fonm-container input[type=text].invalid ~ label, .contact-fonm-container input[type=text]:focus.invalid ~ label, .contact-fonm-container input[type=time].invalid ~ label, .contact-fonm-container input[type=time]:focus.invalid ~ label, .contact-fonm-container input[type=url].invalid ~ label, .contact-fonm-container input[type=url]:focus.invalid ~ label, .contact-fonm-container textarea.materialize-textarea.invalid ~ label, .contact-fonm-container textarea.materialize-textarea:focus.invalid ~ label {
    color: #e93131
}

.opt-t-file {
    width: 280px
}

.link-upload-file-contacts {
    border: 1px solid #fff;
    position: absolute;
    right: 0;
    top: 15px;
    color: #fff
}

.link-upload-file-contacts:active, .link-upload-file-contacts:focus, .link-upload-file-contacts:hover, .link-upload-file-contacts:visited {
    color: #fff !important
}

.link-upload-file-contacts .main-game-container-button-link-line-svg > line {
    stroke-width: 2px !important;
    stroke: #fff !important;
    fill: #fff !important
}

.contact-us-submit {
    position: absolute;
    right: 0;
    top: 0
}

.optional-text.optional-invalid {
    color: #e93131;
    opacity: 0
}

.contact-fonm-container input:not([type]).invalid ~ .optional-invalid, .contact-fonm-container input:not([type]):focus.invalid ~ .optional-invalid, .contact-fonm-container input[type=date].invalid ~ .optional-invalid, .contact-fonm-container input[type=date]:focus.invalid ~ .optional-invalid, .contact-fonm-container input[type=datetime-local].invalid ~ .optional-invalid, .contact-fonm-container input[type=datetime-local]:focus.invalid ~ .optional-invalid, .contact-fonm-container input[type=datetime].invalid ~ .optional-invalid, .contact-fonm-container input[type=datetime]:focus.invalid ~ .optional-invalid, .contact-fonm-container input[type=email].invalid ~ .optional-invalid, .contact-fonm-container input[type=email]:focus.invalid ~ .optional-invalid, .contact-fonm-container input[type=number].invalid ~ .optional-invalid, .contact-fonm-container input[type=number]:focus.invalid ~ .optional-invalid, .contact-fonm-container input[type=password].invalid ~ .optional-invalid, .contact-fonm-container input[type=password]:focus.invalid ~ .optional-invalid, .contact-fonm-container input[type=search].invalid ~ .optional-invalid, .contact-fonm-container input[type=search]:focus.invalid ~ .optional-invalid, .contact-fonm-container input[type=tel].invalid ~ .optional-invalid, .contact-fonm-container input[type=tel]:focus.invalid ~ .optional-invalid, .contact-fonm-container input[type=text].invalid ~ .optional-invalid, .contact-fonm-container input[type=text]:focus.invalid ~ .optional-invalid, .contact-fonm-container input[type=time].invalid ~ .optional-invalid, .contact-fonm-container input[type=time]:focus.invalid ~ .optional-invalid, .contact-fonm-container input[type=url].invalid ~ .optional-invalid, .contact-fonm-container input[type=url]:focus.invalid ~ .optional-invalid, .contact-fonm-container textarea.materialize-textarea.invalid ~ .optional-invalid, .contact-fonm-container textarea.materialize-textarea:focus.invalid ~ .optional-invalid {
    opacity: 1
}

.contact-fonm-container textarea::-webkit-scrollbar {
    width: 10px
}

.contact-fonm-container textarea::-webkit-scrollbar-track {
    -webkit-border-radius: 0;
    border-radius: 0
}

.contact-fonm-container textarea::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0;
    border-radius: 0;
    background: rgba(49, 49, 49, .8)
}

.contact-fonm-container textarea::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(49, 49, 49, .4)
}

.game-gray {
    width: 850px;
    position: relative;
    background: #262632;
    margin-bottom: 85px;
    padding: 70px 170px 110px 55px
}

.g-g-title {
    font-family: ProximaNova;
    color: rgba(255, 255, 255, .502);
    font-weight: 700;
    letter-spacing: 2px
}

.gg-page-game-text, .gp-title {
    color: #fff;
    font-family: ProximaNova
}

.g-g-page-devices {
    margin-top: 40px;
    margin-bottom: 65px
}

.gg-page-game-text {
    line-height: 1.83
}

.gg-page-game-sq-image {
    position: absolute;
    right: -185px;
    top: 0
}

.gp-title {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px
}

.gp-bot-title .gp-title {
    margin-top: 10px
}

.game-prallax-2, .game-video {
    margin-top: 100px
}

.gp-top-title .gp-title {
    margin-bottom: 10px
}

.game-prallax {
    position: relative;
    height: auto;
}

.gp-1, .gp-2, .gp-3 {
    position: absolute
}

.gp-1 {
    left: 0;
    top: 40px;
    top: 240px
}

.gp-2 {
    right: 0;
    top: 300px;
    top: 500px
}

.gp-3 {
    left: 110px;
    top: 690px;
    top: 890px
}

.game-prallax-title {
    position: absolute;
    right: 0;
    top: 440px;
    opacity: 1;
    font-size: 60px;
    font-weight: 900;
    font-family: ProximaNova;
    color: #313140;
    text-transform: uppercase
}

.game-prallax-2 {
    position: relative;
    height: 1300px
}

.gp2-1, .gp2-2, .gp2-3 {
    position: absolute
}

.gp2-1 {
    left: 0;
    top: 200px
}

.gp2-2 {
    right: 0;
    top: 300px;
    top: 500px
}

.gp2-3 {
    left: 30px;
    top: 700px;
    top: 900px
}

.game-prallax-2 .game-prallax-title {
    top: 120px;
    right: 0
}

.gp2-2 .gp-title {
    text-align: right
}

.game-video-container {
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    position: relative
}

.game-video-container iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.game-video-title {
    font-size: 16px;
    font-family: ProximaNova;
    color: #fff;
    font-weight: 700;
    text-align: left;
    margin-top: 16px
}

.game-spl-left {
    float: left;
    width: 640px;
    height: 100%;
    position: relative
}

.game-spl-right {
    float: right;
    width: 425px;
    height: 100%;
    background: #262632;
    padding: 70px 60px
}

.game-spl {
    width: 100%;
    height: 650px;
    margin-top: 100px
}

.spl-r-ttle {
    font-family: ProximaNova;
    color: rgba(255, 255, 255, .502);
    font-weight: 700;
    line-height: 1.525;
    text-align: left
}

.g-b-c-p-right-text,
.spl-r-text,
.spl-r-text p {
    line-height: 1.83;
    font-size: 14px;
    text-align: left;
    font-family: ProximaNova;
    color: #fff
}

.spl-r-text,
.spl-r-text p {
    margin-top: 35px
}

#game-prallac-container {
    margin: 0 auto;
    padding: 5%;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0
}

.game-b-c {
    margin-top: 100px
}

.g-b-c-p-left {
    float: left;
    width: 305px
}

.g-b-c-p-left > img {
    width: 100%
}

.g-b-c-p-right {
    float: right;
    width: 760px;
    padding-left: 60px
}

.g-b-c-p-right-title {
    font-weight: 700;
    text-align: left;
    letter-spacing: 2px;
    margin-bottom: 50px
}

.gpc-kr {
    position: absolute;
    top: 85px;
    left: 380px;
    width: 120px;
    height: 120px;
    border-radius: 60px;
    background: 50% 50% no-repeat #fff
}

.gpc-kr-1 {
    background-image: url(../png/xamarin-logo.png)
}

.gpc-kr-2 {
    background-image: url(../png/cocos-logo.png);
    top: 290px;
    left: 165px
}

.gpc-kr-3 {
    background-image: url(../png/m-logo.png);
    top: 350px;
    left: 450px
}

.game-page-app-links {
    position: static;
    margin-top: 50px
}

.game-page-app-links a {
    margin-right: 30px
}

.game-download-case {
    margin-top: 80px;
    position: relative
}

.game-download-case a {
    width: 210px
}

.d-case-text {
    position: absolute;
    left: 240px;
    top: 13px;
    font-size: 14px;
    font-family: ProximaNova;
    color: rgba(255, 255, 255, .502);
    text-align: left;
    letter-spacing: .5px
}

.game-bot-buttons {
    margin-top: 70px
}

.game-bot-buttons a {
    float: left;
    width: 33.3%;
    display: inline-block;
    font-size: 13px;
    font-family: ProximaNova;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    border: 1px solid #262632;
    height: 70px;
    line-height: 70px;
    padding-left: 43px;
    padding-right: 43px;
    text-align: center;
    position: relative
}

.blog-breadcrumb, .blog-tags a {
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    line-height: 30px;
    font-family: ProximaNova
}

.game-bot-buttons .gbb-1:after, .game-bot-buttons .gbb-1:hover:after, .game-bot-buttons .gbb-2:after, .game-bot-buttons .gbb-2:hover:after {
    content: '';
    position: absolute
}

.game-bot-buttons a:hover {
    text-decoration: none
}

.game-bot-buttons .gbb-1, .game-bot-buttons .gbb-2 {
    border-right: none
}

.game-bot-buttons .gbb-1 {
    text-align: right
}

.game-bot-buttons .gbb-2 {
    text-align: left
}

.game-bot-buttons .gbb-1:after {
    left: 30px;
    top: 34px;
    width: 95px;
    height: 1px;
    background: #262632;
    transition: all .3s ease-out
}

.game-bot-buttons .gbb-1:hover:after {
    left: 57px;
    top: 34px;
    width: 40px;
    height: 1px;
    background: #262632
}

.game-bot-buttons .gbb-2:after {
    right: 30px;
    top: 34px;
    width: 95px;
    height: 1px;
    background: #262632;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.game-bot-buttons .gbb-2:hover:after {
    right: 57px;
    top: 34px;
    width: 40px;
    height: 1px;
    background: #262632
}

.game-bot-buttons .gbb-3:after, .game-bot-buttons .gbb-3:before, .game-bot-buttons .gbb-3 > span:after, .game-bot-buttons .gbb-3 > span:before {
    content: '';
    position: absolute;
    left: 85px;
    top: 25px;
    width: 8px;
    height: 8px;
    background: #fff;
    border: 1px solid #7d7d7f;
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    transition: all 150ms ease-out
}

.game-bot-buttons .gbb-3:after {
    left: 94px
}

.game-bot-buttons .gbb-3 > span:before {
    top: 34px
}

.game-bot-buttons .gbb-3 > span:after {
    top: 34px;
    left: 94px
}

.game-bot-buttons .gbb-3:hover:before {
    left: 82px;
    top: 22px
}

.game-bot-buttons .gbb-3:hover:after {
    left: 97px;
    top: 22px
}

.game-bot-buttons .gbb-3:hover > span:before {
    top: 37px;
    left: 82px
}

.game-bot-buttons .gbb-3:hover > span:after {
    left: 97px;
    top: 37px
}

.blog-left {
    width: 820px;
    float: left
}

.blog-left-topper {
    width: 100%;
    height: 30px;
    position: relative;
    margin-bottom: 25px
}

.blog-breadcrumb a {
    color: #fff
}

.blog-breadcrumb {
    height: 30px
}

.blog-breadcrumb .dash {
    display: inline-block;
    margin-left: 8px;
    margin-right: 8px
}

.blog-tags a {
    display: inline-block;
    border: 1px solid #000;
    height: 30px;
    padding-left: 11px;
    padding-right: 11px
}

.blog-tags a:hover {
    text-decoration: none
}

.blog-white h1 {
    margin: 0;
    font-size: 30px;
    font-family: ProximaNova;
    color: #373737;
    line-height: 1.2;
    font-weight: 900
}

.blog-white, .blog-white ul {
    line-height: 1.778;
    text-align: left
}

.block-author {
    font-size: 14px;
    font-family: ProximaNova;
    color: #373737;
    text-align: left;
    margin-top: 35px;
    margin-bottom: 40px
}

.block-author span {
    font-weight: 700
}

.blog-white {
    width: 100%;
    background: #fff;
    padding: 65px 50px;
    font-size: 16px;
    font-family: ProximaNova;
    color: #373737
}

.blog-image-100 {
    width: 100%;
    height: auto
}

.blog-image-description {
    margin-top: 10px;
    font-size: 14px;
    font-family: ProximaNova;
    color: #373737;
    text-align: left
}

.blog-white h2 {
    font-weight: 900;
    font-size: 24px;
    font-family: ProximaNova;
    color: #373737;
    text-align: left
}

.blog-white h3, .blog-white ul {
    font-size: 18px;
    font-family: ProximaNova
}

.blog-white ul {
    font-size: 16px;
}

.blog-white h3 {
    color: #373737;
    font-weight: 700
}

.blog-white .alignright {
    float: right;
    margin-left: 15px;
    margin-bottom: 15px
}

.blog-white ul {
    list-style-type: square;
    padding-left: 19px !important;
    color: #141515
}

.wwd-c-bg2-right ul {
    list-style-type: none
}

.blog-white ol, .blog-white ol.big-orange, .blog-white ol.ol-black, .blog-white ol.ol-small-circle {
    counter-reset: item;
    padding-left: 0
}

.blog-white ol.big-orange li, .blog-white ol.big-orange li:before {
    font-family: ProximaNova;
    font-weight: 700;
    height: 68px;
    line-height: 68px
}

.blog-white ol li {
    display: block
}

.blog-white ol li:before {
    content: counter(item) ". ";
    counter-increment: item;
    font-weight: 700
}

.blog-white ol.big-orange li {
    display: block;
    margin-bottom: 35px;
    color: #373737
}

.blog-white ol.big-orange li:before {
    margin-right: 20px;
    content: counter(item) "";
    counter-increment: item;
    font-size: 31px;
    color: #ff6c00;
    text-align: center;
    width: 68px;
    border: 1px solid #ff6c00;
    border-radius: 34px;
    display: inline-block;
    float: left
}

.blog-white ol.ol-black li, .blog-white ol.ol-small-circle li {
    min-height: 55px;
    line-height: 55px;
    font-family: ProximaNova
}

.blog-white ol.ol-black li {
    display: block;
    color: #373737
}

.blog-white ol.ol-black li:before {
    margin-right: 20px;
    content: counter(item) "";
    counter-increment: item;
    font-size: 30px;
    font-family: ProximaNova;
    color: #000;
    font-weight: 900;
    display: inline-block;
    float: left
}

.blog-white ol.ol-small-circle li {
    display: block;
    color: #373737;
    line-height: 38px
}

.blog-white ol.ol-small-circle li:before {
    margin-right: 20px;
    content: counter(item) "";
    counter-increment: item;
    font-family: ProximaNova;
    display: inline-block;
    float: left;
    height: 38px;
    width: 38px;
    border-radius: 18px;
    font-size: 14px;
    color: #141515;
    font-weight: 700;
    text-align: center;
    line-height: 38px;
    background: #eaead0
}

.blog-quote, .blog-quote-author, .blog-share-post, .blog-white table thead {
    font-family: ProximaNova;
    color: #373737
}

.blog-white table {
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-family: ProximaNova
}

table.ttblog {
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-family: ProximaNova
}

table.ttblog tbody td {
    padding: 15px 20px !important;
}

.blog-white table thead {
    font-weight: 900;
    font-size: 14px
}

.blog-white table thead td {
    border-bottom: 1px solid #000;
    padding-bottom: 5px;
    text-align: center;
    vertical-align: middle
}

.blog-white table tbody td {
    border-bottom: 1px solid #efefef;
    padding-top: 30px;
    padding-bottom: 30px
}

.blog-white table th td:first-child, .blog-white table tr td:first-child {
    text-align: left
}

.blog-image-description.table-description {
    text-align: right
}

.blog-quote {
    font-size: 18px;
    line-height: 1.778;
    text-align: left;
    padding: 33px 50px 70px;
    background: #f8f8f8
}

.blog-quote-author {
    font-size: 14px;
    padding-left: 55px;
    height: 27px;
    line-height: 27px;
    background: url(../png/blog-quote.png) no-repeat;
    margin-bottom: 35px
}

.blog-quote-author span {
    font-weight: 700
}

.blog-share-post {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 50px
}

.blog-related-post-title {
    font-size: 16px;
    font-family: ProximaNova;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 23px
}

.blog-list-t a, .blog-related-item {
    font-size: 14px;
    color: #fff;
    font-family: ProximaNova;
    font-weight: 700;
    display: inline-block
}

.blog-right {
    float: right;
    width: 200px;
    margin-top: 50px
}

.blog-related-item {
    width: 100%;
    line-height: 1.2;
    margin-bottom: 50px
}

.blog-related-item:hover {
    text-decoration: none;
    color: #fff
}

.blog-related-item > img {
    width: 100%;
    margin-bottom: 10px
}

.blog-list-t {
    text-align: center;
    position: relative;
    margin-bottom: 50px
}

.blog-list-t a {
    padding-bottom: 3px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 5px;
}

.blog-list-t a.active,
.blog-list-t a:focus,
.blog-list-t a:hover {
    color: #ff6000;
    text-decoration: none;
    border-bottom: 2px solid #ff6000
}

.blog-list-t .blog-list-date-popular {
    position: absolute;
    right: 0;
    top: 0
}

.blog-list-t .blog-list-date-popular a {
    font-size: 12px;
    font-family: ProximaNova;
    color: #b8b8b8;
    font-weight: 700;
    text-transform: uppercase
}

.blog-list-t .blog-list-date-popular a.active,
.blog-list-t .blog-list-date-popular a:hover {
    border-bottom: none;
    color: #fff
}

.blsi-right, .blsi-t-ttle {
    color: #373737;
    font-family: ProximaNova
}

.block-list-single-item {
    height: 485px;
    margin-bottom: 25px
}

.blsi-right {
    float: right;
    background: #fff;
    width: 533px;
    height: 100%;
    padding: 60px 90px 30px 50px;
    font-size: 14px;
    line-height: 1.83;
    position: relative
}

.blsi-t-ttle {
    font-size: 30px;
    line-height: 1.2;
    font-weight: 900;
    margin-bottom: 20px
}

.blsi-right .block-author {
    margin-top: 20px;
    margin-bottom: 45px
}

.but-ga-animated0game-blog-item {
    position: absolute;
    bottom: 55px;
    left: 50px
}

.blsi-left {
    float: left;
    height: 100%;
    width: 532px;
    position: relative
}

.blsi-left img {
    width: 100%;
    height: 100%
}

.blsi-left .blsi-tags {
    position: absolute;
    left: 50px;
    top: auto;
    bottom: 50px
}

.blsi-left .blsi-tags a {
    border: 1px solid rgba(255, 255, 255, .6)
}

.bsp-more {
    text-align: center;
    margin-top: 60px;
    margin-bottom: 100px
}

.bsp-more-link:hover {
    color: #fff;
    text-decoration: none
}

.bsp-more-link {
    cursor: pointer;
    width: 200px;
    height: 70px;
    display: inline-block;
    font-size: 13px;
    font-family: ProximaNova;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    border: 1px solid #262632;
    line-height: 70px;
    padding-left: 43px;
    padding-right: 43px;
    text-align: left;
    position: relative
}

.bsp-more-link:after {
    content: '';
    position: absolute;
    right: 30px;
    top: 34px;
    width: 55px;
    height: 1px;
    background: #262632;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.bsp-more-link:hover:after {
    right: 42px;
    width: 30px
}

.wwd-text-small, .wwd-text1 {
    font-family: ProximaNova;
    text-align: center
}

.what-we-do-section {
    height: 4505px;
    position: relative
}

.what-we-do-1, .what-we-do-2 {
    position: absolute;
    left: 0;
    width: 520px
}

.what-we-do-1 {
    top: 0;
    height: 650px;
    background: url(../jpg/wwd1.jpg) no-repeat
}

.what-we-do-2, .what-we-do-3, .what-we-do-16, .what-we-do-4 {
    background-size: 100% 100%
}

.what-we-do-3 .wwd-animation-container-2 {
    margin-top: -85px;
}

.what-we-do-2 {
    top: 670px;
    height: 640px !important;
}

.what-we-do-3 {
    position: absolute;
    width: 520px;
    height: 450px !important;
}

.what-we-do-3 .wwd-bg {
    margin-top: -200px !important;
}

.what-we-do-16 {
    position: absolute;
    width: 520px;
    height: 380px !important;
}

.what-we-do-6, .what-we-do-7 {
    position: absolute;
    width: 520px;
    height: 650px
}

.what-we-do-6 {
    left: 540px;
    top: 1790px
}

.what-we-do-7 {
    left: 0;
    top: 1330px
}

.what-we-do-3 {
    left: 540px;
    top: 460px
}

.what-we-do-16 {
    left: 540px;
    top: 930px
}

.what-we-do-4, .what-we-do-5, .what-we-do-8 {
    position: absolute;
    height: 440px;
    width: 520px
}

.what-we-do-4 {
    left: 540px;
    top: 0
}

.what-we-do-5 {
    left: 540px;
    top: 1330px
}

.what-we-do-8 {
    left: 0;
    top: 2000px
}

.what-we-do-9 {
    top: 2920px;
    background-size: 100% 100%;
    position: absolute
}

.what-we-do-10 {
    top: 2460px;
    background-size: 100% 100%;
    position: absolute
}

.what-we-do-9 {
    left: 0
}

.what-we-do-10 {
    left: 540px
}

.what-we-do-11 {
    position: absolute;
    left: 0;
    top: 3380px;
    background-size: 100% 100%
}

.what-we-do-12 {
    position: absolute;
    left: 540px;
    top: 3150px;
    background-size: 100% 100%
}

.what-we-do-13, .what-we-do-14 {
    top: 3840px;
    background-size: 100% 100%;
    position: absolute
}

.what-we-do-13 {
    left: 0
}

.what-we-do-14 {
    left: 540px
}

.what-we-do-15 {
    top: 2460px;
    left: 0;
    background-size: 100% 100%;
    position: absolute
}

.wwd-bid {
    width: 520px;
    height: 650px
}

.wwd-small {
    width: 520px;
    height: 440px
}

.wwd-nnn {
    height: 160px;
    width: 100%;
    background: url(../png/rab.png) 50% 0 no-repeat;
    margin-bottom: 50px;
    margin-top: 82px
}

.what-we-do-9 .wwd-nnn {
    background: url(../png/wwd-white-9.png) 50% 0 no-repeat;
    height: 80px
}

.what-we-do-10 .wwd-nnn {
    margin-top: 130px;
    background: url(../png/wwd-white-10.png) 50% 0 no-repeat;
    height: 80px
}

.what-we-do-11 .wwd-nnn {
    margin-top: 130px;
    background: url(../png/wwd-white-11.png) 50% 0 no-repeat;
    height: 80px
}

.what-we-do-12 .wwd-nnn {
    margin-top: 130px;
    background: url(../png/wwd-white-12.png) 50% 0 no-repeat;
    height: 80px
}

.what-we-do-13 .wwd-nnn {
    margin-top: 130px;
    background: url(../png/wwd-white-13.png) 50% 0 no-repeat;
    height: 90px
}

.what-we-do-14 .wwd-nnn {
    margin-top: 130px;
    background: url(../png/wwd-white-14.png) 50% 25px no-repeat;
    height: 90px
}

.wwd-bid .wwd-nnn {
    margin-top: 210px
}

.what-we-do-quote {
    position: absolute;
    top: 25px;
    right: 27px;
    width: 32px;
    height: 27px;
    background: url(../png/quote-what-we-do.png) no-repeat
}

.wwd-circle, .wwd-vr {
    height: 89px;
    width: 100%;
    margin-bottom: 50px
}

.wwd-circle {
    background: url(../png/quote-circle.png) 50% 0 no-repeat;
    margin-top: 280px
}

.wwd-rab {
    height: 160px;
    width: 100%;
    background: url(../png/rab.png) 50% 0 no-repeat;
    margin-bottom: 50px;
    margin-top: 82px
}

.wwd-vr {
    background: url(../png/wwd-vr.png) 50% 0 no-repeat;
    margin-top: 130px
}

.wwd-slots {
    background: url(../png/wwd-slots.png) 50% 0 no-repeat;
    height: 89px;
    width: 100%;
    margin-bottom: 20px;
    margin-top: 90px;
}

.what-we-do-16 .wwd-animation-container-2 {
    margin-top: -80px;
}

.what-we-do-16 .wwd-link-more {
    margin-top: 20px;
}

.wwd-mob, .wwd-pencil {
    margin-top: 115px;
    height: 89px;
    width: 100%;
    margin-bottom: 50px
}

.wwd-pencil {
    background: url(../png/pencil.png) 50% 0 no-repeat
}

.wwd-mob {
    background: url(../png/wwd-mob-s.png) 50% 0 no-repeat
}

.wwd-hol {
    height: 89px;
    width: 100%;
    background: url(../png/wwd-hol.png) 50% 0 no-repeat;
    margin-bottom: 50px;
    margin-top: 250px
}

.wwd-unreal {
    height: 89px;
    width: 100%;
    background: url(../png/wwd-unreal.png) 50% 0 no-repeat;
    margin-bottom: 50px;
    margin-top: 145px
}

.wwd-facebook-instant {
    height: 89px;
    width: 100%;
    background: url(../png/wwd-facebook-instant.png) 50% 0 no-repeat;
    margin-bottom: 50px;
    margin-top: 175px
}

.wwd-sqr, .wwd-unity {
    height: 107px;
    margin-bottom: 50px;
    margin-top: 310px;
    width: 100%
}

.wwd-sqr {
    background: url(../png/wwd2-sq.png) 50% 0 no-repeat
}

.wwd-unity {
    background: url(../png/wwe-unity.png) 50% 0 no-repeat
}

.wwd-text1 {
    font-size: 36px;
    color: #fefefe;
    text-transform: uppercase;
    line-height: 1.2;
    font-weight: 900
}

.wwd-text-small {
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    line-height: 1.525;
    padding-left: 40px;
    padding-right: 40px;
    margin-top: 20px
}

.wwd-link-more a, .wwd-text-btext {
    padding-left: 50px;
    font-size: 14px;
    font-family: ProximaNova;
    color: #fff
}

.wwd-text-btext {
    line-height: 1.83;
    text-align: left;
    margin-top: 45px;
    padding-right: 50px
}

.wwd-link-more a {
    font-weight: 700;
    text-decoration: underline;
    text-transform: uppercase
}

.wwd-link-more {
    margin-top: 60px
}

.wwd-animation-container-1 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: top .3s ease-out, opacity 150ms ease-out;
    -moz-transition: top .3s ease-out, opacity 150ms ease-out;
    -o-transition: top .3s ease-out, opacity 150ms ease-out;
    transition: top .3s ease-out, opacity 150ms ease-out
}

.wwd-animated:active .wwd-animation-container-1, .wwd-animated:hover .wwd-animation-container-1, .wwd-animated:target .wwd-animation-container-1 {
    top: -100%;
    opacity: 0
}

.wwd-animation-container-2 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    opacity: 0;
    -webkit-transition: top .3s ease-out, opacity 150ms ease-out;
    -moz-transition: top .3s ease-out, opacity 150ms ease-out;
    -o-transition: top .3s ease-out, opacity 150ms ease-out;
    transition: top .3s ease-out, opacity 150ms ease-out
}

.wwd-bg, .wwe-bot-gradient {
    position: absolute;
    left: 0;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    width: 100%
}

.wwd-animated:active .wwd-animation-container-2, .wwd-animated:hover .wwd-animation-container-2, .wwd-animated:target .wwd-animation-container-2 {
    top: 0;
    opacity: 1
}

.wwd-bg {
    height: 700px;
    top: 0;
    transition: all .3s ease-out
}

.wwd-animated:hover .wwd-bg {
    top: -50px
}

.wwe-bot-gradient {
    bottom: 0;
    height: 100%;
    background-image: -ms-linear-gradient(top, rgba(14, 14, 19, 0) 0, #0e0e13 90%);
    background-image: -moz-linear-gradient(top, rgba(14, 14, 19, 0) 0, #0e0e13 90%);
    background-image: -o-linear-gradient(top, rgba(14, 14, 19, 0) 0, #0e0e13 90%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(14, 14, 19, 0)), color-stop(100, #0e0e13));
    background-image: -webkit-linear-gradient(top, rgba(14, 14, 19, 0) 0, #0e0e13 90%);
    background-image: linear-gradient(to bottom, rgba(14, 14, 19, 0) 0, #0e0e13 90%);
    transition: all .3s ease-out;
    opacity: 0
}

.what-we-do-10.wwd-bid {
    height: 670px
}

.what-we-do-12.wwd-bid {
    height: 670px
}

.ga-animated-div:after, .ga-animated-div:before {
    position: absolute;
    background: #fff;
    content: ''
}

.ga-animated-div:after, .mgl-a, .mgl-i, .mgl-w {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out
}

.wwd-animated:hover .wwe-bot-gradient {
    opacity: 1
}

.wwd-animated .wwd-animation-container-2 {
    padding-top: 100px
}

.wwd-animated.wwd-small .wwd-animation-container-2 {
    padding-top: 50px
}

.wwd-animated.wwd-small .wwd-text-btext {
    margin-top: 30px
}

.wwd-animated.wwd-small .wwd-link-more {
    margin-top: 25px
}

.wwd-animated.wwd-small .wwd-bg {
    height: 500px
}

.what-we-do-9.wwd-animated.wwd-small .wwd-animation-container-2,
.what-we-do-15.wwd-animated.wwd-small .wwd-animation-container-2 {
    padding-top: 0
}

.what-we-do-15.wwd-animated.wwd-small .wwd-text-btext {
    margin-top: 0
}

.what-we-do-9.wwd-animated.wwd-small .wwd-text-btext {
    margin-top: 0;
}

.what-we-do-9.wwd-animated.wwd-small .wwd-animation-container-2 .wwd-link-more {
    margin-top: 0;
}

.what-we-do-10 .wwd-animation-container-2 {
    padding-top: 260px
}

.what-we-do-12 .wwd-animation-container-2 {
    padding-top: 158px
}

.what-we-do-10 .wwd-bg,
.what-we-do-12 .wwd-bg {
    height: 750px
}

.what-we-do-2 .wwd-bg {
    height: 640px !important;
}

.what-we-do-2 .wwd-text-btext {
    margin-top: 60px !important;
}

.what-we-do-2 .wwd-text1 {
    margin-top: 80px;
}

.body-class-error404 .section-footer {
    display: none
}

.section-404-page {
    width: 100%;
    height: 100%;
    display: table;
    text-align: center;
    margin-top: 15%
}

body.body-class-error404 {
    height: 100%
}

.top-letter-404 {
    font-size: 14px;
    font-family: ProximaNova;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 30px
}

.gamepad-404 {
    margin-bottom: 50px
}

.game-over-404 {
    font-size: 60px;
    font-family: ProximaNova;
    color: #fff;
    text-align: center;
    font-weight: 900;
    margin-bottom: 40px
}

.ga-animated-div, .oops-404 {
    font-size: 14px;
    color: #fff;
    font-family: ProximaNova
}

.oops-404 {
    margin-bottom: 50px
}

body.body-class-error404 .body-class-error404-button, body.body-class-error404 .page-404-button {
    color: #fff
}

body.body-class-error404 .body-class-error404-button .ga-animation-svg line, body.body-class-error404 .page-404-button .ga-animation-svg line {
    stroke: #fff;
    fill: #fff
}

.ga-animated-div {
    position: absolute;
    top: 150px;
    left: 150px;
    text-transform: uppercase;
    border: 1px solid #fff;
    display: inline-block;
    line-height: 43px;
    font-weight: 700;
    text-align: left;
    text-decoration: none;
    padding-left: 15px;
    padding-right: 15px;
    width: 200px
}

.ga-animated-div:active, .ga-animated-div:focus, .ga-animated-div:hover {
    text-decoration: none;
    color: #fff
}

.ga-animated-div:after {
    left: -60%;
    top: 0;
    width: 100%;
    height: 2px;
    transition: all .3s ease-out
}

.ga-animated-div:before {
    top: -100%;
    left: 0;
    width: 2px;
    height: 100%;
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    transition: all 150ms ease-out
}

.ga-animated-div:hover:after {
    left: -160%
}

.ga-animated-div:hover:before {
    top: 0
}

.head-logo-smart {
    float: left;
    margin-top: 18px
}

.body-class-page-template-services .section-porftolio-head {
    background-size: cover;
    background-image: url("../jpg/hyper-casual-games-title-1.jpg");
    position: relative;
}

.body-class-page-template-services .wwd-c-images {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.body-class-page-template-services .wdd-10 .wwd-c-images-item-image {
    background-image: url("../png/review.png");
}

.body-class-page-template-services .wdd-11 .wwd-c-images-item-image {
    background-image: url("../png/postlaunch-support.png");
}

.body-class-page-template-services .wwd-c-bg2 {
    padding: 0 5px 50px;
    height: auto;
}

/*.body-class-page-template-services .wwd-c-bg2 .wwd-c-bg2-right {*/
/*    width: auto;*/
/*}*/

.wwd-c-bg2 .wwd-c-bg2-right p {
    margin-bottom: 50px;
    font-family: ProximaNova;
    line-height: 1.83;
    font-size: 14px;
    color: #fff;
    text-align: left;
}

.wwd-tech {
    height: auto;
}

.loader, .loader:after {
    border-radius: 50%;
    width: 10em;
    height: 10em
}

.loader {
    margin: 60px auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(255, 255, 255, .2);
    border-right: 1.1em solid rgba(255, 255, 255, .2);
    border-bottom: 1.1em solid rgba(255, 255, 255, .2);
    border-left: 1.1em solid #fff;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear
}

.game-knight-stack {
    height: 320px;
}

.game-knight-stack img {
    height: 330px;
    top: -7px;
    object-fit: contain;
    object-position: center;
}

.knight-stack-jump-container {
    margin-top: 0;
}

.knight-stack-jump-container .knight-stack-jump-title,
.knight-stack-jump-gameplay .knight-stack-jump-title,
.knight-stack-jump-prallax .knight-stack-jump-title,
.knight-stack-jump-characters-prallax .knight-stack-jump-title {
    margin-top: 100px;
    margin-bottom: 50px;
    font-family: ProximaNova;
    font-size: 36px;
    font-weight: 700;
    color: #fefeff;
    letter-spacing: 2px;
    text-align: center;
    text-transform: uppercase;
}

.knight-stack-jump-container img.gp-image {
    width: 20%;
    top: 0;
}

.knight-stack-jump-container img.gp-image:not(:last-child) {
    margin-right: 70px !important;
}

.knight-stack-jump-prallax {
    height: 800px;
}

.knight-stack-jump-prallax .g-prallax-inner,
.knight-stack-jump-characters-prallax .g-prallax-inner {
    position: relative;
}

.knight-stack-jump-characters-prallax .gp-1-1 {
    left: 20%;
    top: 300px;
    transform: translate(-15%, 0);
}

.knight-stack-jump-characters-prallax .gp-1-2 {
    left: 50%;
    top: 900px;
    transform: translate(-12%, 0);
}

.knight-stack-jump-characters-prallax .gp-1-3 {
    left: 80%;
    top: 600px;
    transform: translate(-4%, 0);
}

.knight-stack-jump-characters-prallax .gp-1-4 {
    left: 20%;
    top: 500px;
    transform: translate(-15%, 0);
}

.knight-stack-jump-characters-prallax .gp-1-5 {
    left: 80%;
    top: 800px;
    transform: translate(-22%, 0);
}

.knight-stack-jump-prallax .g-prallax-inner img,
.knight-stack-jump-characters-prallax .g-prallax-inner img {
    position: absolute;
    width: 23%;
}

.knight-stack-jump-characters-prallax .gp-1-4 img,
.knight-stack-jump-characters-prallax .gp-1-5 img {
    width: 50%;
}

.knight-stack-jump-characters-prallax {
    height: 550px;
}

.knight-stack-jump-inside .spl-r-text,
.knight-stack-jump-inside .spl-r-text p{
    margin-top: 20px;
}

.knight-stack-jump-inside ol {
    margin-top: 20px;
    font-family: ProximaNova;
    font-size: 14px;
    line-height: 1.5em;
    color: #fff;
}

.knight-stack-jump-inside .gpc-knight-1 {
    background-image: url(../png/float-illustrator.png);
}

.knight-stack-jump-inside .gpc-knight-2 {
    left: 100px;
    top: 75px;
    background-image: url(../png/ae.png);
}

.knight-stack-jump-inside .gpc-knight-3 {
    left: 270px;
    top: 250px;
    background-image: url(../png/float-photoshop.png);
}

.knight-stack-jump-inside .gpc-knight-4 {
    left: 130px;
    top: 380px;
    background-image: url(../png/float-unity.png);
}

.knight-stack-jump-inside .gpc-knight-5 {
    left: 440px;
    top: 415px;
    background-image: url(../png/float-spine.png);
}

.body-class-postid-1059 {
    background-image: url(../jpg/jump_header.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}

.body-class-postid-1059 .section-porftolio-head {
    background-image: none;
}

.body-class-postid-1059 .game-cricket-container > div:nth-child(2) > img:nth-child(3),
.body-class-postid-1059 .game-cricket-container > div:nth-child(2) > img:nth-child(4) {
    top: 0;
}

.knight-stack-jump-gameplay img,
.knight-stack-jump-monetization img {
    display: block;
    width: 70%;
    margin: 0 auto;
    object-fit: contain;
    object-position: top;
    height: auto;
}

.knight-stack-jump-results img {
    margin-top: 50px;
}

@media all and (max-width: 1060px) {
    .game-knight-stack,
    .game-knight-stack img {
        height: auto;
    }

    .game-knight-stack {
        height: 330px;
    }

    .knight-stack-jump-wrapper {
        position: relative;
        height: 30vh;
    }

    .knight-stack-jump-container img.gp-image,
    .knight-stack-jump-container img.gp-image:not(:last-child) {
        position: absolute !important;
        margin: 0 !important;
        width: 30%;
    }

    .knight-stack-jump-container img.gp-image.gp-a-1 {
        top: 20%;
        left: 30%;
        transform: translate(-50%, 0);
    }

    .knight-stack-jump-container img.gp-image.gp-a-2 {
        width: 23%;
        top: 0;
        left: 50%;
        transform: translate(-50%, 0);
    }

    .knight-stack-jump-container img.gp-image.gp-a-3,
    .body-class-postid-1059 .game-cricket-container > div:nth-child(2) > img:nth-child(3) {
        width: 27%;
        top: 13%;
        left: 66%;
        transform: translate(-50%, 0);
    }

    .knight-stack-jump-container img.gp-image.gp-a-4,
    .body-class-postid-1059 .game-cricket-container > div:nth-child(2) > img:nth-child(4) {
        width: 40%;
        top: 40%;
        left: 45%;
        transform: translate(-50%, 0);
    }

    .knight-stack-jump-prallax {
        text-align: center;
        height: auto;
    }

    .knight-stack-jump-prallax .g-prallax-inner {
        display: inline-block;
        width: 32%;
    }

    .knight-stack-jump-prallax .g-prallax-inner img {
        position: static;
        margin-bottom: 12px;
        width: 100%;
    }

    .knight-stack-jump-characters-prallax {
        height: auto;
        text-align: center;
    }

    .knight-stack-jump-characters-prallax .g-prallax-inner img {
        position: static;
        width: 100%;
    }

    body.body-class-postid-1059 .knight-stack-jump-characters-prallax.g-pral-mob .g-prallax-inner {
        position: static;
        display: inline-block;
        width: 30%;
    }

    .knight-stack-jump-container .knight-stack-jump-title,
    .knight-stack-jump-gameplay .knight-stack-jump-title,
    .knight-stack-jump-prallax .knight-stack-jump-title,
    .knight-stack-jump-characters-prallax .knight-stack-jump-title {
        text-align: left;
    }

    .knight-stack-jump-results img {
        margin-top: 0;
    }

    .knight-stack-jump-results .g-b-c-p-left img {
        width: 100% !important;
    }

    .knight-stack-jump-gameplay .g-b-c-p-left img {
        width: 30% !important;
    }

    .knight-stack-jump-gameplay img,
    .knight-stack-jump-monetization img {
        width: 30%;
    }

    body.body-class-postid-1059 .knight-stack-jump-characters-prallax.g-pral-mob .g-prallax-inner.gp-1-4,
    body.body-class-postid-1059 .knight-stack-jump-characters-prallax.g-pral-mob .g-prallax-inner.gp-1-5 {
        width: 45%;
        transform: translate(0%, 0);
    }
}

@media all and (max-width: 768px) {
    .game-knight-stack,
    .game-knight-stack img {
        height: auto;
    }

    .knight-stack-jump-wrapper {
        position: relative;
        height: 20vh;
    }

    .knight-stack-jump-container,
    .knight-stack-jump-prallax,
    .knight-stack-jump-characters-prallax {
        padding: 30px 20px;
    }

    .knight-stack-jump-container .knight-stack-jump-title,
    .knight-stack-jump-gameplay .knight-stack-jump-title,
    .knight-stack-jump-prallax .knight-stack-jump-title,
    .knight-stack-jump-characters-prallax .knight-stack-jump-title {
        font-size: 20px;
    }

    table.ttblog {
        font-size: 16px;
    }

    table.ttblog tbody td {
        padding: 5px 10px !important;
    }
}

@media all and (max-width: 576px) {
    .knight-stack-jump-wrapper {
        position: relative;
        height: 10vh;
    }

    table.ttblog {
        font-size: 14px;
    }

    table.ttblog tbody td {
        padding: 5px !important;
    }
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@media all and (max-width: 1060px) {
    body .wwd-c-bg2-inner-image {
        display: none
    }

    body .wwd-2-c-col-right, body .wwd-c-bg2-right {
        width: 100%;
        float: none
    }

    .body-class-page-id-32 .portf-game-id-306 .portf-g-game-title {
        text-shadow: 0 0 5px #000
    }

    .body-class-page-id-32 .portf-game-id-306 .portf-g-orange-cover-game-title {
        font-size: 28px
    }

    .portf-g-game.portf-game-id-289 .portf-g-orange-cover-game-title, .portf-g-game.portf-game-id-52 .portf-g-orange-cover-game-title {
        font-size: 1.6em
    }

    .body-class-page-id-32 .portf-g-game {
        height: auto
    }

    body .portf-g-game-title {
        top: auto;
        bottom: 30px
    }

    .portf-g-orange-cover-game-title {
        top: 10%
    }

    .portf-orange-devices {
        top: 32%
    }

    .portf-orange-game-text {
        top: 54%
    }

    .portf-g-orange-cover .portf-orange-game-button {
        top: auto;
        bottom: 10px
    }

    .portf-g-orange-cover {
        overflow: hidden
    }

    .portfolio-g-c .flipper {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0
    }

    .page-customers .portf-g-game {
        height: 0;
        padding-bottom: 94.2%
    }

    .portf-g-image {
        width: 100%;
        height: auto
    }

    .back, .front {
        height: 100%
    }

    .portf-g-orange-cover-game-logo-i {
        background-position: 50% 30%
    }

    .customers-p-item-description {
        top: 70%
    }

    .customers-cover-text {
        padding-left: 5%;
        padding-right: 5%
    }

    body .t-wwd-new-title {
        margin-bottom: 50px
    }

    body .wwd-2-collumns {
        padding-left: 0
    }

    body .wwd-2-c-col-left {
        position: static;
        width: 100%;
        text-align: center;
        padding-right: 0;
        border-right: none;
        margin-bottom: 35px
    }

    body .wwd-2-c-col-left-inner {
        position: static
    }

    body .wwd-c-bg2-inner {
        width: 100%
    }

    body .wwd-c-bg2-right {
        text-align: center;
        padding-left: 10px;
        padding-right: 10px
    }

    body .wwd-c-bg2-right-title {
        text-align: center
    }

    body .wwd-tech {
        height: auto
    }
}

@media all and (min-width: 768px) and (max-width: 1060px) {
    .body-class-postid-52 .gp2-s .gp-title, .body-class-single-games .game-bot-buttons .gbb-3 span, .body-class-single-games .game-bot-buttons a:after, .body-class-single-games .game-bot-buttons a:before, .body-class-single-games .game-spl, .cricket-gradient, body .game-prallax .game-prallax-title {
        display: none
    }

    .body-class-postid-195 .game-prallax {
        margin-top: -150px
    }

    .body-class-postid-735 .game-prallax {
        margin-top: -150px
    }

    body.body-class-postid-53 .game-prallax-3 {
        position: relative;
        height: auto
    }

    body.body-class-postid-52 .game-prallax .g-prallax-inner.gp-1 {
        top: 0
    }

    body.body-class-postid-53 .game-prallax-3 .gp3-1, body.body-class-postid-53 .game-prallax-3 .gp3-2 {
        position: static
    }

    .body-class-postid-306 .g-pral-mob .g-prallax-inner,
    .body-class-postid-306 .g-pral-mob .g-prallax-inner img,
    .body-class-postid-6663 .g-pral-mob .g-prallax-inner img {
        max-width: 100%
    }

    body.body-class-postid-306 .game-gray {
        padding-right: 285px
    }

    body.body-class-postid-306 .game-gray .gg-page-game-sq-image {
        top: 35px;
        right: 20px
    }

    body.body-class-postid-306 .game-prallax {
        margin-top: -200px
    }

    body.body-class-postid-306 .arch-3r {
        margin-top: 150px
    }

    body.body-class-postid-306 .game-prallax-2 {
        height: auto;
        text-align: center
    }

    body.body-class-postid-306 .game-prallax-2 .g-prallax-inner {
        position: static;
        margin-bottom: 15px
    }

    body.body-class-postid-289 .g-pral-mob .g-prallax-inner {
        max-width: 90%
    }

    body.body-class-postid-289 .g-pral-mob .g-prallax-inner img {
        max-width: 100%
    }

    body.body-class-postid-289 .game-prallax .gp-3 {
        left: 0
    }

    body.body-class-postid-289 .game-prallax .gp-1 {
        top: 0
    }

    body.body-class-postid-289 .game-gray .gg-page-game-sq-image {
        top: 30px
    }

    body.body-class-postid-289 .game-gray {
        padding-top: 30px
    }

    body.body-class-postid-173 .gp-1 {
        top: 0
    }

    body.body-class-postid-173 .gp-2 {
        top: 280px
    }

    body.body-class-postid-173 .gp-2 .gp-title {
        text-align: right
    }

    body.body-class-postid-173 .gp-3 {
        top: 540px
    }

    body.body-class-postid-195 .game-prallax {
        height: 0;
        padding-bottom: 1060px
    }

    body.body-class-postid-195 .game-video-bg {
        margin-top: 50px
    }

    body.body-class-postid-195 .game-prallax .gp-2 {
        top: 460px
    }

    body.body-class-postid-195 .game-prallax .gp-3 {
        top: 760px;
        right: auto;
        left: 0
    }

    body.body-class-postid-195 .game-prallax-title {
        position: static;
        text-align: center
    }

    body.body-class-postid-195 .gg-page-game-sq-image {
        top: 50px
    }

    body.body-class-postid-195 .game-video {
        margin-top: 30px
    }

    body.body-class-postid-735 .game-prallax {
        height: 0;
        padding-bottom: 1060px
    }

    body.body-class-postid-735 .game-video-bg {
        margin-top: 50px
    }

    body.body-class-postid-735 .game-prallax .gp-2 {
        top: 460px
    }

    body.body-class-postid-735 .game-prallax .gp-3 {
        top: 760px;
        right: auto;
        left: 0
    }

    body.body-class-postid-735 .game-prallax-title {
        position: static;
        text-align: center
    }

    body.body-class-postid-735 .gg-page-game-sq-image {
        top: 50px
    }

    body.body-class-postid-735 .game-video {
        margin-top: 30px
    }

    .blsi-right {
        padding: 40px 70px 20px 30px
    }

    .but-ga-animated0game-blog-item {
        left: 30px
    }

    .page-customers .portf-g-game {
        padding-bottom: 46.2%
    }

    body .main-game-container, body .section-portfolio-games {
        width: 80%;
        padding-left: 10px;
        padding-right: 10px
    }

    .body-class-page-template-service-original .main-game-container .main-game-right {
        width: 50%;
        margin-left: -2px;
        height: 42.7vw
    }

    .body-class-page-template-service-original .main-game-container .main-game-right {
        padding-right: 20px;
    }

    .body-class-page-template-service-original .main-game-container .main-game-left {
        width: 48.7%
    }

    .main-game-left .main-game-l1 {
        width: 50%;
        left: 0;
        top: 0
    }

    .main-game-left .main-game-l2 {
        width: 50%;
        right: 2px;
        top: 0
    }

    .section-footer {
        width: 100%;
        max-width: 100%
    }

    .main-game-container-game-title {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .section-blog-list .blsi-left, .section-blog-list .blsi-right {
        width: 50%
    }

    .secton-image-header-title {
        width: auto;
        left: 60px;
        margin-left: 0
    }

    .body-class-page-id-14 .flip-container, .portf-g-game {
        width: 49%;
        margin-right: 2%
    }

    .body-class-page-id-14 .back, .body-class-page-id-14 .front {
        width: 100%
    }

    .portf-g-game:nth-child(2n) {
        margin-right: 0
    }

    .what-we-do-section > div {
        width: 49%
    }

    .what-we-do-3, .what-we-do-4 {
        left: 51%
    }

    .what-we-do-1, .what-we-do-4 {
        height: 310px
    }

    .what-we-do-2 {
        height: 600px
    }

    .what-we-do-3 {
        height: 350px !important;
    }

    .what-we-do-2 {
        height: 640px !important;
    }

    .what-we-do-2 .wwd-bg, .what-we-do-3 .wwd-bg {
        height: 650px
    }

    .body-class-page-id-10 .contact-fonm-container {
        width: 100%
    }

    .body-class-page-id-10 {
        padding-top: 100px
    }

    .body-class-single .blog-left, .body-class-single .blog-right {
        width: 100%;
        float: none
    }

    .body-class-single .blog-right .blog-related-item {
        width: 20%
    }

    .body-class-page-id-32 .portf-g-game {
        width: 49%;
        padding-bottom: 40%;
        margin-right: 2%
    }

    .body-class-page-id-32 .portf-g-game:nth-child(2n) {
        margin-right: 0
    }

    .body-class-single-games .game-gray {
        width: 100%;
        padding: 50px 300px 50px 30px
    }

    .body-class-single-games .gg-page-game-sq-image {
        right: 30px;
        top: 50px;
        width: 250px
    }

    .body-class-postid-52 .gp-1, .body-class-postid-52 .gp-3 {
        width: 60%
    }

    .body-class-postid-52 .gp-3 {
        top: 40%;
        left: 15%
    }

    .body-class-postid-52 .gp-image {
        width: 100%
    }

    .body-class-postid-52 .game-prallax {
        height: 0;
        padding-bottom: 80%
    }

    body.body-class-postid-52 .game-prallax .gp-2 .gp-title {
        top: -30px
    }

    .body-class-postid-52 .gp-2 {
        top: 15%;
        width: 30%
    }

    body.body-class-postid-52 .game-prallax-2 {
        margin-top: 0;
        height: auto
    }

    .body-class-postid-52 .gp-stadium-bt {
        position: static;
        text-align: left
    }

    body.body-class-postid-52 .game-prallax-3 {
        height: 0;
        padding-bottom: 80%;
        margin-top: 100px
    }

    .body-class-postid-52 .game-cricket-container, .body-class-single-games .game-b-c {
        margin-top: 50px
    }

    body.body-class-postid-52 .game-prallax-3 .gp3-3 {
        width: 60%;
        left: 0;
        top: 0
    }

    body.body-class-postid-52 .game-prallax-3 .gp3-1 {
        width: 60%;
        left: auto;
        right: 0;
        top: 280px
    }

    body.body-class-postid-52 .game-prallax-3 .gp3-1 .gp-title {
        left: auto;
        right: 0
    }

    .body-class-postid-52 .game-cricket-container div .gp-image {
        width: 19%;
        margin-right: 1%
    }

    .body-class-postid-52 .game-cricket-container div {
        text-align: center
    }

    .body-class-postid-52 .game-prallax-5 {
        margin-top: 50px;
        padding-top: 150px;
        height: 0;
        padding-bottom: 170%
    }

    .body-class-postid-52 .game-prallax-5 .gp-stadium-bt {
        position: absolute;
        top: 0;
        left: 0
    }

    .body-class-postid-52 .game-prallax-5 .g-prallax-inner {
        width: 65%
    }

    body.body-class-postid-52 .gp5-1 {
        top: 15%
    }

    body.body-class-postid-52 .gp5-2 {
        left: auto;
        right: 0;
        top: 37%
    }

    body.body-class-postid-52 .gp5-2 .gp-title {
        text-align: right
    }

    body.body-class-postid-52 .gp5-3 {
        left: 5%;
        top: 56%
    }

    body.body-class-postid-52 .gp5-4 {
        left: 25%;
        top: 75%
    }

    .body-class-single-games .g-b-c-p-left {
        width: 100%;
        text-align: center;
        margin-bottom: 30px
    }

    .body-class-single-games .g-b-c-p-left img {
        width: auto
    }

    .body-class-single-games .g-b-c-p-right {
        width: 100%;
        padding: 0
    }

    .body-class-single-games .game-bot-buttons a {
        text-align: center
    }

    .body-class-single-games .g-g-page-devices {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .body-class-postid-53 .game-prallax .game-prallax-title {
        top: 0;
        left: 0;
        color: #fff
    }

    .body-class-postid-53 .game-prallax {
        margin-top: -100px
    }

    .body-class-postid-53 .gp-1 {
        top: 10%
    }

    .body-class-postid-53 .gp-2 {
        top: 35%
    }

    .body-class-postid-53 .gp-3 {
        left: 6%;
        top: 64%
    }

    .body-class-postid-53 .game-prallax-2 {
        margin-top: 30px;
        margin-bottom: 100px
    }

    .body-class-postid-53 .game-video, .wwd-animated.wwd-small .wwd-first-image {
        margin-top: 50px
    }

    .body-class-postid-53 .game-prallax-2 .game-prallax-title {
        position: static;
        color: #fff
    }

    .body-class-postid-53 .gp-image {
        width: 100%;
        height: auto
    }

    .body-class-postid-53 .gp2-1 {
        top: 12%;
        width: 65%
    }

    .body-class-postid-53 .gp2-2 {
        width: 68%;
        top: 42%
    }

    .body-class-postid-53 .gp2-3 {
        top: 68%;
        left: 5%;
        width: 65%
    }

    .body-class-page-id-61 .what-we-do-10.wwd-animated.wwd-bid {
        height: 535px
    }

    .body-class-page-id-61 .what-we-do-12.wwd-animated.wwd-bid {
        height: 530px
    }

    .body-class-page-id-61 .what-we-do-section {
        height: 3630px
    }

    body .wwd-animated.wwd-small.what-we-do-5 .wwd-link-more {
        margin-top: 10px
    }

    .wwd-banner .wwd-banner-text {
        width: 100%
    }

    .wwd-banner-text .wwd-b-t-1 {
        margin-top: 0
    }

    .wwd-banner-text .wwd-b-t-2 {
        margin-top: 10px;
        margin-bottom: 15px
    }

    .body-class-page-template-service-original .main-game-left {
        height: 0;
        padding-bottom: 0
    }

    .body-class-page-template-service-original .main-game-left-game-title {
        top: 80%;
        font-size: 5vw
    }

    .head-smart-menu {
        display: none !important
    }

    .section-customers-center-text {
        font-size: 3vw;
        top: 52.7%
    }

    .section-customers-small-text {
        font-size: 2.2vw;
        top: 80%;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media all and (min-width: 768px) and (max-width: 860px) {
    .opt-t-file {
        width: 175px;
        font-size: 12px
    }

    .col-md-nopadding .contact-us-submit {
        right: auto;
        left: -13px
    }

    .wwd-banner .wwd-b-t-1 {
        font-size: 30px
    }

    .block-list-single-item {
        height: 400px
    }

    .block-list-single-item .blsi-right {
        padding: 15px 20px 15px 15px
    }

    .but-ga-animated-game-blog-item {
        bottom: 30px;
        left: 20px
    }

    .blsi-t-ttle {
        font-size: 22px
    }

    .blsi-right .block-author {
        margin-top: 15px;
        margin-bottom: 15px
    }

    .but-ga-animated0game-blog-item {
        bottom: 25px;
        left: 15px
    }

    .body-class-page-id-61 .wwd-animated.wwd-bid {
        height: 500px
    }

    .body-class-page-id-61 .wwd-animated.wwd-bid .wwd-bg {
        height: 550px
    }

    .what-we-do-2 {
        top: 515px
    }

    .what-we-do-5, .what-we-do-7 {
        top: 880px
    }

    .what-we-do-8 {
        top: 1395px
    }

    .what-we-do-6 {
        top: 1245px
    }

    .what-we-do-9 {
        top: 1760px
    }

    .what-we-do-10 {
        top: 1760px;
        left: 51%
    }

    .what-we-do-11 {
        top: 2490px;
        left: 0
    }

    .what-we-do-12 {
        top: 2310px;
        left: 51%
    }

    .what-we-do-13 {
        top: 2855px;
        left: 0
    }

    .what-we-do-14 {
        top: 2855px;
        left: 51%
    }

    .what-we-do-15 {
        top: 2125px;
        left: 0
    }

    .body-class-page-id-61 .what-we-do-10.wwd-animated.wwd-bid {
        height: 535px
    }

    .body-class-page-id-61 .what-we-do-12.wwd-animated.wwd-bid {
        height: 530px
    }

    .body-class-page-id-61 .what-we-do-10.wwd-animated.wwd-bid .wwd-bg {
        height: 585px
    }

    .body-class-page-id-61 .what-we-do-12.wwd-animated.wwd-bid .wwd-bg {
        height: 580px
    }

    .body-class-page-id-61 .what-we-do-section {
        height: 3345px
    }

    .body-class-page-id-61 .wwd-link-more a {
        padding-left: 15px
    }

    .what-we-do-2 .wwd-text-btext {
        font-size: 12px
    }

    .what-we-do-12 .wwd-text-btext, .what-we-do-14 .wwd-text-btext {
        font-size: 13px
    }
}

@media all and (min-width: 1061px) {
    .body-class-page-id-10, .page-contact-us {
        text-align: center;
        padding-top: 150px;
    }

    .body-class-page-id-10 .section-portfolio-games, .page-contact-us .section-portfolio-games {
        width: 700px;
        display: inline-block;
        text-align: left
    }

    .body-class-page-id-10 .section-footer, .page-contact-us .section-footer {
        width: 200px;
        display: inline-block;
        text-align: left;
        margin-top: 0;
        overflow: hidden;
        height: 796px
    }

    .secton-contact-us-title {
        font-weight: 900;
        font-size: 3.5vw;
        font-family: ProximaNova;
        color: #fefefe;
        text-transform: uppercase;
        text-align: left;
        margin-bottom: 80px
    }

    .body-class-page-id-10 .fc1, .body-class-page-id-10 .footer-copyright, .page-contact-us .fc1, .page-contact-us .footer-copyright {
        display: none
    }

    .body-class-page-id-10 .menu-right table {
        width: auto
    }

    .body-class-page-id-10 .menu-right table td {
        padding-top: 4px
    }

    .body-class-page-id-32 .portf-g-game {
        width: 500px
    }
}

.f-games-inndex-mob {
    margin-bottom: 40px;
    font-size: 15px;
    letter-spacing: 3px;
    font-family: ProximaNova;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    display: none
}

.wwd-b-t-1, .wwd-b-t-2, .wwd-c-title-2 {
    letter-spacing: 2px
}

.section-porftolio-head .prallax-bot-gradient {
    display: none
}

.body-class-postid-53 .game-prallax.g-pral-mob {
    height: 1150px;
}

@media all and (max-width: 767px) {
    .wwd-c-bg2 .wwd-c-bg2-right p {
        margin-bottom: 15px;
        font-size: 13px;
    }

    .blog-white iframe {
        width: 100% !important;
    }

    .game-video, body.body-class-postid-52 .game-prallax-2 {
        margin-top: 0
    }

    body.body-class-postid-52 .game-prallax-3 .g-prallax-inner .gp-title {
        position: static;
        text-align: center;
        margin-top: 0;
        margin-bottom: 55px
    }

    body .about-logos-mobile {
        display: block
    }

    .about-logos {
        display: none
    }

    body.body-class-single-blog .section-porftolio-head {
        background-size: 170% auto
    }

    .blog-right {
        text-align: center;
        float: none;
        width: 100%;
        margin-top: 25px
    }

    html body.body-class-single-blog .blog-left {
        float: none
    }

    .game-prallax-title {
        font-size: 50px;
        text-align: center
    }

    .cu-boy-mobile {
        display: block !important
    }

    body .bot-form {
        background: 0 0
    }

    body .bot-form .contact-fonm-container {
        float: none;
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
        margin-top: 30px
    }

    body .bot-form .input-field.col.s4 {
        margin-top: 1.5rem
    }

    .allow-valide, body .bot-form .allow-invalid {
        right: -25px
    }

    .bot-form .bf-text-t {
        display: none
    }

    .blog-breadcrumb, .blog-tags a {
        font-size: 11px
    }

    .wwd-relinks-link {
        width: 50% !important
    }

    body .ty-text {
        background-color: #1a1a1a;
        font-family: ProximaNova;
        font-weight: 700;
        letter-spacing: 2px;
        font-size: 14px;
        color: #b8b8b8;
        padding: 150px 30px 30px;
        background-image: url(../png/thank-you.png);
        background-repeat: no-repeat;
        background-position: 50% 30px;
        text-align: center
    }

    .blog-breadcrumb {
        text-align: center;
        margin-bottom: 5px
    }

    body.body-class-postid-361 .section-portfolio-games.section-blog {
        margin-top: -150px
    }

    .body-class-single-blog .section-portfolio-games.section-blog {
        margin-top: -68px
    }

    .body-class-postid-306 .arch-3r, body.body-class-postid-289 .game-spl {
        margin-top: 30px
    }

    .body-class-single-blog .blog-white {
        padding: 65px 25px
    }

    html body .prallax-bot-gradient {
        display: none !important
    }

    .body-class-postid-53 {
        background-size: 100% auto !important
    }

    .body-class-postid-53 .section-porftolio-head {
        height: 0;
        padding-bottom: 48%
    }

    body.body-class-postid-53 .game-gray {
        height: auto
    }

    .body-class-page-id-186 .wwd-prallax .wwd-prallax-text {
        font-size: 28px
    }

    body.body-class-single-blog .blog-left {
        width: 100% !important;
        float: left
    }

    body.body-class-single-blog .blog-tags {
        position: static;
        text-align: center
    }

    body.body-class-single-blog .blog-left-topper {
        margin-bottom: 55px
    }

    body.body-class-postid-306 .game-gray {
        height: auto;
        padding-right: 20px
    }

    body.body-class-postid-306 .g-pral-mob .g-prallax-inner {
        margin-bottom: 5px
    }

    .body-class-postid-306 .game-prallax-title {
        text-align: center
    }

    body.body-class-postid-289 .game-gray {
        height: auto;
        margin-bottom: 0
    }

    body.body-class-postid-289 .game-prallax .g-prallax-inner, body.body-class-postid-289 .game-prallax-2 .g-prallax-inner {
        margin-bottom: 10px
    }

    .arch-3r .game-prallax-title {
        font-size: 42px
    }

    body.body-class-postid-289 .arch-3r {
        margin-top: 50px
    }

    .arch-min-container .ar-image {
        margin-bottom: 10px !important
    }

    body .game-page-app-links a {
        display: inline-block;
        margin-bottom: 15px
    }

    body.body-class-postid-173 .game-prallax {
        margin-top: 30px !important;
        text-align: center
    }

    .koj-fruits img.fr-image {
        float: none;
        margin-bottom: 30px
    }

    body .game-gray .g-g-page-devices {
        margin-bottom: 30px
    }

    body.body-class-postid-195 .game-gray {
        height: auto;
        margin-bottom: 30px
    }

    body.body-class-postid-195 .game-video-bg {
        margin: 30px 0 0
    }

    body.body-class-postid-195 .game-spl, body.body-class-postid-195 .game-video {
        margin-top: 30px
    }

    body.body-class-postid-195 .g-b-c-p-right {
        margin-top: 0;
        padding: 0
    }

    body.body-class-postid-735 .game-gray {
        height: auto;
        margin-bottom: 30px
    }

    body.body-class-postid-735 .game-video-bg {
        margin: 30px 0 0
    }

    body.body-class-postid-735 .game-spl, body.body-class-postid-735 .game-video {
        margin-top: 30px
    }

    body.body-class-postid-735 .g-b-c-p-right {
        margin-top: 0;
        padding: 0
    }

    html body.body-class-postid-735 .g-b-c-p-right-text {
        padding-left: 10px;
        padding-right: 10px
    }

    body.body-class-page-id-32 .section-porftolio-head {
        height: 265px
    }

    body.body-class-page-id-192 .wwd-tech {
        height: auto
    }

    body.body-class-page-id-192 .wwd-c-images-item {
        width: 80%
    }

    body .wwd-4-times.wwd-c-images.wwd-c-img-2 .wwd-c-images-item .wwd-c-images-item-text {
        width: 100%;
        height: auto
    }

    .body-class-postid-173 .game-b-c .g-b-c-p-left img, .body-class-postid-52 .game-b-c .g-b-c-p-left img, .body-class-postid-53 .game-b-c .g-b-c-p-left img {
        width: 55%
    }

    .wwd-4-times.wwd-c-tre.wwd-c-images:after, .wwd-4-times.wwd-c-tre.wwd-c-images:before {
        display: none
    }

    body .wwd-prallax-text {
        padding-top: 30px
    }

    body .wwd-c-bg2 {
        height: auto !important;
        padding-bottom: 25px;
        background-size: auto 100% !important
    }

    body .wwd-c-bg2-right-title {
        padding-right: 0;
        margin-top: 15px;
        margin-bottom: 15px;
        font-size: 26px
    }

    .body-class-postid-52 .game-cricket-container div, .gp-stadium-bt, body .wwd-2-c-col-right {
        padding-left: 10px;
        padding-right: 10px
    }

    .wwd-c-title-2 {
        margin-top: 35px
    }

    body .wwd-prallax-image {
        top: 0 !important;
        height: 100%;
        object-fit: cover;
    }

    body .wwd-c-bg2-right ul {
        font-size: 13px
    }

    body .t-wwd-new-title {
        text-align: center;
        font-size: 30px
    }

    .body-class-page-id-10 .section-portfolio-games {
        margin-top: 100px
    }

    body {
        background-size: auto 250px !important
    }

    body.body-class-postid-1059 {
        background-size: contain !important;
    }

    .cct-name {
        font-size: 14px
    }

    .cct-bot, .cct-text {
        font-size: 13px
    }

    .cct-text {
        margin-top: 20px
    }

    .customers-cover-text {
        bottom: 3%
    }

    .body-class-page-id-14 .prallax-bot-gradient {
        display: block !important
    }

    .prallax-scroll {
        display: none
    }

    .section-portfolio-games {
        margin-top: 0
    }

    .body-class-page-id-217 .section-portfolio-games {
        margin-top: 100px
    }

    body .section-porftolio-head {
        height: 230px
    }

    .body-class-page-id-61 .section-porftolio-head {
        height: 400px
    }

    body .secton-image-header-title {
        top: auto !important;
        bottom: 5px
    }

    .body-class-postid-52 .game-video-bg video {
        height: 250px
    }

    .body-class-postid-52 .game-cricket-container {
        margin-top: 30px
    }

    .body-class-postid-52 .game-prallax-5 {
        margin-top: 30px !important
    }

    .body-class-postid-52 .section-portfolio-games > .game-spl {
        margin-top: 35px
    }

    .body-class-postid-173 .game-b-c .g-b-c-p-right, .body-class-postid-52 .game-b-c .g-b-c-p-right, .body-class-postid-53 .game-b-c .g-b-c-p-right {
        margin-top: 25px
    }

    .body-class-postid-52 .game-b-c .g-b-c-p-left {
        text-align: center
    }

    .body-class-postid-52 .game-b-c .g-b-c-p-right .g-b-c-p-right-title {
        margin-bottom: 20px
    }

    .section-footer {
        padding-right: 30px
    }

    .body-class-postid-53 .game-b-c .g-b-c-p-left {
        text-align: center
    }

    .body-class-postid-173 .game-b-c .g-b-c-p-left {
        text-align: center
    }

    body.body-class-postid-289 #wwd-head {
        margin-left: -11%
    }

    body.body-class-postid-289 .game-prallax.g-pral-mob {
        padding-top: 120px
    }

    body.body-class-postid-289 .game-prallax .game-prallax-title {
        top: 35px;
        position: absolute;
        width: 100%;
        text-align: center
    }

    .body-class-postid-289 .game-b-c .g-b-c-p-left img, .body-class-postid-306 .game-b-c .g-b-c-p-left img {
        width: 55%
    }

    body.body-class-postid-289 .arch-3r .game-prallax-title {
        margin-bottom: -55px
    }

    body.body-class-postid-289 .arch-3r {
        margin-bottom: 40px
    }

    body.body-class-postid-289 .arch-min-container > div {
        margin-top: 40px
    }

    body.body-class-postid-289 .game-prallax-2 {
        margin-top: 50px
    }

    .body-class-postid-289 .game-b-c .g-b-c-p-right, .body-class-postid-306 .game-b-c .g-b-c-p-right {
        margin-top: 25px
    }

    .body-class-postid-289 .game-b-c .g-b-c-p-left {
        text-align: center
    }

    .body-class-postid-306 .game-b-c .g-b-c-p-left {
        text-align: center
    }

    body.body-class-single-games .game-bot-buttons a {
        padding: 20px;
        line-height: 15px
    }

    .section-portfolio-games .wwd-relinks {
        margin-bottom: 30px
    }

    body.body-class-postid-195 .game-video-bg video {
        width: 100%
    }

    body.body-class-postid-735 .game-video-bg video {
        width: 100%
    }

    body.body-class-postid-53 .game-prallax-3 {
        margin-top: 30px;
        margin-bottom: 30px
    }

    body.body-class-postid-53 .game-video {
        margin-top: 30px
    }

    .body-class-postid-52 .game-cricket-container > div:nth-child(2) {
        position: relative;
        margin-top: 0;
        display: none
    }

    .body-class-postid-52 .game-cricket-container > div:nth-child(1) img {
        margin-bottom: 15px
    }

    .prallax-bot-gradient {
        display: none !important
    }

    .portf-g-game .portf-g-image {
        position: static
    }

    .portf-g-game .portf-g-orange-cover-game-title {
        font-size: 9vw
    }

    #header-menu .b-menu-header {
        right: 15px;
        top: 15px
    }

    #header-menu .head-logo {
        left: 15px;
        top: 15px
    }

    #c1 {
        padding-top: 0;
        height: 420px
    }

    .section-customers-head, .section-porftolio-head {
        padding-top: 0;
        height: 420px;
        background-position: 50% 0;
        background-size: auto 100%
    }

    .prallax-text {
        font-size: 1em;
        top: 40%
    }

    .section-footer {
        width: 100%;
        padding-left: 30px
    }

    .section-footer .head-menu-red-ttle {
        font-size: 3vw
    }

    .main-game-container {
        width: 90%;
        text-align: justify;
        padding: 0 0 70px
    }

    .section-games {
        margin-top: 40px
    }

    .main-game-left {
        width: 100%;
        padding-bottom: 88.77%;
        float: none
    }

    .main-game-l1, .main-game-l2 {
        top: 0;
        width: 50%
    }

    .main-game-l1 {
        left: 1px
    }

    .main-game-l2 {
        right: 1px
    }

    .main-game-left-game-title {
        top: auto;
        bottom: 10px;
        font-size: 10vw;
        text-align: left;
        padding-left: 20px
    }

    .main-game-right {
        float: none;
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        height: auto
    }

    .main-game-container-game-title {
        padding-top: 30px;
        margin-bottom: 15px;
        margin-top: 0
    }

    .main-game-container-game-text {
        margin-bottom: 30px
    }

    .main-game-links {
        background: #101010;
        left: 10px;
        bottom: 0;
        text-align: center;
        position: static;
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 30px
    }

    .main-game-links a {
        float: none;
        margin-bottom: 15px;
        display: inline-block;
        margin-right: 35px
    }

    .f-games-inndex-mob, .section-porftolio-head .prallax-bot-gradient {
        display: block
    }

    .main-game-links a:after {
        content: "\000A";
        white-space: pre
    }

    .main-game-right .button-ga-animated {
        margin-left: calc(50% - 89px)
    }

    .main-game-container-game-text {
        text-align: justify
    }

    .head-menu-red-ttle {
        font-size: 4vw
    }

    .section-portfolio-games {
        width: 100%
    }

    .block-list-single-item {
        height: auto;
        width: 100%
    }

    .blsi-left {
        width: 100%;
        float: none;
        padding-left: 0;
        padding-right: 0
    }

    .blsi-right {
        float: none;
        width: 100%;
        padding: 35px 20px;
        margin-bottom: 5px
    }

    .but-ga-animated0game-blog-item {
        position: relative;
        top: auto;
        left: auto;
        bottom: auto;
        right: auto;
        margin-top: 30px
    }

    body, html {
        overflow-x: hidden
    }

    #menu .menu-right, .body-class-postid-52 .game-prallax .gp-3, .body-class-postid-52 .game-prallax-2 .gp-stadium-bt, .body-class-single-games .game-bot-buttons .gbb-3 span, .body-class-single-games .game-bot-buttons a:after, .body-class-single-games .game-bot-buttons a:before, .body-class-single-games .game-spl-left, .cricket-gradient, .section-prallax .prallax-scroll {
        display: none
    }

    .secton-image-header-title {
        width: 100%;
        margin-left: 0;
        left: 0;
        text-align: center;
        font-size: 36px
    }

    .b-menu-header.menu-close.menu-close-style {
        right: 15px;
        top: 15px
    }

    #menu .menu-mainmenu-container > ul {
        text-align: center
    }

    .portf-orange-game-text {
        padding-left: 20px;
        padding-right: 20px
    }

    .portf-g-game {
        float: none;
        width: 100%;
        margin-left: 0
    }

    #menu .menu-left, #menu .menu-left ul {
        width: 100%
    }

    .section-customers-small-text {
        padding-left: 30px;
        padding-right: 30px;
        top: 70%
    }

    .section-customers-center-text {
        font-size: 22px;
        top: 37%;
        padding-left: 30px;
        padding-right: 30px;
        font-weight: 700;
        text-transform: none
    }

    .contact-us-submit, .link-upload-file-contacts, .what-we-do-section > div {
        position: relative;
        right: auto;
        top: auto
    }

    .back, .contact-fonm-container, .contact-fonm-container .optional-text, .flip-container, .front, .portfolio-g-c {
        width: 100%
    }

    .link-upload-file-contacts {
        margin-top: 20px;
        left: auto;
        bottom: auto
    }

    .what-we-do-section > div {
        left: auto;
        bottom: auto;
        width: 100%;
        margin-bottom: 25px
    }

    .wwd-circle, .wwd-unreal {
        margin-top: 0
    }

    .wwd-small {
        padding-top: 25px;
        height: 350px
    }

    .wwd-animated.wwd-small .wwd-bg {
        height: 400px
    }

    .wwd-animated.wwd-small .wwd-first-image {
        margin-top: 50px
    }

    .wwd-animated.wwd-small .wwd-animation-container-2 {
        padding-top: 15px
    }

    .wwd-animated.wwd-small .wwd-animation-container-2 .wwd-text1 {
        font-size: 7vw;
        padding-left: 10px;
        padding-right: 10px
    }

    .wwd-animated.wwd-small .wwd-animation-container-2 .wwd-text-btext {
        margin-top: 15px;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 4vw;
        line-height: 1.5
    }

    .wwd-animated.wwd-small .wwd-animation-container-2 .wwd-link-more {
        margin-top: 15px;
    }

    .wwd-animated.wwd-small .wwd-animation-container-2 .wwd-link-more a {
        padding: 0 10px;
        display: inline-block;
    }

    .wwd-animated.wwd-bid {
        height: 550px;
    }

    .wwd-animated.wwd-bid .wwd-bg {
        height: 100%
    }

    .body-class-page-id-61 .what-we-do-section, .body-class-single-games .game-spl, body.body-class-single-games .g-pral-mob {
        height: auto
    }

    .wwd-animated.wwd-bid .wwd-first-image {
        margin-top: 250px
    }

    .wwd-animated.wwd-bid .wwd-animation-container-2 {
        padding-top: 50px
    }

    .wwd-animated.wwd-bid .wwd-text-btext {
        margin-top: 40px;
        padding-left: 15px;
        padding-right: 15px
    }

    .wwd-animated.wwd-bid .wwd-link-more {
        margin-top: 30px
    }

    .wwd-animated.wwd-bid.what-we-do-2 .wwd-text-btext, .wwd-animated.wwd-bid.what-we-do-3 .wwd-text-btext {
        font-size: 13px
    }

    .wwd-animated.wwd-bid .wwd-link-more a {
        padding-left: 15px
    }

    .what-we-do-2.wwd-animated.wwd-small .wwd-animation-container-2 .wwd-text-btext {
        padding-left: 15px;
        padding-right: 15px;
        font-size: 14px;
        line-height: 1.85;
    }

    .what-we-do-2.wwd-animated.wwd-small .wwd-animation-container-2 .wwd-link-more {
        padding-left: 5px;
    }

    .portfolio-g-c {
        padding-left: 7px;
        padding-right: 7px;
        margin-top: 0
    }

    .body-class-page-id-14 .portfolio-g-c, .body-class-page-id-32 .portfolio-g-c {
        padding-left: 0;
        padding-right: 0
    }

    .body-class-single-games .game-gray {
        width: 100%;
        padding: 30px 20px
    }

    .body-class-single-games .gg-page-game-sq-image {
        position: static;
        width: 100%;
        margin-top: 20px
    }

    .body-class-single-games .g-g-page-devices {
        margin-top: 20px
    }

    body.body-class-single-games .g-pral-mob .g-prallax-inner {
        position: static;
        width: 100%
    }

    .body-class-single-games .g-pral-mob .g-prallax-inner img {
        width: 100%
    }

    body.body-class-single-games .g-pral-mob .g-prallax-inner .gp-title {
        position: static;
        text-align: center;
        margin-top: 0;
        margin-bottom: 45px
    }

    .footer-socials {
        margin-top: 10px;
        margin-bottom: 5px
    }

    body.body-class-postid-52 .game-prallax-2 {
        margin-top: 20px
    }

    .game-cricket-container .gp-image {
        width: 48%;
        margin-right: 4% !important
    }

    .game-cricket-container .gp-image:nth-child(2n) {
        margin-right: 0 !important
    }

    .game-prallax-5 .gp-stadium-bt {
        width: 100%;
        position: static;
        margin-bottom: 10px
    }

    .body-class-postid-53 .new-hex-block-8 .game-prallax-title-static, .body-class-postid-53 .portf-new-2-hex-3-tech {
        margin-bottom: 30px
    }

    .body-class-single-games .game-spl-right {
        width: 100%;
        padding: 30px 20px;
        height: auto
    }

    .body-class-single-games .game-b-c {
        margin-top: 70px
    }

    .body-class-single-games .g-b-c-p-left {
        width: 100%
    }

    .body-class-single-games .g-b-c-p-right {
        width: 100%;
        margin-top: 70px;
        padding: 30px 20px
    }

    .body-class-single-games .game-download-case {
        margin-top: 40px;
        padding-left: 20px;
        padding-right: 20px
    }

    .body-class-single-games .d-case-text {
        position: static
    }

    .body-class-single-games .game-bot-buttons a {
        text-align: center;
        padding: 0 20px;
        line-height: 35px;
        font-size: 10px
    }

    .body-class-single-games .game-prallax-title {
        position: static;
        color: #fff
    }

    body .wwd-banner {
        height: 260px;
        width: 100%;
        padding: 0;
        background: url(../jpg/banner-girl.jpg) 10% 0;
        background-size: auto 100%
    }

    body .wwd-banner-text {
        width: 100%
    }

    body .wwd-b-t-1 {
        font-size: 6vw
    }

    .head-smart-menu {
        display: none !important
    }

    .body-class-postid-53 .hn-bg-1, .body-class-postid-53 .hn-bg-2, .body-class-postid-53 .spg-with-bg-new-hex .col-md-6.pos-rel-1 img {
        display: none
    }

    body #wwd-head {
        width: auto;
        top: 0;
        left: 0;
        height: 100%;
        margin-left: -50%
    }

    body .game-page-app-links {
        text-align: center
    }

    body .game-page-app-links a {
        margin-right: 10px
    }

    body .game-page-app-links a:last-child {
        margin-right: 0
    }

    html body .game-b-c .g-b-c-p-right {
        padding-bottom: 0
    }

    body .section-portfolio-games .wwd-relinks {
        margin-top: 0
    }

    .head-logo {
        width: 165px;
        padding-bottom: 10%
    }

    body.body-class-postid-53 .section-porftolio-head {
        padding-top: 0;
        padding-bottom: 55%
    }

    body.body-class-postid-53 .section-portfolio-games {
        padding-left: 20px;
        padding-right: 20px
    }

    body.body-class-postid-53 .portf-or-n-hex-b-with-bg {
        padding: 0
    }

    .body-class-postid-53 .portf-new-2-hex {
        margin-top: 10px
    }

    .body-class-postid-53 .portf-new-2-hex-rigt {
        max-width: 100%;
        padding: 15px
    }

    .body-class-postid-53 .portf-new-2-hex-3 {
        margin-top: 30px
    }

    .body-class-postid-53 .new-hex-block-8 {
        margin-top: 50px
    }

    .body-class-postid-53 .new-hex-block-8 img {
        max-width: 100%
    }

    .body-class-postid-53 .new-hex-block-8 .m-80 {
        margin-bottom: 20px !important
    }

    .body-class-postid-53 .game-video-bg {
        margin-top: 30px !important
    }

    .body-class-postid-53 .game-client-tes, .body-class-postid-53 .new-hex-game-ui {
        margin-top: 30px
    }

    .body-class-postid-53 .new-hex-game-ui .game-prallax-text-static-redesign {
        padding-right: 0
    }

    .body-class-postid-53 .hex-ph-round {
        margin: 0 auto 30px;
        float: none;
        max-width: 200px;
        width: 200px
    }

    .body-class-postid-53 .hhr-tte {
        padding-left: 15px;
        padding-right: 15px;
        text-align: center
    }

    .body-class-postid-53 .game-client-name-text, .body-class-postid-53 .hhr-tte .col-sm-2 {
        text-align: center
    }

    .g-pral-mob.g-pral-mob-desk {
        display: none;
    }

    .g-pral-mob-gif {
        display: block;
    }

    .game-prallax {
        height: auto;
    }

    .body-class-postid-53 .game-prallax.g-pral-mob {
        height: auto !important;
    }
}

.gp-stadium-bt, .t-wwd-new-title {
    font-family: ProximaNova
}

.main-prallas-small-desc, .prallax-text > h1 {
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3)
}

.gp-stadium-bt, .wwd-2-c-col-left, .wwd-c-title-2 {
    text-transform: uppercase
}

.body-class-postid-52 .section-porftolio-head {
    background: 0 0 !important
}

.body-class-postid-52 {
    background-image: url(../jpg/cricket_header.jpg);
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #030001
}

.body-class-postid-52 .game-gray {
    background: rgba(121, 202, 176, .2)
}

.body-class-postid-52 .game-prallax .gp-2 .gp-title {
    position: absolute;
    right: 0;
    top: 80px
}

.gp2-s .gp-title {
    position: absolute;
    left: 155px;
    top: 70px
}

.body-class-postid-52 .game-prallax-2 {
    margin-top: 150px;
    height: 800px
}

.gp-stadium-bt {
    position: absolute;
    text-align: right;
    right: 0;
    top: 57px;
    font-size: 60px;
    font-weight: 900;
    color: #fff;
    line-height: 1
}

.gp2-s img {
    width: 100%
}

.cricket-gradient {
    width: 1000px;
    height: 1000px;
    position: absolute;
    top: 1170px;
    background: -moz-radial-gradient(center, ellipse cover, #4486b1 0, #000 70%);
    background: -webkit-radial-gradient(center, ellipse cover, #4486b1 0, #000 70%);
    background: radial-gradient(ellipse at center, #4486b1 0, #000 70%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#87e0fd', endColorstr='#05abe0', GradientType=1)
}

.body-class-postid-52 .game-prallax-3 {
    position: relative;
    height: 400px
}

.body-class-postid-52 .game-prallax-3 .gp3-3 {
    top: 100px
}

.body-class-postid-52 .game-prallax-3 .gp3-1 .gp-title {
    position: absolute;
    top: 0;
    left: 0
}

.body-class-postid-52 .game-prallax-3 .gp3-3 .gp-title {
    position: absolute;
    top: -20px;
    right: 0
}

.body-class-postid-52 .game-prallax-3 .g-prallax-inner {
    position: absolute
}

.game-cricket-container {
    margin-top: 100px
}

.game-cricket-container > div:nth-child(1) > img {
    margin-right: 95px
}

.game-cricket-container > div:nth-child(1) > img:last-child {
    margin-right: 0
}

.game-cricket-container > div:nth-child(2) {
    position: relative;
    margin-top: 50px
}

.game-cricket-container > div:nth-child(2) > img {
    margin-right: 82px;
    position: relative
}

.game-cricket-container > div:nth-child(2) > img:last-child {
    margin-right: 0
}

.game-cricket-container > div:nth-child(2) > img:nth-child(3) {
    top: 10px
}

.game-cricket-container > div:nth-child(2) > img:nth-child(4) {
    top: 22px
}

.game-cricket-container > div:nth-child(2) > img:nth-child(5) {
    top: 15px
}

.game-prallax-5 {
    position: relative;
    margin-top: 150px;
    height: 1200px
}

.game-prallax-5 .gp-stadium-bt {
    text-align: left;
    right: 140px
}

.game-prallax-5 .g-prallax-inner {
    display: inline-block;
    position: absolute
}

.body-class-postid-53 .secton-image-header-title {
    display: none
}

.body-class-postid-52 .gp5-1 {
    left: 0;
    top: 0;
    top: 200px
}

.body-class-postid-52 .gp5-2 {
    left: 485px;
    top: 230px;
    top: 430px
}

.body-class-postid-52 .gp5-3 {
    left: 110px;
    top: 465px;
    top: 665px
}

.body-class-postid-52 .gp5-4 {
    left: 325px;
    top: 760px;
    top: 960px
}

.body-class-postid-52 .section-portfolio-games {
    margin-top: 0
}

@media all and (min-width: 1060px) {
    .body-class-postid-306 .game-prallax-2 {
        margin-bottom: 150px
    }

    .body-class-postid-52 .gg-page-game-sq-image {
        top: 80px
    }

    .body-class-postid-195 .game-prallax {
        height: 665px
    }

    .body-class-postid-195 .game-video-bg {
        margin-top: 100px
    }

    .body-class-postid-735 .game-prallax {
        height: 665px
    }

    .body-class-postid-735 .game-video-bg {
        margin-top: 100px
    }

    #myModalSketch .modal-dialog {
        width: 900px;
        margin: 170px auto
    }

    #myModalSketch iframe {
        height: 600px
    }

    body.body-class-postid-53 .game-prallax-3 .gp3-1 {
        top: 200px
    }

    body.body-class-postid-53 .game-prallax-3 .gp3-2 {
        top: 500px
    }

    .body-class-postid-52 .game-prallax-3 .gp3-3 {
        left: auto;
        right: 0;
        top: 100px;
        top: 0;
        opacity: 0
    }

    .body-class-postid-52 .game-prallax {
        height: 700px
    }

    .body-class-postid-52 .game-prallax-3 .gp3-1 {
        opacity: 0;
        top: 100px;
        top: 0
    }

    .body-class-postid-52 .gp-2 {
        top: 200px;
        opacity: 0
    }

    .gp2-s {
        position: relative;
        opacity: 0
    }

    .game-cricket-container.container-gp-op img {
        opacity: 0
    }

    .body-class-postid-52 .game-prallax:after {
        content: '';
        width: 700px;
        height: 700px;
        position: absolute;
        top: -100px;
        right: -700px;
        background: -moz-radial-gradient(center, ellipse cover, #274c28 0, rgba(255, 255, 255, 0) 70%);
        background: -webkit-radial-gradient(center, ellipse cover, #274c28 0, rgba(255, 255, 255, 0) 70%);
        background: radial-gradient(ellipse at center, #274c28 0, rgba(255, 255, 255, 0) 70%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#274c28', endColorstr='#05abe0', GradientType=1)
    }

    .body-class-postid-52 .game-prallax-5:before {
        content: '';
        width: 900px;
        height: 900px;
        position: absolute;
        top: 320px;
        right: calc(50% - 450px);
        background: -moz-radial-gradient(center, ellipse cover, #305269 0, rgba(255, 255, 255, 0) 70%);
        background: -webkit-radial-gradient(center, ellipse cover, #305269 0, rgba(255, 255, 255, 0) 70%);
        background: radial-gradient(ellipse at center, #305269 0, rgba(255, 255, 255, 0) 70%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#305269', endColorstr='#05abe0', GradientType=1)
    }

    .gp-top-title .gp-title {
        position: absolute;
        top: -25px
    }

    .body-class-postid-173 .section-porftolio-head:after {
        content: '';
        position: absolute;
        left: 0;
        top: 900px;
        width: 650px;
        height: 1050px;
        background: url(../jpg/koj-left.jpg) no-repeat
    }

    .body-class-postid-173 .section-porftolio-head:before {
        content: '';
        position: absolute;
        right: 0;
        top: 900px;
        width: 712px;
        height: 1038px;
        background: url(../jpg/koj-right.jpg) no-repeat
    }

    .body-class-postid-173 .game-gray {
        margin-bottom: 150px
    }

    .body-class-postid-173 .koj-fruits {
        margin-bottom: 40px
    }
}

.wwd-small .wwd-circle {
    margin-top: 115px
}

.wwd-animated.wwd-small.what-we-do-5 .wwd-link-more {
    margin-top: 30px
}

body .gpc-kr-1 {
    background-image: url(../png/float-maya.png)
}

.gpc-kr-5 {
    background-image: url(../png/float-photoshop.png);
    left: 440px;
    top: 415px
}

.gpc-kr-2 .gps_ring {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.gpc-kr-3 .gps_ring {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.gpc-kr-4 .gps_ring {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.gpc-kr-5 .gps_ring {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.body-class-postid-53 {
    background: url(../jpg/hex-top-new.jpg) 50% 0 no-repeat #0f0f13;
    background-size: contain
}

.body-class-postid-53 .section-porftolio-head {
    background-image: none !important
}

body.body-class-postid-53 .gpc-kr-1 {
    background-image: url(../png/float-ng.png)
}

body .gpc-kr-2 {
    background-image: url(../png/float-autodesk.png);
    left: 100px;
    top: 75px
}

body .gpc-kr-3 {
    background-image: url(../png/float-php.png);
    left: 270px;
    top: 250px
}

body .gpc-kr-4 {
    background-image: url(../png/float-unity.png);
    left: 130px;
    top: 380px
}

body .gpc-kr-5 {
    background-image: url(../png/float-fb.png);
    left: 440px;
    top: 415px
}

.body-class-postid-173 {
    background: url(../jpg/koj_header.jpg) 50% 0 no-repeat #110c0c;
    background-size: contain
}

.body-class-postid-173 .section-porftolio-head {
    background-image: none !important
}

.body-class-postid-306 {
    background: url(../jpg/game_header_texas.jpg) 50% 0 no-repeat #0f0e13;
    background-size: contain
}

.body-class-postid-306 .section-porftolio-head {
    background-image: none !important
}

.body-class-postid-306 .secton-image-header-title {
    top: 90%
}

.fr-image.im1 {
    float: left
}

.fr-image.im3 {
    float: right
}

.fr-image {
    width: 210px
}

.koj-fruits {
    text-align: center
}

.body-class-postid-173 .fr-gpt {
    position: static;
    color: #ffd500;
    text-align: center
}

.body-class-postid-173 .gp-1 {
    top: 200px
}

.body-class-postid-173 .gp-2 {
    top: 405px
}

.body-class-postid-173 .gp-2 .gp-title {
    top: auto;
    bottom: -30px;
    left: auto;
    right: 0
}

.body-class-postid-173 .gp-3 {
    top: 670px
}

.body-class-postid-173 .game-prallax {
    height: 880px;
    margin-top: 100px
}

.body-class-postid-173 .game-prallax .game-prallax-title {
    right: 50px;
    top: 600px;
    color: #ffd500
}

.t-wwd-new-title {
    font-weight: 900;
    font-size: 50px;
    color: #fefefe;
    line-height: 1.2;
    text-align: left;
    margin-bottom: 140px;
    text-align: center;
}

.wwd-2-c-col-left, .wwd-2-c-col-right {
    color: #fff;
    font-family: ProximaNova
}

.wwd-2-collumns {
    position: relative;
    margin-bottom: 90px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 1024px) {
    .wwd-2-collumns {
        display: block;
    }
}

.wwd-2-c-col-left {
    width: 300px;
    /*height: calc(100% - 20px);*/
    border-right: 1px solid #ff6000;
    /*position: absolute;*/
    /*left: 0;*/
    /*top: 10px;*/
    font-size: 30px;
    font-weight: 900;
    text-align: right;
    padding-right: 35px
}

.wwd-2-c-col-left-inner {
    /*position: absolute;*/
    /*right: 30px;*/
    /*top: -11px;*/
    font-weight: 900
}

.wwd-2-c-col-right {
    padding-left: 45px;
    float: right;
    font-size: 14px;
    line-height: 1.83;
    width: 765px
}

.wwd-2-c-col-right ul {
    padding: 0;
    list-style-type: none
}

.wwd-prallax {
    position: relative;
    width: 100%;
    height: 250px;
}

@media (max-width: 480px) {
    .wwd-prallax {
        height: 45vh;
    }

    .wwd-prallax .wwd-prallax-image {
        height: 45vh;
        object-fit: cover;
    }
}

.wwd-prallax-image {
    width: 100%;
    height: auto;
    position: absolute;
    top: -200px;
    left: 0
}

.wwd-prallax-shadow {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .4
}

.wwd-prallax-text {
    font-size: 36px;
    font-family: ProximaNova;
    color: #fefefe;
    text-align: center;
    padding-top: 60px;
    padding-bottom: 20px;
    font-weight: 300;
    z-index: 2;
    opacity: .99
}

.body-class-page-template-services {
    background-color: #0c0c0d;
}

.body-class-page-template-services .section-porftolio-head {
    background-size: cover;
    background-color: #0c0c0d;
    padding: 20% 0;
}

.body-class-page-template-services h1.t-wwd-new-title {
    margin-top: -5%;
    position: relative;
    z-index: 1;
}

.body-class-page-id-665 .section-porftolio-head {
    background-image: none
}

.body-class-page-id-665 {
    background: url(../jpg/instantgames_header.jpg) 50% 0 no-repeat #0c0c0d;
    background-size: contain
}

.body-class-page-id-186 .section-porftolio-head {
    background-image: none
}

.body-class-page-id-186 {
    background: url(../jpg/game_art_design_header.jpg) 50% 0 no-repeat #0c0c0d;
    background-size: contain
}

.body-class-page-id-192 .section-porftolio-head {
    background-image: none
}

.body-class-page-id-192 {
    background: url(../jpg/wwd-3-banner.jpg) 50% 0 no-repeat #0c0c0d;
    background-size: contain
}

.wwd-c-title-2 {
    font-size: 30px;
    font-family: ProximaNova;
    color: #fff;
    text-align: center;
    font-weight: 900
}

.wwd-c-images {
    position: relative;
    margin-top: 40px;
    text-align: center;
    margin-bottom: 100px
}

.wwd-c-bg2-right ul,
.wwd-c-bg2-right ol,
.wwd-c-bg2-right-title {
    color: #fff;
    text-align: left;
    font-family: ProximaNova
}

.wwd-c-images-item {
    display: inline-block;
    width: 200px
}

.wwd-c-images-item-image {
    height: 170px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 50px auto;
}

.wdd-1 .wwd-c-images-item-image {
    background-image: url(../png/wwd-1-1.png)
}

.wdd-2 .wwd-c-images-item-image {
    background-image: url(../png/wwd-1-2.png)
}

.wdd-3 .wwd-c-images-item-image {
    background-image: url(../png/wwd-1-3.png)
}

.wdd-4 .wwd-c-images-item-image {
    background-image: url(../png/wwd-1-4.png)
}

.wdd-5 .wwd-c-images-item-image {
    background-image: url(../png/wwd-1-5.png)
}

.body-class-page-id-186 .wdd-1 .wwd-c-images-item-image {
    background-image: url(../png/wwd-2-1.png)
}

.body-class-page-id-186 .wdd-2 .wwd-c-images-item-image {
    background-image: url(../png/wwd-2-2.png)
}

.body-class-page-id-186 .wdd-3 .wwd-c-images-item-image {
    background-image: url(../png/wwd-2-3.png)
}

.body-class-page-id-186 .wdd-4 .wwd-c-images-item-image {
    background-image: url(../png/wwd-2-4.png)
}

.body-class-page-id-186 .wdd-5 .wwd-c-images-item-image {
    background-image: url(../png/wwd-2-5.png)
}

.body-class-page-id-192 .wdd-1 .wwd-c-images-item-image {
    background-image: url(../png/wwd-3-1.png)
}

.body-class-page-id-192 .wdd-2 .wwd-c-images-item-image {
    background-image: url(../png/wwd-3-2.png)
}

.body-class-page-id-192 .wdd-3 .wwd-c-images-item-image {
    background-image: url(../png/wwd-3-3.png)
}

.body-class-page-id-192 .wdd-4 .wwd-c-images-item-image {
    background-image: url(../png/wwd-3-4.png)
}

.wwd-c-images-item-text {
    font-size: 18px;
    font-family: ProximaNova;
    color: #fff;
    line-height: 1.83;
    font-weight: 300
}

.body-class-page-template-services .wwd-c-bg2 {
    /*background: url(../img/hyper-casual-games-title/hyper-casual-back-1.png) 50% 50% no-repeat;*/
    background-size: cover;
    position: relative;
    overflow: hidden;
}

.body-class-page .wwd-c-bg2::after {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    background: rgb(0, 0, 0);
    background: linear-gradient(180deg, rgba(12, 12, 13, 1) 0%, rgba(1, 0, 19, 0) 50%, rgba(12, 12, 13, 1) 100%);
}

.body-class-page-template-services .wwd-c-bg2-inner {
    z-index: 2;
}

.body-class-page-template-services .wwd-2-collumns .wwd-2-c-col-left:first-of-type .wwd-2-c-col-left-inner {
    top: -30px;
}

.wwd-ig-bg2 {
    height: 500px;
    background: url(../png/why_ga.png) 50% 50% no-repeat;
    background-size: 100% 100%
}

.body-class-page-id-186 .wwd-c-bg2 {
    height: 500px;
    background: url(../jpg/hex-wwd-bg.jpg) 50% 0 no-repeat;
    background-size: 100% auto
}

.wwd-c-bg2-inner {
    width: 1065px;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    position: relative;
    padding-bottom: 2rem;
}

.wwd-c-bg2-right {
    float: right;
    width: 630px;
    height: 100%;
}

.wwd-c-bg2-inner-image {
    position: absolute;
    left: 0;
    top: 50%;
    max-width: 375px;
    height: auto;
    transform: translateY(-50%);
}

.wwd-c-bg2-inner .main-game-container-button-link, .wwd-tech {
    position: relative
}

.wwd-c-bg2-right-title {
    font-size: 36px;
    line-height: 1.2;
    font-weight: 300;
    margin-top: 55px;
    padding-right: 60px;
    margin-bottom: 50px
}

.wwd-c-bg2-right ul .wwd-c-bg2-right p {
    font-size: 16px;
    line-height: 1.875;
    padding: 0;
    margin-bottom: 40px;
    color: #fff;
    font-family: ProximaNova;
    margin-bottom: 20px;
}

.wwd-c-bg2-right p {
    font-size: 16px;
    line-height: 1.875;
    padding: 0;
    margin-bottom: 40px;
    color: #fff;
    font-family: ProximaNova;
    margin-bottom: 20px;
}

.link-ga-white, .wwd-prallax-but > a {
    color: #fff !important
}

.wwd-b-t-2, .wwd-banner-text, .wwd-prallax-but, .wwd-tech {
    text-align: center
}

.wwd-c-bg2-right ul li {
    padding-left: 45px;
    background: url(../png/wwd-romb.png) 4px 11px no-repeat
}

.link-ga-white .ab-border, .link-ga-white .ab-l, .link-ga-white .main-game-container-button-link-line-svg > line {
    stroke: #fff !important;
    fill: #fff !important
}

.wdd-r-1 .wwd-c-images-item-image {
    background-image: url(../png/wwd-r-1.png)
}

.wdd-r-2 .wwd-c-images-item-image {
    background-image: url(../png/wwd-r-2.png)
}

.wdd-r-3 .wwd-c-images-item-image {
    background-image: url(../png/wwd-r-3.png)
}

.wdd-r-4 .wwd-c-images-item-image {
    background-image: url(../png/wwd-r-4.png)
}

.wdd-r-5 .wwd-c-images-item-image {
    background-image: url(../png/wwd-r-5.png)
}

.wdd-r-6 .wwd-c-images-item-image {
    background-image: url(../png/wwd-r-6.png)
}

.wwd-c-images.wwd-c-img-2 .wwd-c-images-item {
    width: 340px
}

.wwd-tech {
    height: auto;
    width: 100%;
    background: #111113
}

.body-class-page-template-services .wwd-tech img {
    margin: 0 25px 60px;
    max-height: 105px;
    width: auto;
    opacity: 0.5;
}

.body-class-page-id-186 .wwd-tech img {
    margin: 0 50px 60px
}

.wwd-tech .wwd-c-bg2-inner {
    padding: 40px 0;
}

.wwd-tech .wwd-c-bg2-inner > img {
    margin: 10px 22px;
}

.wwd-2-c-col-right ul li {
    padding-left: 45px;
    background: url(../png/romb_menee_dikiy.png) 4px 11px no-repeat
}

.wwd-prallax-but > a {
    background: #ff6000;
    width: 200px
}

body .wwd-prallax-but .main-game-container-button-link-line-svg > line {
    stroke: #fff;
    fill: #fff
}

.wwd-c-images-item-title {
    margin-bottom: 25px;
    font-size: 18px;
    font-family: ProximaNova;
    color: #fff;
    font-weight: 700;
    text-align: center
}

.body-class-page-id-186 .wwd-c-images-item-text {
    font-size: 14px
}

.wwd-4-times.wwd-c-images.wwd-c-img-2 .wwd-c-images-item {
    width: 49%
}

.wwd-4-times.wwd-c-images.wwd-c-img-2 .wwd-c-images-item .wwd-c-images-item-text {
    width: 270px;
    margin-left: auto;
    margin-right: auto;
    height: 80px
}

.wwd-4-times.wwd-c-tre.wwd-c-images:before {
    content: '';
    width: 100%;
    height: 1px;
    background: #262632;
    position: absolute;
    top: 50%;
    left: 0
}

.wwd-4-times.wwd-c-tre.wwd-c-images:after {
    content: '';
    width: 1px;
    height: 100%;
    background: #262632;
    position: absolute;
    top: 0;
    left: 50%
}

.wwd-banner {
    position: relative;
    height: 0;
    width: 100%;
    padding-bottom: 22.14%;
    background: url(../jpg/banner-girl.jpg);
    background-size: cover
}

.wwd-banner-text {
    width: 560px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0
}

.wwd-b-t-1 {
    font-size: 36px;
    font-family: ProximaNova;
    color: #fefefe;
    font-weight: 300;
    margin-top: 30px
}

.wwd-b-t-2 {
    font-size: 14px;
    font-family: ProximaNova;
    color: #fff;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 30px
}

.body-class-page-id-192 .wwd-c-images-item {
    width: 24%
}

.body-class-page-id-192 .wwd-c-bg2 {
    background: url(../jpg/wwd-mob-new-arm.jpg) 50% 50% no-repeat;
    background-size: auto 100%
}

.body-class-page-id-192 .wdd-r-1 .wwd-c-images-item-image {
    background-image: url(../png/wwd-3-2-1.png)
}

.body-class-page-id-192 .wdd-r-2 .wwd-c-images-item-image {
    background-image: url(../png/wwd-3-2-2.png)
}

.body-class-page-id-192 .wdd-r-3 .wwd-c-images-item-image {
    background-image: url(../png/wwd-3-2-3.png)
}

.body-class-page-id-192 .wdd-r-4 .wwd-c-images-item-image {
    background-image: url(../png/wwd-3-2-4.png)
}

.body-class-page-id-192 .wwd-tech {
    height: 200px
}

.capttcha-form {
    position: relative
}

.capttcha-form input {
    width: 60% !important
}

.contact-captcha-img {
    width: 50%;
    display: inline-block;
    position: absolute;
    right: 0;
    top: -7px;
    text-align: right
}

.contact-captcha-img img {
    height: 55px
}

.head-smart-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 66px;
    background: #101010;
    z-index: 2;
}

.main-prallas-small-desc, .main-top-text-black {
    font-size: 14px;
    font-family: ProximaNova
}

.main-loader-inner {
    display: table-cell;
    vertical-align: middle
}

.main-loader-inner img {
    margin-bottom: 100px
}

.main-animation-loader {
    display: inline-block;
    width: 30px;
    height: 30px;
    position: relative;
    border: 4px solid #3a3b3e;
    top: 50%;
    animation: main-animation-loader 2s infinite ease
}

.main-animation-loader-inner {
    vertical-align: top;
    display: inline-block;
    width: 100%;
    background-color: #3a3b3e;
    animation: main-animation-loader-inner 2s infinite ease-in
}

@keyframes main-animation-loader {
    0% {
        transform: rotate(0)
    }
    25%, 50% {
        transform: rotate(180deg)
    }
    100%, 75% {
        transform: rotate(360deg)
    }
}

@keyframes main-animation-loader-inner {
    0%, 100%, 25% {
        height: 0%
    }
    50%, 75% {
        height: 100%
    }
}

.body-class-postid-195 .section-porftolio-head {
    background: 0 0 !important;
    padding-top: 40%
}

.body-class-postid-195 .section-porftolio-head .secton-image-header-title {
    top: 90%
}

.body-class-postid-735 .section-porftolio-head {
    background: 0 0 !important;
    padding-top: 40%
}

.body-class-postid-735 .section-porftolio-head .secton-image-header-title {
    top: 90%
}

.body-class-postid-195 {
    background-image: url(../jpg/rome.jpg);
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #100f13
}

.body-class-postid-735 .section-porftolio-head {
    background: 0 0 !important;
    padding-top: 40%
}

.body-class-postid-735 .section-porftolio-head .secton-image-header-title {
    top: 90%
}

.gg-page-rome-dev {
    margin-right: 22px
}

.body-class-postid-195 .game-gray {
    height: 350px
}

.body-class-postid-195 .gg-page-game-sq-image {
    top: 0
}

.body-class-postid-195 .game-prallax .gp-1 {
    top: 150px
}

.body-class-postid-195 .game-prallax .gp-2 {
    top: 370px
}

.body-class-postid-195 .game-prallax .gp-2 .gp-title {
    top: auto;
    bottom: -25px;
    right: 0
}

.body-class-postid-195 .game-prallax .gp-3 {
    top: 515px
}

.body-class-postid-195 .game-prallax .game-prallax-title {
    top: -40px;
    color: #fff
}

.body-class-postid-735 .game-gray {
    height: 350px
}

.body-class-postid-735 .gg-page-game-sq-image {
    top: 0
}

.body-class-postid-735 .game-prallax .gp-1 {
    top: 150px
}

.body-class-postid-735 .game-prallax .gp-2 {
    top: 370px
}

.body-class-postid-735 .game-prallax .gp-2 .gp-title {
    top: auto;
    bottom: -25px;
    right: 0
}

.body-class-postid-735 .game-prallax .gp-3 {
    top: 515px
}

.body-class-postid-735 .game-prallax .game-prallax-title {
    top: -40px;
    color: #fff
}

.game-video-bg {
    margin-top: 150px
}

.main-prallas-small-desc {
    color: #fff;
    text-align: center;
    width: 100%;
    margin-top: 30px;
    font-weight: 400;
    letter-spacing: 3px;
    text-transform: none
}

.body-class-postid-52 .game-prallax-5 .gp5-2 .gp-title {
    text-align: right
}

.body-class-postid-52 .game-spl-right {
    height: 85%
}

.body-class-postid-53 .game-spl-right {
    height: 80%
}

.body-class-postid-173 .game-spl-right {
    background: #241e1d;
    height: 93%
}

.body-class-postid-195 .game-spl-right {
    height: 80%
}

.body-class-postid-195 .g-b-c-p-right {
    width: 100%;
    padding-left: 0
}

.body-class-postid-195 .g-b-c-p-right p {
    text-align: center;
    margin-top: 50px
}

.body-class-postid-195 .g-b-c-p-right p a {
    width: 210px
}

.body-class-postid-195 .g-b-c-p-right > div {
    text-align: center;
    padding-left: 50px;
    padding-right: 50px
}

.body-class-postid-735 .game-spl-right {
    height: 80%
}

.body-class-postid-735 .g-b-c-p-right {
    width: 100%;
    padding-left: 0
}

.body-class-postid-735 .g-b-c-p-right p {
    text-align: center;
    margin-top: 50px
}

.body-class-postid-735 .g-b-c-p-right p a {
    width: 210px
}

.body-class-postid-735 .g-b-c-p-right > div {
    text-align: center;
    padding-left: 50px;
    padding-right: 50px
}

.body-class-page-id-67 .section-porftolio-head {
    background-image: url(../jpg/about2.jpg)
}

.body-class-page-id-67 {
    background: #090909
}

.body-class-page-id-67 .section-customers-small-text {
    position: static;
    text-transform: none
}

.body-class-page-id-80, .body-class-post-type-archive-blog {
    background: url(../png/header-blog.png) 50% 30px no-repeat #010101;
    background-size: contain !important;
}

.body-class-page-id-61 .section-porftolio-head, .body-class-page-id-80 .section-porftolio-head, .body-class-post-type-archive-blog .section-porftolio-head {
    background-image: none
}

.grid-item {
    width: calc(25% - 10px);
    margin-bottom: 10px
}

.grid-item img {
    width: 100%
}

.body-class-single-blog .section-porftolio-head {
    background-size: 100% auto;
    padding-top: 36.42%
}

.body-class-single-blog .section-portfolio-games {
    margin-top: 0
}

.main-top-text-black {
    width: 850px;
    max-width: 100%;
    color: #b8b8b8;
    line-height: 1.2;
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

#wwd-head, .body-class-page-id-32 .wwd-banner .wwd-banner-text, .body-class-page-id-61 .wwd-banner .wwd-banner-text {
    width: 100%
}

#wwd-head {
    position: absolute;
    top: 0;
    left: 0
}

.body-class-page-id-217 .section-portfolio-games {
    width: 100%;
    margin-top: 150px
}

body.body-class-postid-195 .gpc-kr-1 {
    background-image: url(../png/rs1.png);
    top: 110px;
    left: 450px
}

body.body-class-postid-195 .gpc-kr-2 {
    background-image: url(../png/rs2.png);
    left: 100px;
    top: 100px
}

body.body-class-postid-195 .gpc-kr-3 {
    background-image: url(../png/rs3.png);
    left: 270px;
    top: 250px
}

body.body-class-postid-195 .gpc-kr-4 {
    background-image: url(../png/rs4.png);
    left: 75px;
    top: 340px
}

body.body-class-postid-195 .gpc-kr-5 {
    background-image: url(../png/rs5.png);
    left: 295px;
    top: 440px
}

body.body-class-postid-195 .gpc-kr-6 {
    background-image: url(../png/rs6.png);
    left: 475px;
    top: 350px
}

body.body-class-postid-735 .gpc-kr-1 {
    background-image: url(../png/rs1.png);
    top: 110px;
    left: 450px
}

body.body-class-postid-735 .gpc-kr-2 {
    background-image: url(../png/rs2.png);
    left: 100px;
    top: 100px
}

body.body-class-postid-735 .gpc-kr-3 {
    background-image: url(../png/rs3.png);
    left: 270px;
    top: 250px
}

body.body-class-postid-735 .gpc-kr-4 {
    background-image: url(../png/rs4.png);
    left: 75px;
    top: 340px
}

body.body-class-postid-735 .gpc-kr-5 {
    background-image: url(../png/rs5.png);
    left: 295px;
    top: 440px
}

body.body-class-postid-735 .gpc-kr-6 {
    background-image: url(../png/rs6.png);
    left: 475px;
    top: 350px
}

body.body-class-postid-958 .gpc-kr-1 {
    background-image: url(../png/tk1.png);
    top: 110px;
    left: 450px
}

body.body-class-postid-958 .gpc-kr-2 {
    background-image: url(../png/tk2.png);
    left: 100px;
    top: 100px
}

body.body-class-postid-958 .gpc-kr-3 {
    background-image: url(../png/tk3.png);
    left: 270px;
    top: 250px
}

body.body-class-postid-958 .gpc-kr-4 {
    background-image: url(../png/tk4.png);
    left: 75px;
    top: 340px
}

body.body-class-postid-958 .gpc-kr-5 {
    background-image: url(../png/tk5.png);
    left: 295px;
    top: 440px
}

body.body-class-postid-958 .gpc-kr-6 {
    background-image: url(../png/rs6.png);
    left: 475px;
    top: 350px
}

.body-class-page-id-32 .secton-image-header-title {
    top: 85%
}

.body-class-postid-173 .game-gray {
    background: #241e1d
}

.body-class-postid-52 .game-video-bg, .body-class-postid-53 .game-video-bg {
    margin-top: 0
}

.body-class-page-id-105 {
    background-image: url(../png/header-blog.png);
    background-position: 50% 30px;
    background-repeat: no-repeat;
    background-size: contain !important;
}

.body-class-page-id-105 .section-porftolio-head {
    background-image: none
}

.body-class-postid-195 .game-b-c {
    margin-top: 30px
}

.body-class-postid-735 .game-b-c {
    margin-top: 30px
}

@media all and (min-width: 861px) and (max-width: 1059px) {
    .wwd-b-t-1 {
        margin-top: 25px !important
    }

    .body-class-page-id-178 .wwd-c-bg2 {
        height: 450px
    }
}

@media all and (min-width: 861px) and (max-width: 1059px) {
    .wwd-b-t-1 {
        margin-top: 25px !important
    }

    .body-class-page-id-665 .wwd-c-bg2 {
        height: 450px
    }
}

.body-class-postid-289 {
    background: #0f0e13
}

.body-class-postid-289 .secton-image-header-title {
    top: 90%
}

.body-class-postid-289 .game-gray {
    height: 350px;
    padding-top: 60px
}

.body-class-postid-289 .game-gray .g-g-page-devices {
    margin-top: 30px;
    margin-bottom: 30px
}

.body-class-postid-289 .game-gray .gg-page-game-sq-image {
    top: 0
}

.body-class-postid-289 .game-prallax {
    height: 1300px
}

.body-class-postid-289 .gp-2 {
    top: 220px
}

.body-class-postid-289 .game-prallax img {
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .75);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .75)
}

.body-class-postid-289 .gp-3 {
    top: 730px
}

.body-class-postid-289 .game-prallax .game-prallax-title {
    right: auto;
    left: 0;
    color: #fff;
    top: 620px
}

.body-class-postid-289 .section-porftolio-head {
    background-image: none;
    padding-top: 40.42%
}

.body-class-postid-289 .arch-3r {
    text-align: center;
    margin-top: 130px;
    margin-bottom: 120px
}

.body-class-postid-289 .arch-3r .game-prallax-title {
    text-align: center;
    color: #fff;
    position: static
}

.arch-min-container > div {
    text-align: center;
    margin-top: 55px
}

.arch-min-container > div:nth-child(1) > img {
    margin: 0 17px
}

.arch-min-container > div:nth-child(2) > img {
    margin: 0 18px
}

.archy-pg-2 {
    margin-top: 10px
}

.body-class-postid-289 .game-prallax-2 {
    height: 800px
}

.body-class-postid-289 .game-spl-right {
    padding-top: 40px
}

body.body-class-postid-289 .gpc-kr-3 {
    background-image: url(../png/float-unity.png)
}

body.body-class-postid-289 .gpc-kr-4 {
    background-image: url(../png/float-hololens.png)
}

body.body-class-postid-289 .gpc-kr-1 {
    background-image: url(../png/float-vuforia.png)
}

body.body-class-postid-289 .gpc-kr-5 {
    background-image: url(../png/float-studio.png)
}

.body-class-postid-289 .game-prallax .gp-1 {
    top: 240px
}

.body-class-postid-289 .game-prallax .gp-2 {
    top: 420px
}

.body-class-postid-289 .game-prallax .gp-3 {
    top: 930px
}

.body-class-postid-289 .game-prallax-2 .gp-2-2 {
    position: absolute;
    right: 0;
    top: 300px
}

.body-class-postid-289 .game-prallax-2 .gp-2-1 {
    top: 40px
}

@media all and (min-width: 900px) and (max-width: 1060px) {
    .body-class-postid-289 .game-prallax {
        height: 1450px
    }

    body.body-class-postid-306 .arch-3r {
        margin-top: 250px
    }
}

.body-class-postid-306 .game-gray .gg-page-game-sq-image {
    top: 0
}

.body-class-postid-306 .game-gray {
    padding-right: 200px;
    height: 350px;
    padding-top: 35px
}

.body-class-postid-306 .game-prallax {
    height: 1200px
}

.body-class-postid-306 .game-prallax .gp-1 {
    top: 200px
}

.body-class-postid-306 .game-prallax .gp-2 {
    top: 410px
}

.body-class-postid-306 .game-prallax .gp-3 {
    top: 870px
}

.body-class-postid-306 .game-prallax .game-prallax-title {
    right: auto;
    left: 0;
    top: 570px;
    color: #fff
}

.body-class-postid-306 .game-prallax img {
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .75);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .75)
}

.body-class-postid-306 .arch-3r {
    margin-top: 100px;
    text-align: center
}

.body-class-postid-306 .arch-3r .game-prallax-title {
    text-align: center;
    color: #fff;
    position: static
}

.body-class-postid-306 .game-prallax-2 .gp2-2 {
    top: 560px
}

.body-class-postid-306 .game-prallax-2 {
    height: 840px;
    margin-top: 0
}

.body-class-postid-306 .gpc-kr-3 {
    background-image: url(../png/float-unity.png);
    left: 270px;
    top: 250px
}

.body-class-postid-306 .gpc-kr-1 {
    background-image: url(../png/wwd-webgl.png);
    top: 150px;
    left: 465px
}

.body-class-postid-306 .gpc-kr-4 {
    background-image: url(../png/wwd-json.png);
    left: 175px;
    top: 440px
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .body-class-page-id-217 .portfolio-g-c {
        padding-right: 10px !important
    }

    .menu-animated-svg {
        display: none
    }

    #menu .menu-left ul li a:hover, .menu-animated-left a:hover {
        padding-left: 0
    }
}

@-moz-document url-prefix() {
    .ab-l.ab-l3 {
        display: none
    }
    .prallax-scroll-svg .ps-2 {
        stroke-width: 3px
    }
}

@media all and (max-height: 600px) {
    #menu .menu-left ul li a {
        font-size: 38px
    }
}

@media all and (max-width: 767px) and (min-height: 1000px) and (max-height: 1024px) {
    .wwd-animated.wwd-small .wwd-animation-container-2 .wwd-text-btext {
        font-size: 2.5vw
    }

    body .wwd-c-bg2 {
        background-size: 100% auto !important
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) and (orientation: portrait) {
    .wwd-small {
        padding-top: 10px;
        height: 290px
    }

    .wwd-animated.wwd-small .wwd-bg {
        height: 300px
    }

    .wwd-animated.wwd-small .wwd-first-image {
        margin-top: 25px
    }

    .wwd-animated.wwd-small .wwd-link-more {
        margin-top: 10px !important
    }

    .wwd-animated.wwd-small .wwd-animation-container-2 .wwd-text-btext {
        font-size: 3.8vw
    }

    .what-we-do-section .what-we-do-8 .wwd-rab.wwd-first-image {
        margin-bottom: 10px
    }

    .wwd-animated.wwd-bid {
        height: 450px
    }

    .wwd-animated.wwd-bid .wwd-bg {
        height: 500px
    }

    .wwd-animated.wwd-bid .wwd-first-image {
        margin-top: 100px
    }

    .wwd-animated.wwd-bid .wwd-animation-container-2 {
        padding-top: 20px
    }

    .wwd-text1 {
        font-size: 25px
    }

    .wwd-animated.wwd-bid .wwd-text-btext, .wwd-text-small {
        margin-top: 10px
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape) {
    .wwd-small {
        padding-top: 25px;
        height: 500px
    }

    .wwd-animated.wwd-small .wwd-bg {
        height: 550px
    }

    .wwd-text-btext {
        font-size: 3.5vw !important
    }
}

.body-class-page-id-370 .section-portfolio-games .wwd-c-images .wwd-c-images-item-text, .body-class-page-id-375 .wwd-c-images-item-text, .ty-text {
    font-size: 14px
}

.body-class-postid-53 .game-gray {
    height: 350px;
    padding-top: 40px
}

.body-class-postid-53 .g-g-page-devices {
    margin-bottom: 40px
}

.body-class-postid-53 .game-prallax .gp-2 .gp-title {
    text-align: right
}

.body-class-postid-53 .game-prallax .game-prallax-title {
    top: 100px
}

.body-class-postid-53 .game-video-bg .game-prallax-title {
    text-align: center;
    position: static
}

.body-class-postid-53 .game-prallax-3 {
    position: relative;
    height: 800px;
    margin-bottom: 100px
}

.body-class-postid-53 .game-prallax-3 .gp3-1 {
    position: absolute;
    left: 0;
    top: 0
}

.body-class-postid-53 .game-prallax-3 .gp3-2 {
    position: absolute;
    right: 0;
    top: 290px
}

.data-img-sketch {
    cursor: pointer
}

#myModalSketch .modal-content {
    border-radius: 3px
}

#myModalSketch .modal-body {
    padding: 6px 6px 0
}

.body-class-page-id-186 .wwd-prallax {
    background: url(../jpg/art_portfolio_small_banner.jpg) 50% 0 no-repeat;
    background-size: auto 100%
}

.body-class-page-id-32 .wwd-banner, .body-class-page-id-61 .wwd-banner {
    background: url(../jpg/wwd-new-banner.jpg);
    background-size: cover
}

.body-class-page-id-186 .wwd-prallax .main-game-container-button-link, .body-class-page-id-32 .wwd-banner .wwd-prallax-but > a, .body-class-page-id-61 .wwd-banner .wwd-prallax-but > a {
    width: 230px
}

.body-class-page-id-105 .section-portfolio-games {
    margin-top: 0
}

.body-class-page-id-356 {
    background: url(../jpg/wwd-vr-head-new.jpg) 50% 0 no-repeat #000;
    background-size: contain
}

.body-class-page-id-356 .wwd-prallax .wwd-prallax-image {
    top: -35px
}

.body-class-page-id-356 .wdd-1 .wwd-c-images-item-image {
    background-image: url(../png/wwd-vr-1.png)
}

.body-class-page-id-356 .wdd-2 .wwd-c-images-item-image {
    background-image: url(../png/wwd-vr-2.png)
}

.body-class-page-id-356 .wdd-3 .wwd-c-images-item-image {
    background-image: url(../png/wwd-vr-3.png)
}

.body-class-page-id-356 .wdd-4 .wwd-c-images-item-image {
    background-image: url(../png/wwd-vr-4.png)
}

.body-class-page-id-356 .wdd-5 .wwd-c-images-item-image {
    background-image: url(../png/wwd-vr-5.png)
}

.body-class-page-id-356 .wwd-c-bg2 {
    height: 500px;
    background: url(../jpg/origami-banner_bg.jpg) 50% 50% no-repeat;
    background-size: auto 100%
}

.body-class-page-id-356 .wdd-r-1 .wwd-c-images-item-image {
    background-image: url(../png/wwd-vr-6.png)
}

.body-class-page-id-356 .wdd-r-2 .wwd-c-images-item-image {
    background-image: url(../png/wwd-vr-7.png)
}

.body-class-page-id-356 .wdd-r-3 .wwd-c-images-item-image {
    background-image: url(../png/wwd-vr-8.png)
}

.body-class-page-id-356 .wdd-r-4 .wwd-c-images-item-image {
    background-image: url(../png/wwd-vr-9.png)
}

.body-class-postid-361 .section-porftolio-head {
    background-size: 100% auto;
    padding-top: 40.42%
}

.body-class-postid-361 .section-portfolio-games {
    margin-top: -140px
}

#valide-file {
    top: 25px
}

.blsi-t-ttle a, .blsi-t-ttle a:focus, .blsi-t-ttle a:hover, .blsi-t-ttle a:visited {
    color: #373737;
    text-decoration: none
}

.body-class-page-id-366 {
    background: url(../jpg/ar_header.jpg) 50% 0 no-repeat #000;
    background-size: contain
}

.body-class-page-id-366 .section-porftolio-head {
    background: 0 0
}

.body-class-page-id-356 .wwd-prallax,
.body-class-page-id-366 .wwd-prallax {
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: auto 100%
}

.body-class-page-id-366 .wwd-prallax {
    background-image: url(../jpg/ar_small_banner.jpg)
}

.body-class-page-id-356 .wwd-prallax img {
    height: 100%;
    object-fit: cover;
}

.body-class-page-id-366 .wdd-1 .wwd-c-images-item-image {
    background-image: url(../png/aug-1.png)
}

.body-class-page-id-366 .wdd-2 .wwd-c-images-item-image {
    background-image: url(../png/aug-2.png)
}

.body-class-page-id-366 .wdd-3 .wwd-c-images-item-image {
    background-image: url(../png/aug-3.png)
}

.body-class-page-id-366 .wdd-4 .wwd-c-images-item-image {
    background-image: url(../png/aug-4.png)
}

.body-class-page-id-366 .wdd-5 .wwd-c-images-item-image {
    background-image: url(../png/aug-5.png)
}

.body-class-page-id-366 .wwd-c-bg2 {
    height: 500px;
    background-size: auto 100% !important;
    background-position: 50% 50% !important;
    background-repeat: no-repeat;
}

.body-class-page-id-366 .wdd-r-1 .wwd-c-images-item-image {
    background-image: url(../png/aug-6.png)
}

.body-class-page-id-366 .wdd-r-2 .wwd-c-images-item-image {
    background-image: url(../png/aug-7.png)
}

.body-class-page-id-366 .wdd-r-3 .wwd-c-images-item-image {
    background-image: url(../png/aug-8.png)
}

.body-class-page-id-366 .wdd-r-4 .wwd-c-images-item-image {
    background-image: url(../png/aug-9.png)
}

.body-class-page-id-366 .wwd-tech img {
    margin: 10px 23px
}

.body-class-page-id-366 .wwd-tech {
    height: auto;
    padding-bottom: 40px
}

.body-class-page-id-710 .wwd-c-bg2 .wwd-c-bg2-right .wwd-c-bg2-rightp p {
    float: right;
    font-size: 16px;
    line-height: 1.875;
    color: #fff;
    font-family: ProximaNova;
    margin-bottom: 20px;
}

.body-class-page-id-710 .wwd-c-bg2 .wwd-c-bg2-right .wwd-c-bg2-rightp {
    float: right;
    font-size: 16px;
    line-height: 1.875;
    color: #fff;
    font-family: ProximaNova;
    margin-bottom: 20px;
}

.body-class-page-id-710 {
    background: url(../jpg/slots_header.jpg) 50% 0 no-repeat #000;
    background-size: contain
}

.body-class-page-id-710 .wdd-r-1 .wwd-c-images-item-image {
    background-image: url(../png/ud-1.png)
}

.body-class-page-id-710 .wdd-r-2 .wwd-c-images-item-image {
    background-image: url(../png/wwd-3-2.png)
}

.body-class-page-id-710 .wdd-r-3 .wwd-c-images-item-image {
    background-image: url(../png/udt-1.png)
}

.body-class-page-id-710 .wdd-r-4 .wwd-c-images-item-image {
    background-image: url(../png/udt-4.png)
}

.body-class-page-id-710 .wwd-4-times.wwd-c-images.wwd-c-img-2 .wwd-c-images-item .wwd-c-images-item-text {
    width: 270px;
    margin-left: auto;
    margin-right: auto;
    height: 100px
}

.body-class-page-id-710 .section-porftolio-head {
    background: 0 0
}

.slot-columns .section-portfolio-games {
    margin-bottom: 50px;
}

.body-class-page-id-710 span.text22 {
    text-transform: uppercase;
    font-weight: bold;
}

.body-class-page-id-356 .wwd-prallax, .body-class-page-id-710 .wwd-prallax {
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: auto 100%
}

.body-class-page-id-710 .wwd-prallax {
    background-image: url(../jpg/slots_small_banner.jpg)
}

.slot-columns .wwd-c-images-item-image {
    background-size: 100% auto

}

.body-class-page-id-710 .wdd-2 .wwd-c-images-item-image {
    background-image: url(../png/classic_slots.png);
    background-size: 100% auto
}

.body-class-page-id-710 .wdd-3 .wwd-c-images-item-image {
    background-image: url(../png/fruit_slots.png);
    background-size: 100% auto
}

.body-class-page-id-710 .wdd-4 .wwd-c-images-item-image {
    background-image: url(../png/3d_slots.png);
    background-size: 100% auto
}

.body-class-page-id-710 .wdd-5 .wwd-c-images-item-image {
    background-image: url(../png/mobile_slots.png);
    background-size: 100% auto
}

.body-class-page-id-710 .wdd-6 .wwd-c-images-item-image {
    background-image: url(../png/awp_slots.png);
    background-size: 100% auto
}

.body-class-page-id-710 .wdd-7 .wwd-c-images-item-image {
    background-image: url(../png/html5_slots.png);
    background-size: 100% auto
}

.body-class-page-id-710 .wdd-8 .wwd-c-images-item-image {
    background-image: url(../png/social_slots.png);
    background-size: 100% auto
}

.body-class-page-id-710 .wwd-c-bg2 {
    height: 500px;
    background: url(../jpg/wwd-slots-new-arm.jpg) 50% 50% no-repeat;
    background-size: auto 100%
}

.body-class-page-id-710 .wwd-tech img {
    margin: 10px 23px
}

.body-class-page-id-710 .wwd-tech {
    height: auto;
    padding-bottom: 40px
}

.slot-columns .wwd-c-images {
    margin-bottom: 20px;
}

.slot-columns .wwd-c-images-item {
    display: inline-block;
    width: 200px;
    margin: 20px;
}

.body-class-page-id-710 .slot-service-item {
    display: inline-block;
    width: 49%;
}

.body-class-page-id-710 .slot-service-item .wwd-c-images-item-text {
    width: 270px;
    margin-left: auto;
    margin-right: auto;
    height: 100px;
}

.body-class-page-id-710 td, th {
    vertical-align: top;
}

.rome-player-button {
    display: block;
    background-image: url(../png/rome_play.png);
    background-size: contain;
    background-repeat: no-repeat;
    padding-top: 30%;
    width: 100%;
    cursor: pointer;
    top: 100px
}

.ty-text {
    background-color: #1a1a1a;
    font-family: ProximaNova;
    font-weight: 700;
    letter-spacing: 2px;
    color: #b8b8b8;
    padding: 65px 170px;
    background-image: url(../png/thank-you.png);
    background-repeat: no-repeat;
    background-position: 50px 50%
}

.body-class-page-id-370 {
    background: url(../jpg/unity_header.jpg) 50% 0 no-repeat #0c0c0e;
    background-size: contain
}

.body-class-page-id-370 .section-porftolio-head {
    background: 0 0
}

.body-class-page-id-370 .wwd-prallax {
    background-image: url(../jpg/unity_small_banner.jpg);
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: auto 100%
}

.body-class-page-id-370 .wdd-1 .wwd-c-images-item-image {
    background-image: url(../png/ud-1.png)
}

.body-class-page-id-370 .wdd-2 .wwd-c-images-item-image {
    background-image: url(../png/ud-2.png)
}

.body-class-page-id-370 .wdd-3 .wwd-c-images-item-image {
    background-image: url(../png/ud-3.png)
}

.body-class-page-id-370 .wdd-4 .wwd-c-images-item-image {
    background-image: url(../png/ud-4.png)
}

.body-class-page-id-370 .wdd-5 .wwd-c-images-item-image {
    background-image: url(../png/ud-5.png)
}

.body-class-page-id-370 .wwd-c-bg2 {
    height: 500px;
    background: url(../jpg/big-banner_unity.jpg) 50% 50% no-repeat;
    background-size: auto 100%
}

.body-class-page-id-370 .wwd-c-bg2-right ul li {
    padding-left: 45px;
    background: url(../png/romb-orange.png) 4px 11px no-repeat
}

.b-orange {
    background: #ff6000;
    color: #fff !important
}

body .b-orange line {
    stroke: #fff !important;
    fill: #fff !important
}

.body-class-page-id-375 .section-porftolio-head {
    background: 0 0
}

.body-class-page-id-375 .wwd-prallax {
    background-image: url(../jpg/unreal_engine_small_banner-1.jpg);
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: auto 100%
}

.body-class-page-id-375 .wdd-1 .wwd-c-images-item-image {
    background-image: url(../png/un-ww-1.png)
}

.body-class-page-id-375 .wdd-2 .wwd-c-images-item-image {
    background-image: url(../png/un-ww-2.png)
}

.body-class-page-id-375 .wdd-3 .wwd-c-images-item-image {
    background-image: url(../png/un-ww-3.png)
}

.body-class-page-id-375 .wdd-4 .wwd-c-images-item-image {
    background-image: url(../png/un-ww-4.png)
}

.body-class-page-id-375 .wdd-5 .wwd-c-images-item-image {
    background-image: url(../png/un-ww-5.png)
}

.body-class-page-id-375 .wwd-c-bg2-inner-image {
    top: 135px
}

.body-class-page-id-375 .wwd-c-bg2 {
    background: url(../jpg/big-banner_unreal.jpg) 50% 50% no-repeat;
    background-size: auto 100%
}

.body-class-page-id-665 .section-porftolio-head {
    background: 0 0
}

.body-class-page-id-665 .wwd-prallax {
    background-image: url(../jpg/unreal_engine_small_banner-1.jpg);
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: auto 100%
}

.body-class-page-id-665 .wdd-1 .wwd-c-images-item-image {
    background-image: url(../png/icon_game_design.png)
}

.body-class-page-id-665 .wdd-2 .wwd-c-images-item-image {
    background-image: url(../png/icon_game_art.png)
}

n
.body-class-page-id-665 .wdd-3 .wwd-c-images-item-image {
    background-image: url(../png/icon_html5_development.png)
}

.body-class-page-id-665 .wdd-4 .wwd-c-images-item-image {
    background-image: url(../icon_qualified_qa%20servifces.html)
}

.body-class-page-id-665 .wdd-5 .wwd-c-images-item-image {
    background-image: url(../png/icon_monetization_mechanics.png)
}

.body-class-page-id-61 .what-we-do-2 .wwd-link-more {
    margin-top: 20px
}

.body-class-page-id-61 .what-we-do-2 .wwd-animation-container-2 {
    padding-top: 20px
}

.body-class-page-id-383 {
    background: url(../jpg/header-wwd-hololens.jpg) 50% 0 no-repeat #000;
    background-size: contain
}

.body-class-page-id-383 .wdd-1 .wwd-c-images-item-image {
    background-image: url(../png/hol-wwd-1.png)
}

.body-class-page-id-383 .wdd-2 .wwd-c-images-item-image {
    background-image: url(../png/hol-wwd-2.png)
}

.body-class-page-id-383 .wdd-3 .wwd-c-images-item-image {
    background-image: url(../png/hol-wwd-3.png)
}

.body-class-page-id-383 .wdd-4 .wwd-c-images-item-image {
    background-image: url(../png/hol-wwd-4.png)
}

.body-class-page-id-383 .wdd-5 .wwd-c-images-item-image {
    background-image: url(../png/hol-wwd-5.png)
}

.body-class-page-id-383 .section-porftolio-head {
    background: 0 0
}

.body-class-page-id-383 .wwd-c-images-item-text {
    font-size: 16px
}

.body-class-page-id-388 .wwd-c-images-item-text, .body-class-page-id-391 .wwd-c-images-item-text {
    font-size: 14px
}

.body-class-page-id-383 .wwd-prallax {
    background-image: url(../jpg/wwd-holol.jpg);
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: auto 100%
}

.body-class-page-id-383 .wwd-c-bg2 {
    background: url(../jpg/big-banner-holo.jpg) 50% 50% no-repeat
}

.body-class-page-id-383 .wdd-r-1 .wwd-c-images-item-image {
    background-image: url(../png/wwd-h-1.png)
}

.body-class-page-id-383 .wdd-r-2 .wwd-c-images-item-image {
    background-image: url(../png/wwd-h-2.png)
}

.body-class-page-id-383 .wdd-r-3 .wwd-c-images-item-image {
    background-image: url(../png/wwd-h-3.png)
}

.body-class-page-id-383 .wdd-r-4 .wwd-c-images-item-image {
    background-image: url(../png/wwd-h-4.png)
}

.body-class-page-id-665 .wdd-r-1 .wwd-c-images-item-image {
    background-image: url(../png/icon_audience.png)
}

.body-class-page-id-665 .wdd-r-2 .wwd-c-images-item-image {
    background-image: url(../png/icon_growing_market.png)
}

.body-class-page-id-665 .wdd-r-3 .wwd-c-images-item-image {
    background-image: url(../png/icon_platforms.png)
}

.body-class-page-id-665 .wdd-r-4 .wwd-c-images-item-image {
    background-image: url(../png/icon_hit.png)
}

.body-class-page-id-665 .wdd-r-5 .wwd-c-images-item-image {
    background-image: url(../png/icon_cost.png)
}

.body-class-page-id-665 .wdd-r-6 .wwd-c-images-item-image {
    background-image: url(../icon_one%20team.html)
}

.body-class-page-id-356 .wwd-tech img {
    margin: 0 55px 60px
}

.pr-111, .pr-wwd-web {
    margin-bottom: 100px
}

.body-class-page-id-375 {
    background: url(../jpg/unreal_header.jpg) 50% 0 no-repeat #000;
    background-size: contain
}

.body-class-page-id-375 .wwd-c-bg2-right ul li {
    background: url(../png/romb-orange.png) 4px 11px no-repeat
}

.mgl-a, .mgl-i, .mgl-w {
    overflow: hidden;
    position: relative;
    display: inline-block;
    width: 140px;
    height: 42px;
    border-radius: 3px;
    border: 1px solid #939393;
    transition: all .3s ease-out
}

.mgl-white {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    opacity: 0;
    display: inline-block;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.mgl-a:hover .mgl-white, .mgl-i:hover .mgl-white, .mgl-w:hover .mgl-white {
    opacity: .07
}

.mgl-a:hover, .mgl-i:hover, .mgl-w:hover {
    border: 1px solid #b1b1b1
}

.mgl-i {
    background: url(../png/appstore.png) no-repeat
}

.mgl-a {
    background: url(../png/googleplay.png) no-repeat
}

.mgl-w {
    background: url(../png/windows.png) no-repeat
}

.mgl-a img, .mgl-i img, .mgl-w img {
    display: none
}

.body-class-page-id-388 .section-porftolio-head {
    background: 0 0
}

.body-class-page-id-388 {
    background: url(../jpg/header-pc-dev.jpg) 50% 0 no-repeat #000;
    background-size: contain
}

.body-class-page-id-388 .wdd-1 .wwd-c-images-item-image {
    background-image: url(../png/pc-1.png)
}

.body-class-page-id-388 .wdd-2 .wwd-c-images-item-image {
    background-image: url(../png/pc-2.png)
}

.body-class-page-id-388 .wdd-3 .wwd-c-images-item-image {
    background-image: url(../png/pc-3.png)
}

.body-class-page-id-388 .wdd-4 .wwd-c-images-item-image {
    background-image: url(../png/pc-4.png)
}

.body-class-page-id-388 .wdd-5 .wwd-c-images-item-image {
    background-image: url(../png/pc-5.png)
}

.pr-111 {
    background-image: url(../jpg/small_banner-pc.jpg);
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: auto 100%
}

.body-class-page-id-388 .wdd-r-1 .wwd-c-images-item-image {
    background-image: url(../png/pc-6.png)
}

.body-class-page-id-388 .wdd-r-2 .wwd-c-images-item-image {
    background-image: url(../png/pc-7.png)
}

.body-class-page-id-388 .wdd-r-3 .wwd-c-images-item-image {
    background-image: url(../png/pc-8.png)
}

.body-class-page-id-388 .wdd-r-4 .wwd-c-images-item-image {
    background-image: url(../png/pc-9.png)
}

.body-class-page-id-388 .wwd-tech {
    height: auto
}

.body-class-safari.body-class-osx .prallax-bot-gradient {
    bottom: -2px !important
}

body.body-class-safari.body-class-osx.body-class-postid-52 .game-prallax:after {
    content: none !important;
    display: none
}

body.body-class-safari.body-class-osx.body-class-postid-52 .game-prallax-5:before {
    display: none !important;
    content: none !important
}

html body.body-class-osx.body-class-postid-306, html body.body-class-osx.body-class-postid-53 {
    background-color: #0e0c13 !important
}

html body.body-class-osx.body-class-postid-289 {
    background-color: #100e13 !important
}

html body.body-class-osx.body-class-page-id-14 .flipper {
    transition: none;
    transform-style: none
}

html body.body-class-osx.body-class-page-id-14 .back, html body.body-class-osx.body-class-page-id-14 .front {
    backface-visibility: none;
    transition: none;
    transform-style: none
}

.body-class-page-id-391 .section-porftolio-head {
    background: 0 0
}

.body-class-page-id-391 {
    background: url(../jpg/wwd-web.jpg) 50% 0 no-repeat #0c0c0d;
    background-size: contain
}

.pr-wwd-web {
    background-image: url(../jpg/small_banner_web_games.jpg);
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: auto 100%
}

.body-class-page-id-391 .wdd-1 .wwd-c-images-item-image {
    background-image: url(../png/wwd-web-1.png)
}

.body-class-page-id-391 .wdd-2 .wwd-c-images-item-image {
    background-image: url(../png/wwd-web-2.png)
}

.body-class-page-id-391 .wdd-3 .wwd-c-images-item-image {
    background-image: url(../png/wwd-web-3.png)
}

.body-class-page-id-391 .wdd-4 .wwd-c-images-item-image {
    background-image: url(../png/wwd-web-4.png)
}

.body-class-page-id-391 .wdd-5 .wwd-c-images-item-image {
    background-image: url(../png/wwd-web-5.png)
}

.body-class-page-id-391 .wwd-c-bg2 {
    height: 500px;
    background: url(../jpg/big-banner_web.jpg) 50% 50% no-repeat;
    background-size: auto 100%
}

.body-class-page-id-391 .wdd-r-1 .wwd-c-images-item-image {
    background-image: url(../png/wwd-web-6.png)
}

.body-class-page-id-391 .wdd-r-2 .wwd-c-images-item-image {
    background-image: url(../png/wwd-web-7.png)
}

.body-class-page-id-391 .wdd-r-3 .wwd-c-images-item-image {
    background-image: url(../png/wwd-web-8.png)
}

.body-class-page-id-391 .wdd-r-4 .wwd-c-images-item-image {
    background-image: url(../png/wwd-web-9.png)
}

.body-class-page-id-391 .wwd-tech img {
    margin: 0 15px 30px
}

.body-class-page-id-391 .wwd-tech {
    height: auto
}

.body-class-page-id-395 .section-porftolio-head {
    background: 0 0
}

.body-class-page-id-395 {
    background: url(../jpg/wwd-porting-bg.jpg) 50% 0 no-repeat #0c0c0d;
    background-size: contain
}

.body-class-page-id-395 .pr-wwd-web {
    background-image: url(../jpg/wwd-porting-small_banner.jpg)
}

.body-class-page-id-395 .wdd-1 .wwd-c-images-item-image {
    background-image: url(../png/wwd-porting-1.png)
}

.body-class-page-id-395 .wdd-2 .wwd-c-images-item-image {
    background-image: url(../png/wwd-porting-2.png)
}

.body-class-page-id-395 .wdd-3 .wwd-c-images-item-image {
    background-image: url(../png/wwd-porting-3.png)
}

.body-class-page-id-395 .wdd-4 .wwd-c-images-item-image {
    background-image: url(../png/wwd-porting-4.png)
}

.body-class-page-id-395 .wdd-5 .wwd-c-images-item-image {
    background-image: url(../png/wwd-porting-5.png)
}

.body-class-page-id-395 .wwd-c-bg2 {
    height: 500px;
    background: url(../jpg/wwd-porting-big-banner.jpg) 50% 50% no-repeat;
    background-size: auto 100%
}

.body-class-page-id-395 .wwd-tech, .body-class-page-id-399 .wwd-tech {
    height: auto
}

.body-class-page-id-395 .wdd-r-1 .wwd-c-images-item-image {
    background-image: url(../png/wwd-porting-6.png)
}

.body-class-page-id-395 .wdd-r-2 .wwd-c-images-item-image {
    background-image: url(../png/wwd-porting-7.png)
}

.body-class-page-id-395 .wdd-r-3 .wwd-c-images-item-image {
    background-image: url(../png/wwd-porting-8.png)
}

.body-class-page-id-395 .wdd-r-4 .wwd-c-images-item-image {
    background-image: url(../png/wwd-porting-9.png)
}

.wwd-tech-text {
    padding-top: 50px;
    font-size: 18px;
    font-family: ProximaNova;
    color: #777782;
    font-weight: 700
}

.body-class-page-id-399 .wwd-c-images-item-text, .body-class-page-id-402 .wwd-c-images-item-text, .body-class-page-id-406 .wwd-c-images-item-text {
    font-size: 14px
}

.wwd-relinks-title, .wwd-relint-ttle {
    font-family: ProximaNova;
    color: #fff;
    text-transform: uppercase
}

.body-class-page-id-399 .section-porftolio-head {
    background: 0 0
}

.body-class-page-id-399 {
    background: url(../jpg/wwd-oculus-head.jpg) 50% 0 no-repeat #000;
    background-size: contain
}

.body-class-page-id-399 .pr-wwd-web {
    background-image: url(../jpg/wwd-oculus-small_banner.jpg)
}

.body-class-page-id-399 .wdd-1 .wwd-c-images-item-image {
    background-image: url(../png/wwd-oc-1.png)
}

.body-class-page-id-399 .wdd-2 .wwd-c-images-item-image {
    background-image: url(../png/wwd-oc-2.png)
}

.body-class-page-id-399 .wdd-3 .wwd-c-images-item-image {
    background-image: url(../png/wwd-oc-3.png)
}

.body-class-page-id-399 .wdd-4 .wwd-c-images-item-image {
    background-image: url(../png/wwd-oc-4.png)
}

.body-class-page-id-399 .wdd-5 .wwd-c-images-item-image {
    background-image: url(../png/wwd-oc-5.png)
}

.body-class-page-id-399 .wwd-c-bg2 {
    background: url(../jpg/wwd-oc-big-banner.jpg) 50% 50% no-repeat;
    background-size: auto 100%
}

.body-class-page-id-399 .wwd-c-bg2-inner-image {
    left: 0;
    top: 100px;
    width: 40%
}

.body-class-page-id-399 .wwd-c-bg2-right-title {
    margin-top: 30px;
    margin-bottom: 30px
}

.body-class-page-id-399 .wwd-4-times.wwd-c-images.wwd-c-img-2 .wwd-c-images-item .wwd-c-images-item-text {
    width: 100%;
    line-height: 1.6
}

.body-class-page-id-399 .wdd-r-1 .wwd-c-images-item-image {
    background-image: url(../png/wwd-oc-6.png)
}

.body-class-page-id-399 .wdd-r-2 .wwd-c-images-item-image {
    background-image: url(../png/wwd-oc-7.png)
}

.body-class-page-id-399 .wdd-r-3 .wwd-c-images-item-image {
    background-image: url(../png/wwd-oc-8.png)
}

.body-class-page-id-399 .wdd-r-4 .wwd-c-images-item-image {
    background-image: url(../png/wwd-oc-9.png)
}

.body-class-page-id-402 .section-porftolio-head {
    background: 0 0
}

.body-class-page-id-402 {
    background: url(../jpg/wwd-vr-header.jpg) 50% 0 no-repeat #000;
    background-size: contain
}

.body-class-page-id-402 .pr-wwd-web {
    margin-bottom: 100px;
    background-image: url(../jpg/wwd-vr-small_banner.jpg);
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: auto 100%
}

.body-class-page-id-402 .wdd-1 .wwd-c-images-item-image {
    background-image: url(../png/wwd-gear-1.png)
}

.body-class-page-id-402 .wdd-2 .wwd-c-images-item-image {
    background-image: url(../png/wwd-gear-2.png)
}

.body-class-page-id-402 .wdd-3 .wwd-c-images-item-image {
    background-image: url(../png/wwd-gear-3.png)
}

.body-class-page-id-402 .wdd-4 .wwd-c-images-item-image {
    background-image: url(../png/wwd-gear-4.png)
}

.body-class-page-id-402 .wdd-5 .wwd-c-images-item-image {
    background-image: url(../png/wwd-gear-5.png)
}

.body-class-page-id-402 .wwd-c-bg2 {
    background: url(../jpg/wwd-gear-big-banner.jpg) 50% 50% no-repeat;
    background-size: auto 100%
}

.body-class-page-id-406 .section-porftolio-head {
    background: 0 0
}

.body-class-page-id-406 {
    background: url(../jpg/wwd-vive-header.jpg) 50% 0 no-repeat #000;
    background-size: contain
}

.body-class-page-id-406 .pr-wwd-web {
    margin-bottom: 100px;
    background-image: url(../jpg/wwd-vive-small_banner.jpg);
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: auto 100%
}

.n-wr {
    white-space: nowrap
}

.body-class-page-id-406 .wdd-1 .wwd-c-images-item-image {
    background-image: url(../png/wwd-vive-1.png)
}

.body-class-page-id-406 .wdd-2 .wwd-c-images-item-image {
    background-image: url(../png/wwd-vive-2.png)
}

.body-class-page-id-406 .wdd-3 .wwd-c-images-item-image {
    background-image: url(../png/wwd-vive-3.png)
}

.body-class-page-id-406 .wdd-4 .wwd-c-images-item-image {
    background-image: url(../png/wwd-vive-4.png)
}

.body-class-page-id-406 .wdd-5 .wwd-c-images-item-image {
    background-image: url(../png/wwd-vive-5.png)
}

.body-class-page-id-406 .wwd-4-times.wwd-c-images.wwd-c-img-2 .wwd-c-images-item .wwd-c-images-item-text {
    width: 100%;
    padding-left: 25px;
    padding-right: 25px
}

.body-class-page-id-406 .wwd-c-bg2 {
    background: url(../jpg/wwd-origami-banner.jpg) 50% 50% no-repeat;
    background-size: auto 100%
}

.body-class-page-id-406 .wdd-r-1 .wwd-c-images-item-image {
    background-image: url(../png/wwd-vive-6.png)
}

.body-class-page-id-406 .wdd-r-2 .wwd-c-images-item-image {
    background-image: url(../png/wwd-vive-7.png)
}

.body-class-page-id-406 .wdd-r-3 .wwd-c-images-item-image {
    background-image: url(../png/wwd-vive-8.png)
}

.body-class-page-id-406 .wdd-r-4 .wwd-c-images-item-image {
    background-image: url(../png/wwd-vive-9.png)
}

.footer-socials {
    text-align: left
}

.footer-socials .at-share-tbx-element.at-share-tbx-native .at300b {
    display: inline-block;
    float: none
}

.footer-socials .addthis_counter.addthis_pill_style.at_native_button {
    display: none !important
}

.wwd-relinks {
    margin-top: 80px;
    margin-bottom: 100px
}

.wwd-relinks-title {
    margin-bottom: 40px;
    font-size: 30px;
    text-align: center
}

.wwd-relinks-link {
    display: inline-block;
    width: 25%;
    background: #151517;
    height: 195px;
    border: 1px solid #262632;
    float: left;
    border-right: none;
    text-align: center;
    text-decoration: none
}

.wwd-relinks-link:hover {
    text-decoration: none
}

.wwd-relinks-link:last-child {
    border-right: 1px solid #262632
}

.wwd-relink-image {
    margin-top: 50px;
    width: auto;
    height: 40px
}

.wwd-relint-ttle {
    margin-top: 35px;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    padding-left: 25px;
    padding-right: 25px
}

.wwd-relinks-link:hover .wwd-relint-ttle {
    text-decoration: none
}

#awwwards {
    top: 180px !important
}

.body-class-page-id-10 #awwwards.white {
    background: 0 0 !important
}

.body-class-single-blog img.size-full {
    max-width: 100%;
    height: auto
}

html {
    overflow-x: hidden
}

.with-recaptcha {
    margin-bottom: 20px
}

.body-class-page-template-service-original .main-game-left-game-title,
.body-class-page-template-service-original .main-game-left-game-title:hover {
    font-size: 32px
}

.body-class-page-template-service-original .main-game-left img {
    max-width: 100%
}

@media (max-width: 767px) {
    .g-b-c-p-right-title {
        margin-bottom: 10px
    }

    .spl-r-text,
    .spl-r-text p {
        margin-top: 10px
    }

    .body-class-page-id-67 .section-customers-small-text {
        display: none
    }

    body .g-b-c-p-right-title, body .spl-r-ttle {
        font-size: 20px
    }

    .body-class-page-template-service-original .main-game-left {
        width: 100%;
        float: none;
        height: auto;
        padding-bottom: 0
    }

    .body-class-page-template-service-original .main-game-left-game-title,
    .body-class-page-template-service-original .main-game-left-game-title:hover {
        top: 20% !important;
        padding-left: 0
    }

    .body-class-page-id-10 .secton-contact-us-title {
        font-weight: 900;
        font-family: ProximaNova;
        color: #fff
    }

    #c-form label.active {
        font-size: 1rem !important
    }
}

@media (max-width: 1060px) and (min-width: 768px) {
    .body-class-page-template-service-original .main-game-left-game-title,
    .body-class-page-template-service-original .main-game-left-game-title:hover {
        top: 30% !important
    }
}

.body-class-page-template-service-original .main-game-left > img {
    height: 480px;
    width: 100%;
    object-fit: cover;
}

.body-class-page-template-service-original .main-game-left-game-title,
.body-class-page-template-service-original .main-game-left-game-title:hover {
    line-height: 40px;
    text-align: center;
    top: 180px;
    left: 0
}

.body-class-page-template-service-original .main-game-left {
    display: block;
    height: auto
}

.body-class-page-template-service-original .main-game-left .main-game-left-game-title h2 {
    font-size: 32px;
    font-family: ProximaNova;
    color: #fefefe;
    text-transform: uppercase;
    font-weight: 900
}

@media (max-width: 350px) {
    .body-class-page-template-service-original .main-game-left .main-game-left-game-title h2 {
        font-size: 22px
    }
}

.what-we-do-16 .wwd-animation-container-2 {
    margin-top: -50px !important;
}

.wwd-2-c-col-right ul li {
    padding-left: 0;
    background: none;
}

.what-we-do-5 .wwd-animation-container-2 {
    margin-top: -25px !important;
}

.origami-player-button {
    display: block;
    background-image: url(../png/logo_normal.png);
    background-size: contain;
    background-repeat: no-repeat;
    padding-top: 23%;
    width: 250px !important;
    cursor: pointer;
}

.origami-player-button:hover {
    background-image: url(../png/logo_hover.png)
}

.body-class-page-id-178 .origami-player-button {
    background-image: url(../png/player_normal.png)
}

.body-class-page-id-178 .origami-player-button:hover {
    background-image: url(../png/player_hover.png)
}

.body-class-page-id-665 .origami-player-button {
    background-image: url(../png/player_normal.png)
}

.body-class-page-id-665 .origami-player-button:hover {
    background-image: url(../png/player_hover.png)
}

@media (min-width: 768px) {
    .body-class-page .modal-dialog {
        margin: 10% auto
    }
}

.body-class-page #myModal .modal-content {
    background: #222031
}

.body-class-page #myModal .modal-content {
    background: #222031
}

.body-class-page-id-192 #myModal .close, .body-class-page-id-192 #myModal .modal-title, .body-class-page-id-356 #myModal .close, .body-class-page-id-356 #myModal .modal-title, .body-class-page-id-370 #myModal .modal-title, .body-class-page-id-395 #myModal .close, .body-class-page-id-395 #myModal .modal-title, .body-class-page-id-406 #myModal .close, .body-class-page-id-406 #myModal .modal-title {
    color: #fff
}

.bf-text-t, .cu-boy-mobile {
    font-size: 31px;
    font-family: ProximaNova;
    color: #fefefe;
    line-height: 1.2;
    font-weight: 900;
    text-transform: uppercase
}

.body-class-postid-289 .arch-3r p, .body-class-postid-53 .game-video-bg > p {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 67.64%
}

.body-class-postid-289 .arch-3r p > video, .body-class-postid-53 .game-video-bg > p > video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.about-logos {
    margin-bottom: 30px
}

.about-logos img {
    margin-right: 50px
}

.body-class-page-id-217 .change-art {
    cursor: pointer
}

.body-class-page-id-370 .wwd-c-bg2-inner-image {
    width: 357px;
    height: 358px;
    background: url(../png/hex-wwd-3.png) no-repeat;
    cursor: pointer
}

.body-class-page-id-192 .wwd-c-bg2-inner-image::after, .body-class-page-id-370 .wwd-c-bg2-inner-image::after, .body-class-page-id-395 .wwd-c-bg2-inner-image::after {
    content: '';
    display: block;
    position: absolute;
    left: calc(50% - 61px);
    top: calc(50% - 61px);
    width: 122px;
    height: 122px;
    background: url(../png/player_normal-2.png) no-repeat
}

.body-class-page-id-192 .origami-player-button, .body-class-page-id-370 .origami-player-button, .body-class-page-id-395 .origami-player-button {
    width: 357px !important
}

.body-class-page-id-192 .origami-player-button, .body-class-page-id-192 .origami-player-button:hover, .body-class-page-id-395 .origami-player-button, .body-class-page-id-395 .origami-player-button:hover {
    background-image: none
}

.body-class-page-id-192 .wwd-c-bg2-inner-image:hover:after, .body-class-page-id-370 .wwd-c-bg2-inner-image:hover:after, .body-class-page-id-395 .wwd-c-bg2-inner-image:hover:after {
    background: url(../png/player_hover-2.png) no-repeat
}

@media (min-width: 1061px) {
    .prallax-text, .prallax-text h1 {
        letter-spacing: 2px
    }
}

.body-class-page-id-217 .t-wwd-new-title {
    text-align: center;
    margin-bottom: 30px
}

.body-class-page-id-217 .grid-item .pointer-play {
    content: '';
    display: block;
    position: absolute;
    left: calc(50% - 6.4vw / 2);
    top: calc(50% - 6.4vw / 2);
    width: 6.4vw;
    height: 6.4vw;
    background: url(../png/player_normal-2.png) 50% 50% no-repeat;
    cursor: pointer;
    pointer-events: none;
    background-size: cover
}

.body-class-page-id-217 .grid-item.animation:hover .pointer-play {
    background: url(../png/player_hover-2.png) no-repeat;
    background-size: cover
}

.body-class-page-id-61 .wwd-bid, .body-class-page-id-61 .wwd-small {
    cursor: pointer
}

.bot-form {
    position: relative;
    background: url(../jpg/gib.jpg) no-repeat #000;
    margin-top: 75px;
    padding-bottom: 50px;
}

.bot-form .section-portfolio-games {
    margin-top: 0
}

.bot-form .contact-fonm-container form .input-field {
    margin-bottom: 0
}

.bf-text-t {
    float: right;
    margin-top: 85px;
    margin-right: 76px
}

.cu-boy-mobile {
    text-align: center;
    display: none
}

.bot-form .contact-fonm-container {
    float: right;
    width: 50%
}

.menu-container-2 table {
    width: auto
}

@media all and (min-width: 768px) and (max-width: 1024px) {
    .body-class-postid-53 .spg-with-bg-new-hex .pos-rel-1 img {
        display: none
    }

    .bot-form {
        background-position: 50% 0
    }

    body.body-class-postid-53 {
        overflow-x: hidden
    }

    .body-class-postid-53 .portf-or-n-hex-b-with-bg {
        padding: 15px
    }

    .body-class-postid-53 .portf-or-n-hex-b-with-bg .g-g-title, .body-class-postid-53 .portf-or-n-hex-b-with-bg .portf-or-n-hex-text-top {
        position: relative
    }

    .body-class-postid-53 .portf-new-2-hex .hn-bg-2 {
        left: 0
    }

    .body-class-postid-53 .portf-new-2-hex-rigt {
        max-width: 100%
    }

    .body-class-postid-53 .portf-new-2-hex-3 {
        padding-left: 18px;
        padding-right: 18px
    }

    .body-class-postid-53 .new-hex-game-ui .game-prallax-text-static-redesign {
        padding-right: 0
    }
}

.getint-links .title {
    background-color: #ff0 !important
}

#myModal {
    padding: 0 !important;
    background: 0 0
}

#myModal .modal-dialog {
    width: auto;
    margin: 0;
    height: 100%
}

#myModal .modal-content {
    height: 100%
}

#myModal iframe {
    width: 100%;
    height: 500px
}

#myModal .modal-body {
    padding: 0;
    margin-top: 25px
}

#myModal .modal-title {
    font-size: 28px;
    line-height: 1
}

.game-prallax-text-static-redesign, .portf-or-n-hex-text-top {
    line-height: 1.83;
    font-family: ProximaNova
}

.about-logos > .row > div {
    text-align: center
}

.about-logos > .row > div > img {
    margin-right: 0;
    max-width: 90%;
    height: auto
}

@media all and (max-width: 767px) {
    .about-logos > .row > div {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .col-md-nopadding {
        padding: 0
    }

    .body-class-postid-306 .secton-image-header-title {
        margin: 0;
        bottom: 0
    }
}

.getint-links {
    text-align: right
}

.slick-dots, body .slick-slide {
    text-align: center
}

@media all and (min-width: 1024px) {
    .portf-g-orange-cover-game-title, .portf-g-orange-cover-game-title:hover {
        top: 90px
    }

    .main-prallas-small-desc {
        width: 70%;
        margin-left: auto;
        margin-right: auto
    }
}

@media all and (min-width: 1700px) {
    .main-prallas-small-desc {
        width: 60%
    }
}

.linkedin-gamace-link {
    display: inline-block;
    width: 81px;
    height: 24px;
    background: url(../png/li_follow.png)
}

.linkedin-gamace-link:hover {
    background: url(../png/li_follow_hover.png)
}

.about-logos-mobile .item img {
    margin-left: auto;
    margin-right: auto
}

.about-logos-mobile .carousel-control {
    height: 112px
}

.about-logos-mobile #myCarousel {
    height: 165px
}

.about-logos-mobile {
    display: none
}

body.body-class-postid-173 .fr-gpt {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: 10px;
    left: 0;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: 0;
    list-style: none
}

body .slick-dots li {
    width: 12px;
    height: 12px
}

body .slick-slider {
    margin-bottom: 50px
}

.slick-dots li button {
    display: inline-block;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #fff !important;
    border-radius: 10px;
    width: 12px !important;
    height: 12px !important
}

.slick-dots .slick-active button {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #fff
}

body .slick-slide img {
    display: inline-block
}

.g-b-c-p-right-title {
    font-size: 36px;
    font-family: ProximaNova;
    color: #fefeff;
    text-transform: uppercase
}

body .game-prallax-title, body .gp-stadium-bt {
    font-size: 36px;
    font-family: ProximaNova;
    text-transform: uppercase;
    color: #fff
}

.spl-r-ttle {
    font-size: 16px;
    letter-spacing: 1px
}

.blog-white ul li {
    list-style-type: square !important;
}

.blog-white img {
    max-width: 100%
}

@media all and (min-width: 1025px) and (max-height: 1700px) {
    .main-prallas-small-desc {
        font-size: 18px
    }
}

@media all and (min-width: 1701px) {
    .main-prallas-small-desc {
        font-size: 20px
    }
}

.prallax-darkness {
    background: rgba(0, 0, 0, .33);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.body-class-postid-53 .section-porftolio-head {
    padding-top: 46.42%
}

.body-class-postid-53 .portf-orange-devices {
    position: static;
    text-align: left
}

.portf-or-n-hex-text-top {
    font-size: 14px;
    color: #fff;
    text-align: left;
    max-width: 500px
}

.portf-or-n-hex-b-with-bg {
    padding-bottom: 80px;
    padding-left: 100px;
    position: relative
}

.portf-new-2-hex {
    margin-top: 100px;
    position: relative
}

.game-prallax-title-static {
    position: static;
    opacity: 1
}

.portf-new-2-hex-rigt {
    float: right;
    max-width: 600px;
    padding: 65px 60px;
    background: rgba(32, 32, 40, .3);
    position: relative
}

.game-prallax-text-static-redesign {
    font-size: 14px;
    color: #fff
}

.portf-new-2-hex-3 {
    margin-top: 100px;
    margin-bottom: 30px
}

.portf-new-2-hex-3-tech {
    text-align: center;
    margin-bottom: 150px
}

.portf-new-2-hex-3-tech img {
    margin-right: 30px;
    margin-bottom: 30px
}

.pos-rel-1 {
    position: relative
}

.pos-rel-1 img {
    position: absolute;
    right: 0;
    top: 0
}

.new-hex-block-8 {
    margin-top: 110px;
    text-align: center
}

.new-hex-block-8 .game-prallax-title.game-prallax-title-static {
    margin-bottom: 80px
}

.m-80 {
    margin-bottom: 80px !important
}

.pt-45 {
    padding-top: 45px
}

.game-environments {
    top: 150px !important
}

.hn-bg-1, .hn-bg-2 {
    position: absolute;
    top: 0;
    width: auto;
    height: 100%
}

.portf-new-2-hex-4-nbg {
    background-image: url(../jpg/hex-new-sub-bg.jpg) !important;
    background-size: 100% 100% !important
}

.body-class-postid-53 .game-video-bg {
    margin-top: 120px
}

.hn-bg-1 {
    right: 5%
}

.hn-bg-2 {
    left: -200px
}

.body-class-postid-53 .game-video .game-prallax-title, .game-client-tes .game-prallax-title, .new-hex-game-ui .game-prallax-title {
    position: static
}

.body-class-postid-53 .section-left-back-to-top {
    display: none
}

.new-hex-game-ui {
    margin-top: 100px
}

.body-class-postid-53 .game-prallax-3 {
    margin-top: 30px
}

.new-hex-game-ui .game-prallax-text-static-redesign {
    padding-right: 150px
}

.body-class-postid-53 .g-b-c-p-right-title {
    margin-bottom: 30px
}

.body-class-postid-53 .g-b-c-p-right-text li {
    list-style-type: circle
}

.game-client-tes {
    margin-top: 100px
}

.hex-ph-round {
    border: 4px solid #474354;
    border-radius: 100px;
    float: left;
    margin-right: 50px;
    width: 100%;
    height: auto
}

.hhr-tte {
    background: #202028;
    padding: 50px;
    margin-top: 20px
}

.game-client-tes-text {
    float: left;
    width: calc(100% - 300px)
}

.game-client-name {
    font-size: 14px;
    font-family: ProximaNova;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px
}

.game-client-name-sub {
    font-size: 14px;
    font-family: ProximaNova;
    color: #fff;
    font-weight: 700;
    margin-top: 13px;
    margin-bottom: 27px
}

.game-client-name-text {
    font-size: 14px;
    font-family: ProximaNova;
    color: #fff;
    line-height: 1.571;
    text-align: left
}

.hhr-tte .row {
    margin-bottom: 0
}

.default-page-class-no-head.section-porftolio-head {
    background-size: 100% auto
}

.default-page-class-no-head.section-portfolio-games {
    font-family: ProximaNova;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    padding: 10px 20px
}

.default-page-class-no-head.section-portfolio-games h2 {
    font-family: ProximaNova;
    font-size: 32px
}

@media (min-width: 768px) and (max-width: 1060px) and (orientation: portrait) {
    body, html {
        overflow-x: hidden
    }
}

@media (max-width: 450px) {
    .wwd-b-t-1 {
        margin-top: 25px !important
    }

    .body-class-page-id-665 .wwd-c-bg2 {
        background: none;
    }

    .body-class-page-id-710 .wwd-c-images-item {
        display: inline-block;
        width: 45%;
        margin: 5px;
    }

    .what-we-do-16 .wwd-animation-container-1 {
        margin-top: -170px !important;
    }

    .body-class-page-id-710 .wwd-4-times.wwd-c-images.wwd-c-img-2 .wwd-c-images-item .wwd-c-images-item-text {
        width: auto;
    }

    .body-class-page-id-710 .slot-service-item {
        display: inline-block;
        width: 90%;
    }

}

@media (max-width: 1025px) {
    .knight-stack-jump-mobile-slider .slick-track > .slick-slide {
        margin: 0 0.5rem !important;
    }

    .knight-stack-jump-mobile-slider .slick-dots {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        margin: 0.5rem auto;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        bottom: 45px;
    }

    .knight-stack-jump-mobile-slider .slick-dots > li {
        margin: 0 0.25rem;
    }

    .knight-stack-jump-mobile-slider .slick-dots > li button {
        padding: 0 !important;
    }
}

.what-we-do-section {
    height: auto !important;
}

.what-we-do-section .wp-block-column:not(:first-child) {
    margin-left: 20px;
}

.what-we-do-tile {
    position: relative;
    width: 100% !important;
    margin-bottom: 20px;
}

.what-we-do-tile .wwd-bg {
    height: 100% !important;
    object-fit: cover;
}

.what-we-do-section .wwd-small{
    height: 427px;
}

.what-we-do-tile .wwd-animation-container-1 {
    height: auto;
    top: 50%;
    transform: translateY(-25%);
}

.what-we-do-tile .wwd-icon {
    height: 89px;
    width: auto;
    background-size: contain !important;
    margin-bottom: 15px;
    background-repeat: no-repeat;
    background-position: center;
}

.what-we-do-section > div {
    width: 100%;
}

.what-we-do-section .wwd-text1 {
    margin-top: 0;
}

.wwd-text-btext > p {
    margin: 0;
}

@media (max-width: 1024px) {
    /*.wwd-animated.wwd-small .wwd-animation-container-2 {*/
    /*padding-top: 15px;*/
    /*}*/

    .wwd-animated.wwd-small .wwd-text-btext {
        margin-top: 20px;
    }

    .wwd-animated.wwd-small .wwd-link-more {
        margin-top: 15px;
    }
}

@media (max-width: 768px) {
    .what-we-do-section .wp-block-columns {
        margin-left: 6px;
    }

    .what-we-do-section .wwd-text1 {
        font-size: 1.75rem !important;
    }

    .what-we-do-tile .wwd-animation-container-1 {
        transform: translateY(-50%);
    }

    .wwd-animated.wwd-bid .wwd-first-image {
        margin-top: 50px;
    }

    .what-we-do-tile .wwd-text-small {
        font-size: 1.5rem;
    }

    .wwd-text-btext > p {
        font-size: 1.1rem;
        line-height: 1.5rem;
    }
}

@media (max-width: 599px) {
    .what-we-do-section .wp-block-column:not(:first-child) {
        margin-left: 0;
    }

    .what-we-do-section .wp-block-columns {
        max-width: 95%;
        margin: auto;
    }
}

.btn-container {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.btn-container .btn-item {
    display: block;
    position: relative;
    margin: 0 15px;
    overflow: hidden;
}

.btn-container .btn-item::before {
    content: ' ';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 0;
    height: 100%;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    background-color: transparent;
}

.btn-container .btn-item:hover::before {
    width: 200%;
    background-color: black;
}

.btn-container .btn-item span {
    padding: 10px 0;
    border: 2px solid black;
    width: 200px;
    color: black;
    text-align: center;
    display: inline-block;
    position: relative;
    z-index: 1;
}

.btn-container .btn-item:hover span {
    color: white;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

@media (max-width: 599px) {
    .btn-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .btn-container .btn-item {
        margin: 15px 0;
    }
}

@media all and (max-width: 576px) {
    .body-class-page-id-80,
    .body-class-page-id-105,
    .body-class-post-type-archive-blog {
        background-image: url("../png/header-blog-mobile.png");
    }
}