@import url(https://fonts.googleapis.com/css?family=Roboto:300,500);

@font-face {
  font-family: 'SimplyRounded';
  src: url('fonts/SimplyRounded.eot?#iefix') format('embedded-opentype'),  url('fonts/SimplyRounded.woff') format('woff'), url('fonts/SimplyRounded.ttf')  format('truetype'), url('fonts/SimplyRounded.svg#RIOT!') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SimplyRounded-Bold';
  src: url('fonts/SimplyRounded-Bold.eot?#iefix') format('embedded-opentype'),  url('fonts/SimplyRounded-Bold.woff') format('woff'), url('fonts/SimplyRounded-Bold.ttf')  format('truetype'), url('fonts/SimplyRounded-Bold.svg#RIOT!') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'RIOT-';
  src: url('fonts/RIOT-.eot?#iefix') format('embedded-opentype'),  url('fonts/RIOT-.woff') format('woff'), url('fonts/RIOT-.ttf')  format('truetype'), url('fonts/RIOT-.svg#RIOT!') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'PWChalk';
  src: url('fonts/PWChalk.eot?#iefix') format('embedded-opentype'),  url('fonts/PWChalk.woff') format('woff'), url('fonts/PWChalk.ttf')  format('truetype'), url('fonts/PWChalk.svg#RIOT!') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'THURSTON';
  src: url('fonts/THURSTON.eot?#iefix') format('embedded-opentype'),  url('fonts/THURSTON.woff') format('woff'), url('fonts/THURSTON.ttf')  format('truetype'), url('fonts/THURSTON.svg#RIOT!') format('svg');
  font-weight: normal;
  font-style: normal;
}

body {
background:#131313;
margin:0;
padding:0;
color:#FAFAFA;
}

a {
color:#D81818;
text-decoration:none;
}

a:hover {color:#ADBF5A;}

b,
strong {
font-family: 'SimplyRounded-Bold';
font-weight:normal;
}

a,input,button,div,span,img,textarea {
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease;
outline:none;
}

::-webkit-scrollbar {
width:7px;
background: #131313;
}

::-webkit-scrollbar-thumb {background:#D81818;}

#header {
background:url('images/bg-header.png') 50% 0 repeat-x;
width:100%;
height:122px;
}

#header .container {
width:100%;
max-width:1024px;
margin:0 auto;
position:relative;
}

#header .logo {
position:absolute;
top:10px;
left:20px;
}

#header .logo a {
background:url('images/logo-header.png') 0 0 no-repeat;
width:280px;
height:76px;
display:block;
}

#header .logo span {
margin:25px 0 0 70px;
display:inline-block;
vertical-align:top;
font-family: 'PWChalk';
font-size:27px;
color:#F8FBFA;
text-transform: uppercase;
}

#header .menu {
position:absolute;
top:7px;
right:20px;
}

#header .menu ul {
margin:0;
padding:0;
list-style:none;
font-family: 'THURSTON';
text-transform: uppercase;
}

#header .menu ul.home {
margin:13px 0 0 0;
}

#header .menu li {
margin:0 30px 0 0;
display:inline-block;
vertical-align:middle;
}

#header .menu li:last-child {margin:0 0 0 0}

#header .menu li:nth-child(1) a {
font-size:50px;
color:#FEFEFE;
}

#header .menu li:nth-child(2) a {
font-size:50px;
color:#8AADDB;
}

#header .menu li:nth-child(3) a {
font-size:50px;
color:#BED362;
}

#header .menu li.active a {font-size:80px;}

#content .logo {
text-align:center;
}


#content .list-games {
width:100%;
max-width:1024px;
margin:50px auto 0 auto;
text-align:center;
}

#content .list-games .block {
width:400px;
height:360px;
display:inline-block;
vertical-align:top;
position:relative;
text-align:left;
}

#content .list-games .block:nth-child(2n+1) {margin:0 60px 0 0;}

#content .list-games .block:nth-child(3),
#content .list-games .block:nth-child(5),
#content .list-games .block:nth-child(7),
#content .list-games .block:nth-child(9),
#content .list-games .block:nth-child(11),
#content .list-games .block:nth-child(13),
#content .list-games .block:nth-child(15),
#content .list-games .block:nth-child(17),
#content .list-games .block:nth-child(19),
#content .list-games .block:nth-child(21) {margin:0 60px 0 0;}

#content .list-games .block:hover .text {
-webkit-transition:all .6s ease;
-moz-transition:all .6s ease;
-ms-transition:all .6s ease;
-o-transition:all .6s ease;
transition:all .6s ease;
opacity:1;
}

#content .list-games img {
width:400px;
height:229px;
}

#content .list-games h3 {
margin:20px 0 0 0;
padding:0;
}

