html, 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, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video
{
	margin:         0;
	padding:        0;
	border:         0;
	outline:        0;
	font-size:      100%;
	vertical-align: baseline;
	background:     transparent;
	font-family:    'Play', sans-serif;
	font-weight:    normal;
	font-style:     normal;
}

html
{
	background-color: #243544;
}

body
{
	line-height: 1;
}

p
{
	line-height: 1.6em;
}

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

nav ul
{
	list-style: none;
}

a
{
	margin:         0;
	padding:        0;
	font-size:      100%;
	vertical-align: baseline;
	background:     transparent;
}

input, select
{
	vertical-align: middle;
}

::selection
{
	background: #8bb9a6;
}

::-moz-selection
{
	background: #8bb9a6;
}

#ie-message
{
	font-family:      sans-serif;
	background-color: #97c8b5;
	text-align:       center;
	top:              0;
	padding:          40px;
	line-height:      25px;
	font-size:        18px;
	color:            #15231a;
	height:           100%;
}

#ie-message h2
{
	font-size:     130%;
	margin-bottom: 30px;
}

#ie-message ul
{
	margin:       0;
	padding-left: 0 0 0 20px;
}

#ie-message a
{
	color: #426f50;
}

body, html
{
	-webkit-transform:        translateZ(0);
	-webkit-text-size-adjust: none;
	margin:                   0;
	padding:                  0;
}

body
{
	font-family:      "quicksandregular", "Helvetica Neue", Helvetica, sans-serif;
	background-color: #15231a;
}

a
{
	color:           #97c8b5;
	text-decoration: none;
}

small
{
	font-size: 70%;
}

img#thumb
{
	display: none;
}

