@charset "utf-8";

/* CSS Document */



a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp { border: 0; margin: 0; padding: 0; font-size: 100%; outline:none;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}



table {border-collapse: collapse; border-spacing: 0;}

body {position:relative;width:100%;height:100%;word-wrap:break-word;background:transparent;}

map, area{outline:0;cursor:default !important;}

area{display:inline;}



/* Fonts */

@font-face {

    font-family: 'philosopherregular';

    src: url('../fonts/Philosopher-Regular-webfont.eot');

    src: url('../fonts/Philosopher-Regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/Philosopher-Regular-webfont.woff2') format('woff2'),

         url('../fonts/Philosopher-Regular-webfont.woff') format('woff'),

         url('../fonts/Philosopher-Regular-webfont.ttf') format('truetype'),

         url('../fonts/Philosopher-Regular-webfont.svg#philosopherregular') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'martbold';

    src: url('../fonts/Mart-Bold-webfont.eot');

    src: url('../fonts/Mart-Bold-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/Mart-Bold-webfont.woff2') format('woff2'),

         url('../fonts/Mart-Bold-webfont.woff') format('woff'),

         url('../fonts/Mart-Bold-webfont.ttf') format('truetype'),

         url('../fonts/Mart-Bold-webfont.svg#martbold') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'martmedium';

    src: url('../fonts/Mart-Medium-webfont.eot');

    src: url('../fonts/Mart-Medium-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/Mart-Medium-webfont.woff2') format('woff2'),

         url('../fonts/Mart-Medium-webfont.woff') format('woff'),

         url('../fonts/Mart-Medium-webfont.ttf') format('truetype'),

         url('../fonts/Mart-Medium-webfont.svg#martmedium') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'martregular';

    src: url('../fonts/Mart-Regular-webfont.eot');

    src: url('../fonts/Mart-Regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/Mart-Regular-webfont.woff2') format('woff2'),

         url('../fonts/Mart-Regular-webfont.woff') format('woff'),

         url('../fonts/Mart-Regular-webfont.ttf') format('truetype'),

         url('../fonts/Mart-Regular-webfont.svg#martregular') format('svg');

    font-weight: normal;

    font-style: normal;

}



a{display:inline-block;}

a:hover { text-decoration:none;}

a:focus { text-decoration:none; outline:none;}

a:active { text-decoration:none; outline:none;}



