/*@font-face {
	font-family: 'universcondensed';
	src: url('../fonts/univers-condensed-webfont.eot');
	src: url('../fonts/univers-condensed-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/univers-condensed-webfont.woff') format('woff'),
		url('../fonts/univers-condensed-webfont.ttf') format('truetype'),
		url('../fonts/UniversCondensed.ttf') format('truetype'),
		url('../fonts/univers-condensed-webfont.html#universcondensed') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'universcondensedbold';
	src: url('../fonts/univers-condensedbold-webfont.eot');
	src: url('../fonts/univers-condensedbold-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/univers-condensedbold-webfont.woff') format('woff'),
		url('../fonts/univers-condensedbold-webfont.ttf') format('truetype'),
		url('../fonts/univers-condensedbold-webfont.html#universcondensedbold') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/
@font-face {
    font-family: "Segoe_UI";
        src: local("Segoe_UI"), url( ../fonts/Segoe_UI.ttf ) format("truetype"); /* non-IE */
}
@font-face {
    font-family: "Univers-Condensed-bold";
        src: local("Univers-Condensed-bold"), url( ../fonts/Univers-Condensed-bold.ttf ) format("truetype"); /* non-IE */
}
*{	font-family:Segoe_UI !important;}
/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain)*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* body */
body {
	margin:0;
	color:#FFFFFF;
	font:18px/28px "universcondensed", Arial, Helvetica, sans-serif;
	background:#000;
	min-width:916px;
}
img {border-style:none;}
a {
	text-decoration:none;
	color:#000000;
}
a:hover {text-decoration:underline;}
a:active {background-color: transparent;}
header, footer, article, section, hgroup, nav, figure, aside { display: block; }
figure { margin:0; padding:0; }
#wrapper{
	position:relative;
	overflow:hidden;
	width:100%;
}
/* header */
#header{
	position:relative;
	z-index:200;
}
.logo-box{
	width:100%;
	position:fixed;
	top:31px;
	left:0;
}
.logo-box .holder{
	width:916px;
	margin:0 auto;
}
/* logo */
.logo{
	margin:0 0 0 78px;
	text-indent:-9999px;
	overflow:hidden;
	width:265px;
	height:64px;
	background:url(../images/logo.png) no-repeat 0px 0px;
	transform: none;
}


#win {
position: absolute;
margin-top: 20px;
margin-left: 740px;	
z-index: 120;
}

#win .twitter{width:33px;height:33px;background:url(../images/twitter.png)no-repeat;}
#win .twitter:hover{background:url(../images/twitter_hover.png)no-repeat;}
#win .vk{width:33px;height:33px;background:url(../images/vk.png)no-repeat;}
#win .vk:hover{background:url(../images/vk_hover.png)no-repeat;}
#win .fb{width:33px;height:33px;background:url(../images/facebook.png)no-repeat;}
#win .fb:hover{background:url(../images/facebook_hover.png)no-repeat;}
#win ul li{margin-right:5px;float:left;}

.logo2{
	margin:0 0 0 78px;
	text-indent:-9999px;
	overflow:hidden;
	width:265px;
	height:64px;
	background:url(../images/logo.png) no-repeat 0px -76px;
	transform: none;
}

.logo a{
	display:block;
	height:100%;
}

/* nav */
#nav{
	position:fixed;
	top:123px;
	left:0;
	width:150px;
	-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.fb-holder{
	width:71px;
	padding-left: 23px;
	padding-bottom: 10px;
}

