*{
	padding: 0;
	margin: 0;
	font-family: PT Sans,sans-serif;
	transition: .5s;
}

a{
	text-decoration: none;
	color: #fff;
}

img{
	max-width: 100%;
}

header{
	width: 100%;
	background: #037eb9;
	position: fixed;
	z-index: 100000000;
	box-shadow: 0px 5px 5px rgba(0, 0, 0, .35);
}

a.click-button{
	background:#ffa31a;
	border-radius: 15px;
	padding: 20px 25px;
	box-shadow: 0px 2px 3px rgba(0, 0, 0, .5);
	display: inline-block;
}

li.li-click-button{
	margin-top: 50px;
}

div.container{
	width: 80%;
	margin: auto;
}

.call-to-action:hover{
	cursor: pointer;
	transform: scale(1.1);
}

.close-form{
	position: absolute;
    top: 5px;
    right: 15px;
    color: #fff;
    font-size: 30px;
    font-weight: 900;
}

.close-form:hover{
	cursor: pointer;
}

.action-form{
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 10000000;
	background: rgba(0, 0, 0, 0.7);
}

.action-form-container{
	position: absolute;
/*	background: rgba(255, 163, 26, 1);*/
	background: #037eb9;
	width: 500px;
	margin: auto;
	padding: 50px;
	height: 287px;
	border-radius: 15px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.action-form-container input{
	display: block;
	width: calc(100% - 20px);
	margin: auto;
	background: rgba(255, 255, 255, 1);
	margin-bottom: 25px;
	padding: 15px 15px;
	border: none;
	border-radius: 10px;
	font-size: 18px;
	font-weight: 700;
}

.action-form-container input.send-form{
	background: rgba(255, 163, 26, 1);
	width: 50%;
	color: #fff;
	cursor: pointer;
}

div.sucsefull-container{
	position: fixed;
	background-color:rgba(0, 0, 0, .8);
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 100000;
	color: #fff;
}

div.sucsefull{
	font-size: 20px;
	text-align: center;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 300px;
	max-height: 20px;
	padding: 50px 0;
	background: #ffa31a;
	border-radius: 10px;
}

.nav{
	width: 80%;
	margin-left: 10%;
}

.nav li{
	display: inline-block;
	text-align: left;
	padding: 16px 25px 16px 0px;
	background: #057eb9;
}

.nav li a{
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid rgba(255, 255, 255, 0);
}

.nav li a:hover{
	border-bottom: 1px solid rgba(255, 255, 255, 1);
}

.nav li{
	position: relative;
}

.nav li:nth-child(2):hover .hidden-about-menu{
	top: 50px;
}

.nav li .hidden-about-menu{
	position: absolute;
    background: #057eb9;
    padding: 10px 15px;
    left: -15px;
	top: -300px;
	z-index: -1;
}

.nav li .hidden-about-menu a{
	display: block;
}

.nav li:nth-child(3):hover .hidden-services-menu{
	top: 50px;
}

.nav li .hidden-services-menu{
	position: absolute;
    background: #057eb9;
    padding: 10px 15px;
    left: -15px;
	top: -300px;
	z-index: -1;
}

.nav li .hidden-services-menu a{
	display: block;
}

body.uborka-template .nav li:nth-child(1) a{
	border-bottom: none !important;
}

body.uborka-template .nav li:nth-child(3) a{
	border-bottom: 1px solid rgba(255, 255, 255, 1);
}

div.preview{
	padding-top: 150px;
	padding-bottom: 150px;
	position: relative;
}

div.preview h1{
	font-size: 40px;
	color: #037eb9;
	margin-bottom: 20px;
}

div.preview h2{
	font-size: 24px;
	margin-bottom: 20px;
	font-weight: 400;
}

div.preview h3{
	margin-bottom: 20px;
}

div.preview-content{
	width: 40%;
	background: rgba(255, 255, 255, .95);
	padding: 60px;
	border-radius: 10px;
}

div.preview-content ul{
	font-size: 0px;
}

div.preview-content ul li{
	font-size: 16px;
	display: inline-block;
	width: 50%;
}

div.preview-content ul li .preview-list{
	font-size: 0px;
	margin-bottom: 15px;
	margin-right: 10px;
}

div.preview-content ul li .preview-list div{
	font-size: 18px;
	display: inline-block;
	vertical-align: top;
	font-weight: 700;
	vertical-align: middle;
}


div.preview-content a{
	background: rgba(255, 163, 26, .9);
	color: #fff;
	padding: 20px 25px;
	border-radius: 15px;
	display: block;
	text-align: center;
	font-size: 18px;
	width: 50%;
	margin: auto;
	box-shadow: 0px 2px 3px rgba(0, 0, 0, .5);
}

.preview-numb{
	width: 10%;
	color: #ffa31a;
	font-size: 32px !important;
	font-weight: 900;
}

.preview-list-content{
	width: 90%;
}

.preview-background{
	background: url(images/main2.jpg) no-repeat center;
	background-size: cover;
	position: absolute;
	bottom: 0px;
	z-index: -1;
	height: 1080px;
	width: 100%;
}

div.problems{
	padding-top: 50px;
	font-size: 0px;
	color: #fff;
	padding-bottom: 32px;

}

.problems h3{
	margin-bottom: 30px;
	font-size: 2.25em;
}

.problems p{
	margin-bottom: 15px;
	font-size: 20px;
}

.problems li{
	list-style-type: none;
	margin-bottom: 8px;
	font-size: 20px;
}

.problems div{
	display: inline-block;
	width: 60%;
	font-size: 16px;
	padding: 15px 0px;
}

.problems-container{
	width: 100%;
	background: #037eb9;
}

.for-who-container{
	padding: 50px 0px;
}

.for-who-container ul{
	display: flex;
}

.for-who-container h2{
	text-align: center;
    color: #00527b;
    font-size: 32px;
    padding: 0px 0px 30px 0px;
    color: #037eb9;
}

.for-who-container ul{
	font-size: 0px;
}

.for-who-container ul li{
	display: inline-block;
	width: calc(50% - 20px);
	margin: 10px;
	border-radius: 10px;
	font-size: 16px;
	background: #eff3f6;
}

.for-who-container ul li:hover{
	transform: scale(1.05);
}

.for-who-container ul li div{
	padding: 15px;
	position: relative;
}

.for-who-container ul li div h3{
	/* border-left: solid 3px; */
    border-color: #057eb9;
    padding-left: 7px;
    border-radius: 2px;
	font-size: 24px;
	color: #000;
}

.for-who-container ul li div p{
    padding: 15px 10px 15px 10px;
	font-weight: 100;
	color: #000;
}

.for-who-container ul li div a{
	padding: 0px 0px 0px 10px;
	color: #037eb9;
}

.for-who-container ul li div a:hover{
	transform: scale(1.1);
}

.for-who-container ul li div a span{
	font-weight: 900;
}


.for-who-container div.point {
   	padding: 0px;
    position: absolute;
    top: 15px;
    right: 15px;
    background: #04adff;
    width: 10px;
    height: 10px;
    border-radius: 50%;

}

.service-container{
	background: #eff3f6;
	padding-top: 50px;
}

.service{
	padding-bottom: 32px;
	margin-top: 20px;
}

.service-container h2{
	text-align: center;
	color: #00527b;
	font-size: 32px;
	padding: 0px 0px 30px 0px;
	color: #037eb9;
}

.service-block{
	font-size: 0px;
}

.service-block h3{
	font-size: 32px;
	text-align: center;
	margin-bottom: 32px;
	color: #037eb9;
}

.service-block h4{
	font-size: 20px;
}

.service-block > div{
	display: inline-block;
	width: calc(50% - 84px);
	font-size: 16px;
	background: #fff;
	padding: 32px;
	margin: 10px;
	border-radius: 10px;
	vertical-align: top;
	color: #000;
}

.service-block > a > div{
	display: inline-block;
	width: calc(50% - 84px);
	font-size: 16px;
	background: #fff;
	padding: 32px;
	margin: 10px;
	border-radius: 10px;
	vertical-align: top;
	color: #000;
}

.service-block > a:nth-child(6) > div{
	background: #ffa31a;
	color: #fff;
	text-align: center;
}

.service-block > a:nth-child(6) > div:hover{
	transform: scale(1.05);
}

.service-block > a:hover .price-button h4{
	opacity: 0;
}
.service-block > a:hover .price-button h5{
	opacity: 0;
}
.service-block > a:hover .price-button p{
	opacity: 0;
}

.service-block div.call-to-action{
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: table;
	margin: auto;
	font-size: 20px;
}

.service-block > a:hover .price-button div.call-to-action{
	opacity: 1;
}

.service-block > a > div:hover img{
	opacity: .05;
}

.service-block > a > div:hover .services-description{
	opacity: 1;
}

.service-block > a > div img{
	border-radius: 5px;
}

.more-service{
	padding: 32px 0px;
}

.more-service h3{
	font-size: 32px;
	text-align: center;
	color: #00527b;
	margin-bottom: 32px;
	color: #037eb9;
}

.more-service-list{
	font-size: 0px;
}

.more-service-img{
	width: 100%;
	position: relative;
}

.more-service-img:hover img{
	opacity: .1;
}

.more-service-img:hover a{
	opacity: 1;
}

.more-service-img img{
	width: 100%;
	border-radius: 5px;
}

.more-service-list > div{
	display: inline-block;
	font-size: 16px;
	width: calc(33.3333% - 20px);
	text-align: center;
	margin: 10px;
	position: relative;
}

.more-service-list > div a {
	position: absolute;
	right: 0;
	/* bottom: 25px; */
	top: 0;
	bottom: 0;
	left: 0;
	max-height: 25px;
	background: rgba(255, 163, 26, 1);
	padding: 15px 0;
	width: 50%;
	margin: auto;
	border-radius: 5px;
	z-index: 1000000;
	opacity: 0;
}

.more-service-list h4{
	font-size: 24px;
	margin-top: 20px;
	color: #037eb9;
}

.how-control{
	background: #eff3f6;
	padding-bottom: 32px;
}

.how-control h2{
	text-align: center;
	font-size: 32px;
	padding: 30px 0px;
}

.how-control ul{
	font-size: 0px;
}

.how-control li{
	display: inline-block;
	font-size: 0px;
	width: 33.3333333%;
	vertical-align: top;
	margin-bottom: 15px;
}

.how-control li div{
	display: inline-block;
}

.how-control li .numb{
	width: 10%;
	font-size: 48px;
	vertical-align: top;
	color: #ffa31a;
	text-align: center;
	font-weight: 900;
}

.how-control li .how-content{
	width: 90%;
	font-size: 16px;
	background: #fff;
	height: 250px;
	border-radius: 10px;
}

.how-control li p{
	padding: 32px;
}

.how-control li h3{
	padding: 32px 32px 0px 32px;
	font-size: 24px;
}

.why-we{
	padding: 32px 0px;
	background: #037eb9;
	color: #fff;
}

.why-we h2{
	text-align: center;
	margin-bottom: 32px;
	font-size: 32px;
}

.eight-list ul{
	font-size: 0px;
}

.eight-list ul li{
	font-size: 16px;
	display: inline-block;
	width: 25%;
	vertical-align: top;
}

.eight-list ul li div{
	height: 300px;
	background: rgba(255, 255, 255, .3);
	padding: 25px;
	margin:10px;
	border-radius: 10px;
}

.eight-list ul li h3{
	margin-bottom: 25px;
}

.economy{
	padding: 32px 0px;
	background: #eff3f6;
}

.economy .call-to-action{
	background: rgba(255, 163, 26, .9);
    color: #fff;
    padding: 20px 25px;
    border-radius: 15px;
    display: block;
    text-align: center;
    font-size: 18px;
    width: 50%;
    margin: auto;
	margin-top: 32px;
}

.economy h2{
	text-align: center;
	font-size: 32px;
	color: #037eb9;
	margin-bottom: 32px;
}

.economy-list ul{
	font-size: 0px;
}

.economy-list h3{
	margin-bottom: 25px;
}

.economy-list ul li{
	display: inline-block;
	width: 33.333333%;
	font-size: 16px;
	vertical-align: top;
}

.economy-list ul li div{
	background: #fff;
	padding: 25px;
	margin: 10px;
	border-radius: 10px;
}

.what-next{
	padding: 32px 0px;
}

.what-next h3{
	text-align: center;
	font-size: 32px;
	color: #037eb9;
	margin-bottom: 32px;
}

.what-next ul{
	font-size: 0px;
}

.what-next ul li{
	display: inline-block;
	width: 16.6666%;
	font-size: 16px;
	vertical-align: top;
}

.what-next ul li div{
	padding: 25px;
}

.what-next ul li p{
	font-size: 60px;
	color: #ffa31a;
	font-weight: 900;
}

.review{
	background: #eff3f6;
	padding: 32px 0px;
}

.review h3{
	font-size: 32px;
	text-align: center;
	color: #037eb9;
	margin-bottom: 32px;
}

.review ul{
	font-size: 0px;
	position: relative;
}

/* .review ul li{
	font-size: 16px;
	display: inline-block;
	width: calc(33.3333% - 20px);
	vertical-align: top;
	padding: 0 10px;
} */

.review ul li {
    font-size: 16px;
    display: inline-block;
    width: calc(33.3333% - 60px);
    vertical-align: top;
    padding: 20px;
    margin: 0px 10px;
    background: rgba(0, 0, 0, .05);
    border-radius: 10px;
}


.review ul li div{
	width: 100%;

}

.review ul li div h5{
	padding: 15px 0;
}

a.more-review{
	background: rgba(255, 163, 26, .9);
	padding: 15px 25px;
	position: absolute;
	bottom: 0px;
	border-radius: 10px;
}

a.more-review:hover{
	transform: scale(1.1);
}

footer{
	background: #037eb9;
	padding: 32px 0px;
	color: #fff;
}

.footer-nav{
	font-size: 0px;
}

.footer-nav .nav-list{
	font-size: 16px;
	display: inline-block;
	width: calc(33.3333% - 20px);
	vertical-align: top;
	padding: 0px 10px;
}

.footer-nav .nav-list h4{
	font-size: 24px;
	margin-bottom: 10px;
}

.footer-nav .nav-list a{
	display: block;
	margin-bottom: 5px;
}

.about-page{
	padding-top: 100px;
	padding-bottom: 32px;
}

.about-page h1{
	margin-bottom: 32px;
}

.about-page h2{
	margin-right: 25px;
}

.about-page h3{
	font-size: 32px;
}

.about-page .about-description{
	font-size: 0px;
	margin-bottom: 60px;
}

.about-page .about-description div{
	display: inline-block;
	font-size: 20px;
	width: 50%;
	vertical-align: top;
}

.about-page .about-description .comment{
	text-align: right;
	background: rgba(3, 126, 185, 1);
	border-radius: 10px;
	color: #fff;
	width: 45%;
	margin-left: 5%;
}

.about-page .about-description .comment p{
	width: 50%;
	margin-left: calc(50% - 25px);
	margin-top: 25px;
	margin-bottom: 25px;
}

.about-page .img{
	width: 150px;
	margin-right: 25px;
/*	box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 1.0);*/
	border-radius: 50%;
	border: 3px solid #fff;
}

.advantage{
	background: #eff3f6;
	padding: 32px 0;
}

.advantage h3{
	margin-bottom: 32px;
	text-align: center;
}

.advantage ul{
	font-size: 0px;
}

.advantage ul li{
	display: inline-block;
	width: 33.33333%;
	font-size: 16px;
	vertical-align: top;
	margin-bottom: 32px;
}

.advantage ul li div{
	padding: 0 25px;
}

.advantage ul li img{
	margin-bottom: 16px;
}

.advantage-list{
	text-align: center;
}

.how-work{
	padding: 32px 0;
}

.how-work h3{
	margin-bottom: 32px;
	text-align: center;
}

.how-work > div.container ul{
	font-size: 0px;
	margin-bottom: 32px;
}

.how-work > div.container ul li{
	display: inline-block;
	width: 25%;
	font-size: 16px;
	vertical-align: top;
	text-align: center;
}

.how-work > div.container ul li div{
	padding: 0 25px;
}

.how-work > div.container ul li img{
	margin-bottom: 16px;
}

.work-description{
	background: #037eb9;
	padding: 32px 0;
	color: #fff;
}

.work-description .call-to-action{
	background: rgba(255, 163, 26, 1);
    color: #fff;
    padding: 20px 25px;
    border-radius: 15px;
    display: inline-block;
    text-align: center;
    font-size: 18px;
	margin-top: 24px;
}

.work-description h4{
	margin-top: 24px;
	font-size: 20px;
	font-weight: 900;
}

.work-description ul li{
	list-style-type: none;
	margin-bottom: 12px;
}

.about-page .review-list > .container > div{
	width: 55%;
	font-size: 18px;
	background: #eff3f6;
	border-radius: 10px;
	margin-bottom: 32px;
	position: relative;
}

.about-page .review-list > .container > div > div > img{
	margin-bottom: 15px;
}

.about-page .review-list > .container > div .company-logo{
	position: absolute;
	top: 0px;
	width: 240px;
}

.about-page .review-1 .company-logo{
	right: -300px;
}

.about-page .review-2 .company-logo{
	left: -300px;
}

.about-page .review-3 .company-logo{
	right: -300px;
}

.about-page .review-4 .company-logo{
	left: -300px;
}

.about-page .review-5 .company-logo{
	right: -300px;
}

.about-page .review-6 .company-logo{
	left: -300px;
}

.about-page .review-7 .company-logo{
	right: -300px;
}

.about-page .review-8 .company-logo{
	left: -300px;
}

.about-page .review-9 .company-logo{
	right: -300px;
}

.about-page .review-10 .company-logo{
	left: -300px;
}

.about-page .review-11 .company-logo{
	right: -300px;
}

.about-page .review-12 .company-logo{
	left: -300px;
}

.about-page .review-13 .company-logo{
	right: -300px;
}

.about-page .review-14 .company-logo{
	left: -300px;
}

.about-page .review-15 .company-logo{
	right: -300px;
}

.about-page .review-16 .company-logo{
	left: -300px;
}

.about-page .review-list > .container > div > div{
	padding: 25px;
}

.about-page .review-list > .container > div h5{
	font-size: 18px;
	margin: 12px 0 0 0;
}

.about-page .review-list .container .review-2{
	text-align: right;
	margin-left: auto;
	margin-right: 0;
}

.about-page .review-list .container .review-4{
	text-align: right;
	margin-left: auto;
	margin-right: 0;
}

.about-page .review-list .container .review-6{
	text-align: right;
	margin-left: auto;
	margin-right: 0;
}

.about-page .review-list .container .review-8{
	text-align: right;
	margin-left: auto;
	margin-right: 0;
}

.about-page .review-list .container .review-10{
	text-align: right;
	margin-left: auto;
	margin-right: 0;
}

.about-page .review-list .container .review-12{
	text-align: right;
	margin-left: auto;
	margin-right: 0;
}

.about-page .review-list .container .review-14{
	text-align: right;
	margin-left: auto;
	margin-right: 0;
}

.about-page .review-list .container .review-16{
	text-align: right;
	margin-left: auto;
	margin-right: 0;
}

.about-page .review-list h3{
	text-align: center;
	margin-bottom: 32px;
}

.service-block ul{
	margin-bottom: 32px;
}

.service-block ul li{
	list-style-type: none;
	margin-bottom: 5px;
}

.service-block b{
	margin-right: 5px;
	color: #ffa31a;
}

.service-block .price-button{
	position: relative;
	background: #037eb9;
	padding: 25px;
	color: #fff;
	text-align: center;
	border-radius: 10px;
	margin-top: 32px;
}

.service-img-lk{
	background: url(./images/main2.jpg) no-repeat center;
	background-size: cover;
	width: 100%;
	height: 250px;
	border-radius: 10px;
}

.service-img-pt{
	background: url(./images/pt.jpg) no-repeat center;
	background-size: cover;
	width: 100%;
	height: 250px;
	border-radius: 10px;
}

.service-img-parking{
	background: url(./images/parking.jpg) no-repeat center;
	background-size: cover;
	width: 100%;
	height: 250px;
	border-radius: 10px;
}

.service-img-mp{
	background: url(./images/i.webp) no-repeat center;
	background-size: cover;
	width: 100%;
	height: 250px;
	border-radius: 10px;
}

.services-description{
	position: relative;
	z-index: 100000;
	opacity: 0;
}

.services-description ul{
	position: absolute;
	top: 0px;
	padding: 25px;
}

.contacts{
	padding: 100px 0 50px;
}

.contacts h1{
	font-size: 40px;
}

.contacts-row{
	font-size: 0px;
	vertical-align: top;
}

.contacts-row a{
	color: #000;
	display: block;
	font-size: 24px;
	margin-top: 25px;
}

.contacts-row a.card-download{
	display: inline-block;
	border-bottom: 1px solid rgba(255, 163, 26, 0);
}

.contacts-row a.card-download:hover{
	border-bottom: 1px solid rgba(255, 163, 26, 1);
}

.contacts-row div{
	display: inline-block;
	width: 50%;
	font-size: 16px;
	vertical-align: top;
}

.contacts-row h2{
	margin-top: 40px;
	margin-bottom:25px;
}

.contacts-row p{
	margin-bottom: 15px;
}

.call-me-form{
	background: #037eb9;
	width: 100%;
	border-radius: 10px;
	padding: 35px 0;
}

.contacts .call-me-form input{
	display: block;
	width: 75%;
	margin: 15px auto;
	font-size: 20px;
	border-radius: 5px;
	padding: 10px;
	font-weight: 700;
	border: none;
}

.contacts .call-me-form label{
	display: block;
	width: calc(75% + 20px);
	margin: 15px auto 25px;
	color: #fff;
	font-size: 24px;
	font-weight: 700;
}

.contacts .call-me-form input.send-form{
	width: 50%;
	background: rgba(255, 163, 26, 1);
	color: #fff;
	margin-top: 50px;
	cursor: pointer;
}

/* Уборка МОП и подъездов */

div.uborka-mop-page{
	padding-top: 106px;
}

div.uborka-mop-page .first-block {
	margin-bottom: 50px;
}

div.uborka-mop-page .first-block .container{
	display: flex;
}

div.uborka-mop-page .first-block h1{
	margin-top: 25px;
	margin-bottom: 25px;
}

.uborka-mop-page .call-to-action{
	display: block;
	width: 150px;
	background: rgb(5 126 185);
    color: #fff;
    padding: 20px 25px;
    border-radius: 15px;
    text-align: center;
    font-size: 18px;
	margin-top: 32px;
}

div.uborka-mop-page .first-block h2{
	font-size: 12px;
	display: inline;
    background: rgba(255, 163, 26, .9);
    padding: 10px;
    border-radius: 20px;
	color: #fff;
}

div.uborka-mop-page .first-block .container > div:nth-child(1){
	display: inline-block;
	width: 55%;
	margin-right: 5%;
}

div.uborka-mop-page .first-block .container > div:nth-child(2){
	display: inline-block;
	width: 40%;
	background: #eff3f6;
	padding: 25px;
	border-radius: 25px;
}

div.uborka-mop-page .first-block .container > div ul{
	list-style-type: none;
}

div.uborka-mop-page .first-block .container > div:nth-child(2) p{
	font-weight: 700;
	margin-bottom: 25px;
}

div.uborka-mop-page .first-block .container > div ul li{
	background: #fff;
	margin-bottom: 10px;
	padding: 15px;
	border-radius: 15px;
}

div.uborka-mop-page .first-block .container > div ul li::before{
	content: '•';
  	color: #037eb9; 
  	margin-right: 3px;
}

div.uborka-mop-page .second-block{
	background: #057eb9;
	color: #fff;
	padding: 50px 0px;
}

div.uborka-mop-page .second-block h2{
	margin-bottom: 15px;
	font-size: 32px;
}

div.uborka-mop-page .second-block .container > p{
	margin-bottom: 25px;
}

div.uborka-mop-page .second-block .container > div ul{
	list-style-type: none;
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
}

div.uborka-mop-page .second-block .container > div ul li{
	padding: 25px;
	background: #fff;
	border-radius: 25px;
	color: #000;
}

div.uborka-mop-page .second-block .container > div ul li > div{
	background: rgba(255, 163, 26, .9);
	display: inline-block;
    padding: 7px;
    border-radius: 15px;
	font-size: 12px;
	color: #fff;
}

div.uborka-mop-page .second-block .container > div ul li > h3{
	margin: 15px 0px;
}

div.uborka-mop-page .third-block{
	background: #eff3f6;
	padding: 50px 0px;
}

div.uborka-mop-page .third-block .container{
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
}

div.uborka-mop-page .third-block h2{
	margin-bottom: 15px;
	font-size: 32px;
}

div.uborka-mop-page .third-block .container > div ul{
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
	list-style-type: none;
}

div.uborka-mop-page .third-block .container > div ul li{
	background: #fff;
	padding: 25px;
	border-radius: 15px;
}

div.uborka-mop-page .third-block .container > div ul li h3{
	margin-bottom: 10px;
}

div.uborka-mop-page .fourth-block{
	padding: 50px 0px;
	background: #037eb9;
	color: #fff;
}

div.uborka-mop-page .fourth-block .container > p{
	margin-bottom: 25px;
}

div.uborka-mop-page .fourth-block h2{
	font-size: 32px;
}

div.uborka-mop-page .fourth-block .container > div ul{
	list-style-type: none;
	display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
}

div.uborka-mop-page .fourth-block .container > div ul li{
	background: #eff3f6;
	padding: 25px;
	border-radius: 25px;
	color: #000;
	position: relative;
}

div.uborka-mop-page .fourth-block .container > div ul li div{
	display: inline-block;
    background: #ffa31a;
    padding: 10px 16px;
    border-radius: 50%;
    color: #fff;
}

div.uborka-mop-page .fourth-block .container > div ul li h3{
	margin: 10px 0px;
}

.get-quote{
	padding: 50px 0px;
}

.get-quote .container > div{
	list-style-type: none;
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 50px;
	background: #eff3f6;
    padding: 50px;
    border-radius: 25px;
}

.get-quote form{
	padding: 25px;
}

.get-quote .call-me-form{
	padding: 0px;
	border-radius: 25px;
}

.get-quote form input{
	width: calc(100% - 20px);
	margin-bottom: 10px;
	padding: 10px;
	border-radius: 15px;
    border: none;
}

.get-quote form input.send-form{
	width: 100%;
	background: #ffa31a;
	color: #fff;
}

/* Уборка территории */

div.uborka-territorii-page{
	padding-top: 106px;
}

div.uborka-territorii-page .first-block {
	margin-bottom: 50px;
}

div.uborka-territorii-page .first-block .container{
	display: flex;
}

div.uborka-territorii-page .first-block h1{
	margin-top: 25px;
	margin-bottom: 25px;
}

.uborka-territorii-page .call-to-action{
	display: block;
	width: 150px;
	background: rgb(5 126 185);
    color: #fff;
    padding: 20px 25px;
    border-radius: 15px;
    text-align: center;
    font-size: 18px;
	margin-top: 32px;
}

div.uborka-territorii-page .first-block h2{
	font-size: 12px;
	display: inline;
    background: rgba(255, 163, 26, .9);
    padding: 10px;
    border-radius: 20px;
	color: #fff;
}

div.uborka-territorii-page .first-block .container > div:nth-child(1){
	display: inline-block;
	width: 55%;
	margin-right: 5%;
}

div.uborka-territorii-page .first-block .container > div:nth-child(2){
	display: inline-block;
	width: 40%;
	background: #eff3f6;
	padding: 25px;
	border-radius: 25px;
}

div.uborka-territorii-page .first-block .container > div ul{
	list-style-type: none;
}

div.uborka-territorii-page .first-block .container > div:nth-child(2) p{
	font-weight: 700;
	margin-bottom: 25px;
}

div.uborka-territorii-page .first-block .container > div ul li{
	background: #fff;
	margin-bottom: 10px;
	padding: 15px;
	border-radius: 15px;
}

div.uborka-territorii-page .first-block .container > div ul li::before{
	content: '•';
  	color: #037eb9; 
  	margin-right: 3px;
}

div.uborka-territorii-page .second-block{
	background: #057eb9;
	color: #fff;
	padding: 50px 0px;
}

div.uborka-territorii-page .second-block h2{
	margin-bottom: 15px;
	font-size: 32px;
}

div.uborka-territorii-page .second-block .container > p{
	margin-bottom: 25px;
}

div.uborka-territorii-page .second-block .container > div ul{
	list-style-type: none;
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
}

div.uborka-territorii-page .second-block .container > div ul li{
	padding: 25px;
	background: #fff;
	border-radius: 25px;
	color: #000;
}

div.uborka-territorii-page .second-block .container > div ul li > div{
	background: rgba(255, 163, 26, .9);
	display: inline-block;
    padding: 7px;
    border-radius: 15px;
	font-size: 12px;
	color: #fff;
}

div.uborka-territorii-page .second-block .container > div ul li > h3{
	margin: 15px 0px;
}

div.uborka-territorii-page .third-block{
	background: #eff3f6;
	padding: 50px 0px;
}

div.uborka-territorii-page .third-block .container{
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
}

div.uborka-territorii-page .third-block h2{
	margin-bottom: 15px;
	font-size: 32px;
}

div.uborka-territorii-page .third-block .container > div ul{
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
	list-style-type: none;
}

div.uborka-territorii-page .third-block .container > div ul li{
	background: #fff;
	padding: 25px;
	border-radius: 15px;
}

div.uborka-territorii-page .third-block .container > div ul li h3{
	margin-bottom: 10px;
}

/**/
div.uborka-territorii-page .second-third-block{
	background: #fff;
	padding: 50px 0px;
}

div.uborka-territorii-page .second-third-block .container{
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
}

div.uborka-territorii-page .second-third-block h2{
	margin-bottom: 15px;
	font-size: 32px;
}

div.uborka-territorii-page .second-third-block .container > div ul{
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
	list-style-type: none;
}

div.uborka-territorii-page .second-third-block .container > div ul li{
	background: #eff3f6;
	padding: 25px;
	border-radius: 15px;
}

div.uborka-territorii-page .second-third-block .container > div ul li h3{
	margin-bottom: 10px;
}

/**/

div.uborka-territorii-page .fourth-block{
	padding: 50px 0px;
	background: #037eb9;
	color: #fff;
}

div.uborka-territorii-page .fourth-block .container > p{
	margin-bottom: 25px;
}

div.uborka-territorii-page .fourth-block h2{
	font-size: 32px;
}

div.uborka-territorii-page .fourth-block .container > div ul{
	list-style-type: none;
	display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
}

div.uborka-territorii-page .fourth-block .container > div ul li{
	background: #eff3f6;
	padding: 25px;
	border-radius: 25px;
	color: #000;
	position: relative;
}

div.uborka-territorii-page .fourth-block .container > div ul li div{
	display: inline-block;
    background: #ffa31a;
    padding: 10px 16px;
    border-radius: 50%;
    color: #fff;
}

div.uborka-territorii-page .fourth-block .container > div ul li h3{
	margin: 10px 0px;
}

div.uborka-territorii-page .get-quote{
	padding: 50px 0px;
}

div.uborka-territorii-page .get-quote .container > div{
	list-style-type: none;
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 50px;
	background: #eff3f6;
    padding: 50px;
    border-radius: 25px;
}

div.uborka-territorii-page .get-quote form{
	padding: 25px;
}

div.uborka-territorii-page .get-quote .call-me-form{
	padding: 0px;
	border-radius: 25px;
}

div.uborka-territorii-page .get-quote form input{
	width: calc(100% - 20px);
	margin-bottom: 10px;
	padding: 10px;
	border-radius: 15px;
    border: none;
}

div.uborka-territorii-page .get-quote form input.send-form{
	width: 100%;
	background: #ffa31a;
	color: #fff;
}

.get-quote h2{
	margin-bottom: 15px;
}

.get-quote p{
	margin-bottom: 15px;
}

.get-quote h4 {
	font-weight: 100;
	margin-bottom: 5px;
}

.get-quote span{
	font-weight: 700;
}

/*Шаблон для УК*/

div.uborka-territorii-page .second-block{
	background: #057eb9;
	color: #fff;
	padding: 50px 0px;
}

div.uborka-territorii-page .second-block h2{
	margin-bottom: 15px;
	font-size: 32px;
}

div.uborka-territorii-page .second-block .container > p{
	margin-bottom: 25px;
}

div.uborka-territorii-page .second-block .container > div ul{
	list-style-type: none;
	display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
}

div.uborka-territorii-page .second-block .container > div ul li{
	padding: 25px;
	background: #fff;
	border-radius: 25px;
	color: #000;
}

div.uborka-territorii-page .second-block .container > div ul li > div{
	background: rgba(255, 163, 26, .9);
	display: inline-block;
    padding: 7px;
    border-radius: 15px;
	font-size: 12px;
	color: #fff;
}

div.uborka-territorii-page .second-block .container > div ul li > h3{
	margin: 15px 0px;
}

.uborka-uk .fourth-block .container {
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
}

body.uborka-uk .fourth-block .container > div ul{
	display: block;
	grid-template-columns: none;
}

body.uborka-uk .fourth-block .container > div ul li{
	margin-bottom: 25px;
}

body.uborka-uk .third-block .container > div > p{
	margin-bottom: 25px;
}

body.uborka-uk .third-block .container > div > div{
	background: #fff;
    padding: 25px;
    border-radius: 25px;
}

body.uborka-uk .third-block .container > div > div ul li{
	background: #eff3f6;
}

.uborka-uk .third-block .container > div ul li > div{
	background: rgba(255, 163, 26, .9);
    display: inline-block;
    padding: 7px;
    border-radius: 15px;
    font-size: 12px;
    color: #fff;
	margin-bottom: 15px;
}

/*Шаблон кейсы*/
div.cases-page{
	padding-top: 106px;
}

div.cases-page .first-block {
	margin-bottom: 50px;
}

div.cases-page .first-block .container{
	display: flex;
}

div.cases-page .first-block h1{
	margin-top: 25px;
	margin-bottom: 25px;
}

.cases-page .call-to-action{
	display: block;
	width: 150px;
	background: rgb(5 126 185);
    color: #fff;
    padding: 20px 25px;
    border-radius: 15px;
    text-align: center;
    font-size: 18px;
	margin-top: 32px;
}

div.cases-page .first-block h2{
	font-size: 12px;
	display: inline;
    background: rgba(255, 163, 26, .9);
    padding: 10px;
    border-radius: 20px;
	color: #fff;
}

div.cases-page .first-block .container > div:nth-child(1){
	display: inline-block;
	width: 55%;
	margin-right: 5%;
}

div.cases-page .first-block .container > div:nth-child(2){
	display: inline-block;
	width: 40%;
	background: #eff3f6;
	padding: 25px;
	border-radius: 25px;
}

div.cases-page .first-block .container > div ul{
	list-style-type: none;
}

div.cases-page .first-block .container > div:nth-child(2) p{
	font-weight: 700;
	margin-bottom: 25px;
}

div.cases-page .first-block .container > div ul li{
	background: #fff;
	margin-bottom: 10px;
	padding: 15px;
	border-radius: 15px;
}

div.cases-page .first-block .container > div ul li::before{
	content: '•';
  	color: #037eb9; 
  	margin-right: 3px;
}

div.cases-page .second-block{
	background: #057eb9;
	color: #fff;
	padding: 50px 0px;
}

div.cases-page .second-block h2{
	margin-bottom: 15px;
	font-size: 32px;
}

div.cases-page .second-block .container > p{
	margin-bottom: 25px;
}

div.cases-page .second-block .container > div{
	background: #fff;
	border-radius: 25px;
	padding: 25px;
	color: #000;
}

div.cases-page .second-block .container > div > div h3{
	font-size: 32px;
	margin-bottom: 15px;
}

div.cases-page .second-block .container > div > div p{
	margin-bottom: 15px;
}

div.cases-page .second-block .container > div {
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 25px;
}

div.cases-page .case-point{
	color: #fff;
	background: #ffa31a;
	padding: 10px;
	border-radius: 25px;
	display: inline-block;
	margin-bottom: 15px;
}

div.cases-page .second-block .container > div > div > ul > li{
	list-style-type: none;
}

div.cases-page .second-block .container > div > div:nth-child(2) > ul{
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
}

div.cases-page .second-block .container > div > div:nth-child(2) > ul > li{
	padding: 25px;
	background: #eff3f6;
	border-radius: 25px;
}

div.cases-page .second-block .container > div > div:nth-child(2) > ul > li h5{
	font-size: 24px;
}

div.cases-page .second-block .container > div > div > ul > li > h4{
	color: #037eb9;
	text-transform: uppercase;
	margin-bottom: 5px;
}

div.cases-page .third-block{
	background: #eff3f6;
	padding: 50px 0px;
}


div.cases-page .third-block h2{
	margin-bottom: 15px;
	font-size: 32px;
}

div.cases-page .third-block .container > div ul{
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
	list-style-type: none;
	margin-top: 25px;
}

div.cases-page .third-block .container > div ul li{
	background: #fff;
	padding: 25px;
	border-radius: 15px;
}

div.cases-page .third-block .container > div ul li h3{
	margin-bottom: 10px;
	margin-top: 10px;
}

div.cases-page .third-block .container > div ul li p{
	margin-bottom: 10px;
}

div.cases-page .third-block .container > div ul li > div{
	background: #ffa31a;
	padding: 5px 10px;
	border-radius: 25px;
	display: inline-block;
	color: #fff;
}

@media(max-width: 1740px){
	.about-page .about-description .comment p{
		width: 60%;
		margin-left: calc(40% - 25px);
	}
}

@media(max-width: 1450px){
	.about-page .about-description .comment p{
		width: 80%;
		margin-left: calc(20% - 25px);
	}
}

@media(max-width: 1540px){
	.eight-list ul li div{
		height: 350px;
	}
}

@media(max-width: 1380px){
	.eight-list ul li div{
		height: 400px;
	}
}

@media(max-width: 1350px){
	div.preview-content{
		width: 60%;
	}

	.problems div{
		width: 100%;
	}

	.more-service-list h4{
		font-size: 20px;
	}

	.more-service-list > div{
		vertical-align: top;
	}

	.how-control li .numb{
		width: 15%;
	}

	.how-control li .how-content{
		width: 85%;
		height: 320px;
	}

	.how-control li h3{
		font-size: 20px;
	}

	.eight-list ul li div{
		height: 400px;
	}
}

@media(max-width: 1230px){
	.eight-list ul li div{
		height: 450px;
	}
}

@media(max-width: 1200px){
	.eight-list ul li{
		width: 50%;
	}

	.eight-list ul li div{
		height: 250px;
	}
	.services-description ul li{
		font-size: 12px;
	}
}

@media(max-width: 1100px){
	.how-control li{
		position: relative;
	}

	.how-control li .how-content{
		width: 95%;
		margin: auto;
	}

	.how-control li .numb{
		position: absolute;
		top: 15px;
		right: 25px;
		opacity: .25;
	}
	.about-page .about-description .comment p{
		width: 90%;
		margin-left: calc(10% - 25px);
	}
}

@media(max-width: 992px){
	div.container{
		width: 90%;
	}
	.nav{
		width: 90%;
		margin-left: 5%;
	}
	div.preview-content{
		width: calc(100% - 120px);
	}

	.service-block h4{
		font-size: 20px;
	}

	.how-control li{
		width: 50%;
	}

	.how-control li .how-content{
		height: 250px;
	}

	.about-page .about-description div{
		width: 100%;
		display: block;
	}
	.about-page .about-description .comment{
		display: block;
		width: 100%;
		margin-left: auto;
		padding: 25px 0;
		text-align: center;
		margin-top: 32px;
	}
	.about-page .about-description .comment p{
		margin: auto;
		padding-bottom: 20px;
	}
	.services-description ul{
		padding: 10px;
	}
	.services .service .service-block > a > div{
		display: block;
		width: auto;
	}
	body.uborka-template .second-block .container > div ul{
		grid-template-columns: repeat(2, 1fr);
	}
	body.cleaning-template .second-block .container > div ul{
		grid-template-columns: repeat(2, 1fr);
	}
	body.uborka-template .second-third-block .container{
		display: flex;
        flex-direction: column;
	}
	body.uborka-template .second-third-block .container > div:nth-child(1){
		order: 2;
	}
	body.uborka-template .second-third-block .container > div:nth-child(2){
		order: 1;
	}
	body.cleaning-template .third-block .container{
		display: block;
	}
	body.cleaning-template .third-block .container > div > div{
		display: none;
	}
	body.uborka-template .third-block .container{
		display: block;
	}
	.uborka-template .third-block .container > div > p{
		margin-bottom: 25px;
	}
	body.uborka-template .fourth-block .container > div ul{
		grid-template-columns: repeat(2, 1fr);
	}
	
}

@media(max-width: 780px){
	.eight-list ul li div{
		height: 300px;
	}
}

@media(max-width: 768px){
	div.preview h1{
		font-size: 32px;
	}

	.nav{
		text-align: center;
	}

	div.preview h2{
		font-size: 20px;
	}

	div.preview-content ul li{
		display: block;
	}

	.problems h3{
		font-size: 32px;
	}

	.for-who-container ul{
		display: block;
	}

	.for-who-container ul li{
		display: block;
		width: auto;
	}

	.service-block > div{
		width: auto;
	}

	.more-service-list > div{
		width: auto;
	}

	.eight-list ul li{
		width: 100%;
	}

	.eight-list ul li div{
		height: auto;
	}

	.economy-list ul li{
		width: 100%;
	}

	.what-next ul li{
		width: 33.3333%;
	}

	.work-description{
		text-align: center;
	}

	.about-page .review-list > .container > div{
		width: 75%;
	}

	.about-page .review-list > .container > div .company-logo{
		width: 25%;
	}

	.about-page .review-1 .company-logo{
		right: -30%;
	}

	.about-page .review-2 .company-logo{
		left: -30%;
	}

	.about-page .review-3 .company-logo{
		right: -30%;
	}

	.about-page .review-4 .company-logo{
		left: -30%;
	}
	
	.about-page .review-5 .company-logo{
		right: -30%;
	}

	.about-page .review-6 .company-logo{
		left: -30%;
	}

	.about-page .review-7 .company-logo{
		right: -30%;
	}

	.about-page .review-8 .company-logo{
		left: -30%;
	}

	.about-page .review-9 .company-logo{
		right: -30%;
	}

	.about-page .review-10 .company-logo{
		left: -300px;
	}

	.about-page .review-11 .company-logo{
		right: -30%;
	}

	.about-page .review-12 .company-logo{
		left: -30%;
	}
	
	.about-page .review-13 .company-logo{
		right: -30%;
	}

	.about-page .review-14 .company-logo{
		left: -30%;
	}

	.about-page .review-15 .company-logo{
		right: -30%;
	}

	.about-page .review-16 .company-logo{
		left: -30%;
	}

	.contacts-row div{
		width: 100%;
	}
	.contacts .call-me-form{
		margin-top: 25px;
	}
	.action-form-container{
		width: calc(80% - 100px);
	}
	.services-description ul li{
		font-size: 16px;
	}
	.more-service-list > div a{
		opacity: 1;
	}
	.review ul li:nth-child(1){
		display: none;
	}
	.review ul li{
		width: calc(50% - 50px);
		padding: 15px 15px;
	}
	.service-block > a > div{
		width: auto;
	}
	.footer-nav .nav-list:nth-child(1){
		display: none;
	}
	.footer-nav .nav-list:nth-child(2){
		display: none;
	}
	.footer-nav .nav-list h4{
		display: none;
	}
	.footer-nav .nav-list{
		width: 100%;
		font-size: 0px;
	}
	.footer-nav .nav-list a{
		display: inline-block;
		width: 50%;
		font-size: 14px;
	}
	.footer-nav .nav-list a:nth-child(3){
		text-align: right;
	}
	.footer-nav .nav-list{
		padding: 0px;
	}
	.how-control li .how-content{
		height: 300px;
	}
	body.uborka-template .first-block .container{
		display: block;
	}
	body.cleaning-template .first-block .container{
		display: block;
	}
	body.cleaning-template .first-block .container > div:nth-child(1){
		display: block;
		width: auto;
		margin-bottom: 50px;
	}
	body.cleaning-template .first-block .container > div:nth-child(2){
		display: block;
		width: auto;
	}
	body.uborka-template .first-block .container > div:nth-child(1){
		display: block;
		width: auto;
		margin-bottom: 50px;
	}
	body.uborka-template .first-block .container > div:nth-child(2){
		display: block;
		width: auto;
	}
	body.uborka-template .get-quote .container > div{
		display: block;
	}
	body.uborka-template .get-quote .container > div > div >p{
		margin-bottom: 25px;
	}
	body.cleaning-template .get-quote .container > div{
		display: block;
	}
	body.cleaning-template .get-quote .container > div > div >p{
		margin-bottom: 25px;
	}
	div.cases-page .second-block .container > div{
		display: block;
	}
	div.cases-page .first-block .container{
		display: block;
	}
	div.cases-page .first-block .container > div:nth-child(1){
		display: block;
		width: auto;
		margin-bottom: 32px;
	}
	div.cases-page .first-block .container > div:nth-child(2){
		display: block;
		width: auto;
	}
	.get-quote .container > div{
		display: block;
	}
	.service-block > a:nth-child(6) > div{
		display: block;
	}
}

@media(max-width: 600px){
	.preview-numb{
		width: 20%;
	}
	div.preview-content ul li{
		width: 100%;
	}
	div.preview-content a{
		width: auto;
	}
	.preview-list-content{
		width: 80%;
	}

	div.preview h1{
		font-size: 24px;
	}

	div.preview h2{
		font-size: 16px;
	}

	div.preview h3{
		font-size: 16px;
	}

	.problems h3{
		font-size: 24px;
	}

	div.problems div ul li{
		font-size: 16px;
	}

	div.problems p{
		font-size: 16px;
	}

	.how-control li .how-content{
		height: 370px;
	}

	.what-next ul li{
		width: 50%;
	}

	.advantage ul li{
		width: block;
		width: 100%;
	}

	.how-work > div.container ul li{
		display: block;
		width: 100%;
	}
	.how-work > div.container ul li div{
		margin-bottom: 20px;
	}
	div.nav{
		text-align: center;
	}
	.nav li{
		padding: 16px 10px 16px 0px;
	}
	.review ul li:nth-child(1){
		display: block;
	}
	.review ul li {
        width: auto;
        padding: 20px;
        margin-bottom: 32px;
        background: rgba(0, 0, 0, .05);
        border-radius: 10px;
    }
	.review ul{
		padding-bottom: 50px;
	}
	a.more-review{
		right: 0px;
	}
	body.uborka-template .second-block .container > div ul{
		grid-template-columns: repeat(1, 1fr);
	}
	body.cleaning-template .second-block .container > div ul{
		grid-template-columns: repeat(1, 1fr);
	}
	body.uborka-template .second-third-block .container > div ul{
		grid-template-columns: repeat(1, 1fr);
	}
	body.uborka-template .third-block .container > div ul{
		grid-template-columns: repeat(1, 1fr);
	}
	body.cleaning-template .third-block .container > div ul{
		grid-template-columns: repeat(1, 1fr);
	}
	body.uborka-template .fourth-block .container > div ul{
		grid-template-columns: repeat(1, 1fr);
	}
	body.cleaning-template .fourth-block .container > div ul{
		grid-template-columns: repeat(1, 1fr);
	}
	body.cleaning-template .fourth-block .container{
		display: block;
	}
	body.cleaning-template .fourth-block .container > div > p{
		margin-bottom: 25px;
	}
	div.cases-page .third-block .container > div ul{
		display: block;
	}
	div.cases-page .third-block .container > div ul li{
		margin-bottom: 25px;
	}
}

@media(max-width: 500px){
	.how-control li{
		width: 100%;
	}

	.how-control li .how-content{
		width: 100%;
		height: auto;
	}
	
	.action-form-container input.send-form{
		width: 90%;
	}
	.services-description ul li{
		font-size: 12px;
	}
	div.cases-page .second-block .container > div > div:nth-child(2) > ul > li h5{
		font-size: 18px;
	}
	div.cases-page .second-block .container > div > div:nth-child(2) > ul > li p{
		font-size: 12px;
	}
}	

@media(max-width: 440px){
	.services-description ul li{
		font-size: 11px;
	}
	.nav li{
		font-size: 13px;
	}
	
}

@media(max-width: 380px){
	.what-next ul li p{
		font-size: 48px;
	}
	.services-description ul li{
		font-size: 10px;
	}
}