/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

@font-face {
    font-family: 'codec_proregular';
    src: url('/fonts/codec-pro-regular-webfont.woff2') format('woff2'),
    url('/fonts/codec-pro-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'codec_proheavy';
    src: url('/fonts/codecpro-heavy-webfont.woff2') format('woff2'),
    url('/fonts/codecpro-heavy-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'codec_profat_italic';
    src: url('/fonts/codecpro-fatitalic-webfont.woff2') format('woff2'),
    url('/fonts/codecpro-fatitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'codec_proextrabold';
    src: url('/fonts/codecpro-extrabold-webfont.woff2') format('woff2'),
    url('/fonts/codecpro-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: block;

}

@font-face {
    font-family: 'almoni-regular';
    src: url('/fonts/almoni-regular.otf');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'almoni-ultreblack';
    src: url('/fonts/almoni-ultreblack.otf');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}


body {
  font-family: 'codec_proregular';
  color:#000000;
}

a {
  color: #007bff;
}

a:hover {
  color: #007bff63;
  text-decoration: none;
}

/*--------------------------------------------------------------
# Define custom container width
--------------------------------------------------------------*/

.bth-cen.sec-title .style2 p {
    font-family: codec_profat_italic;
    font-size: 70px;
    font-style: italic;
    color: rgb(255, 51, 68);
    font-weight: 700;
    padding: 10px;
    letter-spacing: 1px;
    text-align: right;
    line-height: 54px;
    position: relative;
    max-width: 529px !important;
}
.bth-cen.sec-title .style2 p img {
    /* float: left; */
    position: absolute;
    left: 32px;
    top: 8px;
    z-index: -2;
}
span.style2 {

    float: left;
    width: 100%;
}

.ppg {
margin-bottom: 15px;
}

@media (min-width: 1200px) {
.container {
  max-width: 1200px;
}

}

/*--------------------------------------------------------------
# Change selection color
--------------------------------------------------------------*/

::-moz-selection { /* Code for Firefox */
  color: #ffffff;
  background: #FF3344;
}

::selection {
  color: #ffffff;
  background: #FF3344;
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/

section#hero, section#hero1 {
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	z-index: 1;
}

section#hero {
	background-image: url(/img/join-playground-b.jpg);

    padding-top: 100px;
    padding-bottom: 35px;
}

section#hero1 {
    padding-top: 116px;
    padding-bottom: 120px;

}

section#hero-games {
    background-image: url(/img/games-lobby-hero.png);
    padding-top: 146px;
    padding-bottom: 120px;

}
section#hero:after, section#hero1:after {content: '';position: absolute;width: 100%;height: 100%;z-index: -1;bottom: 0;}

.fixc section#hero:after, section#hero1:after {content: '';position: absolute;width: 100%;height: 100%;  z-index: -1;bottom: 0;}



#hero1 p {
    color: #fff;
    font-size: 19px;
    line-height: 23px;
    letter-spacing: .23px;
    padding-top: 10px;
    width: 50%;
    margin: auto;
}

#hero1 h3 {
    padding-top:10px;
    color: #fff;
    font-weight:bold;

}

#hero img.stroke-path2, #hero1 img.stroke-path2 {bottom: 100px;}

#hero img.stroke-path3, #hero1 img.stroke-path3 {bottom: 85px;}

#hero img.stroke-path5, #hero1 img.stroke-path5 {left: 65px;top: 100px;width: 32px;}

#job-title img.stroke-path3 {bottom: 0;}

#job-title img.stroke-path2 {bottom: -160px;}

#job-title img.stroke-path5 {left: 50px;top: 200px;width: 24px;opacity: 0.5;}

#job-title img.stroke-path1 {left: 350px;width: 35px;bottom: -90px;}


 img.stroke-path3 {bottom: 0;}

 img.stroke-path2 {bottom: -160px;}

img.stroke-path5 {left: 50px;top: 200px;width: 24px;opacity: 0.5;}

 img.stroke-path1 {left: 350px;width: 35px;bottom: -90px;}

/*--------------------------------------------------------------
# About Section
--------------------------------------------------------------*/

.about p {
    margin: 0;
    font-size: 19px;
    line-height: 23px;
    letter-spacing: 0.26px;
}

.about {
    padding: 30px 0px;
}

/*--------------------------------------------------------------
# Counter Section
--------------------------------------------------------------*/

#counts span {
    font-family: codec_profat_italic;
    font-size: 72px;
    color: #FF3344;
    letter-spacing: .98px;
    line-height: 63px;
    display: inline-block;
	position: relative;
    top: 7px;
    right: 10px;
}

#counts h2 {
    font-size: 50px;
    font-family: codec_proheavy;
    line-height: 63px;
    margin: 0;
}

section#counts {
    padding-bottom: 47px;
}

/*--------------------------------------------------------------
# Card Layout Section
--------------------------------------------------------------*/

.genre-title h3.content-title {
    color: #FFFFFF;
    font-size: 36px;
    letter-spacing: 0.49px;
    line-height: 34px;
    font-family: codec_profat_italic;
    margin: 0;
}

.card-img-container img {
    border-radius: 10px;
}

.genre-card {
    position: relative;
	padding-bottom: 35px;
    transition: visibility 0s 0.5s, opacity 0.5s linear;
}

.meta-center-desc {
    position: absolute;
    bottom: 45px;
    left: 15px;
	-webkit-transition: all .3s;
    transition: all .3s;
    -webkit-timing-function: ease-in-out;
    timing-function: ease-in-out;
}

.card-layout {
    padding-top: 50px;
}

.genre-card:hover .meta-center-desc {
    bottom: 60px;
}

#owl-demo .genre-card:hover {
    opacity: 40%;
    -webkit-opacity: 0.5; /* WebKit browser e.g. Safari */

}
#logo-bm {
    width:35%; left:auto; right:auto;  display: block;
    margin-left: auto;
    margin-right: auto;
}
#logo-bm2{
    width:100%; left:auto; right:auto;  display: block;
    margin-left: auto;
    margin-right: auto;
}
lottie-player {
    width: 100%;
}

#positionImgSection {
    width:75%;
}


/*--------------------------------------------------------------
# Homepage start
--------------------------------------------------------------*/


img.dextopimg {
    float: left;
    display: block;
    z-index: 5;

}
img.mobileimg {
    float: left;
    display: none;
}
.homepage.get-know section#hero1 {
    background-image: url(/img/home-banner-b.jpg);
    padding-top: 170px;
    padding-bottom: 148px;

}
.banner-text-right {
    float: left;
    width: 100%;
    max-width: 453px;
    padding-top: 290px;
    padding-left: 10px;
    margin-left: 112px;


    /* z-index: -2; */
    position: relative;
}
.home-banner-text {
    float: left;
}
.banner-text-right button {
    font-family: 'codec_proregular' !important;
}
.home-banner-text svg {
    float: left;
}
.one-articles .bigt.link {
    width: 100%;
}
.banner-text-right p {
    padding-top: 5px !important;
    font-weight: normal !important;
    line-height: 26px !important;
}
.banner-text-right h5 {
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1.5px;
    font-size: 24px;
    line-height: 25px;
    font-family: codec_proheavy;
}

.banner-text-right .btn-modal {
    width: 240px;
    right: 0;
    bottom: 0;
    margin-top: 15px;
    border: none;
    position: relative;
}

.banner-text-right .btn-modal svg {
    float: right;
    left: 15px;
    position: relative;
}
.bth-cen a {
    background: #FF3344;
    color: #fff;
    font-family: codec_proheavy;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: 0.27px;
    padding: 15px 34px;
    display: inline-block;
    border-radius: 26.5px;
}

.fix-heightvidoimage {
    height: 246px;
}
.bth-cen a:hover {
background-color:#ff5252;

}
.bth-cen {
    margin-top: 6px;
    margin-bottom: 18px;
    text-align: center;
    width: 100%;
}
.bth-cen.sec-title p {
    max-width: 656px;
    margin: 0 auto;
    padding-top: 20px;
    font-size: 19px;
    padding: 13px;
    line-height: 25px;
}

#our-worldwide.about-time h2 {
    text-align: center;
    font-size: 69.3px;
    line-height: 56.43px;
    letter-spacing: 0.94px;
    font-family: codec_profat_italic;
    text-transform: uppercase;
    color: #fff;
    font-weight: 900;
}
.text-middle-sec {
    display: table;
    height: 495px;
    width: 100%;
    text-align: center;
}

.text-middle-sec h2 {
    display: table-cell;
    vertical-align: middle;
}
.about-playlikec .bg-dark,.our-games-homec .bg-dark {
    background: transparent !important;
}
.about-playlikec .carousel-control-prev,.our-games-homec .carousel-control-prev {
    left: -60px;
    opacity: 1;
}
.about-playlikec .carousel-control-next,.our-games-homec .carousel-control-next {
    right: -60px;
    opacity: 1;
}
.about-playlikec .carousel-control-prev-icon ,.our-games-homec .carousel-control-prev-icon {
    background-image: url(/img/arroe-left-red.png);
}
.about-playlikec .carousel-control-next-icon, .our-games-homec .carousel-control-next-icon {
    background-image: url(/img/arroe-left-red.png);
    background-position: 1px -3px;
}
.about-playlikec a.bg-dark:focus, .about-playlikec a.bg-dark:hover, .about-playlikec button.bg-dark:focus, .about-playlikec button.bg-dark:hover {
    background-color: transparent !important;
}
img.stroke-pathplay {
    position: absolute;
    right: 0;
    top: 15px;
}
section#our-playround {
    position: relative;
    padding-bottom: 20px;
}

img.stroke-pathplay-tbm {
    position: absolute;
    bottom: 0px;
}
section#our-playround .bth-cen.sec-title p {
    max-width: 800px;
}
section#our-games-home {
    padding-top: 25px;
    border-top-right-radius: 25px;
    border-top-left-radius: 25px;
    margin-top: -30px;
    z-index: 99;
    position: relative;
    background: #fff;
    padding-bottom: 30px;
}
.about-playlikec a {
    font-weight: 100 !important;
    letter-spacing: 1px;
}

#our-playlike a > svg {
    width: 40px;
    height: 40px;
    box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.2);
    border-radius: 50px;
    padding: 10px;
}

#our-playlike a > svg path {
    fill: #000;
}

