/* ==========================================================================
   Bootstrap override

   Font 100% = 14px
   ========================================================================== */
body {
    width: 100%;
    overflow-x: hidden;
}

.responsive-container { position: relative; padding-bottom: 53.25%; padding-top: 30px; height: 0; overflow: hidden; }
.responsive-container, .responsive-container iframe { max-width: 1920; max-height: 1080px; }
.responsive-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.container {
    max-width:100%;
    padding:0;
}
  
    .container-inner {
        max-width:683px;
        min-width:380px;
        margin:0 auto;
    }
        .container-inner h2 {
            text-align:center;
            margin-top:80px;
            margin-bottom:58px;
        }
        .container-inner .column {
            float:left;
            max-width:50%;
            padding:0 23px;
            color:#2a2e36;
            font-size:125%;
            line-height:138%;
        }
            .container-inner .column a {
                color:#ff1f68;
            }
                .container-inner .column a:hover,
                .container-inner .column a:active {
                    color:#fff;
                    text-decoration:none;
                }

        .container-inner .column.single-column {
            float:left;
            max-width:100%;
        }


/* ==========================================================================
   Buttons
   ========================================================================== */
a.button {
    display:inline-block;
    color:#ff1f68;
    padding:7px 22px;
    font-family: 'FuturaBT-Medium';
    font-size:125%;
    text-transform: uppercase;
    border:1px solid #ff1f68;
}
    a.button:hover {
        text-decoration: none;
        background-color:#ff1f68;
        color:#fff;
    }
.more-info {
    text-align:center;
    margin-top:60px;
    margin-bottom:78px;
}

/* ==========================================================================
   Big styles
   ========================================================================== */

/* ==========================================================================
   Navigation
   ========================================================================== */
body {
    padding:0;
    color:#fff;
    font-family: 'FuturaBT-Book';
    font-size:120%;  
    line-height:138%;
}

h1,
h2,
h3 {
    font-family: 'FuturaBT-Medium';
    text-transform: uppercase;
    font-weight:normal;
}
h2 {
    font-size:583.333333%;
}
h3 {
    margin:0;
    text-transform: uppercase;
    font-size:166.666667%;
}

.container.nav {
    background-color:#ff1f68;
    height:197px;
}
header {
    position:relative;
    width:683px;
    margin:0 auto;
    background-color:#ff1f68;
}

.navigation {
    width:638px;
    margin:0 auto;
    padding:0;
    padding-top:72px;
    color:#ffffff;
    text-transform: uppercase;
    list-style:none;
}
    .navigation li {
        float:left;
        display:inline-block;
        text-align:center;
    }
        .navigation li a {
            display:inline-block;
            width:93px;
            height:24px;
            margin-right:-2px;
            border:2px solid #ffffff;
            font-family: 'FuturaBT-Medium';
            text-align:center;
            color:#fff;
            line-height:20px;
            font-size:94.167667%;
        }
            .navigation li a:hover,
            .navigation li a:active {
                text-decoration:none;
            }
        .navigation li:last-child a {
            border-right:2px solid #ffffff;
        }
        .navigation li:nth-child(3) a {
            width:92px;
            margin-right:90px;
            border-right:0;
        }
        .navigation li:nth-child(4) a {
            border-left:0;
        }
        .navigation li.current a,
        .navigation li:active a,
        .navigation li:hover a {
            height:32px;
            margin-top:-4px;
        }
            .navigation li.current a,
            .navigation li:active a,
            .navigation li:hover a {
                line-height:28px;
            }
.logo {
    position:absolute;
    left:50%;
    top:31px;
    margin-left:-49px;
    width:98px;
    height:137px;
}

.logo img {
    width:98px;
    height:137px;
}

.container.contact-details {
    background-color:#c10e49;
    height:48px;
    line-height:48px;
}
    .container.contact-details span {
        padding: 0 11px;
        float:left;
        text-transform: uppercase;
    }
        .container.contact-details span:last-child {
            float:right;
        }
    .container.contact-details span a {
        color:#fff;
		padding:3px 0;
    }
        .container.contact-details span a:hover,
        .container.contact-details span a:active {
            color:#2a2e36;
            text-decoration:none;
        }

/* Slider
------- */
.container.featured-game {
    min-height:223px;
    height:223px;
    background-size:cover;
}
    .container.featured-game .background-holder .background {
        display:none;
        position:absolute;
        height:223px;
        width:100%;
    }

    .container.featured-game .container-inner {
        height:auto;
    }
        .container.featured-game .container-inner img {
            height:223px;
            width:auto;
        }
        .container.featured-game .item {
            height:223px;
			width:100%;
			background-size:cover;
        }

    
	#Looper .featured-nav {
        position: absolute;
        z-index: 5;
        top: 50%;
        left: 42px;
        width: 38px;
        height: 126px;
        margin-top: -63px;
    }
    #Looper .featured-nav.next {
        left:auto;
        right:42px;
    }
    #Looper .featured-nav img {
        width: 38px;
        height: 126px;
    }
    #Looper .featured-list {
        margin:0;
        padding:0;
        list-style:none;
        position: absolute;
        z-index: 5;
        bottom:20px;
        left:50%;
    }   
    #Looper .featured-list li {
        float:left;
        margin-right:4px;
    }
        #Looper .featured-list li:last-child {
            margin-right:0;
        }

    #Looper .featured-list li a {
        display:block;
        width:19px;
        height:5px;
        background-color: #fff;
    }
        #Looper .featured-list li a.active,
        #Looper .featured-list li a:hover {
            background-color: #ff1f68;
        }


