@import url('https://fonts.googleapis.com/css?family=Caveat:700');
/*main styles: start*/
.header {
	position: relative;
	z-index: 3;
	margin-bottom: 0;
}

h2, .begin_block .slogan {
	margin-bottom: 14px;
	color: #32383e;
}

.begin_block .slogan {
	margin-bottom: 30px;
    /*max-width: 340px;*/
	font: 300 44px/60px "Lato", "Helvetica Nueu", "Arial", sans-serif;
}
/*main styles: end*/

/*start block: start*/
.begin_block {
	position: relative;
	z-index: 2;
	margin-bottom: 40px;
	background-color: #fff;
	-webkit-box-shadow: 0 0 27px 0 rgba(124, 177, 183, 0.48);
	-moz-box-shadow:    0 0 27px 0 rgba(124, 177, 183, 0.48);
	box-shadow:         0 0 27px 0 rgba(124, 177, 183, 0.48);
}

.begin_block .container {
	padding-top: 25px;
	padding-bottom: 55px;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.begin_block .left_block {
	max-width: 450px;
	width: 39%;
	float: left;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	margin-top:-7px;
}

h2 {
	font: 300 32px "Lato", "Helvetica Nueu", "Arial", sans-serif;
}

.begin_block .list_steps {
    list-style: none;
    margin-bottom: 40px;
    max-width: 330px;
}

.begin_block .list_steps li {
	/*overflow: hidden;*/
	margin-bottom: 30px;
}

.begin_block .list_steps li:last-child {margin-bottom: 0;}

.begin_block .steps {
	/*overflow: hidden;*/
	display: block;
	color: #232629;
	/*padding-top: 10px;*/
	font: 700 31px/30px "Caveat", "Helvetica Nueu", "Arial", sans-serif;
	margin-bottom: 10px;

}

.mosaic_block {
	float: right;
	height: 472px;
	width: 60%;
}

.mosaic_container {
	width: 100%;
	/*height: 675px;*/
	/*background-color: #fff;*/
	margin-bottom: 60px;
}

.osd-index {
	width:100%;
	height:100%;
	background-color: #fff;
}

.begin_block .button {
    line-height: normal;
    padding: 10px 30px 17px;
    width: 156px;
    font-size: 22px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*start block: end*/

.index_slide_loader {
	width: 100%;
	height: 100%;
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
}

.index_slide_loader > img {
	display: block;
	position: static;
	margin: 0 auto;
}

.mosaic_name {
	color: #232629;
	font: 700 23px/30px "Caveat", "Helvetica Nueu", "Arial", sans-serif;
	text-align: right;
    padding-right: 3px;
}

.index_slide_loader {background-color: #f4f4f4;}

@media screen and (max-width: 1240px) {
	.mosaic_container {padding: 0;}
}

@media screen and (max-width: 880px) {
	.begin_block .container {
		padding-top: 0;
		padding-bottom: 28px;
	}
	h2 {font-size: 30px;}
	.begin_block .slogan {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 20px;
        margin-top: 13px;
        max-width: 100%;
	}
	.begin_block .button {
		font-size: 24px;
		padding-top: 7px;
	}

	.mosaic_container {margin-bottom: 40px;}

	.begin_block .left_block {
		float: none;
		width: 100%;
		max-width: 100%;
		margin-bottom: 30px;
	}
	.mosaic_block {
		float: none;
		width: 100%;
		height: auto;
	}
	.begin_block .list_steps {
		margin-bottom: 30px;
		max-width: 100%;
	}
	.begin_block .steps {
		font-size: 28px;
		line-height: 30px;
		padding-top: 2px;
	}
	.begin_block .list_steps li{
		margin-bottom: 15px;
	}
}

@media screen and (max-width: 600px) {
	.begin_block .slogan, h2 {font-size: 24px;}
	.begin_block .slogan {
		line-height: 32px;
		padding-right: 0;
		margin-bottom: 15px;
	}
    .begin_block .list_steps {margin-bottom: 25px;}
	h2 {font-size: 24px;}
	.begin_block .button {
		font-size: 18px;
		width: auto;
		padding: 5px 0 10px 0;
	}
	.begin_block .container {
		/*padding-top: 20px;*/
		padding-bottom: 20px;
		display: block;
	}

	.mosaic_container {margin-bottom: 30px;}
	.mosaic_name {font-size: 20px;}
	.begin_block .steps{
		font-size: 22px;
		line-height: 22px;
	}
	.begin_block .list_steps li{
		margin-bottom: 0;
	}
}