/* ############################### HOME PAGE ############################### */
#homepage {margin:10px 0 0; width:960px;}

/* BLOCK PROMOTIONS */
#homepage .block.flip {
	-webkit-perspective: 800px;		
	   -moz-perspective: 800px;
	    -ms-perspective: 800px;		   		
	     -o-perspective: 800px;
		    perspective: 800px;}
#homepage .block.flip .block-wrapper {
	-webkit-transition: -webkit-transform 1s;
	   -moz-transition: -moz-transform 1s;
	    -ms-transition: -moz-transform 1s;
	     -o-transition: -moz-transform 1s;
	        transition: -moz-transform 1s;
	-webkit-transform-style: preserve-3d;
	   -moz-transform-style: preserve-3d;			
	    -ms-transform-style: preserve-3d;			
	     -o-transform-style: preserve-3d;			
			transform-style: preserve-3d;}
#homepage .block.flip .back {
	-webkit-transform: rotateY(-180deg);
	   -moz-transform: rotateY(-180deg);
	    -ms-transform: rotateY(-180deg);
	     -o-transform: rotateY(-180deg);
	        transform: rotateY(-180deg);}
#homepage .block.flip .front, #homepage .block.flip .back {
	-webkit-backface-visibility: hidden;
	   -moz-backface-visibility: hidden;
	    -ms-backface-visibility: hidden;
	     -o-backface-visibility: hidden;
	        backface-visibility: hidden;}
.block.flip .flipIt {
	-webkit-transform: rotateY(-180deg);
	   -moz-transform: rotateY(-180deg);			
	    -ms-transform: rotateY(-180deg);			
	     -o-transform: rotateY(-180deg);			
	        transform: rotateY(-180deg);}
			
#homepage .block.scroll .back {bottom:-320px;}

#homepage .block {
	display:block;
	position:relative;
	width:160px; height:160px;}
#homepage .block.big {width:320px; height:320px;}
#homepage .block-wrapper {
	display: block;
    height: 100%;
    width: 100%;
	transform-style: preserve-3d;
    transition: all 0.4s ease-in-out 0s;}
#homepage .block-wrapper .front, #homepage .block-wrapper .back {display:block; width:100%; height:100%; position:absolute;}

#homepage .block.scroll {overflow:hidden;}

/* CIRCLE PROMOTIONS */
#homepage .circle {
	width:120px; height:120px;
	text-align:center;
	background:#fff;
	background:rgba(255, 255, 255, 0.8);
	border:5px solid transparent;
	border-radius:65px;
	display:block;

	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;}
#homepage .circle:hover {cursor:pointer;}

/**/	
#homepage .block .front, #homepage .block .back {text-align:center;}
#homepage .block p {margin:0; padding:0; font:700 13px 'Raleway', Arial, Helvetica, sans-serif; color:#273716; text-transform:uppercase;}
#homepage .block .back a {display:block; width:100%; height:100%;}
#homepage .shop, #homepage a {color:#6a8150; text-decoration:none; text-transform:lowercase; font:Italic 11px Georgia, "Times New Roman", Times, serif;}
#homepage .div {margin:15px auto; width:40%; height:1px;}
#homepage .block strong {display:block;}
#homepage .info {text-align:center;}

/* PROMO 01 */
#promo01 .front {background:#f2c744;}
#promo01 .back {background:url(../images/homepage/promo01-back.jpg) 0 0 no-repeat; box-shadow:inset 0 0 0 5px rgba(255, 255, 255, 0.3);}
#promo01 h3 {margin:70px 0 10px; padding:0; font:34px 'Playball', cursive; font-weight:normal;}
#promo01 .front p {margin:0 45px; padding:0; font:600 13px 'Raleway', Arial, Helvetica, sans-serif; text-transform:none; color:#6a8150;}
#promo01 .div {background:#708956;
	
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;}

/* PROMO 02 */
#promo02 {background:url(../images/homepage/promo02-front.jpg) 0 0 no-repeat;}
#promo02 .info {
	width:100%; height:100%;
	display:block;

	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;}
#promo02 .info p {padding:30px 0 0;}
#promo02 .info p, #promo02 .info .shop {color:transparent !important;

	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;}
#promo02 .info:hover {background:rgba(177, 214, 137, 0.8);}
#promo02 .info:hover .div {background:#708956;}
#promo02 .info:hover p, #promo02 .info:hover .shop {color:#273716 !important;}
#promo02 strong {font:34px 'LeagueGothic';}

#promo02 .info {*display:none;}
#promo02:hover .info {*display:block;}
.oldie #promo02 .info:hover {filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90b1d689,endColorstr=#90b1d689);}

#promo02 .info {display:none\0/;}
#promo02:hover .info {display:block\0/;}

/* PROMO 03 */
#promo03 .front {background:#a4a681;}
#promo03 .front p {padding:30px 0 0;}
#promo03 .front p, #promo03 .front .shop {color:#fff;}
#promo03 .front strong {font:28px 'Playball', cursive; text-transform:none;}
#promo03 .back {background:url(../images/homepage/promo03-back.jpg) 0 0 no-repeat; box-shadow:inset 0 0 0 5px rgba(255, 255, 255, 0.3);}
#promo03 .div {background:#767853;}