/* menu-text */
.menu-text{
	display:block;
	width:110px;
	background:url(../images/bg-nav.png) no-repeat right;
	text-transform:uppercase;
	color:#FFFFFF;
	text-align:right;
	font-size:12px;
	line-height:14px;
	overflow:hidden;
	height:14px;
	padding:34px 6px 17px;
}
.menu-text span{
	padding:32px 33px 0px 11px;
	cursor: pointer;
}
#nav ul{
	margin:0;
	padding:0;
	list-style:none;
	width: 95px;
}
#nav li{
	border-bottom:8px solid #EB2131;
	font-size:13px;
	line-height:15px;
	text-transform:uppercase;
}
#nav a{

	background:#000000;
	display:block;
	text-align:right;
	padding: 4px 6px 4px 0px;
	color:#ffffff;
	font-size:14px;
}
#nav a:hover{
	color:#000 !important;
	text-decoration:none !important;
	background:none !important;
}
#nav .active a{
	color:#000;
	background:none;
	text-decoration:none;
}

#supportButton {
	cursor: pointer;
}


/* main */
#main{
	padding:0 9px;
	margin:0 auto;
	width:898px;
}
#main,
#content{position:relative;}
/* gallery-box */
.gallery-box{
	margin:0 -519px 0 -530px;
	padding:58px 519px 123px 530px;
	background:#fff url(../images/bg-box.png) no-repeat 50% 100%;
	position:relative;
	overflow:hidden;
}
/* gallery */
.gallery-box .gallery{
	position:relative;
	overflow:hidden;
	width:898px;
}
/* mask */
.gallery-box .mask{
	width:898px;
	position:relative;
	overflow:hidden;
}
/* slide */
.gallery-box  .mask .slide{
	float:left;
	overflow:hidden;
	width:898px;
}
.gallery-box .mask .picture{
	float:right;
	padding:0 37px 0 72px;
}
.gallery-box .mask img{vertical-align:top;}
.gallery-box .mask .text{
	overflow:hidden;
	/*height:1%;*/
	padding:143px 0 0 135px;
    float: left;
position: absolute;
width: 328px;
}
.gallery-box  .mask h2{
	letter-spacing:1px;
	font:78px/75px "universcondensedbold", Arial, Helvetica, sans-serif;
	margin:0 0 130px;
	color:#000;
	/*overflow:hidden;*/
	height:223px;
}
.gallery-box .mask h2 .row1{
	font-size:87px;
	letter-spacing:9px;
}
.gallery-box .mask h2 .row2{letter-spacing:5px;}
.gallery-box .mask .link{
	overflow:hidden;
	padding:0 3px;
}
.gallery-box .mask .link a{
	float:left;
	text-transform:uppercase;
	color:#000;
	font-size:14px;
	line-height:16px;
	position:relative;
	padding:4px 0 4px 38px;
	background:url(../images/separator.png) no-repeat 0 -376px;
	-webkit-transition: all .25s ease-in-out;
	transition:  all .25s ease-in-out;
    margin-top: 20px;
}
.gallery-box .mask .link a:hover{
	color:#eb2131;
	background-position:0 -476px;
	text-decoration:none;
	-webkit-transition: all .25s ease-in-out;
	transition:  all .25s ease-in-out;
}
.gallery-box .prev,
.gallery-box .next{
	position:absolute;
	top:435px;
	width:26px;
	height:44px;
	text-indent:-9999px;
	overflow:hidden;
    float: left;
z-index: 100;
margin-top: 60px;
}
/* prev */
.gallery-box .prev{
	left:140px;
	background:url(../images/arrow.png) no-repeat;
}
/* next */
.gallery-box .prev:hover{background-position:-63px 0;}
.gallery-box .next{
	left:206px;
	background:url(../images/arrow.png) no-repeat -31px 0;
}
.gallery-box .next:hover{background-position:-95px 0;}
/* carousel-box */
.carousel-box{
	margin:0 -519px 0 -520px;
	padding:116px 519px 159px 520px;
	background:#000 url(../images/bg-box2.png) no-repeat 50% 100%;
	position:relative;
	overflow:hidden;
}
/* carousel */
.carousel-box .carousel{
	position:relative;
	width:898px;
}
.carousel-box .mask{
	overflow:hidden;
	width:898px;
	padding:0 0 0 40px;
	margin:0 0 0 -40px;
}
.carousel-box .picture{
	float:left;
	position:relative;
	margin:0 -147px 0 -32px;
	padding:100px 0 0;
	transform-origin: 0% 50%;
}