/*Our game start*/
.tile-container {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 0;
    transition: all 0.15s ease-out;
    font-family: sans-serif;
}
.game-tile.huge-tile {
    height: 660px;
}
.game-tile.big-tile {
    width: 676px;
    height: 370px;
}
.game-tile:hover .link, .game-tile.active .link {
    transform: none !important;
}
.game-tile {
    width: 320px;
    height: 194px;
    margin: 10px 36px 0 0;
    border-radius: 26px;
    -webkit-border-radius: 26px;
    -moz-border-radius: 26px;
    position: relative;

    overflow: hidden;
    background-color: #000;
    transition: all 0.7s cubic-bezier(1, -0.1, 0.54, 1.3);
    transform: translateZ(0);
    margin-right: 0px;
}
.game-tile .bg-image {
    height: 130%;
    transition: all 0.7s cubic-bezier(1, -0.1, 0.54, 1.3);
    transform-origin: top center;
    top: -5%;

}
.be-top {
    margin-bottom: 28px;
}
.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
    border: 2px solid rgba(255, 255, 255, 0.5);
}

.bg-image {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: cover;
    background-position: center;
    background-color: #000;
    background-repeat: no-repeat;
    z-index: 0;
    pointer-events: none;
}
.game-cover {
    top: 0;
    left: 0;
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.game-logo img {
    width: auto !important;
    max-width: 70%;
    display: inline-block !important;
}
.game-cover, .game-content {
    z-index: 1;
    position: absolute;
    height: 98%;
    width: 98%;
    padding: 4%;

}
.bigt.link {
    margin-bottom: 6px !important;
    position: relative;
    overflow: hidden;
}
.game-logo {
    width: 100%;
    text-align: center;
}
.game-tile .game-content {
    transform: translateY(100%);
}

.big-tile .game-texts {
    max-width: 247px;
    margin-top: 11px;
    margin-left: 21px;
}
.game-texts {
    max-width: 222px;
}
.game-tile.big-tile .game-title {
    transform: translateY(288px);
}

.game-tile .game-title {
    transform: translateY(144px);
    transition: all 0.7s cubic-bezier(1, -0.1, 0.54, 1.3);
    transition-delay: .05s;
}
.huge-tile .game-title h3 {
    font-size: 96px;
}
.big-tile .game-title h3 {
    /* font-size: 64px; */
    /* color: #ffffff; */
    text-align: left;
    font-size: 38px;
    line-height: 39px;
    letter-spacing: 0.48px;
    font-family: codec_profat_italic;
    text-transform: uppercase;
    color: #fff;
    font-weight: 900;
    max-width: 200px;
}
.game-tile:hover .game-app-icon {
    display: none;
}
.game-title h3 {
    text-align: left;
    font-size: 16.38px;
    line-height: 25px;
    letter-spacing: 0.21px;
    font-family: codec_profat_italic;
    text-transform: uppercase;
    color: #fff;
    font-weight: 200;
}
.game-tile.big-tile .game-subtitle {
    transform: translateY(288px);
}
.game-tile .game-subtitle {
    transform: translateY(144px);
    transition: all 0.7s cubic-bezier(1, -0.1, 0.54, 1.3);
    transition-delay: .1s;
}
.big-tile .game-subtitle {
    margin-top: 18px;
    color: #ffffff;
}
.game-subtitle {
    margin-top: 4px;
}
.big-tile .game-subtitle h4 {
    font-size: 27px;
    line-height: 1.025;
    font-weight: 300;
}
.game-subtitle h4 {
    line-height: 20.45px;
    letter-spacing: 0.22px;
    font-size: 16px;
    color: #ffffff;
    font-weight: normal !important;
    font-family: 'codec_proregular';
}
.game-tile.big-tile .game-description {
    transform: translateY(288px);
}
.game-tile .game-description {
    transform: translateY(144px);
    transition: all 0.7s cubic-bezier(1, -0.1, 0.54, 1.3);
    transition-delay: .125s;
    font-family: 'codec_proregular';
    font-size: 16.34px;
    line-height: 19.78px;
    letter-spacing: 0.22px;
}
.game-description {
    margin-top: 12px;
}
.game-description p, .game-description a.red-link span, a.red-link .game-description span {
    font-weight: 500;
    letter-spacing: -0.021em;
    font-size: 18px;
    color: #ffffff;
}
.game-tile.big-tile .game-app-icon {
    transform: translateY(288px);
}

.game-tile .game-app-icon {
    transform: translateY(144px);
    transition: all 0.7s cubic-bezier(1, -0.1, 0.54, 1.3);
    transition-delay: .075s;
}

.circ-12 {
    top: 50%;
    right: -125px;
    width: 17%;
    position: absolute;
}
.circ-13 {
    position: absolute;
    top: 9%;
    right: -5%;
}
.game-app-icon {
    width: 72px;
    height: 72px;
    position: absolute;
    top: 16px;
    right: 16px;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 2px 6px rgba(0,0,0,0.5);
}

.game-character-wrapper img, .game-character-wrapper svg {
    width: 100%;
    height: auto;
    display: block;
}
.game-character-wrapper {
    width: 206px;
    position: absolute;
    bottom: -12px;
    right: 0;
}
.game-tile.big-tile .game-character {
    transform: translateY(288px);
}

.game-tile .game-character {
    transform: translateY(144px);
    transition: all 0.7s cubic-bezier(1, -0.1, 0.54, 1.3);
    transition-delay: .15s;
}
.game-character {
    width: 100%;
    margin: 0 auto;
}
.game-tile:hover .link, .game-tile.active .link {
    transform: none;
}

.big-tile .game-links .stores a.app-store-link img, .big-tile .game-links .stores a.play-store-link img {
    width: auto;
    height: 100%;
}
.game-links {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 0 15px 22px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.big-tile .game-links .stores {
    margin-left: 0;
}
.game-tile:hover .link {
    float: left;
}
.two-articles .link-a a {
    float: right;
}

.two-articles .link a {
    float: left;
}

.two-articles .stores .link {
    float: left;
    /* width: auto; */
}
.two-articles .game-links .stores a {
    text-align: right;
    margin-right: 7px;
    height: 31px;
    width: 95px;
    float: left;
    padding-left: 0px;
    padding-right: 0px;
    font-family: codec_proextrabold;
}
.two-articles .link-a {
    float: right;
    /* min-width: 110px; */
    /* background: #000000; */
    margin-top: 4px;
}
.game-tile:hover .game-app-icon {
    display: none;
}
.game-links .stores a.app-store-link {
    width: 22.81px;
    height: 27.1px;
}
.game-tile.big-tile .app-store-link {
    transform: translateY(288px);
}
.game-links .stores a {
    margin-right: 24px;
}
.game-tile .app-store-link {
    transform: translateY(144px);
    transition: all 0.7s cubic-bezier(1, -0.1, 0.54, 1.3);
    transition-delay: .175s;
}
.game-tile.big-tile .link {
    transform: translateY(288px);
}

.game-tile .link {
    transform: translateY(144px);
    transition: all 0.7s cubic-bezier(1, -0.1, 0.54, 1.3);
    transition-delay: .225s;
}
.big-tile .game-links .red-button {
    font-family: codec_proextrabold;
    font-size: 17px;
    height: 43px;
    width: 135px;
    letter-spacing: 0.23px !important;
    text-transform: none;
    font-weight: 600;
    border-radius: 30px;
}
.game-links .red-button {
    font-size: 12px;
    height: 40px;
    padding: 0 21px;
}
.red-button {
    background-color: #ff3344;
    border-radius: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0;
    transition: all 0.15s ease-out;
    transform: translateZ(0);
    color: #fff;
    letter-spacing: 0.23px !important;
    font-family: 'codec_proregular';
}
.red-button:hover {
    color: #fff;
    opacity: 30%;
}

.game-app-icon {
    width: 72px;
    height: 72px;
    position: absolute;
    top: 16px;
    right: 16px;
    border-radius: 16px;
    overflow: hidden;

}
.game-links .stores img:hover {
    opacity: 0.5;
}
.big-tile .game-links .stores a.app-store-link, .big-tile .game-links .stores a.play-store-link {
    height: 41px;
    width: auto;
    margin-right: 12px;
}
.game-content {
    padding: 16px;
    padding-left: 14px !important;
    padding-top: 25px;
}
.game-links .stores a.play-store-link {
    width: 22.81px;
    height: 24.84px;
    margin-top: 2px;
}
.game-links .stores {
    float: left;

}
.big-tile .game-links .stores a {
    float: left !important;
}
.game-tile:hover .app-store-link, .game-tile.active .app-store-link {
    transform: none;
}
.big-tile .game-links .stores a.app-store-link img, .big-tile .game-links .stores a.play-store-link img {
    width: auto;
    height: 100%;
}

.game-tile:hover .game-cover, .game-tile.active .game-cover {
    transform: translateY(-100%) scale(0.8);
}
.game-tile:hover .game-content, .game-tile.active .game-content {
    transform: none;
}
.game-tile:hover .game-title, .game-tile.active .game-title {
    transform: none;
}

.game-tile:hover .game-subtitle, .game-tile.active .game-subtitle {
    transform: none;
}
.game-tile:hover .game-description, .game-tile.active .game-description {
    transform: none;
    text-align: left;
}
.game-tile:hover .game-app-icon, .game-tile.active .game-app-icon {
    transform: none;
}
.game-tile:hover .game-character, .game-tile.active .game-character {
    transform: none;
}
.game-tile:hover .bg-image, .game-tile.active .bg-image {
    transform: translateY(-15%) scale(1.05);
    opacity: 0.5;
}

.herohome {
    background-image: url(/img/hero-basket-b.jpg); background-size: cover;  background-position: center;
}

/*Our game ends*/

/*Our game carosel starts*/

/* clearfix */

.owl-carousel .owl-wrapper:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: ".";
    line-height: 0;
}


.video-map {
    height: 100vh;
}
/* display none until init */

.owl-carousel {
    position: relative;
    display: none;
    width: 100%;
    -ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
    position: relative;
    display: none;
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
    float: left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer;
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


/* mouse grab icon */

.grabbing {
    cursor: url(/images/grabbing.png) 8 8, move;
}


/* fix */

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
}

.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center;
}


/*
 *  Owl Carousel CSS3 Transitions
 *  v1.3.2
 */

