body
{
	text-align: center;
	font-family: "Century Gothic", "Arial", sans-serif;
}

h1, h2, h3, h4
{
	font-family: "Century Gothic", "Arial", sans-serif;
	font-weight: bold;
}

.reg-button-wrapper
{
	font-family: "Century Gothic", "Arial", sans-serif;
	font-weight: bold;
	font-size: 30px;
	text-align: center;

	padding-top: 20px;
	padding-bottom: 10px;

	a 
	{
		color: white;
		text-decoration: none;
	}

	.reg-button
	{
		background-color: #40804C;
	
		display: inline-block;
		padding: 10px 30px;
		
		margin-bottom: 5px;

		border-radius: 5px;
		box-shadow: #34583B 0px 5px 0px;
	}

	.reg-button:hover
	{
		background-color: #60A26C;
		box-shadow: none;

		margin-top: 5px;
		margin-bottom: 0px;
	}


}

.bsk_places
{
	font-size: 30px;
	padding-bottom: 15px;

	span
	{
		font-size: 32px;
	}
}



.xblock
{
	padding-bottom: 20px;

	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;

	font-family: "Century Gothic", "Arial", sans-serif;

}


.b1
{
	background-image: url('../img/slide1.jpg');


	h2 {
		margin-top: 39px;
		margin-bottom: 28px;

		color: white;
		font-size: 60px;
	}

	h1
	{
		display: inline-block;
		padding: 0px 24px;

		background-color: white;
		color: #4c4a4a;
		font-size: 90px;
	}

	h3 
	{
		margin-top: 66px;
		margin-bottom: 30px;

		color: white;
		font-size: 45px;
		text-shadow: black 4px 3px;
	}

	h4
	{
		display: inline;
		padding: 10px 20px;
		
		color: white;
		background: black;
		font-size: 45px;
		font-weight: normal;
	}


	.reg-button-wrapper
	{
		margin-top: 50px;
		// margin-bottom: 30px;
	}

	.bsk_places
	{
		color: white;
	}

}

.b2
{
	padding-top: 30px;

	h2
	{
		font-size: 40px;
	}

	.step
	{
		max-width: 400px;
		margin: auto;

		.step-title
		{
			font-size: 38px;
			font-weight: bold;
			padding: 20px 0px;

			span
			{
				color: #40804C;
			}
		}
		.step-img-container
		{
			position: relative;
			.step-img {
		    	width: 85%;
		    }
		}
		.step-descr
		{
			padding: 20px 15px;
			font-size: 27px;
		}
		.step-arrow
		{
			position: absolute;
			display: block;

			width: 35%;

		}
	}
	.step1 .step-arrow
	{
		left: 87%;
		top: -5%;
	}
	.step2 .step-arrow
	{
		left: 87%;
		bottom: -5%;
	}

}


.b3
{
	background-image: url('../img/slide3.jpg');

	h2
	{
		margin-top: 60px;
		margin-bottom: 50px;
		font-size: 40px;
	}

	.good
	{
		text-align: left;
		font-size: 16px;

		padding-left: 250px;
		max-width: 650px;
		margin: auto;
		margin-bottom: 35px;

		background-repeat: no-repeat;
		background-position: top left;
		background-size: cover;

		.good-img
		{
			display: none;
		}

		.good-body
		{
			background-color: white;
			padding-left: 20px;

			.good-title
			{
				font-size: 22px;
				font-weight: bold;
				padding-top: 15px;
				padding-bottom: 15px;
				border-bottom: 1px solid black;
				max-width: 320px;
			}

			.good-descr
			{
				margin-top: 15px;
				padding-bottom: 25px;

				.good-descr-1 b
				{
					color: red;
				}

				.good-descr-2 b
				{
					color: orange;
				}

				.good-descr-5 b
				{
					color: green;
				}
			}
		}
	}

	.good1
	{
		background-image: url(../img/goods1_big.png);
	}

	.good2
	{
		background-image: url(../img/goods2_big.png);
	}

	.good3
	{
		background-image: url(../img/goods3_big.png);
	}


}