#content .list-games h3 a {
font-family: 'PWChalk';
font-size:32px;
font-weight:normal;
color:#F8FBFA;
text-transform: uppercase;
}

#content .list-games h3 a:hover {color:#ADBF5A;}

#content .list-games .info ul {
margin:-3px 0 0 0;
padding:0;
list-style:none;
}

#content .list-games .info li {
display:inline-block;
vertical-align:top;
font-family: 'PWChalk';
font-size:24px;
font-weight:normal;
color:#DB0056;
text-transform: uppercase;
}

#content .list-games .text {
background:rgba(216, 24, 24, 0.95);
width:100%;
max-width:400px;
height:100%;
max-height:229px;
position:absolute;
top:0;
left:0;
opacity:0;
-webkit-transition:all .6s ease;
-moz-transition:all .6s ease;
-ms-transition:all .6s ease;
-o-transition:all .6s ease;
transition:all .6s ease;
}

#content .list-games .text p {
width:100%;
height:100%;
margin:0;
display:table;
font-family: 'SimplyRounded';
font-size:22px;
color:rgba(255, 255, 255, 0.88);
line-height:24px;
}

#content .list-games .text a {
width:100%;
height:100%;
display:table-cell;
vertical-align:middle;
padding:0 15px;
color:rgba(255, 255, 255, 0.88);
}




#content .game {
width:1024px;
margin:35px auto 0 auto;
}

#content .game .content {white-space: nowrap;}

#content .game .separator {}

#content .game .left {
width:400px;
margin:0 25px 0 0;
display:inline-block;
vertical-align:top;
}

#content .game .left ul {
height:70px;
margin:0;
padding:0;
list-style:none
}

#content .game .left li {
margin:0 42px 0 0;
display:inline-block;
vertical-align:middle;
}

#content .game .left li:last-child {margin:0 0 0 0;}

#content .game .left li:nth-child(1) a {
background:url('images/icon-steam.png') 0 0 no-repeat;
width:80px;
height:30px;
display:block;
}

#content .game .left li:nth-child(1) a:hover {background:url('images/icon-steam-hover.png') 0 0 no-repeat;}

#content .game .left li:nth-child(2) a {
background:url('images/icon-humble-bundle.png') 0 0 no-repeat;
width:173px;
height:55px;
display:block;
}

#content .game .left li:nth-child(2) a:hover {background:url('images/icon-humble-bundle-hover.png') 0 0 no-repeat;}

/* #content .game .left li:nth-child(3) a {
background:url('images/icon-ios.png') 0 0 no-repeat;
width:50px;
height:50px;
display:block;
} */

#content .game .left li span {display:none;}

#content .game .right {
width:590px;
height:70px;
display:inline-block;
vertical-align:top;
text-align:center;
}

#content .game .right h1 {
margin:0;
font-family: 'RIOT-';
font-size:24px;
font-weight:bold;
color:#BD034C;
text-transform: uppercase;
}

#content .game .image {
width:400px;
height:229px;
margin:0 25px 0 0;
display:inline-block;
vertical-align:top;
}

#content .game .image img {
width:400px;
height:229px;
}


#content .game .description {
width:590px;
display:inline-block;
vertical-align:top;
font-family: 'SimplyRounded';
font-size:22px;
font-weight:normal;
white-space: normal;
}

#content .game .description p {
margin:0 0 15px 0;
}

#content .game .description p:first-child {margin:-3px 0 15px 0;}


#content .game .video {
margin:50px 0 75px 0;
text-align:center;
}

#content .game .video iframe {
display:inline-block;
vertical-align:top;
}





.lb-loader,.lightbox{text-align:center;line-height:0}body:after{content:url(images/close.png) url(images/loading.gif) url(images/prev.png) url(images/next.png);display:none}.lb-dataContainer:after,.lb-outerContainer:after{content:"";clear:both}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;font-weight:400}.lightbox .lb-image{display:block;height:auto;max-width:inherit;border-radius:3px}.lightbox a img{border:none}.lb-outerContainer{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;border-radius:4px}.lb-loader,.lb-nav{position:absolute;left:0}.lb-outerContainer:after{display:table}.lb-container{padding:4px}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(images/loading.gif) no-repeat}.lb-nav{top:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(images/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(images/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{display:table}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}

.lb-data .lb-number{
display:block;
clear:left;
padding-top:1em;
font-family: 'RIOT-';
font-size:10px;
color:#D81818}


.lb-data .lb-close{display:block;float:right;width:30px;height:30px;
background:url(images/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}






#content .game .screenshots{
width:950px;
height:325px;
margin:0 0 0 0 !important;
padding:0 10px;
position:relative;
}


#content .game .tj_nav{

}


#content .game .tj_nav span{
	width:66px;
	height:104px;
	display:block;
	text-indent:-9000px;
	cursor:pointer;
	/*-webkit-transition: all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-transition: all 0.2s ease-in-out;*/
}

#content .game .tj_prev {
background: url(images/arrow-left.png) 0 0 no-repeat;
position:absolute;
top:115px;
left:62px;
z-index:10;
}

