/* Styles for html_locks: header */
.section.photo{box-shadow: 0 -10px 12px -12px rgba(0,0,0,0.2); padding:20px 0;}


.photo{ padding:30px 0; background: #f5f7f7;  }
.photo .text{ max-width: 1170px; margin: 0 auto }

.photo .__line-blocks{ max-width:375px; margin:auto; }
.photo .__line-block-item{    }


.photo .__line-block-foto{width: 200px; max-width: 100%; box-sizing: border-box;   height: 280px;  border-radius: 5px;     background-size: cover; background-position: center;
	box-shadow: 0 4px 10px -3px rgba(0,0,0,0.25); margin: 0 auto}
.photo .__line-block-title{ padding-left:110px; height:100px; font-size:16px;   }
.photo .__line-block-text{ text-align:center;  font-size:14px; margin:20px 0;}
.photo .button{}

.photo .stars{ background:url(/img/stars.svg); background-repeat:no-repeat; background-position:left center; background-size:contain; height:15px; margin:5px 0}

.photo .__slick-container .__line-block-wrap{ }
.photo .__slick-container .slick-arrow.slick-prev{left:0}
.photo .__slick-container .slick-arrow.slick-next{right:0}


.photo .__line-block-text:after, .photo .__line-block-text:before{ display:block; content:""; position:absolute; bottom:0px; left:0;  width:50%; height:2px;}
.photo .__line-block-text:before{bottom:auto; top:0;  }

.photo .lastname{ text-transform: uppercase; font-weight: 600; font-size: 1.1em}
.photo .name{ font-weight: 600; font-size: 1em}
.photo .dolzh{ padding-top: 10px; }
.photo .pd{     background: url(/images/pd.png); 	background-repeat: no-repeat;	background-position: 8px center;	margin-top: 10px;	width: 140px;	border: 1px solid #d8d8d8;	padding: 5px;
	padding-left: 45px;	margin: auto;	border-radius: 3px; margin-top: 10px;}
.photo .pd a{text-align: left;	display: block;	line-height: 1.2em;}
.photo .pd:hover{ background-color: #fff }

.photo .__line-block-text{ padding: 0 10px;}

.__blind .photo .__line-block-text:before{ display: none}
#slick-photo  .slick-arrow{ width: 15px; height: 144px; bottom: auto; top:60px;}

.photo .title-wrap.home{ padding-left: 0; background: none; text-align: center;}
.photo .title-wrap.home h2{ font-size: 1.6em;     max-width: none;text-align: center;}

@media only screen and (min-width: 375px) {
	.photo .__slick-container .__line-block-wrap{ padding:0 30px;}
	.photo .__line-block-item{  padding-left:10px; padding-right:10px   }

}

@media only screen and (min-width: 768px) {
	.photo{ }
	.photo .__line-blocks{ max-width:900px}
	.photo .__slick-container .__line-block-wrap{ padding:0 10px }
	.photo .__line-block-text{ }


}

@media only screen and (min-width: 1100px) {
 	.photo .__line-blocks{ max-width:1170px}
 	.section.photo{ margin-bottom: 40px}
}