/* PROMO 04 */
#promo04.block {padding:15px; width:130px; height:130px; background:url(../images/homepage/promo04-bg.jpg) 0 0 no-repeat;}	
#promo04 .div {margin:8px auto 10px !important; background:#213775;}
#promo04 p {padding:28px 0 0 !important; color:#213775 !important; font:26px 'LeagueGothic' !important;}
#promo04 .shop {color:#213775 !important;}
#promo04 .circle:hover {border:5px solid #213775;}
#promo04 .circle:hover .shop {color:#213775 !important;}

/* PROMO 05 */
#promo05 .front {background:#be0e3f;}
#promo05 .back {background:url(../images/homepage/promo05-back.jpg) 0 0 no-repeat; box-shadow:inset 0 0 0 5px rgba(255, 255, 255, 0.3);}
#promo05 .div {background:#7e0628;}
#promo05 p {padding:26px 0 0 !important; line-height:5pt !important;}
#promo05 p, #promo05 .shop {color:#fff !important;}
#promo05 strong {font:38px 'LeagueGothic' !important;}

/* PROMO 06 */
#promo06 .front {background:#be0e3f;}
#promo06 .back {background:url(../images/homepage/promo06-back.jpg) 0 0 no-repeat; box-shadow:inset 0 0 0 5px rgba(255, 255, 255, 0.3);}
#promo06 .div {background:#7e0628;}
#promo06 p {padding:18px 0 0 !important; line-height:5pt !important;}
#promo06 p, #promo06 .shop {color:#fff !important;}
#promo06 strong {font:52px 'LeagueGothic' !important;}

/* PROMO 07 */
#promo07 {background:url(../images/homepage/promo07-front.jpg) 0 0 no-repeat;}
#promo07 .info {
	width:100%; height:100%;
	display:block;

	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;}
#promo07 .info p {padding:30px 0 0;}
#promo07 .info p, #promo07 .info .shop {color:transparent !important;

	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;}
#promo07 .info:hover {background:rgba(177, 214, 137, 0.8);}
#promo07 .info:hover .div {background:#4909d9;}
#promo07 .info:hover p, #promo07 .info:hover .shop {color:#273716 !important;}
#promo07 strong {font:28px 'Playball', cursive; text-transform:none;}

#promo07 .info {*display:none;}
#promo07:hover .info {*display:block;}
.oldie #promo07 .info:hover {filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90b1d689,endColorstr=#90b1d689);}

#promo07 .info {display:none\0/;}
#promo07:hover .info {display:block\0/;}

/* PROMO 08 */
#promo08 .front {background:#341132;}
#promo08 .front p {padding:18px 0 0; line-height:5pt;}
#promo08 .front p, #promo08 .front .shop {color:#fff;}
#promo08 .front strong {font:40px 'LeagueGothic';}
#promo08 .back {background:url(../images/homepage/promo08-back.jpg) 0 0 no-repeat; box-shadow:inset 0 0 0 5px rgba(255, 255, 255, 0.3);}
#promo08 .div {background:#5e355c;}

/* PROMO 09 */
#promo09 {background:url(../images/homepage/promo09-front.jpg) 0 0 no-repeat;}
#promo09 .info {
	width:100%; height:100%;
	display:block;

	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;}
#promo09 .info p {padding:30px 0 0; line-height:10pt;}
#promo09 .info p, #promo09 .info .shop {color:transparent !important;

	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;}
#promo09 .info:hover {background:rgba(177, 214, 137, 0.8);}
#promo09 .info:hover .div {background:#708956;}
#promo09 .info:hover p, #promo09 .info:hover .shop {color:#273716 !important;}
#promo09 strong {font:28px 'Playball', cursive; text-transform:none;}

#promo09 .info {*display:none;}
#promo09:hover .info {*display:block;}
.oldie #promo09 .info:hover {filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90b1d689,endColorstr=#90b1d689);}

#promo09 .info {display:none\0/;}
#promo09:hover .info {display:block\0/;}

/* PROMO 10 */
#promo10.block {padding:15px; width:130px; height:130px; background:url(../images/homepage/promo10-bg.jpg) 0 0 no-repeat;}	
#promo10 .div {margin:8px auto 10px !important; background:#be8150;}
#promo10 p {padding:28px 0 0 !important; font:26px 'LeagueGothic' !important;}
#promo10 p, #promo10 a {color:#be8150 !important;}
#promo10 .circle:hover {border:5px solid #be8150;}
#promo10 .circle:hover .shop {color:#935832 !important;}

/* PROMO 11 */
#promo11 .front {background:url(../images/homepage/promo11-front.jpg) 0 0 no-repeat;}
#promo11 .back {background:#f2c744;}
#promo11 h3 {margin:70px 0 10px; padding:0; font:34px 'Playball', cursive; font-weight:normal;}
#promo11 .back p {margin:0 45px; padding:0; font:600 13px 'Raleway', Arial, Helvetica, sans-serif; text-transform:none; color:#6a8150;}
#promo11 .back a {display:inline !important;}
#promo11 .back a:hover {color:#273716;}
#promo11 .div {background:#708956;
	
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;}


/* PROMO 12 */
#promo12 .front {background:#213775;}
#promo12 .front p {padding:26px 0 0;}
#promo12 .front p, #promo12 .front .shop {color:#fff;}
#promo12 .front strong {font:28px 'Playball', cursive; text-transform:none;}
#promo12 .back {background:url(../images/homepage/promo12-back.jpg) 0 0 no-repeat; box-shadow:inset 0 0 0 5px rgba(255, 255, 255, 0.3);}
#promo12 .div {background:#767853;}