#content .game .tj_prev:hover {background: url(images/arrow-left-hover.png) 0 0 no-repeat;}

#content .game .tj_next {
background: url(images/arrow-right.png) 0 0 no-repeat;
position:absolute;
top:115px;
right:0;
z-index:10;
}

#content .game .tj_next:hover {background: url(images/arrow-right-hover.png) 0 0 no-repeat;}

#content .game .tj_wrapper{
	width:100%;
	height:100%;
	position:relative;
	margin:0 0 0 0;
}

#content .game .tj_wrapper ul {
margin:0 0 0 132px;
padding:0;
list-style:none;
text-align:center;
}

#content .game .tj_wrapper ul li {
height:180px;
margin:0 25px 0 0 !important;
display:inline-block;
vertical-align:top;float:left;
}

#content .game .tj_wrapper ul li img {
width:218px;
height:139px;
border:solid 2px transparent;
}

#content .game .tj_wrapper ul li img:hover {
border-color:#BFD362;
}

#content .game .tj_wrapper ul li a{
outline:none;
    display:block;margin:5px;
}

#content .game .tj_wrapper ul li a img:hover{
	opacity:1.0;
}







#content .blog {
width:1024px;
margin:35px auto 0 auto;
}

#content .content {
width:505px;
margin:0 55px 0 65px;
display:inline-block;
vertical-align:top;
}

#content .sidebar {
width:366px;
display:inline-block;
vertical-align:top;
}

#content .sidebar .widget-title {
background:#BED362;
height:77px;
margin:0 0 15px 0;
line-height:77px;
font-family: 'RIOT-';
font-size:37px;
font-weight:bold;
color:#DD1619;
text-transform: uppercase;
text-align:center;
}

#content .sidebar .archive ul {
margin:0;
padding:0;
list-style:none;
}

#content .sidebar .archive li {

}

#content .sidebar .archive .list .collapsing.collapse a,
#content .sidebar .archive .list .collapsing.expand a {

font-family: 'RIOT-';
font-size:37px;
font-weight:bold;
color:#DD1619;
text-transform: uppercase;
text-align:center;
}

#content .sidebar .archive .list .sym {
position:relative;
top:10px;
font-family: 'RIOT-';
font-size:37px;
font-weight:bold;
color:#DD1619;
text-transform: uppercase;
text-align:center;
cursor:pointer;
}

#content .sidebar .archive .list .collapsing.collapse:hover a,
#content .sidebar .archive .list .collapsing.expand:hover a,
#content .sidebar .archive .list .collapsing.expand:hover .sym,
#content .sidebar .archive .list .collapsing.collapse:hover .sym {color:#ADBF5A;}

#content .sidebar .archive .list ul {margin:5px 0 0 85px;}

#content .sidebar .archive .list ul .collapsing.archives  a {
font-family: 'RIOT-';
font-size:27px;
font-weight:bold;
color:#DD1619;
text-transform: uppercase;
text-align:center;
}

#content .sidebar .archive .list ul ul .item a {

}

#content .blog.block {
width:100%;
margin:0 0 25px 0;
}

#content .blog.block header {
white-space: nowrap;
}

#content .blog.block header p {
width:100px;
height:70px;
margin:0;
display:inline-block;
vertical-align:top;
font-family: 'RIOT-';
font-size:16px;
line-height:33px;
font-weight:normal;
color:#DA0057;
text-transform: uppercase;
text-align:center;
text-align:left;
white-space: normal;
}

#content .blog.block header h2 {
width:400px;
min-height:70px;
line-height:65px;
display:inline-block;
vertical-align:top;
margin:0 0 0 0;
font-family: 'RIOT-';
font-size:38px;
font-weight:bold;
color:#DA0057;
text-transform: uppercase;
text-align:left;
white-space: normal;
word-wrap: break-word;
}

#content .blog.block header h2 a {color:#DA0057;}

#content .blog.block header h2 a:hover {color:#ADBF5A
}

#content .blog.block .text {
background:url('images/separator.png') 50% 100% no-repeat;
padding:0 0 10px 0;
font-family: 'SimplyRounded';
font-size:18px;
font-weight:normal;
white-space: normal;
}

#content .blog.block .others {
height:60px;
}

#content .blog.block .others .share {
float:left;
margin:10px 0 0 0;
}

#content .blog.block .others .like {
float:right;
}

#content .blog.block .others .ya-share2__item_service_facebook,
#content .blog.block .others .ya-share2__item_service_twitter,
#content .blog.block .others .ya-share2__item_service_gplus {
margin:0 5px;
}