.container.intro {
}
    .container.intro .inner-container {
        padding-top:78px;
    }
        .container.intro .container-inner h2 {
            font-size:291.666667%;
            color:#ff1f68;
            margin-top:80px;
            margin-bottom:30px;
        }
.container.our-services {
    background: #2a2e36 url(../images/honeycomb-darkblue.png) repeat 0 0 scroll;
    background:#1e2025;
}
    .container.our-services .container-inner ul {
        width:685px;
        height:auto;
        margin:0 auto;
        margin-top:77px;
        padding:0 42px;
        list-style:none;
        overflow:auto;
    }
        .container.our-services .container-inner ul li {
            width:100px;
            height:80px;
            padding:0 11px;
            margin-bottom:12px;
            float:left;
            text-align:center;
        }
            .container.our-services .container-inner ul li img {
                width:80px;
            }
    .container.our-services .more-info {
        margin-top:42px;
    }


.container.recent-games {
    background: #2a2e36 url(../images/honeycomb-darkblue.png) repeat 0 0 scroll;
    background-size:19px 17px;
}
    .container.recent-games .container-inner h2 {
        color:#ff1f68;
    }
    .container.recent-games .game {
        height:232px;
        background-size:auto 232px;
        background-position:center;
        background-repeat:no-repeat;
    }
        .container.recent-games .game a.link-holder {
            float:left;
            display:block;
            width:50%;
            height:232px;
            text-indent: -999em;
			background-size:cover;
			background-position: center center;
        }
        .container.recent-games .game .info-holder {
            width:50%;
            margin-left:50%;
            height:232px;
            background-size:cover;
        }
        .container.recent-games .game .info {
            max-width:342px;
            padding-top:43px;
            padding-left:36px;
        }
            .container.recent-games .game .info h3 a {
                color:#ff1f68;
            }
            .container.recent-games .game .info h3 a:hover,
            .container.recent-games .game .info h3 a:active {
                text-decoration:none;
            }
        .container.recent-games .game:hover {
            text-decoration:none;
        }

.container.latest-news {
    background:#fff;
}
    .container.latest-news .container-inner h2 {
        color:#ff1f68;
    }
    .container.latest-news .news-list .news-wrapper {
        background-color:#ebebeb;
    }
        .container.latest-news .news-list .news {
            max-width:800px;
            height:183px;
            margin:0 auto;
            margin-bottom:30px;
            padding-left:100px;
            background-color:#ebebeb;
            color:#2a2e36;
        }
            .container.latest-news .news-list .news h3 {
                padding-top:31px;
                padding-right:225px;
                font-size: 125%;
            }
                .container.latest-news .news-list .news h3 a {
                    color:#ff1f68;
                }
            .container.latest-news .news-list .news p {
                padding-right:245px;
            }
            .container.latest-news .news-list .news a.read-more {
                display: block;
                float:right;
                width:183px;
                height:183px;
                background-color:#60c691;
                text-align:center;
                font-size:166.666667%;
                text-transform: uppercase;
                padding:10% 60px;
                color:#fff;
                text-decoration:none;
            }
                .container.latest-news .news-list .news a:hover,
                .container.latest-news .news-list .news a:active {
                    text-decoration:none;
                    color:#2a2e36;
                }
                    .container.latest-news .news-list .news a.read-more:hover,
                    .container.latest-news .news-list .news a.read-more:active {
                        background-color:#30797c;
                        color:#fff;
                    }
                .container.latest-news .news-list .news a span {
                    padding:5% 0;
                    line-height:120%;
                }
            .container.latest-news .news-list .news-wrapper:last-child .news {
                margin-bottom:0;
            }

.container.social {
    background:#2a2e36;
    padding-bottom:52px;
}
    .container.social .container-inner {
        padding:0 42px;
    }
    .container.social .container-inner h2 {
        color:#60c691;
    }
    .container.social .container-inner h3 {
        color:#fff;
        text-align:center;
        margin-bottom:30px;
    }
    .container.social .container-inner .more-info {
        margin-top:20px;
        margin-bottom:42px;
    }
    .container.social .container-inner .column {
        width:300px;
    }
    .facebook-wrapper,
    .twitter-wrapper {
        height:310px;
    }
    .container.social .container-inner .social-connect {
        clear:left;
        text-align: center;
        width:50%;
    }
        .container.social .container-inner .social-connect h3 {
            margin-bottom:45px;
        }
        .container.social .container-inner .social-connect a {
            display:inline-block;
            border:2px solid #fff;
            width:40px;
            height:40px;
            text-align:center;
            margin-right:10px;
        }
            .container.social .container-inner .social-connect a:hover, 
            .container.social .container-inner .social-connect a:active {
                border-color:#ff1f68;
                background-color:#ff1f68;
            }
            .container.social .container-inner .social-connect a:last-child {
                margin-right:0;
            }   
        .container.social .container-inner .social-connect a img {
            width:36px;
        }
    .container.social .column {
        font-size:100%;
    }
        .container.social .column h3 {
            font-size:208.3333375%;
        }
    .container.social .column p {
        color:#fff;
        margin-bottom:10px;
    }
    
    .container.social form input {
        border: 0 none;
        border-radius: 0;
        float: left;
        height: 33px;
        line-height: 33px;
        margin: 0;
        padding: 1px 1px 1px 8px;
        width: 157px;
        font-family: 'FuturaBT-Medium';
    }
    .container.social form input[type="submit"] {
        background-color: #ff1f68;
        border: none;
        float: left;
        height: 33px;
        line-height: 33px;
        padding: 0;
        color:#fff;
        text-align: center;
        text-transform: uppercase;
        width: 96px;
        font-size:125%;
    }
    .container.social form input[type="submit"]:hover,
    .container.social form input[type="submit"]:active {
        background-color: #c10e49;
    }


