.photo-slider.fancybox-content{
	background: none !important;
}

.item-photo img {
    margin: 0 auto;
}

.slick-prev:before{
	content: url(/bitrix/templates/apetta/assets/img/arrow-left.svg) !important;
}
.slick-next:before{
	content: url('/bitrix/templates/apetta/assets/img/arrow-right.svg') !important;
}
.fancybox-button.fancybox-close-small svg{
	color: #fff;
}
.section.locations .caption.photo{
    color: #4258ff;
    text-decoration: underline;
    /*float: right;*/
    padding-left: 20px;
}
.section.locations .baloon-content{
	font: 20px/25px Roboto,Helvetica,sans-serif;
	padding:15px;
}
.section.locations .baloon-content span{
	font-size: 16px;

}
.section.locations .item.location .block{
	justify-content: space-between;
}
.section.locations .services{
	border: none;

}

.section.locations .filter{
	align-self: flex-end;
}

.section.locations .list.heads, .section.locations .select {
	width: 300px;
}

.section.locations.index .flex{
	justify-content: center;
}

/*checkbox ctyles*/

.checkbox-service {
	display: inline-block;    
	height: 28px;    
	line-height: 28px;      
	margin-right: 30px;       
	position: relative;
	vertical-align: middle;
	font-size: 14px;
	user-select: none;	
}
.checkbox-service .checkbox-service-switch {
	display: inline-block;	
	width: 37px;
	height: 21px;	
	border-radius: 20px;
	position: relative;
	top: 6px;			
	vertical-align: top;
	background: #DFDFDF;
	transition: .2s;
    margin-right: 10px;
}
.checkbox-service .checkbox-service-switch:before {
	content: '';
	display: inline-block;	
	width: 25px;	
	height: 25px;
	position: absolute;
	top: -3px;
	left: -4px;
	background: #8D8E94;
	border-radius: 50%;
	box-shadow: 0 3px 1px -2px rgba(0,0,0,0.2), 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12);
	transition: .15s;		
}
.checkbox-service input[type=checkbox] {
	display: block;	
	width: 0;
	height: 0;	
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.checkbox-service input[type=checkbox]:checked + .checkbox-service-switch {
	background: #DFDFDF;
}
.checkbox-service input[type=checkbox]:checked + .checkbox-service-switch:before {
	background: #1a73e8;
	transform:translateX(18px);
}
 
/* Hover */
.checkbox-service input[type="checkbox"]:not(:disabled) + .checkbox-service-switch {
	cursor: pointer;
	border-color: rgba(0, 0, 0, .3);
}
 
/* Active/Focus */
.checkbox-service input[type="checkbox"]:not(:disabled):active + .checkbox-service-switch:before, 
.checkbox-service input[type="checkbox"]:not(:disabled):focus + .checkbox-service-switch:before {
	animation: checkbox-active-on 0.5s forwards linear;
}
@keyframes checkbox-active-on {
	0% {
		box-shadow: 0 0 0 0 rgba(212,212,212, 0);
	}
	99% {
		box-shadow: 0 0 0 10px rgba(212,212,212, 0.5);
	}
}
 
.checkbox-service input[type="checkbox"]:not(:disabled):checked:active + .checkbox-service-switch:before, 
.checkbox-service input[type="checkbox"]:not(:disabled):checked:focus + .checkbox-service-switch:before {
	animation: checkbox-active-off 0.5s forwards linear;
}
@keyframes checkbox-active-off {
	0% {
		box-shadow: 0 0 0 0 rgba(154,190,247, 0);
	}
	99% {
		box-shadow: 0 0 0 10px rgba(154,190,247, 0.5);
	}
}
 
/* Disabled */
.checkbox-service input[type=checkbox]:disabled + .checkbox-service-switch {
	filter: grayscale(60%);
	border-color: rgba(0, 0, 0, .1);
}
.checkbox-service input[type=checkbox]:disabled + .checkbox-service-switch:before {
	background: #eee;
}
.checkbox-service span{
	vertical-align: sub;
	font: 17px/25px Roboto,Helvetica,sans-serif;
}

/*checkbox ctyles*/

body .section.locations .map{
	height: 500px;
}

@media screen and (max-width: 767px){
	.section.locations .flex{
		flex-wrap: wrap;
	}
	.section.locations .flex.reverce{
		flex-direction: column-reverse;
	}
	.section.locations .list.heads, .section.locations .findme {
	     /*min-width: 300px;*/
	     /*width: 100%;*/
	     padding-bottom: 20px;
	}
	.section.locations .search {
	     width: 300px;
	}

}


@media screen and (min-width: 768px){
	.section.locations.inner .search {
	     margin-bottom: 0 !important; 
	}
	.section.locations .list.heads, .section.locations .findme {
		padding-left: 100px;
	}
	.section.locations .services{
		padding-left: 100px;
	}
	.section.locations .search {
	     width: 50%;
	 }

}