.owl-origin {
    -webkit-perspective: 1200px;
    -webkit-perspective-origin-x: 50%;
    -webkit-perspective-origin-y: 50%;
    -moz-perspective: 1200px;
    -moz-perspective-origin-x: 50%;
    -moz-perspective-origin-y: 50%;
    perspective: 1200px;
}


/* fade */

.owl-fade-out {
    z-index: 10;
    -webkit-animation: fadeOut .7s both ease;
    -moz-animation: fadeOut .7s both ease;
    animation: fadeOut .7s both ease;
}

.owl-fade-in {
    -webkit-animation: fadeIn .7s both ease;
    -moz-animation: fadeIn .7s both ease;
    animation: fadeIn .7s both ease;
}


/* backSlide */

.owl-backSlide-out {
    -webkit-animation: backSlideOut 1s both ease;
    -moz-animation: backSlideOut 1s both ease;
    animation: backSlideOut 1s both ease;
}

.owl-backSlide-in {
    -webkit-animation: backSlideIn 1s both ease;
    -moz-animation: backSlideIn 1s both ease;
    animation: backSlideIn 1s both ease;
}


/* goDown */

.owl-goDown-out {
    -webkit-animation: scaleToFade .7s ease both;
    -moz-animation: scaleToFade .7s ease both;
    animation: scaleToFade .7s ease both;
}

.owl-goDown-in {
    -webkit-animation: goDown .6s ease both;
    -moz-animation: goDown .6s ease both;
    animation: goDown .6s ease both;
}


/* scaleUp */

.owl-fadeUp-in {
    -webkit-animation: scaleUpFrom .5s ease both;
    -moz-animation: scaleUpFrom .5s ease both;
    animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
    -webkit-animation: scaleUpTo .5s ease both;
    -moz-animation: scaleUpTo .5s ease both;
    animation: scaleUpTo .5s ease both;
}


/* Keyframes */


/*empty*/

@-webkit-keyframes empty {
    0% {
        opacity: 1
    }
}

@-moz-keyframes empty {
    0% {
        opacity: 1
    }
}

@keyframes empty {
    0% {
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes backSlideOut {
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
    }
    100% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
    }
}

@-moz-keyframes backSlideOut {
    25% {
        opacity: .5;
        -moz-transform: translateZ(-500px);
    }
    75% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(-200%);
    }
    100% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(-200%);
    }
}

@keyframes backSlideOut {
    25% {
        opacity: .5;
        transform: translateZ(-500px);
    }
    75% {
        opacity: .5;
        transform: translateZ(-500px) translateX(-200%);
    }
    100% {
        opacity: .5;
        transform: translateZ(-500px) translateX(-200%);
    }
}

@-webkit-keyframes backSlideIn {
    0%,
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(200%);
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0);
    }
}

@-moz-keyframes backSlideIn {
    0%,
    25% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(200%);
    }
    75% {
        opacity: .5;
        -moz-transform: translateZ(-500px);
    }
    100% {
        opacity: 1;
        -moz-transform: translateZ(0) translateX(0);
    }
}

@keyframes backSlideIn {
    0%,
    25% {
        opacity: .5;
        transform: translateZ(-500px) translateX(200%);
    }
    75% {
        opacity: .5;
        transform: translateZ(-500px);
    }
    100% {
        opacity: 1;
        transform: translateZ(0) translateX(0);
    }
}

@-webkit-keyframes scaleToFade {
    to {
        opacity: 0;
        -webkit-transform: scale(.8);
    }
}

@-moz-keyframes scaleToFade {
    to {
        opacity: 0;
        -moz-transform: scale(.8);
    }
}

@keyframes scaleToFade {
    to {
        opacity: 0;
        transform: scale(.8);
    }
}

@-webkit-keyframes goDown {
    from {
        -webkit-transform: translateY(-100%);
    }
}

@-moz-keyframes goDown {
    from {
        -moz-transform: translateY(-100%);
    }
}

@keyframes goDown {
    from {
        transform: translateY(-100%);
    }
}

@-webkit-keyframes scaleUpFrom {
    from {
        opacity: 0;
        -webkit-transform: scale(1.5);
    }
}

@-moz-keyframes scaleUpFrom {
    from {
        opacity: 0;
        -moz-transform: scale(1.5);
    }
}

@keyframes scaleUpFrom {
    from {
        opacity: 0;
        transform: scale(1.5);
    }
}

@-webkit-keyframes scaleUpTo {
    to {
        opacity: 0;
        -webkit-transform: scale(1.5);
    }
}

@-moz-keyframes scaleUpTo {
    to {
        opacity: 0;
        -moz-transform: scale(1.5);
    }
}

@keyframes scaleUpTo {
    to {
        opacity: 0;
        transform: scale(1.5);
    }
}



/* Clickable class fix problem with hover on touch devices */


/* Use it for non-touch hover action */



/* Styling Pagination*/

.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline;
    /*IE7 life-saver */
}


.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    opacity: 1;
    filter: Alpha(Opacity=100);
    /*IE7 fix*/
}


/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers {
    padding: 2px 10px;
    width: auto;
    height: auto;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    color: #FFF;
    font-size: 12px;
}


/* preloading images */

.owl-item.loading {
    min-height: 150px;
    background: url(/images/AjaxLoader.gif) no-repeat center center
}


/* CUSTOM USER OPTIONS */

.carousel-container {
    width: 100%;
}

.col-md-6 {
}
.item {
    margin: 0 10px;
    background: #fff;
    color: #333;
}

.customNavigation {
    margin-top: 5px;
    margin-right: 11px;
    text-align: center;
    width: 100%;
}
#our-games-home .btn {
    position: relative;
    display: inline-block;
    overflow: visible;
    margin: 16px;
    padding: 5px 10px;
    border: 0;
    box-shadow: none;
    color: #ffffff !important;
    text-transform: uppercase;
    text-shadow: none;
    font-size: 20px;
    -webkit-transition: all .1s ease-in 0s;
    -moz-transition: all .1s ease-in 0s;
    -o-transition: all .1s ease-in 0s;
    transition-property: all .1s ease-in 0s;
    -webkit-font-smoothing: antialiased;
    background: #ff3344;
    border-radius: 45px;
    box-shadow: 0px 1px 4px #bab5b5;
}


#our-games-home .btn:hover {
    background: #ff3344;
    color:#ffffff;
}
#our-games-home a.btn.gray.prev {
    left: -70px;
    position: absolute;
    z-index: 9999999999;
    top: 50%;
    transform: translateY(-50%);
}

#our-games-home a.btn.gray.next {
    position: absolute;
    z-index: 99999999;
    right: -70px;
    top: 50%;
    transform: translateY(-50%);
}

/*Our game carosel ends*/




@media (min-width: 768px) {

    .about-playlikec .carousel-inner .carousel-item-right.active,
    .about-playlikec .carousel-inner .carousel-item-next {
        transform: translateX(50%);
    }

    .about-playlikec .carousel-inner .carousel-item-left.active,
    .about-playlikec .carousel-inner .carousel-item-prev {
        transform: translateX(-50%);
    }
    /*Sticky CSS*/

    .add-sticky .sticky .bind-search {
        width: 100%;
        transition: all ease .10s;
        position: -webkit-sticky;
        position: sticky;
        top: 100%;
        border-radius: 0;
    }

    .search-div.sticky {
        position: -webkit-sticky;
        position: sticky;
        top: 47px;
    }

    .add-sticky .sticky .container {
        width: 100%;
        max-width: 100%;
        padding: 0;
    }

    .add-sticky .search-div.sticky:before {
        visibility: hidden !important;
    }

}

/* large - display 3 */
@media (min-width: 992px) {

    .about-playlikec .carousel-inner .carousel-item-right.active,
    .about-playlikec .carousel-inner .carousel-item-next {
        transform: translateX(33%);
    }

    .about-playlikec .carousel-inner .carousel-item-left.active,
    .about-playlikec .carousel-inner .carousel-item-prev {
        transform: translateX(-33%);
    }
}

@media (max-width: 768px) {
    .about-playlikec .carousel-inner .carousel-item>div {
        display: none;
    }

    .about-playlikec .carousel-inner .carousel-item>div:first-child, .about-playlikec .carousel-inner .carousel-item>div:nth-child(2) {
        display: block;
    }
}

.about-playlikec .carousel-inner .carousel-item.active,
.about-playlikec .carousel-inner .carousel-item-next,
.about-playlikec .carousel-inner .carousel-item-prev {
    display: flex;
}

.about-playlikec .carousel-inner .carousel-item-right,
.about-playlikec .carousel-inner .carousel-item-left {
    transform: translateX(0);
}


/*******************************************/

/*Our game carosel starts*/

/* clearfix */

.owl-carousel .owl-wrapper:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: ".";
    line-height: 0;
}


/* display none until init */

.owl-carousel {
    position: relative;
    display: none;
    width: 100%;
    -ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
    position: relative;
    display: none;
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
    float: left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer;
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


/* mouse grab icon */

.grabbing {
    cursor: url(/img/grabbing.png) 8 8, move;
}


/* fix */

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
}

.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center;
}



/*--------------------------------------------------------------
# Homepage ends
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Single Job
--------------------------------------------------------------*/

.top-title {
    background: #FF3344;
    padding-top: 157px;
    padding-bottom: 50px;
}

.top-title svg {
    width: 252px;
    height: auto;
}

.top-title h1 {
    font-size: 80px;
    font-family: codec_profat_italic;
    color: #fff;
    line-height: 80px;
    letter-spacing: 1.15px;
    padding-top: 8px;
}

.top-title h4 {
    color: #fff;
    line-height: 22px;
    font-size: 21px;
    letter-spacing: 0.28px;
    margin: 0;
}

#positionName h4 {
    font-size:  1.1rem;

}
/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  display: none;
  right: 15px;
  bottom: 15px;
  z-index: 99999;
}

.back-to-top i {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  background: #FF3344;
  color: #fff;
  transition: all 0.4s;
}

.back-to-top i:hover {
  background: #FFD96B;
  color: #fff;
}

/*--------------------------------------------------------------
# Footer CSS
--------------------------------------------------------------*/
.no-container {    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.footer-top {
    background: #000000;
    padding-top: 47px;
    padding-bottom: 50px;
    padding-left: 50px;
    padding-right: 50px;
}

#footer h4 {
    font-size: 15px;
    color: #ffffff;
    text-transform: uppercase;
    line-height: 15px;
    letter-spacing: 0.93px;
    font-family: codec_profat_italic;
    padding-bottom: 15px;
}