.container.contact {
    background: #c10e49 url(../images/contact-bg.png) repeat 0 0 scroll;
    background-size:19px 17px;
    padding-bottom:42px;
}
    .container.contact .container-inner {
        max-width:452px;
    }
        .container.contact .container-inner h2 {
            color:#fff;
        }
    .container.contact .container-inner p {
        font-family: 'FuturaBT-Medium';
        font-size:166.666667%;
        margin-bottom:38px;
        line-height:40px;
    }
        .container.contact .container-inner p a {
            color:#fff;
        }
            .container.contact .container-inner p a:hover,
            .container.contact .container-inner p a:active {
                color:#2a2e36;
                text-decoration:none;
            }
        .container.contact .container-inner p img {
            float:left;
            width:40px;
            margin-right:13px
        }
        .container.contact .container-inner p.map {
            line-height:21px;
        }
	p.email a {
		padding-bottom:3px;
		}

.container.footer {
    background-color: #ff1f68;
    text-align:center;
    line-height:51px;
}
    .container.footer a {
        color:white;
        text-decoration: underline;
    }


/* ==========================================================================
   Games
   ========================================================================== */
.GamesPage .recent-games .container-inner {
    padding-bottom:52px;
}
    .GamesPage .recent-games .container-inner h2 {
        color:#ff1f68;
    }

.GamesPage .recent-games .container-inner .column {
    color:#fff;
}

.GamesPage .games-list {
    padding-bottom:52px;
}
.GamePage .game {
    background: #fff url(../images/honeycomb-white.png) repeat 0 0 scroll;
}
.GamePage .column.single-column {
    width:647px;
}
.GamePage .game .featured-holder {
    background-size:cover;
    background-position: center center;
    text-align:center;
}
    .GamePage .game .featured-holder .featured-image {
        height:261px;
        width:auto;
        background-position: center center;
        background-size: auto 261px;
        background-repeat: no-repeat;
    }
.GamePage .game .container-inner {
    padding:0 42px;
    padding-top:36px;
    padding-bottom:52px;
}
    .GamePage .game .container-inner h3 {
        color:#ff1f68;
        text-transform: none;
        margin-bottom:0;
    }
    .GamePage .game .container-inner .credits,
    .GamePage .game .container-inner .description {
        color:#2a2e36;
        font-size: 125%
    }
        .GamePage .game .container-inner .credits {
            font-family: 'FuturaBT-Medium';
            margin-bottom:26px;
        }

.GamePage .container.video {
    background:#2a2e36;
}
.GamePage .container.video .container-inner {
	padding-top: 60px;
}
    .GamePage .video .featured-video img {
        width:100%;
        max-width:683px;
        height:auto;
    }
    .GamePage .video .featured-video iframe {
        width:100%;
        max-width:683px;
        height:380px;
        overflow:auto;
    }
    .GamePage .container-inner .column {
        color:#fff;
        font-size:100%;
        padding-top: 60px;
    }

.GamePage .container.quote {
    color:#2a2e36;
	position:relative;
}
.GamePage .container.quote p {
    position:relative;
    width:312px;
    margin:42px auto;
    font-size:125%;
    margin-bottom:0;
}
    .GamePage .container.quote p.author {
        font-family: 'FuturaBT-Medium';
        text-align:right;
        margin-top:0;
        margin-bottom:42px;
    }

	.GamePage .container.quote p.quote:before,
	.GamePage .container.quote p.quote:after{
		content: " ";
        width:64px;
        height:56px;
        position:absolute;
		top:0px;
        left:-82px;
        background: transparent url(../images/quote-before.png) no-repeat 0 0 scroll;
        background-size: 64px auto;
	}
		.GamePage .container.quote p.quote:after{
            background: transparent url(../images/quote-after.png) no-repeat 0 0 scroll;
            background-size: 64px auto;
			top:auto;
            left:auto;
            right:-72px;
            top:26px;
		}

