body
{
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
a
{
   color: #F5F5F5;
   text-decoration: none;
}
a:hover
{
   color: #041C2C;
   text-decoration: none;
}
/*MIT LICENCE*/
/*Web builder FX*/
.floating-wpp {
    position: fixed;
    bottom: 20px;
    left: 15px;
    font-size: 12px;
    transition: bottom 0.2s;
}

.floating-wpp .floating-wpp-button {
    position: relative;
    border-radius: 50%;
    box-shadow: 1px 1px 4px rgba(60, 60, 60, 0.4);
    transition: box-shadow 0.2s;
    cursor: pointer;
    overflow: hidden;
}

.floating-wpp .floating-wpp-button img,
.floating-wpp .floating-wpp-button svg {
    position: absolute;
    width: 100%;
    height: auto;
    object-fit: cover;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
}

.floating-wpp:hover {
    bottom: 17px;
}

.floating-wpp:hover .floating-wpp-button {
    box-shadow: 1px 2px 8px rgba(60, 60, 60, 0.4);
}

.floating-wpp .floating-wpp-popup {
    /*border: 2px solid white;*/
    border-radius: 5px;
    background-color: #F5F5F5;
    position: absolute;
    overflow: hidden;
    padding: 0;
    box-shadow: 5px 5px 8px rgba(60, 60, 60, 0.25);
    width: 0px;
    height: 0px;
    bottom: 0;
    opacity: 0;
    transition: bottom 0.1s ease-out, opacity 0.2s ease-out;
    transform-origin: bottom;
}

.floating-wpp .floating-wpp-popup.active {
    padding: 0 12px 12px 12px;
    width: 260px;
    height: auto;
    bottom: 82px;
    opacity: 1;
}

.floating-wpp .floating-wpp-popup .floating-wpp-message {
    background-color: white;
    padding: 8px;
    border-radius: 0px 5px 5px 5px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
    opacity: 0;
    transition: opacity 0.2s;
}

.floating-wpp .floating-wpp-popup.active .floating-wpp-message {
    opacity: 1;
    transition-delay: 0.2s;
}

.floating-wpp .floating-wpp-popup .floating-wpp-head {
    text-align: right;
    color: white;
    margin: 0 -15px 10px -15px;
    padding: 6px 12px;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}

.floating-wpp .floating-wpp-input-message {
    background-color: #F5F5F5;
    margin: 10px -15px -15px -15px;
    padding: 0 15px;
    display: flex;
    align-items: center;
}

.floating-wpp .floating-wpp-input-message textarea {
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: none;
    padding: 8px;
    margin: 10px 0;
    width: 100%;
    max-width: 100%;
    font-family: inherit;
    font-size: inherit;
    resize: none;
}

.floating-wpp .floating-wpp-btn-send {
    margin-left: 12px;
    font-size: 0;
    cursor: pointer;
}
#index-topbar
{
   display: flex;
   width: 100%;
   position: relative;
   padding: 15px 10px 15px 10px;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-between;
   align-items: center;
   align-content: flex-start;
   margin: 0;
   background-color: #041C2C;
   background-image: none;
   border: 0px solid #DDDDDD;
   border-radius: 0px;
   box-sizing: border-box;
   font-size: 0;
}
#wb_quienes-somosText15 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   flex-grow: 1;
   flex-shrink: 1;
   align-self: auto;
   padding: 0;
   margin: 0 0 0 10px;
   text-align: left;
}
#wb_quienes-somosText15 div
{
   text-align: left;
}
#wb_quienes-somosIcon3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
   text-align: center;
   margin: 0 7px 0 0 ;
   padding: 0;
   vertical-align: top;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   display:inline-block;
   position:relative;
}
#wb_quienes-somosIcon3 a
{
   text-decoration: none;
}
#wb_quienes-somosIcon3 a::after
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   pointer-events: auto;
   content: "";
}
#quienes-somosIcon3
{
   height: 32px;
   width: 32px;
   display: flex;
   flex-wrap: nowrap;
   justify-content: center;
}
#quienes-somosIcon3 i
{
   color: #FFFFFF;
   display: inline-block;
   font-size: 32px;
   line-height: 32px;
   vertical-align: middle;
}
#wb_quienes-somosIcon3:hover #quienes-somosIcon3 i
{
   color: #D3D3D3;
}
#wb_quienes-somosIcon4
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
   text-align: center;
   margin: 0 10px 0 0 ;
   padding: 0;
   vertical-align: top;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   display:inline-block;
   position:relative;
}
#wb_quienes-somosIcon4 a
{
   text-decoration: none;
}
#wb_quienes-somosIcon4 a::after
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   pointer-events: auto;
   content: "";
}
#quienes-somosIcon4
{
   height: 32px;
   width: 32px;
   display: flex;
   flex-wrap: nowrap;
   justify-content: center;
}
#quienes-somosIcon4 i
{
   color: #FFFFFF;
   display: inline-block;
   font-size: 32px;
   line-height: 32px;
   vertical-align: middle;
}
#wb_quienes-somosIcon4:hover #quienes-somosIcon4 i
{
   color: #D3D3D3;
}
#index-header
{
   display: flex;
   width: 100%;
   position: relative;
   padding: 10px 10px 10px 10px;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-between;
   align-items: center;
   align-content: flex-start;
   margin: 60px 0 0 0 ;
   background-color: transparent;
   background-image: none;
   border: 0px solid #DDDDDD;
   border-radius: 0px;
   box-sizing: border-box;
   font-size: 0;
}
#wb_indexImage1
{
   margin: 0;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   vertical-align: top;
}
#indexImage1
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: inline-block;
   width: 115px;
   height: auto;
}
#wb_indexOverlayMenu1
{
   position: relative;
}
#wb_indexOverlayMenu1
{
   margin: 0;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
}
#indexOverlayMenu1
{
   background-color: rgba(255,255,255,0.00);
   background-image: none;
   border: 0px solid #C5C5C5;
   border-radius: 0px;
   cursor: pointer;
   user-select: none;
}
#indexOverlayMenu1:hover
{
   background-color: rgba(255,140,0,0.00);
   background-image: none;
   border-color: #CCCCCC;
}
#indexOverlayMenu1
{
   display: flex;
   align-items: center;
   justify-content: center;
   width: 84px;
   height: 100px;
   position: absolute;
   overflow: hidden;
}
#indexOverlayMenu1.open .line:nth-child(1)
{
}
#indexOverlayMenu1.open .line:nth-child(2)
{
}
#indexOverlayMenu1.open .line:nth-child(3)
{
}
#indexOverlayMenu1 svg
{
   overflow: visible;
   transition: transform 500ms linear;
}
#indexOverlayMenu1 .line
{
   fill: none;
   transition: stroke-dasharray 500ms, stroke-dashoffset 500ms;
   stroke: #FFFFFF;
   stroke-width: 7.68;
   stroke-linecap: round;
}
#indexOverlayMenu1 .line.top
{
   stroke-dasharray: 40 172;
}
#indexOverlayMenu1 .line.middle
{
   stroke-dasharray: 40 111;
}
#indexOverlayMenu1 .line.bottom
{
   stroke-dasharray: 40 172;
}
#indexOverlayMenu1.open .line.top
{
   stroke-dashoffset: -132px;
}
#indexOverlayMenu1.open .line.middle
{   stroke-dashoffset: -71px;
}
#indexOverlayMenu1.open .line.bottom
{   stroke-dashoffset: -132px;
}
#indexOverlayMenu1-close
{
   background: transparent;
   font-size: 10px;
   height: 2.8em; 
   outline: none;
   position: absolute;
   right: 10px;
   text-align: left;
   top: 10px;
   width: 3em; 
}
#indexOverlayMenu1-close:before, #indexOverlayMenu1-close:after
{
   background: #FFFFFF;
   content: "";
   display: block;
   height: 0.6em;
   left: 0;
   opacity: 1;
   position: absolute;
   top: 0;
   width: 100%;
}
#indexOverlayMenu1-close span
{
   background: #FFFFFF;
   height: 0.6em;
   margin-top: -0.3em;
   position: absolute;
   top: 50%;
   transform-origin: 50% 50%;
   width: 100%;
}
#indexOverlayMenu1-close span::after
{
   background: #FFFFFF;
   content: "";
   display: block;
   height: 0.6em;
   position: absolute;
   transform-origin: 50% 50%;
   width: 100%;
}
#indexOverlayMenu1-close:before
{
   margin-top: -0.3em;
   opacity: 0;
   top: 50%;
}
#indexOverlayMenu1-close:after
{
   bottom: 50%;
   opacity: 0;
}
#indexOverlayMenu1-close span
{
   background: #FFFFFF;
   transform: rotate(-45deg);
}
#indexOverlayMenu1-close span:after
{
   background: #FFFFFF;
   transform: rotate(-90deg);
}
#indexOverlayMenu1-overlay
{
   display: flex;
   align-items: center;
   justify-content: center;
   height: 100%;
   left: 0;
   overflow-y: auto;
   position: fixed;
   top: 0;
   width: 100%;
   z-index: -1;
   background-color: rgba(0,0,0,0.87);
}
#indexOverlayMenu1-overlay ul
{
   font-family: "Albert Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 35px;
   text-decoration: none;
   text-transform: none;
   list-style: none;
   margin: 0;
   padding: 0;
}
.indexOverlayMenu1
{
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: row;
   width: 100%;
   max-width: 970px;
}
.indexOverlayMenu1 a
{
   text-decoration: none;
}
.indexOverlayMenu1 ul
{
   list-style: none;
   padding: 0;
   text-align: left;
}
.indexOverlayMenu1 li
{
   position: relative;
}
.indexOverlayMenu1 li a
{
   display: block;
   position: relative;
   padding: 30px 15px 10px 0;
   color: #FFFFFF;
   outline: none;
}
.indexOverlayMenu1 li a:hover
{
   color: #F5F5F5;
   background-color: rgba(0,0,0,0.00);
}
#indexOverlayMenu1-overlay
{
   visibility: hidden;
   width: 0;
   left: 50%;
   transform: translateX(-50%);
   transition: width 400ms 0.3s, visibility 0s 700ms;
}
#indexOverlayMenu1-overlay.show
{
   visibility: visible;
   width: 100%;
   transition: width 400ms;
}
#indexOverlayMenu1-overlay .indexOverlayMenu1
{
   opacity: 0;
   transition: opacity 0.3s 400ms;
}
#indexOverlayMenu1-overlay.show .indexOverlayMenu1
{
   opacity: 1;
   transition-delay: 400ms;
}
#indexOverlayMenu1-overlay.hide .indexOverlayMenu1
{
   transition-delay: 0s;
}
#indexOverlayMenu1-overlay .overlay-icon
{
   margin: 0 10px 0 0 ;
}
#indexOverlayMenu1-social
{
   padding: 80px 0 0 0;
}
#indexOverlayMenu1-social .social-icon 
{
   border-radius: 50%;
   background-color: #FFFFFF;
   color: #000000;
   display: inline-block;
   font-size: 35px;
   margin: 0 .5em;
   padding: 13px;
   transition: all .2s linear 0s;
   width: 35px;
}
#indexOverlayMenu1-social .social-icon:hover 
{
   background-color: #F5F5F5;
   color: #000000;
}
.indexOverlayMenu1-effect
{
   transition: all 500ms linear;
}
@media all and (max-width:1100px)
{
*
}
@media (prefers-reduced-motion: reduce)
{
*
{
   transition-property: none !important;
   animation: none !important;
}
}
body {font-family: Albert Sans}html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  overflow: hidden;
  font-family: 'Albert Sans', sans-serif;
}

