<?php get_header(); ?>

  <main role="main">
    <!-- section -->
        
    <div class="container-fluid">
      <div class="row" style="position:relative;">
        <div class="col-12 m-0 p-0">
          <?php
        $type = 'slider';
        $args = array(
          'post_type' => $type,
          'post_status' => 'publish',
          'posts_per_page' => 5,
          'ignore_sticky_posts'=> true,
          
          'order' => 'ASC'
        );
        $my_query = null;
        $my_query = new WP_Query($args);

        ?>
    
        
          <div class="carousel slide" id="featured" data-ride="carousel">
           <ol class="carousel-indicators">
            <?php  $item_count = 0; // Start up a count
                   while ($my_query->have_posts()) : $my_query->the_post(); 

    

            ?>
            <li data-target="#featured" data-slide-to="<?php echo $item_count; ?>"><?php echo $item_count + 1; ?></li>

            <?php

            $item_count++;
     
            endwhile; 
          ?>
            </ol> 
            <div class="carousel-inner">
          <?php if( $my_query->have_posts() ):?>
          <?php while ($my_query->have_posts()) : $my_query->the_post(); 
          $thumb_id = get_post_thumbnail_id();
$thumb_url_array = wp_get_attachment_image_src($thumb_id, 'thumbnail-size', true);
$thumb_url = $thumb_url_array[0];?>
           
              <div class="carousel-item <?php if ( $my_query->current_post == 0 ) : ?>active<?php endif; ?> fundo" style="background-image:url('<?php echo $thumb_url ?>');">
                <div class="carousel-caption col-12 col-md-5 m-0 p-0">
                  <div class="carousel-container d-flex flex-column align-items-start justify-content-end">
                    <h1 class="text-left pl-5 carousel-container-element"><?php the_title(); ?></h1>
                    <p class="text-left pl-5 carousel-container-element"><?php remove_filter ('the_content', 'wpautop'); the_content(); ?></p>
                  </div>
              
                  <div>
                    <img class="mx-auto d-block" src="<?php echo get_template_directory_uri(); ?>/img/triangle_bg.png" />
                  </div>
                </div>
              </div>
       
          <?php endwhile; ?>
          <?php
            endif;
            wp_reset_query();
            ?>
     


           
            </div>
            <a class="carousel-control-prev" href="#featured" role="button" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true">
            <span class="sr-only">Previous</span>
            </span>
            </a>
            <a class="carousel-control-next" href="#featured" role="button" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true">
            <span class="sr-only">Next</span>
            </span>
            </a>
          </div>
        </div>
      
          <div class="col-8 col-sm-5 col-md-4 col-xl-3 contact py-2">
          <h2><a href="tel:+351265235101" style="color:white;text-decoration:none;"><i class="material-icons">&#xE0CD;</i> (+351) 265 235 101</a></h2>
        </div>
      </div>
    </div>

    <div class="container-fluid">
     
      <div class="row d-flex justify-content-center align-items-center">
        <div class="col-12 p-0">
          <div id="accordion">




<div class="card d-block d-md-none">
    <div class="card-header text-center" id="headingZero">
      <h5 class="mb-0">
        <button class="btn btn-link" data-toggle="collapse" data-target="#collapseZero" aria-expanded="true" aria-controls="collapseZero">
           <?php if(ICL_LANGUAGE_CODE=='en') : ?>
              Next departure
           <?php else: ?>
             Próxima partida
           <?php endif; ?>
         
        </button>
      </h5>
    </div>
    <div id="collapseZero" class="collapse show" aria-labelledby="headingZero" >
      <div class="card-body">
       
