@font-face {
	font-family: 'FuturaBold';
	src: url('../fonts/FuturaBold.eot');
	src: url('../fonts/FuturaBold.eot?#iefix') format('embedded-opentype'), url('../fonts/FuturaBold.woff') format('woff'), url('../fonts/FuturaBold.ttf') format('truetype'), url('../fonts/FuturaBold.svg#wf') format('svg');
}
@font-face {
	font-family: 'TradeGothicBold';
	src: url('../fonts/TradeGothicBold.eot');
	src: url('../fonts/TradeGothicBold.eot?#iefix') format('embedded-opentype'), url('../fonts/TradeGothicBold.woff') format('woff'), url('../fonts/TradeGothicBold.ttf') format('truetype');
}
html, body {
	height: 100%;
	width: 100%;
}
body {
	background: #e6e6e6 url("../images/bg-page.jpg") no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin: 0;
	padding: 0;
	overflow-y: scroll;
	overflow-x: hidden;
}
h1, h2 {
	font-family: FuturaBold;
	color: #231f20;
	text-transform: uppercase;
	text-align: center;
	margin: 0 auto;
	padding: 0px;
	display: block;
	letter-spacing:-.08em;
}
hgroup img {
	max-width: 40%;
}
#collectionlogo, #infologo {
	position: relative;
}
#collectionlogo img, #infologo img {
	display: block;
	margin: 0 auto;
	position: realative;
}
#collectionlogo h1 {
	font-size: 40px;
	letter-spacing: -.03em;
	position: relative;
	text-align: center;
	margin-top: 10px;
}
#collectionlogo h2 {
	margin: 5px 0 0 0;
	font-size: 30px;
	letter-spacing: -.03em;
	position: relative;
	text-align: center;
	margin-top: -5px;
}
#infologo {
	position: fixed;
	width: 60%;
	max-height: 30%;
	left: 50%;
	margin-left: -30%;
	top: 0;
	margin-top: 2%;
	z-index: 33;
}
#infologo h1 {
	text-align: center;
	display: block;
	margin: 2% auto 0 auto;
	padding: 0;
	width: 100%;
	letter-spacing: -.03em;
}
#infologo h2 {
	text-align: center;
	display: block;
	margin: 0px auto;
	padding: 0;
	width: 60%;
	margin-top: -3%;
}
header#logo {
	position: fixed;
	width: 114px;
	height: 91px;
	top: 0;
	left: 0;
	margin-left: 2%;
	z-index: 1111;
}
header#logo h1 {
	display: block;
	background: url(../images/logo-a3-sport.png) no-repeat;
	width: 114px;
	height: 91px;
	text-indent: -9999px;
	margin: 0;
}
header#logo:lang(hr) {
	width: 277px;
	height: 80px;
}
header#logo:lang(hr) h1 {
	background: url(../images/logo-shooster.png) no-repeat;
	width: 277px;
	height: 80px;
}
header#logo:lang(credits) {
	width: 174px;
	height: 99px;
}
header#logo:lang(credits) h1 {
	background: url(../images/credits.png) no-repeat;
	width: 194px;
	height: 99px;
}
header#logo:lang(hu) {
	width: 218px;
	height: 99px;
	top: 2%;
}
header#logo:lang(hu) h1 {
	background: url(../images/logo-garage.png) no-repeat;
	width: 218px;
	height: 99px;
}
section {
	height: 100%;
}
div#content-wrapper {
	height: 100%;
	min-width: 1600px;
	min-height: 500px;
}
#parallax {
	text-align: center;
}
#start {
	text-align: center;
	overflow: hidden;
}
#headlinelogo {
	position: fixed;
	width: 40%;
	max-height: 30%;
	left: 50%;
	margin-left: -20%;
	top: 6%;
	z-index: 33;
}
#headline img.logo {
	width: 20%;
}
#headlinelogo h1 {
	text-align: center;
	display: block;
	margin: 4% auto 0 auto;
	padding: 0;
	width: 100%;
	line-height: .85;
}
#headlinelogo h1 {
	line-height: 1.05;
}
#headlinelogo h2 {
	text-align: center;
	display: block;
	margin: 0px auto;
	padding: 0;
	width: 60%;
}
#headlineslogan p {
	font-family: FuturaBold;
	color: #231f20;
	text-transform: uppercase;
	text-align: center;
	display: block;
	margin: 0px auto;
	padding: 0;
	width: 100%;
	letter-spacing: -.1em;
}
#headlineslogan {
	position: fixed;
	width: 40%;
	max-height: 30%;
	margin-left: -20%;
	left: 50%;
	top: 50%;
	z-index: 12;
}
#soleblured {
	display: block;
	position: fixed;
	background: url(../images/sole-blured.png) no-repeat;
	width: 1593px;
	height: 478px;
	left: 50%;
	margin-left: -797px;
	bottom: 30px;
	z-index: 10;
}
#scroll {
	display: block;
	position: fixed;
	background: url(../images/scroll-eng.png) no-repeat;
	width: 73px;
	height: 82px;
	left: 50%;
	margin-left: -37px;
	bottom: 2%;
	z-index: 15;
}
#scroll:lang(cs) {
	background: url(../images/scroll.png) no-repeat;
}
/* info*/
#info {
	text-align: center;
	overflow: hidden;
}
#shoetop {
	display: block;
	position: fixed;
	background: url(../images/shoe-top-fixed.png) no-repeat;
	background-position: right center;
	width: 1037px;
	height: 557px;
	right: 50%;
	bottom: 160px;
	margin-right: -518px;
	z-index: 22;
}
#shoelogo {
	display: block;
	position: fixed;
	background: url(../images/shoe-airmax-fixed.png) no-repeat;
	background-position: right center;
	width: 1037px;
	height: 557px;
	right: 50%;
	bottom: 160px;
	margin-right: -518px;
	z-index: 23;
}
#shoesole {
	display: block;
	position: fixed;
	background: url(../images/shoe-sole-fixed.png) no-repeat;
	background-position: right center;
	width: 1037px;
	height: 557px;
	right: 50%;
	bottom: 160px;
	margin-right: -518px;
	z-index: 24;
}
#shoetop.woman {
	background: url(../images/shoe-top-fixed-fem.png) no-repeat;
	background-position: right center;
}
#shoelogo.woman {
	background: url(../images/shoe-airmax-fixed-fem.png) no-repeat;
	background-position: right center;
}
#shoesole.woman {
	background: url(../images/shoe-sole-fixed-fem.png) no-repeat;
	background-position: right center;
}
#shoeman {
	display: block;
	position: fixed;
	background: url(../images/shoe-man-fixed.png) no-repeat;
	background-position: left center;
	width: 1037px;
	height: 557px;
	left: 50%;
	bottom: 160px;
	margin-left: -519px;
	z-index: 26;
}
#shoewoman {
	position: fixed;
	background: url(../images/shoe-woman-fixed.png) no-repeat;
	width: 1037px;
	height: 557px;
	left: 50%;
	bottom: 160px;
	margin-top: -300px;
	z-index: 25;
	display: none;
}
#shoeman.woman {
	background: url(../images/shoe-woman-fixed.png) no-repeat;
}
#separator {
	position: fixed;
	background: url(../images/separator.png) no-repeat;
	background-position: 0 0;
	width: 1037px;
	height: 829px;
	left: 50%;
	bottom: 10px;
	margin-left: -519px;
	z-index: 27;
}
#shadowman {
	position: fixed;
	background: url(../images/shoe-shadow-man-fixed.png) no-repeat;
	width: 1599px;
	height: 312px;
	left: 50%;
	bottom: -70px;
	margin-left: -800px;
	z-index: 21;
}
#shadowman.woman {
	background: url(../images/shoe-shadow-woman-fixed.png) no-repeat;
}
#buttonman {
	display: block;
	position: fixed;
	width: 97px;
	height: 34px;
	left: 50%;
	margin-left: -107px;
	bottom: 615px;
	z-index: 48;
}
#buttonman a {
	display: block;
	width: 97px;
	height: 34px;
	font-size: 15px;
	letter-spacing: 1px;
	line-height: 34px;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #e20714;
	color: #fff;
	font-family: 'TradeGothicBold', sans-serif;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(#a72422, 0), color-stop(#e20714, 1));
	background: -webkit-gradient(linear, left top, left bottom, color-stop(#a72422, 0), color-stop(#e20714, 1));
	background: -webkit-linear-gradient(top, #a72422 0%, #e20714 100%);
	background: -moz-linear-gradient(top, #a72422 0%, #e20714 100%);
	background: -o-linear-gradient(top, #a72422 0%, #e20714 100%);
	background: linear-gradient(top, #a72422 0%, #e20714 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a72422), color-stop(100%, #e20714));
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#a72422', endColorstr='#e20714', GradientType=0 );
	-webkit-transition: all ease-in-out .05s;
	-moz-transition: all ease-in-out .05s;
	-o-transition: all ease-in-out .05s;
	transition: all ease-in-out .05s;
}
#buttonman a:after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 7.5px 0 7.5px;
	border-color: #e20716 transparent transparent transparent;
	line-height: 0px;
	_border-color: #e20716 #000000 #000000 #000000;
_filter:progid:DXImageTransform.Microsoft.Chroma(color='#000000');
	position: absolute;
	top: 34px;
	left: 41px;
}
#buttonman a.woman {
	background-color: #c9c4c4;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(#c9c4c4, 0), color-stop(#c9c4c4, 1));
	background: -webkit-gradient(linear, left top, left bottom, color-stop(#c9c4c4, 0), color-stop(#c9c4c4, 1));
	background: -webkit-linear-gradient(top, #c9c4c4 0%, #c9c4c4 100%);
	background: -moz-linear-gradient(top, #c9c4c4 0%, #c9c4c4 100%);
	background: -o-linear-gradient(top, #c9c4c4 0%, #c9c4c4 100%);
	background: linear-gradient(top, #c9c4c4 0%, #c9c4c4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c9c4c4), color-stop(100%, #c9c4c4));
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9c4c4', endColorstr='#c9c4c4', GradientType=0 );
}
#buttonman a.woman {
	color: #231f20;
}
#buttonman a.woman:after, #buttonman a.woman:hover:after {
	content: none;
}
#buttonman a.woman:hover {
	color: #FFF;
}
#buttonwoman {
	display: block;
	position: fixed;
	width: 97px;
	height: 34px;
	left: 50%;
	margin-left: 7px;
	bottom: 615px;
	z-index: 47;
}
#buttonwoman a {
	display: block;
	position: fixed;
	width: 97px;
	height: 34px;
	font-size: 15px;
	line-height: 34px;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #a72422;
	color: #231f20;
	font-family: 'TradeGothicBold', sans-serif;
	-webkit-transition: all ease-in-out .05s;
	-moz-transition: all ease-in-out .05s;
	-o-transition: all ease-in-out .05s;
	transition: all ease-in-out .05s;
	background: #c9c4c4;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(#c9c4c4, 0), color-stop(#c9c4c4, 1));
	background: -webkit-gradient(linear, left top, left bottom, color-stop(#c9c4c4, 0), color-stop(#c9c4c4, 1));
	background: -webkit-linear-gradient(top, #c9c4c4 0%, #c9c4c4 100%);
	background: -moz-linear-gradient(top, #c9c4c4 0%, #c9c4c4 100%);
	background: -o-linear-gradient(top, #c9c4c4 0%, #c9c4c4 100%);
	background: linear-gradient(top, #c9c4c4 0%, #c9c4c4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c9c4c4), color-stop(100%, #c9c4c4));
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9c4c4', endColorstr='#c9c4c4', GradientType=0 );
}
#buttonwoman a.woman {
	background: #e20714;
	color: #fff;
	font-family: 'TradeGothicBold', sans-serif;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(#a72422, 0), color-stop(#e20714, 1));
	background: -webkit-gradient(linear, left top, left bottom, color-stop(#a72422, 0), color-stop(#e20714, 1));
	background: -webkit-linear-gradient(top, #a72422 0%, #e20714 100%);
	background: -moz-linear-gradient(top, #a72422 0%, #e20714 100%);
	background: -o-linear-gradient(top, #a72422 0%, #e20714 100%);
	background: linear-gradient(top, #a72422 0%, #e20714 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a72422), color-stop(100%, #e20714));
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#a72422', endColorstr='#e20714', GradientType=0 );
	-webkit-transition: all ease-in-out .05s;
	-moz-transition: all ease-in-out .05s;
	-o-transition: all ease-in-out .05s;
	transition: all ease-in-out .05s;
}
#buttonwoman a.woman:after, #buttonwoman a.woman:hover:after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 7.5px 0 7.5px;
	border-color: #e20716 transparent transparent transparent;
	line-height: 0px;
	_border-color: #e20716 #000000 #000000 #000000;
_filter:progid:DXImageTransform.Microsoft.Chroma(color='#000000');
	position: absolute;
	top: 34px;
	left: 41px;
}
#buttonwoman a:hover {
	color: #fff;
}
#buttonwoman a:after, #buttonwoman a:hover:after {
	content: none;
}
#detail {
	display: block;
	position: fixed;
	width: 746px;
	height: 84px;
	left: 50%;
	margin-left: -373px;
	bottom: 510px;
}
#detailwoman {
	display: none;
	position: fixed;
	width: 746px;
	height: 84px;
	left: 50%;
	margin-left: -373px;
	bottom: 510px;
}
#detail.woman {
	display: none;
}
#detailwoman.woman {
	display: block;
}
#detail p, #detailwoman p {
	display: block;
	font-family: FuturaBold;
	font-size: 18px;
	color: #464646;
	margin: 0px;
}
.buttontooltip {
	background: url(../images/button-hotspot-active.png) no-repeat;
	width: 82px;
	height: 82px;
	display: block;
	position: fixed;
	left: 50%;
	-webkit-transition: all ease-in-out .2s;
	-moz-transition: all ease-in-out .2s;
	-o-transition: all ease-in-out .2s;
	transition: all ease-in-out .2s;
}
.buttontooltip.active {
	background: url(../images/button-hotspot.png) no-repeat;
}
.buttontooltip:hover {
	background: url(../images/button-hotspot.png) no-repeat;
}
#buttontooltipleft {
	display: block;
	position: fixed;
	margin-left: -400px;
	bottom: 145px;
	z-index: 30;
}
#buttontooltipmiddle {
	display: block;
	position: fixed;
	margin-left: 105px;
	bottom: 345px;
	z-index: 31;
}
#buttontooltipright {
	display: block;
	position: fixed;
	margin-left: 245px;
	bottom: 100px;
	z-index: 32;
}
.tooltip p {
	font-family: Arial, sans-serif;
	font-size: 18px;
	color: #fff;
	padding: 10px 12px;
	line-height: 1.5;
	text-align: center;
}
.tooltip.tooltipmiddle p {
	padding-top: 24px;
}
.tooltip.tooltipleft.tooltipright p {
	padding: 5px 15px;
}
#tooltipleft {
	display: none;
	position: fixed;
	background: url(../images/tooltip-hotspot-left.png) no-repeat;
	width: 309px;
	height: 163px;
	margin-left: -514px;
	z-index: 33;
	left: 50%;
	bottom: 200px;
	-webkit-transition: all ease-in-out .4s;
	-moz-transition: all ease-in-out .4s;
	-o-transition: all ease-in-out .4s;
	transition: all ease-in-out .4s;
}
#tooltipleft:lang(hu) {
	background: url(../images/tooltip-hotspot-left-hu.png) no-repeat;
	width: 309px;
	height: 133px;
}
#tooltipleft p:lang(hu) {
	padding-top: 10px;
}
#tooltipmiddle {
	display: none;
	position: fixed;
	background: url(../images/tooltip-hotspot-middle.png) no-repeat;
	width: 309px;
	height: 133px;
	margin-left: -8px;
	bottom: 240px;
	z-index: 34;
	left: 50%;
	-webkit-transition: all ease-in-out .4s;
	-moz-transition: all ease-in-out .4s;
	-o-transition: all ease-in-out .4s;
	transition: all ease-in-out .4s;
}
#tooltipmiddle:lang(hu) {
	background: url(../images/tooltip-hotspot-middle-hu.png) no-repeat;
	width: 309px;
	height: 163px;
	bottom: 210px;
}
#tooltipright {
	display: none;
	position: fixed;
	background: url(../images/tooltip-hotspot-left.png) no-repeat;
	width: 309px;
	height: 163px;
	margin-left: 132px;
	bottom: 155px;
	z-index: 35;
	left: 50%;
	-webkit-transition: all ease-in-out .4s;
	-moz-transition: all ease-in-out .4s;
	-o-transition: all ease-in-out .4s;
	transition: all ease-in-out .4s;
}
#buttontooltipleft:hover > #tooltipleft {
	display: block;
}
#buttontooltipmiddle:hover > #tooltipmiddle {
	display: block;
}
#buttontooltipright:hover > #tooltipright {
	display: block;
}
/* collection */
#collection {
	background: #e9e9e9 url("../images/bg-page-collection.jpg") no-repeat center center fixed;
