body {
			margin:0;
			padding:0;
		}
		
	


/* Larger than tablet 400px */
/* Larger than tablet 400px */
/* Larger than tablet 400px */
@media (min-width: 320px) { 

.container {
		width: 100%;
		max-width:1180px;
		margin:auto;
		
	}

	.header {
		
		max-width: 100%;
		height: 620px;
		background: url(img/back-header.svg) no-repeat right bottom, radial-gradient(29.03% 196.7% at 69.62% 65.85%, #000000 0%, rgba(0, 0, 0, 0.984375) 0.01%, rgba(28, 28, 28, 0) 100%), radial-gradient(147.06% 152.9% at 50% 0%, #2D2D2D 0%, #000000 100%);
	}
	
	.header-title {

		padding: 35px 0 0 0;
		width: 320px;
		font-family: Open Sans;
		font-style: normal;	
		text-align: center;
		margin: 0 auto;
		
	}
	
	.h-title {
		
		line-height: 125%;	
		font-weight: 800;
		font-size: 34px;
	}
	
	.yellow {
		color: #FFA800;
	}
	
	.white {
		color: #FFFFFF;
	}
	
	.date {
		
		display: block;
		font-weight: 800;
		font-size: 18px;
		line-height: 200%;
		text-align: center;
	}
	
	
	
	.fortuna {
		display: flex;
		margin: 40px auto 20px auto;
		flex-direction: column;
		align-items: center;
	}
	
	.calendar img {
		width: 320px;
	}
	
	.headline {
		text-align: center;
		font-family: Open Sans;
		font-style: normal;
		font-weight: 800;
		font-size: 24px;
		line-height: 125%;
	}
	
	.advice {
		width: 320px;
		text-align: center;
		margin: 10px auto 30px auto;
	}


	/*WHEEL*/

	#big_wheel {
		width:320px;
		height:320px;
		margin: 0 0 0 0px;
	}

	#wheel_1 {
		width: 320px;
		height: 320px;
		cursor: pointer;
		transform: rotate(0deg);
		-webkit-transition: all 6s cubic-bezier(0,.99,.44,.99);
		-moz-transition:    all 6s cubic-bezier(0,.99,.44,.99);
		-o-transition:      all 6s cubic-bezier(0,.99,.44,.99);
		-ms-transition:     all 6s cubic-bezier(0,.99,.44,.99);
		transition:         all 6s cubic-bezier(0,.99,.44,.99);	
	}

	#arrow {
		position: relative;
		top:-175px;
		height:29px;
		width: 320px;
		
			cursor:pointer;
	  -webkit-user-select: none; 
	  -moz-user-select: none;    
	  -ms-user-select: none;     
	  -o-user-select: none;
	  user-select: none;   
	}



	@-webkit-keyframes hh {
	  0%, 100%{
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	  }

	  50%{
		transform: rotate(7deg);
		-webkit-transform: rotate(7deg);
	  }
	}

	@keyframes hh {
	   0%, 100%{
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	  }

	  50%{
		transform: rotate(7deg);
		-webkit-transform: rotate(7deg);
	  }
	}

	.arrow {
		-webkit-animation: hh 0.4s; /* Chrome, Safari, Opera */
		animation: hh 0.4s;
		transition: 0.4s;
	}

	.arrow1 {

		 transition: 1s;
		 -webkit-animation: hh1 1s; /* Chrome, Safari, Opera */
		animation: hh 1s;
	}

	@-webkit-keyframes hh1 {
	  0%, 100%{
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	  }

	  20%{
		transform: rotate(7deg);
		-webkit-transform: rotate(7deg);
	  }
	}

	@keyframes hh1 {
	   0%, 100%{
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	  }

	  20%{
		transform: rotate(7deg);
		-webkit-transform: rotate(7deg);
	  }
	}
	
	#txt{
		transition: 0.3s;
		color:#ffffff;	
		width: 320px;
		text-align: center;
		font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 14px;
		line-height: 135%;
		margin: 20px auto 0 auto;
	}
	
	#txt a {
		color: white;
		text-decoration: underline;
	}
	
	#txt a:hover {
		color: #FFD232;
		text-decoration: underline;
	}
	
	
	/*content*/
	
	.introduce {
		text-align: center;
		display: flex;
		flex-direction: column;
		padding: 200px 0 0 0;
		width: 310px;
		margin: 0 auto 0 auto;
		align-items: center;
	}
	
	.introduce-left {
		width: 310px;
		
	}
	
	.introduce-title {
		font-family: Open Sans;
		font-style: normal;
		font-weight: 800;
		font-size: 30px;
		line-height: 125%;
		text-align: left;
	}
	
	.introduce-text {
		display: block;
		margin: 40px 0 0 0;
		font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 18px;
		line-height: 125%;
		color: #FFFFFF;
	}
	
	.introduce-right {
		margin: 60px 0 0 00px;
		border-radius: 10px;
		overflow: hidden;
		width: 320px;
	}
	
	.gifts {
		max-width: 500px;
		margin: 100px auto 0 auto;
		display: flex;
		flex-direction: column;

	}
	
	.gift-double {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	.gift {
		max-width: 250px;
		text-align: center;
		min-width: 235px;
	}
	
	.gift-name {
		
		font-family: Open Sans;
		font-style: italic;
		font-weight: 800;
		font-size: 24px;
		line-height: 100%;
		/* or 24px */

		text-align: center;
	}
	
	.disclaimer {
		display: block;
		margin: 10px 0 30px 0;
		font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 18px;
		line-height: 115%;
		/* or 21px */

		text-align: center;
	}
	
	.sale-start {
		display: block;
		text-align: center;
		width: 320px;
		margin: 70px auto  0px auto;
		font-family: Open Sans;
		font-style: normal;
		font-weight: 800;
		font-size: 24px;
		line-height: 125%;
		color: #FFFFFF;
	}
	
	.category-name {
		text-align: center;
		display: block;
		text-align: center;
		margin: 50px auto 20px auto;
		font-family: Open Sans;
		font-style: normal;
		font-weight: 300;
		font-size: 20px;
		line-height: 125%;
		color: #FFFFFF;
	}
	
	
	.items {
		margin: 0 auto 0 auto;
		display: flex;
		flex-direction: row;
		  flex-wrap: wrap;
		  justify-content: center;
		
	}
	
	
	
	.item-bf {
		margin: 20px 0 0 20px;
		width: 239px;
		height: 336px;
		background: #FFFFFF;
		border-radius: 5px;
		text-align: center;
		position: relative;
		
	}
	
	.items a {
		text-decoration: none;
		display: block;
		color: black;
	}
	
	.discount {
		position: absolute;
		font-family: Open Sans;
		font-style: normal;
		font-weight: 800;
		font-size: 22.5882px;
		line-height: 38px;
		text-align: center;
		top: 0;
		left: 139px;
		width: 100px;
		color: black;
		height: 40px;
		background: radial-gradient(140.5% 140.5% at 50% 0%, #FFD232 0%, #FFA800 100%);
		border-radius: 0px 0px 0px 5px;
		transition: 0.1s;
	}
	
	.item-bf:hover .discount{
		top: -5px;
		left: 144px;
		box-shadow: 0px 15px 20px rgba(15, 15, 15, 0.05);
		transform: rotate(4deg);
	}
	
	.item-title {
		margin: 10px 0 0 0;
		display: block;
		font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 14px;
		color: black;
		line-height: 130%;
	}
	
	.price {
		
		margin: 7px 0 0 0;
		display: block;
		font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 24px;
		line-height: 130%;
		text-align: center;
		color: #FF0000;
	}
	
	.lil-r {
		font-family: Roboto, sans-serif;
		font-style: normal;
		font-weight: normal;
		font-size: 14px;
		line-height: 130%;
	}
	
	.old-price {
		display: block;
		font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 12px;
		line-height: 130%;
		color: black;
		text-align: center;
		text-decoration-line: line-through;
	}
	
	.buy-btn {
		display: block;
		margin: 10px auto 0 auto;
		width: 100px;
		height: 35px;
		font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 14px;
		line-height: 32px;
		text-decoration: none;
		text-align: center;
		color: #000000;
		background: radial-gradient(140.5% 140.5% at 50% 0%, #FFD232 0%, #FFA800 100%);
		box-shadow: 0px 15px 20px rgba(15, 15, 15, 0.1);
		border-radius: 3px;
		transition: 0.3s;
	}
	
	.buy-btn:hover {
		color: white;
		background: radial-gradient(29.03% 196.7% at 69.62% 65.85%, #000000 0%, rgba(0, 0, 0, 0.984375) 0.01%, rgba(28, 28, 28, 0) 100%), radial-gradient(147.06% 152.9% at 50% 0%, #2D2D2D 0%, #000000 100%);
		box-shadow: 0px 15px 20px rgba(15, 15, 15, 0.2);
	
	}

	.content-bf {
	padding-bottom: 300px;
	background: radial-gradient(522.08% 265.31% at 0% 0%, #000000 0%, rgba(0, 0, 0, 0.984375) 0.01%, rgba(28, 28, 28, 0) 100%), radial-gradient(230.28% 182.23% at 100% -35.18%, #2D2D2D 0%, #000000 100%);
	}

}


/* Larger than tablet 750px */
/* Larger than tablet 750px */
/* Larger than tablet 750px */
@media (min-width: 750px) { 

.container {
		width: 100%;
		max-width:1180px;
		margin:auto;
		
	}

	.header {
		
		max-width: 100%;
		height: 620px;
		background: url(img/back-header.svg) no-repeat right bottom, radial-gradient(29.03% 196.7% at 69.62% 65.85%, #000000 0%, rgba(0, 0, 0, 0.984375) 0.01%, rgba(28, 28, 28, 0) 100%), radial-gradient(147.06% 152.9% at 50% 0%, #2D2D2D 0%, #000000 100%);
	}
	
	.header-title {

		padding: 35px 0 0 0;
		width: 528px;
		font-family: Open Sans;
		font-style: normal;	
		text-align: center;
		margin: 0 auto;
		
	}
	
	.h-title {
		
		line-height: 125%;	
		font-weight: 800;
		font-size: 48px;
	}
	
	.yellow {
		color: #FFA800;
	}
	
	.white {
		color: #FFFFFF;
	}
	
	.date {
		
		display: block;
		font-weight: 800;
		font-size: 18px;
		line-height: 200%;
		text-align: center;
	}
	
	
	
	.fortuna {
		display: flex;
		margin: 40px auto 20px auto;
		flex-direction: column;
		align-items: center;
	}
	
	.calendar img {
		width: 500px;
	}
	
	.headline {
		text-align: center;
		font-family: Open Sans;
		font-style: normal;
		font-weight: 800;
		font-size: 24px;
		line-height: 125%;
	}
	
	.advice {
		width: 340px;
		text-align: center;
		margin: 10px auto 20px auto;
	}


	/*WHEEL*/

	/*WHEEL*/

	#big_wheel {
		width:320px;
		height:320px;
		margin: 0 0 0 0px;
	}

	#wheel_1 {
		width: 320px;
		height: 320px;
		cursor: pointer;
		transform: rotate(0deg);
		-webkit-transition: all 6s cubic-bezier(0,.99,.44,.99);
		-moz-transition:    all 6s cubic-bezier(0,.99,.44,.99);
		-o-transition:      all 6s cubic-bezier(0,.99,.44,.99);
		-ms-transition:     all 6s cubic-bezier(0,.99,.44,.99);
		transition:         all 6s cubic-bezier(0,.99,.44,.99);	
	}

	#arrow {
		position: relative;
		top:-175px;
		height:29px;
		width: 320px;
		
			cursor:pointer;
	  -webkit-user-select: none; 
	  -moz-user-select: none;    
	  -ms-user-select: none;     
	  -o-user-select: none;
	  user-select: none;   
	}



	@-webkit-keyframes hh {
	  0%, 100%{
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	  }

	  50%{
		transform: rotate(7deg);
		-webkit-transform: rotate(7deg);
	  }
	}

	@keyframes hh {
	   0%, 100%{
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	  }

	  50%{
		transform: rotate(7deg);
		-webkit-transform: rotate(7deg);
	  }
	}

	.arrow {
		-webkit-animation: hh 0.4s; /* Chrome, Safari, Opera */
		animation: hh 0.4s;
		transition: 0.4s;
	}

	.arrow1 {

		 transition: 1s;
		 -webkit-animation: hh1 1s; /* Chrome, Safari, Opera */
		animation: hh 1s;
	}

	@-webkit-keyframes hh1 {
	  0%, 100%{
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	  }

	  20%{
		transform: rotate(7deg);
		-webkit-transform: rotate(7deg);
	  }
	}

	@keyframes hh1 {
	   0%, 100%{
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	  }

	  20%{
		transform: rotate(7deg);
		-webkit-transform: rotate(7deg);
	  }
	}
	
	#txt{
		transition: 0.3s;
		color:#ffffff;	
		width: 320px;
		text-align: center;
		font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 14px;
		line-height: 135%;
		margin: 20px auto 0 auto;
	}
	
	#txt a {
		color: white;
		text-decoration: underline;
	}
	
	#txt a:hover {
		color: #FFD232;
		text-decoration: underline;
	}
	
	
	/*content*/
	
	.introduce {
		text-align: center;
		display: flex;
		flex-direction: column;
		padding: 270px 0 0 0;
		width: 560px;
		margin: 0 auto 0 auto;
		align-items: center;
	}
	
	.introduce-left {
		width: 560px;
		
	}
	
	.introduce-title {
		font-family: Open Sans;
		font-style: normal;
		font-weight: 800;
		font-size: 48px;
		line-height: 125%;
		text-align: left;
	}
	
	.introduce-text {
		display: block;
		margin: 40px 0 0 0;
		font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 24px;
		line-height: 125%;
		color: #FFFFFF;
	}
	
	.introduce-right {
		margin: 60px 0 0 00px;
		border-radius: 10px;
		overflow: hidden;
		width: auto;
	}
	
	.gifts {
		max-width: 500px;
		margin: 100px auto 0 auto;
		display: flex;
		flex-direction: column;

	}
	
	.gift-double {
		display: flex;
		flex-direction: row;
		align-items: center;
	}
	
	.gift {
		max-width: 250px;
		text-align: center;
		min-width: 235px;
	}
	
	.gift-name {
		
		font-family: Open Sans;
		font-style: italic;
		font-weight: 800;
		font-size: 24px;
		line-height: 100%;
		/* or 24px */

		text-align: center;
	}
	
	.disclaimer {
		display: block;
		margin: 10px 0 30px 0;
		font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 18px;
		line-height: 115%;
		/* or 21px */

		text-align: center;
	}
	
	.sale-start {
		display: block;
		text-align: center;
		width: 500px;
		margin: 70px auto  0px auto;
		font-family: Open Sans;
		font-style: normal;
		font-weight: 800;
		font-size: 24px;
		line-height: 125%;
		color: #FFFFFF;
	}
	
	.category-name {
		text-align: center;
		display: block;
		text-align: center;
		margin: 50px auto 20px auto;
		font-family: Open Sans;
		font-style: normal;
		font-weight: 300;
		font-size: 24px;
		line-height: 125%;
		color: #FFFFFF;
	}
	
	
	.items {
		margin: 0 auto 0 auto;
		display: flex;
		flex-direction: row;
		  flex-wrap: wrap;
		  justify-content: center;
		
	}
	
	
	
	.item-bf {
		margin: 20px 0 0 20px;
		width: 239px;
		height: 336px;
		background: #FFFFFF;
		border-radius: 5px;
		text-align: center;
		position: relative;
		
	}
	
	.items a {
		text-decoration: none;
		display: block;
		color: black;
	}
	
	.discount {
		position: absolute;
		font-family: Open Sans;
		font-style: normal;
		font-weight: 800;
		font-size: 22.5882px;
		line-height: 38px;
		text-align: center;
		top: 0;
		left: 139px;
		width: 100px;
		color: black;
		height: 40px;
		background: radial-gradient(140.5% 140.5% at 50% 0%, #FFD232 0%, #FFA800 100%);
		border-radius: 0px 0px 0px 5px;
		transition: 0.1s;
	}
	
	.item-bf:hover .discount{
		top: -5px;
		left: 144px;
		box-shadow: 0px 15px 20px rgba(15, 15, 15, 0.05);
		transform: rotate(4deg);
	}
	
	.item-title {
		margin: 10px 0 0 0;
		display: block;
		font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 14px;
		color: black;
		line-height: 130%;
	}
	
	.price {
		
		margin: 7px 0 0 0;
		display: block;
		font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 24px;
		line-height: 130%;
		text-align: center;
		color: #FF0000;
	}
	
	.lil-r {
		font-family: Roboto, sans-serif;
		font-style: normal;
		font-weight: normal;
		font-size: 14px;
		line-height: 130%;
	}
	
	.old-price {
		display: block;
		font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 12px;
		line-height: 130%;
		color: black;
		text-align: center;
		text-decoration-line: line-through;
	}
	
	.buy-btn {
		display: block;
		margin: 10px auto 0 auto;
		width: 100px;
		height: 35px;
		font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 14px;
		line-height: 32px;
		text-decoration: none;
		text-align: center;
		color: #000000;
		background: radial-gradient(140.5% 140.5% at 50% 0%, #FFD232 0%, #FFA800 100%);
		box-shadow: 0px 15px 20px rgba(15, 15, 15, 0.1);
		border-radius: 3px;
		transition: 0.3s;
	}
	
	.buy-btn:hover {
		color: white;
		background: radial-gradient(29.03% 196.7% at 69.62% 65.85%, #000000 0%, rgba(0, 0, 0, 0.984375) 0.01%, rgba(28, 28, 28, 0) 100%), radial-gradient(147.06% 152.9% at 50% 0%, #2D2D2D 0%, #000000 100%);
		box-shadow: 0px 15px 20px rgba(15, 15, 15, 0.2);
	
	}

	.content-bf {
	padding-bottom: 300px;
	background: radial-gradient(522.08% 265.31% at 0% 0%, #000000 0%, rgba(0, 0, 0, 0.984375) 0.01%, rgba(28, 28, 28, 0) 100%), radial-gradient(230.28% 182.23% at 100% -35.18%, #2D2D2D 0%, #000000 100%);
	}

}


/* Larger than tablet 1000px */
/* Larger than tablet 1000px */
/* Larger than tablet 1000px */
@media (min-width: 1000px) { 

.container {
		width: 100%;
		max-width:1180px;
		margin:auto;
		
	}

	.header {
		
		max-width: 1180px;
		height: 455px;
		background: url(img/back-header.svg) no-repeat right bottom, radial-gradient(29.03% 196.7% at 69.62% 65.85%, #000000 0%, rgba(0, 0, 0, 0.984375) 0.01%, rgba(28, 28, 28, 0) 100%), radial-gradient(147.06% 152.9% at 50% 0%, #2D2D2D 0%, #000000 100%);
	}
	
	.header-title {

		padding: 35px 0 0 60px;
		width: 748px;
		font-family: Open Sans;
		font-style: normal;	
		text-align: left;
		
		margin: 0;
	}
	
	.h-title {
		
		line-height: 125%;	
		font-weight: 800;
		font-size: 48px;
	}
	
	.yellow {
		color: #FFA800;
	}
	
	.white {
		color: #FFFFFF;
	}
	
	.date {
		display: block;
		font-weight: 800;
		font-size: 18px;
		line-height: 200%;
		text-align: left;
	}
	
	
	
	.fortuna {
		display: flex;
		margin: 30px 0 0 60px;
		flex-direction: row;
		align-items: stretch;
	}
	
	.calendar img {
		width: 540px;
	}
	
	.headline {
		text-align: left;
		font-family: Open Sans;
		font-style: normal;
		font-weight: 800;
		font-size: 24px;
		line-height: 125%;
	}
	
	.advice {
		width: 340px;
		margin: 45px 0 0 0;
		text-align: left;
	}


	/*WHEEL*/

	/*WHEEL*/

	#big_wheel {
		width:320px;
		height:320px;
		margin: 0 0 0 0px;
	}

	#wheel_1 {
		width: 320px;
		height: 320px;
		cursor: pointer;
		transform: rotate(0deg);
		-webkit-transition: all 6s cubic-bezier(0,.99,.44,.99);
		-moz-transition:    all 6s cubic-bezier(0,.99,.44,.99);
		-o-transition:      all 6s cubic-bezier(0,.99,.44,.99);
		-ms-transition:     all 6s cubic-bezier(0,.99,.44,.99);
		transition:         all 6s cubic-bezier(0,.99,.44,.99);	
	}

	#arrow {
		position: relative;
		top:-175px;
		height:29px;
		width: 320px;
		
			cursor:pointer;
	  -webkit-user-select: none; 
	  -moz-user-select: none;    
	  -ms-user-select: none;     
	  -o-user-select: none;
	  user-select: none;   
	}



	@-webkit-keyframes hh {
	  0%, 100%{
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	  }

	  50%{
		transform: rotate(7deg);
		-webkit-transform: rotate(7deg);
	  }
	}

	@keyframes hh {
	   0%, 100%{
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	  }

	  50%{
		transform: rotate(7deg);
		-webkit-transform: rotate(7deg);
	  }
	}

	.arrow {
		-webkit-animation: hh 0.4s; /* Chrome, Safari, Opera */
		animation: hh 0.4s;
		transition: 0.4s;
	}

	.arrow1 {

		 transition: 1s;
		 -webkit-animation: hh1 1s; /* Chrome, Safari, Opera */
		animation: hh 1s;
	}

	@-webkit-keyframes hh1 {
	  0%, 100%{
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	  }

	  20%{
		transform: rotate(7deg);
		-webkit-transform: rotate(7deg);
	  }
	}

	@keyframes hh1 {
	   0%, 100%{
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	  }

	  20%{
		transform: rotate(7deg);
		-webkit-transform: rotate(7deg);
	  }
	}
	
	#txt{
		transition: 0.3s;
		color:#ffffff;	
		width: 320px;
		text-align: center;
		font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 14px;
		line-height: 135%;
		margin: 20px auto 0 auto;
	}
	
	#txt a {
		color: white;
		text-decoration: underline;
	}
	
	#txt a:hover {
		color: #FFD232;
		text-decoration: underline;
	}
	
	
	/*content*/
	
	.introduce {
		text-align: left;
		display: flex;
		flex-direction: column;
		padding: 77px 0 0 0;
		width: 560px;
		margin: 0 0 0 60px;
		align-items: baseline;
	}
	
	.introduce-left {
		width: 560px;
		
	}
	
	.introduce-title {
		font-family: Open Sans;
		font-style: normal;
		font-weight: 800;
		font-size: 48px;
		line-height: 125%;
		text-align: left;
	}
	
	.introduce-text {
		display: block;
		margin: 40px 0 0 0;
		font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 24px;
		line-height: 125%;
		color: #FFFFFF;
	}
	
	.introduce-right {
		margin: 60px 0 0 00px;
		border-radius: 10px;
		overflow: hidden;
		width: auto;
	}
	
	.gifts {
		max-width: 1000px;
		margin: 100px auto 0 auto;
		display: flex;
		flex-direction: row;

	}
	
	.gift-double {
		display: flex;
		flex-direction: row;
		align-items: center;
	}
	
	.gift {
		max-width: 250px;
		text-align: center;
		min-width: 235px;
	}
	
	.gift-name {
		
		font-family: Open Sans;
		font-style: italic;
		font-weight: 800;
		font-size: 24px;
		line-height: 100%;
		/* or 24px */

		text-align: center;
	}
	
	.disclaimer {
		display: block;
		margin: 10px 0 0 0;
		font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 18px;
		line-height: 115%;
		/* or 21px */

		text-align: center;
	}
	
	.sale-start {
		display: block;
		text-align: left;
		width: 500px;
		margin: 70px 0  0px 60px;
		font-family: Open Sans;
		font-style: normal;
		font-weight: 800;
		font-size: 24px;
		line-height: 125%;
		color: #FFFFFF;
	}
	
	.category-name {
		text-align: left;
		display: block;
		margin: 50px 0 20px 60px;
		font-family: Open Sans;
		font-style: normal;
		font-weight: 300;
		font-size: 24px;
		line-height: 125%;
		color: #FFFFFF;
	}
	
	
	.items {
		margin: 0 0 0 60px;
		display: flex;
		flex-direction: row;
		  flex-wrap: wrap;
		 justify-content: flex-start;
	}
	
	
	
	.item-bf {
		margin: 20px 0 0 20px;
		width: 239px;
		height: 336px;
		background: #FFFFFF;
		border-radius: 5px;
		text-align: center;
		position: relative;
		
	}
	
	.items a {
		text-decoration: none;
		display: block;
		color: black;
	}
	
	.discount {
		position: absolute;
		font-family: Open Sans;
		font-style: normal;
		font-weight: 800;
		font-size: 22.5882px;
		line-height: 38px;
		text-align: center;
		top: 0;
		left: 139px;
		width: 100px;
		color: black;
		height: 40px;
		background: radial-gradient(140.5% 140.5% at 50% 0%, #FFD232 0%, #FFA800 100%);
		border-radius: 0px 0px 0px 5px;
		transition: 0.1s;
	}
	
	.item-bf:hover .discount{
		top: -5px;
		left: 144px;
		box-shadow: 0px 15px 20px rgba(15, 15, 15, 0.05);
		transform: rotate(4deg);
	}
	
	.item-title {
		margin: 10px 0 0 0;
		display: block;
		font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 14px;
		color: black;
		line-height: 130%;
	}
	
	.price {
		
		margin: 7px 0 0 0;
		display: block;
		font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 24px;
		line-height: 130%;
		text-align: center;
		color: #FF0000;
	}
	
	.lil-r {
		font-family: Roboto, sans-serif;
		font-style: normal;
		font-weight: normal;
		font-size: 14px;
		line-height: 130%;
	}
	
	.old-price {
		display: block;
		font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 12px;
		line-height: 130%;
		color: black;
		text-align: center;
		text-decoration-line: line-through;
	}
	
	.buy-btn {
		display: block;
		margin: 10px auto 0 auto;
		width: 100px;
		height: 35px;
		font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 14px;
		line-height: 32px;
		text-decoration: none;
		text-align: center;
		color: #000000;
		background: radial-gradient(140.5% 140.5% at 50% 0%, #FFD232 0%, #FFA800 100%);
		box-shadow: 0px 15px 20px rgba(15, 15, 15, 0.1);
		border-radius: 3px;
		transition: 0.3s;
	}
	
	.buy-btn:hover {
		color: white;
		background: radial-gradient(29.03% 196.7% at 69.62% 65.85%, #000000 0%, rgba(0, 0, 0, 0.984375) 0.01%, rgba(28, 28, 28, 0) 100%), radial-gradient(147.06% 152.9% at 50% 0%, #2D2D2D 0%, #000000 100%);
		box-shadow: 0px 15px 20px rgba(15, 15, 15, 0.2);
	
	}

	.content-bf {
	padding-bottom: 300px;
	background: radial-gradient(522.08% 265.31% at 0% 0%, #000000 0%, rgba(0, 0, 0, 0.984375) 0.01%, rgba(28, 28, 28, 0) 100%), radial-gradient(230.28% 182.23% at 100% -35.18%, #2D2D2D 0%, #000000 100%);
	}

}


/* Larger than tablet 1300px */
/* Larger than tablet 1300px */
/* Larger than tablet 1300px */
@media (min-width: 1300px) { 
	
	.container {
		width: 100%;
		max-width:1180px;
		margin:auto;
		
	}

	.header {
		
		max-width: 1180px;
		height: 455px;
		background: url(img/back-header.svg) no-repeat right bottom, radial-gradient(29.03% 196.7% at 69.62% 65.85%, #000000 0%, rgba(0, 0, 0, 0.984375) 0.01%, rgba(28, 28, 28, 0) 100%), radial-gradient(147.06% 152.9% at 50% 0%, #2D2D2D 0%, #000000 100%);
	}
	
	.header-title {

		padding: 35px 0 0 60px;
		width: 748px;
		font-family: Open Sans;
		font-style: normal;	
		text-align: left;
		margin: 0;
	}
	
	.h-title {
		
		line-height: 125%;	
		font-weight: 800;
		font-size: 48px;
	}
	
	.yellow {
		color: #FFA800;
	}
	
	.white {
		color: #FFFFFF;
	}
	
	.date {
		display: block;
		font-weight: 800;
		font-size: 18px;
		line-height: 200%;
		text-align: left;
	}
	
	
	
	.fortuna {
		display: flex;
		margin: 30px 0 0 60px;
		flex-direction: row;
		align-items: stretch;
	}
	
	.calendar img {
		width: 695px;
	}
	
	.headline {
		text-align: left;
		font-family: Open Sans;
		font-style: normal;
		font-weight: 800;
		font-size: 24px;
		line-height: 125%;
	}
	
	.advice {
		width: 568px;
		margin: 45px 0 0 0;
		text-align: left;
	}


	/*WHEEL*/

	/*WHEEL*/

	#big_wheel {
		width:320px;
		height:320px;
		margin: 0 0 0 0px;
	}

	#wheel_1 {
		width: 320px;
		height: 320px;
		cursor: pointer;
		transform: rotate(0deg);
		-webkit-transition: all 6s cubic-bezier(0,.99,.44,.99);
		-moz-transition:    all 6s cubic-bezier(0,.99,.44,.99);
		-o-transition:      all 6s cubic-bezier(0,.99,.44,.99);
		-ms-transition:     all 6s cubic-bezier(0,.99,.44,.99);
		transition:         all 6s cubic-bezier(0,.99,.44,.99);	
	}

	#arrow {
		position: relative;
		top:-175px;
		height:29px;
		width: 320px;
		
			cursor:pointer;
	  -webkit-user-select: none; 
	  -moz-user-select: none;    
	  -ms-user-select: none;     
	  -o-user-select: none;
	  user-select: none;   
	}



	@-webkit-keyframes hh {
	  0%, 100%{
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	  }

	  50%{
		transform: rotate(7deg);
		-webkit-transform: rotate(7deg);
	  }
	}

	@keyframes hh {
	   0%, 100%{
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	  }

	  50%{
		transform: rotate(7deg);
		-webkit-transform: rotate(7deg);
	  }
	}

	.arrow {
		-webkit-animation: hh 0.4s; /* Chrome, Safari, Opera */
		animation: hh 0.4s;
		transition: 0.4s;
	}

	.arrow1 {

		 transition: 1s;
		 -webkit-animation: hh1 1s; /* Chrome, Safari, Opera */
		animation: hh 1s;
	}

	@-webkit-keyframes hh1 {
	  0%, 100%{
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	  }

	  20%{
		transform: rotate(7deg);
		-webkit-transform: rotate(7deg);
	  }
	}

	@keyframes hh1 {
	   0%, 100%{
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	  }

	  20%{
		transform: rotate(7deg);
		-webkit-transform: rotate(7deg);
	  }
	}
	
	#txt{
		transition: 0.3s;
		color:#ffffff;	
		width: 320px;
		text-align: center;
		font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 14px;
		line-height: 135%;
		margin: 20px auto 0 auto;
	}
	
	#txt a {
		color: white;
		text-decoration: underline;
	}
	
	#txt a:hover {
		color: #FFD232;
		text-decoration: underline;
	}
	
	
	/*content*/
	
	.introduce {
		text-align: left;
		display: flex;
		flex-direction: row;
		padding: 77px 0 0 0;
		width: 968px;
		margin: 0 0 0 60px;
		align-items: flex-end;
	}
	
	.introduce-left {
		width: 520px;
		
	}
	
	.introduce-title {
		font-family: Open Sans;
		font-style: normal;
		font-weight: 800;
		font-size: 48px;
		line-height: 125%;
		text-align: left;
	}
	
	.introduce-text {
		display: block;
		margin: 40px 0 0 0;
		font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 24px;
		line-height: 125%;
		color: #FFFFFF;
	}
	
	.introduce-right {
		margin: 0 0 0 70px;
		border-radius: 10px;
		overflow: hidden;
		width: auto;
	}
	
	.gifts {
		max-width: 1000px;
		margin: 100px auto 0 auto;
		display: flex;
		flex-direction: row;

	}
	
	.gift-double {
		display: flex;
		flex-direction: row;
		align-items: center;
	}
	
	.gift {
		max-width: 250px;
		text-align: center;
		min-width: 235px;
	}
	
	.gift-name {
		
		font-family: Open Sans;
		font-style: italic;
		font-weight: 800;
		font-size: 24px;
		line-height: 100%;
		/* or 24px */

		text-align: center;
	}
	
	.disclaimer {
		display: block;
		margin: 10px 0 0 0;
		font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 18px;
		line-height: 115%;
		/* or 21px */

		text-align: center;
	}
	
	.sale-start {
		display: block;
		text-align: left;
		width: 500px;
		margin: 70px 0  0px 60px;
		font-family: Open Sans;
		font-style: normal;
		font-weight: 800;
		font-size: 24px;
		line-height: 125%;
		color: #FFFFFF;
	}
	
	.category-name {
		text-align: left;
		display: block;
		margin: 50px 0 20px 60px;
		font-family: Open Sans;
		font-style: normal;
		font-weight: 300;
		font-size: 24px;
		line-height: 125%;
		color: #FFFFFF;
	}
	
	
	.items {
		margin: 0 0 0 60px;
		display: flex;
		flex-direction: row;
		  flex-wrap: wrap;
		   justify-content: center;
		
	}
	
	
	
	.item-bf {
		margin: 20px 0 0 20px;
		width: 239px;
		height: 336px;
		background: #FFFFFF;
		border-radius: 5px;
		text-align: center;
		position: relative;
		
	}
	
	.items a {
		text-decoration: none;
		display: block;
		color: black;
	}
	
	.discount {
		position: absolute;
		font-family: Open Sans;
		font-style: normal;
		font-weight: 800;
		font-size: 22.5882px;
		line-height: 38px;
		text-align: center;
		top: 0;
		left: 139px;
		width: 100px;
		color: black;
		height: 40px;
		background: radial-gradient(140.5% 140.5% at 50% 0%, #FFD232 0%, #FFA800 100%);
		border-radius: 0px 0px 0px 5px;
		transition: 0.1s;
	}
	
	.item-bf:hover .discount{
		top: -5px;
		left: 144px;
		box-shadow: 0px 15px 20px rgba(15, 15, 15, 0.05);
		transform: rotate(4deg);
	}
	
	.item-title {
		margin: 10px 0 0 0;
		display: block;
		font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 14px;
		color: black;
		line-height: 130%;
	}
	
	.price {
		
		margin: 7px 0 0 0;
		display: block;
		font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 24px;
		line-height: 130%;
		text-align: center;
		color: #FF0000;
	}
	
	.lil-r {
		font-family: Roboto, sans-serif;
		font-style: normal;
		font-weight: normal;
		font-size: 14px;
		line-height: 130%;
	}
	
	.old-price {
		display: block;
		font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 12px;
		line-height: 130%;
		color: black;
		text-align: center;
		text-decoration-line: line-through;
	}
	
	.buy-btn {
		display: block;
		margin: 10px auto 0 auto;
		width: 100px;
		height: 35px;
		font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 14px;
		line-height: 32px;
		text-decoration: none;
		text-align: center;
		color: #000000;
		background: radial-gradient(140.5% 140.5% at 50% 0%, #FFD232 0%, #FFA800 100%);
		box-shadow: 0px 15px 20px rgba(15, 15, 15, 0.1);
		border-radius: 3px;
		transition: 0.3s;
	}
	
	.buy-btn:hover {
		color: white;
		background: radial-gradient(29.03% 196.7% at 69.62% 65.85%, #000000 0%, rgba(0, 0, 0, 0.984375) 0.01%, rgba(28, 28, 28, 0) 100%), radial-gradient(147.06% 152.9% at 50% 0%, #2D2D2D 0%, #000000 100%);
		box-shadow: 0px 15px 20px rgba(15, 15, 15, 0.2);
	
	}

	.content-bf {
	padding-bottom: 300px;
	background: radial-gradient(522.08% 265.31% at 0% 0%, #000000 0%, rgba(0, 0, 0, 0.984375) 0.01%, rgba(28, 28, 28, 0) 100%), radial-gradient(230.28% 182.23% at 100% -35.18%, #2D2D2D 0%, #000000 100%);
	}

}