/* CSS Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,th,td {margin:0; padding:0;} 
img {border:0;} 
ol,ul {list-style:none;} 
caption,th {text-align:left;} 
h1,h2,h3,h4,h5,h6 {font-size:100%; z-index:1;}
h1{font-family: "Uptown Sans"; font-weight:normal;}
a {text-decoration:none; color:#fff;}
a:hover {text-decoration:underline;}

.clearfix:after {visibility: hidden;display: block;content: "";clear: both;height: 0;}
* html .clearfix { zoom: 1; }
*:first-child+html .clearfix { zoom: 1; }

/* Global */
html, body {height:100%;min-height:100%;width:100%;}
body {font-family: "Roboto Slab"; font-weight:400; cursor: default;color:#1b2c39; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: 100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%; text-size-adjust:100%; -webkit-overflow-scrolling: touch;text-align: justify;}
area {display: block;cursor: pointer;}
.page-anchor {float:left;width:100%;position:relative;margin-top:-60px;height:0;}
.page-next {width: 100%;background: #000;height: 40px;color:white;text-align:center;float:left;}
.page-next .arrow {display:block;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #bbb;margin:15px auto 0;}
.page-next:hover .arrow {border-top: 10px solid #fff;}
.page-title {font-family: "Uptown Sans"; height:140px;background:#000;float:left;width:100%;text-align:center; padding-bottom: 20px;}
.page-title.alt {background:#e1e1e1;}
.page-title span {display: inline-block;height: 100%;vertical-align: middle;}
.page-title img {vertical-align: middle;width:85%;height:auto;max-height:100px;}
.page-title h1 {padding-top: 20px; font-size: 80px; }
.page-cont {width:100%;float:left;overflow:hidden;position:relative;}
.page-cont table, th, td {border: 1px solid black; border-collapse: collapse; }
.page-cont table {margin-bottom:40px;}
.page-cont th, td {padding: 5px; text-align: left;}
.page {max-width:1100px;margin:0 auto;font-size:18px;}
.page-inner {padding:1.5% 3%;float:left;width: 94%;}
.page-text {font-size:16px;}
.page-text p {margin-bottom: 1em;}
.page-text a {font-weight:bold; color:#1b2c39;}
.page-text h1 {font-size: 32px; font-weight:100px;}
.page-text blockquote {background:#ECECEC;border-bottom: 1px solid #DBDBDB;border-top: 1px solid #DBDBDB;color: #737373;font-style: italic;margin: 10px 0 20px;padding: 12px 24px;}
.page-text .date {text-align:right;}
.slider {margin-top: 65px;}
.mobile-slider {display:none;}
@media all and (max-width: 590px){.mobile-slider {display:inline;} .slider {display:none;}}

/* Header */
.header-cont {height:118px;background: url("../images/nav_bg.png"); background-size: auto 118px; background-repeat: repeat-x; width:100%;position:fixed;top:0;left:0;z-index:100;}
.header-cont.regular {position:relative;float:left;}

#header {color:#fff;line-height:35px;font-size:23px;font-weight:bold;max-width:1100px;margin:0 auto;height:100%;position:relative;text-transform: uppercase; }
#header a {color:#fff; font-family: "Uptown Sans";}
#header .logo {position: absolute;top: 28px;left: 10px;float:left;width:183px; height:42px;background:url("../images/nav_logo.svg") no-repeat;}
#header .company {float:left;margin:13px 0 0 10px;}
#header .menu-inline {float:right;margin:26px 200px 0 0;}
#header .menu-inline li {display:inline;}
#header .menu-inline a {margin-left:16px;}

#header .menu-icon {display:none;position:absolute;top:3px;right:20px;cursor:pointer;background:url("../images/main-sprite.png?v=1") -255px -11px no-repeat;width:40px;height:30px;}
.menu-dropdown {display:none;position: fixed;top: 60px;bottom: 0;left: 0;right: 0;background: #000;z-index: 100;font-size:18px;}
.menu-dropdown a {color:#fff;display:block;width:100%;font-size:2em;display: block;height: 12%;max-height: 60px;min-height:36px;font-weight: bold;padding-left: 10%;}

#header .social-menu {position:absolute;top:30px;right:30px;}
#header .social-menu a {float:left;width:24px;height:24px; }
#header .social-menu .fb {background:url("../images/btn_facebook_white.svg") no-repeat; padding-right: 10px;}
#header .social-menu .twitter {background:url("../images/btn_twitter_white.svg") no-repeat; padding-right: 10px;}
#header .social-menu .youtube {background:url("../images/btn_youtube_white.svg") no-repeat; padding-right: 10px}
#header .social-menu .linkedin {background:url("../images/icon_linkedin.svg") no-repeat; padding-right: 10px;}
#header .social-menu .instagram {background:url("../images/icon_insta.svg") no-repeat; }

@media all and (max-width: 1000px) {#header .company{display:none;}}
@media all and (max-width: 950px) {#header .logo{width:130.13px; height:29.97px;} #header .menu-inline{display:none;} #header .menu-icon{display:block;} #header .social-menu {top: 3px; left: 150px;} #header .logo {top: 3px; left:10px;} }
@media all and (max-width: 590px) {.header-cont{height:65px; background-size: auto 55px;} #header .logo{width:130.13px; height:29.97px;} #header .menu-inline{display:none;} #header .menu-icon{display:block;} #header .social-menu {top: 3px; left: 150px;} #header .logo {top: 3px; left:10px;}}

/* Stripes */
/*.stripes-cont .loading {width:64px;height:64px;background:url("../images/loading.gif");position:absolute;top:50%;left:50%;margin:-32px 0 0 -32px;}*/
.stripes-cont .loading {display:none;width:200px;height:117px;position:absolute;top:50%;left:50%;margin:-58px 0 0 -100px;}
.stripes-cont .loading .bar {width:14px;height:100%;background:#00b3ff;position:absolute;top:0;left:0;}
.stripes-cont .loading span {width:100%;color:#fff;position:absolute;top:0;left:0;line-height: 117px;text-align: center;font-size: 32px;font-weight: bold;}
.stripes-cont .loading img {position:absolute;top:0;left:0;}
#dragend-cont {/*display:none;*/}
#dragend {width: 954px;height: 514px;margin: 0 auto;overflow: hidden;position: relative;top:60px;}
.dragend-page {float: left;}
#dragend .button {height: 0;width: 0;position: absolute;top: 40%;cursor: pointer;border-style: solid;display:none;}
#dragend .button.deactivated {opacity: 0.2;cursor: default;}
#dragend .prev {left: 0;border-width: 50px 50px 50px 0;border-color: transparent #333 transparent transparent;}
#dragend .next {right: 0;border-width: 50px 0 50px 50px;border-color: transparent transparent transparent #333;}
#stripes-map-cont {overflow: hidden;position: relative;top:60px;}


.stripes-placeholder {display:none;height:60px;}
.stripes-cont {height:100%;width:100%;position:relative;background:#000;}
.stripes-cont .page-next {position:absolute;bottom: 0;}
.stripes {float:left;overflow: hidden;}
.stripes>div {/*display:none;*/float: left;position:relative;cursor:pointer;}
.stripes>div>img {width:100%;height:100%;}
/*
.no-touch .grayscale {filter: url("filters.svg#grayscale");filter: gray;-webkit-filter: grayscale(1);}
.no-touch .stripes .hovered {filter: none;-webkit-filter: grayscale(0);}
*/
/*@media all and (orientation:portrait) {.stripes-cont {display:none;} .stripes-placeholder{display:block;} .page-title-games {display:none;}}*/

/* Games */
.page-cont-games {background:url("../images/bg_games.png") no-repeat; background-size: 100% 100%;}
.page-title-games {background: transparent; text-align: center;}
.page-title-games h1 {color: #fff; font-size: 80px; position: relative; top: 25px;}
.pods {margin-top:20px; width:75%; margin: auto;}
.pods .pod {width:21%;float:left;margin:0 0 2% 1.6%;position:relative;overflow:hidden; background: transparent;}
.pods .pod>a {padding-bottom:95.455%;display:block; }
.pods .thumb {width:100%;height:auto;position:absolute; border-radius: 25px;}
.pods .info {display:none;background:rgba(0, 0, 0, 0.5);color:#fff;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;text-align:center;text-shadow: 1px 1px 2px #000;}
.pods .info a {color:#fff;}
.pods .info .title {display:block;width:100%;position:relative;top:1%;font-size:2em;}
.pods .info .platform {width:100%;position:relative;top:-2%;font-size:1em;}
.pods .info .more {width:100%;position:relative;top:61%;display:block;font-weight:bold;font-size:1em;}
.pods .info .btn {width:100%;}
.pods .info .ios {width:50%;position:absolute;top:28%;left:25%;}
.pods .info .android {width:50%;position:absolute;top:46.5%;left:25%;}
.pods .info .fb {width:50%;position:absolute;top:68%;left:25%;}
.no-touch .pods .pod:hover .info {display:block;}
.pod.shifted {margin-left:14%;}
@media all and (max-width: 700px) {.pods {margin-top:10px;} .pods .pod {width:46.2%;} .pods .info .title {font-size:3em;} .pods .info .platform {font-size:1.5em;} .pods .info .more {font-size:1.5em;} .pod.shifted{margin-left:2.1%;}}
@media all and (max-width: 580px) {.page-title-games h1{font-size:9em;}}

/* Support */
.page-cont-support {background:url("../images/bg_support.png") no-repeat; background-size: 100% 100%;}
.page-title-support {background:url("../images/bg_games+support.png") no-repeat; background-size: 100% 100%; text-align: center;  margin-bottom: 50px;}
.page-title-support h1 {color: #fff; font-size: 80px; position: relative; top: 80px; margin-bottom: 50px;}

.support-title {font-size:1.4em;text-align:center; color: #fff; font-family: "Roboto Slab";}
.support-email-cont {font-size:1em;text-align:center; color: #fff; font-family: "Roboto Slab"; font-weight: thin;}
.support-email a {color: #fff; font-weight:bold;}
/* 6 in a row
.support {margin:20px 0;}
.support .pod {width:12.6%;float:left;margin:1.25% 0 1.25% 3.4%;position:relative;}
*/
.support { margin:20px 120px; }
.support .pod {width:18.9%;float:left;margin:1.25% 3% 1.25% 3%;position:relative;}
.support .pod.shifted {margin-left:16.2%;}

.support .pod .thumb-cont {padding-bottom:100.595%;display:block;}
.support .thumb {width:100%;position:absolute; border-radius: 25px;}
.support .title {height:2em;display:block;font-size:1em;line-height:1em;text-align:center; color: #fff;}
@media all and (max-width: 580px) {.page-title-support h1{font-size:4em;} .support {margin:20px 0;} .support .pod {width:28.13%;margin:1.25% 0 1.25% 3.4%;} .support .title {font-size:2em;} .support-email-cont {font-size:1.5em;} .support .pod.shifted{margin-left:3.4%;}}


/* About */
.page-title-about{background: url("../images/bg_support+who_we_are.png") no-repeat; background-size: 100% 100%; text-align: center;}
.page-title-about h1 {color: #1b2c39; font-size: 80px; position: relative; top: 100px;}
.page-cont-about {background: url("../images/bg_who_we_are.png") no-repeat; background-size: 100% 100%; color: #1b2c39}
.page-about .page-inner {margin: 10% auto;}/*margin-left:20px; margin-right:20px;}*/
.page-about .logo {float:left;width:48%;margin:0 4% 0 0%;padding-top: 1em; }
.page-about .logo img {width:100%; } 
.page-about .header {margin-bottom: 1em;} 
.page-about .header img {width:100%; } 
.page-about .about {width: 100%;font-size:16px;}
.page-about p {margin-bottom: 1em;}
@media all and (max-width: 780px) {.page-about .logo {display:none;} .page-about .about {width:100%;}}
@media all and (max-width: 580px) {.page-title-about h1{font-size:4em;}}

/* Executive Team */
.page-title-exec {background: url("../images/bg_who_we_are+executive_team.png") no-repeat; background-size: 100% 100%; text-align: center;  margin-bottom: 60px;}
.page-title-exec h1 {color: #fff; font-size: 80px; position: relative; top: 120px; }
.page-cont-exec {background: #1b2c39 url("../images/bg_executive_team.png") repeat-y; background-size: 100%; }
.exec-name {font-family: "Roboto Slab"; color:#fff; font-size: 32px;line-height: 38px; font-weight: bold;}
.exec-twitter a {float:right; margin-top: -35px; width: 10%; }
.exec-title {color:#ec386b; width: 100%; font-size: 20px; margin-bottom: 1em;}
.exec-bio {font-size: 16px;width: 100%;}
.exec-bio p { color:#fff; margin-bottom: 1em;}
.exec-photo {float:left;padding: 10px 20px 0 0;}
.exec {float:left; padding-top: 50px; }
.clear { clear:both; }
@media all and (max-width: 580px) {.page-title-exec h1{font-size:4em;}}


/* Contact */
.page-title-contact{background: url("../images/bg_executive_team+contact2.png") no-repeat; background-size: 100% 100%; text-align: center;}
.page-title-contact h1 {color: #fff; font-size: 80px; position: relative; top: 100px;}
.page-cont-contact {background: url("../images/bg_footer.png") no-repeat; background-size:100% 100%; margin-bottom: -100px;}
.contact {width:90%;padding:3%;margin:70px auto 120px;max-width: 800px;font-size:16px;}
.contact-form {width:43%;float:left;margin-left:2%;}
.contact-form p {margin-bottom:8px;}
.contact-info {color: #fff; margin-bottom:20px;cursor: text;}
.contact input, textarea { color: #1b2c39; width: 95%; font-size: 14px; }
.contact textarea {height: 90px; background: url("../images/input_field_tall.png") no-repeat; background-size: 100% 100%; border: none; }
.contact input[type=submit] {background: url("../images/btn_send.svg") no-repeat;width: 90px;border:0;cursor: pointer;padding: 10px 0;  text-indent: -50000px;}
.contact input[type=text], input[type="email"] {font-size: 14px;height: 30px; background: url("../images/input_field.png") no-repeat; background-size: 100% 100%; border: none; }
.contact .map {float:left;width:50%;margin-left:5%;}
.contact .map iframe {width:95%;height: 285px;margin-bottom: 1em;}
.contact .address {background:url("../images/icon_location3.svg") no-repeat 0 0;padding-left:48px; float:left; font-size: 25px; }
.contact .hotels a {text-decoration:underline;}
.contact .support-info {color: #1b2c39; font-size: 17px;}
.contact .support-info a {color: #1b2c39;font-weight: bold; }
.contact .press-email, .info-email {color: #fff;}
.contact .hotels {color: #fff;}
.contact .hotels a {color: #1b2c39;}
.contact.clearfix {background: transparent;}
div.wpcf7-validation-errors {border: 1px solid #000;}
span.wpcf7-not-valid-tip {color: #000;}
div.wpcf7-response-output {margin: 2em 0.5em 0 0;background: #FFF;border-radius: 7px;}
@media all and (max-width: 700px) {.contact-form {width:100%;margin:0 0 50px 0;} .contact .map {width:100%;margin-left:0;} .contact .map iframe {width:100%;}}
@media all and (max-width: 580px) {.page-title-contact h1{font-size:4em;}}

/* Footer */
.index-footer .page-title-contact {background: #fff url("../images/bg_executive_team+contact2.png") no-repeat; background-size: 100% 100%; text-align: center;}
#footer {width:100%;float:left;background:#fff;color:#fff;text-align:center;font-size: 16px;margin-top:100px;}
#footer .logo {width:460px; margin-top: -150px;position:relative;}
#footer .social-menu {margin-top: 20px;}
#footer .social-menu a {width:47px;height:46px;display: inline-block;}
#footer .social-menu .fb{background:url("../images/btn_facebook_dark.svg") no-repeat;}
#footer .social-menu .twitter{background:url("../images/btn_twitter_dark.svg") no-repeat;}
#footer .social-menu .youtube{background:url("../images/btn_youtube_dark.svg") no-repeat;}
#footer .social-menu .itunes{background:url("../images/btn_apple_dark.svg") no-repeat;}
#footer .social-menu .gplay{background:url("../images/btn_googleplay_dark.svg") no-repeat;}
#footer .social-menu .linkedin{background:url("../images/btn_linkedin_dark.svg") no-repeat;}
#footer .social-menu .instagram{background:url("../images/btn_insta_dark.svg") no-repeat;}
#footer .menu {text-transform: uppercase;}
#footer .menu a {font-family: "Uptown Sans"; color: #1b2c39;padding: 0 10px;font-size: 30px;}
#footer .legal {color:#ec386b;margin:10px auto 20px; font-size: 15px; max-width:580px;}
#footer .legal a {color:#ec386b;}
@media all and (max-width: 700px) {#footer .legal {font-size: 14px;} #footer .logo {width:280px;margin-top: -95px;}}

/* Game Page */
.game-details {max-width:800px;margin:1em auto 0;}
.game-header {width:100%; margin-top:-14px;}
.game-header img {width:100%;max-width:1440px; margin-left:auto; margin-right:auto; display:block;}
.game-left {float:left;width:21%;}
.game-left .icon {width:100%;margin-top: 0.5em;float:left;}
.game-left .platform-btn {width:100%;margin-top: 0.5em;float:left;}
.game-left .platform-btn img {width:100%;}
.game-left .social-btn {width:100%;margin-top: 0.1em;float:left;}
.game-left .social-btn img {width:100%;}
.game-left .social-btn-hdr{margin-top: 2em;}
.game-right {float:left;width:75%;margin-left:1.5em;}
.game-right ul {margin-left:1.5em;list-style-type: disc; color: #ec386b; font-size:1em;}
.game-right h1 {font-size:2.8em;font-weight:200;}
.game-right h3 {font-size:1em;font-weight:bold;margin: 1em 0 0.5em;}
.game-right .game-desc {font-size:1em;}
.game-right p {margin-bottom: 1em; color:black;}
.game-media {float:left;clear:both;width:100%;}
.game-offer {float:left;clear:both;width:100%;}
.game-offer img{max-width:750px;}
.game-offer a{color: #ec386b;}
.game-details h2 {font-family: "Uptown Sans"; font-size:2.8em;font-weight:200;margin-top:0.5em;}
.game-gallery img{width:18%;float:left;margin:1%;}
.game-video{margin:0 auto;display:block;width:100%;}

/* Press */
.page-title-press {background: transparent; text-align: center; size:80%; }
.page-title-press .h1 {width:100%; }
.page-title-press .press-portal{width:25%; max-width: 300px; float:right; margin-top:-80px; margin-right:15%; text-align:center;}
.page-press {margin-left: 15%; margin-right: 15%;}
@media all and (max-width: 700px) {.page-title-press {margin-bottom:50px;} .page-title-press .press-portal {width:300px; text-align:center;margin-top: auto;}}

/* News */
.page-title-news img {max-width:313px;}

/* Blog */
.page-title-blog {background: transparent; text-align: center;}
.blog-post h2 {font-size:1.8em; text-align: left; color: #1b2c39; margin-bottom: 1em; font-size: 20px;}
.blog-post span {text-align: left;}
.blog-post p {text-align: left; }
.blog-post ul {list-style:inherit;padding-left: 3em;}
.blog-post img {width: 100%; height: auto; }
.blog-post .thumbnail img {width: 50px; height: 30px;}
.blog-post .info {width:100%;margin-bottom:1em; color:#ec386b;}
.blog-post .read-more {margin-top:1em;text-decoration: underline;}
.blog-separator {margin: 2em auto;height: 1px;border-top: 2.5px dashed #1b2c39;}
.blog-separator:last-of-type{display:none;}
.blog-post .aligncenter {display: block;margin: 0 auto;}

/* Careers */
.page-header-careers{width: 100%; height: auto; }
.page-title-careers{width: 100%; height: auto; background: #fff; margin-bottom: 10px; }
 .page-careers {max-width:800px; margin:1em auto 0;height:auto;}
.page-careers h1{font-size:60pt; margin-bottom: -39px; text-align: center;margin-right: auto; margin-left: auto; width: 100%;}
.page-careers h2{font-size:40pt; font-family: "Uptown Sans"; font-weight:normal; margin-bottom: 20px; margin-top: 20px;}
.page-careers a{color:#ec386b; font-size:16pt;}
.page-careers li{margin-bottom: 5px; font-weight: bold; width:100%;}
.careers-separator {margin: 2em auto; margin-bottom: -2px; height: 1px;border-top: 4.5px solid #ec386b;}
.careers-btn img{height:50px; width:225px;}
.careers-btn {margin-bottom: 60px; margin-top:0px;text-align: center;}
.careers-vid {position: relative; width: 100%; height: 0px; padding-bottom: 60%; margin-bottom: 50px;}
.careers-vid iframe {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.careers-perks { width: 100%; display:inline-block; margin-top: 5px; }
.careers-perks img {width:18%; float:left; margin:1% 1% 1% 1%; position:relative;}
.page-careers #openings {margin-top: 50px; margin-bottom: 100px;}
.careers-filters { display:inline-block; float:right; position: relative; display: inline-block; font-weight: bold; width:100%; text-align: right; margin-top: 5px;}
.careers-filters .styled-select select { -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.styled-select { margin-left: 5px; display:inline-block; background: url("../images/career/down_Arrow2.png") no-repeat 96% 0px; height: 29px; width: 110px; }
.styled-select select { font-family: "Roboto Slab"; background: transparent; border: none; font-size: 12px; font-weight: bold; height: 29px; padding: 5px;  width: 110px; }
.semi-square { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.grey { background-color: #ebecf0; color: #ec386b; }
.grey select { color: #ec386b; }
#width_tmp_select{
 display : none;
} 
@media all and (max-width: 590px) {
.page-careers h1{font-size:30pt;} 
.page-careers h2{font-size:20pt;} 
.page-careers li{font-size:8pt;}
.page-careers a{font-size:8pt;}
.careers-btn {margin-bottom: 40px;}
.careers-vid {margin-bottom: 30px;}
.careers-perks img{width:44%; float:left; margin:3% 3% 3% 3%; position:relative;}
.careers-filters {width: 100%; float:none; margin-left: auto; margin-right: auto; text-align: left; font-size: 10px;}
.styled-select {margin-left: 1px;}
}