-webkit-background-size:/*@@prefixmycss->No equivalent*/;
	-moz-background-size: cover;
 -o-background-size:/*@@prefixmycss->No equivalent*/;
	background-size: cover;
-o-background- background-size:cover;
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y:scroll;
	z-index: 100;
	position: fixed;
	bottom: -200%;
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.45);
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,.45);
	box-shadow: 0px 0px 3px rgba(0,0,0,.45);
}
#collection:hover > body {
overflow-y: hidden;
}
#collection:hover > .scrollmagic-pin-spacer {
overflow-y: hidden;
}
#collectionlogo {
	position: absolute;
	width: 100%;
	height: auto;
	margin: 0auto;
	top: 50px;
	z-index: 1200;
}
#products {
	max-width: 1100px;
	margin: 0 auto;
	padding-top: 200px;
	position: relative;
	overflow: hidden;
}
.productbox {
	width: 23%;
	margin-top: 2%;
	margin-left: 1%;
	margin-right: 1%;
	height: 253px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 1px 2px 3px rgba(0,0,0,.15);
	-moz-box-shadow: 1px 2px 3px rgba(0,0,0,.15);
	box-shadow: 1px 2px 3px rgba(0,0,0,.15);
	position: relative;
	overflow: hidden;
	background-color: #fff;
	float: left;
}
.productbox.double {
	width: 48%;
	background: url(../images/product-premium-collection.png) no-repeat left center;
-webkit-background-size:-webkit-background-size:cover;
 -moz-background-size:   -moz-background-size:cover;
 -o-background-size:     -o-background-size:cover;
 background-size:        background-size:cover;
}
.productbox.double.second {
	background: url(../images/product-premium-collection-2.png) no-repeat left center !important;
}
.productphoto {
	height: 65%;
	-webkit-transition: all ease-in-out .2s;
	-moz-transition: all ease-in-out .2s;
	-o-transition: all ease-in-out .2s;
	transition: all ease-in-out .2s;
	position: relative;
}
.productphoto img {
	max-width: 95%;
	height: auto;
	display: block;
	position: absolute;
	margin-left: 5%;
	bottom: 2px;
}
.productbox:hover .productphoto {
	margin-top: -35px;
}
.productcontent {
	padding-top: 10px;
	background-position: 50% bottom;
	height: 35%;
	text-align: center;
	width: 90%;
	margin: 0 auto;
	border-top: 1px solid #c9c9c9;
}
.productcontent h3 {
	font-family: Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #231f20;
	text-align: center;
	margin: 5px 0 1px 0;
	padding: 0;
}
.productcontent p.description {
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-style: italic;
	color: #7a7a7a;
	text-align: center;
	margin: 0;
	padding: 0;
}
.productcontent p.price {
	font-family: Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #961510;
	text-align: center;
	margin: 2px 0 0 0;
	padding: 0;
}
.productget {
	height: 27px;
}
.productget a {
	width: 54px;
	height: 27px;
	font-size: 13px;
	line-height: 27px;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	background: #a72422;
	color: #fff;
	-webkit-border-radius: 3px/4px;
	-moz-border-radius: 3px/4px;
	border-radius: 3px/4px;
	font-family: 'TradeGothicBold', sans-serif;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(#a72422, 0), color-stop(#e20714, 1));
	background: -webkit-gradient(linear, left top, left bottom, color-stop(#a72422, 0), color-stop(#e20714, 1));
	background: -webkit-linear-gradient(top, #a72422 0%, #e20714 100%);
	background: -moz-linear-gradient(top, #a72422 0%, #e20714 100%);
	background: -o-linear-gradient(top, #a72422 0%, #e20714 100%);
	background: linear-gradient(top, #a72422 0%, #e20714 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a72422), color-stop(100%, #e20714));
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#a72422', endColorstr='#e20714', GradientType=0 );
	display: block;
	margin: 0 auto;
}
a.more {
	font-family: TradeGothicBold, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	color: #fff;
	width: 68px;
	height: 26px;
	position: absolute;
	line-height: 26px;
	text-align: center;
	text-decoration: none;
	bottom: 8px;
	left: 120px;
	-webkit-border-radius: 3px/4px;
	-moz-border-radius: 3px/4px;
	border-radius: 3px/4px;
	background-color: #c9c4c4;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(#a72422, 0), color-stop(#e20714, 1));
	background: -webkit-gradient(linear, left top, left bottom, color-stop(#a72422, 0), color-stop(#e20714, 1));
	background: -webkit-linear-gradient(top, #a72422 0%, #e20714 100%);
	background: -moz-linear-gradient(top, #a72422 0%, #e20714 100%);
	background: -o-linear-gradient(top, #a72422 0%, #e20714 100%);
	background: linear-gradient(top, #a72422 0%, #e20714 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a72422), color-stop(100%, #e20714));
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#a72422', endColorstr='#e20714', GradientType=0 );
}
.productbox.double h3 {
	font-family: FuturaBold;
	font-size: 18px;
	color: #231f20;
	position: absolute;
	text-align: center;
	bottom: 36px;
	left: 55px;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}
footer {
	padding: 20px;
	width: 100%;
}
p.copyright {
	text-align: center;
	font-family: Arial, sans-serif;
	font-size: 14px;
	color: #231f20;
}
.hidden {
	display: none !important;
}
.bigbutton {
	height: 53px;
	line-height: 53px;
	padding: 0% 1%;
	text-align: center;
	text-transform: uppercase;
	right: 0;
	margin-right: 2%;
	z-index: 50;
	color: white;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	display: block;
	position: fixed;
	text-decoration: none;
	font-size: 24px;
	font-family: 'TradeGothicBold', sans-serif;
}
.bigget {
	bottom: 2%;
	background: #e20714;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(#a72422, 0), color-stop(#e20714, 1));
	background: -webkit-gradient(linear, left top, left bottom, color-stop(#a72422, 0), color-stop(#e20714, 1));
	background: -webkit-linear-gradient(top, #a72422 0%, #e20714 100%);
	background: -moz-linear-gradient(top, #a72422 0%, #e20714 100%);
	background: -o-linear-gradient(top, #a72422 0%, #e20714 100%);
	background: linear-gradient(top, #a72422 0%, #e20714 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a72422), color-stop(100%, #e20714));
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#a72422', endColorstr='#e20714', GradientType=0 );
}
.biggetfem {
	display: none;
	bottom: 2%;
	background: #e20714;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(#a72422, 0), color-stop(#e20714, 1));
	background: -webkit-gradient(linear, left top, left bottom, color-stop(#a72422, 0), color-stop(#e20714, 1));
	background: -webkit-linear-gradient(top, #a72422 0%, #e20714 100%);
	background: -moz-linear-gradient(top, #a72422 0%, #e20714 100%);
	background: -o-linear-gradient(top, #a72422 0%, #e20714 100%);
	background: linear-gradient(top, #a72422 0%, #e20714 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a72422), color-stop(100%, #e20714));
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#a72422', endColorstr='#e20714', GradientType=0 );
}
.bigget.woman {
	display: none;
}
.biggetfem.woman {
	display: block;
}
.collection {
	top: 2%;
	background: #4e4e4e;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(#202020, 0), color-stop(#4e4e4e, 1));
	background: -webkit-gradient(linear, left top, left bottom, color-stop(#202020, 0), color-stop(#4e4e4e, 1));
	background: -webkit-linear-gradient(top, #202020 0%, #4e4e4e 100%);
	background: -moz-linear-gradient(top, #202020 0%, #4e4e4e 100%);
	background: -o-linear-gradient(top, #202020 0%, #4e4e4e 100%);
	background: linear-gradient(top, #202020 0%, #4e4e4e 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#202020', endColorstr='#4e4e4e', GradientType=0 );
}
.shop {
	position:relative;
	margin: 0 auto;
	width: 190px;
}

.pace {
	-webkit-pointer-events: none;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.pace-inactive {
	display: none;
}
.pace .pace-progress {
	background: #231f20;
	position: fixed;
	z-index: 2000;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	-webkit-transition: width 1s;
	-moz-transition: width 1s;
	-o-transition: width 1s;
	transition: width 1s;
}
.pace .pace-progress-inner {
	display: block;
	position: absolute;
	right: 0px;
	width: 100px;
	height: 100%;
	-webkit-box-shadow: 0 0 10px #231f20, 0 0 5px #231f20;
	-moz-box-shadow: 0 0 10px #231f20, 0 0 5px #231f20;
	box-shadow: 0 0 10px #231f20, 0 0 5px #231f20;
	opacity: 1.0;
	-webkit-transform: rotate(3deg) translate(0px, -4px);
	-moz-transform: rotate(3deg) translate(0px, -4px);
	-ms-transform: rotate(3deg) translate(0px, -4px);
	-o-transform: rotate(3deg) translate(0px, -4px);
	transform: rotate(3deg) translate(0px, -4px);
}
.pace .pace-activity {
	display: block;
	position: fixed;
	z-index: 2000;
	bottom: 0px;
	left: 0px;
	margin-bottom: 2%;
	margin-left: 2%;
	width: 28px;
	height: 28px;
	border: solid 4px transparent;
	border-top-color: #231f20;
	border-left-color: #231f20;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-animation: pace-spinner 400ms linear infinite;
	-moz-animation: pace-spinner 400ms linear infinite;
	-ms-animation: pace-spinner 400ms linear infinite;
	-o-animation: pace-spinner 400ms linear infinite;
	animation: pace-spinner 400ms linear infinite;
}
@-webkit-keyframes pace-spinner {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
 100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-moz-keyframes pace-spinner {
0% {
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}
 100% {
-moz-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-o-keyframes pace-spinner {
0% {
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
 100% {
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-ms-keyframes pace-spinner {
0% {
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
 100% {
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes pace-spinner {
0% {
transform: rotate(0deg);
transform: rotate(0deg);
}
 100% {
transform: rotate(360deg);
transform: rotate(360deg);
}
}
.blink {
	-webkit-animation-name: scroll;
	-moz-animation-name: scroll;
	-ms-animation-name: scroll;
	-o-animation-name: scroll;
	animation-name: scroll;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-ms-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-moz-animation-direction: alternate;
	-ms-animation-direction: alternate;
	-o-animation-direction: alternate;
	animation-direction: alternate;
	-webkit-animation-delay: 0;
	-moz-animation-delay: 0;
	-ms-animation-delay: 0;
	-o-animation-delay: 0;
	animation-delay: 0;
	-webkit-animation-play-state: running;
	-moz-animation-play-state: running;
	-ms-animation-play-state: running;
	-o-animation-play-state: running;
	animation-play-state: running;
}
@-webkit-keyframes scroll {
from {
 bottom: 1%;
}
to {
 bottom: 2%;
}
}

@media only screen and (max-width : 1224px) {
}
.productcontent {
	padding-top: 3px;
}

@media only screen and (max-width : 1024px) {
}

@media only screen and (max-width : 768px) {
.productphoto {
	height: 60%;
}
.productcontent {
	height: 40%;
}
.productphoto img {
	bottom: 10px;
}
}

@media only screen and ( max-height : 845px) {
#collectionlogo h1 {
	letter-spacing: -3px;
	text-align: center;
	margin-top: 25px;
}
#collectionlogo h2 {
	font-size: 25px;
}
#infologo {
	width: 50%;
	max-height: 30%;
	left: 50%;
	margin-left: -25%;
}
}

@media only screen and ( max-height : 800px), only screen and ( max-width : 840px) {
#infologo {
	width: 70%;
	max-height: 30%;
	left: 50%;
	margin-left: -35%;
}
.tooltip p {
	font-size: 14px;
}
.tooltip.tooltipmiddle p {
	padding: 26px 19px;
}
header#logo {
	width: 114px;
	height: 91px;
}
header#logo h1 {
	background: url(../images/logo-a3-sport-small.png) no-repeat;
	width: 114px;
	height: 91px;
}
header#logo:lang(hr) {
	width: 166px;
	height: 48px;
}
header#logo:lang(hr) h1 {
	background: url(../images/logo-shooster-small.png) no-repeat;
	width: 166px;
	height: 48px;
}
header#logo:lang(hu) {
	width: 131px;
	height: 59px;
}
header#logo:lang(hu) h1 {
	background: url(../images/logo-garage-small.png) no-repeat;
	width: 131px;
	height: 59px;
}
#headlineslogan {
	top: 55%;
}
#soleblured {
	background: url(../images/sole-blured-1024.png) no-repeat;
	width: 956 ;
	height: 287px;
	margin-left: -473px;
	bottom: 30px;
}
#scroll {
	background: url(../images/scroll-eng-1024.png) no-repeat;
	width: 73px;
	height: 73px;
	margin-left: -37px;
}
#scroll:lang(cs) {
	background: url(../images/scroll-1024.png) no-repeat;
}
#shoetop {
	background: url(../images/shoe-top-fixed-1024.png) no-repeat;
	background-position: right center;
	width: 622px;
	height: 334px;
	right: 50%;
	bottom: 160px;
	margin-right: -311px;
}
#shoelogo {
	background: url(../images/shoe-airmax-fixed-1024.png) no-repeat;
	background-position: right center;
	width: 622px;
	height: 334px;
	bottom: 160px;
	margin-right: -311px;
}
#shoesole {
	background: url(../images/shoe-sole-fixed-1024.png) no-repeat;
	background-position: right center;
	width: 622px;
	height: 334px;
	margin-right: -311px;
	bottom: 160px;
}
#shoetop.woman {
	background: url(../images/shoe-top-fixed-fem-1024.png) no-repeat;
	background-position: right center;
}
#shoelogo.woman {
	background: url(../images/shoe-airmax-fixed-fem-1024.png) no-repeat;
	background-position: right center;
}
#shoesole.woman {
	background: url(../images/shoe-sole-fixed-fem-1024.png) no-repeat;
	background-position: right center;
}
#shoeman {
	background: url(../images/shoe-man-fixed-1024.png) no-repeat;
	width: 622px;
	height: 334px;
	bottom: 160px;
	margin-left: -311px;
}
#shoeman.woman {
	background: url(../images/shoe-woman-fixed-1024.png) no-repeat;
}
#separator {
	background: url(../images/separator-1024.png) no-repeat;
	background-position: 0 0;
	width: 622px;
	height: 500px;
	bottom: 85px;
	margin-left: -311px;
}
#shadowman {
	background: url(../images/shoe-shadow-man-fixed-1024.png) no-repeat;
	width: 959px;
	height: 187px;
	bottom: 30px;
	margin-left: -470px;
}
#shadowman.woman {
	background: url(../images/shoe-shadow-woman-fixed-1024.png) no-repeat;
}
#buttonman {
	width: 97px;
	height: 34px;
	margin-left: -107px;
	bottom: 415px;
}
#buttonman a {
	width: 97px;
	height: 34px;
	font-size: 15px;
	line-height: 34px;
}
#buttonman a:after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 7.5px 0 7.5px;
	border-color: #e20716 transparent transparent transparent;
	line-height: 0px;
	_border-color: #e20716 #000000 #000000 #000000;
_filter:progid:DXImageTransform.Microsoft.Chroma(color='#000000');
	position: absolute;
	top: 34px;
	left: 41px;
}
#buttonwoman {
	display: block;
	position: fixed;
	width: 97px;
	height: 34px;
	left: 50%;
	margin-left: 7px;
	bottom: 415px;
	z-index: 47;
}
#detail {
	bottom: 310px;
}
#detailwoman {
	bottom: 310px;
}
.buttontooltip {
	background: url(../images/button-hotspot-active-1024.png) no-repeat;
	width: 66px;
	height: 66px;
}
.buttontooltip.active, .buttontooltip:hover {
	background: url(../images/button-hotspot-1024.png) no-repeat;
}
#buttontooltipleft {
	margin-left: -240px;
	bottom: 72px;
}
#buttontooltipmiddle {
	margin-left: 45px;
	bottom: 185px;
}
#buttontooltipright {
	margin-left: 148px;
	bottom: 50px;
}
#tooltipleft {
	background: url(../images/tooltip-hotspot-left-1024.png) no-repeat;
	width: 247px;
	height: 130px;
	margin-left: -330px;
	bottom: 113px;
}
#tooltipleft:lang(hu) {
	background: url(../images/tooltip-hotspot-left-hu-1024.png) no-repeat;
	width: 247px;
	height: 106px;
	margin-left: -330px;
	bottom: 113px;
}
#tooltipleft p:lang(hu) {
	padding-top: 0px;
}
#tooltipmiddle {
	background: url(../images/tooltip-hotspot-middle-1024.png) no-repeat;
	width: 247px;
	height: 106px;
	margin-left: -44px;
	bottom: 103px;
}
#tooltipmiddle:lang(hu) {
	background: url(../images/tooltip-hotspot-middle-hu-1024.png) no-repeat;
	width: 247px;
	height: 130px;
	bottom: 79px;
}
#tooltipmiddle p:lang(hu) {
	padding-top: 15px;
}
#buttontooltipmiddle:hover {
	z-index: 40;
}
#tooltipright {
	background: url(../images/tooltip-hotspot-left-1024.png) no-repeat;
	width: 247px;
	height: 130px;
	margin-left: 57px;
	bottom: 91px;
}
#collectionlogo {
	position: absolute;
	width: 100%;
	height: auto;
	margin: 0auto;
	top: 50px;
	z-index: 1200;
}
#products {
	max-width: 1100px;
}
.productbox {
	width: 23%;
	margin-top: 2%;
	margin-left: 1%;
	margin-right: 1%;
	height: 253px;
}
.productbox.double {
	width: 48%;
}
.productbox.double.second {
	background: url(../images/product-premium-collection-2.png) no-repeat left center !important;
}
.productbox.double h3 {
	font-family: FuturaBold;
	font-size: 18px;
	color: #231f20;
	position: absolute;
	text-align: center;
	bottom: 36px;
	left: 55px;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}