.GamePage .container.gallery {
    background:#2a2e36;
    position:relative;
}
    .GamePage .container.gallery.lightbox {
        background:#2a2e36;
        opacity:0.5;
    }
    .GamePage .container.gallery .container-inner {
        position:relative;
        padding-top:42px;
        padding-bottom:19px;
    }
    .GamePage .container.gallery .gallery-holder a {
        position:relative;
        float:left;
        width:330px;
        height:191px;
        background:#2a2e36;
        margin-right:23px;
        margin-bottom:23px;
        overflow:hidden;
    }
        .GamePage .container.gallery .gallery-holder a img {
            width:330px;
            height:191px;
        }
        .GamePage .container.gallery .gallery-holder a:hover img,
        .GamePage .container.gallery .gallery-holder a:active img {
            -webkit-filter: blur(8px) !important;
            filter: blur(8px) !important;
            opacity: 1 !important; /* restore the opacity for that browser */
            transition: all 0.2s;
        }
        .GamePage .container.gallery .gallery-holder a:hover:after {
            display:table;
            position:absolute;
            top:0;
            content: " ";
            width:330px;
            height:191px;
            background: transparent url(../images/icon-zoom.png) no-repeat center center scroll;
        }
    .GamePage .container.gallery a:nth-child(even) {
        margin-right:0;
    }

    .gallery-overlay {
		display:none;
		position:absolute;
		top:0;
		width:100%;
		height:100%;
		background:rgba(0,0,0,0.8);
	}
	.lightbox {
		display:none;
	}
    .lightbox .image-holder img {
        display:block;
        position:absolute;
        top:62px;
        left:50%;
        width:599px;
        margin-left:-300px;
    }
    .lightbox nav {
        display:block;
        position:absolute;
        left:50%;
        top:0;
        width:599px;
        height:100%;
        margin-left:-300px;
    }
        .lightbox nav .featured-nav {
            position: absolute;
            z-index: 5;
            top: 50%;
            left: -30px;
            width: 12px;
            height: 41px;
            margin-top: -20px;
        }
            .lightbox nav .featured-nav.next {
                left:auto;
                right:-30px;
            }
        .lightbox .featured-nav img {
            width:12px;
        }
        .lightbox nav .close {
            width:27px;
            top:62px;
            left:auto;
            right:-35px;
            margin-top:0;
            opacity:1;
        }
    .lightbox .close img {
        width:27px;
    }


.GamePage .container.more {
    background:#1e2025;
}
    .GamePage .container.more .container-inner {
        max-width:280px;
        min-width:280px;
        padding-bottom:72px;
        margin:0 auto;
    }
        .GamePage .container.more .container-inner h2 {
            color:#ff1f68;
        }
        .GamePage .container.more .container-inner a {
            padding-left:26px;
            font-size:125%;
            color:#fff;
            line-height:193%;
            padding-bottom:4px;
        }
            .GamePage .container.more .container-inner a.link {
                background: transparent url(../images/icon-link.png) no-repeat 0 0 scroll;
            }
            .GamePage .container.more .container-inner a.review {
                background: transparent url(../images/icon-star.png) no-repeat 0 0 scroll;
            }
            .GamePage .container.more .container-inner a:hover,
            .GamePage .container.more .container-inner a:active {
                text-decoration:none;
                color:#ff1f68;
            }
                .GamePage .container.more .container-inner a:hover,
                .GamePage .container.more .container-inner a:active {
                    background-position: 0 -27px;
                }


.container.back {
    background-color:#900532;
    height:48px;
    line-height:48px;
}
    .container.back a {
        padding: 0 11px;
        text-transform: uppercase;
        color:#fff;
    }
        .container.back a:hover,
        .container.back a:active {
            color:#2a2e36;
            text-decoration:none;
        }



/* ==========================================================================
   About
   ========================================================================== */
.AboutPage .about-us {
    background: #2a2e36 url(../images/honeycomb-darkblue.png) repeat 0 0 scroll;
    background-size:19px 17px;
}
    .AboutPage .about-us .container-inner h2 {
        color:#ff1f68;
    }

.AboutPage .about-us .container-inner .column {
    color:#fff;
    font-size: 166.666667%;
}
    .AboutPage .about-us .container-inner .column p {
        margin-bottom:20px;
    }


.AboutPage .services {
    background: #2a2e36 url(../images/honeycomb-darkblue.png) repeat 0 0 scroll;
    background-size:19px 17px;
    padding-top:76px;
    padding-bottom:82px;
}
    .AboutPage .services .og {
        width:117px;
        margin:0 auto;
    }
        .AboutPage .services .og img {
            width:117px;
        }
    .AboutPage .services ul {
        position:relative;
        padding:0 45px;
        margin:0;
        padding-top:166px;
        margin-top:-116px;
        list-style:none;
        border:2px solid #ff1f68;
        border-top:0;
        overflow: auto;
    }
        .AboutPage .services ul:before,
        .AboutPage .services ul:after {
            display:table;
            content:" ";
            border-top:2px solid #ff1f68;
            width:213px;
            height:2px;
            position:absolute;
            left:0px;
            top:0px;
        }
            .AboutPage .services ul:after {
                left:inherit;
                right:0px;
            }
        .AboutPage .services ul li {
            float:left;
            width:196px;
            padding:0 30px;
            text-align: center;
            margin-bottom:62px;
        }
            .AboutPage .services ul li img {
                width:80px;
            }
            .AboutPage .services ul li h3 {
                color:#ff1f68;
                font-size: 135.4%;
                margin-top:14px;
            }
            .AboutPage .services ul li:nth-child(4) {
                clear:left;
            }

