/* Styles for html_locks: header */
.section.article-offer{ box-shadow: none}
.article-offer{ z-index:450;}
.article-offer .__side-padding{ }

.article-offer .__section-item{      background-image:url(/images/slide-but-mob.jpg); background-repeat:no-repeat; background-position:left; background-size:cover; padding: 20px;}
.article-offer .__grids{ padding: 30px 0}
.article-offer .block-button-text{ color: #fff;     }

.article-offer .block-button-text p{    font-size: 1.2em; line-height: 1.6em  }
.article-offer .block-button-text p.title{    font-size: 1.4em; font-weight: 800;}
.article-offer .button-wrap{ padding-top:20px; text-align: left}
.article-offer .button-wrap .button{ margin: 0; margin-bottom: 15px; display: inline-block; width: 230px;}
.article-offer .button-wrap .button.red{ margin-right: 15px;}

@media only screen and (min-width: 768px) {
	.article-offer .__section-item{    padding: 20px 50px;}
	.article-offer .__section-item{      background-image:url(/images/slide-but.jpg);}
}
@media only screen and (min-width: 1024px) {

	.article-offer .block-button-text { padding-right:30px;}
	.article-offer .button-wrap{ text-align: right; width: 100%}
	.article-offer .button-wrap .button { margin-bottom: 0; }


	.article-offer .__section-item{    padding: 30px 80px;}


	.article-offer .block-button-text{   margin: 0 auto; }

	.article-offer .block-button-text p{    font-size: 1.4em; line-height: 1.6em  }
	.article-offer .block-button-text p.title{    font-size: 1.6em; font-weight: 800;}

}


@media only screen and (min-width: 1170px) {





}