/* Start:/local/templates/maco_serv/components/bitrix/news/works/bitrix/news.detail/.default/style.css?162443686415243*/
	.news-image-detail {
		width: 350px;
		height: 350px;
		object-fit: cover;
		margin-bottom: 1.875rem;
	}

	.news h3 {
		margin-bottom: 0.5rem;
    	font-weight: 500;
    	line-height: 1.2;
	}

	.news .meta {
	    margin-bottom: 1.875rem;
	    font-weight: 400;
	    font-size: .9125rem;
	}

	.news .additional_images {
		margin-top: 1.875rem;
	}


	.news .img-container {
		padding-top: 1rem;
    	padding-bottom: 1rem;
    	text-align: center;
	}

	.news .img-container.default {
		padding-top: 1.5rem;
    	padding-bottom: 3rem;
    	text-align: center;
	}

	.news .gallery_img {
    	display: inline-block;
    	vertical-align: middle;
    	width: 100%;
    	height: 100%;
	}

	.img-container {
		position: relative;
    	max-width: 350px;
    	height: auto;
    	margin: 0 auto;
		width: 100%;
		overflow: hidden;
		cursor: pointer;
	}

	.img-container .description {
		position: absolute;
	    /*bottom: 7em;*/
	    padding: 1em;
	    color: white;
	    text-transform: none;
	    font-size: 90%;
	    opacity: 0;
	    -webkit-transition: opacity 0.35s;
	    transition: opacity 0.35s;
	    -webkit-backface-visibility: hidden;
	    text-align: center;


	    display: block;
	    width: 100%;
	    text-align: center;
    	top: 50%;
    	left: 50%;
    	transform: translate(-50%, -50%);
	}


.img-container .description {
	-webkit-transition: -webkit-transform 0.45s;
	transition: transform 0.45s;
	-webkit-transform: translate3d(-50%,0,0);
	transform: translate3d(-50%,0,0);
}