.AboutPage .clients .container-inner {
    padding-bottom:44px;
    overflow:auto;
}
    .AboutPage .clients h2 {
        color:#30797c;
        margin-bottom:12px;
    }
    .AboutPage .clients p {
        text-align:center;
        color:#2a2e36;
        font-size:125%;
        margin-bottom:36px;
    }
    .AboutPage .clients ul {
        margin:0;
        padding:0;
        list-style:none;
    }
        .AboutPage .clients ul li {
            float:left;
            margin:0 20px;
            margin-bottom:46px;
        }


.AboutPage .why-games {
    background-color:#1e2025;
}
    .AboutPage .why-games .container-inner h2,
    .AboutPage .why-games .container-inner h3 {
        color:#dfffb3;
    }
    .AboutPage .why-games .container-inner ul {
        margin:0;
        padding:0;
        list-style:none;
    }
        .AboutPage .why-games .container-inner li {
            float:left;
            width:278px;
            margin:0 22px;
            text-align:center;
            margin-bottom:56px;
        }
            .AboutPage .why-games .container-inner li img {
                width:80px;
            }
            .AboutPage .why-games .container-inner li h3 {
                margin-top:12px;
                margin-bottom:12px;
            }
            .AboutPage .why-games .container-inner li:nth-child(odd) {
                clear:left;
            }

.press {
    background-color:#ff1f68;
}
    .press .container-inner h2 {
        color:#2a2e36;
        margin-bottom:36px;
    }
    .press .container-inner .more-info {
        margin:0;
        margin-bottom:80px;
    }
    .press .container-inner a {
        color:#fff;
        text-decoration:none;
        font-size:166.666667%;
    }
    .press .container-inner a img {
        width:142px;
        margin-bottom:30px;
    }

.AboutPage .awards .container-inner {
    color:#2a2e36;
    padding-bottom:44px;
    overflow:auto;    
}
    .AboutPage .awards .container-inner h2 {
        color:#60c691;
    }
        .AboutPage .awards .container-inner ul {
            margin:0;
            padding:0;
            list-style:none;
            color:#2a2e36;
        }

            .AboutPage .awards .container-inner li {
                float:left;
                width:278px;
                margin:0 22px;
                text-align:center;
                margin-bottom:56px;
            }
                .AboutPage .awards .container-inner li img {
                    height:100px;
                    margin-bottom:22px;
                }
                .AboutPage .awards .container-inner li h3 {
                    margin-top:0;
                    margin-bottom:12px;
                    font-size:125%;
                    text-transform: none;
                }
                .AboutPage .awards .container-inner li:nth-child(odd) {
                    clear:left;
                }

.ServicesPage .services {
    background-color:#1e2025;
    padding-bottom:22px;
}
    .ServicesPage .services .container-inner h2 {
        color:#ff1f68;
    }
    .ServicesPage .services .container-inner ul {
        width:640px;
        margin:0 auto;
        padding:0;
        list-style:none;
    }
        .ServicesPage .services .container-inner li {
            float:left;
            width:298px;
            margin-left:22px;
            margin-right:0;
            text-align:center;
            margin-bottom:56px;
        }
            .ServicesPage .services .container-inner li img {
                float:left;
                width:80px;
            }
            .ServicesPage .services .container-inner li p {
                float:left;
                width:218px;
                padding-left:26px;
                text-align: left;
            }
                .ServicesPage .services .container-inner li p em {
                    color:#60c691;
                    font-style: normal;
                }
            .ServicesPage .services .container-inner li:nth-child(odd) {
                clear:left;
                margin-right:22px;
                margin-left:0;
            }

/* ==========================================================================
   Services
   ========================================================================== */
