@section('services-recommended')
				<div class="isotope-container row grid-space-10">
					<div class="col-md-3 col-sm-6 isotope-item hogar">
						<div id="carousel-portfolio" class="carousel slide" data-ride="carousel">
							<!-- Wrapper for slides -->
							<div class="carousel-inner" role="listbox">
								<div class="item active">
									<div class="image-box shadow bordered text-center mb-20">
										<div class="overlay-container">
											<img src="https://{{ config('constants.hostdomainglobal') }}/img/landing/photo-bedroom.jpg" style="height:171px;width:276px" alt="">
											<div class="overlay-top">
												<div class="text">
													<h3><a href="javascript:void(0)" ng-click="service.addService(104)">Solicitar</a></h3>
												</div>
											</div>
											<div class="overlay-visible ">
												<div class="overlay-bottom hidden-xs">
													<div class="text">
														<p class="lead margin-clear">Hogar</p>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>

						</div> <!-- carousel-->
					</div>

					<div class="col-md-3 col-sm-6 isotope-item administracion">
						<div id="carousel-portfolio" class="carousel slide" data-ride="carousel">
							<!-- Wrapper for slides -->
							<div class="carousel-inner" role="listbox">
								<div class="item active">
									<div class="image-box shadow bordered text-center mb-20">
										<div class="overlay-container">
											<img src="https://{{ config('constants.hostdomainglobal') }}/img/landing/photo-administration.jpg" style="height:171px;width:276px"  alt="">
											<div class="overlay-top">
												<div class="text">
													<h3><a href="javascript:void(0)" ng-click="service.addService(118)">Solicitar</a></h3>
												</div>
											</div>
											<div class="overlay-visible ">
												<div class="overlay-bottom hidden-xs">
													<div class="text">
														<p class="lead margin-clear">Administraci&oacute;n</p>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>

						</div> <!-- carousel-->
					</div>

					<div class="col-md-3 col-sm-6 isotope-item construccion">
						<div id="carousel-portfolio" class="carousel slide" data-ride="carousel">
							<!-- Wrapper for slides -->
							<div class="carousel-inner" role="listbox">
								<div class="item active">
									<div class="image-box shadow bordered text-center mb-20">
										<div class="overlay-container">
											<img src="https://{{ config('constants.hostdomainglobal') }}/img/landing/photo-construccion.jpg" style="height:171px;width:276px" alt="">
											<div class="overlay-top">
												<div class="text">
													<h3><a href="javascript:void(0)" ng-click="service.addService(94)">Solicitar</a></h3>
												</div>
											</div>
											<div class="overlay-visible ">
												<div class="overlay-bottom hidden-xs">
													<div class="text">
														<p class="lead margin-clear">Construcci&oacute;n</p>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>

						</div> <!-- carousel-->
					</div>

					<div class="col-md-3 col-sm-6 isotope-item medicina">
						<div id="carousel-portfolio" class="carousel slide" data-ride="carousel">
							<!-- Wrapper for slides -->
							<div class="carousel-inner" role="listbox">
								<div class="item active">
									<div class="image-box shadow bordered text-center mb-20">
										<div class="overlay-container">
											<img src="https://{{ config('constants.hostdomainglobal') }}/img/landing/photo-medicina.jpg" style="height:171px;width:276px" alt="">
											<div class="overlay-top">
												<div class="text">
													<h3><a href="javascript:void(0)" ng-click="service.addService(118)">Solicitar</a></h3>
												</div>
											</div>
											<div class="overlay-visible ">
												<div class="overlay-bottom hidden-xs">
													<div class="text">
														<p class="lead margin-clear">M&eacute;dicina</p>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>

						</div> <!-- carousel-->
					</div>

					<div class="col-md-3 col-sm-6 isotope-item belleza">
						<div id="carousel-portfolio" class="carousel slide" data-ride="carousel">
							<!-- Wrapper for slides -->
							<div class="carousel-inner" role="listbox">
								<div class="item active">
									<div class="image-box shadow bordered text-center mb-20">
										<div class="overlay-container">
											<img src="https://{{ config('constants.hostdomainglobal') }}/img/landing/photo-beauty.jpg" style="height:171px;width:276px" alt="">
											<div class="overlay-top">
												<div class="text">
													<h3><a href="javascript:void(0)" ng-click="service.addService(189)">Solicitar</a></h3>
												</div>
											</div>
											<div class="overlay-visible ">
												<div class="overlay-bottom hidden-xs">
													<div class="text">
														<p class="lead margin-clear">Belleza</p>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>

						</div> <!-- carousel-->
					</div>

					<div class="col-md-3 col-sm-6 isotope-item mantenimiento">
						<div id="carousel-portfolio" class="carousel slide" data-ride="carousel">
							<!-- Wrapper for slides -->
							<div class="carousel-inner" role="listbox">
								<div class="item active">
									<div class="image-box shadow bordered text-center mb-20">
										<div class="overlay-container">
											<img src="https://{{ config('constants.hostdomainglobal') }}/img/landing/photo-maintenance.jpg" style="height:171px;width:276px" alt="">
											<div class="overlay-top">
												<div class="text">
													<h3><a href="javascript:void(0)" ng-click="service.addService(144)">Solicitar</a></h3>
												</div>
											</div>
											<div class="overlay-visible ">
												<div class="overlay-bottom hidden-xs">
													<div class="text">
														<p class="lead margin-clear">Mantenimiento</p>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>

						</div> <!-- carousel-->
					</div>

					<div class="col-md-3 col-sm-6 isotope-item limpieza">
						<div id="carousel-portfolio" class="carousel slide" data-ride="carousel">
							<!-- Wrapper for slides -->
							<div class="carousel-inner" role="listbox">
								<div class="item active">
									<div class="image-box shadow bordered text-center mb-20">
										<div class="overlay-container">
											<img src="https://{{ config('constants.hostdomainglobal') }}/img/landing/photo-clean.jpg" style="height:171px;width:276px" alt="">
											<div class="overlay-top">
												<div class="text">
													<h3><a href="javascript:void(0)" ng-click="service.addService(157)">Solicitar</a></h3>
												</div>
											</div>
											<div class="overlay-visible ">
												<div class="overlay-bottom hidden-xs">
													<div class="text">
														<p class="lead margin-clear">Limpieza</p>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>

						</div> <!-- carousel-->
					</div>

					<div class="col-md-3 col-sm-6 isotope-item mudanza">
						<div id="carousel-portfolio" class="carousel slide" data-ride="carousel">
							<!-- Wrapper for slides -->
							<div class="carousel-inner" role="listbox">
								<div class="item active">
									<div class="image-box shadow bordered text-center mb-20">
										<div class="overlay-container">
											<img  src="https://{{ config('constants.hostdomainglobal') }}/img/landing/photo-truck.jpg" style="height:171px;width:276px" alt="">
											<div class="overlay-top">
												<div class="text">
													<h3><a href="javascript:void(0)" ng-click="service.addService(115)">Solicitar</a></h3>
												</div>
											</div>
											<div class="overlay-visible ">
												<div class="overlay-bottom hidden-xs">
													<div class="text">
														<p class="lead margin-clear">Mudanza</p>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>

						</div> <!-- carousel-->
					</div>
					<div class="col-md-3 col-sm-6 isotope-item albañil">
						<div id="carousel-portfolio" class="carousel slide" data-ride="carousel">
							<!-- Wrapper for slides -->
							<div class="carousel-inner" role="listbox">
								<div class="item active">
									<div class="image-box shadow bordered text-center mb-20">
										<div class="overlay-container">
											<img  src="https://{{ config('constants.hostdomainglobal') }}/img/landing/photo-albanil.jpg" style="height:171px;width:276px" alt="">
											<div class="overlay-top">
												<div class="text">
													<h3><a href="javascript:void(0)" ng-click="service.addService(123)">Solicitar</a></h3>
												</div>
											</div>
											<div class="overlay-visible ">
												<div class="overlay-bottom hidden-xs">
													<div class="text">
														<p class="lead margin-clear">Albañiles</p>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>

						</div> <!-- carousel-->
					</div>

						<div class="col-md-3 col-sm-6 isotope-item reforma">
						<div id="carousel-portfolio" class="carousel slide" data-ride="carousel">
							<!-- Wrapper for slides -->
							<div class="carousel-inner" role="listbox">
								<div class="item active">
									<div class="image-box shadow bordered text-center mb-20">
										<div class="overlay-container">
											<img  src="https://{{ config('constants.hostdomainglobal') }}/img/landing/planning.jpg" style="height:171px;width:276px" alt="">
											<div class="overlay-top">
												<div class="text">
													<h3><a href="javascript:void(0)" ng-click="service.addService(104)">Solicitar</a></h3>
												</div>
											</div>
											<div class="overlay-visible ">
												<div class="overlay-bottom hidden-xs">
													<div class="text">
														<p class="lead margin-clear">Reforma</p>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>

						</div> <!-- carousel-->
					</div>

					<div class="col-md-3 col-sm-6 isotope-item derecho">
						<div id="carousel-portfolio" class="carousel slide" data-ride="carousel">
							<!-- Wrapper for slides -->
							<div class="carousel-inner" role="listbox">
								<div class="item active">
									<div class="image-box shadow bordered text-center mb-20">
										<div class="overlay-container">
											<img  src="https://{{ config('constants.hostdomainglobal') }}/img/landing/photo-hammer.jpg" style="height:171px;width:276px" alt="">
											<div class="overlay-top">
												<div class="text">
													<h3><a href="javascript:void(0)" ng-click="service.addService(118)">Solicitar</a></h3>
												</div>
											</div>
											<div class="overlay-visible ">
												<div class="overlay-bottom hidden-xs">
													<div class="text">
														<p class="lead margin-clear">Derecho</p>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>

						</div> <!-- carousel-->
					</div>

					<div class="col-md-3 col-sm-6 isotope-item electronica">
						<div id="carousel-portfolio" class="carousel slide" data-ride="carousel">
							<!-- Wrapper for slides -->
							<div class="carousel-inner" role="listbox">
								<div class="item active">
									<div class="image-box shadow bordered text-center mb-20">
										<div class="overlay-container">
											<img  src="https://{{ config('constants.hostdomainglobal') }}/img/landing/photo-rj45.jpg" style="height:171px;width:276px" alt="">
											<div class="overlay-top">
												<div class="text">
													<h3><a href="javascript:void(0)" ng-click="service.addService(160)">Solicitar</a></h3>
												</div>
											</div>
											<div class="overlay-visible ">
												<div class="overlay-bottom hidden-xs">
													<div class="text">
														<p class="lead margin-clear">Electr&oacute;nica</p>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>

						</div> <!-- carousel-->
					</div>


				</div>
@stop