#background
{
	/*-webkit-transform: translateZ(0);*/
	background:          url("../img/background.jpg");
	background:          url("../img/background.jpg"), -moz-linear-gradient(top, #32656b 0, #669a91 48%, #9cbeaf 92%, #15231a 100%);
	background:          url("../img/background.jpg"), -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32656b), color-stop(48%, #669a91), color-stop(92%, #9cbeaf), color-stop(100%, #15231a));
	background:          url("../img/background.jpg"), -webkit-linear-gradient(top, #32656b 0, #669a91 48%, #9cbeaf 92%, #15231a 100%);
	background:          url("../img/background.jpg"), -o-linear-gradient(top, #32656b 0, #669a91 48%, #9cbeaf 92%, #15231a 100%);
	background:          url("../img/background.jpg"), -ms-linear-gradient(top, #32656b 0, #669a91 48%, #9cbeaf 92%, #15231a 100%);
	background:          url("../img/background.jpg"), linear-gradient(to bottom, #32656b 0, #669a91 48%, #9cbeaf 92%, #15231a 100%);
	background-size:     1380px 835px;
	background-position: center 0;
	display:             block;
	width:               100%;
	min-width:           720px;
	height:              835px;
	background-repeat:   repeat-x;
	position:            absolute;
	top:                 0;
	z-index:             -100;
}

.ie7 #background, .ie8 #background
{
	background-color:    #32656b;
	background:          url("../img/background.jpg");
	background-position: center 0;
}

@media only screen and (max-width: 780px)
{
	#background
	{
		background:          url("../img/background_cropped.jpg");
		background:          url("../img/background_cropped.jpg"), -moz-linear-gradient(top, #32656b 0, #669a91 48%, #9cbeaf 92%, #15231a 100%);
		background:          url("../img/background_cropped.jpg"), -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32656b), color-stop(48%, #669a91), color-stop(92%, #9cbeaf), color-stop(100%, #15231a));
		background:          url("../img/background_cropped.jpg"), -webkit-linear-gradient(top, #32656b 0, #669a91 48%, #9cbeaf 92%, #15231a 100%);
		background:          url("../img/background_cropped.jpg"), -o-linear-gradient(top, #32656b 0, #669a91 48%, #9cbeaf 92%, #15231a 100%);
		background:          url("../img/background_cropped.jpg"), -ms-linear-gradient(top, #32656b 0, #669a91 48%, #9cbeaf 92%, #15231a 100%);
		background:          url("../img/background_cropped.jpg"), linear-gradient(to bottom, #32656b 0, #669a91 48%, #9cbeaf 92%, #15231a 100%);
		background-size:     780px 835px;
		background-position: center 0;
	}

	.ie7 #background, .ie8 #background
	{
		background-color:    #32656b;
		background:          url("../img/background_cropped.jpg");
		background-position: center 0;
	}
}

#title
{
	/*-webkit-transform: translateZ(0);*/
	display:    block;
	position:   absolute;
	top:        75px;
	width:      100%;
	min-width:  720px;
	height:     300px;
	text-align: center;
	z-index:    -50;
}

#title h1
{
	position:            relative;
	font-weight:         normal;
	display:             block;
	overflow:            hidden;
	margin:              auto;
	height:              0;
	width:               525px;
	padding-top:         200px;
	background-image:    url("../img/sprite.png");
	background-size:     2263px 530px;
	background-position: 0 0;
}

#title h1:after, #title h1 .after
{
	content:             "";
	position:            absolute;
	top:                 63px;
	left:                90px;
	height:              10px;
	width:               10px;
	background-image:    url("../img/sprite.png");
	background-size:     2263px 530px;
	background-position: -525px 0;
}

#title h1.blink:after, #title h1.blink .after
{
	content:           "";
	background-color:  #15231a;
	background-image:  none;
	position:          absolute;
	top:               67px;
	left:              91px;
	height:            2px;
	width:             7px;
	transform:         rotate(0deg);
	-ms-transform:     rotate(0deg);
	-webkit-transform: rotate(0deg);
}

#title h2
{
	width:      525px;
	margin:     auto;
	font-size:  26px;
	color:      #1E3041;
	display:    block;
	margin-top: 40px;
}

.buy
{
	margin-top: 50px;
}

.buy h3
{
	margin:    auto;
	font-size: 18px;
	display:   inline-block;
}

.buy h4
{
	margin-top: 15px;
	display:    block;
	font-size:  28px;
	font-style: normal;
}

.buy.sale
{
	margin-top: 40px;
}

.bottom
{
	color: #97c8b5;
}

h3.huge
{
	font-size:      3em;
	padding-bottom: 20px;
}

.buy.sale h3
{
	font-size: 25px;
	position:  relative;
	display:   inline-block;
}

.buy.sale h3:before, .buy.sale h3:after
{
	content:          "";
	width:            106px;
	height:           25px;
	position:         absolute;
	background-image: url("../img/sale_bunting.png");
	background-size:  212px 25px;
	opacity:          0.8;
}

.buy.sale h3:before
{
	left:                -120px;
	background-position: 0 0;
}

.buy.sale h3:after
{
	right:               -120px;
	background-position: -106px 0;
}

.buy.sale h4
{
	margin-top: 15px;
	display:    block;
	font-size:  19px;
}

.buttons
{
	overflow:    hidden;
	position:    relative;
	margin:      auto;
	padding-top: 50px;
	display:     block;
	width:       360px;
}

a.vk_button
{
	background-image: url("../img/vk_icon.png");
}

a.ok_button
{
	background-image: url("../img/ok_icon.png");
}

a.mr_button
{
	background-image: url("../img/mr_icon.png");
}

a.fb_button
{
	background-image: url("../img/fb_icon.png");
}

a.steam_button
{
	background-image: url("../img/steam_icon.png");
}

a.vk_button, a.ok_button, a.mr_button, a.fb_button, a.steam_button
{
	background-repeat:  no-repeat;
	width:              60px;
	height:             60px;
	-webkit-transition: all 0.2s;
	-moz-transition:    all 0.2s;
	-o-transition:      all 0.2s;
	transition:         all 0.2s;
	opacity:            0.8;
	float:              left;
	margin-left:        10px;
}

a.vk_button:hover, a.ok_button:hover, a.mr_button:hover
{
	opacity: 0.7;
}

a.vk_button:active, a.ok_button:active, a.mr_button:active
{
	-webkit-transition: all 0.1s;
	-moz-transition:    all 0.1s;
	-o-transition:      all 0.1s;
	transition:         all 0.1s;
	top:                1px;
	opacity:            0.8;
}

#foreground
{
	position:            absolute;
	width:               100%;
	min-width:           720px;
	pointer-events:      none;
	overflow:            hidden;
	height:              330px;
	top:                 400px;
	background-image:    url("../img/sprite.png");
	background-size:     2263px 530px;
	background-position: center -200px;
}

#content
{
	position:         absolute;
	width:            100%;
	min-width:        720px;
	top:              710px;
	background-color: #243544;
}

#content #inner
{
	width:          720px;
	margin:         auto;
	margin-top:     -10px;
	padding-bottom: 80px;
	color:          #C0EAF3;
	text-align:     center;
}

#blackout
{
	position:         absolute;
	width:            100%;
	height:           100%;
	top:              0;
	bottom:           0;
	left:             0;
	right:            0;
	background-color: rgba(0, 0, 0, 0.8);
	z-index:          1000;
	display:          none;
}

#android
{
	display:            block;
	margin-bottom:      70px;
	-webkit-transition: opacity .1s;
	-moz-transition:    opacity .1s;
	-o-transition:      opacity .1s;
	transition:         opacity .1s;
}

#android .logo
{
	display:             block;
	margin:              0 auto 20px auto;
	width:               50px;
	height:              60px;
	background-image:    url("../img/sprite.png");
	background-size:     2263px 530px;
	background-position: -555px -90px;
}

#android h3
{
	font-size:     25px;
	margin-bottom: 20px;
}

#android .more
{
	font-size: 20px;
}

#android:hover
{
	opacity: 0.7;
}

iframe#video
{
	/*border: solid 20px #15231a;*/
	position: relative;
	z-index:  1001;
}

#video_thumb
{
	/*border: solid 20px #15231a;*/
	width:            640px;
	height:           260px;
	margin:           auto;
	background-image: url("../img/video.jpg");
	background-size:  640px 360px;
	display:          block;
	padding-top:      100px;
}

#video_thumb .text
{
	display:       block;
	color:         #15231a;
	font-size:     25px;
	margin:        auto;
	margin-top:    150px;
	margin-bottom: 10px;
}

#video_thumb .button
{
	display:             block;
	width:               85px;
	height:              60px;
	background-image:    url("../img/sprite.png");
	background-size:     2263px 530px;
	background-position: -907px 0;
	color:               #15231a;
	margin:              auto;
	-webkit-transition:  opacity .2s;
	-moz-transition:     opacity .2s;
	-o-transition:       opacity .2s;
	transition:          opacity .2s;
	opacity:             1;
}

#video_thumb:hover .button
{
	opacity: 0.7;
}

ul#awards
{
	list-style: none;
	margin-top: 100px;
	padding:    0;
}

ul#awards li
{
	vertical-align: top;
	display:        inline-block;
	margin:         0 5% 40px 5%;
}

ul#awards li a
{
	-webkit-transition: opacity 0.2s;
	-moz-transition:    opacity 0.2s;
	-o-transition:      opacity 0.2s;
	transition:         opacity 0.2s;
}

ul#awards li a:hover
{
	opacity: 0.5;
}

ul#awards li p
{
	display:        inline-block;
	vertical-align: middle;
	font-size:      25px;
	line-height:    30px;
	padding:        10px;
}

ul#awards li:before, ul#awards li:after
{
	vertical-align:   middle;
	content:          "";
	display:          inline-block;
	width:            44px;
	height:           103px;
	background-image: url("../img/sprite.png");
	background-size:  2263px 530px;
}

ul#awards li:before
{
	background-position: -907px -60px;
	/*float: left;*/
}

ul#awards li:after
{
	background-position: -951px -60px;
	/*float: right;*/
}

ul#quotes
{
	list-style:    none;
	margin-top:    100px;
	margin-bottom: 100px;
	padding:       0;
	font-size:     20px;
	line-height:   25px;
	color:         #C0EAF3;
}

ul#quotes li
{
	vertical-align: top;
	display:        inline-block;
	width:          100%;
	margin:         0 0 50px 0;
}

ul#quotes li .stars
{
	margin-top: 15px
}

ul#quotes li .index
{
	font-size:     30px;
	font-style:    italic;
	font-weight:   bold;
	padding-right: 10px;
}

.star-icon
{
	font-size: 1em;
	position:  relative;
	color:     #344b41;
}

.star-icon.full:before
{
	color:    #97c8b5;
	content:  '\2605'; /* Full star in UTF-8 */
	position: absolute;
	left:     0;
}

.star-icon.half:before
{
	color:    #97c8b5;
	content:  '\2605'; /* Full star in UTF-8 */
	position: absolute;
	left:     0;
	width:    50%;
	overflow: hidden;
}

ul#quotes li p
{
	display:    block;
	font-style: italic;
}

ul#quotes li footer
{
	margin-top: 30px;
}

ul#quotes li footer a
{
	-webkit-transition: opacity .2s;
	-moz-transition:    opacity .2s;
	-o-transition:      opacity .2s;
	transition:         opacity .2s;
}

ul#quotes li footer a:hover
{
	color:   #87ada2;
	opacity: 0.5;
}

ul#screenshots
{
	list-style: none;
	margin:     auto;
	margin-top: 30px;
	padding:    0;
	width:      660px;
}

ul#screenshots li
{
	padding: 0;
	margin:  10px;
	display: inline-block;
}

ul#screenshots li a img
{
	display:            block;
	width:              200px;
	padding:            0;
	margin:             0;
	-webkit-transition: opacity .2s;
	-moz-transition:    opacity .2s;
	-o-transition:      opacity .2s;
	transition:         opacity .2s;
}

ul#screenshots li a:hover img
{
	opacity: 0.5;
}

#subscribe
{
	display: block;
	width:   450px;
	height:  30px;
	margin:  20px auto 110px auto;
}

#subscribe h3
{
	/*-webkit-transform: translateZ(0);*/
	font-size:     18px;
	margin-bottom: 35px;
}

#subscribe .text, #subscribe .submit
{
	display:               inline-block;
	position:              relative;
	top:                   0;
	left:                  0;
	display:               block;
	float:                 left;
	height:                30px;
	border:                0;
	padding:               10px;
	margin:                0;
	font-family:           "Quicksand", "Helvetica Neue", Helvetica, sans-serif;
	font-size:             20px;
	outline:               0;
	font-weight:           normal;
	-webkit-appearance:    none;
	-webkit-border-radius: 0;
}

#subscribe .text
{
	-webkit-border-top-left-radius:    3px;
	-moz-border-radius-topleft:        3px;
	border-top-left-radius:            3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomleft:     3px;
	border-bottom-left-radius:         3px;
	width:                             290px;
	background-color:                  #354e3f;
	color:                             #97c8b5;
}

#subscribe .submit
{
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-bottomright:     3px;
	border-bottom-right-radius:         3px;
	-webkit-border-top-right-radius:    3px;
	-moz-border-radius-topright:        3px;
	border-top-right-radius:            3px;
	height:                             50px;
	width:                              140px;
	background-color:                   #97c8b5;
	color:                              #15231a;
	cursor:                             pointer;
	-webkit-transition:                 background-color .1s;
	-moz-transition:                    background-color .1s;
	-o-transition:                      background-color .1s;
	transition:                         background-color .1s;
}

#subscribe .submit:hover
{
	background-color: #c9e2d9;
}

#subscribe .submit:active
{
	background-color: #a8d1c1;
}

input.text::-webkit-input-placeholder, textarea::-webkit-input-placeholder
{
	color: #729a89;
}

input.text:-moz-placeholder, textarea:-moz-placeholder
{
	color: #729a89;
}

input.text.placeholder, textarea.placeholder
{
	color: #729a89 !important;
}

#social
{
	-webkit-font-smoothing: antialiased;
	/*-webkit-transform: translateZ(0);*/
	list-style:             none;
	margin:                 0 auto 100px auto;
}

#social li
{
	display: inline;
}

#social li a
{
	position:           relative;
	font-size:          18px;
	display:            inline-block;
	margin:             0 10px 10px 10px;
	height:             30px;
	text-align:         left;
	line-height:        30px;
	padding:            0 0 0 40px;
	-webkit-transition: opacity .1s;
	-moz-transition:    opacity .1s;
	-o-transition:      opacity .1s;
	transition:         opacity .1s;
}

#social li a:before, #social li a .before
{
	content:  "";
	display:  block;
	position: absolute;
	top:      0;
	bottom:   0;
	left:     0;
	height:   30px;
	width:    30px;
}

#social li a.twitter:before, #social li a.twitter .before
{
	background-image:    url("../img/sprite.png");
	background-size:     2263px 530px;
	background-position: -525px -90px;
}

#social li a.facebook:before, #social li a.facebook .before
{
	background-image:    url("../img/sprite.png");
	background-size:     2263px 530px;
	background-position: -525px -120px;
}

#social li a.instagram:before, #social li a.instagram .before
{
	background-image:    url("../img/sprite.png");
	background-size:     2263px 530px;
	background-position: -255px -465px;
}

#social li a:hover
{
	opacity: .5;
}

ul#links
{
	list-style: none;
	margin:     0 auto 100px auto;
	font-size:  18px;
	/*list-style-position: inside;*/
	/*padding-left: 20px;*/
}

ul#links li
{
	margin-bottom: 15px;
}

ul#links li a
{
	color:              #b8dacd;
	-webkit-transition: color .1s;
	-moz-transition:    color .1s;
	-o-transition:      color .1s;
	transition:         color .1s;
}

ul#links li a:hover
{
	color: #5a7c6c;
}

ul#credit
{
	display:    block;
	margin-top: 100px;
}

ul#credit li
{
	display: inline-block;
}

ul#credit li a
{
	display:            block;
	width:              362px;
	height:             0;
	padding:            0;
	margin:             0 6px 0px 6px;
	padding-top:        60px;
	overflow:           hidden;
	background-image:   url("../img/sprite.png");
	background-size:    2263px 530px;
	-webkit-transition: opacity .2s;
	-moz-transition:    opacity .2s;
	-o-transition:      opacity .2s;
	transition:         opacity .2s;
}

ul#credit li a:hover
{
	opacity: 0.5;
}

ul#credit li a.rr
{
	background-position: -500px -150px;
}

#snowman:hover
{
	opacity: .5;
}

#contact
{
	font-size:          13px;
	/*-webkit-transform: translateZ(0);*/
	margin:             0 auto 0 auto;
	-webkit-transition: color .1s;
	-moz-transition:    color .1s;
	-o-transition:      color .1s;
	transition:         color .1s;
	color:              #4d6c5d;
}

#contact:hover
{
	color: #354e3f;
}

.description
{
	padding-top: 50px;
}