.ServicesPage .how-we-work {
    background: #2a2e36 url(../images/honeycomb-darkblue.png) repeat 0 0 scroll;
    background-size:19px 17px;
    background: #2a2e36;
    padding-bottom:54px;
}
    .ServicesPage .how-we-work .container-inner {
        color:#fff;
        position: relative;
    }
        .ServicesPage .how-we-work .container-inner h2 {
            color:#ff1f68;
        }
        .ServicesPage .how-we-work .container-inner ul {
            margin:0;
            padding:0;
            list-style:none;
        }
            .ServicesPage .how-we-work ul.tabs {
                height:57px;
                margin:0 42px;
                overflow:hidden;
            }
                .ServicesPage .how-we-work ul.tabs li {
                    float:left;
                    width:51px;
                    height:57px;
                    margin-right:17.5px;
                }
                    .ServicesPage .how-we-work ul.tabs li img {
                        width:51px;
                        opacity:0.3;
                    }
                        .ServicesPage .how-we-work ul.tabs li.active img,
                        .ServicesPage .how-we-work ul.tabs li:hover img,
                        .ServicesPage .how-we-work ul.tabs li:active img{
                            opacity:1;
                        }
                    .ServicesPage .how-we-work ul.tabs li:last-child {
                        margin-right:0;
                    }
            .ServicesPage a.work-nav {
                display:block;
                position:absolute;
                top:50%;
                left:-25px;
                margin-top:-48px;
                width:25px;
                height:95px;
            }
                .ServicesPage a.work-nav img {
                    width:25px;
                }
                .ServicesPage a.work-nav.next {
                    left:auto;
                    right:-25px;
                    left:auto;
                }
            .ServicesPage .how-we-work .steps {
                position:relative;
                border:2px solid #ff1f68;
                margin:0 42px;
                margin-bottom:50px;
            }
            .ServicesPage .how-we-work .steps .tab-content {
                display:none;
            }
                .ServicesPage .how-we-work .steps .tab-content.active {
                    display:block;
                }
                .ServicesPage .how-we-work .steps h3 {
                    float:left;
                    width:50%;
                    padding:26px;
                    margin-top:20px;
                    color:#ff1f68;
                    font-size: 208.333333%;
                    line-height:124%;
                }
                    .ServicesPage .how-we-work .steps h3 em {
                        display:inline-block;
                        font-style: normal;
                        font-size:280%;
                        width:100%;
                    }
            .ServicesPage .how-we-work .steps ul {
                float:right;
                width:50%;
                border-left:2px solid #ff1f68;
            }
                .ServicesPage .how-we-work .steps ul li {
                    border-bottom:2px solid #ff1f68;
                    font-size:108.333333%;
                    text-align: center;
                    padding:16px;
                }
                    .ServicesPage .how-we-work .steps ul li:last-child {
                        border-bottom:none;
                    }
    .ServicesPage .how-we-work .column {
        color:#fff;
        padding:0 42px;
        font-size:100%;
    }
        .ServicesPage .how-we-work .column h4 {
            font-family: 'FuturaBT-Medium';
            color:#dfffb3;
            font-size:125%;
            margin-bottom:4px;
        }

.ServicesPage .our-technology {
    background: #fff url(../images/honeycomb-white.png) repeat 0 0 scroll;
    padding-bottom:54px;
}
    .ServicesPage .our-technology .container-inner h2 {
        color:#60c691;
        word-wrap:break-word;
        font-size:366.666667%;
    }
    .ServicesPage .our-technology .container-inner .image {
        text-align: center;
    }
        .ServicesPage .our-technology .container-inner .image h3 {
            color:#ff1f68;
            margin:54px;
            text-transform: none;
        }

/* ==========================================================================
   News
   ========================================================================== */
.BlogHolder .news-list .featured-image,
.BlogEntry .post .featured-image {
    display: block;
    background-size:cover;
    background-position: center center;
    background-repeat: no-repeat;
    height:260px;
    width:100%;
    text-indent:-999em;
    overflow:hidden;
}
.BlogHolder .news-list .featured-image {
}
.news-archive {
    background-color:#2a2e36;
    padding:78px 0px;
}
    .news-archive .container-inner {
        padding:0 42px;
    }
    .news-archive .container-inner p {
        line-height:240%;
        color:#fff;
    }
    .news-archive .container-inner a {
        line-height:240%;
        color:#dfffb3;
    }
    .news-archive .container-inner .posts {
        float:left;
        width:80%;
    }
    .news-archive .container-inner .archive {
        float:right;
        width:20%;
    }

.BlogEntry .post .container-inner {
    color:#2a2e36;
    padding:0 42px;
    padding-bottom:14px;
}
    .BlogEntry .post .container-inner a {
        color:#ff1f68;
    }
        .BlogEntry .post .container-inner a:hover,
        .BlogEntry .post .container-inner a:active {
            color:#2a2e36;
            text-decoration: none;
        }
    .BlogEntry .post .container-inner h2 {
        color:#ff1f68;
        font-size:125%;
        text-align: left;
        margin-top:30px;
        margin-bottom:0;
    }
    .BlogEntry .post .container-inner img {
        width:100%;
        height:auto;
        margin: 30px 0;
    }
    .BlogEntry .post .container-inner p {
        word-break:break-word;
    }

/* ==========================================================================
   Contact
   ========================================================================== */
.ContactPage .container.contact {
    background: #2a2e36;
    padding-bottom:42px;
}
    .ContactPage .container.contact .container-inner h2 {
        color:#dfffb3;
    }
    .ContactPage .container.contact .container-inner a:hover,
    .ContactPage .container.contact .container-inner a:active {
        color:#ff1f68;
    }

.ContactPage .container.map a {
    display: block;
    background-size:cover;
    background-position: center center;
    height:240px;
    width:100%;
}

.container.careers .container-inner h2 {
    color:#ff1f68;
    padding-bottom:12px;
}
.ContactPage .careers p.intro {
    text-align: center;
    color:#2a2e36;
    font-size: 125%;
    margin-bottom: 36px;
}
.ContactPage .careers .column h3 {
    font-size: 133.333333%;
    color:#60c691;
    margin-bottom:0;
}
.ContactPage .careers .column h4 {
    font-size: 133.333333%;
    margin-top:0;
}
.ContactPage .careers .column a.button {
    font-size: 100%;
}