footer {
	padding: 20px;
	width: 100%;
}
.pace .pace-activity {	
	bottom: 0px;
	left: 0px;
	margin-bottom: 2%;
	margin-left: 2%;
	width: 16px;
	height: 16px;
	border: solid 3px transparent;
	border-top-color: #231f20;
	border-left-color: #231f20;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-animation: pace-spinner 400ms linear infinite;
	-moz-animation: pace-spinner 400ms linear infinite;
	-ms-animation: pace-spinner 400ms linear infinite;
	-o-animation: pace-spinner 400ms linear infinite;
	animation: pace-spinner 400ms linear infinite;
}
}

@media only screen and ( max-height : 620px) {
#infologo {
	width: 50%;
	max-height: 30%;
	margin-left: -25%;
}
}

/* Big smartphones (portrait) (ie: Galaxy 3 has 360)*/
@media only screen and (max-width : 640px) {
}

/* Smartphones (portrait) (ie: Galaxy 1) */
@media only screen and (max-width : 321px) {
}

@media screen and (min-aspect-ratio: 16/9) {
#infologo {
	width: 30%;
	max-height: 30%;
	margin-left: -15%;
	top: 0%;
}
}

@media screen and (max-aspect-ratio: 10/9) and (min-height : 405px) {
#infologo {
	width: 80%;
	max-height: 30%;
	margin-left: -40%;
	top: 0;
	margin-top: 10%;
}
header#logo {
	width: 114px;
	height: 91px;
}
header#logo h1 {
	background: url(../images/logo-a3-sport-small.png) no-repeat;
	width: 114px;
	height: 91px;
}
header#logo:lang(hr) {
	width: 166px;
	height: 48px;
}
header#logo:lang(hr) h1 {
	background: url(../images/logo-shooster-small.png) no-repeat;
	width: 166px;
	height: 48px;
}
header#logo:lang(hu) {
	width: 131px;
	height: 59px;
}
header#logo:lang(hr) h1 {
	background: url(../images/logo-garage-small.png) no-repeat;
	width: 131px;
	height: 59px;
}
}