.carousel-box .picture .steam {
	float:left;
	position:absolute;
	margin-top: -390px;
	margin-left: 230px;
	width: 550px;
	height: 550px;
    background-repeat: no-repeat;
	/*background: url(../images/steam_full-002.png) no-repeat 0px 0px;*/
}


.carousel-box img{vertical-align:top;}
/* text-box */
.carousel-box .text-box{
	overflow:hidden;
	height:1%;
	padding:17px 7px 0 0;
}
.carousel-box .text-box .text{
	color:#fff;
	font-size:18px;
	line-height:28px;
	text-align:right;
	margin:0 0 124px;
	height:300px;
	overflow:hidden;
}
.carousel-box .text-box .text p{font-size: 19px;
line-height: 1.1;margin:0;}
.carousel-box h2{
	color:#ec008c;
	font:33px/40px "universcondensedbold", Arial, Helvetica, sans-serif;
	margin:0 0 16px;
}
.carousel-box .link{
	position: relative;
	z-index: 999;
	overflow:hidden;
	padding:0 0 0 34px;
	margin-top: 30px;
	list-style:none;
}
.carousel-box .link li{
	float:left;
	padding:0 0 0 37px;
}
.carousel-box .link a{
	float:left;
	text-transform:uppercase;
	color:#fff;
	font-size:15px;
	line-height:16px;
	position:relative;
	padding:4px 0 4px 38px;
	background:url(../images/separator.png) no-repeat 0 -676px;
	-webkit-transition: all .25s ease-in-out;
	transition:  all .25s ease-in-out;
}
.carousel-box .link a:hover{
	color:#ec008c;
	background-position:0 -776px;
	text-decoration:none;
	-webkit-transition: all .25s ease-in-out;
	transition:  all .25s ease-in-out;
}
.carousel-box .prev,
.carousel-box .next{
	position:absolute;
	top:346px;
	width:26px;
	height:44px;
	text-indent:-9999px;
	overflow:hidden;
}
/* prev */
.carousel-box .prev{
	right:73px;
	background:url(../images/arrow.png) no-repeat -128px 0;
}
.carousel-box  .prev:hover{background-position:-189px 0;}
/* next */
.carousel-box .next{
	right:8px;
	background:url(../images/arrow.png) no-repeat -160px 0;
}
.carousel-box .next:hover{background-position:-219px 0;}
/* pink-box */
.pink-box{
	margin:0 -519px 0 -520px;
	padding:116px 519px 235px 520px;
	background:#ec008c url(../images/bg-box3.png) no-repeat 50% 100%;
	position:relative;
	overflow:hidden;
	color:#000;
}
/* text-col */
.pink-box .text-col{
	float:left;
	margin:0 -2px 0 0;
	padding: 4px 0 0 134px;
	width:320px;
}
/* ttile-text */
.pink-box .title-text{
	width: 234px;
	margin:0 0 47px;
	text-align:center;
	text-transform:uppercase;
}
.pink-box .title-text > span{display:block;}
.pink-box .title-text .number{
	font:218px/214px "universcondensedbold", Arial, Helvetica, sans-serif;
	margin: 0 0 -20px;
	letter-spacing: -16px;
}
.pink-box .title-text .row1{
	font:21px/24px "universcondensedbold", Arial, Helvetica, sans-serif;
	margin: 16px 0 5px;
	letter-spacing: 0px;
	padding-left: 1px;
}
.pink-box .title-text .row2{
	font: 45px/94px "universcondensedbold", Arial, Helvetica, sans-serif;
	margin: -31px -2px -19px 0px;
	letter-spacing: -4px;
	padding-right: 25px;
}
.pink-box .title-text .row3{
	font: 30px/28px "universcondensedbold", Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
	text-transform:uppercase;
	margin-bottom: 5px;
}
.pink-box .title-text .row4{
	font:35px/34px "universcondensedbold", Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
}
.pink-box .picture{
	position:relative;
	margin:0 -68px 0 0;
	float:left;
	width:500px;
}
.pink-box .picture .row1{
	position:absolute;
	top:1px;
	left:-90px;
	width:164px;
	padding:1px 0 2px;
	background:url(../images/arrow.png) no-repeat 100% -44px;
}
.pink-box .picture .row2{
	width:198px;
	top:185px;
}
.pink-box .picture .row3{
	position:absolute;
	top:288px;
	left:152px;
	width:25px;
	padding:83px 0 0;
	background:url(../images/bg-row.png) no-repeat 6px 0;
}
.pink-box .picture .row4{
	width:164px;
	left:197px;
	top:116px;
}
.pink-box .picture .row5{
	top:312px;
	left:322px;
	padding:59px 0 0;
}
.pink-box .picture .row6{
	left:151px;
	top:551px;
}
.pink-box .picture .row1 a{
	float:left;
	color:#fff;
	font:25px/21px "universcondensedbold", Arial, Helvetica, sans-serif;
	padding:0 11px 0 33px;
	background:#ec008c url(../images/plus_flash_normal.png) no-repeat 0px 0px;
	position:relative;
	-webkit-animation: opacityanimation 1.5s infinite;
	-animation: opacityanimation 1.5s infinite;
}
.pink-box .picture .row1 a:after{
	border-right:1px solid #fabfe2;
	height:21px;
	position:absolute;
	top:0;
	right:0;
	content:"";
	width:0;
}
.pink-box .picture .row1 a:hover{
	background-position:0 0px;
	text-decoration:none;
	padding:0 11px 2px 33px;
	background:#ec008c url(../images/plus_flash.png) no-repeat 0px 0px;
	opacity: 1px;
	-webkit-animation-play-state:paused;
	animation-play-state:paused;
}
.pink-box .picture .row3 a{
	float:left;
	color:#fff;
	font:25px/21px "universcondensedbold", Arial, Helvetica, sans-serif;
	padding:6px 0 28px;
	background:#ec008c url(../images/plus_flash_normal.png) no-repeat 0px 34px;
	position:relative;
	-webkit-animation: opacityanimationVerticle 1.5s infinite;
	animation: opacityanimationVerticle 1.5s infinite;
}
.pink-box .picture .row3 a:hover{
	background-position: 0px 34px;
	text-decoration:none;
	padding:6px 2px 30px 0;
	background:#ec008c url(../images/plus_flash.png) no-repeat 0px 34px;
	opacity: 1px;
	-webkit-animation-play-state:paused;
	animation-play-state:paused;
}