@media only screen and (max-width: 720px) {
    .logo {
        position:absolute;
        top:10px;
        left:-49px;
        margin-left:50%;

    }
    .navigation {
        width: 348px;
        padding-top:157px;
        margin:0 auto;
    }
        .navigation li a {
            width:60px;
        }
    .navigation li:nth-child(3) a {
        width: 60px;
        margin-right: 0;
        border-right:2px solid #fff;
    }   
    .navigation li:nth-child(4) a {
        border-left: 2px solid #fff;
        margin-left:-2px;
    }
    .container-inner .column {
        max-width: 100%;
        padding: 0 100px;
    }
        .container-inner .column {
            margin-bottom:10px;
        }
        .container-inner .column:last-child {
            margin-bottom:0;
        }

    .container.our-services .container-inner ul {
        width:484px;
    }


    .ServicesPage .how-we-work ul.tabs,
    .ServicesPage .how-we-work .steps {
        width: 467px;
    }
       .ServicesPage .how-we-work ul.tabs,
        .ServicesPage .how-we-work .steps {
            margin-left: auto;
            margin-right: auto;
        }
    .ServicesPage .how-we-work .container-inner ul {
        padding:0;
        list-style:none;
    }
    .ServicesPage .how-we-work ul.tabs {
        height:47px;
    }
        .ServicesPage .how-we-work ul.tabs li {
            float:left;
            width:46px;
            height:57px;
            margin-right:6.5px;
        }
            .ServicesPage .how-we-work ul.tabs li img {
                width:100%
            }
    .ServicesPage .how-we-work .column {
        width:467px;
        margin:0 auto;
    }

    .ServicesPage .our-technology .container-inner .image img {
        width:100%;
    }    

    .container.social .container-inner .column {
        max-width:100%;
        width:100%;
    }
    .column.twitter,
    .column.facebook {
        text-align:center;
    }
    .container.social form {
        width: 256px;
        margin: 0 auto;        
    }
    .container.social .container-inner .social-connect {
        margin-bottom:42px;
    }    

    .GamePage .video .featured-video iframe {
        max-width: 100%;
        padding: 0 100px;
        height:271px;
    }

    .AboutPage .services ul,
    .AboutPage .clients ul {
        width:580px;
        margin-left:auto;
        margin-right:auto;
        padding-right:0;
        padding-left:0;
    }
        .AboutPage .services ul li {
            width:288px;
        }
        .AboutPage .services ul li:nth-child(odd) {
            clear:left;
        }
        .AboutPage .services ul li:nth-child(4) {
            clear:none;
        }
        .AboutPage .clients ul li {
            width:250px;
            text-align: center;
        }

    .AboutPage .services ul:before, .AboutPage .services ul:after {
        width: 166px;        
    }

    .AboutPage .why-games .container-inner ul {
        width:580px;
        margin: 0 auto;
    }
        .AboutPage .why-games .container-inner ul li {
            width:300px;
            margin-left:140px;
        }
    .AboutPage .awards .container-inner ul {
        width:480px;
        margin:0 auto;
    }
        .AboutPage .awards .container-inner ul li {
            width:440px;
            text-align: center;
        }        
    .GamePage .container.gallery .gallery-holder a {
        width:100%;
        text-align:center;
        margin-left: auto;
        margin-right: auto;
    }

    .lightbox .image-holder img {
        top:278px;
    }
    .lightbox nav .close {
        top:278px;
    }

    .container.recent-games .game {
        height:auto;
    }
    .container.recent-games .game a.link-holder {
        float:none;
        width: 100%;
        height:200px;
        background-size:cover;
    }
    .container.recent-games .game .info-holder {
        width: 100%;
        height:auto;
        margin-left: 0;
        padding:10px;
        background-size:cover;
    }
        .container.recent-games .game .info {
            padding:10px;
            max-width:none;
        }

    .container.latest-news .news-list .news {
        max-width: 100%;
        height: auto;
        margin-bottom: 30px;
        padding: 0px 10px;
        padding-bottom:50px;
        background-color: #ebebeb;
        color: #2a2e36;
        position: relative;
    }
    .container.latest-news .news-list .news p {
        padding-right: 0;
    }    
    .container.latest-news .news-list .news a.read-more {
        position:absolute;
        bottom:0;
        left:0;
        width:100%;
        line-height:40px;
        height:40px;
        padding:0;
    }
    .container.latest-news .news-list .news h3 {
        padding-right:0px;
    }

    
}


