
.mp-section--usl{z-index:13;margin-top:200px;padding-bottom:0px;}
.mp-section--usl:after{right:0;bottom:150px;left:calc((100% - 1200px) / 2 + 1200px - 440px);height:400px}
.mp-section--usl .wrapper{height:100%}
@media only screen and (max-width: 1260px){
	.mp-section--usl{margin-top:60px}
	.mp-section--usl:after{height:330px; margin-top:60px}
}
@media only screen and (min-width: 640px) and (max-width: 960px){
	.mp-section--usl{margin-top:60px}
	.mp-section--usl:after{height:330px; margin-top:60px}
}
@media only screen and (max-width: 640px){
	.mp-section--usl{min-height:680px;margin-top:60px}
	.mp-section--usl:after{display:none}
	.mp-section--usl .wrapper{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
}


.mp-usl__title h1{
	font-family:'Oranienbaum',Serif;
	font-size:36px;
	font-weight: normal;
	line-height:40px;
	top:0px;
	margin-bottom: 60px;
	box-sizing:border-box;
	color:#8b512e;
	text-align:left;
}

.mp-usl-c1__text{
	line-height:36px; 
	font-size:24px;
	margin-bottom: 60px;
}
.is-animate .mp-usl-c1__text{transition-delay:.6s}



@media only screen and (min-width: 960px) and (max-width: 1260px){
	.mp-usl__title  h1 {font-size: 30px;line-height:38px;margin-bottom: 55px;}
	.mp-usl-c1__text {font-size: 20px;line-height:30px;margin-bottom: 55px;}
}
@media only screen and (min-width: 640px) and (max-width: 960px){
	.mp-usl__title  h1 {font-size: 32px;line-height:30px;margin-bottom: 40px;text-align:left;}
	.mp-usl-c1__text {font-size: 20px;line-height:30px;margin-bottom: 40px;}
}
@media only screen and (max-width: 640px){
	.mp-usl__title  h1 {width:90%;font-size: 26px;line-height:30px;margin-bottom: 40px;margin-left:5%;margin-right:5%;text-align:center;}
	.mp-usl-c1__text {font-size: 19px; line-height: 25px;margin: 10px auto 30px auto; width:90%;text-align:center}
}



/* Навигация меню*/


.mp-usl__center{position:relative;text-align:center}




/* меню */

.mp-usl__link{
	text-decoration:none;
	font-family:'PT Sans', sans-serif;
	width: 180px;
	padding: 0 20px;
	display: block;
	position: relative;
	height: 180px;
}
.mp-usl__link .img{
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-direction:column;
	-ms-flex-direction:column;
	flex-direction:column;
	width:180px;
	height:96px;
	margin-bottom:8px;
	transition:-webkit-transform .4s;
	transition:transform .4s;
	transition:transform .4s, -webkit-transform .4s;
	vertical-align:middle;
	background-repeat:no-repeat;
	background-position:50% 50%;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center
}
.mp-usl__link .name{
	font-size:19px;
	line-height:25px;
	transition:color .4s;
	letter-spacing:.04em;
	max-height:66px;
	min-height:66px;
	height:66px;
	width:180px;
    display: block;
	position: absolute;
	top: 100px;
	color:#636363}

	
@media only screen and (min-width: 640px) and (max-width: 960px){
	.mp-usl__link .name{ font-size:18px;	line-height:24px;}
}
@media only screen and (max-width: 640px){
	.mp-usl__link .name{ font-size:17px;	line-height:22px;}
}
	
.mp-usl__link:hover .name{color:#282828}

.mp-usl__link img{width:74px;height:74x}




@media only screen and (min-width: 640px) and (max-width: 960px){
	
/*	.h-inline li:before{	content: "–"; font-size: 30px;color:#7a685a; text-indent:15px;}*/
}


.mp-usl__suit {
	position: absolute;
}

.mp-usl__item{
	display:inline-block;
}

.mp-usl__margin5{
	margin-right:8px;
	margin-left:8px;
}
.mp-usl__margin4{
	margin-right:38px;
	margin-left:38px;
}
.mp-usl__margin3{
	margin-right:80px;
	margin-left:80px;
}
@media only screen and (min-width: 960px) and (max-width: 1260px){
	.mp-usl__margin4{margin-right:6px;	margin-left:6px;}
	.mp-usl__margin3{margin-right:40px;	margin-left:40px;}
}
@media only screen and (min-width: 640px) and (max-width: 960px){
	.mp-usl__margin4{margin-right:16px;	margin-left:16px;}
	.mp-usl__margin5{margin-right:-8px;	margin-left:-8px;}
	.mp-usl__margin3{margin-right:-8px;	margin-left:-8px;}
}
@media only screen and (max-width: 640px){
	.mp-usl__margin5{margin-right:-8px;	margin-left:-8px;}
	.mp-usl__margin4{margin-right:-8px;	margin-left:-8px;}
	.mp-usl__margin3{margin-right:-8px;	margin-left:-8px;}
}