.footer-top ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: .16px;
}

.footer-top ul li a {
    color: #D0D0D0;
}

.first-me {
    padding-bottom: 15px;
}

.footer-top ul li:hover a {
    opacity: .8;
    transition: all ease .5s;
}

.footer-bottom .col-lg-9 {
    border-bottom: 1px solid #2C2C2C;
}

.cookie-setting a {
    color: #D0D0D0;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0.16px;
    position: absolute;
    bottom: -4px;
}

.cookie-setting {
    vertical-align: bottom;
}

.footer-bottom .col-lg-2:first-child:before {content: '';background: #2C2C2C;height: 1px;width: 50px;position: absolute;bottom: 0;right: 0;}

.copyright {
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.copyright span {
    color: #6B6B6B;
}

.copyright .col-lg-6:last-child {
    text-align: right;
}

/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  [data-aos-delay] {
    transition-delay: 0 !important;
  }
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  background: #FF3344;
  transition: all 0.5s;
  z-index: 997;
  padding: 0px 40px;
}

#header .logo img {
  max-height: 40px;
}

@media (max-width: 992px) {
  #header .logo {
    font-size: 28px;
  }
}


.fade:not(.show) {
    opacity: 1;
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Desktop Navigation */
.nav-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.nav-menu > ul {
  display: flex;
}

.nav-menu > ul > li {
  position: relative;
  white-space: nowrap;
  padding: 13px 0 13px 38px;
}

.nav-menu a {
  display: block;
  position: relative;
  color: #ffffff;
  transition: 0.3s;
  font-size: 15px;
  font-family:codec_proheavy;
  letter-spacing:0.2px;
}

/*  NEWS ROOM Dropdown*/

.nav-menu li > .newsroom-sub-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.nav-menu > ul > li.has-children > ul.newsroom-sub-menu {
    display: block;
    position: absolute;
    left: 24px;
    top: 100%;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    padding: 10px 80px 10px 15px;
    background: #f34;
}

.nav-menu > ul > li:hover ul.newsroom-sub-menu  {
    opacity: 1;
    top: 100%;
    visibility: visible;
}

.nav-menu > ul > li.has-children > ul.newsroom-sub-menu > li {
    padding: 0 0 10px;
}

.nav-menu > ul > li.has-children > ul.newsroom-sub-menu > li a {
    font-family: codec_proregular;
    font-size: 19px;
    line-height: 23px;
}

.nav-menu > ul > li.has-children > span > a {
    display: inline-block;
    vertical-align: top;
}

.nav-menu > ul > li.has-children > span > .arrow{
    border: solid #FFF;
    border-width: 0 3.5px 3.5px 0;
    display: inline-block;
    padding: 2.5px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin-left: 5px;
    position: absolute;
    margin-top: 4px;
}

/* Mobile - Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 640px) {
    .mobile-nav > ul > li.has-children > ul.newsroom-sub-menu{
        display: none;
    }

    .mobile-nav > ul > li.has-children > span{
        display: flex;
        align-items: center;
    }

    .mobile-nav > ul > li.has-children > span > .arrow{
        margin-left: 15px;
        position: relative;
        width: 12px;
        height: 12px;
        top: -2px;
        cursor: pointer;
        align-content: center;
        color: #fff;
        transform: rotate(45deg);
        border: solid #FFF;
        border-width: 0 3.5px 3.5px 0;
    }

    .mobile-nav > ul > li.has-children > ul.expanded{
        display: block;
        padding: 13px 15px 5px;
        padding-top: 0;
    }
}


/* NEWS ROOM END*/

/* KNOWLEDGE */

.nav-menu li > .knowledge-sub-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.nav-menu > ul > li.has-children > ul.knowledge-sub-menu {
    display: block;
    position: absolute;
    left: 24px;
    top: 100%;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    padding: 10px 80px 10px 15px;
    background: #f34;
}

.nav-menu > ul > li:hover ul.knowledge-sub-menu  {
    opacity: 1;
    top: 100%;
    visibility: visible;
}

.nav-menu > ul > li.has-children > ul.knowledge-sub-menu > li {
    padding: 0 0 10px;
}

.nav-menu > ul > li.has-children > ul.knowledge-sub-menu > li a {
    font-family: codec_proregular;
    font-size: 19px;
    line-height: 23px;
}

.nav-menu > ul > li.has-children > span > a {
    display: inline-block;
    vertical-align: top;
}

.nav-menu > ul > li.has-children > span > .arrow{
    border: solid #FFF;
    border-width: 0 3.5px 3.5px 0;
    display: inline-block;
    padding: 2.5px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin-left: 5px;
    position: absolute;
    margin-top: 4px;
}

/* Mobile - Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 640px) {
    .mobile-nav > ul > li.has-children > ul.knowledge-sub-menu{
        display: none;
    }

    .mobile-nav > ul > li.has-children > span{
        display: flex;
        align-items: center;
    }

    .mobile-nav > ul > li.has-children > span > .arrow{
        margin-left: 15px;
        position: relative;
        width: 12px;
        height: 12px;
        top: -2px;
        cursor: pointer;
        align-content: center;
        color: #fff;
        transform: rotate(45deg);
        border: solid #FFF;
        border-width: 0 3.5px 3.5px 0;
    }

    .mobile-nav > ul > li.has-children > ul.expanded{
        display: block;
        padding: 13px 15px 5px;
        padding-top: 0;
    }
}


/* KNOWLEDGE END */

.nav-menu li.active a > span:after {content: '';background: #FFD96B;width: 100%;height: 6px;position: absolute;left: 0;bottom: -14px;}

.nav-menu .drop-down ul {
  display: block;
  position: absolute;
  left: 24px;
  top: calc(100% + 30px);
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  padding: 10px 0;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: 0.3s;
  border-radius: 4px;
}

.nav-menu .drop-down:hover > ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}

.nav-menu .drop-down li {
  min-width: 180px;
  position: relative;
}

.nav-menu .drop-down ul a {
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 500;
  text-transform: none;
  color: #37423b;
}

.nav-menu .drop-down ul a:hover, .nav-menu .drop-down ul .active > a, .nav-menu .drop-down ul li:hover > a {
  color: #5fcf80;
}

.nav-menu .drop-down > a:after {
  content: "\ea99";
  font-family: IcoFont;
  padding-left: 5px;
}

.nav-menu .drop-down .drop-down ul {
  top: 0;
  left: calc(100% - 30px);
}

.nav-menu .drop-down .drop-down:hover > ul {
  opacity: 1;
  top: 0;
  left: 100%;
}

.nav-menu .drop-down .drop-down > a {
  padding-right: 35px;
}

.nav-menu .drop-down .drop-down > a:after {
  content: "\eaa0";
  font-family: IcoFont;
  position: absolute;
  right: 15px;
}

.social-top img {
    height: 18px;
}

.social-top a:nth-child(1), .social-top a:nth-child(2), .social-top a:nth-child(3) {
    padding-right: 30px;
}

.social-top {
    padding-left: 54px;
}

@media (max-width: 1366px) {
  .nav-menu .drop-down .drop-down ul {
    left: -90%;
  }
  .nav-menu .drop-down .drop-down:hover > ul {
    left: -100%;
  }
  .nav-menu .drop-down .drop-down > a:after {
    content: "\ea9d";
  }


}

/*--------------------------------------------------------------
# Call to Action
--------------------------------------------------------------*/

.cta-bottom {
    background: #FF3344;
    padding-top: 50px;
    padding-bottom: 68px;
	position:relative;
}

.cta-bottom-fix {
    padding-top: 0px;
}

.cta-bottom h2 {
    font-size: 70px;
    line-height: 57px;
    font-family: codec_profat_italic;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.95px;
    padding-bottom: 7px;
}

.cta-bottom h3 {
    font-size: 25px;
    line-height: 23px;
    letter-spacing: .34px;
    color: #fff;
    font-family: codec_proheavy;
    padding-bottom: 10px;
    margin-top:-35px
}

.cta-bottom p {
    font-size: 19px;
    color: #fff;
    line-height: 23px;
    letter-spacing: .23px;
    padding-bottom: 30px;
}

.cta-bottom a {
    font-family: codec_proheavy;
    font-size: 16px;
    color: #FF3344;
    background: #FFD96B;
    border-radius: 26.5px;
    padding: 12px 36px;
}


.cta-bottom a:hover {
    opacity: 40%;
    -webkit-opacity: 0.5; /* WebKit browser e.g. Safari */

}

.cta-bottom img.img-fluid {
    position: absolute;
    top: -232px;
    left: 20px;
}

img.stroke-path4 {
    left: 0;
    position: absolute;
}

img.stroke-path3 {
    position: absolute;
    right: 0;
}

img.stroke-path1 {
    position: absolute;
    right: 200px;
}

img.stroke-path2 {
    position: absolute;
    left: 0px;
    bottom: 100px;
}

img.stroke-path5 {
    position: absolute;
    left: 200px;
    top: 200px;
    width: 24px;
}

/*--------------------------------------------------------------
# Career Category
--------------------------------------------------------------*/

.bind-search {
    border-radius: 50px;
    background: #ffffff;
    height: 73px;
    line-height: 73px;
    padding-left: 32px;
    padding-right: 32px;
    box-shadow: 0px 12px 24px 0px rgba(0,0,0,0.15) !important;
}

.search-div {
    background: transparent;
    margin-top: -36.5px;
    padding-bottom: 50px;
    z-index: 9;
    position: relative;
}

.search-div:before {
    content: '';
    background: #f3f3f3;
    width: 100%;
    height: 100px;
    position: absolute;
    top: 36.5px;
    z-index: -1;

}

.bind-search input.search-field {
    width: 85%;
    border: 0;
    position: absolute;
    color: #000000;
    font-size: 30px;
    letter-spacing: 0.41px;
    line-height: 31px;
    opacity: .5;
    outline: none;
    height: 73px;
    padding-top: 4px;
}

#myJob .align-right, #myJob span.job-location, #myJob .bi-chevron-right,
#myJob .bi-chevron-right path, .add-spc .col-lg-5, .add-spc img,
.add-spc h2 br, .add-spc h3, .get-app, .topic-arc .card .col-lg-5,
.topic-arc .card .featured-img, .topic-arc .card .fl-con, .topic-arc .card .fl-div {
    display: inline-block !important;

}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance:none;
}