<div class="row hidden-md-up">
            <?php if(ICL_LANGUAGE_CODE=='en') : ?>
             
         <div class="col-12 col-md-8 col-xl-7 d-flex align-items-center flex-column max-time mb-4">
              <div class="row">
              
            
                <div id="time-mobile" class="col-12">
                  <div class="row py-1 my-4">
                    
                    <div class="col-6 text-center d-inline-flex flex-column align-items-center">
                      <h2 class="green">SETÚBAL</h2>
                      
                    </div>
                    <div class="col-6 text-center d-inline-flex flex-column align-items-center">
                      <h2 class="green">TROIA</h2>
                    
                    </div>

                  </div>
                   
               
                   <div class="row">
                    <div class="col-12 text-center">
                      <h2 class="m-0 p-0 titles">FERRY</h2>
                    </div>
                   </div>
                  <div class="row py-3">
                    
                    <div class="col-6 text-center d-inline-flex flex-column align-items-center justify-content-center">
                  
                      <div class="time-container">
						<p class="p-0 m-0"><b>UP NEXT</b></p>
                         <div class="defaultCountdown0"></div>
                        <p class="p-0 m-0">NEXT</p>
                         <div class="defaultCountdownNext0"></div>
                      </div>
                    </div>
                    <div class="col-6 text-center d-inline-flex flex-column align-items-center justify-content-center">
                     
                      <div class="time-container">
						<p class="p-0 m-0"><b>UP NEXT</b></p>
                        <div class="defaultCountdown1"></div>
                        <p class="p-0 m-0">NEXT</p>
                        <div class="defaultCountdownNext1"></div>
                      </div>
                    </div>
                    
                  </div>
                </div>
                <div class="col-12">
                  <div class="row">
                    <div class="col-12 text-center">
                      <h2 class="m-0 p-0 titles">CATAMARAN</h2>
                    </div>
                  </div>
                  <div class="row py-3">
                    
                    <div class="col-6 text-center d-inline-flex flex-column align-items-center justify-content-center">
                      <div class="time-container">
						<p class="p-0 m-0"><b>UP NEXT</b></p>
                        <div class="defaultCountdown2"></div>
                          <p class="p-0 m-0">NEXT</p>
                        <div class="defaultCountdownNext2"></div>
                      </div>
                    </div>
                    <div class="col-6 text-center d-inline-flex flex-column align-items-center justify-content-center">
                     <div class="time-container">
						<p class="p-0 m-0"><b>UP NEXT</b></p>
                        <div class="defaultCountdown3"></div>
                          <p class="p-0 m-0">NEXT</p>
                        <div class="defaultCountdownNext3"></div>
                      </div>
                    </div>
                  </div>
               
                </div>
                </div>
              </div>
                <div class="col-12 text-center pb-3">
                   <a class="pdf w-100 text-center px-3 py-1" href="<?php echo get_template_directory_uri(); ?>/HorarioInvernoAF-2019.pdf" target="_blank">See schedule <i class="far fa-file-pdf"></i></a>
                  </div>
            </div> 
         
              <?php else: ?>
              <div class="col-12 col-md-8 col-xl-7 d-flex align-items-center flex-column max-time mb-4">
              <div class="row">
              
            
                <div id="time-mobile" class="col-12">
                  <div class="row py-1 my-4">
                    
                    <div class="col-6 text-center d-inline-flex flex-column align-items-center">
                      <h2 class="green">SETÚBAL</h2>
                      
                    </div>
                    <div class="col-6 text-center d-inline-flex flex-column align-items-center">
                      <h2 class="green">TROIA</h2>
                    
                    </div>

                  </div>
                   
               
                   <div class="row">
                    <div class="col-12 text-center">
                      <h2 class="m-0 p-0 titles">FERRY</h2>
                    </div>
                   </div>
                  <div class="row py-3">
                    
                    <div class="col-6 text-center d-inline-flex flex-column align-items-center justify-content-center">
                  
                      <div class="time-container">
						<p class="p-0 m-0"><b>PRÓXIMO</b></p>
                         <div class="defaultCountdown0"></div>
                        <p class="p-0 m-0">SEGUINTE</p>
                         <div class="defaultCountdownNext0"></div>
                      </div>
                    </div>
                    <div class="col-6 text-center d-inline-flex flex-column align-items-center justify-content-center">
                     
                      <div class="time-container">
						<p class="p-0 m-0"><b>PRÓXIMO</b></p>
                        <div class="defaultCountdown1"></div>
                        <p class="p-0 m-0">SEGUINTE</p>
                        <div class="defaultCountdownNext1"></div>
                      </div>
                    </div>
                    
                  </div>
                </div>
                <div class="col-12">
                  <div class="row">
                    <div class="col-12 text-center">
                      <h2 class="m-0 p-0 titles">CATAMARAN</h2>
                    </div>
                  </div>
                  <div class="row py-3">
                    
                    <div class="col-6 text-center d-inline-flex flex-column align-items-center justify-content-center">
                      <div class="time-container">
						<p class="p-0 m-0"><b>PRÓXIMO</b></p>
                        <div class="defaultCountdown2"></div>
                          <p class="p-0 m-0">SEGUINTE</p>
                        <div class="defaultCountdownNext2"></div>
                      </div>
                    </div>
                    <div class="col-6 text-center d-inline-flex flex-column align-items-center justify-content-center">
                     <div class="time-container">
						<p class="p-0 m-0"><b>PRÓXIMO</b></p>
                        <div class="defaultCountdown3"></div>
                          <p class="p-0 m-0">SEGUINTE</p>
                        <div class="defaultCountdownNext3"></div>
                      </div>
                    </div>
                  </div>
               
                </div>
                </div>
              </div>
                <div class="col-12 text-center pb-3">
                   <a class="pdf w-100 text-center px-3 py-1" href="<?php echo get_template_directory_uri(); ?>/HorarioInvernoAF-2019.pdf" target="_blank">Confirmar horário <i class="far fa-file-pdf"></i></a>
                  </div>
            </div> 
              <?php endif; ?>
          
      

      </div>
    </div>
  </div>





            <div class="card">
              <div class="card-header text-center" id="headingOne">
                <h5 class="mb-0">
                  <button class="btn btn-link" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                    Ferry
                  </button>
                </h5>
              </div>

    <div id="collapseOne" class="collapse" aria-labelledby="headingOne">
      <div class="card-body">

 <div class="row d-flex justify-content-center align-items-center m-0 p-0">
                <div class="col-10 text-center py-0 mb-0 mb-lg-0">
                <img class="symbol-img my-4" src="<?php echo get_template_directory_uri(); ?>/img/Horarioicon.png" />                
                     <?php if(ICL_LANGUAGE_CODE=='en') : ?>
                      <h2 class="mb-0 green">SCHEDULE</h2>
                        <?php else: ?>
                           <h2 class="mb-0 green">HORÁRIO</h2>
							<h5 class="mb-5">Em vigor de 16 de Setembro de 2019 a 31 de Maio de 2020 </h5>
                        <?php endif; ?>
                        
                  <p><?php the_field('horario_ferry'); ?></p>
                </div>
              </div>              
		<div class="row d-flex justify-content-center align-items-center m-0 p-0 mt-5">
			<div class="col-10 m-0 text-center p-0">
                  <img class="symbol-img my-4" src="<?php echo get_template_directory_uri(); ?>/img/tickets.png" />
                  <?php if(ICL_LANGUAGE_CODE=='en') : ?>
                  <h2 class="my-2">FARES</h2>
                  <h5 class="mb-5">Current fares available since 14 January 2019 </h5>
                  
                  <?php else: ?>
                  <h2 class="my-2">TARIFÁRIO</h2>
                  <h5 class="mb-5">Tarifário em vigor desde 14 de Janeiro 2019 </h5>
                  
                  <?php endif; ?>
                  
                </div>
              </div>
              <div class="row d-flex justify-content-center align-items-center p-0 m-0">
			<div class="col-10 col-md-8">
                  <div class="row">
                    <div class="col-12 my-5 text-center table-green">
                      <?php if(ICL_LANGUAGE_CODE=='en') : ?>
                        <h3 class="mt-5 green">VEHICLES</h3>
                        <?php else: ?>
                        <h3 class="mt-5 green">VEÍCULOS</h3>
                        <?php endif; ?>
                      
                      <div class="row precos px-4">
                        <div class="col-12 my-5">
                          <div class="row">

                            <?php


                            if( have_rows('bilhetes_-_veiculos_e_passageiros_dentro_das_viaturas') ):

                                while ( have_rows('bilhetes_-_veiculos_e_passageiros_dentro_das_viaturas') ) : the_row();
                              ?>
                                  <div class="col-12">
                                    <div class="row d-flex justify-content-center">
                                      <div class="col-11">
                                        <p class="text-left"><?php the_sub_field('bilhete'); ?> - <?php the_sub_field('valor'); ?></p>
                                      </div>
                                     
                                    </div>
                                  </div>

                            <?php
                                endwhile;

                            else :

                            endif;

                            ?>


                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="row m-0 p-0">
                    <div class="col-12 mt-3 mb-5 text-center">
                      <div class="row d-flex justify-content-between align-items-center">
                        <div class="col-12 table-green py-5 mb-5 mb-lg-0">
                          <?php if(ICL_LANGUAGE_CODE=='en') : ?>
                        <h3 class="mb-5 green">PEDESTRIAN PASSENGERS</h3>
                        <?php else: ?>
                           <h3 class="mb-5 green">PASSAGEIROS APEADOS</h3>
                        <?php endif; ?>
                          
                       

                            <?php


                            if( have_rows('bilhetes_-_passageiros_apeados') ):

                                while ( have_rows('bilhetes_-_passageiros_apeados') ) : the_row();
                              ?>

                              <div class="row d-flex justify-content-center">
                            <div class="col-11">
                              <p class="text-left"><?php the_sub_field('bilhete'); ?> - <?php the_sub_field('valor'); ?></p>
                            </div>
                           
                          </div>



                              
                            <?php
                                endwhile;

                            else :

                            endif;

                            ?>
                       
                        </div>
                       
                      </div>
                    </div>
                  </div>
                </div>
              </div>
					
              <div class="row d-flex justify-content-center align-items-center m-0 p-0">
                <div class="col-10 text-center m-0 p-5">
                     <?php if(ICL_LANGUAGE_CODE=='en') : ?>
                      <h4 class="mb-5 green">Observations</h4>
                        <?php else: ?>
                           <h4 class="mb-5 green">Observações</h4>
                        <?php endif; ?>
                        
                  <p><?php the_field('observacoes_ferris'); ?></p>
                </div>
              </div>
              <div class="row d-flex justify-content-center align-items-center m-0 p-0">
                <div class="col-10 col-md-8 my-5 text-center clear-margin-bottom">
                  <div class="row d-flex justify-content-center align-items-center p-0 m-0">
                    <div class="col-8 d-flex justify-content-center align-items-center time-average">
                      <div class="row">
                        <div class="col-12 col-md-6">
                          <img class="mx-auto d-block img-tempo" src="<?php echo get_template_directory_uri(); ?>/img/traveltime.png" />
                        </div>
                        <div class="col-12 col-md-6">
                          <div class="time-holder">
                              <?php if(ICL_LANGUAGE_CODE=='en') : ?>
                        <h2 class="my-2 text-left">Average <BR /> travel time</h2>
                            <div class="time-holder-container">
                              <h1 class="text-left">25</h1>
                              <h5 class="text-rotate">minutes</h5>
                            </div>
                              <?php else: ?>


                            <h2 class="my-2 text-left">TEMPO <BR /> MÉDIO DE VIAGEM</h2>
                            <div class="time-holder-container">
                              <h1 class="text-left">25</h1>
                              <h5 class="text-rotate">minutos</h5>
                            </div>
                             <?php endif; ?>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <!-- <h2 class="my-2">HORÁRIO FERRIES</h2>
                  <h5 class="mb-4">Hórarios em vigor: 16 de Setembro de 2019 a 31 de Maio de 2020</h5> -->
                </div>
              </div>
             <!--  <div class="row d-flex justify-content-center align-items-center p-0 m-0">
                <div class="col-10 col-md-8 offset-md-0">
                  <div class="row">
                
                  </div>
                </div>
              </div> -->
              <div class="row m-0 p-0">
                <div class="col-12 text-center m-0 p-0">
                  <img class="symbol-img my-4" src="<?php echo get_template_directory_uri(); ?>/img/mapicon.png" />
                  <?php if(ICL_LANGUAGE_CODE=='en') : ?>
                      <h2 class="mb-4">FERRIES ROUT MAP</h2>
                        <?php else: ?>
                            <h2 class="mb-4">MAPA PERCURSO FERRIES</h2>
                        <?php endif; ?>
                 
                  <div id="map"></div>
                </div>
              </div>
      </div>
    </div>
  </div>
  <div class="card">
    <div class="card-header text-center" id="headingTwo">
      <h5 class="mb-0">
        <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
          Catamaran
        </button>
      </h5>
    </div>
    <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo">
      <div class="card-body">
        
 <div class="row d-flex justify-content-center align-items-center m-0 p-0">
                <div class="col-10 text-center py-0 mb-0 mb-lg-0">
                <img class="symbol-img my-4" src="<?php echo get_template_directory_uri(); ?>/img/Horarioicon.png" />
                     <?php if(ICL_LANGUAGE_CODE=='en') : ?>
                      <h2 class="mb-0 green">SCHEDULE</h2>
                        <?php else: ?>
                           <h2 class="mb-0 green">HORÁRIO</h2>
							<h5 class="mb-5">Em vigor de 1 de Setembro 2019 a 30 de Junho de 2020 </h5>
                        <?php endif; ?>
                        
                  <p><?php the_field('horario_catamaran'); ?></p>
                </div>
              </div>        

              <div class="row d-flex justify-content-center align-items-center m-0 p-0 mt-5">
                <div class="col-10 text-center m-0 p-0">
                  <img class="symbol-img my-4" src="<?php echo get_template_directory_uri(); ?>/img/tickets.png" />
                  <?php if(ICL_LANGUAGE_CODE=='en') : ?>
                                <h2 class="my-2">Fares</h2>
                                <h5 class="mb-5">Current fares available since 14 January 2019 </h5>
                                  
                              <?php else: ?>
                                <h2 class="my-2">TARIFÁRIO</h2>
                                <h5 class="mb-5">Tarifário em vigor desde 14 de Janeiro 2019 </h5>
                                  
                              <?php endif; ?>
                  

                  

                
                </div>
              </div>
              <div class="row d-flex justify-content-center align-items-center p-0 m-0">
                <div class="col-10 col-md-8">
                  <div class="row">
                    <div class="col-12 mt-3 mb-5 text-center">
                      <div class="row d-flex justify-content-between align-items-center">
                        <div class="col-12 table-green py-5 mb-5 mb-lg-0">
                          <?php if(ICL_LANGUAGE_CODE=='en') : ?>
                                  <h3 class="mb-5 green">SETÚBAL - TROIA</h3>
                              <?php else: ?>
                                  <h3 class="mb-5 green">SETÚBAL - TROIA</h3>
                              <?php endif; ?>
                        

                            <?php


                            if( have_rows('bilhetes_-_setubal_-_troia') ):

                                while ( have_rows('bilhetes_-_setubal_-_troia') ) : the_row();
                              ?>


                                <div class="row d-flex justify-content-center">
                            <div class="col-11">
                              <p class="text-left"><?php the_sub_field('bilhete'); ?> - <?php the_sub_field('valor'); ?></p>
                            </div>
                          
                          </div>


                              
                            <?php
                                endwhile;

                            else :

                            endif;

                            ?>

                       
                           <?php if(ICL_LANGUAGE_CODE=='en') : ?>
                                  <h3 class="mb-5 green">TROIA - SETÚBAL</h3>
                              <?php else: ?>
                                  <h3 class="mb-5 green">TROIA - SETÚBAL</h3>
                              <?php endif; ?>
                        
                        

                            <?php


                            if( have_rows('bilhetes__-_troia_-_setubal') ):

                                while ( have_rows('bilhetes__-_troia_-_setubal') ) : the_row();
                              ?>


                                <div class="row d-flex justify-content-center mb-5">
                            <div class="col-11">
                              <p class="text-left"><?php the_sub_field('bilhete'); ?> - <?php the_sub_field('valor'); ?></p>
                            </div>
                           
                          </div>


                              
                            <?php
                                endwhile;

                            else :

                            endif;

                            ?>


                          <h3 class="mt-5 mb-4 green">PASSES</h3>

                            <?php


                            if( have_rows('passes') ):

                                while ( have_rows('passes') ) : the_row();
                              ?>


                                <div class="row d-flex justify-content-center">
                            <div class="col-11">
                              <p class="text-left"><?php the_sub_field('bilhete'); ?> - <?php the_sub_field('valor'); ?></p>
                            </div>
                           
                          </div>


                              
                            <?php
                                endwhile;

                            else :

                            endif;

                            ?>

                          
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="row d-flex justify-content-center align-items-center m-0 p-0">
                <div class="col-10 text-center m-0 p-0">
                  <?php if(ICL_LANGUAGE_CODE=='en') : ?>
                      <h4 class="mb-5 green">Observations</h4>
                        <?php else: ?>
                           <h4 class="mb-5 green">Observações</h4>
                        <?php endif; ?>
                        
                  <p><?php the_field('observacoes_catamaran'); ?></p>
                </div>
              </div>
               <div class="row d-flex justify-content-center align-items-center m-0 p-0">
                <div class="col-10 col-md-8 my-5 text-center">
                  <div class="row d-flex justify-content-center align-items-center p-0 m-0">
                    <div class="col-8 d-flex justify-content-center align-items-center time-average">
                      <div class="row">
                        <div class="col-12 col-md-6">
                          <img class="mx-auto d-block img-tempo" src="<?php echo get_template_directory_uri(); ?>/img/traveltimecat.png" />
                        </div>
                        <div class="col-12 col-md-6">
                          <div class="time-holder">
                             <?php if(ICL_LANGUAGE_CODE=='en') : ?>
                                <h2 class="my-2 text-left">Average <BR /> travel time</h2>
                                <div class="time-holder-container">
                                  <h1 class="text-left">15</h1>
                                  <h5 class="text-rotate">minutes</h5>
                                </div>
                              <?php else: ?>
                                <h2 class="my-2 text-left">TEMPO <BR /> MÉDIO DE VIAGEM</h2>
                                <div class="time-holder-container">
                                  <h1 class="text-left">15</h1>
                                  <h5 class="text-rotate">minutos</h5>
                                </div>
                              <?php endif; ?>
                            
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <!-- <h2 class="my-2">HORÁRIO CATAMARAN</h2>
                  <h5 class="mb-4">Hórarios em vigor: 01 de Setembro de 2019 a 30 de Junho 2020</h5> -->
                </div>
              </div>
              <!-- <div class="row d-flex justify-content-center align-items-center p-0 m-0">
                <div class="col-10 col-md-8">
                  <div class="row">
                    <div class="col-12 my-5 text-center">
                      <div id="slider">
                        <div id="custom-handle" class="ui-slider-handle"></div>
                      </div>
                    </div>
                  </div>
                </div>
              </div> -->
              <div class="row m-0 p-0">
                <div class="col-12 text-center m-0 p-0">
                  <img class="symbol-img my-4" src="<?php echo get_template_directory_uri(); ?>/img/mapicon.png" />
                  <?php if(ICL_LANGUAGE_CODE=='en') : ?>
                         <h2 class="mb-4">CATAMARAN ROUT MAP</h2>
                        <?php else: ?>
                          <h2 class="mb-4">MAPA PERCURSO CATAMARAN</h2>
                        <?php endif; ?>
                 
                  
                  <div id="map2"></div>
                </div>
              </div>
      </div>
    </div>
  </div>

                         
                 
                          <div class="card">
    <div class="card-header text-center" id="headingThree">
      <h5 class="mb-0">
        <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
          <?php if(ICL_LANGUAGE_CODE=='en') : ?>
              CLIENT
           <?php else: ?>
              CLIENTE
           <?php endif; ?>
		   
        </button>
      </h5>
    </div>
    <div id="collapseThree" class="collapse" aria-labelledby="headingThree" >
      <div class="card-body">
        <div class="row  m-0 p-0 mt-4">
          
           
            <div class="col-10 offset-1 col-md-6 offset-md-3 text-left my-4 quem-somos-info">
              
              <p><?php the_field('condicoes'); ?></p>
      
            </div>
          </div>
      </div>
    </div>
  </div>
                
                 


  
  <div class="card">
    <div class="card-header text-center" id="headingFour">
      <h5 class="mb-0">
        <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
           <?php if(ICL_LANGUAGE_CODE=='en') : ?>
              Who we are
           <?php else: ?>
              Quem somos
           <?php endif; ?>
         
        </button>
      </h5>
    </div>
    <div id="collapseFour" class="collapse" aria-labelledby="headingFour" >
      <div class="card-body">
        <div class="row  m-0 p-0 mt-4">
            <div class="col-10 offset-1 col-md-6 offset-md-3 text-center my-4 quem-somos-info">
              <p><?php the_field('quem_somos'); ?></p>
            </div>
            <div class="col-10 offset-1 col-md-6 offset-md-3">
              <ul class="list-unstyled d-flex justify-content-between align-items-center mb-5">
                <li><img class="img-fluid" src="<?php echo get_template_directory_uri(); ?>/img/icon1.png" /></li>
                <li><img class="img-fluid" src="<?php echo get_template_directory_uri(); ?>/img/icon2.png" /></li>
                <li><img class="img-fluid" src="<?php echo get_template_directory_uri(); ?>/img/icon3.png" /></li>
                <li><img class="img-fluid" src="<?php echo get_template_directory_uri(); ?>/img/icon4.png" /></li>
                <li><img class="img-fluid" src="<?php echo get_template_directory_uri(); ?>/img/icon5.png" /></li>
                <li><img class="img-fluid" src="<?php echo get_template_directory_uri(); ?>/img/icon6.png" /></li>
                <li><img class="img-fluid" src="<?php echo get_template_directory_uri(); ?>/img/icon7.png" /></li>
                <li><img class="img-fluid" src="<?php echo get_template_directory_uri(); ?>/img/icon8.png" /></li>
              </ul>
            </div>
          
          </div>
      </div>
    </div>
  </div>

  <div class="card">
    <div class="card-header text-center" id="headingFive">
      <h5 class="mb-0">
        <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
           <?php if(ICL_LANGUAGE_CODE=='en') : ?>
              Our fleet
           <?php else: ?>
              A nossa frota
           <?php endif; ?>
         
        </button>
      </h5>
    </div>
    <div id="collapseFive" class="collapse" aria-labelledby="headingFive" >
      <div class="card-body">
        <div class="row  m-0 p-0 mt-4">
            <div class="col-10 offset-1 col-md-6 offset-md-3 text-center my-4 quem-somos-info">
              <p><?php the_field('a_nossa_frota'); ?></p>
            </div>
          
          
          </div>
      </div>
    </div>
  </div>
</div>

	<div class="card">
    	<div class="card-header text-center" id="headingSix">
      		<h5 class="mb-0">
        		<button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseSix" aria-expanded="false" aria-controls="collapseSix">
           			<?php if(ICL_LANGUAGE_CODE=='en') : ?>
              			FAQs
           			<?php else: ?>
              			PERGUNTAS FREQUENTES
           			<?php endif; ?>
         
        	</button>
      	</h5>
     </div>
    <div id="collapseSix" class="collapse" aria-labelledby="headingSix" >
      <div class="card-body">
        <div class="row  m-0 p-0 mt-4">
            <div class="col-10 offset-1 col-md-6 offset-md-3 text-center my-4 quem-somos-info">
              <h2 class="mb-4 text-center">FAQs</h2>
			  <p><?php the_field('faq'); ?></p>
            </div>
          
          
          </div>
      </div>
    </div>
  </div>
</div>




        </div>
      </div>
    </div>
  </main>

<?php get_footer(); ?>
