@charset "UTF-8";
/*
Theme Name: Game Devs
Description: A beautiful and fun theme for any game studio, creative agency, startup or just your personal website.
Author: João Alberto
Author URI: http://jalberto.blacksheepz.org
Version: 1.1
Images: All photos used for placement purposes on the screenshots are from Big Buck Bunny & Elephants Dream, licensed under CC-BY (http://creativecommons.org/licenses/by/3.0/) - Blender Foundation | www.blender.org
        Team Section Photos from Big Buck Bunny licensed under CC-BY (http://creativecommons.org/licenses/by/3.0/) - William Maanders;
*/

/*
 CHANGELOG

  V1.1

  - New Twitter API

*/

/*----------------------------------------------
 Let's Start Off with the Grid (992-16-10-10)
----------------------------------------------*/
body {
  min-width: 320px;
}
.container_16{
  margin-left: auto;
  margin-right: auto;
  width: 992px;
}
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16 {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;}
.push_1, .pull_1,.push_2, .pull_2,.push_3, .pull_3,.push_4, .pull_4,.push_5, .pull_5,.push_6, .pull_6,.push_7, .pull_7,.push_8, .pull_8,.push_9, .pull_9,.push_10, .pull_10,.push_11, .pull_11,.push_12, .pull_12,.push_13, .pull_13,.push_14, .pull_14,.push_15, .pull_15 {
  position: relative;
}
.alpha {
  margin-left: 0;
}.omega {
  margin-right: 0;
}
.container_16 .grid_1 {
  width: 42px;
}
.container_16 .grid_2 {
  width: 104px;
}
.container_16 .grid_3 {
  width: 166px;
}
.container_16 .grid_4 {
  width: 228px;
}.container_16 .grid_5 {
  width: 290px;
}.container_16 .grid_6 {
  width: 352px;
}.container_16 .grid_7 {
  width: 414px;
}
.container_16 .grid_8 {
  width: 476px;
}
.container_16 .grid_9 {
  width: 538px;
}
.container_16 .grid_10 {
  width: 600px;
}
.container_16 .grid_11 {
  width: 662px;
}.container_16 .grid_12 {
  width: 724px;
}
.container_16 .grid_13 {width: 786px;}.container_16 .grid_14 {width: 848px;}.container_16 .grid_15 {width: 910px;}.container_16 .grid_16 {width: 972px;}.container_16 .prefix_1 {padding-left: 62px;}.container_16 .prefix_2 {padding-left: 124px;}.container_16 .prefix_3 {padding-left: 186px;}.container_16 .prefix_4 {padding-left: 248px;}.container_16 .prefix_5 {padding-left: 310px;}.container_16 .prefix_6 {padding-left: 372px;}.container_16 .prefix_7 {padding-left: 434px;}.container_16 .prefix_8 {padding-left: 496px;}.container_16 .prefix_9 {padding-left: 558px;}.container_16 .prefix_10 {padding-left: 620px;}.container_16 .prefix_11 {padding-left: 682px;}.container_16 .prefix_12 {padding-left: 744px;}.container_16 .prefix_13 {padding-left: 806px;}.container_16 .prefix_14 {padding-left: 868px;}.container_16 .prefix_15 {padding-left: 930px;}.container_16 .suffix_1 {padding-right: 62px;}.container_16 .suffix_2 {padding-right: 124px;}.container_16 .suffix_3 {padding-right: 186px;}.container_16 .suffix_4 {padding-right: 248px;}.container_16 .suffix_5 {padding-right: 310px;}.container_16 .suffix_6 {padding-right: 372px;}.container_16 .suffix_7 {padding-right: 434px;}.container_16 .suffix_8 {padding-right: 496px;}.container_16 .suffix_9 {padding-right: 558px;}.container_16 .suffix_10 {padding-right: 620px;}.container_16 .suffix_11 {padding-right: 682px;}.container_16 .suffix_12 {padding-right: 744px;}.container_16 .suffix_13 {padding-right: 806px;}.container_16 .suffix_14 {padding-right: 868px;}.container_16 .suffix_15 {padding-right: 930px;}.container_16 .push_1 {left: 62px;}.container_16 .push_2 {left: 124px;}.container_16 .push_3 {left: 186px;}.container_16 .push_4 {left: 248px;}.container_16 .push_5 {left: 310px;}.container_16 .push_6 {left: 372px;}.container_16 .push_7 {left: 434px;}.container_16 .push_8 {left: 496px;}.container_16 .push_9 {left: 558px;}.container_16 .push_10 {left: 620px;}.container_16 .push_11 {left: 682px;}.container_16 .push_12 {left: 744px;}.container_16 .push_13 {left: 806px;}.container_16 .push_14 {left: 868px;}.container_16 .push_15 {left: 930px;}.container_16 .pull_1 {left: -62px;}.container_16 .pull_2 {left: -124px;}.container_16 .pull_3 {left: -186px;}.container_16 .pull_4 {left: -248px;}.container_16 .pull_5 {left: -310px;}.container_16 .pull_6 {left: -372px;}.container_16 .pull_7 {left: -434px;}.container_16 .pull_8 {left: -496px;}.container_16 .pull_9 {left: -558px;}.container_16 .pull_10 {left: -620px;}.container_16 .pull_11 {left: -682px;}.container_16 .pull_12 {left: -744px;}.container_16 .pull_13 {left: -806px;}.container_16 .pull_14 {left: -868px;}.container_16 .pull_15 {left: -930px;}.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}.clearfix:before,.clearfix:after {content: "\0020";display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}.clearfix:after {clear: both;}.clearfix {zoom: 1;}