#fullpage {
  width: 100vw;
  margin: 0;
  padding: 0;
}

#fullpage .section {
  width: 100vw;
  min-height: 100vh;
  position: relative;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

/* SLIDES CON IMAGEN */

.section1 {
  background: #000000;
}

.section2 {
  background-image: url('https://skeo.es/images/portada-inicio-1.webp');
}

.section3 {
  background-image: url('https://skeo.es/images/portada-inicio-2.webp');
}

.section4 {
  background-image: url('https://skeo.es/images/portada-inicio-3.webp');
}

/* SLIDE 1 CON VIMEO */

.video-slide {
  overflow: hidden;
}

.vimeo-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 177.78vh;
  min-width: 100vw;
  height: 56.25vw;
  min-height: 100vh;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 1;
}

.video-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.28);
  z-index: 2;
}

.video-slide .slide-content {
  z-index: 3;
}

/* CONTENIDO */

.slide-content {
  position: absolute;
  top: 50%;
  left: clamp(40px, 5vw, 110px);
  transform: translateY(-50%);
  color: #ffffff;
  z-index: 20;
  max-width: min(600px, 42vw);
  text-align: left;
}

/* TÍTULO */

.slide-content h1 {
  display: block;
  margin: 0 0 12px 0;
  font-size: clamp(46px, 5vw, 72px);
  line-height: 1.05;
  color: #ffffff;
  font-weight: 500;
  text-shadow: 0 4px 20px rgba(0,0,0,0.45);
}