#content .blog.block .others .ya-share2__item_service_twitter {margin:0 17px 0 5px;}

#content .blog.block .others .ya-share2__item_service_facebook a {
background:url('images/icon-facebook.png') 50% 100% no-repeat;
width:40px;
height:35px;
display:block;
}

#content .blog.block .others .ya-share2__item_service_facebook a:hover {
background:url('images/icon-facebook-hover.png') 50% 100% no-repeat;
opacity:1 !important;
}

#content .blog.block .others .ya-share2__item_service_twitter a {
background:url('images/icon-twitter.png') 50% 100% no-repeat;
width:40px;
height:35px;
display:block;
}

#content .blog.block .others .ya-share2__item_service_twitter a:hover {
background:url('images/icon-twitter-hover.png') 50% 100% no-repeat;
opacity:1 !important;
}

#content .blog.block .others .ya-share2__item_service_gplus a {
background:url('images/icon-google.png') 50% 100% no-repeat;
width:40px;
height:35px;
display:block;
}

#content .blog.block .others .ya-share2__item_service_gplus a:hover {
background:url('images/icon-google-hover.png') 50% 100% no-repeat;
opacity:1 !important;
}


#content .blog.block .others .ya-share2__item_service_facebook span,
#content .blog.block .others .ya-share2__item_service_twitter span,
#content .blog.block .others  .ya-share2__item_service_gplus span {display:none;}


#content .team {
width:100%;
max-width:1024px;
margin:0 auto;
}

#content .team.category {margin:0 auto 35px auto;}

#content .team.category header {text-align:center;}

#content .team.category header h1 {
margin:0;
font-family: 'RIOT-';
font-size:50px;
font-weight:bold;
color:#DA0057;
text-transform: uppercase;
}

#content .team.category header p {
margin:0;
font-family: 'SimplyRounded';
font-size:24px;
}


#content .team.block {
margin:0 auto 70px auto;
white-space: nowrap;
}

#content .team.block header {
padding:0 0 5px 20px;
text-align:left;
}

#content .team.block h2 {
margin:0;
padding:0;
font-family: 'RIOT-';
font-size:18px;
font-weight:normal;
color:#DA0057;
text-transform: uppercase;
}

#content .team.block .photo {
width:165px;
height:147px;
margin:0 20px 0 0;
display:inline-block;
vertical-align:top;
}

#content .team.block .text {
width:835px;
display:inline-block;
vertical-align:top;
font-family: 'SimplyRounded';
font-size:19px;
font-weight:normal;
white-space: normal;
}

#content .team.block .text p {margin:0 0 15px 0;}


#content .team.contacts header {
margin:-10px 0 25px 0;
text-align:center;
}

#content .team.contacts header h3 {
margin:0;
font-family: 'RIOT-';
font-size:50px;
font-weight:bold;
color:#DA0057;
text-transform: uppercase;
}

#content .team.contacts .text {
font-family: 'SimplyRounded';
font-size:24px;
font-weight:normal;
text-align:center;
}

#content .team.contacts .text p {
margin:0 0 0 0;
}

#content .team.contacts .text a {
color:#C5BA58;
}




#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:rgba(0, 0, 0, 0.75);}
#colorbox{outline:0;}
    #cboxContent{margin-top:32px; overflow:visible; background:#000;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(images/controls.png) no-repeat 0 0;}
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious:hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext:hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose:hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}




#footer {
background:url('images/bg-footer.png') 50% 0 repeat-x;
width:100%;
height:196px;
margin:50px 0 0 0;
display:table;
text-align:center;
}

#footer div {
padding:15px 0 0 0;
display:table-cell;
vertical-align:middle;
}

#footer ul {
margin:0 0 8px 0;
padding:0;
list-style:none;
}

#footer li {
display:inline-block;
vertical-align:top;
margin:0 10px;
opacity:0.9
}

#footer li:hover {opacity:0.65}

#footer li a {
width:24px;
height:24px;
display:block;
}

#footer li:nth-child(1) {
background:url('images/icon-footer-facebook.png') 50% 50% no-repeat;
width:16px;
}

#footer li:nth-child(2) {
background:url('images/icon-footer-twitter.png') 50% 50% no-repeat;
width:30px;
}

#footer li:nth-child(3) {background:url('images/icon-footer-youtube.png') 50% 50% no-repeat;}

#footer li span {display:none;}

#footer p {
margin:0;
padding:0;
font-family: 'PWChalk';
font-size:15px;
font-weight:300;
font-weight:normal;
text-transform: uppercase;
color:rgba(255, 255, 255, 0.85);
}

#footer p a {
margin:3px 0 0 0;
display:block;
font-weight:bold;
color:rgba(255, 255, 255, 0.88);
}