@media only screen and (max-width: 580px) {
    
    .extra-banner {
        width:100%;
    }

        .extra-banner img {
            width:100%;
        }
    .container-inner .column {
        max-width: 100%;
        padding: 0 40px;
    }

    .ServicesPage .how-we-work ul.tabs,
    .ServicesPage .how-we-work .steps {
        width: 400px;
    }

    .ServicesPage .how-we-work ul.tabs {
        height:45px;
    }
    .ServicesPage .how-we-work ul.tabs li {
        width: 40px;
        margin-right:5px;
    }
    .ServicesPage .how-we-work .steps h3 {
        font-size: 166.666667%;
        line-height: 124%;
    }

    .AboutPage .services ul {
        width:480px;
    }
        .AboutPage .services ul li {
            width:238px;
        }
    .AboutPage .services ul:before, .AboutPage .services ul:after {
        width: 113px;        
    }

    .AboutPage .why-games .container-inner ul {
        width:480px;
        margin: 0 auto;
    }
        .AboutPage .why-games .container-inner ul li {
            width:300px;
            margin-left:90px;
        }

    .AboutPage .clients ul {
        width:480px;
    }
        .AboutPage .clients ul li {
            width:200px;
            text-align: center;
        }

    .gallery-holder a {
        cursor:default;
    }

    .GamePage .video .featured-video iframe {
        padding: 0 40px;
        height:230px;
    }

        .GamePage .container.gallery .gallery-holder a:hover img,
        .GamePage .container.gallery .gallery-holder a:active img {
            -webkit-filter: none !important;
            filter: none !important;
        }
        .GamePage .container.gallery .gallery-holder a:hover:after {
            display:none;
        }


}


@media only screen and (max-width: 480px) {
    h2 {
        font-size: 466.666666%;
    } 
    .container.contact-details span {
        padding: 0 4px;
    }

   .container-inner {
        max-width:480px;
        min-width:320px;
        margin:0 auto;
    }
    .container.intro .container-inner h2 {
        margin-top: 48px;
    }  
    .container.featured-game {
        display:none;
    }  
    .container-inner .column {
        max-width: 100%;
        padding: 0 10px;
    }

    .container.our-services .container-inner ul {
        width:320px;
    }
    .container.our-services .container-inner ul li {
        width:118px;
    }

    .column.twitter,
    .column.facebook {
        display:none;
    }

    .container.social .container-inner {
        padding: 0 20px;
    }
    .container.social .container-inner .column {
        width:100%;
        text-align: center;
    }
    .container.social .container-inner .column h3 {
        margin-top:20px;
        margin-bottom:20px;
    }
    .container.social form {
        width: 260px;
        margin: 0 auto;        
    }
        .container.social form input {
            width: 160px;
        }
        .container.social form input[type=submit] {
            width: 100px;
        }

    .container.contact .container-inner p {
        width: 280px;
        margin:0 auto;
        font-size:100%;
        margin-bottom:10px;
    }

    .ServicesPage .services .container-inner ul {
        width: 320px;
    }
        .ServicesPage .services .container-inner li:nth-child(odd),
        .ServicesPage .services .container-inner ul li {
            margin-left:0;
        }

    .GamePage .game .featured-holder .featured-image {
        height:130px;
        background-size: auto 130px;
    }

    .ServicesPage .how-we-work ul.tabs,
    .ServicesPage .how-we-work .steps {
        width: 320px;
    }

    .ServicesPage .how-we-work ul.tabs {
        height:36px;
    }
    .ServicesPage .how-we-work ul.tabs li {
        width: 32px;
        margin-right:4px;
    }
    .ServicesPage .how-we-work .steps h3 {
        font-size: 166.666667%;
        line-height: 124%;
    }

    .news-archive .container-inner .posts,
    .news-archive .container-inner .archive {
        float: left;
        width: 100%;
    }

    .AboutPage .services ul {
        width:300px;
    }
        .AboutPage .services ul li {
            width:296px;
        }
    .AboutPage .services ul:before, .AboutPage .services ul:after {
        width: 66px;        
    }

    .AboutPage .why-games .container-inner ul {
        width:320px;
        margin: 0 auto;
    }
        .AboutPage .why-games .container-inner ul li {
            width:300px;
            margin-left:10px;
        }
    .AboutPage .clients ul {
        width:320px;
    }
        .AboutPage .clients ul li {
            width:280px;
            text-align: center;
        }

    .AboutPage .awards .container-inner ul {
        width:320px;
        margin:0 auto;
    }
        .AboutPage .awards .container-inner ul li {
            width:280px;
            text-align: center;
        }     
    
    .GamePage .container.quote p {
        width:200px;
    }

    .container.recent-games .game .info {
        max-width:480px;
    }

    .GamePage .video .featured-video iframe {
        padding: 0 10px;
        height:230px;
    }

}

@media only screen and (max-width: 320px) {
    body {
    }
    .navigation {
        width:auto;
		margin-left:2px;
    }
    .navigation li a {
        width: 56px;
    }
    .navigation li:nth-child(1) a {
        width: 50px;
    }
    .navigation li:nth-child(2) a {
        width: 52px;
    }
    .navigation li:nth-child(3) a {
        width: 56px;
    }
    .navigation li:nth-child(4) a {
        width: 48px;
    }
    .navigation li:nth-child(6) a {
        width: 64px;
    }


    .GamePage .video .featured-video {
        height: 200px;
    }
    .GamePage .container.quote p {
        margin-top:88px;
        width:180px;
    }
    .GamePage .container.quote p.author {
        margin-bottom:88px;
    }
    .GamePage .container.quote p.quote:before {
        left:0;
        top:-68px;
    }
    .GamePage .container.quote p.quote:after {
        right:0;
        top:auto;
        bottom:-108px;
    }

    .GamePage .container.gallery .gallery-holder a img{
        width:320px;
    }    
}