.bind-search svg.bi.bi-search {
    transform: rotate(80deg);
    width: 32px;
    margin-right: 15px;
}

.bind-search button#dropdownMenuButton,
.bind-search button#dropdownSecondaryMenuButton {
    background: transparent;
    border: 0;
    font-size: 23px;
    color: #000000;
    padding: 0;
    width: 100%;
    text-align: left;
    outline: none;
    box-shadow: none;
    padding-top:8px;
}

.bind-search .dropdown {
    padding-left: 35px;
    border-left: 1px solid #BEBEBE;
    position: sticky;
}

.bind-search .dropdown-toggle::after {visibility: hidden;}

.bind-search .dropdown:after {
    content: "";
    border-top: 14px solid;
    border-right: 14px solid transparent;
    border-bottom: 0;
    border-left: 14px solid transparent;
    position: absolute;
    top: 50%;
    cursor: pointer;
    right: 0;
    z-index: -1;
    margin-top:-2px;

    }

.bind-search .dropdown.show:after {
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-bottom: 14px solid black;
    border-top: 0;

}

.bind-search .dropdown-menu.show,
.bind-search .secondary-dropdown-menu.show {
    transform: translate3d(0px, 105px, 0px) !important;
    width: 100%;
    border: 0px;
    box-shadow: 0px 12px 24px 0px rgba(0,0,0,0.19);
    border-radius: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-left: 25px;


}


.bind-search .dropdown-menu li,
.bind-search .secondary-dropdown-menu li {
    line-height: 30px;
    font-size: 17px;
    color: #000000;
    letter-spacing: 0.23px;
    cursor: pointer;
}

.bind-search .dropdown-menu li:hover,
.bind-search .secondary-dropdown-menu li:hover {
    background: #f3f3f3;
}

.bind-search .dropdown-menu.show:before,
.bind-search .secondary-dropdown-menu.show:before {
	content: '';
	border-left: 18px solid transparent;
	border-right: 18px solid transparent;
	border-bottom: 18px solid white;
	border-top: 0;
	transition: all ease .5s;
	top: -17px;
	position: absolute;
	right: 30px;
}

img.category-title-image {
	width: 35%;
	height:auto;
	padding-top:40px;
}
img.position-title-image {
	width: 100%;
	height:auto;

	margin:auto;
}
.block-opacity {
    opacity: 0.3;
    color: black;
}

#positionName {
    color: #ff3344;
}
.fixed-sticky-search {
    position: fixed;
    margin-top: -557px;
    margin-left: 350px;

}

.fixed-sticky-search-games {
    position: fixed;
    margin-top: -378px;
    margin-left: 350px;

}

.fixed-sticky-search-press {
    position: fixed;
    margin-top: -487px;
    margin-left: 350px;

}


/*--------------------------------------------------------------
# Job Opening
--------------------------------------------------------------*/

.open-jobs {
    background: #F3F3F3;
    padding-top: 21px;
	padding-bottom: 64px;
}

.open-jobs .col-lg-12 > h2 {
    font-size: 30px;
    line-height: 31px;
    color: #000000;
    opacity: .4;
    margin: 0;
    text-align: center;
    padding-bottom: 54px;
}

.job-wrap .card {
    height: 96px;
    border: 0px;
    border-radius: 50px;
    line-height: 96px;
    padding: 0px 38px;
}
.job-wrap .card:hover{
    opacity: 40%;
    -webkit-opacity: 0.5; /* WebKit browser e.g. Safari */


}

.topic-arc .card:hover{
    opacity: 1;

}
.job-wrap a {
    color: #000000;
    font-size: 35px;
    text-decoration: none;
    letter-spacing: 0.39px;
}

.align-right {
    float: right;
}

span.job-location {
    font-size: 19px;
    color: #000;
    letter-spacing: 0.26px;
    padding-right: 100px;
}

.card .bi-chevron-right {
    background: #FF3344;
    width: 41px;
    height: 41px;
    padding: 10px;
    border-radius: 50px;
    color: #fff;
}

.job-wrap .card {
    margin-bottom: 15px;
    border: 0;
    border-radius: 50px;
}

.job-desc {
    padding-top: 105px;
}

.job-desc h2 {
    font-size: 42px;
    letter-spacing: 0.49px;
    line-height: 36px;
    font-family: codec_proheavy;
    margin: 0;
}

.job-details ul {
    margin: 0;
    list-style: none;
    padding-top: 28px;
}

.job-details ul li {

    letter-spacing: 0.23px;
    line-height: 23px;
    padding-bottom: 20px;
    position: relative;
}

h2.top-req {
    padding-top: 50px;
}

.job-desc .col-lg-7 h3 {
    font-family: codec_proheavy;
    font-size: 17px;
    line-height: 23px;
    letter-spacing: 0.23px;
}

.job-details ul li:before {content: '';background-image: url(/img/color-path.svg);position: absolute;width: 13px;height: 13px;background-size: contain;background-repeat: no-repeat;left: -40px;top: 7px;}

.trigger-video {
    position: relative;
}

.trigger-video .btn-primary {
    position: absolute;
    border: 0;
    background: rgba(0,0,0,0.3);
    border-radius: 50px;
    padding: 0;
    width: 61px;
    height: 61px;
    right: 15px;
    bottom: 20px;
    outline: none;
}

.trigger-video svg.bi.bi-play-fill {
    color: #242424;
    width: 28.68px;
    height: 28.68px;
}

.trigger-video .btn-primary:focus, .trigger-video .btn-primary:active {
    box-shadow: none;
    background-color: rgba(0,0,0,0.3) !important;
    border: none;
}

.apply-job {
    padding-top: 0px;
}

.email-us {
    padding-top: 67px;
    padding-left: 75px;
    padding-right: 75px;
}

.email-us label:not(.custom-file-label) {
    font-size: 19px;
    color: #767676;
    line-height: 23px;
    letter-spacing: 0.26px;
    margin-bottom: 3px;
    float: left;
}

.email-us .form-control {
    border: 2px solid #D1D1D1;
    border-radius: 50px;
    height: 48px;
    outline: none;
}

.email-us .form-row {
    padding-bottom: 20px;
}

.email-us .custom-file {
    border: 2px solid #D1D1D1;
    border-radius: 50px;
    height: 48px;
    outline: none;
}

.email-us .custom-file label {
    float: right;
    width: 100%;
    height: 48px;
    margin: 0;
    position: absolute;
    right: 0;
}

.email-us .custom-file label span {
    position: absolute;
    right: 20px;
    top: 12px;
    color: #FF3344;
    font-weight: 900;
}

.job-form p {
    font-size: 10px;
    letter-spacing: 0.14px;
    margin: 0;
    line-height: 23px;
}

.job-form p a {
    color: rgb(0, 0, 0);
    border-bottom: 1px solid;
    display: inline-block;
    line-height: 14px;
}

.apply-job h6 {
    font-size: 10px;
    padding-top: 30px;
}

.apply-job h6 svg {
    width: 55px;
    height: auto;
}

.email-us [type="submit"] {
    clear: both;
    display: inline-block;
    background: #FF3344;
    border: 0px;
    outline: none;
    color: #fff;
    font-size: 19px;
    line-height: 19px;
    letter-spacing: 0.26px;
    font-family: codec_proheavy;
    padding: 17px 31px;
    border-radius: 26.5px;
    margin-top: 55px;
}


.text-center {
    padding-top:10px;

}


.email-us .text-center a {
    display: inline-block;
    font-size: 19px;
    line-height: 19px;
    letter-spacing: 0.26px;
    font-family: codec_proheavy;
    color: #FFD96B;
    border-bottom: 3px solid #FBEB75;
}

.emp-corner {
    padding-top: 40px;
    padding-bottom: 20px;
}

.job-form .social-links {
    padding-top: 40px;
    padding-bottom: 80px;
}

.job-form .social-links a {
    width: 31px;
    height: 31px;
    display: inline-block;
    background: #000;
    color: #fff;
    line-height: 36px;
    border-radius: 50px;
    margin-right: 50px;
}

.social-links span {
    font-size: 15px;
    line-height: 19px;
    display: inline-block;
    margin-right: 50px;
}

.job-form .social-links a:last-child {
    margin-right: 0;
}

.social-links svg {
    height: 16px;
    position: relative;
    top: -3px;
}

section#thank-you {
    background: #FF3344;
    padding-top: 193px;
    padding-bottom: 130px;
	position: relative;
}

.pp-meta img {
    position: absolute;
}

img.rt-pp {
    right: 0;
    top: 100px;
}

img.lt-pp {
    bottom: 30px;
}

.th-meta h3 {
    color: #fff;
    font-size: 33px;
    line-height: 40px;
    padding-top: 20px;
}

.th-page img {
    position: absolute;
}

img.st-sv {
    right: 0;
    top: 150px;
}

img.ft-sv {
    bottom: 50px;
}

img.ft-sv {
    bottom: 50px;
}

.th-meta a {
    clear: both;
    display: inline-block;
    background: #FFD96B;
    border: 0px;
    outline: none;
    color: #FF3344;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: 0.27px;
    font-family: codec_proheavy;
    padding: 15px 33px;
    border-radius: 26.5px;
    margin-top: 20px;
}

img.apply-now {
	width: 100%;
	height:auto;
}

#responsibilities {
    padding-top:10px;
}

/*--------------------------------------------------------------
# Privacy Policy
--------------------------------------------------------------*/

.pp-page {
    padding: 162px 0px 112px;
    background: #FF3344;
	position:relative;
}

.pp-page h1 {
    margin: 0;
    color: #ffffff;
    font-size: 73.18px;
    line-height: 117.7px;
    letter-spacing: 0.99px;
    font-family: codec_proheavy;
    text-transform: uppercase;
}



.pp-content {
    padding-top: 35px;
	padding-bottom: 163px;
}

.legal-links {
    padding-bottom: 35px;
}

.pp-content h2 {
    font-size: 26px;
    line-height: 28px;
    letter-spacing: 0.35px;
    font-family: codec_proextrabold;
}

h2.get-more {
    padding-bottom: 16px;
    padding-top: 16px;
}

.pp-content p {
    font-size: 19px;
    letter-spacing: 0.26px;
    line-height: 23px;
}