/*----------------------------------------------
 Now let's Reset Stuff
----------------------------------------------*/
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

img,
object,
embed { max-width: 100%;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before,
blockquote:after,
q:before,
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; outline: 0;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline; }
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}

/* Accessible focus treatment people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;}

/* Make sure sup and sub don't screw with your line-heights gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
button {cursor: pointer;}

input[type="text"], input[type="password"], textarea, select { outline: none;} /*Remove Webkit default Styles*/

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}

/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/*---------------------------------------------------------------------------------------
 Alright, let's start coding!
---------------------------------------------------------------------------------------*/
  /*

    1) Basic Styles
    2) Fonts
    3) Sprites
    4) Header & Navigation
    5) Lead Text
    6) Services Overview Section
    7) Work Section
    8) Team Section
    9) Contact Section
   10) Footer
   11) Back to Top

  */

/*--------------------------------
 1) Basic Styles
--------------------------------*/

body { font-family: 'Open Sans', sans-serif; font-weight: 400; background-color: #302429;
/*background: url('/images/placeholders/home.jpg') no-repeat center top; opacity: 0.9*/}

body, select, input, textarea {color: #333;}

a {color: #03f; text-decoration: none;}
a:hover {color: #fff;}
a:active {outline:none;}
a:link {-webkit-tap-highlight-color: #c5db3b;}

.bold { font-weight: bold;}

::-moz-selection{background: #c5db3b; color: #fff; text-shadow: none;}
::selection {background: #c5db3b; color: #fff; text-shadow: none;}

ins {background-color: #c5db3b; color: #000; text-decoration: none;}
mark {background-color: #c5db3b; color: #000; font-style: italic; font-weight: bold;}

/*--------------------------------
 2) FONTS
--------------------------------*/

/*Classes for fonts so we don't have to keep calling them in CSS - Add the classes in your HTML*/
.luck {font-family: 'Russo One', sans-serif; font-weight: 400; text-transform: uppercase;}
.bitter {font-family: 'Roboto Slab', serif; font-weight: 700; }
.osans {font-family: 'Open Sans', sans-serif; font-weight: 400; }
.osans-s {font-family: 'Open Sans', sans-serif; font-weight: 600; }
.osans-i {font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: italic; }
#main h2 { font-family:'PT Sans'; font-size: 32px; color: #c5db3b;}

/*--------------------------------
 3) SPRITE
--------------------------------*/

/*
 Define All Elements Using Images From Sprite In One Place
*/
.bar .mosaic-overlay,
#blog_notes header,
.cta_btn,
.t_icon,
.t_text,
footer #social ul li a.tw,
footer #social ul li a.fb,
footer #social ul li a.gp,
button.close,
.items_date,
#search input[type="submit"],
#blogroll header,
.menu-outer ul li.dribbble a,
.menu-outer ul li.twitter a,
.menu-outer ul li.fbook a,
.menu-outer ul li.gplus a,
#contact-form input[type="submit"]  {
  background: url('/images/sprite.png') no-repeat top left;}

/*--------------------------------
 4) Header & Navigation
--------------------------------*/

/*
 MAIN SLIDER
*/
.slider { margin:0;width: 100%; max-height:726px; position:relative; margin-top: -120px; }
#games .slider,
#blog .slider,
#about .slider,
#contact .slider { height: 425px;    margin-bottom: -26%; }

.slider .slide { 
  display:none; 
  background:white; 
  position:absolute; 
  height:100%; 
  width:100%; 
  text-align:center; 
  color:#fff; 
  font-size:24pt; 
  overflow: hidden;
}

/*
 Merge the slider images with the background
*/
.slider .slide-1 { background-color: #92baf7;}
.slider .slide-2 { background-color: #9bbd6c;}
.slider .slide-3 { background-color: #87b2e7;}

/*
 SLIDER TEXT
*/
.cta_text { margin: -365px auto; min-width: 320px;max-width: 960px; font-size: 35px; line-height: 40px; }
.cta_text p { line-height: 49px; text-align: left; margin-bottom: 5px;}
.cta_text p span{  background: url("/images/add_lettering_bg.png"); padding: 0 10px;text-transform: uppercase; margin-top: 5px;}

/*
 SLIDER BUTTON
*/
.cta_btn { margin-top: 15px; text-align: left; line-height: 18px; padding: 25px 0 0 25px; display: block; position: relative;background-position: 0 -647px; width: 264px; height: 58px; font-size: 35px; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.15);}
.cta_btn:hover {background-position: 0 -847px;}
.cta_btn:active {background-position: 0 -747px;}

.cta_btn span { font-size: 11px; color:#57711c; text-transform: none;}

/*
 HEADER
*/
header {
  background: #302429 url("/images/bg_menu.png") repeat-x scroll center top ;
  background-size: cover;
  margin-top: 0px;
  position: relative;
  z-index: 800;
}
header .clearfix{ position: relative;}

#logo{
  display: inline-block;
  margin-left: 1.5%;
  margin-top: 8px;
  height: 84px;
}
/*
 MENU
*/
#main_nav {
	float: right;
	margin-top: 33px;
	padding-right: 6.4%;
}
#main_nav ul li { display: inline; float: left; font-size: 18px; text-transform: uppercase;  margin-left: 40px;}
#main_nav ul li:first-child { margin-left: 0px;}
#main_nav ul li a { color: #fff; -webkit-transition: all .1s linear; -moz-transition: all .1s linear; transition: all .1s linear;}
#main_nav ul li.active a,
#main_nav ul li a:hover { color: #c5db3b;}

#sep_bg { background: url('/images/bg_body_top.png') repeat-x center top; height: 52px; margin-top: -50px; position: relative; z-index: 800;}

/*--------------------------------
 5) MAIN SECTION (FRONTPAGE)
--------------------------------*/
#main{ padding-bottom: 95px; background: #302429 url('/images/bg_body.jpg') no-repeat center top; /*z-index: 810;*/ position: relative;}
#main h2 { font-size: 36px; color: #c5db3b;margin-left: 10px;font-weight: bold;}
#homepage #main h2 { margin-bottom: -35px;}
/*/#main h2 { font-family:'PT Sans'; font-size: 32px; color: #c5db3b;}*/
#main p { font-size: 13px; color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,0.55);}
#main article.about div{width: 49%; float: left;}
#main article.about div:first-of-type{ margin-right: 2%}
@media (max-width: 640px) {
  #main article.about div {
    float: none;
    width:auto;
  }
  #main article.about p:first-of-type{ margin-right: 0;}
}

#main p a { color: #d6614f; }

/*
 ABOUT (FRONTPAGE)
*/
.about p { margin-top: 16px;}
.about a { float: right; margin:20px 15px 0 0; text-transform: uppercase;}
.about a:hover { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9;}
article.about-game p{
  margin-top: 20px;
}
.big_sep { background: url('/images/sep_big.png') no-repeat center top; height: 8px; margin: 25px 0;}
.small_sep { background: url('/images/sep_small.png') no-repeat center top; height: 8px; margin: 25px 0;}

/*
 FEATURED
*/
#featured h6,
#featured h6 a { color: #c5db3b; font-size: 18px;}
#featured p { padding-top: 5px;}

.mosaic-block { margin: 30px 0 10px; background: none; border: none; float: left; height: 250px; overflow: hidden; position: relative; width: 539px;}

.bar .mosaic-overlay { background-position: 0 0; width: 70px; height: 49px; left: 464px!important;}

.mosaic-backdrop { box-shadow: 0 4px 0 rgba(0,0,0,0.15)}
.mosaic-backdrop img { }

/*
 SIDEBAR
*/
#blog_notes a:hover{opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; }
#blog_notes header { background-position: 0 -69px; width: 393px; height: 61px; margin-left: 22px;}
#blog_notes header h2 { color: #302429; text-shadow: 0 1px 0 rgba(255,255,255,0.80); padding: 7px 0 0 20px;}

.blog_entries { background: url('/images/notepad_pattern.jpg') repeat left top; width: 393px; display: block; float: left; margin-left:22px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -moz-box-shadow: inset 0 -4px 0 0 rgba(0,0,0,0.20); -webkit-box-shadow: inset 0 -4px 0 0 rgba(0,0,0,0.20); box-shadow: inset 0 -4px 0 0 rgba(0,0,0,0.20);}

#main .blog_entries .entry .date { float: left; width: 100px; font-size: 18px; text-align: center; color: #c5db3b; text-shadow: none; line-height: 26px;}
#main .blog_entries .entry .date span { font-size: 30px;}
#main .blog_entries .entry h2 a { display: block;font-size: 18px; color: #d6614f;}
#main .blog_entries .entry .entry_text { color: #302429; font-size: 13px; text-shadow: none; line-height: 18px; margin-bottom: 3px;}
.ie8 #main .blog_entries .entry .entry_text { padding-right: 10px;}
#main .blog_entries .entry a { color: #d6614f; font-size: 12px;}

#main .blog_entries .entry:first-child { margin-top: 22px;}
#main .blog_entries .entry { margin-top: 27px;}
#main .blog_entries .entry:last-child { margin-bottom: 51px;}

.article_preview { float: left; width: 293px; padding: 0 0 24px;}

/*
 TWEET
*/
#main .t_icon { background-position: 0 -1896px; width: 29px; height: 24px;  margin-left: 25px; margin-top: 13px; float: left;}
#main .t_text {  background-position: 63px -947px; height: 104px; margin-top: 30px;}
/*New Twitter Widget*/
.t_text iframe { padding: 0 0 0 38px; margin-top: -6px;}

/*Follow Button*/
.t_follow { margin-top: 20px;}
.twitter-follow-button { float: right;}

/*--------------------------------
 6) GAMES
--------------------------------*/
.game_items{
	margin-top: 45px; position: relative;
}
.game_items .items_img{
	width:60%;
	min-width:320px;
	max-width: 600px;
}
.game_items .main-image img{
	margin-bottom: 3%;
}

.game_items .main-image iframe,.game_items .main-image iframe{
	width: 100%;
}

.game-gallery{
  width: 100%;
  max-height: 115px;   
}

@media (max-width: 640px) {
	.game_items .items_img{
		width: 100%;
		margin: 0 auto;
		float: none;
	}
	.game_items .items_img .game-gallery img{
	margin-right: 1%;
	margin-bottom: 2%;
}
}

#games .big_sep { margin: 25px 0 0 0;}

.game_box .game-info { padding: 0 0 0 10px;}
#main .game_box .game-info p,#main .about-game p,#main .about-game{
  color: #b8aeac!important;
}
#main .about-game p,#main .about-game{
  font-weight: 400;
}
#main article.items .news_short p,#main article.items .news_short, #item_text{
  color: #b8aeac!important;
}

article.item #full_text p, article.item #full_text{
  color: #b8aeac!important;
}
.game_box img,
.game_box .main-image img,
.game_box .main-image iframe { margin-right: 15px; margin-bottom: 15px;}
.game_box h4,.game_box h4 a { font-size: 26px; color: #c5db3b;line-height: normal!important;}
.game_box p { color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,0.55); font-size: 13px; line-height: 18px; padding-top: 15px; padding-bottom: 10px; }

.game_box .modal-trigger { color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,0.55); font-size: 13px; line-height: 18px;}

/*.game_box h6 { border-bottom: 5px solid #c5db3b; background-position: 410px 0; height: 44px; position: absolute; bottom: 0; width: 480px;}*/
.game_box h6 {color: #fff; font-size: 16px; display: block; line-height: 44px;}
/*.game_box h6 a { color: #fff; font-size: 18px; display: block; line-height: 44px; float: right; padding-right: 73px; width: 150px; -webkit-transition: all .1s linear; -moz-transition: all .1s linear; transition: all .1s linear;}
.game_box h6 a:hover { color: #c5db3b; }*/
.game_box h6 a { color: #fff; font-size: 16px; display: inline-block; line-height: 44px;}
.game_box h6 a:hover{ opacity: 0.8;}
.game_box h6.learn-more { }
.game_box h6.learn-more a { padding: 7px 0 0 30px; background: url('/images/learn-more-bg.png') no-repeat left top; width: 230px;}
.game_box h6 a span { display: inline-block;}
.game_box h6 a span img { border: 0 none; float: none; margin-right: 0; vertical-align: middle; margin-left: 13px; margin-top: 0!important; margin-bottom: 0!important;}

/*Overides bootstrap.css*/
.modal-trigger { -webkit-transition: all .1s linear; -moz-transition: all .1s linear; transition: all .1s linear;}
.modal-trigger:hover { color: #c5db3b;}
.modal-header { border: none; padding: 0;}
.modal-header .close { margin-right: 15px; margin-top: 15px;}
.close:hover { opacity: 1;}
.modal { width: 976px; margin-left: -487px;}
.modal-body { overflow-y: auto; max-height: 480px; padding: 0; margin-left: 15px; margin-top: 45px; }

.modal h3 { font-size: 24px; color: #c5db3b; line-height: 24px; }
#main .modal p { font-size: 13px; color: #302429; line-height: 18px; text-shadow: none; font-family: 'Open Sans', sans-serif; font-weight: 400; }
.modal .grid_4 { background: url('/images/sep_modal_vert.png') no-repeat left top; height: auto!important; min-height: 413px; padding-left: 27px; padding-top: 22px;}
#main .modal .grid_4 p { color: #817a7d;}
#main .modal h5 a{ color: #c5db3b; margin-top: 25px; display: block;}
button.close {  background-position: 0 -1187px; width: 18px; height: 18px; display: block; text-indent: -999999px; opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }
button.close:hover { background-position: 0 -1225px; width: 18px; height: 18px;}

.social_share li { float: left; display: inline; margin-top: 30px; width: 60px; margin-left: 20px;}
.social_share li:first-child { margin-left: 0px;}

ul.platforms-available { text-align: left;}
ul.platforms-available li {display: inline-block; margin: 0 5px 20px 0;}
ul.platforms-available li a{ width: 40px; height: 40px; display: block; text-indent: -999999px;}

ul.platforms-available li a.ok { background: url('/images/icons/double/ok.png') no-repeat center top }
	ul.platforms-available li a.ok:hover { background-position-y: -40px;}
ul.platforms-available li a.vk { background: url('/images/icons/double/vk.png') no-repeat center top }
	ul.platforms-available li a.vk:hover { background-position-y: -40px; }
ul.platforms-available li a.fb { background: url('/images/icons/double/fb.png') no-repeat center top }
	ul.platforms-available li a.fb:hover { background-position-y: -40px; }
ul.platforms-available li a.as { background: url('/images/icons/double/apple.png') no-repeat center top }
	ul.platforms-available li a.as:hover { background-position-y: -40px; }
ul.platforms-available li a.az { background: url('/images/icons/double/amazon.png') no-repeat center top }
	ul.platforms-available li a.az:hover { background-position-y: -40px; }
ul.platforms-available li a.wd { background: url('/images/icons/double/windows.png') no-repeat center top }
	ul.platforms-available li a.wd:hover { background-position-y: -40px; }
ul.platforms-available li a.ps { background: url('/images/icons/double/android.png') no-repeat center top }
	ul.platforms-available li a.ps:hover { background-position-y: -40px; }
ul.platforms-available li a.st { background: url('/images/icons/double/steam.png') no-repeat center top }
	ul.platforms-available li a.st:hover { background-position-y: -40px; }

.game-gallery .chocolat-image img { margin-right: 8px; margin-bottom: 15px;}
.game-gallery .chocolat-image:last-of-type img { margin-right: 0;}

#main .about-game h2 { font-size: 20px; margin-top: 4px;}
#main .about-game p { width: 100%!important;}
/*--------------------------------
 7) BLOG
--------------------------------*/
article { font-size: 13px; color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,0.55); margin-top: 35px;overflow: auto;}
article.items:first-of-type{margin-top: 35px;}
article.items {
  clear: both;
  overflow: auto;
  position: relative;
  width: 876px;
	margin-bottom: 20px;
}

div.items_date {
  background-position: 0 -1071px;
  float: left;
  height: 65px;
  margin-right: 40px;
  text-align: center;
  width: 77px !important;
  font-size: 13px;
}
p.items_date{
	font-size: 12px!important;
  background: none;
}
.items_date .month { font-size: 24px; color: #c5db3b; margin-top: 7px; display: block;}
.items_date .year { font-size: 17px; color: #d6614f;}
.items_text{
	overflow: hidden;
}
.items_img .mob{
	display: none;
}
.items_img{
	width: 300px;
	float: left;
	margin-right: 20px;
	overflow: hidden;
}

@media (max-width: 886px) {
	article.items {
		max-width: 876px;
		margin-left: auto;
		margin-right: auto;
		width: 100%
	}
	div.items_date{
		display: none;
	}
	p.items_date{
		display: block!important;
		background: none;
	}
        article.items p.items_date{
          margin-top: -15px!important;
          margin-bottom: 15px;
        }
        
}
@media (max-width: 640px) {
	.items_img{
		width: 100%;
		max-width: 640px;
		margin-right:0;
		margin-bottom: 10px;
	}
	.items_text{
		width: 100%
	}
	.items_img img.mob{
		display: block;
	}
	.items_img img.img_300_240{
		display: none;
	}

}
@media (max-width: 640px) {
  .game-short-text{
    display: none;
  }
}
article h1,article h1 a { font-size: 31px; color: #c5db3b; margin-bottom: 10px;}
article h2 { margin: 10px 0;}

/*article img,article iframe { box-shadow: 0 4px 0 rgba(0,0,0,0.15);  }*/
article .caption { display: block; font-size: 11px; padding-bottom: 15px; padding-left: 5px;}
article .caption a { color: #D6614F;}
article .caption a:hover {  opacity: 0.9;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90);}
article ul{list-style: disc}
article ul li { margin-top: 20px;margin-left: 20px;}

.previous,
.next { color: #271d21; font-size: 24px; -webkit-transition: all .1s linear; -moz-transition: all .1s linear; transition: all .1s linear;}

.previous:hover,
.next:hover { color: #c5db3b;}

.previous { float: left; margin-left: 102px;}
.next { float: right; margin-right: 26px;}

/*
 SIDEBAR
*/

/*SEARCH*/
#search { margin-top: 35px;}

#search h4 { font-size: 18px; color: #c5db3b; margin-bottom: 13px; margin-left: 3px;}

#search form {  width: 247px;}
#search input[type="search"] { background-color: #231a1e; border: 1px solid #171114; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; box-shadow: 0 1px 0 rgba(255,255,255,0.10); height: 35px; margin-bottom: 0; float: left; color: #fff; }

.watermark{ color: #999!important; font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: italic; font-size: 11px!important; text-shadow: 0 1px 0 rgba(0,0,0,0.5);}

#search input[type="submit"] { text-indent: -999999px; background-position: 0 -221px; width: 45px; height: 45px; margin-left: -45px;}
#search input[type="submit"]:hover { background-position: 0 -351px;}
#search input[type="submit"]:active { background-position: 0 -286px;}

/*BLOGROLL*/
#blogroll header {background-position: 0 -150px; width: 250px; height: 51px; }
#blogroll header h2 { font-size: 28px; color: #302429; text-shadow: 0 1px 0 rgba(255,255,255,0.80); padding: 6px 0 0 13px;}
#blogroll .blog_entries { margin-left: 1px; width: 248px; padding-bottom: 50px;}
#blogroll .blog_entries h6 { font-size: 18px; color: #c5db3b; padding: 23px 0 2px 17px;}
#blogroll .blog_entries ul li a { line-height: 19px; color: #302429; font-size: 12px; padding-left: 25px; -webkit-transition: all .1s linear; -moz-transition: all .1s linear; transition: all .1s linear;}
#blogroll .blog_entries ul li a:hover { opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60);}

/*--------------------------------
 8) ABOUT
--------------------------------*/
#main .about_text p:first-child { margin-top: 25px; }
#main .about_text p { margin-top: 10px; }

#team .team_member { float: left; width: 228px; margin-left: 80px; text-align: center; margin-top: 35px;}
#team img { background: url('/images/team_photos_bg.png') no-repeat; height: 272px; padding: 11px; width: 206px;}
#team .row_1 .team_member:first-child,
#team .row_2 .team_member:first-child,
#team .row_3 .team_member:first-child { margin-left: 50px;}

#team .team_member h6 { font-size: 18px; color: #c5db3b;  padding-top: 10px;}
#team .team_member p { font-size: 13px;  padding-top: 5px;}

.menu-outer { height: 32px; }
.table { display: table; margin: 0 auto;}
ul.horizontal-list { min-width: 228px; list-style: none; margin-top: 8px; }
ul.horizontal-list li { display: inline;}

#team .team_member ul li.dribbble a,
#team .team_member ul li.twitter a,
#team .team_member ul li.fbook a,
#team .team_member ul li.gplus a { width: 32px; height: 32px; display: inline-block;}

.menu-outer ul li.dribbble a {background-position: 0 -1263px; width: 32px; height: 32px;}
.menu-outer ul li.dribbble a:hover { background-position: 0 -1316px; width: 32px; height: 32px;}
.menu-outer ul li.twitter a { background-position: 0 -2005px; width: 32px; height: 32px;}
.menu-outer ul li.twitter a:hover { background-position: 0 -2057px; width: 32px; height: 32px;}
.menu-outer ul li.fbook a { background-position: 0 -1495px; width: 32px; height: 32px;}
.menu-outer ul li.fbook a:hover { background-position: 0 -1547px; width: 32px; height: 32px;}
.menu-outer ul li.gplus a { background-position: 0 -1727px; width: 32px; height: 32px;}
.menu-outer ul li.gplus a:hover { background-position: 0 -1779px; width: 32px; height: 32px;}

/*--------------------------------
 9) CONTACT
--------------------------------*/
#contact-form {
  margin-top: 20px;
  min-width: 320px;
  max-width: 476px;
  width: 48%;
  float:left;
}
.contact_adres_block{
  float: right;
}
@media(max-width: 750px) {
  #contact-form {
    width: 100%;
    float:none;
    margin: 0 auto;
  overflow: hidden;
  }
  .contact_adres_block{
    width: 100%;
    float:none;
    margin: 0 auto;
    min-width: 320px;
    max-width: 390px;
  overflow: hidden;
  }
}
@media(max-width: 379px) {
  .address {
    float:none;
    margin-left:10px!important;
}
}
#contact-form .watermark_container{
  width: 100%;
}
#contact-form label { display: none;}
#contact-form input[type="text"],
#contact-form textarea { background-color: #231a1e; border: 1px solid #171114; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; box-shadow: 0 1px 0 rgba(255,255,255,0.10); height: 35px; width: 95%; margin-bottom: 0; float: left; color: #fff; margin-top: 15px;}

#contact-form textarea { resize: vertical;  font-size: 14px; height: 180px; padding: 10px; width: 93%;}

#contact-form input[type="submit"] { background-position: 0 -414px; width: 135px; height: 57px; border: 0; /*padding: 7px 0;*/ margin-top: 15px; float: right; font-size: 30px; color: #fff; text-align: center;}
#contact-form input[type="submit"]:hover { background-position: 0 -568px;}
#contact-form input[type="submit"]:active { background-position: 0 -491px;}
#contact-form input.ru[type="submit"] { background-position: 0 -510px;  background-size: cover; margin-right: -76px; padding-right: 76px; width: auto;}
#contact-form input.ru[type="submit"]:hover { background-position: 0 -578px;}
#contact-form input.ru[type="submit"]:active { background-position: 0 -441px;}

#note { color: #fff; font-size: 13px; margin-top: 13px;}

#note .notification_error { color: #e74c48; text-shadow: 0 0 5px rgba(255,255,255,0.25);}
#note .notification_ok {display: none; color: #c5db3b; text-shadow: 0 0 5px rgba(255,255,255,0.25);}

.address {margin-top: 31px; margin-left: 41px;}
.address:first-child { margin-left: 0;}
.address h6 { color: #c5db3b; font-size: 18px; margin-bottom: 10px;}
.address p { line-height: 20px;}

#map iframe { margin-top: 20px;}

/*--------------------------------
 10) FOOTER
--------------------------------*/
footer { background:#302429 url("/images/bg_footer.png") repeat-x scroll center top/cover; margin-top: -10px; position: relative;}
footer div div{ height: 59px;}
footer ul li { display: inline; float: left; font-size: 11px; margin-left: 16px;}
footer ul li a { color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,0.55); opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60);}
footer ul li a:hover{ opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);}

footer #logo_small { margin-top: 28px; display: block;}
footer #menu_bottom { margin-top: 33px;}


footer #social ul li { margin-left: 5px; margin-top: 17px;}
footer #social ul li:first-child { margin-left: 25px;}

footer #social ul li a.tw,
footer #social ul li a.fb,
footer #social ul li a.gp { display: block; text-indent: -999999px; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);}

footer #social ul li a.tw { background-position: 0 -1831px; width: 46px; height: 45px;}
footer #social ul li a.tw:hover { background-position: 0 -1940px; width: 46px; height: 45px;}
footer #social ul li a.fb {  background-position: 0 -1367px; width: 44px; height: 44px;}
footer #social ul li a.fb:hover {  background-position: 0 -1431px; width: 44px; height: 44px;}
footer #social ul li a.gp { background-position: 0 -1599px; width: 46px; height: 44px;}
footer #social ul li a.gp:hover { background-position: 0 -1662px; width: 46px; height: 44px;}
footer .container_16 div{
	margin-left: 1%;
	margin-right: 1%;
	float: left;
}
footer .container_16 div:nth-of-type(2){
	margin-left: 30px;
}
footer .container_16 .copy {
	margin-top: 36px;
	float: right;
}

footer p { color: #fff; font-size: 10px; text-shadow: 0 1px 0 rgba(0,0,0,0.55); opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60);}
.container_16{
  min-width: 320px;
  max-width: 992px;
  width: 100%;
}
article.item #item_img{
	vertical-align: top;
	float: left;
	min-width: 230px;
	max-width: 352px;
	width: 36%;
	margin-right: 2%;
	overflow: auto;
}
article.item #item_img img{
	padding: 0px;
	margin: 0px;
}
#main article.item #item_text {
  margin-right: 2%;
  min-width: 320px;
  overflow: auto;
}
.items_date{
	color: #959595!important;
}
@media(max-width: 639px) {
	article.item #item_img{
		float: none;
		width: 100%;
		margin: 0;
		text-align: center;
		max-width: 100%
	}
	article.item #item_img img{
		float: none;
		width: 100%;
		max-width: 500px;
		margin: 0;
	}
	article.item #item_text{
		float: none;
		width: 100%;
		max-width: 100%;
		margin: 0;
	}
	article.item #item_text h1{
		text-align: center
	}
}
@media (max-width: 603px) {
	footer .container_16 div:first-of-type{
		display: none;
	}
}
@media (max-width: 431px) {
	footer ul li{
		margin-left: 7px;
	}
	footer ul li:first-of-type{
		margin-left: 3px;
	}
}
@media (max-width: 381px) {
  footer .container_16 div{
    float: none;    
  }
  footer .container_16 div:nth-last-of-type(2){    
    text-align: center;   
  }
  footer .container_16 div ul{
    display: inline-block;
  }
  footer .container_16 .copy{
    margin-top: 0px;
    text-align: center;
    float: none;
  }
}
@media (max-width: 800px) {
  #main_nav {
    padding-right: 0px;
    margin-right: 10px;
  }
  #main_nav ul li {
    margin-left: 10px;
  }
}
@media (max-width: 876px) {
  #main_nav {
    padding-right: 0px;
    margin-right: 10px;
  }
  #main_nav ul li {
    margin-left: 3vw;
  }
}
@media (max-width: 750px) {
  #main_nav ul li {
    margin-left: 9px;
  }
}
@media (max-width: 720px) and (min-width: 672px) {
  .ru #logo img{
    width:270px
  }
}
@media (max-width: 670px){
  footer .container_16 div:nth-of-type(2) {
    margin-left: 0px;
  }
}
@media(max-width: 672px) and (min-width: 591px){
 #logo {
    width: 190px;
 }
 #logo img {
    padding-top: 13px;
 }
 
}
@media(max-width: 590px) {
  #logo {
    width: 310px;
    margin: 0 auto;
    display: block;
  }
  .slider{
    margin: -9px 0 0;
}
  header{
    padding: 10px 0;
    margin-top: -8px;
}
  #main_nav {
    display: block;
    float: none;
    margin: 0 auto;
  }
  .ru #main_nav{
    width: 320px;
  }
 .ru #main_nav ul li {
  font-size: 15px;
}
 .en #main_nav ul li {
  font-size: 17px;
}
  .en #main_nav{
    width:302px
  }

}
.soc_items{
	margin-top: 10px;
	overflow: auto;
	border: none;
}
.soc_item{
	float: left;
	margin-right: 4px;
}
.soc_item:last-of-type{
	margin-right: 0px;
}
#vk_like{
	width: 135px!important;
}
.cont_items{
	text-align: center;
	max-width: 849px;
	min-width: 320px;
	width: 100%;
	margin: 0 auto;
}
/*.cont_item:first-of-type{
	float: left;
}
.cont_item:last-of-type{
	float: right;
}*/
.cont_item{
	display: inline-block;
  width: 270px;
}
.cont_item a{
	color: white!important;
}
@media(max-width: 540px) {
	.cont_item{
		margin: 0 5px;
		float: none!important;
	}
}
@media(min-width: 1981px) {
  #games .slider,
  #blog .slider,
  #about .slider,
  #contact .slider {  margin-bottom: 0px; }
  .slider img{  width: 100%; }
}