@media only screen and (max-width : 740px) {
#detail {
	width: 460px;
	height: 90px;
	margin-left: -230px;
}
#detail p, #detailwoman p {
	font-size: 16px;
}
}

@media only screen and (max-width : 480px), only screen and (max-height : 600px) {
#soleblured {
	background: url(../images/sole-blured-mobile.png) no-repeat;
	width: 478px;
	height: 287px;
	margin-left: -239px;
	bottom: 30px;
}
#scroll {
	background: url(../images/scroll-eng-mobile.png) no-repeat;
	width: 29px;
	height: 33px;
	margin-left: -15px;
}
#scroll:lang(cs) {
	background: url(../images/scroll-mobile.png) no-repeat;
	width: 29px;
	height: 33px;
	margin-left: -15px
}
#shoetop {
	background: url(../images/shoe-top-fixed-mobile.png) no-repeat;
	background-position: right center;
	width: 311px;
	height: 167px;
	bottom: 160px;
	margin-right: -156px;
}
#shoelogo {
	background: url(../images/shoe-airmax-fixed-mobile.png) no-repeat;
	background-position: right center;
	width: 311px;
	height: 167px;
	bottom: 160px;
	margin-right: -156px;
}
#shoesole {
	background: url(../images/shoe-sole-fixed-mobile.png) no-repeat;
	background-position: right center;
	width: 311px;
	height: 167px;
	bottom: 160px;
	margin-right: -156px;
}
#shoetop.woman {
	background: url(../images/shoe-top-fixed-fem-mobile.png) no-repeat;
	background-position: right center;
}
#shoelogo.woman {
	background: url(../images/shoe-airmax-fixed-fem-mobile.png) no-repeat;
	background-position: right center;
}
#shoesole.woman {
	background: url(../images/shoe-sole-fixed-fem-mobile.png) no-repeat;
	background-position: right center;
}
#shoeman {
	background: url(../images/shoe-man-fixed-mobile.png) no-repeat;
	width: 311px;
	height: 167px;
	bottom: 160px;
	margin-left: -155px;
}
#shoeman.woman {
	background: url(../images/shoe-woman-fixed-mobile.png) no-repeat;
}
#separator {
	background: url(../images/separator-mobile.png) no-repeat;
	width: 311px;
	height: 415px;
	bottom: 40px;
	margin-left: -155px;
}
#shadowman {
	background: url(../images/shoe-shadow-man-fixed-mobile.png) no-repeat;
	width: 480px;
	height: 94px;
	bottom: 92px;
	margin-left: -240px;
}
#shadowman.woman {
	background: url(../images/shoe-shadow-woman-fixed-mobile.png) no-repeat;
}
#detail, #detailwoman {
	bottom: 150px;
}
#buttonman, #buttonwoman {
	bottom: 250px;
}
.buttontooltip {
	background: url(../images/button-hotspot-active-mobile.png) no-repeat;
	width: 33px;
	height: 33px;
}
.tooltip.tooltipmiddle p {
	padding-top: 10px;
}
.buttontooltip.active, .buttontooltip:hover {
	background: url(../images/button-hotspot-mobile.png) no-repeat;
}
#buttontooltipleft {
	margin-left: -120px;
	bottom: 35px;
}
#buttontooltipmiddle {
	margin-left: 25px;
	bottom: 95px;
}
#buttontooltipright {
	margin-left: 68px;
	bottom: 20px;
}
#tooltipleft {
	background: url(../images/tooltip-hotspot-left-1024.png) no-repeat;
	width: 247px;
	height: 130px;
	margin-left: -227px;
	bottom: 56px;
}
#tooltipleft:lang(hu) {
	background: url(../images/tooltip-hotspot-left-hu-1024.png) no-repeat;
	width: 247px;
	height: 106px;
	margin-left: -227px;
	bottom: 56px;
}
#tooltipmiddle {
	background: url(../images/tooltip-hotspot-middle-mobile.png) no-repeat;
	width: 247px;
	height: 106px;
	margin-left: -83px;
	bottom: 118px;
}
#tooltipmiddle:lang(hu) {
	background: url(../images/tooltip-hotspot-left-1024.png) no-repeat;
	width: 247px;
	height: 130px;
	margin-left: -83px;
	bottom: 118px;
}
#tooltipmiddle p:lang(hu) {
	padding-top: 0px;
}
#tooltipright {
	background: url(../images/tooltip-hotspot-left-1024.png) no-repeat;
	width: 247px;
	height: 130px;
	margin-left: -39px;
	bottom: 41px;
}
.bigbutton {
	height: 40px;
	line-height: 40px;
	font-size: 18px;
}
}

@media only screen and (max-width : 760px) {
#products {
	max-width: 550px;
	;
}
.productbox {
	width: 46%;
	margin-top: 2%;
	margin-left: 2%;
	margin-right: 2%;
}
.productbox.double {
	width: 96%;
}
}

@media only screen and (max-width : 480px) {
#detail, #detailwoman {
	width: 90%;
	margin-left: -45%;
}
#detail p, #detailwoman p {
	font-size: 13px;
}
}
@media only screen and (max-height : 460px) {
#shoetop {
	bottom: 100px;
}
#shoelogo {
	bottom: 100px;
}
#shoesole {
	bottom: 100px;
}
#shoeman {
	bottom: 100px;
}
#separator {
	bottom: -20px;
}
#shadowman {
	bottom: 32px;
}
@media only screen and (max-height : 360px) {
#infologo {
 display:none;
}
}