h2.get-more {
    padding-bottom: 16px;
    padding-top: 16px;
}

.pp-content h5 {
    font-size: 14px;
    letter-spacing: 0.19px;
    line-height: 23px;
    padding-bottom: 18px;
}

.game-meta h3 {
    height: 80px;
}


/*--------------------------------------------------------------
# Games Lobby
--------------------------------------------------------------*/

.game-wrap {background: #fff;border-radius: 27px;margin-bottom: 30px; transition: visibility 0s 0.5s, opacity 0.5s linear;}

.game-meta > img.img-fluid {width: 54px;position: absolute;top: 20px;right: 30px;border-radius: 13px;box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2);}

.game-meta a  img.img-fluid {height: 27px;border-radius: 0;}    .game-meta h2 {font-family: codec_profat_italic;text-transform: uppercase;font-size: 27px;line-height: 24px;letter-spacing: 0.37px;}

.game-meta h3 {width: 91%; font-size: 16px;line-height: 17px;letter-spacing: 0.22px;padding-top: 15px;margin: 0;padding-bottom: 5px;}

.game-meta {padding: 30px 40px 10px 0px;}   .game-wrap .col-lg-5 img.img-fluid {border-radius: 27px;box-shadow: 0px 8px 24px 0px rgba(0,0,0,0.15);}

a.play-but {background: #FF3344;color: #fff;padding: 8px 12px;font-size: 13px;line-height: 23px;font-family: codec_proheavy;border-radius: 19px;}

a.pl-ic {margin: 0px 10px;top: 4px;position:relative;}  .game-meta a:last-child img.img-fluid {position: relative;top: 4px;}

.add-spc {padding-bottom: 30px;}    .footer-img {position:relative;}   section#games-open {padding-bottom: 25px;}  .game-lobby img.stroke-path2 {left: 0;top: 100px;}

.footer-img span a {color: #000;}   .no-more, .scroll-games {text-align: center;}   .scroll-games img.img-fluid {width: 50px;}

.get-app .img-fluid:hover {
    opacity: 0.5;
}
#hero-games img.stroke-path2 {
    position: absolute;
    left: 0px;
    bottom: 100px;
}

#hero-games img.stroke-path3 {

    bottom: 40px;
}

.play-but:hover {opacity:40%;
    -webkit-opacity: 0.5; /* WebKit browser e.g. Safari */

}

.read-more:hover {
    opacity:80%;
    -webkit-opacity: 0.8; /* WebKit browser e.g. Safari */
    color:#fff;

}

#footer {
    position: relative;
}
/*--------------------------------------------------------------
# Footer Mobile
--------------------------------------------------------------*/

#footer-mobile .card-header {border: 0;padding: 0;display: block;}

#footer-mobile .card:nth-child(5) {border-bottom: 0;}

#footer-mobile button.btn.btn-link {display: block;width: 100%;text-align: left;font-size: 12px;text-transform: uppercase;color: #fff;letter-spacing: 0.86px;font-family: codec_profat_italic;text-decoration: none;}

#footer-mobile .card {border: 0px;border-bottom: 1px solid rgba(255, 255, 255, 0.25);}

section#footer-mobile {background: #000;padding-top: 25px;position: relative;}

#footer-mobile div#accordionExample .card-header, #footer-mobile div#accordionExample .collapse {background: #000;}

#footer-mobile ul {padding-left: 20px;padding-bottom: 0px;list-style: none;background: #000;margin-bottom: 10px;}

#footer-mobile ul li a {font-size: 12px;line-height: 18px;color: #ffffff;letter-spacing: 0.16px;}

#footer-mobile ul li {line-height: 18px;}   #footer-mobile .card-body, #footer-mobile .col-md-12.footer-links {padding: 0;}

/*--------------------------------------------------------------
# Blog Posts
--------------------------------------------------------------*/

.topic-arc .job-wrap .card {border-radius: 0;
    background: transparent;
    padding: 60px 0px;
    height: auto;
    line-height: 1;
    margin: 0;
    border-top: 1px solid rgba(151, 151, 151, 0.3);
}

.featured-img span.topic-tag {position: absolute;font-size: 14px;font-family: codec_proheavy;line-height: 23px;letter-spacing: 0.19px;background: rgba(255, 255, 255, 0.7);border-radius: 0 8px 8px 0;padding: 6px 16px;top: 20px;}

.featured-img img.img-fluid {border-radius: 10px;}  .featured-img {position: relative;}

.all-topics .col-lg-7 h2 {font-family: codec_proheavy;font-size: 24px;line-height: 25px;padding-top: 13px;padding-bottom: 10px;padding-right: 30px;}

.all-topics .col-lg-7 p {font-size: 19px;line-height: 23px;letter-spacing: 0.26px;}

.all-topics .col-lg-7 h5 {font-size: 16px;line-height: 17px;letter-spacing: 0.22px;color: rgba(0, 0, 0, 0.35);}

.fl-con {position: absolute;bottom: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;max-width: 670px;width: 100%;}

.fl-div:last-child {float: right;}  .fl-div:nth-child(2) {float: left;}  .topic-arc section#topics {padding-top: 40px;} .topic-arc section#search-opt {padding-bottom: 39px;}

.fl-div a {background: #FF3344;color: #fff;font-size: 14px;line-height: 23px;border-radius: 19px;letter-spacing: 0.19px;padding: 9px 18px;font-family: codec_proheavy;}

.fl-div {padding-right:10px;}
.footer-img span {position: absolute;left: 50%;transform: translateX(-50%);bottom: 20px;font-size: 15px;line-height: 16px;letter-spacing: 0.2px;}

.footer-img span a {color: #000;}   .no-more, .scroll-games {text-align: center;}   .scroll-games img.img-fluid {width: 50px;}

/*--------------------------------------------------------------
# Get to know us
--------------------------------------------------------------*/
#noPositionsCount {
    display:none;
}
.hide-desktop-inline {
    display:none;
}
.btn-modal {
    position: absolute;
    bottom: 85px;
    border: 2px solid rgba(255, 255, 255, 0.5);
    border-radius: 50px;
    outline: none;
}

.btn-modal-life {
    bottom: 35px;
}
.btn-modal button.btn.btn-primary {
    background: transparent;
    border: 0;
    font-size: 19px;
    padding: 11px 29px;
}

.banner-text-right .btn-modal button.btn.btn-primary {
    background: transparent;
    border: 0;
    font-size: 19px;
    padding: 11px 29px;
    border: 2px solid rgba(255, 255, 255, 0.5);
    border-radius: 50px;
}

.btn-modal svg.bi.bi-play-fill {
    background: rgba(255, 255, 255, 0.4);
    border-radius: 50px;
    width: 28px;
    height: 28px;
    padding: 5px;

}

.video-hero {
    object-fit: fill;
}

.video-height {
    height: 40vw;
}
#our-playround p {
    margin-top:30px !important;
}
.video-height-setion {

}
.about-data h2 {
    font-size: 26px;
    line-height: 27px;
    letter-spacing: 0.35px;
    font-family: codec_proheavy;
    width: 99%;
}
.logo-bm-json {
    width:70%;
    margin-top:10px;
}
.about-data p {
    font-size: 19px;
    line-height: 23px;
    letter-spacing: 0.26px;
    padding-top: 11px;
    width: 99%;
}
.get-know .btn-modal {
    right: 50%;
    transform: translateX(50%);
}

.btn-modal-life {
    right: 50%;
    transform: translateX(50%);
}
.about-data {
    padding-top: 120px;
    padding-bottom: 70px;
}

.our-stat {
    text-align: center;

    padding-bottom: 70px;
}

.our-stat h3 {
    font-size: 25px;
    line-height: 20px;
    letter-spacing: .34px;
    color: #FF3344;
    font-family: codec_profat_italic;
    text-transform: uppercase;
    margin: 0;
}

.activity.left .add-content {
    margin-left: 50px;
}

.activity.right .add-content {
    margin-right: 50px;
}

.activity.left.first .add-content {
    margin-left: 0;
    transition: all ease .5s;
}

.activity.right.first .add-content {
    margin-right: 0;
    transition: all ease .5s;
}

.our-stat {
    margin-right: 88px;
}