#featured001 {
	
}

#featured002 {
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}

#featured003 {
	-webkit-animation-delay: 0.30s;
	animation-delay: 0.30s;
}

#featured004 {
	-webkit-animation-delay: 0.15s;
	animation-delay: 0.15s;
}

#featured005 {
	-webkit-animation-delay: 0.45s;
	animation-delay: 0.45s;
}

#featured06 {
	-webkit-animation-delay: 0.20s;
	animation-delay: 0.20s;
}


.changeColorFeature{
    color: #FFFFFF !IMPORTANT;
    -webkit-transition: all .25s ease-in-out;
	transition:  all .25s ease-in-out;
}

.pink-box .picture .row3 a:after{
	border-top:1px solid #fabfe2;
	border-width:1px 0 0;
	width:21px;
	position:absolute;
	top:0;
	left:0;
	content:"";
}
.pink-box .picture a:hover img{visibility:visible;
  opacity:1; }
.pink-box .picture .row1 img{
	position:absolute;
	top:-47px;
	z-index:20;
	left:79px;
	vertical-align:top;
	visibility:hidden;
  opacity:0;
}
.pink-box .picture .row2 img{top:-99px;}
.pink-box .picture .row3 img{
	top:-247px;
	left:-104px;
}
.pink-box .picture .row4 img{
	top:-197px;
	left:40px;
}
.pink-box .picture .row5 img{
	top:-249px;
	left:-100px;
}
.pink-box .picture .row6 img{
	top:-165px;
	left:82px;
}
/* number-list */
.pink-box  ol.number-list{
	margin:0;
	padding:0 0 0 9px;
	list-style:none;
}
.pink-box  ol.number-list li{
	color:#000;
	font-size:20px;
	line-height:26px;
	margin:0 0 6px;
	overflow:hidden;
}
.pink-box  ol.number-list .num{
	width:27px;
	float:left;
	padding:0 5px 0 0;
}
/* table-container */
.table-container{
	margin:0 -519px 0 -520px;
	padding:87px 519px 131px 520px;
	background:#82776e url(../images/bg-box4.png) no-repeat 50% 100%;
	position:relative;
	overflow:hidden;
	color:#fff;
	font-size:18px;
	line-height:20px;
}
.table-container .picture{
	float:left;
	position:relative;
	margin:0 -42px 0 -43px;
	padding:156px 0 0;
	width:400px;
}

