/* Styles for html_locks: header */

.collective{   }

.collective .__line-blocks{ max-width:375px; margin:auto; }
.collective .__line-block-item{  padding-top: 30px;  margin: auto }


.collective .__line-block-foto{width: 100%; max-width: 100%; height: 250px;       border-radius: 5px;  object-fit: cover;
    box-shadow: 0 4px 10px -3px rgba(0,0,0,0.25); margin: 0 auto}
.collective .__line-block-title{ padding-left:110px; height:100px; font-size:16px;   }
.collective .__line-block-text{ text-align:left;  font-size:14px; margin-top: 20px; margin-bottom: 20px;padding-left:10px;}
.collective .button{}



.collective .lastname{ text-transform: uppercase; font-weight: 600; font-size: 1.1em}
.collective .name{ font-weight: 600; font-size: 1.1em}
.collective .dolzh{ padding-top: 10px; }

.collective .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;	 	border-radius: 3px; margin-top: 10px;}
.collective .pd a{text-align: left;	display: block;	line-height: 1.2em;}
.collective .pd:hover{ background-color: #fff }


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

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

.collective .__grids  {   margin: 0 -10px}
.collective .__line-block-item{ padding: 0 10px}
.collective ._grid-item._col-6{ width: 50%; flex-basis:50%}


@media only screen and (min-width: 400px) {
    .collective .__line-block-foto{height: 280px;}
}
@media only screen and (min-width: 440px) {
    .collective .__line-block-foto{height: 300px;}
}

@media only screen and (min-width: 480px) {
    .collective .__line-block-foto{height: 320px;}
    }

@media only screen and (min-width: 600px) {
    .reviews .__grids{ margin-right: -15px; margin-left: -15px;}
    .reviews .__grids ._grid-item{ padding: 15px}

}


@media only screen and (min-width: 768px) {
    .collective .__grids  {   margin: 0 -20px}
    .collective .__line-block-foto{height: 330px;}
    .collective .__line-block-item{ padding: 0 20px}
    .collective ._grid-item._col-6{ width: 33.33%; flex-basis:33.33%}

}
@media only screen and (min-width:960px) {
    .collective .__grids  {   margin: 0 -20px}
    .collective .__line-block-foto{height: 330px;}
    .collective .__line-block-item{ padding: 0 20px}
    .collective ._grid-item._col-6{ width: 25%; flex-basis:25%}
}



@media only screen and (min-width: 1100px) {
    .collective .__grids  {   margin: 0 -25px}

    .collective .__line-block-foto{height: 370px;}
    .collective .__line-block-item{ padding: 0 25px}


}


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

}
/* CSS Document */