.our-stat h2 {font-size: 68px;line-height: 60px;letter-spacing: 0.88px;font-family: codec_profat_italic;color: #FF3344; margin: 0;display: inline-block;}

.our-stat h4 {font-size: 19px;line-height: 19px;letter-spacing: 0.26px;}

.our-stat .col-lg-6:nth-child(1), .our-stat .col-lg-6:nth-child(2) {padding-bottom: 30px;}

.about-values {background: #FF3344;padding: 20px 0px 70px 0px;}

.about-values div#carouselExampleIndicators { width: 100%;}

.about-values > h2 {text-align: center;font-size: 44px;line-height: 57px;letter-spacing: 0.6px;font-family: codec_profat_italic;color: #fff;}

.about-values .carousel-item {text-align:center;}

.about-values .carousel-item h2 {color: #fff;font-family: codec_profat_italic;font-size: 50px;margin-bottom: 20px;}

.about-values h5 {text-align: center; font-size: 25px; line-height: 25px;color: #fff; font-family: codec_proheavy;text-transform: uppercase;letter-spacing: -0.27px;margin-bottom: 20px;}

.about-values .carousel-item p { width: 36%;
    margin: auto; font-size: 19px;line-height: 19px;color: #fff;}

.about-values .carousel-item img {width:65%;}

.about-values .carousel-indicators {margin-bottom: 0;bottom: -45px;}

.about-values .carousel-indicators li {width: 12px;height: 12px;border-radius: 50%; margin-right: 10px;margin-left: 10px;}

.carousel-control-prev-icon {background-image: url(/img/left-chevron.svg);}

.carousel-control-next-icon, .carousel-control-prev-icon {width: 40px;height: 40px;}

.carousel-control-next-icon {background-image: url(/img/left-chevron.svg);transform: rotate(180deg);}
.get-know .carousel-control-next{
    padding-top:50px;
}
.get-know .carousel-control-prev{
    padding-top:50px;
}

.topic-arc section#call-action {background-image: url(/img/shridhar-gu3.png);padding-top: 80px;padding-bottom: 90px; background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%; }





.topic-arc .cta-bottom a {background: #FF3344;color: #fff;}

.topic-arc section#call-action:before {content: '';position: absolute;width: 100%;height: 100%;background: rgba(56,55,80,0.6);top: 0;}

.carousel-control-prev-icon:hover {
    opacity: 40%;
    -webkit-opacity: 0.5; /* WebKit browser e.g. Safari */

}


.carousel-control-next-icon:hover {
    opacity: 40%;
    -webkit-opacity: 0.5; /* WebKit browser e.g. Safari */

}

/*--------------------------------------------------------------
# Mobile Navigation
--------------------------------------------------------------*/

.mobile-nav-toggle {
  position: fixed;
  top: 17px;
  right: 4px;
  z-index: 1000;
  border: 0;
  background: none;
  font-size: 24px;
  transition: all 0.4s;
  outline: none !important;
  line-height: 1;
  cursor: pointer;
  text-align: right;
}

.mobile-nav-toggle i {
  color: #ffffff;
}

.mobile-nav {
  position: fixed;
  top: 55px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  z-index: 9999;
  overflow-y: auto;
  background: #FF3344;
  transition: ease-in-out 0.2s;
  opacity: 0;
  visibility: hidden;
  border-radius: 10px;
  padding: 10px 0;
}

.mobile-nav * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mobile-nav a {
   display: block;
   position: relative;
   color: #ffffff;
   padding: 15px 0px;
   font-weight: 500;
   outline: none;
   font-size: 24px;
   font-family: codec_proextrabold;
}

.mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a {
  color: #ffffff;
  text-decoration: none;
}

.bar1, .bar2, .bar3 {
  width: 22px;
  height: 2px;
  background-color: #fff;
  margin: 4px 0;
  transition: 0.4s;
}

.mobile-nav-active .bar1 {
  -webkit-transform: rotate(-45deg) translate(-9px, 6px);
  transform: rotate(-45deg) translate(-1px, 1px);
}

.mobile-nav-active .bar2 {opacity: 0;}

.mobile-nav-active .bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -8px);
  transform: rotate(45deg) translate(-7px, -8px);
}

.mobile-nav .drop-down > a {
  padding-right: 35px;
}

.mobile-nav .drop-down ul {
  display: none;
  overflow: hidden;
}

.mobile-nav .drop-down li {
  padding-left: 20px;
}

.mobile-nav-overly {
  width: 100%;
  height: 100%;
  z-index: 9;
  top: 0;
  left: 0;
  position: fixed;
  background: #FF3344;
  overflow: hidden;
  display: none;
  transition: ease-in-out 0.2s;
}

.mobile-soc img {
    height: 18px;
}

.mobile-soc a {
    display: inline-block;
    padding-right: 20px;
}

.foot-bot {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 0px 15px 0px 15px;
}

.foot-bot span {
    font-size: 10px;
    color: #fff;
}

.foot-bot span:first-child {
    float: left;
}

.foot-bot span:last-child {
    float: right;
}

.mobile-nav-active {
  overflow: hidden;
}

li.mobile-soc {
    display: none;
}

.mobile-nav-active .mobile-nav {
  opacity: 1;
  visibility: visible;
}

.mobile-nav-active .mobile-nav-toggle i {
  color: #fff;
}

.nav-menu li:hover a > span:after {
    content: '';
    background: #FFD96B;
    width: 100%;
    height: 6px;
    position: absolute;
    left: 0;
    bottom: -13.5px;
    transition: all ease .5s;
}

.mobile-nav ul > li {
    border-top: 1px solid rgba(255, 255, 255, 0.5);
}

.mobile-nav .drop-down > a:after {
    content: "\ea99";
    font-family: IcoFont;
    position: absolute;
    right: 15px;
    transform: rotate(-90deg);
    transition: all ease .5s;
}

.mobile-nav .drop-down.active > a:after {
    transform: none;

}

.legal-links ul.nav-tabs li a {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.2px;
    background: #D0D0D0;
    color: #fff;
    display: inline-block;
    padding: 5px 12px;
    margin-right: 5px;
}

.legal-links ul.nav-tabs li a.active {background: #FF3344;}

.legal-links .nav-tabs {border: 0;padding-bottom: 35px;}

.game-lobby #hero1 img.stroke-path3 {top: 100px;}

@media only screen and (min-device-width: 320px) and (max-device-width: 640px) {

#call-action img.img-fluid { left:0px !important; top:-120px !important; }
}

/*--------------------------------------------------------------
# Timeline
--------------------------------------------------------------*/

/* The actual timeline (the vertical ruler) */
.timeline {
    position: relative;margin-top: 57px;    width: 100%;
}

/* The actual timeline (the vertical ruler) */
.timeline::after {
    content: '';
    position: absolute;
    width: 1px;
    background-color: #D3D3D3;
    top: 7.5%;
    bottom: 0;
    left: 50%;
    margin-left: 0;
}

/* Container around content */
.activity {
    padding: 10px 40px;
    position: relative;
    background-color: inherit;
    width: 50%;
}

/* The circles on the timeline */
.activity::after {
    content: '';
    position: absolute;
    width: 7px;
    height: 7px;
    right: -4px;
    background-color: black;
    top: 43%;
    border-radius: 50%;
    z-index: 1;
}

/* Place the activity to the left */
.left {
    left: 0;
}

/* Place the activity to the right */
.right {
    left: 50%;
}

/* Fix the circle for containers on the right side */
.right::after {
    left: -3px;
}

.content {padding: 20px 30px;background-color: white;position: relative;border-radius: 6px;}    .add-content {position: relative;}

.add-content img.img-fluid { border-radius: 18px; }  .ti-his { text-shadow: 2px 2px #000000; position: absolute;bottom: 20px;left: 20px;}   .ti-his h4 {font-size: 16px;color: #fff;line-height: 1;margin: 0;}

.ti-his h5 {font-size: 21px;line-height: 22px;letter-spacing: 0.23px;font-family: codec_proheavy;color: #fff;margin: 0;}    .logo-rt {position: absolute;right: 20px;top: 20px;border-radius: 0 !important;}

.about-time h2 {text-align: center;font-size: 44px;line-height: 57px;letter-spacing: 0.6px;font-family: codec_profat_italic;text-transform: uppercase;}

section#our-time {padding-top: 73px;position: relative;}   .timeline .activity span {position: absolute;}  .timeline .activity span {font-size: 70px;line-height: 57px;letter-spacing: 0.95px;color: #FF3344;font-family: codec_profat_italic;}

.activity {opacity: 0.5;}   .activity.first {opacity: 1;transition: all ease .5s;}  .timeline .activity.first span {font-size: 104px;letter-spacing: 1.41px;transition: all ease .5s;}

.timeline .activity.left span {top: 110px;right: -50%;} .timeline .activity.right span {left: -50%;top: 117px;}


.bg-video {height: 100%;width: 100%;top: 0;left: 0;position: absolute;box-sizing: border-box;overflow: hidden;pointer-events: none;z-index: -1;}

img.img-fluid.my-gif {width: 800px;}    .topic-arc section#hero1:after {
                                             }    .topic-arc .cta-bottom p {padding-top: 25px;}

img.img-fluid.mob-ban {position: absolute;top: 100px;right: -160px;}  .about-overlay:after {content: '';background-image: url(/img/phone-bg.svg);position: absolute;width: 100%;height: 770px;background-repeat: no-repeat;background-size: contain;background-position: right;top: 140px;}

section#about-us {position: relative;}  .about-inner:before {width: 100%;height: 1px;background: #CDCDCD;position: absolute;content: '';top: 35%; display:none;}

.get-know section#hero1 {padding-top: 170px;padding-bottom: 148px;  background-position: 64% 20%;}

/*--------------------------------------------------------------
# Life at Playtika
--------------------------------------------------------------*/
.btn-primary:hover {
    opacity: 90%;
    -webkit-opacity: 0.9; /* WebKit browser e.g. Safari */


}

#positionImageSection {
    margin:auto;
    width:60%
}




.mobile-img {
    width:90%;
}
.bg-video video {
    width:105%;
    filter: brightness(60%);
    -webkit-filter: brightness(60%);
}

.life-at  #hero1 img.stroke-path2 {
    bottom: 80px;
    top: auto;
}

.life-at #hero1 img.stroke-path6 {
    bottom: auto;
    top: 200px;
    padding-right: 180px;
}

.life-at #hero1 img.stroke-path3 {
    bottom: auto;
    top: 300px;
}

.life-at .btn-primary {
    border-radius: 50px;
}

.emp-life .container-fluid {
    padding: 0;
}

.emp-life {
    padding-top: 50px;
}

.emp-meta img.img-fluid {
    padding-top: 60px;
    width: 700px;
    float: right;
}

.emp-meta p {
    font-size: 20px;
    line-height: 23px;
    letter-spacing: 0.26px;

    width: 44%;

    margin-left: 20%;
    margin-top: 40px;

}

.safari-show {
    display:none;
}


_::-webkit-full-page-media, _:future, :root .safari-show {

        display: block;
    }

_::-webkit-full-page-media, _:future, :root .bind-search input.search-field {
    line-height: 30px;
}

_::-webkit-full-page-media, _:future, :root .safari-hide {
        display:none;
    }



.emp-meta {

}

.party-life {
margin-top:-30px;
}

.party-life p {
    font-size: 19px;
    line-height: 25px;
    padding-top: 25px;
    padding-bottom: 10px;
}

.video-col img.img-fluid {
    border-radius: 10px;
}

.video-col .btn-primary, .video-col .btn-primary:active {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    width: 56px;
    height: 56px;
    background-color: #FF3344 !important;
    border-radius: 50px !important;
    border: 0px !important;
    padding: 10px;
}

.btn-modal:hover {
    opacity:90%;
    -webkit-opacity: 0.9; /* WebKit browser e.g. Safari */



}
.btn-modal:hover .bi-play-fill{
    opacity:100% !important;
}

.video-col {
    position: relative;
}

.video-col svg.bi.bi-play-fill {
    height: 36px;
    width: 36px;
    position: relative;
    left: 2px;
}


.all-tps .job-wrap h2 a {
    font-family: codec_proheavy;
    font-size: 24px;
    line-height: 25px;
    letter-spacing: 0.33px;
    display: inline-block;
}

.all-tps .pl-item p {
    font-size: 19px;
    line-height: 19px;
    letter-spacing: 0.26px;
}

.fl-con h5 {
    font-size: 16px;
    line-height: 17px;
    opacity: 35%;
    letter-spacing: 0.22px;
}

.video-col:before {content: '';background: linear-gradient(180deg, rgba(0, 0, 0, 0)  0%, rgba(0, 0, 0, 0.06) 100%);position: absolute;width: 100%;height: 100%;}

.video-col h6 {
    position: absolute;
    bottom: 20px;
    left: 20px;
    color: #fff;
    letter-spacing: 2px;
    font-size: 20px;
    margin: 0;
}

.emp-party .col-lg-4, .emp-party .col-lg-12 {
    margin-bottom: 30px;
}

.video-col .btn-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 51, 68, 0.5);
}

section#the-play {
    margin-top: -35px;
    position:relative;
}