::-webkit-input-placeholder{opacity:1;color:#663800;}

:-moz-placeholder{opacity:1;color:#663800;}

::-moz-placeholder{opacity:1;color:#663800;}

:-ms-input-placeholder{opacity:1;color:#663800;}



:focus::-webkit-input-placeholder{color:rgba(102,56,0,0.7);}

:focus:-moz-placeholder{color:rgba(102,56,0,0.7);}

:focus::-moz-placeholder{color:rgba(102,56,0,0.7);}

:focus:-ms-input-placeholder{color:rgba(102,56,0,0.7);}



/* helper class */

.full-width{width:100%;}

.half-width{width:50%;}

.width-container{width:1200px;max-width:100%; margin:0 auto;padding:0 15px;}



.left{float:left;}

.right{float:right;}

.clearfix{clear:both;}



.text-left{text-align:left;}

.text-center{text-align:center;}

.text-right{text-align:right;}



.last{padding-right:0; border-right:none;}

.margin-t0{margin-top:0px !important;}



.black-section{background-color:#000 !important;}



/* HOME SECTION */

.home-section{background:url('../img/home-bg.jpg') no-repeat center;height:830px;}



/* Top Right Navigation */

.top-right-nav-wrapper{margin:0 0 25px;}

.top-right-nav{width:316px;height:40px;margin:0 auto;background:url('../img/top-nav-bg.png') no-repeat;}

.top-right-nav > ul{font-family: 'philosopherregular';text-align:center;}

.top-right-nav > ul > li{display:inline-block;vertical-align:middle;margin:0 5px;padding:5px 0px;}

.top-right-nav > ul > li > a{font-size:16px;color:#e4e5dc;text-transform:capitalize;text-shadow:3px 3px 10px #1d1306;}

.top-right-nav > ul > li > a:hover{color:#fff;}



/* Logo Section */

.logo-section-wrapper{margin:40px 0 0;}

.logo > a {cursor:default;}

/*.logo > a > img{width:577px;margin:-5px 0 0 -60px;}*/

.logo > a > img{width:100%;}



/* Free Play Section*/

.free-img{/*visibility:hidden;*/}

.free-img > img{width:444px;margin:0 0 0 -35px;}



/* DOWNLOAD BUTTON */

.download-btn{display:inline-block;box-shadow:0 0 10px 1px #000;}

.download-btn > a{width:268px;height:73px;background:url('../img/download-bg.png') no-repeat;color:#fff;text-align:center;padding:15px 5px;font:30px martbold;text-shadow:5px 5px 10px #000;}

.download-btn > a:hover{background:url('../img/download-bg.png') no-repeat 0px -73px;}



/* Video Section */

.video-section-wrapper{margin:50px 0 0;}



/* Vidoe Frame */

.video-frame{

	position:relative;

	box-sizing:border-box;width:320px;height:194px;max-width:100%;overflow:hidden;

	background:

		url('../img/frame-left.png') no-repeat left top, 

		url('../img/frame-right.png') no-repeat right top,

		url('../img/frame-bottom-right.png') no-repeat right bottom,

		url('../img/frame-bottom-left.png') no-repeat left bottom,

		url('../img/frame-top.png') repeat-x left top,

		url('../img/frame-bottom.png') repeat-x left bottom,

		url('../img/frame-left-repeat.png') repeat-y left bottom,

		url('../img/frame-right-repeat.png') repeat-y right bottom;

	box-shadow:0px 0px 10px #000, inset 0px 0px 20px #000;

	padding:8px;

	margin:0 auto;

}

.video-frame > a, .video-frame > video, .video-frame > iframe{display:block;width:100%;height:100%;}

.video-frame > a {position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;}

.play-video{display:none;width:79px;height:60px;overflow:hidden;background:url('../img/video-thumb.png') no-repeat;margin:65px auto;box-shadow:0 0 10px #000;border-radius:5px;}



.video-frame > a:hover > .play-video{display:block;}

.video-frame > a > .play-video:hover{background-position:0 -60px;}





/* Dark Box Section */

.dark-box{width:315px;max-width:100%;margin:0 auto;}

.dark-box > .box-head{padding:0 35px;

	background:

		url('../img/head-quote.png') no-repeat 0 50%,

		url('../img/head-quote-2.png') no-repeat right;

	font:24px martmedium;

	color:#f6c101;

	text-align:center;

	margin:0 0 10px 0;

	text-shadow:5px 5px 10px #000;

}



/* Dark Box Section */

.dark-box2{width:315px;max-width:100%;margin:0 auto; visibility: hidden;}

.dark-box2 > .box-head{padding:0 35px;

	font:28px martmedium;

	color:#f6c101;

	text-align:center;

	margin:10px 0 10px 0;

	text-shadow:5px 5px 10px #000;

}



.content-box > a{

	width:301px;height:123px;max-height:123px;max-width:100%;overflow:hidden;padding:25px;color:#f6c101;text-align:center;line-height:normal;font-family:'martbold';line-height:20px;border-radius:5px;

	/* background:url('../img/content-box-bg.png') no-repeat;

	background-size:100% auto; */

		text-shadow:1px 1px 5px rgba(0,0,0,0.75), -1px -1px 0px #9d3c01;

}



.content-box > a span{visibility:hidden;}



.content-box > a.reason-to-play{padding:36px;}

.content-box > a > span.top{font-size:40px;}

.content-box > a > span.ten{font-size:60px;letter-spacing:-12px;}

.content-box > a > span.reason{display:block;font-size:24px;}



.content-box > a > span.tc-wrap{display:table;margin:0 auto;}

.content-box > a > span > span.a{font-size:24px;}

.content-box > a > span > span.word{font-size:40px;}

.content-box > a > span > span.tc > span.from{font-size:24px;}

.content-box > a > span.dev{display:block;font-size:30px;}

.content-box > a > span > span.tc{display:table-cell;vertical-align:middle;}



.content-box > a:hover{text-shadow:1px 1px 1px rgba(0,0,0,0.4), 0 0 20px #995100;}



.content-box > a.reason-to-play-bg{background:url('../img/top-10-background.png') no-repeat 0 0;background-size:contain;}

.content-box > a.reason-to-play-bg.active{background:url('../img/top-10-background-hover.png') no-repeat 0 0;background-size:contain;}

.content-box > a.word-developer{background:url('../img/word-developer-bg.png') no-repeat 0 0;background-size:contain;}

.content-box > a.word-developer.active{background:url('../img/word-developer-bg-hover.png') no-repeat 0 0;background-size:contain;}



.content-box-rus > a.reason-to-play-bg{background:url('../img/rus-top-10-background.png') no-repeat 0 0;background-size:contain;}

.content-box-rus > a.reason-to-play-bg.active{background:url('../img/rus-top-10-background-hover.png') no-repeat 0 0;background-size:contain;}

.content-box-rus > a.word-developer{background:url('../img/rus-word-developer-bg.png') no-repeat 0 0;background-size:contain;}

.content-box-rus > a.word-developer.active{background:url('../img/rus-word-developer-bg-hover.png') no-repeat 0 0;background-size:contain;}







/* Border Section */

.main-border{position:relative;z-index:1;height:19px;overflow:hidden;background:#000 url('../img/border.png') no-repeat;background-size:100% 100%;box-shadow:0px 5px 10px #000;}

.section-border{position:relative;z-index:1;height:19px;overflow:hidden;background:#000 url('../img/section-border.jpg') repeat-x 100%;box-shadow:0px 5px 10px #000;}



/* Main Navigation */

#main-navigation{position:relative;z-index:2;}

.menu-wrapper{position:absolute;left:0;right:0;top:-85px;max-width:100%;width:998px;height:110px;margin:0 auto;background:url('../img/main-nav-bg.png') no-repeat;background-size:100% 100%;padding:36px 60px;}

.menu-wrapper .navbar{margin:0;background:none;border-radius:0;border:0;}

.menu-wrapper .navbar-collapse{padding:0;text-align:center;}

.menu-wrapper ul.navbar-nav{display:inline-block;float:none;}

.menu-wrapper ul.navbar-nav > li{padding:15px;}

.menu-wrapper ul.navbar-nav > li > a, .menu-wrapper ul.navbar-nav > li > a:focus{font:18px 'martregular';color:#d5d6c8;text-shadow:2px 2px rgba(0,0,0,0.4);padding:0;background:none !important}

.menu-wrapper ul.navbar-nav > li > a.active, 

.menu-wrapper ul.navbar-nav > li > a:hover, 

.menu-wrapper ul.navbar-nav > li.active > a,

.menu-wrapper ul.navbar-nav > li.active > a:focus{

		color:#f0aa00 !important;text-decoration:underline;background:none !important;

	}



/* Fixed Navigation */

#main-navigation.sticky-navigation{position:fixed;top:0;width:100%;z-index:999;}

.menu-wrapper.sticky-wrapper{top:0;margin:-30px auto 0;}





/* Top 10 Section */

.top-10-section{

	background:

		url('../img/top-10-bg.png') no-repeat top center,

		url('../img/top-10-bottom-bg.png') no-repeat bottom center;

	padding:85px 0 45px;

}

.top-content-box{position:relative;margin:0 0 40px;}

.image-frame-wrap, .main-frame{

	display:table;

	width:360px;

	height:240px;

	max-width:100%;

	overflow:hidden;box-sizing:border-box;

	background:

	url('../img/frame-left.png') no-repeat left top, 

	url('../img/frame-right.png') no-repeat right top,

	url('../img/frame-bottom-right.png') no-repeat right bottom,

	url('../img/frame-bottom-left.png') no-repeat left bottom,

	url('../img/frame-top.png') repeat-x left top,

	url('../img/frame-bottom.png') repeat-x left bottom,

	url('../img/frame-left-repeat.png') repeat-y left bottom,

	url('../img/frame-right-repeat.png') repeat-y right bottom;

	box-shadow:0px 0px 10px #000, inset 0px 0px 20px #000;

	background-color:#000; 

	padding:10px 8px;

}

.image-frame-wrap > a, .main-frame > a{display:table-cell;width:100%;height:100%;vertical-align:middle;overflow:hidden;background:url('../img/default.jpg');padding:5px;cursor:default;pointer-events:none;}

.image-frame-wrap > a > img, .main-frame > a > img{width:100%;}

.main-frame{width:100%;height:240px;}

.main-frame > a > img{width:100%;}



.countdown-wrap{position:absolute;left:0;top:-15px;width:71px;height:98px;overflow:hidden;background:url('../img/countdown.png') no-repeat center;}

.countdown-text{padding:5px;font:30px 'martbold';color:#2d2424;text-align:center;margin:30px 0 0;}



.game-details > h2{font:24px 'martmedium';color:#f0aa00;text-shadow:2px 2px 5px rgba(0,0,0,1);margin:25px 0 15px 0;text-align:center}

.game-details > p{font:16px 'martmedium';color:#d5d6c8;line-height:18px;}

.game-details > ul{padding:0 20px;margin-bottom:100px;}

.game-details > ul > li{font:16px 'martmedium';color:#d5d6c8;line-height:18px;margin:10px 0;}

.game-details > ul > li > span > a{color:#f0aa00;}

.game-details > ul > li > span > a:hover{text-decoration:underline;}

/* .game-details > ul > li > span{position:relative;left:-5px;} */

.top-10-section  > .container > .row > .col-sm-4.col-xs-6{box-sizing:border-box;}

.lastChallengeSection .game-details > p{font:14px 'martmedium';color:#d5d6c8;line-height:24px; margin-bottom: 30px;}


/* Action Section */

.action-section{height:700px;background-color:#000;background-position:top center;background-repeat:no-repeat;}

.action-section > .container{display:table;height:100%;}

.action-section > .container > .row{display:table-cell;height:100%;vertical-align:middle;}



.action-1{background-image:url('../img/action-1.jpg');}

.action-2{background-image:url('../img/action-2.jpg');}

.action-3{background-image:url('../img/action-3.jpg');}

.invite-friends{background-image:url('../img/action-4.jpg');}



.lore-section{width:365px;max-width:100%;}

.decor{

	width:100%;box-sizing:border-box;padding:85px 5px;

	background:

		url('../img/decor-top.png') no-repeat top center,

		url('../img/decor-bottom.png') no-repeat bottom center;

}

.decor > p{font:18px 'martmedium';color:#d5d6c8;text-align:justify;}





/* Media Section */

.media-section-wrapper{position:relative;height:1077px;background:url('../img/media-bg.jpg') no-repeat center;padding:30px 0;}



.tabs-wrapper ul.nav-tabs{border:0px;text-align:center;margin:20px 0;}

.tabs-wrapper ul.nav-tabs > li{margin:0;float:none;display:inline-block;vertical-align:middle;}

.tabs-wrapper ul.nav-tabs > li > a, .tabs-wrapper .nav-tabs > li.active > a{border:0;background:none;font:24px 'martregular';color:#d5d6c8;text-shadow:1px 1px 5px #000;margin:0;padding:0px 10px;cursor:pointer;}

.tabs-wrapper ul.nav-tabs > li.active > a, .tabs-wrapper ul.nav-tabs > li > a:hover{color:#f0aa00;text-decoration:underline;}



/* Media Slider */

.slider-frame-wrap{

	width:1124px;max-width:100%;margin:0 auto;

	box-sizing:border-box; 

	position:relative;

	padding:10px 7px;

	background:

		url('../img/frame-left.png') no-repeat left top, 

		url('../img/frame-right.png') no-repeat right top,

		url('../img/frame-bottom-right.png') no-repeat right bottom,

		url('../img/frame-bottom-left.png') no-repeat left bottom,

		url('../img/frame-top.png') repeat-x left top,

		url('../img/frame-bottom.png') repeat-x left bottom,

		url('../img/frame-left-repeat.png') repeat-y left bottom,

		url('../img/frame-right-repeat.png') repeat-y right bottom;

	box-shadow:0 0 30px #000; 

}

.inside-frame{

	padding:35px;

	background:

		url('../img/slide-top-left.png') no-repeat top left,

		url('../img/slide-top-right.png') no-repeat top right,

		url('../img/slide-left-bottom.png') no-repeat bottom left,

		url('../img/slide-right-bottom.png') no-repeat bottom right,

		url('../img/slide-top.jpg') repeat-x top left,

		url('../img/slide-right.jpg') repeat-y bottom right,

		url('../img/slide-bottom.jpg') repeat-x bottom left,

		url('../img/slide-left.jpg') repeat-y bottom left,

		url('../img/slide-bg.jpg') repeat;

}

.inner-shadow{width:100%;height:100%;box-shadow:inset 0px 0px 10px #000;padding:15px 20px;}



.slider-frame-wrap .left-corner{width:52px;height:66px;position:absolute;top:0;left:-52px;background:url('../img/left-corner.png') no-repeat top right;}

.slider-frame-wrap .right-corner{width:52px;height:66px;position:absolute;top:0;right:-52px;background:url('../img/right-corner.png') no-repeat top left;}

.slider-frame-wrap .slider-bottom{width:121px;height:32px;position:absolute;bottom:-32px;left:0;right:0;margin:0 auto;background:url('../img/slider-bottom.png') no-repeat;}

.slider-hero{width:300px;height:577px;overflow:hidden;background:url('../img/slider-hero.png') no-repeat;background-size:contain;position:absolute;right:5%;top:50%;margin:-290px 0 0;}



.main-slider div > img, .thumb-slider div > img{width:100%;max-width:100%;}

.thumb-slider div > img{padding:0 5px;}



.divider{height:14px;background:url('../img/slider-divider.jpg')repeat-x;overflow:hidden;margin:10px -20px;}





/* Carousel */

.nav-left{width:35px;height:80px;background:url('../img/nav-left.png') no-repeat ;opacity:1;position:absolute;left:10px;top:50%;margin:-40px 0 0;}

.nav-right{width:35px;height:80px;background:url('../img/nav-right.png') no-repeat ;opacity:1;position:absolute;right:10px;top:50%;margin:-40px 0 0;}



.nav-left:hover, .nav-right:hover{background-position:0px -80px;}



.nav-left:active{width:30px;height:69px;left:15px;background-size:100% auto;margin:-35px 0 0;background-position:0px -69px;}

.nav-right:active{width:30px;height:69px;right:15px;background-size:100% auto;margin:-35px 0 0;background-position:0px -69px;}



#video-gallery-cycle .cycle-slide, 

#video-gallery-cycle .cycle-slide iframe, 

#video-gallery-cycle .cycle-youtube.cycle-slide > object, 

#video-gallery-cycle .cycle-youtube.cycle-slide > object > embed{

	display:block;width:100% !important;height:100% !important;

}

#video-thumb-cycle .cycle-slide iframe{padding:0 5px;pointer-events:none;width:100%;height:100px;}

#video-thumb-cycle .cycle-slide{opacity:.6 !important;}

#video-thumb-cycle .cycle-slide:hover{opacity:1 !important;}





#screenshort-thumb-cycle .cycle-slide, #video-thumb-cycle .cycle-slide, #artwork-thumb-cycle .cycle-slide{cursor:pointer;}

.thumb-slider .cycle-slide > img{opacity:0.8;}

.thumb-slider .cycle-slide > img:hover{opacity:1;}





/* Invite Section */

.invite-wrap{width:365px;max-width:100%;margin:165px auto 0 auto;}

.invite-wrap > h2{font:55px 'martbold';color:#f6c101;text-shadow:1px 1px 5px #000;letter-spacing:-1px;line-height:48px;margin:20px 0;}

.invite-wrap-rus > h2{font:42px 'martbold';color:#f6c101;text-shadow:1px 1px 5px #000;letter-spacing:-1px;line-height:48px;margin:20px 0;}

.invite-wrap > p{font:18px 'martmedium';line-height:30px;color:#d5d6c8;letter-spacing:0.8px;}

.invite-wrap > p > span > a{text-transform:capitalize;color:#f0aa00;}

.invite-wrap > p > span > a:hover{text-decoration:underline;}







/* Footer Section */

.footer-section-wrap{padding:50px 0;}

.social-linkks-wrap, .footer-section-wrap .download-btn{margin:20px 0;}

.social-linkks-wrap > ul > li{display:inline-block;vertical-align:middle;}

.social-linkks-wrap > ul > li > a{width:62px;height:62px;overflow:hidden;}



.social-linkks-wrap > ul > li > a.twitch{background:url('../img/twitch.png') no-repeat top;}

.social-linkks-wrap > ul > li > a.facebook{background:url('../img/facebook.png') no-repeat top;}

.social-linkks-wrap > ul > li > a.twitter{background:url('../img/twitter.png') no-repeat top;}

.social-linkks-wrap > ul > li > a.youtube{background:url('../img/youtube.png') no-repeat top;}



.social-linkks-wrap > ul > li > a:hover{background-position:0px -62px;}



.footer-logo > a{display:block;}

.footer-logo > a > img{max-width:100%;}





/* Pop Up */

.form-wrapper{padding:40px 5px;}

.form-wrapper .input-wrapper{position: relative;padding:5px 55px;}

.form-wrapper .input{width:244px;max-width:100%;font:18px 'philosopherregular';color:#663800;background:#e1c66b;text-align:center;border:0;padding:14px 5px;box-shadow: inset 2px 2px 5px #69471b, inset -4px -4px 2px #cdaf5d;resize:none;}



.form-wrapper .input:focus, .got-it-btn:focus, .form-wrapper .submit-btn:focus{outline:3px solid #a9a801;}



.form-wrapper span.icon{display:none;}

.form-wrapper span.icon-success{display:block !important;width:30px;height:30px;overflow:hidden;background:url('../img/successful.png') no-repeat;border-radius:30px;position:absolute;top:50%;margin:-17px 0 0;right:25px;}

.form-wrapper span.icon-error{display:block !important;width:30px;height:30px;overflow:hidden;background:url('../img/error.png') no-repeat;border-radius:30px;position:absolute;top:50%;margin:-17px 0 0;right:25px;}

.form-wrapper .submit-btn, .got-it-btn{width:211px;max-width:100%;font:24px 'philosopherregular';color:#f0aa00;padding:14px 5px;background:url('../img/button-bg.png') no-repeat;background-size:100% 100%;border:0;border-radius:5px;box-shadow:0px 0px 5px #000;margin:20px 0 0;border-radius:5px;}

.form-wrapper .submit-btn:hover, .got-it-btn:hover{text-shadow:1px 1px 1px rgba(0,0,0,0.4), 0 0 20px #995100;}



.fancybox-skin{background:transparent;box-shadow:none !important;}

.signup-popup-wrapper{width:100%;height:100%;background:url('../img/popup-background.png') center no-repeat;background-size:100% 100%;}

.contact-popup-wrapper{width:100%;height:100%;background:url('../img/contact-popup-bg.png') center no-repeat;background-size:100% 100%;}

.middle-section{/*width:752px;*/width:56%;

		background:

			url("../img/word-popup-bg-2.png") no-repeat scroll center top;

		background-size:100% 100%;	

		padding:40px 0px;

		position: relative;

		box-sizing:border-box;

}



.popup-head{width:100%;margin:0 0 30px;padding:0px 20px;box-sizing:border-box;}

.popup-head > h1{font:30px 'martbold';color:#fff;text-shadow:1px 1px 5px #6c4619;}

.word-content-wrapper{height:475px;padding:0 30px;}

.word-content{width:100%;box-sizing:border-box;padding:0px 30px;}

.word-content > p{font:16px 'martmedium';color:#663800;margin:0 0 20px;}



.table-cell{/*display:table-cell;vertical-align:top;*/float:left;}

.left-char{/*width:280px;height:705px;background:url('../img/left-char.png') no-repeat;*/width:22%;position:relative;right:-10px;background-size:contain;z-index:-1;}

.right-char{/*width:280px;height:682px;background:url('../img/right-char.png') no-repeat;*/width:22%;position:relative;left:-10px;background-size:contain;z-index:-1;}

.left-char > img, .right-char > img{max-width:100%;height:auto;width:auto;cursor:default !important;}



.thank-you-message > h2{font:30px 'philosopherregular';color:#663800;padding:0 5px;margin:30px 0;}



#developer-modal .modal-dialog{width:1286px;max-width:100%;background:transparent;}

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

#developer-modal .modal-content{background:transparent;box-shadow:none;border:0px;}



.mCSB_inside > .mCSB_container{margin:0;}

.video-frame > iframe{z-index:0 !important;}

.modal{z-index:99999 !important;}

.modal-open{overflow:hidden;position:fixed;z-index:0;left:0;right:0;top:0;}

.lastChallengeImg {margin: 130px 0 0 -115px;}

section.lastChallengeSection {padding: 0; background: url("../img/lastChallengeBgTop.png") no-repeat scroll center top, rgba(0, 0, 0, 0);}
.lastChallengeImg {margin: 130px 0 40px -150px;}
.lastChallengeSection img{ max-width: 100%;}
.lastChallengeSection .game-details > ul.smallTextList { margin-bottom: 30px; padding: 0 20px 0 15px;}
.lastChallengeSection .game-details > ul.smallTextList li { font-size: 14px; line-height: 14px;}
span.noteText {font:14px 'martmedium'; line-height: 24px; color: #d5d6c8;}
span.pinkText { color: #ff00d0;}
p.imgContent { text-align: center;}
.lastChallengeSection .top-content-box { width: 100%;}
.lastChallengeSection .image-frame-wrap {width: 100%; max-width: 360px;}



/* penn page css 19June15 */
.pennSection{
	background:
		url('../img/pennTopBg.png') no-repeat top center,
		url('../img/pennBottomBg.png') no-repeat bottom center;
		padding:80px 0 200px;
}
.pennImgContainer { margin: 0 0 0 -67px;}
.pennImgContainer img{ max-width: 100%;}
.description {
    margin: -20px auto 0;
    max-width: 364px;
    width: 100%;
}
.pennSection .game-details > p {
    color: #d5d6c8;
    font: 14px/24px "martmedium";
    margin-bottom: 30px;
}
.pennSection .game-details > p.highlightText { color: #f6c101;}

.pennSection .image-frame-wrap, .pennSection .main-frame{
	display:table;
	width:195px;
	height:194px;
	max-width:100%;
	overflow:hidden;box-sizing:border-box;
	background:
	url('../img/frame-left.png') no-repeat left top, 
	url('../img/frame-right.png') no-repeat right top,
	url('../img/frame-bottom-right.png') no-repeat right bottom,
	url('../img/frame-bottom-left.png') no-repeat left bottom,
	url('../img/frame-top.png') repeat-x left top,
	url('../img/frame-bottom.png') repeat-x left bottom,
	url('../img/frame-left-repeat.png') repeat-y left bottom,
	url('../img/frame-right-repeat.png') repeat-y right bottom;
	box-shadow:0px 0px 10px #000, inset 0px 0px 20px #000;
	background-color:#000; 
	padding:10px 8px;
	float: right;
	margin: 0 30px 0 0;
}

.pennSection .game-details h2{ margin: 0 0 10px; text-align: left; font-size: 30px; color: #f6c101;}




/* penn page css 19June15 */