@include('site/headerUnderConstruction')
	
	<div class="top-baner swiper-animate arrows">
		<div class="swiper-container main-slider" data-autoplay="5000" data-loop="1" data-speed="900" data-center="0" data-slides-per-view="1" style="height: 100vh !important;">
			<div class="swiper-wrapper" style="cursor: default !important;">
				<div class="active" data-val="0"> 
				  <div class="clip">
					 <div class="bg bg-bg-chrome act" style="background-image:url(images/indexSlider/1.webp); background-position: unset;">
					 </div>
				  </div>
				</div>
				
				{{-- <div class="swiper-slide" data-val="1"> 
				  <div class="clip">
					 <div class="bg bg-bg-chrome act" style="background-image:url(images/indexSlider/2.jpg); background-position: unset;">
					 </div>
				  </div>
				</div>

				<div class="swiper-slide" data-val="2"> 
				  <div class="clip">
					 <div class="bg bg-bg-chrome act" style="background-image:url(images/indexSlider/3.jpg)">
					 </div>
				  </div>
				</div>

				<div class="swiper-slide" data-val="3"> 
				  <div class="clip">
					 <div class="bg bg-bg-chrome act" style="background-image:url(images/indexSlider/4.jpg); background-position: unset;">
					 </div>
				  </div>
				</div>

				<div class="swiper-slide" data-val="4"> 
				  <div class="clip">
					 <div class="bg bg-bg-chrome act" style="background-image:url(images/indexSlider/5.jpg); background-position: unset;">
					 </div>
				  </div>
				</div> --}}
			</div>    

			<div class="vertical-align" style="margin-top: 8%;">
			  <div class="container">
				<div class="row">
				  <div class="col-md-12">
					<div class="main-title vert-title">
						<img src="{{ url('images/logo3xWithoutText.png') }}" alt="Circuitos">
					  	<h2 class="color-white delay-1" style="color: #0b5d98;">¡Estamos trabajando<br>en nuestra nueva web!</h2>
						{{-- <p class="color-white-op delay-2" style="font-size: 1.5rem; color: rgba(255, 255, 255, 1);">Estamos trabajando para vos. <br> #quedateencasa #yahabratiempoparaviajar</p> --}}
					 </div>
				   </div>
				  </div>
				</div>
			 </div>
			  <div class="pagination pagination-hidden poin-style-1"></div>

			  {{-- <div class="arrow-wrapp m-200">
				<div class="cont-1170">
					<div class="swiper-arrow-left sw-arrow"><span class="fa fa-angle-left"></span></div>
					<div class="swiper-arrow-right sw-arrow"><span class="fa fa-angle-right"></span></div>
				</div>
			  </div> --}}
		</div>
	</div>

@include('site/footer')

<script>
	$(document).ready(function() {
		$(document).on('click', '.headerBtnContacto', function(event) {
			event.preventDefault();
			var element = document.getElementById("footerBlock");
			element.scrollIntoView({ block: 'end', behavior: 'smooth' });
		});
	});
</script>