.b4
{
	background-image: url('../img/slide4.jpg');

	color: white;

	padding-bottom: 60px;


	h2
	{
		margin-top: 60px;
		margin-bottom: 50px;
		font-size: 43px;
	}

	.studies
	{
		.study-box
		{
			display: inline-block;
			max-width: 376px ;
			width: 100%;
			.study
			{
				width: 46%;
			}
		}

		.study-box2
		{
			max-width: 188px ;
			.study
			{
				width: 92%;
			}
		}

		.study-right
		{
			margin-left: 4%;
		}

		.study
		{
			display: inline-block;
			vertical-align: top;

			.study-img
			{
				img 
				{
					width: 100%;
				}
			}

			.study-descr
			{
				font-size: 18px;
				font-weight: bold;
			}
		}
	}

}

.b5
{
	background-image: url('../img/slide5.jpg');

	color: white;


	.gift
	{
		background-color: #1081327;
		background-image: url('../img/bg_blue.jpg');

		margin-top: 40px;
		margin-bottom: 30px;
		padding-bottom: 10px;
		border-radius: 9px;

		.gift-1
		{
			font-size: 65px;
			font-weight: bold;
			padding-top: 25px;
			line-height: 51px;
		}
		.gift-2
		{
			font-size: 73px;
			font-weight: bold;
			line-height: 81px;
		}
		p
		{
			font-size: 23px;
			font-weight: bold;
			margin-bottom: 21px;
		}
	}
}

footer 
{
	padding: 20px 20px;
	a {
		color: gray;

	}
}

body .humane, .humane-libnotify
{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0,0,0,0.9)), color-stop(1, rgba(50,50,50,0.9))) no-repeat;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.9) 0%, rgba(50,50,50,0.9) 100%) no-repeat;
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.9) 0%, rgba(50,50,50,0.9) 100%) no-repeat;
	background: -ms-linear-gradient(top, rgba(0,0,0,0.9) 0%, rgba(50,50,50,0.9) 100%) no-repeat;
	background: -o-linear-gradient(top, rgba(0,0,0,0.9) 0%, rgba(50,50,50,0.9) 100%) no-repeat;
	background: linear-gradient(top, rgba(0,0,0,0.9) 0%, rgba(50,50,50,0.9) 100%) no-repeat;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0,0,0,0.9)), color-stop(1, rgba(79, 133, 109, 0.9))) no-repeat;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.9) 0%, rgba(79, 133, 109, 0.9) 100%) no-repeat;
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.9) 0%, rgba(79, 133, 109, 0.9) 100%) no-repeat;
	background: -ms-linear-gradient(top, rgba(0,0,0,0.9) 0%, rgba(79, 133, 109, 0.9) 100%) no-repeat;
	background: -o-linear-gradient(top, rgba(0,0,0,0.9) 0%, rgba(79, 133, 109, 0.9) 100%) no-repeat;
	background: linear-gradient(top, rgba(0,0,0,0.9) 0%, rgba(79, 133, 109, 0.9) 100%) no-repeat;	
}

@media screen and (max-width: 991px) {

	.step-arrow
	{
		display: none !important;
	}
}

@media screen and (max-width: 700px) {

.b3
{
	.good
	{
		padding-left: 0px;
		background-image: none !important;
		text-align: center;

		.good-img
		{
			display: block;
			margin-bottom: 6px;
		}

		.good-body
		{
			border-radius: 6px;
		}

		.good-title
		{
			margin-left: auto;
			margin-right: auto;
		}
	}

	.good1
	{
		background-image: url(../img/goods1_big.png);
	}

	.good2
	{
		background-image: url(../img/goods2_big.png);
	}

	.good3
	{
		background-image: url(../img/goods3_big.png);
	}



}

}

@media screen and (max-width: 600px) {
	.gift-1
	{
		font-size: 40px !important;
	}
	.gift-2
	{
		font-size: 46px !important;
	}
}

@media screen and (max-width: 500px) {

	.b1
	{
		h1
		{
			font-size: 60px;
		}
		h2
		{
			font-size: 30px;
		}
		h3
		{
			font-size: 30px;
		}
		h4
		{
			font-size: 30px;
		}

	}
}