.img-container p.icon-links a {
 	-webkit-transition: -webkit-transform 0.45s;
	transition: transform 0.45s;
	-webkit-transform: translate3d(0,200%,0);
	transform: translate3d(0,200%,0);
}

	.panel {
		position: absolute;
	    left: 0;
	    width: 100%;
		top: auto;
	    bottom: 15px;
		padding: .7em;
    	height: 2.75em;
	    background: #ffffffe0;
	    color: #3c4a50;

	    -webkit-transition: -webkit-transform 0.35s;
	    transition: transform 0.35s;
	    -webkit-transform: translate3d(0,140%,0);
	    transform: translate3d(0,140%,0);
	}

	.icon-links {
		display: flex;
    	justify-content: flex-end;
    	margin-bottom: 0;
	}


	p.icon-links a span::before {
	    content: "";
	    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 254.309 254.309' style='enable-background:new 0 0 254.309 254.309;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M246.809,0.046h-34.766c-4.142,0-7.5,3.357-7.5,7.5s3.358,7.5,7.5,7.5h16.66l-77.07,77.069 c-6.807-4.696-15.048-7.454-23.925-7.454c-9.161,0-17.642,2.94-24.571,7.915l-77.53-77.53h16.66c4.142,0,7.5-3.357,7.5-7.5 s-3.358-7.5-7.5-7.5H7.5c-4.142,0-7.5,3.357-7.5,7.5v34.766c0,4.143,3.358,7.5,7.5,7.5s7.5-3.357,7.5-7.5V25.653l77.674,77.673 c-4.549,6.738-7.208,14.853-7.208,23.577c0,8.853,2.743,17.075,7.416,23.871L15,228.655v-16.658c0-4.143-3.358-7.5-7.5-7.5 s-7.5,3.357-7.5,7.5v34.766c0,4.143,3.358,7.5,7.5,7.5h34.766c4.142,0,7.5-3.357,7.5-7.5s-3.358-7.5-7.5-7.5h-16.66l77.824-77.823 c6.874,4.847,15.246,7.705,24.277,7.705c23.292,0,42.242-18.949,42.242-42.241c0-9.008-2.844-17.36-7.667-24.224l77.026-77.026 v16.658c0,4.143,3.358,7.5,7.5,7.5s7.5-3.357,7.5-7.5V7.546C254.309,3.403,250.951,0.046,246.809,0.046z M127.708,154.145 c-15.021,0-27.242-12.221-27.242-27.241c0-15.021,12.221-27.242,27.242-27.242c6.792,0,13.006,2.504,17.782,6.631 c0.31,0.516,0.678,1.006,1.123,1.45c0.464,0.464,0.978,0.846,1.519,1.163c4.238,4.804,6.817,11.104,6.817,17.998 C154.949,141.924,142.729,154.145,127.708,154.145z'/%3E%3Cpath d='M246.809,204.497c-4.142,0-7.5,3.357-7.5,7.5v16.658l-56.24-56.239c-2.929-2.928-7.678-2.928-10.606,0 c-2.929,2.93-2.929,7.678,0,10.607l56.24,56.239h-16.66c-4.142,0-7.5,3.357-7.5,7.5s3.358,7.5,7.5,7.5h34.766 c4.142,0,7.5-3.357,7.5-7.5v-34.766C254.309,207.854,250.951,204.497,246.809,204.497z'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
	    	display: inline-block;
	    	padding: 7px 7px;
	    	font-family: 'feathericons';
	    	speak: none;
	    	-webkit-font-smoothing: antialiased;
	    	-moz-osx-font-smoothing: grayscale;
	}


	.additional_images .img-container.active .description {
		opacity: 1;
	}


	.additional_images .img-container.active .description {
		/*-webkit-transform: translate3d(0,0,0);*/
		/*transform: translate3d(0,0,0);*/
		transform: translate(-50%, -50%);
	}

	.additional_images .img-container.active .panel,
	.additional_images .img-container.active p.icon-links a {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	.additional_images .img-container.active .description {
		-webkit-transition-delay: 0.05s;
		transition-delay: 0.05s;
	}

	.additional_images .img-container.active p.icon-links a{
		-webkit-transition-delay: 0.2s;
		transition-delay: 0.2s;
	}
 
 	.lead.image_description {
 		font-size: 1rem;
    	font-weight: 400;
 	}


	.additional_images {
		overflow: hidden;
	}

	.lg-outer {
	    width: 100%;
	    height: 100%;
	    position: fixed;
	    top: 0;
	    left: 0;
	    z-index: 1050;
	    opacity: 0;
	    outline: none;
	    -webkit-transition: opacity 0.15s ease 0s;
	    -o-transition: opacity 0.15s ease 0s;
	    transition: opacity 0.15s ease 0s;
	}

	.lg-outer .lg {
	    height: 100%;
	    width: 100%;
	    position: relative;
	    overflow: hidden;
	    margin-left: auto;
	    margin-right: auto;
	    max-width: 100%;
	    max-height: 100%;
	}

	.lg-sub-html {
		background-color: rgba(0, 0, 0, 0.45);
	    bottom: 0;
	    color: #EEE;
	    font-size: 16px;
	    left: 0;
	    padding: 10px 40px;
	    position: fixed;
	    right: 0;
	    text-align: center;
	    z-index: 1080;
	}

	.lg-sub-html p {
		margin: 0;
	}

	.lg-outer .lg-inner {
	    width: 100%;
	    height: 100%;
	    position: absolute;
	    left: 0;
	    top: 0;
	    white-space: nowrap;
	    background-color: #1b1b1b;
	}

	.lg-image-wrap {
		display: inline-block;
	    text-align: center;
	    position: absolute;
	    width: 100%;
	    height: 100%;
	    opacity: 0;
	}

	.lg-image-wrap.active {
		opacity: 1;
	}
	


	.lg-outer .lg-image-wrap:before {
	    content: "";
	    display: inline-block;
	    height: 50%;
	    width: 1px;
	    margin-right: -1px;
	}


	.lg-image-wrap  img {
		display: inline-block;
	    vertical-align: middle;
	    max-width: 100%;
	    max-height: 100%;
	    width: auto !important;
	    height: auto !important;
	}

	.lg-actions .lg-next, .lg-actions .lg-prev {
		width: 25px;
	    height: 25px;
	    z-index: 1082;
	    outline: none;
	    border: none;
	    background-color: transparent
	}

	.lg-actions {
		display: flex;
    	justify-content: space-between;
		z-index: 1081;
	    width: 100%;
	    height: 25px;
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	}


	.lg-actions .lg-prev {
	    left: 20px;
	}

	.lg-actions .lg-next {
	    right: 20px;
	}

	.lg-prev, .lg-next {
    	opacity: 1;
    	-webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
    	-moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
    	-o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
    	transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
	}

 
	.lg-actions .lg-next:after {
    	content: "";
    	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512.002 512.002' style='enable-background:new 0 0 512.002 512.002;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath fill='white' d='M388.425,241.951L151.609,5.79c-7.759-7.733-20.321-7.72-28.067,0.04c-7.74,7.759-7.72,20.328,0.04,28.067l222.72,222.105 L123.574,478.106c-7.759,7.74-7.779,20.301-0.04,28.061c3.883,3.89,8.97,5.835,14.057,5.835c5.074,0,10.141-1.932,14.017-5.795 l236.817-236.155c3.737-3.718,5.834-8.778,5.834-14.05S392.156,245.676,388.425,241.951z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");


    	width: 20px;
    	height: 20px;
    	right: 20px;
    	top: 0;
    	position: absolute;
	}

	.lg-actions .lg-prev:after {
    	content: "";
 		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 443.52 443.52' style='enable-background:new 0 0 443.52 443.52;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath fill='white' d='M143.492,221.863L336.226,29.129c6.663-6.664,6.663-17.468,0-24.132c-6.665-6.662-17.468-6.662-24.132,0l-204.8,204.8 c-6.662,6.664-6.662,17.468,0,24.132l204.8,204.8c6.78,6.548,17.584,6.36,24.132-0.42c6.387-6.614,6.387-17.099,0-23.712 L143.492,221.863z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
    	 width: 20px;
    	height: 20px;
    	left: 20px;
    	top: 0;
    	position: absolute;
	}

	.lg-toolbar{
		z-index: 1082;
	    left: 0;
	    position: absolute;
	    top: 0;
	    width: 100%;
	    background-color: rgba(0, 0, 0, 0.45);
	    padding: 0 20px 0 20px;
	}

	.lg-toolbar .lg-icon {
	    color: #999;
	    cursor: pointer;
	    float: right;
	    font-size: 24px;
	    height: 47px;
	    line-height: 27px;
	    padding: 10px 0;
	    text-align: center;
	    width: 50px;
	    text-decoration: none !important;
	    outline: medium none;
	    background: none;
	    border: none;
	    box-shadow: none;
	    position: relative;
	    -webkit-transition: color 0.2s linear;
	    -o-transition: color 0.2s linear;
	    transition: color 0.2s linear;
	}

	.lg-toolbar .lg-icon:after {
    	content: "";
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 496.096 496.096' style='enable-background:new 0 0 496.096 496.096;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath fill='white' d='M259.41,247.998L493.754,13.654c3.123-3.124,3.123-8.188,0-11.312c-3.124-3.123-8.188-3.123-11.312,0L248.098,236.686 L13.754,2.342C10.576-0.727,5.512-0.639,2.442,2.539c-2.994,3.1-2.994,8.015,0,11.115l234.344,234.344L2.442,482.342 c-3.178,3.07-3.266,8.134-0.196,11.312s8.134,3.266,11.312,0.196c0.067-0.064,0.132-0.13,0.196-0.196L248.098,259.31 l234.344,234.344c3.178,3.07,8.242,2.982,11.312-0.196c2.995-3.1,2.995-8.016,0-11.116L259.41,247.998z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
    	width: 20px;
    	height: 20px;
 

    	position: absolute;
    	top: 50%;
    	left: 50%; 
    	transform: translate(-50%, -50%);
	}

	.gallery {
		display: none;
	}

	.gallery.show {
		display: block;
	}

	.gallery.show .lg-outer {
	    opacity: 1;
	}

	.lg-image-wrap.active {
		opacity: 1;
	}

	.lg-counter {
		letter-spacing: .2rem;
	    color: white;
	    display: inline-block;
	    font-size: 16px;
	    padding: 12px;
	    height: 47px;
	    vertical-align: middle;
	    font-weight: 500;
	}

	.lg-image-wrap img { 
		opacity: 1; transition: opacity 0.3s; 
	} 
	.lg-image-wrap img[data-src] {
	 opacity: 0; 
	} 


.loader {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
}

.loader.active {
    z-index: 1;
}


.lds-roller {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #fff;
  margin: -4px 0 0 -4px;
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
  top: 63px;
  left: 63px;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 68px;
  left: 56px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 71px;
  left: 48px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 71px;
  left: 32px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 68px;
  left: 24px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 63px;
  left: 17px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 56px;
  left: 12px;
}

@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}



@media screen and (max-width: 700px) {
  .lg-toolbar {
    padding: 0 10px 0 10px;
  }

  .lg-actions .lg-prev:after {
  	left: 10px;
  }

  .lg-actions .lg-next:after {
  	right: 10px;
  }

}

@media screen and (max-width: 991px) {
 	.additional_images .lead.image_description {
 		text-align: center;
 	}
}
/* End */
/* /local/templates/maco_serv/components/bitrix/news/works/bitrix/news.detail/.default/style.css?162443686415243 */