/* SUBTÍTULO */

.slide-content p {
  display: block;
  margin: 0 0 30px 0;
  font-size: clamp(16px, 1.3vw, 20px);
  color: #ffffff;
  font-weight: 300;
  text-shadow: 0 3px 15px rgba(0,0,0,0.45);
}

/* BOTÓN */

.slide-button {
  display: inline-block;
  margin-top: 10px;
  padding: 14px 32px;
  background: #e6e6e6;
  color: #000000;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  border-radius: 4px;
  transition: all 0.25s ease;
  vertical-align: top;
}

.slide-button:hover,
.slide-button:hover:visited,
.slide-button:hover:active {
  background: #d0d0d0;
  color: #ffffff !important;
  transform: translateY(-2px);
}

/* TOP BAR */

#wb_index-topbar,
#index-topbar {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 100000 !important;
  background: #041C2C !important;
}

/* HEADER */

#wb_index-header,
#index-header {
  position: fixed !important;
  top: 40px !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 99999 !important;
  background: transparent !important;
}

/* ALINEACIÓN HEADER/TOPBAR */

#index-header {
  padding-left: clamp(40px, 5vw, 110px) !important;
}

#index-topbar {
  padding-left: clamp(40px, 5vw, 110px) !important;
}

/* FOOTER */

