/*       Блок 1          */
	.block1-about {
		padding-top: 140px;
		background: radial-gradient(#2b104c, #120c19);
		min-height: 100vh;
		position: relative;
	}
	.block1-about .content {
		background: url(../images/wr-word-1-case.png) no-repeat left top;  
		min-height: 630px; 
		opacity: 0;
	}
	.title {
	    position: relative;
	    font-family: 'Montserrat-Bold';
	    font-weight: 700;
	    padding: 0 0 20px;
	    font-size: 32px;
	    line-height: 40px;
	    margin: 0;
	}
	.title .dash {
	    display: inline-block;
	    height: 1px;
	    width: 20px;
	    background-color: #cfcfcf;
	    margin:10px 17px;
	}
	.title .bottom-line {
	    margin: 5px 0 5px 125px ;
	    display: block;
	    height: 3px;
	    width: 305px;
	    background: #dc0034;
	}
	.padd-left {
		padding-left: 90px;
	}
	.block1-about p, .block1-about .title{
		color: #fff;
	}
	.order1, .order2, .order3 {
		opacity: 0;
	    position: relative;
		top: 20px;
	}
	.order1 {margin-bottom: 70px;} /*100*/
	.block1-about .float-left {width: calc(100% - 315px); padding-top: 150px; padding-right: 10px;}
	.block1-about .float-right {width: 315px;}
	.block1-about .float-right img {width: 100%;padding-top: 120px;}

/*       Блок 2          */
	.block2-about {
		padding: 80px 0 75px;
		position: relative;
		background: url(../images/wr-word-2-2-case.png) no-repeat;
		background-position: 85% 100%;
        background-size: auto 60%;
	}
	.block2-about .content {
		background: url(../images/wr-word-2-case.png) no-repeat left top;
	}
	.block2-about .bottom-line {
		width: 370px;
	}
	.block2-about .title {
		padding-bottom: 13px;
	}
	.block2-about .title .dash {
		margin: 10px 13px;
	}
	.block2-about ul, .block3-about ul {
		padding-top: 20px;
	}
	.block2-about ul li,
	.mob-block2 ul li,
	.block3-about ul li,
	.mob-block3 ul li {
		padding: 6px 0;
		color: #545454;
		font-family: 'Montserrat-Regular', sans-serif;
		font-size: 22px;
		line-height: 32px;
		list-style-type: none;
	}
	.block2-about ul li svg, .block3-about ul li svg {
		margin-right: 10px;
	}
	.block2-about ul li svg path, .block3-about ul li svg path {
	    fill: #c10037;
	}

/*       Блок 3          */
	.block3-about {
		position: relative;
		background: #f4f4f4;
		padding: 80px 0 60px;
	}
	.block3-about .content {
	    background: url(../images/wr-word-3-case.png) no-repeat left top;
	}
	.block3-about .title {
	    font-size: 31px;
	}
	.block3-about .bottom-line {
		width: 450px;
	}
	.block3-about .title .dash {
		margin: 10px 14px;
	}	
	.block3-about .padd-left {
		font-size: 22px;
		margin-bottom: 0;
	}
	.block3-about .wrp-grafik {
		position: relative;
	}
	.block3-about .grafik-orig {
		position: absolute;
		left: calc(50% - 406px);
		top: 30px;
	}
	.block3-about .grafik-new {
		margin-top: 270px;
		width: 100%;
	}

/*       Блок 4          */
	.block4-about {
		position: relative;
		padding: 75px 0 30px;
	}
	.block4-about .content {
	    background: url(../images/wr-word-4-case.png) no-repeat left top;
		min-height: 350px;
	}
	.block4-about .title {
    	padding-bottom: 55px;
	}
	.block4-about .title .dash {
		margin: 10px 12px;
	}
	.block4-about .title .bottom-line {
		width: 630px;
	}
	.block4-about .wrp-col-top.float-left {
		width: 52%;
	}
	.block4-about .wrp-col-top.float-right {
		width: 48%;
	}
	.block4-about .wrp-col-top-line {
		margin-bottom: 10px;
	}
	.block4-about .wrp-col-top .wrp-col-top-line .float-right p {
		font-size: 22px;
	}
	.block4-about .small-title {
		line-height: 26px;
		margin-right: 25px;
	}

/*       Блок 5          */
	.block5-about {
		position: relative;
		background: #f4f4f4;
		padding: 80px 0 115px;
	}
	.block5-about .content {
	    background: url(../images/wr-word-5-case.png) no-repeat left top;
	    background-size: contain;
	}
	.block5-about .bottom-line {
		width: 585px;
	}
	.block5-about .title {
	    margin-bottom: 30px;
	}
	.block5-about .title .dash {
		margin: 10px 12px;
	}
	.block5-about .case {
		position: relative;
		width: 32%;
	}
	.block5-about .case.middle {
		margin-left: 2%;
		margin-right: 2%;
	}
	.block5-about .case p {
		line-height: 26px;
	}
	.small-title {
	    margin: 0px;
	    font-size: 22px;
	    font-family: 'Montserrat-Bold';
	    font-weight: 700;
	    letter-spacing: 0.9px;
	    line-height: 44px;
	    color: #dc0034;
	}
	.block5-about .case img {
		width: 100%;
		box-shadow: 0px 0px 30px 10px rgba(17, 17, 17, .06);
	}

/*       Блок 6          */
	.block6-about {
		position: relative;
	}
	.block6-about .content {
	    background: url(../images/wr-word-6-case.png) no-repeat left top;
	    background-size: contain;
	    background-position-y: 177px;
		padding: 80px 0 240px;
	}
	.block6-about .bottom-line {
		width: 585px;
	}
	.block6-about .title {
	    font-size: 31px;
	}
	.block6-about .title .dash {
		margin: 10px 12px;
	}

/*       Блок 7          */
	.block7-about {
		position: relative;
		background: #f4f4f4;
		padding: 80px 0 110px;
	}
	.block7-about .content {
		height: 605px;
	} 
	.block7-about .title {
	    padding-bottom: 40px;
	}
	.block7-about .title .dash {
		margin: 10px 12px;
	}
	.block7-about .float-left { 
		width: 515px;
	}
	.block7-about .small-title {
		font-size: 15px;
		line-height: 26px;
		color: #777676;
		letter-spacing: 0;
		padding-top: 10px;
	}
	.block7-about .small-title span {
		color: #111;
	}
	.block7-about .float-right {
		padding-left: 30px;
		width: calc(100% - 515px);
	}
	.block7-about .float-right img {
		height: 100%;
		box-shadow: 0px 0px 30px 10px rgba(17, 17, 17, .06);
	}

/*   -     Мобильная версия     -  */
	@media screen and (max-width: 1023px) {
		/*     Блок 1. Моб */
		.mob-block1 {
		    position: relative;
		    padding-top: 110px;
		    padding-bottom: 50px;
			background: radial-gradient(#2b104c, #120c19);
		    z-index: 1;
		}
		.mob-block1 p {
		    color: #fff;
		}
		.mob-block1 .mob-content {
			background: url(../images/wr-word-1-case.png) no-repeat;
			background-size: contain;
			padding-top: 130px;
		}
		.mobile .title .dash {
		    width: 15px;
		    margin: 7px 6px
		}
		.mobile .title .bottom-line {
		    width: 218px;
		    margin: 5px 0 5px 73px;
		}
		.order1 {
		    margin-bottom: 0px;
		}
		.mob-block1 img {
			width: 100%;
			margin-bottom: 50px;
		}
	
	/*     Блок 2. Моб */
		.mob-block2 {
		    position: relative;
		    padding-top: 50px;
		    padding-bottom: 30px;
		}
		.mobile .mob-block2 .title .dash {
		    width: 13px;
		    margin: 7px 5px;
		}
		.mobile .small-title {
		    margin: 20px 0 30px;
		    font-size: 18px;
		    letter-spacing: 0px;
		}
		.mob-block2 ul, .mob-block3 ul  {
			padding-left: 0px;
		}
		.mob-block2 ul li, .mob-block3 ul li {
			padding:7px 0;
		}
		.mob-block2 ul li svg, .mob-block3 ul li svg {
			margin-right: 10px;
			float: left;
		}
		.mob-block2 ul li svg path, .mob-block3 ul li svg path {
		    fill: #c10037;
		}
		.mob-block2 ul li p, .mob-block3 ul li p {
			margin-bottom: 0;
		}

	/*     Блок 3. Моб */
		.mob-block3 {
			position: relative;
		    padding-top: 50px;
		    padding-bottom: 50px;
			background: #f4f4f4;
		}
		.mob-block3 .grafik-orig {
			position: absolute;
			left: calc(50% - 145px);
			width: 100%;
		}
		.mob-block3 .grafik-new {
			margin-top: 40px;
			width: 100%;
		}

	/*       Блок 4. Моб          */
		.mob-block4 {
			position: relative;
			padding: 50px 0 30px;
		}
		.mob-block4 .wrp-col-top-line {
			margin-bottom: 10px;
		}
		.mob-block4 .wrp-col-top-line .float-left{
			width: 75px;
		}
		.mob-block4 .wrp-col-top-line .float-right{
			width: calc(100% - 75px);
		}
		.mob-block4 .small-title {
			line-height: 26px;
			margin-top: 0px;
		}

	/*       Блок 5. Моб          */
		.mob-block5 {
			position: relative;
			background: #f4f4f4;
			padding: 50px 0 30px;
		}
		.mob-block5 .title {
		    margin-bottom: 30px;
		}
		.mob-block5 .case p {
			line-height: 26px;
		}
		.mob-block5 .small-title {
		    margin: 0px;
		    line-height: 24px;
		}
		.mob-block5 .case img {
			margin-bottom: 40px;
			width: 290px;
			box-shadow: 0px 0px 30px 10px rgba(17, 17, 17, .06);
		}

	/*       Блок 6. Моб          */
		.mob-block6 {
			padding: 50px 0;
		}

	/*       Блок 7. Моб          */
		.mob-block7 {
			position: relative;
			background: #f4f4f4;
			padding: 50px 0;
		}
		.mob-block7 .title .bottom-line {
		    margin: 5px 0 5px 65px;
		}
		.mob-block7 .small-title {
			font-size: 15px;
			line-height: 26px;
			color: #777676;
			letter-spacing: 0;
			padding-top: 10px;
		}
		.mob-block7 .small-title span {
			color: #111;
		}
		.mob-block7 img {
			margin-bottom: 30px;
			width: 290px;
			box-shadow: 0px 0px 30px 10px rgba(17, 17, 17, .06);
		}
}	

@media screen and (min-width: 600px) {
	.mob-block1 .mob-content {padding-top: 200px;}
} 