==
<div class="accomodation_single_room">
	<div class="container">
		<div class="section_title nice_title content-center">
			<h3 data-translate>{{ "Gallery"|_ }}</h3>
		</div>
		<div class="row">
			<div class="col-lg-12 col-md-12">
				<div class="clearfix demo" style="">
					<div class="slider">
						<div id="gallery_main_slider" class="carousel slide" data-ride="carousel">

							<!-- Wrapper for slides -->
							<div class="carousel-inner" role="listbox">
								{% for item in gallery('slider').pictures %}
									<div class="item {{ loop.first ? "active" : "" }}">
										<div class="single_item" style="">
											<img src="{{ item.getPath }}" alt="">
										</div>
									</div>
								{% endfor %}
							</div>
							<!-- Controls -->
							<a class="slider_ctrl left" href="#gallery_main_slider" role="button" data-slide="prev">
								<i class="fa fa-angle-left"></i>
								<span class="sr-only">Previous</span>
							</a>
							<a class="slider_ctrl right" href="#gallery_main_slider" role="button" data-slide="next">
								<i class="fa fa-angle-right"></i>
								<span class="sr-only">Next</span>
							</a>
						</div>
					</div>
				</div>
			</div>
			{% set gallery_hotel = gallery('hotel') %}
			{% for item in gallery_hotel.pictures %}
				<div class="col-lg-3 col-md-3 col-sm-3 col-xs-4">
					<div class="single_room_wrapper clearfix">
						<div class="room_wrapper">
							<div class="room_media">
								<a href="{{ item.getPath }}" data-lightbox="hotel" title="{{ gallery_hotel.title }}">
									<figure class="uk-overlay uk-overlay-hover">
										<img alt="img" src="{{ item.thumb('400','300', 'crop') }}">
										<div class="uk-overlay-panel uk-overlay-background uk-overlay-icon"></div>
									</figure>
								</a>
							</div>
						</div>
					</div>
				</div>
			{% endfor %}

	</div>
</div>