.footer-section {
  background: #041C2C;
  width: 100%;
  color: #ffffff;
}

.footer-container {
  width: 100%;
  box-sizing: border-box;
  padding: 42px clamp(32px, 5vw, 90px) 44px clamp(32px, 5vw, 90px);
}

.footer-columns {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: clamp(30px, 4vw, 80px);
  width: 100%;
}

.footer-col h4 {
  margin: 0 0 18px 0;
  font-family: 'Albert Sans', sans-serif;
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 0;
  color: #ffffff;
}

.footer-col p,
.footer-col a,
.footer-col span {
  margin: 0 0 12px 0;
  font-family: 'Albert Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.4;
  color: #ffffff;
  text-decoration: none;
}

.footer-col a {
  transition: color .25s ease, opacity .25s ease;
}

.footer-col a:hover {
  color: #cfcfcf;
}

.footer-socials {
  display: flex;
  gap: 18px;
  align-items: center;
  margin-top: 6px;
}

.footer-socials a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  text-decoration: none;
  transition: color .25s ease, opacity .25s ease;
}

.footer-socials a:hover {
  color: #cfcfcf;
}

.footer-socials svg {
  width: 34px;
  height: 34px;
  display: block;
  fill: currentColor;
}

/* RESPONSIVE */

@media (max-width: 991px) {
  .slide-content {
    left: 60px;
    max-width: 520px;
  }

  .slide-content p {
    margin-bottom: 24px;
  }

  .footer-columns {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 767px) {
  .slide-content {
    left: 30px;
    right: 30px;
    max-width: none;
    width: auto;
    top: calc(50% + 60px);
    transform: translateY(-50%);
  }

  .slide-content h1 {
    line-height: 1.08;
  }

  .slide-button {
    padding: 12px 24px;
    font-size: 15px;
  }

  .footer-container {
    padding: 150px 30px 36px 30px;
  }

  .footer-columns {
    grid-template-columns: 1fr;
    gap: 26px;
  }

  .footer-col h4 {
    margin-bottom: 14px;
    font-size: 15px;
  }

  .footer-col p,
  .footer-col a,
  .footer-col span {
    font-size: 15px;
    margin-bottom: 10px;
  }

  .footer-socials svg {
    width: 32px;
    height: 32px;
  }

/* FIX OVERLAY WYSIWYG */


#indexOverlayMenu1-overlay {
  z-index: 99999999 !important;
}
}

  }