body {
			margin:0;
			padding:0;
		}

	
		/* Larger than phablet 320*/
		/* Larger than phablet 320*/
		/* Larger than phablet 320*/

		@media (min-width: 320px) {

		.container {
		width:100%;
		margin:auto;

		}
		
		.container {
		width:100%;
		margin:auto;
		}

		.header {
		
		height: 450px;
		background: radial-gradient(118.01% 118.01% at 50% 0%, #00ADEE 0%, #3AC9FF 100%);
		
		}

		.timeline {
			margin: 0px auto;
			padding: 45px 0;
			width: 300px;
			animation-duration: 2s;
			animation-name: timel;
		}
		
		@keyframes timel {
		  from {
			opacity: 0; 
		  }

		  to {
			opacity: 1; 
		  }
		}
		
		.timeline img {
			width: 300px;
		}
		
		.title {
			font-family: Intro black;
			font-style: normal;
			font-weight: normal;
			font-size: 48px;
			text-align: center;
			letter-spacing: 0.05em;
			text-transform: uppercase;
			color: #FFFFFF;
			animation-duration: 1.3s;
			animation-name: title;
		}
		
		@keyframes title {
		  from {
			margin-top: 100%;
			height: 300%; 
		  }

		  to {
			margin-top: 0%;
			width: 100%;
		  }
		  
		  
		}
		
		.description {
			font-family: Open Sans;
			font-style: normal;
			font-weight: normal;
			font-size: 27.3231px;
			line-height: 37px;
			text-align: center;
			letter-spacing: 0.05em;
			text-transform: uppercase;
			color: #FFFFFF;
			animation-duration: 1.3s;
			animation-name: desc;
			
		}
		
		@keyframes desc {
		  from {
			margin-top: 100%;
			height: 300%; 
		  }

		  to {
			margin-top: 0%;
			width: 100%;
		  }
		}
		
		.description a{
			text-decoration: underline;
			color: #FFFFFF;
		
		}
		
		.description a:hover{
			text-decoration: none;
			color: #FFFFFF;
		}
		
		.border-header img{
			max-width: 100%;
			margin: -120px auto 0 auto;
		}
		
		
		
		
		
		.calendar h1 {
			margin: 30px auto 0 auto;
			text-align: center;
		}
		
		.bricks {
			margin: 0 auto 0 auto;
			max-width: 320px;
		}
		
		.brick {
			width: 320px;
			height:356px;
			display: inline-block;
			margin: 30px 0 30px 0;
			box-shadow: 0px 15px 40px rgba(0, 173, 238, 0.20);
			border-radius: 15px;
		}
		
		
		
		.brick:hover {
			cursor: pointer;
			opacity: 0.8;
		}
		
		.brick:active {
			animation-duration: 0.1s;
			animation-name: shake;
		} 
		
		@keyframes shake {
		  from {
			 
			transform: rotate(-5deg); 
		  }

		  to {
			transform: rotate(0deg); 
		  }
		  
		 }
		
		.border-calendar {
			margin: 60px 0 -120px 0;
			max-width: 100%;
			overflow: hidden;
		}
		
		.current-back {
			background: radial-gradient(118.01% 118.01% at 50% 0%, #EBF9FF 0%, #FFFFFF 100%);
			height: auto;
		}
		.current-active {
			
			max-width: 1060px;
			margin: 0 auto;
			
			display: flex;
			flex-direction: column;
			
		}
		
		.current-name {
			margin: 50px 0 0 20px;
			display: inline-block;
			max-width: 500px;
			height: 550px;
			
		}
		
		.deadline {
		display: block;
		margin: -12px 0 0 0;
		color: #00ADEE;
		font-family: Open Sans;
		font-style: normal;
		font-weight: 600;
		font-size: 18px;
		line-height: 18px;
		}
		
		.current-desc {
			display: block;
			margin: 50px 0 0 0;
			font-family: Open Sans;
			font-style: normal;
			font-weight: normal;
			font-size: 24px;
			line-height: 33px;
		}
		
		.current-name a {
			margin: 50px 0 0 0;
			display: block;
			width: 235px;
			height: 55px;
			text-decoration: none;
			font-family: Open Sans;
			text-align: center;
			font-style: normal;
			font-weight: normal;
			color: white;
			font-size: 18px;
			line-height: 55px;
			transition: 0.3s;
			background: radial-gradient(118.01% 118.01% at 50% 0%, #00ADEE 0%, #3AC9FF 100%);
			box-shadow: 0px 15px 40px rgba(0, 173, 238, 0.15);
			border-radius: 5px;
		}
		
		.current-name a:hover {
			color: #00adee;
			background: white;
			box-shadow: 0px 15px 40px rgba(0, 173, 238, 0.35);
		}
		
		.current-img {
			display: inline-block;
			margin: 40px auto 0 auto;
			
			border-radius: 5px;
			
		}
		
		.current-img img {
			max-width: 100%;
			box-shadow: 0px 15px 40px rgba(0, 173, 238, 0.15);
		}
		
		.border-current {
			display: none;
			max-width: 100%;
		}
		
		.border-current img{
			max-width: 100%;
		}
		
		.rev-cont-header {
			max-width: 100%;
			background: radial-gradient(118.01% 118.01% at 50% 0%, #00ADEE 0%, #3AC9FF 100%);
			margin: -28px 0 0 0;
			height: auto;
		}
		
		.title-rev {
			font-family: Open Sans;
			font-style: normal;
			font-weight: 600;
			font-size: 58px;
			line-height: 65px;
			color: white;
			margin: 0 auto;
			text-align: center;
			padding: 60px 0 0 0;
			max-width: 400px;
		}
		
		.rev-desc {
			text-align: center;
			display: flex;
			flex-direction: column;
			max-width: 320px;
			margin: 45px auto 0 auto;
		}
		
		.rec-desct-text {
			font-family: Open Sans;
			font-style: normal;
			font-weight: 600;
			font-size: 24px;
			line-height: 33px;
			
			color: #FFFFFF;
			display: block;
			max-width: 418px;
		}
		
		.disclaimer {
			margin: 30px 0 0 0;
			display: block;
			max-width: 418px;
			font-family: Open Sans;
			font-style: normal;
			font-weight: normal;
			font-size: 12px;
			line-height: 135%;
			color: #FFFFFF;
		}
		
		.disclaimer a {
			color: white;
		}
		
		.rev-desc-right {
			margin: 40px 0 30px 0px;
		}
		
		.border-cont {
			margin: 0 auto;
			max-width: 320px;
			
		}
		
		.border-cont img {
			max-width: 320px;
		}
		
		
		
		.gift-title {
			display: block;
			margin: 30px auto 60px auto;
			max-width: 640px;
			font-family: Open Sans;
			font-style: normal;
			font-weight: normal;
			font-size: 24px;
			line-height: 135%;
			/* or 49px */

			text-align: center;
		}
		
		.gifts {
			width: 100%;
			max-width: 420px;
			display: flex;
			flex-direction: column;
			margin: 0 auto;
			justify-content: space-between;
		}
		
		.gift img {
			box-shadow: 0px 15px 40px rgba(0, 173, 238, 0.15);
			border-radius: 15px;
			width: 100%;
		}
		
		.gift {
			max-width: 500px;
		}
		
		.gift-name {
			display: block;
			margin: 20px 0 60px 0;
			font-family: Open Sans;
			font-style: normal;
			font-weight: normal;
			font-size: 24px;
			line-height: 33px;
		}
		
		.garant {
		max-width: 100%;
		height: auto;
		background: rgba(0, 173, 238, 0.05);
		box-shadow: inset 0px 0px 10px rgba(0, 173, 238, 0.2);
		
		}
		
		.garant-desc {
			display: flex;
			flex-direction: column;
			margin: 0px auto 10px auto;
			padding: 0px 20px 0px 20px;
			max-width: 500px;
		}
		
		.garant-desc-left {
			max-width: 502px;
		}
		
		.garant-desc-left h1 {
			font-size: 30px;
		}
		
		.garant-disclaimer {
			display: block;
			max-width: 450px;
			font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 12px;
		line-height: 135%;
		}
		
		.garant-desc-right {
			margin: 40px auto 0 auto;
		}
		
		.points {
			padding: 0px 0 0 0;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			width: 320px;
			margin: 0px auto;
		}
		
		.point {
			margin: 30px 0 50px 0;
			width: 320px;
			height: 235px;
			border: 2px solid #00ADEE;
			box-sizing: border-box;
			border-radius: 5px;
			text-align: center;
			padding: 20px;
		}
		
		.point img{
			display: block;
			margin: -52px auto 0 auto;
		}
		
		.point-count {
			display: block;
			font-family: Open Sans;
			font-style: normal;
			font-weight: normal;
			font-size: 24px;
			line-height: 28px;
			text-align: center;
			color: #00adee;
			margin: 8px 0 0 0;
		}
		
		.point-desc {
			display: block;
			font-family: Open Sans;
			font-style: normal;
			font-weight: 600;
			font-size: 14px;
			line-height: 135%;
			margin: 30px 0 0 0;
		}
		
		.sample {
			font-family: Open Sans;
			font-style: normal;
			font-weight: 600;
			font-size: 14px;
			line-height: 135%;
			display: block;
			margin: 30px 0 0 0;
		}
		
		.sample a {
			color: #00adee;
		}
		
		.sample a:hover {
			text-decoration: none;
		}
		
		.three-steps {
			text-align: center;
		}
		
		.first-step {
			font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 24px;
		line-height: 33px;
		text-align: center;

		}
		
		.contest_step_first_instruction {
			display: flex;
			flex-wrap: wrap;
			align-content: space-between;
			width: 300px;
			height: 250px;
			padding: 10px 0 20px 0;
			margin: 30px auto 0 auto;
			
		}
		
		.contest_step_first_instruction1_img {
			height: 60px;
			display: flex;
			justify-content: center;
		}
		
		.contest_step_first_instruction span {
		font-family: Roboto;
			font-style: normal;
			font-weight: normal;
			font-size: 12px;
			line-height: 135%;
			/* or 16px */
			margin-top: 15px;
			text-align: center;

			color: #000000;
		}
		
		.contest_step_first_instruction1 {
			width: 150px;
			display: inline-block;
			margin: 0;
		}
		
		.contest_step_first_instruction1:last-child {
			width: 150px;
		}
		
		.advice {
			display: block;
			font-family: Open Sans;
			font-style: normal;
			font-weight: normal;
			font-size: 18px;
			text-align: center;
			max-width: 800px;
			margin: 20px auto 0 auto;
		}
		
		.idea {
			display: block;
			margin: 60px 0 15px 0;
		}
		
		.second-step {
			display: block;
			font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 24px;
		line-height: 33px;
		text-align: center;
		max-width: 800px;
		margin: 0 auto;
		}
		
		.platform {
			width: 320 px;
		}
		
		.platform a {
			color: #00adee;
		}
		
		.third-step {
			margin: 60px auto 0 auto;
		}
		
		.contest_form {
			margin: 20px auto;
			width: 320px;
			background: radial-gradient(118.01% 118.01% at 50% 0%, #00ADEE 0%, #3AC9FF 100%);
		/* inner shadow */

		box-shadow: inset 0px 0px 10px rgba(0, 173, 238, 0.2);
		border-radius: 5px;

		}
		.contest_subtitle {
			display: block;
			width: 325px;
		}
		
		
		
		.form-control{
			margin-top: 20px;
			background: #FFFFFF;
		border: 1px solid #F2F2F2;
		box-sizing: border-box;
		box-shadow: inset 0px 0px 10px rgba(0, 173, 238, 0.15);
		border-radius: 5px;
			width: 300px;
			height: 45px;
			font-family: Open Sans;
			font-style: normal;
			font-weight: normal;
			font-size: 14px;
			line-height: 19px;
			/* identical to box height */


			color: #000000;

			padding-left: 23px;
		}
		
		.form-control:first-child {
			margin-top: 40px;
		}

		
}

		/* Larger than phablet 400*/
		/* Larger than phablet 400*/
		/* Larger than phablet 400*/

		@media (min-width: 400px) {

		.container {
		width:100%;
		margin:auto;
		}

		.header {
		
		height: 450px;
		background: radial-gradient(118.01% 118.01% at 50% 0%, #00ADEE 0%, #3AC9FF 100%);
		
		}

		.timeline {
			margin: 0px auto;
			padding: 45px 0;
			width: 380px;
			animation-duration: 2s;
			animation-name: timel;
		}
		
		@keyframes timel {
		  from {
			opacity: 0; 
		  }

		  to {
			opacity: 1; 
		  }
		}
		
		.timeline img {
			width: 380px;
		}
		
		.title {
			font-family: Intro black;
			font-style: normal;
			font-weight: normal;
			font-size: 58px;
			text-align: center;
			letter-spacing: 0.05em;
			text-transform: uppercase;
			color: #FFFFFF;
			animation-duration: 1.3s;
			animation-name: title;
		}
		
		@keyframes title {
		  from {
			margin-top: 100%;
			height: 300%; 
		  }

		  to {
			margin-top: 0%;
			width: 100%;
		  }
		  
		  
		}
		
		.description {
			font-family: Open Sans;
			font-style: normal;
			font-weight: normal;
			font-size: 27.3231px;
			line-height: 37px;
			text-align: center;
			letter-spacing: 0.05em;
			text-transform: uppercase;
			color: #FFFFFF;
			animation-duration: 1.3s;
			animation-name: desc;
			
		}
		
		@keyframes desc {
		  from {
			margin-top: 100%;
			height: 300%; 
		  }

		  to {
			margin-top: 0%;
			width: 100%;
		  }
		}
		
		.description a{
			text-decoration: underline;
			color: #FFFFFF;
		
		}
		
		.description a:hover{
			text-decoration: none;
			color: #FFFFFF;
		}
		
		.border-header img{
			max-width: 100%;
			margin: -120px auto 0 auto;
		}
		
		
		
		
		
		.calendar h1 {
			margin: 30px auto 0 auto;
			text-align: center;
		}
		
		.bricks {
			margin: 0 auto 0 auto;
			max-width: 330px;
		}
		
		.brick {
			width: 327px;
			height:356px;
			display: inline-block;
			margin: 30px 0 30px 0;
			box-shadow: 0px 15px 40px rgba(0, 173, 238, 0.20);
			border-radius: 15px;
		}
		
		
		
		.brick:hover {
			cursor: pointer;
			opacity: 0.8;
		}
		
		.brick:active {
			animation-duration: 0.1s;
			animation-name: shake;
		} 
		
		@keyframes shake {
		  from {
			 
			transform: rotate(-5deg); 
		  }

		  to {
			transform: rotate(0deg); 
		  }
		  
		 }
		
		.border-calendar {
			margin: 60px 0 -120px 0;
			max-width: 100%;
			overflow: hidden;
		}
		
		.current-back {
			background: radial-gradient(118.01% 118.01% at 50% 0%, #EBF9FF 0%, #FFFFFF 100%);
			height: auto;
		}
		.current-active {
			
			max-width: 1060px;
			margin: 0 auto;
			
			display: flex;
			flex-direction: column;
			
		}
		
		.current-name {
			margin: 50px 0 0 20px;
			display: inline-block;
			max-width: 500px;
			height: 550px;
			
		}
		
		.deadline {
		display: block;
		margin: -12px 0 0 0;
		color: #00ADEE;
		font-family: Open Sans;
		font-style: normal;
		font-weight: 600;
		font-size: 18px;
		line-height: 18px;
		}
		
		.current-desc {
			display: block;
			margin: 50px 0 0 0;
			font-family: Open Sans;
			font-style: normal;
			font-weight: normal;
			font-size: 24px;
			line-height: 33px;
		}
		
		.current-name a {
			margin: 50px 0 0 0;
			display: block;
			width: 235px;
			height: 55px;
			text-decoration: none;
			font-family: Open Sans;
			text-align: center;
			font-style: normal;
			font-weight: normal;
			color: white;
			font-size: 18px;
			line-height: 55px;
			transition: 0.3s;
			background: radial-gradient(118.01% 118.01% at 50% 0%, #00ADEE 0%, #3AC9FF 100%);
			box-shadow: 0px 15px 40px rgba(0, 173, 238, 0.15);
			border-radius: 5px;
		}
		
		.current-name a:hover {
			color: #00adee;
			background: white;
			box-shadow: 0px 15px 40px rgba(0, 173, 238, 0.35);
		}
		
		.current-img {
			display: inline-block;
			margin: -60px auto 0 auto;
			
			border-radius: 5px;
			
		}
		
		.current-img img {
			max-width: 100%;
			box-shadow: 0px 15px 40px rgba(0, 173, 238, 0.15);
		}
		
		.border-current {
			display: none;
			max-width: 100%;
		}
		
		.border-current img{
			max-width: 100%;
		}
		
		.rev-cont-header {
			max-width: 100%;
			background: radial-gradient(118.01% 118.01% at 50% 0%, #00ADEE 0%, #3AC9FF 100%);
			margin: -28px 0 0 0;
			height: auto;
		}
		
		.title-rev {
			font-family: Open Sans;
			font-style: normal;
			font-weight: 600;
			font-size: 58px;
			line-height: 65px;
			color: white;
			margin: 0 auto;
			text-align: center;
			padding: 60px 0 0 0;
			max-width: 400px;
		}
		
		.rev-desc {
			text-align: center;
			display: flex;
			flex-direction: column;
			max-width: 400px;
			margin: 45px auto 0 auto;
		}
		
		.rec-desct-text {
			font-family: Open Sans;
			font-style: normal;
			font-weight: 600;
			font-size: 24px;
			line-height: 33px;
			
			color: #FFFFFF;
			display: block;
			max-width: 418px;
		}
		
		.disclaimer {
			margin: 30px 0 0 0;
			display: block;
			max-width: 418px;
			font-family: Open Sans;
			font-style: normal;
			font-weight: normal;
			font-size: 12px;
			line-height: 135%;
			color: #FFFFFF;
		}
		
		.disclaimer a {
			color: white;
		}
		
		.rev-desc-right {
			margin: 40px 0 30px 0px;
		}
		
		.border-cont {
			margin: 0 auto;
			max-width: 400px;
			
		}
		
		.border-cont img {
			max-width: 400px;
		}
		
		
		
		.gift-title {
			display: block;
			margin: 30px auto 60px auto;
			max-width: 640px;
			font-family: Open Sans;
			font-style: normal;
			font-weight: normal;
			font-size: 36px;
			line-height: 135%;
			/* or 49px */

			text-align: center;
		}
		
		.gifts {
			width: 100%;
			max-width: 420px;
			display: flex;
			flex-direction: column;
			margin: 0 auto;
			justify-content: space-between;
		}
		
		.gift img {
			box-shadow: 0px 15px 40px rgba(0, 173, 238, 0.15);
			border-radius: 15px;
			width: 100%;
		}
		
		.gift {
			max-width: 500px;
		}
		
		.gift-name {
			display: block;
			margin: 20px 0 60px 0;
			font-family: Open Sans;
			font-style: normal;
			font-weight: normal;
			font-size: 24px;
			line-height: 33px;
		}
		
		.garant {
		max-width: 100%;
		height: auto;
		background: rgba(0, 173, 238, 0.05);
		box-shadow: inset 0px 0px 10px rgba(0, 173, 238, 0.2);
		
		}
		
		.garant-desc {
			display: flex;
			flex-direction: column;
			margin: 0px auto 10px auto;
			padding: 0px 20px 0px 20px;
			max-width: 500px;
		}
		
		.garant-desc-left {
			max-width: 502px;
		}
		
		.garant-disclaimer {
			display: block;
			max-width: 450px;
			font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 12px;
		line-height: 135%;
		}
		
		.garant-desc-right {
			margin: 40px auto 0 auto;
		}
		
		.points {
			padding: 0px 0 0 0;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			width: 330px;
			margin: 0px auto;
		}
		
		.point {
			margin: 30px 0 50px 0;
			width: 327px;
			height: 235px;
			border: 2px solid #00ADEE;
			box-sizing: border-box;
			border-radius: 5px;
			text-align: center;
			padding: 20px;
		}
		
		.point img{
			display: block;
			margin: -52px auto 0 auto;
		}
		
		.point-count {
			display: block;
			font-family: Open Sans;
			font-style: normal;
			font-weight: normal;
			font-size: 24px;
			line-height: 28px;
			text-align: center;
			color: #00adee;
			margin: 8px 0 0 0;
		}
		
		.point-desc {
			display: block;
			font-family: Open Sans;
			font-style: normal;
			font-weight: 600;
			font-size: 14px;
			line-height: 135%;
			margin: 30px 0 0 0;
		}
		
		.sample {
			font-family: Open Sans;
			font-style: normal;
			font-weight: 600;
			font-size: 14px;
			line-height: 135%;
			display: block;
			margin: 30px 0 0 0;
		}
		
		.sample a {
			color: #00adee;
		}
		
		.sample a:hover {
			text-decoration: none;
		}
		
		.three-steps {
			text-align: center;
		}
		
		.first-step {
			font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 24px;
		line-height: 33px;
		text-align: center;

		}
		
		.contest_step_first_instruction {
			display: flex;
			flex-wrap: wrap;
			align-content: space-between;
			width: 300px;
			height: 250px;
			padding: 10px 0 20px 0;
			margin: 30px auto 0 auto;
			
		}
		
		.contest_step_first_instruction1_img {
			height: 60px;
			display: flex;
			justify-content: center;
		}
		
		.contest_step_first_instruction span {
		font-family: Roboto;
			font-style: normal;
			font-weight: normal;
			font-size: 12px;
			line-height: 135%;
			/* or 16px */
			margin-top: 15px;
			text-align: center;

			color: #000000;
		}
		
		.contest_step_first_instruction1 {
			width: 150px;
			display: inline-block;
			margin: 0;
		}
		
		.contest_step_first_instruction1:last-child {
			width: 150px;
		}
		
		.advice {
			display: block;
			font-family: Open Sans;
			font-style: normal;
			font-weight: normal;
			font-size: 18px;
			text-align: center;
			max-width: 800px;
			margin: 20px auto 0 auto;
		}
		
		.idea {
			display: block;
			margin: 60px 0 15px 0;
		}
		
		.second-step {
			display: block;
			font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 24px;
		line-height: 33px;
		text-align: center;
		max-width: 800px;
		margin: 0 auto;
		}
		
		.platform {
			width: 400px;
		}
		
		.platform a {
			color: #00adee;
		}
		
		.third-step {
			margin: 60px auto 0 auto;
		}
		
		.contest_form {
			margin: 20px auto;
			width: 407px;
			background: radial-gradient(118.01% 118.01% at 50% 0%, #00ADEE 0%, #3AC9FF 100%);
		/* inner shadow */

		box-shadow: inset 0px 0px 10px rgba(0, 173, 238, 0.2);
		border-radius: 5px;

		}
		.contest_subtitle {
			display: block;
			width: 325px;
		}
		
		
		
		.form-control{
			margin-top: 20px;
			background: #FFFFFF;
		border: 1px solid #F2F2F2;
		box-sizing: border-box;
		box-shadow: inset 0px 0px 10px rgba(0, 173, 238, 0.15);
		border-radius: 5px;
			width: 324px;
			height: 45px;
			font-family: Open Sans;
			font-style: normal;
			font-weight: normal;
			font-size: 14px;
			line-height: 19px;
			/* identical to box height */


			color: #000000;

			padding-left: 23px;
		}
		
		.form-control:first-child {
			margin-top: 40px;
		}
		
}

		/* Larger than tablet 750 */
		/* Larger than tablet 750 */
		/* Larger than tablet 750 */

		@media (min-width: 800px) {

		.container {
		width:100%;
		max-width: 1180px;
		margin:auto;
		overflow: hidden;
		}
	
		.header {
		
		height: 591px;
		background: radial-gradient(118.01% 118.01% at 50% 0%, #00ADEE 0%, #3AC9FF 100%);
		
		}

		.timeline {
			margin: 0px auto;
			padding: 45px 0;
			width: 636px;
			animation-duration: 2s;
			animation-name: timel;
		}
		
		@keyframes timel {
		  from {
			opacity: 0; 
		  }

		  to {
			opacity: 1; 
		  }
		}
		
		.timeline img {
			width: 636px;
		}
		
		.title {
			font-family: Intro black;
			font-style: normal;
			font-weight: normal;
			font-size: 72px;
			text-align: center;
			letter-spacing: 0.05em;
			text-transform: uppercase;
			color: #FFFFFF;
			animation-duration: 1.3s;
			animation-name: title;
		}
		
		@keyframes title {
		  from {
			margin-top: 100%;
			height: 300%; 
		  }

		  to {
			margin-top: 0%;
			width: 100%;
		  }
		  
		  
		}
		
		.description {
			font-family: Open Sans;
			font-style: normal;
			font-weight: normal;
			font-size: 27.3231px;
			line-height: 37px;
			text-align: center;
			letter-spacing: 0.05em;
			text-transform: uppercase;
			color: #FFFFFF;
			animation-duration: 1.3s;
			animation-name: desc;
			
		}
		
		@keyframes desc {
		  from {
			margin-top: 100%;
			height: 300%; 
		  }

		  to {
			margin-top: 0%;
			width: 100%;
		  }
		}
		
		.description a{
			text-decoration: underline;
			color: #FFFFFF;
		
		}
		
		.description a:hover{
			text-decoration: none;
			color: #FFFFFF;
		}
		
		.border-header img{
			margin: -120px auto 0 auto;
			max-width: 1180px;
		}
		
		
		
		.calendar h1 {
			margin: 30px auto 0 auto;
			text-align: center;
		}
		
		.bricks {
			margin: 0 auto 0 auto;
			max-width: 800px;
		}
		
		.brick {
			width: 327px;
			height:356px;
			display: inline-block;
			margin: 30px;
			box-shadow: 0px 15px 40px rgba(0, 173, 238, 0.20);
			border-radius: 15px;
		}
		
		
		
		.brick:hover {
			cursor: pointer;
			opacity: 0.8;
		}
		
		.brick:active {
			animation-duration: 0.1s;
			animation-name: shake;
		} 
		
		@keyframes shake {
		  from {
			 
			transform: rotate(-5deg); 
		  }

		  to {
			transform: rotate(0deg); 
		  }
		  
		 }
		
		.border-calendar {
			margin: 60px 0 -120px 0;
			max-width: 1180px;
		}
		
		.current-back {
			background: radial-gradient(118.01% 118.01% at 50% 0%, #EBF9FF 0%, #FFFFFF 100%);
			height: 630px;
		}
		.current-active {
			
			max-width: 1060px;
			margin: 0 auto;
			
			display: flex;
			flex-direction: row;
			
		}
		
		
		
		.current-name {
			margin: 50px 0 0 20px;
			display: inline-block;
			max-width: 500px;
			height: 550px;
			
		}
		
		.deadline {
		display: block;
		margin: -12px 0 0 0;
		color: #00ADEE;
		font-family: Open Sans;
		font-style: normal;
		font-weight: 600;
		font-size: 18px;
		line-height: 18px;
		}
		
		.current-desc {
			display: block;
			margin: 50px 0 0 0;
			font-family: Open Sans;
			font-style: normal;
			font-weight: normal;
			font-size: 24px;
			line-height: 33px;
		}
		
		.current-name a {
			margin: 50px 0 0 0;
			display: block;
			width: 235px;
			height: 55px;
			text-decoration: none;
			font-family: Open Sans;
			text-align: center;
			font-style: normal;
			font-weight: normal;
			color: white;
			font-size: 18px;
			line-height: 55px;
			transition: 0.3s;
			background: radial-gradient(118.01% 118.01% at 50% 0%, #00ADEE 0%, #3AC9FF 100%);
			box-shadow: 0px 15px 40px rgba(0, 173, 238, 0.15);
			border-radius: 5px;
		}
		
		.current-name a:hover {
			color: #00adee;
			background: white;
			box-shadow: 0px 15px 40px rgba(0, 173, 238, 0.35);
		}
		
		.current-img {
			display: inline-block;
			margin: 80px 0 0 40px;
			
			border-radius: 5px;
		}
		
		.current-img img{
			box-shadow: 0px 15px 40px rgba(0, 173, 238, 0.15);
		}
		
		.rev-cont-header {
			max-width: 100%;
			background: radial-gradient(118.01% 118.01% at 50% 0%, #00ADEE 0%, #3AC9FF 100%);
			margin: -77px 0 0 0;
			height: 600px;
		}
		
		.title-rev {
			font-family: Open Sans;
			font-style: normal;
			font-weight: 600;
			font-size: 58px;
			line-height: 87px;
			color: white;
			margin: 0 0 0 70px;
			padding: 100px 0 0 0;
			max-width: 900px;
		}
		
		.rev-desc {
			display: flex;
			flex-direction: row;
			max-width: 1000px;
			margin: 45px 0 0 70px;
		}
		
		.rec-desct-text {
		text-align: left;
			font-family: Open Sans;
			font-style: normal;
			font-weight: 600;
			font-size: 24px;
			line-height: 33px;
			
			color: #FFFFFF;
			display: block;
			width: 418px;
		}
		
		.disclaimer {
			text-align: left;
			margin: 30px 0 0 0;
			display: block;
			width: 418px;
			font-family: Open Sans;
			font-style: normal;
			font-weight: normal;
			font-size: 12px;
			line-height: 135%;
			color: #FFFFFF;
		}
		
		.disclaimer a {
			color: white;
		}
		
		.rev-desc-right {
			margin: 0 0 0 20px;
		}
		
		.border-cont {
			margin: 0 auto;
			max-width: 400px;
		}
		
		.border-cont img {
			max-width: 400px;
		}
		
		.gift-title {
			display: block;
			margin: 30px auto 60px auto;
			width: 640px;
			font-family: Open Sans;
			font-style: normal;
			font-weight: normal;
			font-size: 36px;
			line-height: 135%;
			/* or 49px */

			text-align: center;
		}
		
		.gifts {
			width: 420px;
			max-width: 420px;
			display: flex;
			flex-direction: column;
			margin: 0 auto;
			justify-content: space-between;
		}
		
		.gift img {
			box-shadow: 0px 15px 40px rgba(0, 173, 238, 0.15);
			border-radius: 15px;
		}
		
		.gift {
			width: 418px;
		}
		
		.gift-name {
			display: block;
			margin: 20px 0 80px 0;
			font-family: Open Sans;
			font-style: normal;
			font-weight: normal;
			font-size: 24px;
			line-height: 33px;
		}
		
		.garant {
		max-width: 100%;
		height: 800px;
		background: rgba(0, 173, 238, 0.05);
		box-shadow: inset 0px 0px 10px rgba(0, 173, 238, 0.2);
		
		}
		
		.garant-desc {
			display: flex;
			flex-direction: column;
			margin: 0px auto 0 auto;
			padding: 50px 0 0 0;
			width: 500px;
		}
		
		.garant-desc-left {
			width: 502px;
		}
		
		.garant-disclaimer {
			display: block;
			width: 450px;
			font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 12px;
		line-height: 135%;
		}
		
		.garant-desc-right {
			margin: 40px auto 0 auto;
		}
		
		.points {
			padding: 60px 0 0 0;
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			width: 700px;
			margin: 0 auto;
		}
		
		.point {
			width: 327px;
			height: 235px;
			border: 2px solid #00ADEE;
			box-sizing: border-box;
			border-radius: 5px;
			text-align: center;
			padding: 20px;
		}
		
		.point img{
			display: block;
			margin: -52px auto 0 auto;
		}
		
		.point-count {
			display: block;
			font-family: Open Sans;
			font-style: normal;
			font-weight: normal;
			font-size: 24px;
			line-height: 28px;
			text-align: center;
			color: #00adee;
			margin: 8px 0 0 0;
		}
		
		.point-desc {
			display: block;
			font-family: Open Sans;
			font-style: normal;
			font-weight: 600;
			font-size: 14px;
			line-height: 135%;
			margin: 30px 0 0 0;
		}
		
		.sample {
			font-family: Open Sans;
			font-style: normal;
			font-weight: 600;
			font-size: 14px;
			line-height: 135%;
			display: block;
			margin: 30px 0 0 0;
		}
		
		.sample a {
			color: #00adee;
		}
		
		.sample a:hover {
			text-decoration: none;
		}
		
		.three-steps {
			text-align: center;
		}
		
		.first-step {
			font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 24px;
		line-height: 33px;
		text-align: center;

		}
		
		.contest_step_first_instruction {
			display: flex;
			justify-content: center;
			width: 876px;
			margin: 30px auto 0 auto;
			height: auto;
			
			
		}
		
		.contest_step_first_instruction1_img {
			height: 60px;
			display: flex;
			justify-content: center;
		}
		
		.contest_step_first_instruction span {
		font-family: Roboto;
			font-style: normal;
			font-weight: normal;
			font-size: 12px;
			line-height: 135%;
			/* or 16px */
			margin-top: 15px;
			text-align: center;

			color: #000000;
		}
		
		.contest_step_first_instruction1 {
			width: 150px;
		}
		
		.contest_step_first_instruction1:last-child {
			width: 190px;
		}
		
		.advice {
			display: block;
			font-family: Open Sans;
			font-style: normal;
			font-weight: normal;
			font-size: 18px;
			text-align: center;
			width: 800px;
			margin: 20px auto 0 auto;
		}
		
		.idea {
			display: block;
			margin: 60px 0 15px 0;
		}
		
		.second-step {
			display: block;
			font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 24px;
		line-height: 33px;
		text-align: center;
		width: 800px;
		margin: 0 auto;
		}
		
		.platform {
			width: 450px;
		}
		
		.platform a {
			color: #00adee;
		}
		
		.third-step {
			margin: 60px auto 0 auto;
		}
		
		.contest_form {
			margin: 20px auto;
			width: 407px;
			background: radial-gradient(118.01% 118.01% at 50% 0%, #00ADEE 0%, #3AC9FF 100%);
		/* inner shadow */

		box-shadow: inset 0px 0px 10px rgba(0, 173, 238, 0.2);
		border-radius: 5px;

		}
		.contest_subtitle {
			display: block;
			width: 325px;
		}
		
		
		
		.form-control{
			margin-top: 20px;
			background: #FFFFFF;
		border: 1px solid #F2F2F2;
		box-sizing: border-box;
		box-shadow: inset 0px 0px 10px rgba(0, 173, 238, 0.15);
		border-radius: 5px;
			width: 324px;
			height: 45px;
			font-family: Open Sans;
			font-style: normal;
			font-weight: normal;
			font-size: 14px;
			line-height: 19px;
			/* identical to box height */


			color: #000000;

			padding-left: 23px;
		}
		
		.form-control:first-child {
			margin-top: 40px;
		}
		
}

			


		/* Larger than desktop 1000px*/
		/* Larger than desktop 1000px*/
		/* Larger than desktop 1000px*/

		@media (min-width: 1000px) {
			
		.container {
		width:100%;
		max-width: 1180px;
		margin:auto;
		overflow: hidden;
		}
		.header {
		
		height: 591px;
		background: radial-gradient(118.01% 118.01% at 50% 0%, #00ADEE 0%, #3AC9FF 100%);
		
		}

		.timeline {
			margin: 0px auto;
			padding: 45px 0;
			width: 636px;
			animation-duration: 2s;
			animation-name: timel;
		}
		
		@keyframes timel {
		  from {
			opacity: 0; 
		  }

		  to {
			opacity: 1; 
		  }
		}
		
		.timeline img {
			width: 636px;
		}
		
		.title {
			font-family: Intro black;
			font-style: normal;
			font-weight: normal;
			font-size: 72px;
			text-align: center;
			letter-spacing: 0.05em;
			text-transform: uppercase;
			color: #FFFFFF;
			animation-duration: 1.3s;
			animation-name: title;
		}
		
		@keyframes title {
		  from {
			margin-top: 100%;
			height: 300%; 
		  }

		  to {
			margin-top: 0%;
			width: 100%;
		  }
		  
		  
		}
		
		.description {
			font-family: Open Sans;
			font-style: normal;
			font-weight: normal;
			font-size: 27.3231px;
			line-height: 37px;
			text-align: center;
			letter-spacing: 0.05em;
			text-transform: uppercase;
			color: #FFFFFF;
			animation-duration: 1.3s;
			animation-name: desc;
			
		}
		
		@keyframes desc {
		  from {
			margin-top: 100%;
			height: 300%; 
		  }

		  to {
			margin-top: 0%;
			width: 100%;
		  }
		}
		
		.description a{
			text-decoration: underline;
			color: #FFFFFF;
		
		}
		
		.description a:hover{
			text-decoration: none;
			color: #FFFFFF;
		}
		
		.border-header img{
			margin: -120px auto 0 auto;
			max-width: 1180px;
		}
		
		
		.calendar h1 {
			margin: 30px 0px 0 70px;
			text-align: left;
		}
		
		.bricks {
			margin: 30px auto 0 auto;
			max-width: 800px;
		}
		
		.brick {
			width: 327px;
			height:356px;
			display: inline-block;
			margin: 30px;
			box-shadow: 0px 15px 40px rgba(0, 173, 238, 0.20);
			border-radius: 15px;
		}
		
		
		
		.brick:hover {
			cursor: pointer;
			opacity: 0.8;
		}
		
		.brick:active {
			animation-duration: 0.1s;
			animation-name: shake;
		} 
		
		@keyframes shake {
		  from {
			 
			transform: rotate(-5deg); 
		  }

		  to {
			transform: rotate(0deg); 
		  }
		  
		 }
		
		.border-calendar {
			margin: 60px 0 -120px 0;
			max-width: 1180px;
		}
		
		.current-back {
			background: radial-gradient(118.01% 118.01% at 50% 0%, #EBF9FF 0%, #FFFFFF 100%);
			height: auto;
		}
		.current-active {
			
			max-width: 1060px;
			margin: 0 auto;
			
			display: flex;
			flex-direction: row;
			
		}
		
		.current-name {
			margin: 80px 0 0 20px;
			display: inline-block;
			max-width: 500px;
			height: 550px;
			
		}
		
			.border-current {
				width:100%;
			overflow: hidden;
		}
		
		
		.deadline {
		display: block;
		margin: -12px 0 0 0;
		color: #00ADEE;
		font-family: Open Sans;
		font-style: normal;
		font-weight: 600;
		font-size: 18px;
		line-height: 18px;
		}
		
		.current-desc {
			display: block;
			margin: 50px 0 0 0;
			font-family: Open Sans;
			font-style: normal;
			font-weight: normal;
			font-size: 24px;
			line-height: 33px;
		}
		
		.current-name a {
			margin: 50px 0 0 0;
			display: block;
			width: 235px;
			height: 55px;
			text-decoration: none;
			font-family: Open Sans;
			text-align: center;
			font-style: normal;
			font-weight: normal;
			color: white;
			font-size: 18px;
			line-height: 55px;
			transition: 0.3s;
			background: radial-gradient(118.01% 118.01% at 50% 0%, #00ADEE 0%, #3AC9FF 100%);
			box-shadow: 0px 15px 40px rgba(0, 173, 238, 0.15);
			border-radius: 5px;
		}
		
		.current-name a:hover {
			color: #00adee;
			background: white;
			box-shadow: 0px 15px 40px rgba(0, 173, 238, 0.35);
		}
		
		.current-img {
			display: inline-block;
			margin: 80px 0 0 40px;
			
			border-radius: 5px;
		}
		
		.current-img img {
			box-shadow: 0px 15px 40px rgba(0, 173, 238, 0.15);
		}
		
		.rev-cont-header {
			max-width: 100%;
			background: radial-gradient(118.01% 118.01% at 50% 0%, #00ADEE 0%, #3AC9FF 100%);
			margin: -77px 0 0 0;
			height: 509px;
		}
		
		.title-rev {
			font-family: Open Sans;
			font-style: normal;
			font-weight: 600;
			font-size: 58px;
			line-height: 87px;
			color: white;
			margin: 0 auto;
			padding: 100px 0 0 0;
			max-width: 900px;
		}
		
		.rev-desc {
			display: flex;
			flex-direction: row;
			max-width: 1000px;
			margin: 45px 0 0 70px;
		}
		
		.rec-desct-text {
		text-align: left;
			font-family: Open Sans;
			font-style: normal;
			font-weight: 600;
			font-size: 24px;
			line-height: 33px;
			
			color: #FFFFFF;
			display: block;
			width: 418px;
		}
		
		.disclaimer {
			text-align: left;
			margin: 30px 0 0 0;
			display: block;
			width: 418px;
			font-family: Open Sans;
			font-style: normal;
			font-weight: normal;
			font-size: 12px;
			line-height: 135%;
			color: #FFFFFF;
		}
		
		.disclaimer a {
			color: white;
		}
		
		.rev-desc-right {
			margin: 0 0 0 160px;
		}
		
		.border-cont {
			margin: 0 auto;
			max-width: 754px;
			
		}
		
		.border-cont img {
			max-width: 754px;
		}
		
		.gift-title {
			display: block;
			margin: 30px auto 60px auto;
			width: 640px;
			font-family: Open Sans;
			font-style: normal;
			font-weight: normal;
			font-size: 36px;
			line-height: 135%;
			/* or 49px */

			text-align: center;
		}
		
		.gifts {
			width: 960px;
			max-width: 960px;
			display: flex;
			flex-direction: row;
			margin: 0 auto;
			justify-content: space-between;
		}
		
		.gift img {
			box-shadow: 0px 15px 40px rgba(0, 173, 238, 0.15);
			border-radius: 15px;
		}
		
		.gift {
			width: 418px;
		}
		
		.gift-name {
			display: block;
			margin: 20px 0 0 0;
			font-family: Open Sans;
			font-style: normal;
			font-weight: normal;
			font-size: 24px;
			line-height: 33px;
		}
		
		.garant {
		max-width: 100%;
		height: 600px;
		background: rgba(0, 173, 238, 0.05);
		box-shadow: inset 0px 0px 10px rgba(0, 173, 238, 0.2);
		
		}
		
		.garant-desc {
			display: flex;
			flex-direction: row;
			margin: 60px auto 0 auto;
			padding: 50px 0 0 0;
			width: 900px;
		}
		
		.garant-desc-left {
			width: 502px;
		}
		
		.garant-disclaimer {
			display: block;
			width: 450px;
			font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 12px;
		line-height: 135%;
		}
		
		.garant-desc-right {
			margin: 40px 0 0 260px;
		}
		
		.points {
			padding: 60px 0 0 0;
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			width: 700px;
			margin: 0 auto;
		}
		
		.point {
			width: 327px;
			height: 235px;
			border: 2px solid #00ADEE;
			box-sizing: border-box;
			border-radius: 5px;
			text-align: center;
			padding: 20px;
		}
		
		.point img{
			display: block;
			margin: -52px auto 0 auto;
		}
		
		.point-count {
			display: block;
			font-family: Open Sans;
			font-style: normal;
			font-weight: normal;
			font-size: 24px;
			line-height: 28px;
			text-align: center;
			color: #00adee;
			margin: 8px 0 0 0;
		}
		
		.point-desc {
			display: block;
			font-family: Open Sans;
			font-style: normal;
			font-weight: 600;
			font-size: 14px;
			line-height: 135%;
			margin: 30px 0 0 0;
		}
		
		.sample {
			font-family: Open Sans;
			font-style: normal;
			font-weight: 600;
			font-size: 14px;
			line-height: 135%;
			display: block;
			margin: 30px 0 0 0;
		}
		
		.sample a {
			color: #00adee;
		}
		
		.sample a:hover {
			text-decoration: none;
		}
		
		.three-steps {
			text-align: center;
		}
		
		.first-step {
			font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 24px;
		line-height: 33px;
		text-align: center;

		}
		
		.contest_step_first_instruction {
			display: flex;
			justify-content: center;
			width: 876px;
			margin: 30px auto 0 auto;
			height: auto;
			
			
		}
		
		.contest_step_first_instruction1_img {
			height: 60px;
			display: flex;
			justify-content: center;
		}
		
		.contest_step_first_instruction span {
		font-family: Roboto;
			font-style: normal;
			font-weight: normal;
			font-size: 12px;
			line-height: 135%;
			/* or 16px */
			margin-top: 15px;
			text-align: center;

			color: #000000;
		}
		
		.contest_step_first_instruction1 {
			width: 150px;
		}
		
		.contest_step_first_instruction1:last-child {
			width: 190px;
		}
		
		.advice {
			display: block;
			font-family: Open Sans;
			font-style: normal;
			font-weight: normal;
			font-size: 18px;
			text-align: center;
			width: 800px;
			margin: 20px auto 0 auto;
		}
		
		.idea {
			display: block;
			margin: 60px 0 15px 0;
		}
		
		.second-step {
			display: block;
			font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 24px;
		line-height: 33px;
		text-align: center;
		width: 800px;
		margin: 0 auto;
		}
		
		.platform {
			width: 450px;
		}
		
		.platform a {
			color: #00adee;
		}
		
		.third-step {
			margin: 60px auto 0 auto;
		}
		
		.contest_form {
			margin: 20px auto;
			width: 407px;
			background: radial-gradient(118.01% 118.01% at 50% 0%, #00ADEE 0%, #3AC9FF 100%);
		/* inner shadow */

		box-shadow: inset 0px 0px 10px rgba(0, 173, 238, 0.2);
		border-radius: 5px;

		}
		.contest_subtitle {
			display: block;
			width: 325px;
		}
		
		
		
		.form-control{
			margin-top: 20px;
			background: #FFFFFF;
		border: 1px solid #F2F2F2;
		box-sizing: border-box;
		box-shadow: inset 0px 0px 10px rgba(0, 173, 238, 0.15);
		border-radius: 5px;
			width: 324px;
			height: 45px;
			font-family: Open Sans;
			font-style: normal;
			font-weight: normal;
			font-size: 14px;
			line-height: 19px;
			/* identical to box height */


			color: #000000;

			padding-left: 23px;
		}
		
		.form-control:first-child {
			margin-top: 40px;
		}
	

	
}


		/* Larger than Desktop HD 1300 */
		/* Larger than Desktop HD 1300 */
		/* Larger than Desktop HD 1300 */
		@media (min-width: 1300px) {

		.container {
		width: 100%;
		max-width:1180px;
		margin:auto;
		overflow: hidden;
		}
		
		.header {
		
		height: 591px;
		background: radial-gradient(118.01% 118.01% at 50% 0%, #00ADEE 0%, #3AC9FF 100%);
		
		}

		.timeline {
			margin: 0px auto;
			padding: 45px 0;
			width: 636px;
			animation-duration: 2s;
			animation-name: timel;
		}
		
		@keyframes timel {
		  from {
			opacity: 0; 
		  }

		  to {
			opacity: 1; 
		  }
		}
		
		.timeline img {
			width: 636px;
		}
		
		.title {
			font-family: Intro black;
			font-style: normal;
			font-weight: normal;
			font-size: 72px;
			text-align: center;
			letter-spacing: 0.05em;
			text-transform: uppercase;
			color: #FFFFFF;
			animation-duration: 1.3s;
			animation-name: title;
		}
		
		@keyframes title {
		  from {
			margin-top: 100%;
			height: 300%; 
		  }

		  to {
			margin-top: 0%;
			width: 100%;
		  }
		  
		  
		}
		
		.description {
			font-family: Open Sans;
			font-style: normal;
			font-weight: normal;
			font-size: 27.3231px;
			line-height: 37px;
			text-align: center;
			letter-spacing: 0.05em;
			text-transform: uppercase;
			color: #FFFFFF;
			animation-duration: 1.3s;
			animation-name: desc;
			
		}
		
		@keyframes desc {
		  from {	
			margin-top: 100%;
			height: 300%; 
		  }

		  to {
			margin-top: 0%;
			width: 100%;
		  }
		}
		
		.description a{
			text-decoration: underline;
			color: #FFFFFF;
		
		}
		
		.description a:hover{
			text-decoration: none;
			color: #FFFFFF;
		}
		
		.border-header img{
			margin: -120px auto 0 auto;
			max-width: 1180px;
		}
		
		
		
		.calendar h1 {
			margin: 30px 0px 0 70px;
			text-align: left;
		}
		
		.bricks {
			margin: 0 0 0 0px;
			max-width: 1180px;
		}
		
		.brick {
			width: 327px;
			height:356px;
			display: inline-block;
			margin: 30px;
			box-shadow: 0px 15px 40px rgba(0, 173, 238, 0.20);
			border-radius: 15px;
		}
		
		
		
		.brick:hover {
			cursor: pointer;
			opacity: 0.8;
		}
		
		.brick:active {
			animation-duration: 0.1s;
			animation-name: shake;
		} 
		
		@keyframes shake {
		  from {
			 
			transform: rotate(-5deg); 
		  }

		  to {
			transform: rotate(0deg); 
		  }
		  
		 }
		
		.border-calendar {
			margin: 60px 0 -120px 0;
		}
		
		.current-back {
			background: radial-gradient(118.01% 118.01% at 50% 0%, #EBF9FF 0%, #FFFFFF 100%);
			height: 550px;
		}
		.current-active {
			
			max-width: 1060px;
			margin: 0 auto;
			
			display: flex;
			flex-direction: row;
			
		}
		
		.current-name {
			margin: 80px 0 0 0px;
			display: inline-block;
			max-width: 500px;
			height: 550px;
			
		}
		
		.deadline {
		display: block;
		margin: -12px 0 0 0;
		color: #00ADEE;
		font-family: Open Sans;
		font-style: normal;
		font-weight: 600;
		font-size: 18px;
		line-height: 18px;
		}
		
		.current-desc {
			display: block;
			margin: 50px 0 0 0;
			font-family: Open Sans;
			font-style: normal;
			font-weight: normal;
			font-size: 24px;
			line-height: 33px;
		}
		
		.current-name a {
			margin: 50px 0 0 0;
			display: block;
			width: 235px;
			height: 55px;
			text-decoration: none;
			font-family: Open Sans;
			text-align: center;
			font-style: normal;
			font-weight: normal;
			color: white;
			font-size: 18px;
			line-height: 55px;
			transition: 0.3s;
			background: radial-gradient(118.01% 118.01% at 50% 0%, #00ADEE 0%, #3AC9FF 100%);
			box-shadow: 0px 15px 40px rgba(0, 173, 238, 0.15);
			border-radius: 5px;
		}
		
		.current-name a:hover {
			color: #00adee;
			background: white;
			box-shadow: 0px 15px 40px rgba(0, 173, 238, 0.35);
		}
		
		.current-img {
			display: inline-block;
			margin: 80px 0 0 90px;
			
			border-radius: 5px;
		}
		
		.current-img img {
			box-shadow: 0px 15px 40px rgba(0, 173, 238, 0.15);
		}
		
		.rev-cont-header {
			max-width: 100%;
			background: radial-gradient(118.01% 118.01% at 50% 0%, #00ADEE 0%, #3AC9FF 100%);
			margin: -20px 0 0 0;
			height: 509px;
		}
		
		.title-rev {
			font-family: Open Sans;
			font-style: normal;
			font-weight: 600;
			font-size: 64px;
			line-height: 87px;
			color: white;
			margin: 0 auto;
			padding: 100px 0 0 0;
			max-width: 1000px;
		}
		
		.rev-desc {
			display: flex;
			flex-direction: row;
			max-width: 1000px;
			margin: 45px 0 0 70px;
		}
		
		.rec-desct-text {
		text-align: left;
			font-family: Open Sans;
			font-style: normal;
			font-weight: 600;
			font-size: 24px;
			line-height: 33px;
			
			color: #FFFFFF;
			display: block;
			width: 418px;
		}
		
		.disclaimer {
			text-align: left;
			margin: 30px 0 0 0;
			display: block;
			width: 418px;
			font-family: Open Sans;
			font-style: normal;
			font-weight: normal;
			font-size: 12px;
			line-height: 135%;
			color: #FFFFFF;
		}
		
		.disclaimer a {
			color: white;
		}
		
		.rev-desc-right {
			margin: 0 0 0 190px;
		}
		
		.border-cont {
			margin: 0 auto;
			max-width: 754px;
		}
		
		.border-cont img {
			max-width: 754px;
		}
		
		.gift-title {
			display: block;
			margin: 30px auto 60px auto;
			width: 640px;
			font-family: Open Sans;
			font-style: normal;
			font-weight: normal;
			font-size: 36px;
			line-height: 135%;
			/* or 49px */

			text-align: center;
		}
		
		.gifts {
			width: 960px;
			max-width: 960px;
			display: flex;
			flex-direction: row;
			margin: 0 auto;
			justify-content: space-between;
		}
		
		.gift img {
			box-shadow: 0px 15px 40px rgba(0, 173, 238, 0.15);
			border-radius: 15px;
		}
		
		.gift {
			width: 418px;
		}
		
		.gift-name {
			display: block;
			margin: 20px 0 0 0;
			font-family: Open Sans;
			font-style: normal;
			font-weight: normal;
			font-size: 24px;
			line-height: 33px;
		}
		
		.garant {
		max-width: 100%;
		height: 600px;
		background: rgba(0, 173, 238, 0.05);
		box-shadow: inset 0px 0px 10px rgba(0, 173, 238, 0.2);
		
		}
		
		.garant-desc {
			display: flex;
			flex-direction: row;
			margin: 60px auto 0 auto;
			padding: 50px 0 0 0;
			width: 900px;
		}
		
		.garant-desc-left {
			width: 502px;
		}
		
		.garant-disclaimer {
			display: block;
			width: 450px;
			font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 12px;
		line-height: 135%;
		}
		
		.garant-desc-right {
			margin: 40px 0 0 260px;
		}
		
		.points {
			padding: 60px 0 0 0;
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			width: 700px;
			margin: 0 auto;
		}
		
		.point {
			width: 327px;
			height: 235px;
			border: 2px solid #00ADEE;
			box-sizing: border-box;
			border-radius: 5px;
			text-align: center;
			padding: 20px;
		}
		
		.point img{
			display: block;
			margin: -52px auto 0 auto;
		}
		
		.point-count {
			display: block;
			font-family: Open Sans;
			font-style: normal;
			font-weight: normal;
			font-size: 24px;
			line-height: 28px;
			text-align: center;
			color: #00adee;
			margin: 8px 0 0 0;
		}
		
		.point-desc {
			display: block;
			font-family: Open Sans;
			font-style: normal;
			font-weight: 600;
			font-size: 14px;
			line-height: 135%;
			margin: 30px 0 0 0;
		}
		
		.sample {
			font-family: Open Sans;
			font-style: normal;
			font-weight: 600;
			font-size: 14px;
			line-height: 135%;
			display: block;
			margin: 30px 0 0 0;
		}
		
		.sample a {
			color: #00adee;
		}
		
		.sample a:hover {
			text-decoration: none;
		}
		
		.three-steps {
			text-align: center;
		}
		
		.first-step {
			font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 24px;
		line-height: 33px;
		text-align: center;

		}
		
		.contest_step_first_instruction {
			display: flex;
			justify-content: center;
			width: 876px;
			margin: 30px auto 0 auto;
			height: auto;
			
			
		}
		
		.contest_step_first_instruction1_img {
			height: 60px;
			display: flex;
			justify-content: center;
		}
		
		.contest_step_first_instruction span {
		font-family: Roboto;
			font-style: normal;
			font-weight: normal;
			font-size: 12px;
			line-height: 135%;
			/* or 16px */
			margin-top: 15px;
			text-align: center;

			color: #000000;
		}
		
		.contest_step_first_instruction1 {
			width: 150px;
		}
		
		.contest_step_first_instruction1:last-child {
			width: 190px;
		}
		
		.advice {
			display: block;
			font-family: Open Sans;
			font-style: normal;
			font-weight: normal;
			font-size: 18px;
			text-align: center;
			width: 800px;
			margin: 20px auto 0 auto;
		}
		
		.idea {
			display: block;
			margin: 60px 0 15px 0;
		}
		
		.second-step {
			display: block;
			font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 24px;
		line-height: 33px;
		text-align: center;
		width: 800px;
		margin: 0 auto;
		}
		
		.platform {
			width: 450px;
		}
		
		.platform a {
			color: #00adee;
		}
		
		.third-step {
			margin: 60px auto 0 auto;
		}
		
		.contest_form {
			margin: 20px auto;
			width: 407px;
			background: radial-gradient(118.01% 118.01% at 50% 0%, #00ADEE 0%, #3AC9FF 100%);
		/* inner shadow */

		box-shadow: inset 0px 0px 10px rgba(0, 173, 238, 0.2);
		border-radius: 5px;

		}
		.contest_subtitle {
			display: block;
			width: 325px;
		}
		
		
		
		.form-control{
			margin-top: 20px;
			background: #FFFFFF;
		border: 1px solid #F2F2F2;
		box-sizing: border-box;
		box-shadow: inset 0px 0px 10px rgba(0, 173, 238, 0.15);
		border-radius: 5px;
			width: 324px;
			height: 45px;
			font-family: Open Sans;
			font-style: normal;
			font-weight: normal;
			font-size: 14px;
			line-height: 19px;
			/* identical to box height */


			color: #000000;

			padding-left: 23px;
		}
		
		.form-control:first-child {
			margin-top: 40px;
		}
		
		
		
		
}



		/* Public */
		/* Public */
		/* Public */

	h1 {
		color: #00ADEE;
		font-family: Open Sans;
		font-style: normal;
		font-weight: 600;
		font-size: 36px;
		line-height: 49px;
	}
	
	button {
	font-family: Open Sans;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 25px;
color: #00adee;
			width: 182px;
		height: 45px;
		background: radial-gradient(118.01% 118.01% at 50% 0%, #FFFFFF 0%, #EBF9FF 100%);
/* light shadow */

box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
border-radius: 5px;
		border: 0;
		margin: 20px 0;
}

button:disabled {
	color: #00adee;
}