.table-container  .suit {
	float:left;
	position:relative;
	margin:0 -42px 0 -43px;
	padding:156px 0 0;
	width:400px;
	height: 599px;
	background: url(../images/Suit_frame001.png) no-repeat 0px 0px;}
}

.table-container img{vertical-align:top;}
.table-container table{
	border-collapse:collapse;
	padding:0 7px 0 0;
}
.table-container th{
	vertical-align:bottom;
	border-bottom:1px solid #f7f6f6;
}
.table-container th.col1{
	width:190px;
	padding:9px 0;
	text-align:left;
	text-transform:uppercase;
	border-bottom:1px solid #e0dddb;
}
.table-container th.col2{
	text-transform:uppercase;
	text-align:center;
	width:170px;
	padding:6px 0 21px 6px;
}
.table-container .col3{
	width:17px;
	padding:0;
	border-bottom:1px solid #82776e;
}
.table-container td{line-height:18px;}
.table-container td.col1{
	width:190px;
	padding:9px 0;
	border-bottom:1px solid #a79c91;
}
.table-container td.col2{
	text-align:center;
	width:156px;
	font-size:16px;
	border-bottom:1px solid #7c7269;
	padding:9px 10px;
	background:#9b9188;
	vertical-align:middle;
}
.table-container .last td{
	border-bottom:0;
	padding:9px 0 16px;
}
.table-container .text-row td.col2{padding:11px 10px 14px;}
/* promo-box */
.promo-box{
	background:#fff url(../images/bg-row2.png) repeat-y;
	margin:0 -524px 0 -512px;
	padding:0 524px 0 512px;
	position:relative;
	overflow:hidden;
	color:#000;
}

.promo-box .headerholder {
	width: 470px;
	height: 116px;
	margin: 0px 0px 54px 136px;
}

.headerholder .SO {
	background: url(../images/colour_text_SO.png) no-repeat 0px 0px;
	width: 152px;
	height: 116px;
	float:left;
}

.headerholder .COOL {
	background: url(../images/colour_text_COOL.png) no-repeat 0px 0px;
	width: 317px;
	height: 116px;
	float:left;
}

.promo-box h2{
	color:#fff;
	text-transform:uppercase;
	padding:0 171px 0 0;
	margin:0 0 34px;
	letter-spacing:-4px;
	text-align:center;
	font:148px/150px "universcondensedbold", Arial, Helvetica, sans-serif;
}
.promo-box h2 span{
	color:#000;
	padding:0 2px 0 0;
	letter-spacing:-8px;
}
.promo-box ul:after{
	clear:both;
	display:block;
	content:"";
}
.promo-box ul{
	margin:0 0 0 -32px;
	padding:0;
	list-style:none;
}
.promo-box ul li{
	float:left;
	width:320px;
	margin:0 0 37px;
	text-align:center;
}
.promo-box ul .animateHolder{
	display:block;
	position:relative;
	
}
.promo-box ul a:hover{text-decoration:none;}
.promo-box ul img{vertical-align:top; }
.promo-box  img{vertical-align:top;}