#the-play h2 {
    font-size: 70px;
    font-family: codec_profat_italic;
    line-height: 60px;
    color: #FF3344;
}

#the-play p {
    font-size: 19px;
    line-height: 26px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.about-comp {

}

.carousel-control-next, .carousel-control-prev {
    width: auto;
}

.bi-chevron-left:hover {
    opacity: 40%;
    -webkit-opacity: 0.5; /* WebKit browser e.g. Safari */

}
.bi-chevron-right:hover {
    opacity: 40%;
    -webkit-opacity: 0.5; /* WebKit browser e.g. Safari */

}
#blogCarousel svg.bi.bi-chevron-left, #blogCarousel svg.bi.bi-chevron-right {
    background: #FF3344;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    padding: 9px;
    box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
}

#blogCarousel a.carousel-control-prev, #blogCarousel a.carousel-control-next {
    opacity: 1;
    height: 254px;
}

div#blogCarousel .carousel-control-prev {
    left: -80px;
}

.life-style a {
    background: #FF3344;
    color: #fff;
    font-family: codec_proheavy;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: 0.27px;
    padding: 15px 34px;
    display: inline-block;
    border-radius: 26.5px;
}

.life-style a:hover {
    opacity: 40%;
    -webkit-opacity: 0.5; /* WebKit browser e.g. Safari */

}

.one-articles-top {
    padding-top: 10px;
}

.game-links-last-high {
    margin-bottom: -25px;
}
.game-high {
    height:282.5px !important;
}
.life-style {
    padding-top: 0px;
    padding-bottom: 40px;
}
.game-links-big-card {
    margin-bottom: 190px;
}
.desktop-image-center {
    background-position: center;
}
div#blogCarousel .carousel-control-next {right: -80px;}

/*--------------------------------------------------------------
# Timeline Right
--------------------------------------------------------------*/
.info-timeline {
    position: absolute;
    right: 100px;
    top: 9%;
}

.info-timeline ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.info-timeline ul li span.timeline-circle {
    position: relative;
    border-radius: 100%;
    width: 8px;
    line-height: 8px;
    margin-top: 30px;
    display: inline-block;
    height: 8px;
    background: #FF3344;
    color: #FF3344;
    font-size: 0;
}

.info-timeline ul li:not(:first-of-type) span.timeline-circle::before {
    border: 1px solid #D3D3D3;
    width: 0;
    height: 40px;
    position: absolute;
    content: '';
    left: 50%;
    top: -35px;
    margin-left: -1px;
    z-index: -1;
}

.info-timeline ul li a {
    color: #000;
    position: relative;
    top: 5px;
    right: 10px;
}

.info-timeline li:nth-child(10) {
    position: relative;
    right: 2px;
}

.info-timeline li:nth-child(9) {
    position: relative;
    left: 3px;
}

div#sticky-anchor {
    position: absolute;
    right: 100px;
    top: 10%;
}

.stick .right-bar .info-timeline {position: fixed;}

.topic-arc .open-jobs {
    background: #fff;
}

.topic-arc .search-div:before {
    visibility: hidden;
}

.topic-arc .job-wrap .card:first-child {
    padding-top: 0;
    border-top: 0;
}


/*Modal Dialog Width*/



/*--------------------------------------------------------------
# Pournima Homepage start
--------------------------------------------------------------*/
.banner-text-right button.btn.btn-primary {
    height: 51px;
    border-radius: 26px;
    border: solid 1px #ffffff !important;
}
.game-description p {
    font-size: 16.34px !important;
    line-height: 19px;
    letter-spacing: 0.22px;
}

.game-description p {
    font-size: 16.34px !important;
    line-height: 19px;
    letter-spacing: 0.22px;
}

.big-tile .game-links .stores a.play-store-link img {
    width: 86px;
    height: 31px;
    margin-top:3px;
}

.big-tile .game-links .stores a.app-store-link img {
    width: 86px;

}
.one-articles .game-links {
    padding-left: 34px;
}

.one-articles {

}
.two-articles .link-a img {
    width: 72px;

}
.card-layout .genre-card {
    position: relative;

}

/* OUR GAMES css End */
.get-know .stroke-path3 {
    width:10%;
}

.two-articles .game-links .stores .play-store-link {
    margin-left: 50px;
    margin-top: 0px;
}
.copyright a {  color:#ff3344; }
.get-know .stroke-path2 {
    width:10%;
}
.get-know button.btn.btn-primary {border: 2px solid rgba(255, 255, 255, 0.5);border-radius: 50px;}

.scroll-on {text-align: center;background: #f3f3f3;} .scroll-on img.img-fluid {width: 35px;}

.tk-ab .scroll-on {background: transparent;} .tk-ab .card p {font-size: 19px;line-height: 19px;letter-spacing: 0.26px;}

.tk-ab .job-wrap h2 a {font-family: codec_proheavy;font-size: 24px;line-height: 25px;letter-spacing: 0.33px;} .tk-ab .pltk .card h2 {line-height: 25px;padding-bottom: 10px;}

/*Get to know us*/

select#filterJobs-ccpltk, #filterJobs, #secondFilterJobs {width: 100%;border: 0 !important;-webkit-appearance: none;position: relative;font-size: 30px;}



select:option:hover {background: #f3f3f3 !important;} .bind-search .col-lg-4.col-6 {border-left: 1px solid #BEBEBE;} .lts-tt {padding-left: 15px;padding-right: 15px;}

/*Footer Plus minus CSS*/

#footer-mobile button.btn.btn-link:before {content: '';top: 18px; right: 15px;position: absolute;width: 7px;height: 1px;background: #fff;}

#footer-mobile button.btn.btn-link.collapsed:after {content: '';top: 15px;right: 18px;position: absolute;width: 1px;height: 7px;background: #fff;}

.game-lobby section.footer-img {background: #f3f3f3;}

/*Owl Demo Life at Playtika*/

#owl-demo button, #slider-carousel button, #play-like button {border: 0;box-shadow: none;position: absolute;top: 0;bottom: 0;z-index: 1;display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;-ms-flex-pack: center;justify-content: center;text-align: center;transition: opacity .15s ease;background: transparent;}

#owl-demo button.owl-prev, #slider-carousel button.owl-prev, #play-like button.owl-prev {left: -80px;}

#owl-demo button.owl-next, #slider-carousel button.owl-next, #play-like button.owl-next {right: -80px;}

#owl-demo .nav-btn, #slider-carousel .nav-btn, #play-like .nav-btn {width: 40px;height: 40px;background-color: #FF3344;border-radius: 50px;box-shadow: 0px 0.2px 4px 0px rgba(0,0,0,0.2);}

#owl-demo .nav-btn:before, #slider-carousel .nav-btn:before, #play-like .nav-btn:before {content: '';width: 19px;height: 19px;background-size: contain;position: absolute;filter: brightness(0) invert(1);left: 17px;top: 50%;transform: translateY(-50%);}

#owl-demo .nav-btn.prev-slide:before, #slider-carousel .nav-btn.prev-slide:before, #play-like .nav-btn.prev-slide:before {background-image: url(/img/chevron-left.svg);}

#owl-demo .nav-btn.next-slide:before, #slider-carousel .nav-btn.next-slide:before, #play-like .nav-btn.next-slide:before {background-image: url(/img/chevron-right.svg);}

.home #slider-carousel .nav-btn:before {left: 11px;} .home #play-like .nav-btn {background: #FF3344;}



.owl-nav .disabled {

}

.prev-slide:hover {
    opacity: 40%;
    -webkit-opacity: 0.4; /* WebKit browser e.g. Safari */

}
#slidercarousel {

}

.next-slide:hover {
    opacity: 40%;
    -webkit-opacity: 0.4; /* WebKit browser e.g. Safari */

}


.owl-item {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
    opacity: 0.3;
}
.active{
    opacity: 1;
}
.huge-game {
    height:585px !important;
}

.two-articles-games {
    display:none;
}

.hide-desktop {
    display:none;
}

/*Responsive iframe*/

.modal .modal-body {
    padding: 0;
}

.modal .modal-content {
    background: transparent;
    border: 0px;
}

.modal svg.bi.bi-x {
    fill: #fff;
}

.modal button.close {
    opacity: 1;
}

.get-app {
    display:inline !important;
}


.get-action {
    margin-top:50px;
}

.cloak{
  opacity: 0;
    transition: opacity ease-in 0.2s;
}

.cloak.show {
    opacity: 1;
}
.home-banner-json {
    width: 85%;
    margin:auto;

}

.comeet-modal-content iframe{
    height: 800px !important;

}

#games-open .game-meta h3 {
    height: 100%;
}

.life-at #owl-demo .item, #play-like .item {margin: 10px;}
.life-at #owl-demo .item img, #play-like .item img {display: block;width: 100%;height: auto;}
.life-at .owl-item {float: left;}
.life-at .owl-stage-outer {position: relative;overflow: hidden;width: 100%;}
#owl-demo button:focus, #slider-carousel button:focus, #play-like button:focus {outline: none !important;}

.owl-stage-outer {
    -webkit-overflow-scrolling: touch;
}
#G406991 {
    text-align: center;
    font-family: arial;
    font-weight: bold;
    padding: 7px;
    font-size: 14px;

}
#G406991 a{
    text-decoration: underline;
}

.hidden {display: none;}


@media screen and (min-width: 800px) {
    #games-open  .fix-meta {
        padding: 30px 42px 10px 0px !important;
    }
    #games-open  .fix-font {
        font-size: 23px;
    }

    #ot-sdk-btn-floating.ot-floating-button {
        margin-left: -14px;
    }

}

.academy{
    height: 289px; width: 370px; margin-right: auto; margin-left: auto;
}