.promo-box .imageMask {
	-webkit-mask-position: 0 0;
-webkit-mask-box-image: url(mask_test.svg);
  -webkit-mask-repeat: no-repeat;
}

/* row1 */
.promo-box .row1{
	background:url(../images/bg-row1.png) repeat-y;
	margin:0 -524px 0 -512px;
	padding:146px 524px 0 512px;
}
/* name-color */
.promo-box .name-color{
	position:absolute;
	top:37px;
	width:80px;
	left:184px;
	text-transform:uppercase;
	color:#000;
	font-size:19px;
	line-height:15px;
}
.promo-box .red-row{
	padding:0 48px 0 0;
	background:#d2232b;
	width:272px;
}
.promo-box .taupe-row{
	padding:0 48px 0 0;
	background:#82776e;
	width:272px;
}
.promo-box .white-row{
	padding:0 0 0 5px;
	width:270px;
	background:#fff;
}
.promo-box .row1 .white-row .name-color{left:189px;}
/* row2 */
.promo-box .row2{
	margin:0 -524px 0 -512px;
	padding:22px 524px 128px 512px;
	background:url(../images/bg-box5.png) no-repeat 50% 100%;
}
.promo-box .row2 .name-color{
	text-align:center;
	color:#fff;
	line-height:28px;
	width:99px;
	top:2px;
}
.promo-box .black-row{
	padding:0 48px 0 0;
	background:#000;
	width:272px;
}
.promo-box .pink-row{
	padding:0 48px 0 0;
	background:#ec008c;
	width:272px;
}
.promo-box .row2 .pink-row .name-color{left:178px;}
.promo-box .platinum-row{
	padding:0 0 0 5px;
	width:270px;
	background:#b2b4b7;
}
.promo-box .row2 .platinum-row .name-color{left:185px;}
/* buy-box */
.buy-box{
	margin:0 -519px 0 -520px;
	padding:148px 519px 131px 520px;
	background:#fff url(../images/bg-box6.png) no-repeat 50% 100%;
	position:relative;
	overflow:hidden;
}
/* title */
.buy-box .title{
	overflow:hidden;
	margin:0 0 100px;
	padding:0 0 0 135px;
}
.buy-box .title h2{
	float:left;
	width:450px;
	letter-spacing:normal;
	text-transform:uppercase;
	color:#000;
	padding:0 18px 0 0;
	font: 60px/69px "universcondensedbold", Arial, Helvetica, sans-serif;
	margin:0;
	font-weight: bold;
	letter-spacing: -3px;
	line-height: 1.2;
}
.buy-box .title h2 span{letter-spacing: 6px; font: 84px/30px "universcondensedbold", Arial, Helvetica, sans-serif;font-weight: bold;}
/* button-buy */
.buy-box .title .button-buy{
	float:left;
	min-width:105px;
	max-width:200px;
	padding:9px 10px 9px 48px;
	margin:8px 0 0;
	background:#eb2131 url(../images/buy_now_bottom.jpg) no-repeat 0px 0px;
	color:#fff;
	text-transform:uppercase;
	font:22px/25px "universcondensedbold", Arial, Helvetica, sans-serif;
	-webkit-transition: all .25s ease-out;
	transition:  all .25s ease-out;
	height: 25px;
}
.buy-box .title .button-buy:hover{
	text-decoration:none;
	background:#000 url(../images/buy_now_bottom.jpg) no-repeat 0px -43px;
	-webkit-transition: all .25s ease-out;
	transition:  all .25s ease-out;
}
.buy-box .picture{
	text-align:center;
	margin:0 -600px -148px 0;
	padding:0 0 0 112px;
}
.buy-box img{vertical-align:top;}
/* footer */
#footer{
	padding:0 16px 40px;
	background:#000;
	overflow:hidden;
	position:relative;
	margin:-21px auto 0;
	width:884px;
}
/* buy-button */
#footer .buy-button{
	float:right;
	max-width:130px;
	text-transform:uppercase;
	color:#fff;
	margin:55px 0 0;
	letter-spacing:1px;
	padding:0 0 0 31px;
	font:22px/25px "universcondensedbold", Arial, Helvetica, sans-serif;
	background:url(../images/separator.png) no-repeat 0 -79px;
	-webkit-transition: all .25s ease-in-out;
	transition:  all .25s ease-in-out;
}
#footer .buy-button:hover{
	text-decoration:none;
	color:#eb2131;
	background-position:0 -175px;
	-webkit-transition: all .25s ease-in-out;
	transition:  all .25s ease-in-out;
}
/* copyright-box */
.copyright-box{
	float:left;
	padding:0 0 50px 15px;
	width:700px;
}
/* add-logo */
.add-logo{
	float:left;
	width:140px;
	height:100px;
	margin:0 34px 0 0;
	background:url(../images/add-logo.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
}
.add-logo a{
	display:block;
	height:100%
}
/* copyright */
.copyright-box .copyright{
	overflow:hidden;
	padding:38px 0 0 2px;
	height:1%;
	color:#5c5c5c;
	font-size:12px;
	line-height:14px;
}
.copyright-box .copyright p{margin:0;}
.copyright-box .copyright ul{
	overflow:hidden;
	margin:0 0 9px -2px;
	padding:0;
	list-style:none;
}
.copyright-box .copyright li{
	float:left;
	line-height:15px;
	font-size:13px;
	padding:0 8px 0 10px;
	background:url(../images/separator.png) no-repeat 0 5px;
}
.copyright-box .copyright a{color:#fff;}

/* ANIMATION KEYFRAMES */

/* ANIMATION: opacityanimation */

@keyframes opacityanimation {
	0% {background: #ec008c url(../images/plus_flash_normal.png) no-repeat;}
	50% {background: #ec008c url(../images/plus_flash.png) no-repeat;}
}

@-webkit-keyframes opacityanimation {
	0% {background: #ec008c url(../images/plus_flash_normal.png) no-repeat;}
	50% {background: #ec008c url(../images/plus_flash.png) no-repeat;}
}

@-moz-keyframes opacityanimation {
	0% {background: #ec008c url(../images/plus_flash_normal.png) no-repeat;}
	50% {background: #ec008c url(../images/plus_flash.png) no-repeat;}
}


/* ANIMATION: opacityanimationVerticle */

@keyframes opacityanimationVerticle {
	from {background: #ec008c url(../images/plus_flash_normal.png) no-repeat 0px 34px;}
	to {background: #ec008c url(../images/plus_flash.png) no-repeat 0px 34px;;}
}

@-webkit-keyframes opacityanimationVerticle {
	0% {background: #ec008c url(../images/plus_flash_normal.png) no-repeat 0px 34px;}
	50% {background: #ec008c url(../images/plus_flash.png) no-repeat 0px 34px;;}
}

@-moz-keyframes opacityanimationVerticle {
	from {background: #ec008c url(../images/plus_flash_normal.png) no-repeat 0px 34px;}
	to {background: #ec008c url(../images/plus_flash.png) no-repeat 0px 34px;;}
}

/* ANIMATION: steamanimation */

@keyframes steamanimation {
	from {background: url(../images/steam_full-start.png) no-repeat 0px 0px;}
	10% {background: url(../images/steam_full-001.png) no-repeat 0px 0px;}
	20% {background: url(../images/steam_full-002.png) no-repeat 0px 0px;}
	30% {background: url(../images/steam_full-003.png) no-repeat 0px 0px;}
	40% {background: url(../images/steam_full-004.png) no-repeat 0px 0px;}
    60% {background: none;}
    to {background: none;}
}

/*@-moz-keyframes steamanimation {*/
    /*from {background: url(../images/steam_full-start.png) no-repeat 0px 0px;}*/
	/*10% {background: url(../images/steam_full-001.png) no-repeat 0px 0px;}*/
	/*20% {background: url(../images/steam_full-002.png) no-repeat 0px 0px;}*/
	/*30% {background: url(../images/steam_full-003.png) no-repeat 0px 0px;}*/
	/*45% {background: url(../images/steam_full-004.png) no-repeat 0px 0px;}*/
    /*60% {background: none;}*/
    /*to {background: none;}*/
  /*}*/

@-webkit-keyframes steamanimation {
    0% {background: url(../images/steam_full-start.png) no-repeat 0px 0px;}
	10% {background: url(../images/steam_full-001.png) no-repeat 0px 0px;}
	20% {background: url(../images/steam_full-002.png) no-repeat 0px 0px;}
	30% {background: url(../images/steam_full-003.png) no-repeat 0px 0px;}
	45% {background: url(../images/steam_full-004.png) no-repeat 0px 0px;}
    60% {background: none;}
    100% {background: none;}
  }


/* ANIMATION: suitiron */

@keyframes suitiron {
	from {background: url(../images/Suit_frame001.png) no-repeat 0px 0px;}
	5% {background: url(../images/Suit_frame002.png) no-repeat 0px 0px;}
	10% {background: url(../images/Suit_frame003.png) no-repeat 0px 0px;}
	15% {background: url(../images/Suit_frame004.png) no-repeat 0px 0px;}
	20% {background: url(../images/Suit_frame005.png) no-repeat 0px 0px;}
	80% {background: url(../images/Suit_frame005.png) no-repeat 0px 0px;}
	85% {background: url(../images/Suit_frame004.png) no-repeat 0px 0px;}
	90% {background: url(../images/Suit_frame003.png) no-repeat 0px 0px;}
	95% {background: url(../images/Suit_frame002.png) no-repeat 0px 0px;}
	to {background: url(../images/Suit_frame001.png) no-repeat 0px 0px;}
}

@-webkit-keyframes suitiron {
	0% {background: url(../images/Suit_frame001.png) no-repeat 0px 0px;}
	5% {background: url(../images/Suit_frame002.png) no-repeat 0px 0px;}
	10% {background: url(../images/Suit_frame003.png) no-repeat 0px 0px;}
	15% {background: url(../images/Suit_frame004.png) no-repeat 0px 0px;}
	20% {background: url(../images/Suit_frame005.png) no-repeat 0px 0px;}
	80% {background: url(../images/Suit_frame005.png) no-repeat 0px 0px;}
	85% {background: url(../images/Suit_frame004.png) no-repeat 0px 0px;}
	90% {background: url(../images/Suit_frame003.png) no-repeat 0px 0px;}
	95% {background: url(../images/Suit_frame002.png) no-repeat 0px 0px;}
	100% {background: url(../images/Suit_frame001.png) no-repeat 0px 0px;}
}

@-moz-keyframes suitiron {
	from {background: url(../images/Suit_frame001.png) no-repeat 0px 0px;}
	5% {background: url(../images/Suit_frame002.png) no-repeat 0px 0px;}
	10% {background: url(../images/Suit_frame003.png) no-repeat 0px 0px;}
	15% {background: url(../images/Suit_frame004.png) no-repeat 0px 0px;}
	20% {background: url(../images/Suit_frame005.png) no-repeat 0px 0px;}
	80% {background: url(../images/Suit_frame005.png) no-repeat 0px 0px;}
	85% {background: url(../images/Suit_frame004.png) no-repeat 0px 0px;}
	90% {background: url(../images/Suit_frame003.png) no-repeat 0px 0px;}
	95% {background: url(../images/Suit_frame002.png) no-repeat 0px 0px;}
	to {background: url(../images/Suit_frame001.png) no-repeat 0px 0px;}
}