/*

TemplateMo 548 Training Studio

https://templatemo.com/tm-548-training-studio

*/

/* ---------------------------------------------
Table of contents
------------------------------------------------
01. font & reset css
02. reset
03. global styles
04. header
05. banner
06. features
07. testimonials
08. contact
09. footer
10. preloader
11. search
12. portfolio

--------------------------------------------- */
/* 
---------------------------------------------
font & reset css
--------------------------------------------- 
*/
/*@import url("https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i");
/* 
---------------------------------------------
reset
--------------------------------------------- 
*/

 @font-face {
                font-family: 'helvetica-w01-roman';
                font-style: normal;
                font-weight: 400;
                src: url('../fonts/helvetica-lt-w10-roman.woff2') format('woff2');
                unicode-range: U+0000, U+000D, U+0020-007E, U+00A0, U+00A4, U+00A6-00A7, U+00A9, U+00AB-00AE, U+00B0-00B1, U+00B5-00B7, U+00BB, U+0401-040C, U+040E-044F, U+0451-045C, U+045E-045F, U+0490-0491, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+20AC, U+2116, U+2122;
                font-display: swap;
            }

            @font-face {
                font-family: 'helvetica-w01-roman';
                font-style: normal;
                font-weight: 400;
                src: url('../fonts/helvetica-w02-roman.woff2') format('woff2');
                unicode-range: U+000D, U+0020-007E, U+00A0-012B, U+012E-0137, U+0139-0149, U+014C-017E, U+0192, U+0218-021B, U+0237, U+02C6-02C7, U+02C9, U+02D8-02DD, U+0394, U+03A9, U+03BC, U+03C0, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2113, U+2122, U+2126, U+212E, U+2202, U+2206, U+220F, U+2211-2212, U+2215, U+2219-221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+E301-E304, U+E306-E30D, U+FB01-FB02;
                font-display: swap;
            }

            @font-face {
                font-family: 'helvetica-w01-roman';
                font-style: normal;
                font-weight: 400;
                src: url('../fonts/helvetica-w01-roman.woff2') format('woff2');
                unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-012B, U+012E-0137, U+0139-0149, U+014C-017E, U+0192, U+0218-021B, U+0237, U+02C6-02C7, U+02C9, U+02D8-02DD, U+0394, U+03A9, U+03BC, U+03C0, U+0401-040C, U+040E-044F, U+0451-045C, U+045E-045F, U+0462-0463, U+0472-0475, U+0490-0491, U+04D9, U+1E9E, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+20B9-20BA, U+20BC-20BD, U+2113, U+2116, U+2122, U+2126, U+212E, U+2202, U+2206, U+220F, U+2211-2212, U+2215, U+2219-221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+E300-E30D, U+F6C5, U+F6C9-F6D8, U+F8FF, U+FB01-FB02;
                font-display: swap;
            }



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, div
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q,
s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
figure, header, nav, section, article, aside, footer, figcaption {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  
 
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
}

html[xmlns] .clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
}

ul, li {
  padding: 0;
  margin: 0;
  list-style: none;
}

header, nav, section, article, aside, footer, hgroup {
  display: block;
}

* {
  box-sizing: border-box;
}

html, body {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  background-color: #fff;
  font-size: 16px;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  text-decoration: none !important;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0px;
  margin-bottom: 0px;
}

ul {
  margin-bottom: 0px;
}

p {
  font-size: 14px;
  line-height: 25px;
  color: #1e1e1e;
}

/* 
---------------------------------------------
global styles
--------------------------------------------- 
*/
html,
body {
  background: #fff;
  font-family: 'Poppins', sans-serif;
}

::selection {
  background: #ed563b;
  color: #fff;
}

::-moz-selection {
  background: #ed563b;
  color: #fff;
}

@media (max-width: 991px) {
  html, body {
    overflow-x: hidden;
  }
  .mobile-top-fix {
    margin-top: 30px;
    margin-bottom: 0px;
  }
  .mobile-bottom-fix {
    margin-bottom: 30px;
  }
  .mobile-bottom-fix-big {
    margin-bottom: 60px;
  }
}

.section-heading {
  text-align: center;
  margin-top: 140px;
  margin-bottom: 80px;
}

.section-heading h2 {
  font-size: 28px;
  font-weight: 800;
  color: #232d39;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.section-heading h2 em {
  font-style: normal;
  color: #ed563b;
}

.section-heading img {
  margin: 20px auto;
}

.dark-bg h2 {
  color: #fff;
}

.dark-bg p {
  color: #fff;
}

/* Estilo base para ambos botones (el rojo por defecto) */
.main-button a {
  margin-top: 40px;
  width: 200px;
  height: 60px;
  display: inline-block;
  font-size: 15px;
  padding: 20px 20px;
  background-color: #EE2D23; /* Rojo */
  color: #fff;
  text-align: center;
  font-weight: 700; /* Un poco más grueso para que resalte */
  transition: all .3s;
  text-decoration: none; /* Quita el subrayado de enlace */
  box-sizing: border-box; /* Asegura que el padding no deforme el tamaño */
}

/* EFECTO HOVER PARA EL BOTÓN ROJO */
.main-button a:hover {
  background-color: #c41e16; /* Un rojo más oscuro al pasar el mouse */
  color: #fff;
}

/* ESTILO ESPECÍFICO PARA EL SEGUNDO BOTÓN (About Us) */
.main-button a:last-child {
   background-color: rgba(255, 255, 255, 0.1); 
    /* Borde blanco sólido de 2px */
   border: 1px solid #ffffff;
   color: #000; /* Texto negro */
   backdrop-filter: blur(5px); /* Efecto de desenfoque detrás (opcional) */
}

/* EFECTO HOVER PARA EL BOTÓN AMARILLO */
.main-button a:last-child:hover {
  background-color: #e5bc00; /* Un amarillo más oscuro */
  color: #000;
}



.caja-transparente {
    /* Color de fondo: R, G, B, Opacidad (0 es invisible, 1 es sólido) */
    background-color: rgba(255, 255, 255, 0.1); 
    
    /* Borde blanco sólido de 2px */
    border: 2px solid #ffffff;
    
    /* Opcionales para mejorar la estética */
    border-radius: 8px;   /* Bordes redondeados */
    padding: 20px;        /* Espacio interno */
    color: white;         /* Texto en blanco para que contraste */
    backdrop-filter: blur(5px); /* Efecto de desenfoque detrás (opcional) */
}



/* 
---------------------------------------------
header
--------------------------------------------- 
*/

.background-header {
  background:  rgb(251, 208, 0) !important;
  height: 80px!important;
  position: fixed!important;
  top: 0px;
  left: 0px;
  right: 0px;
  /*box-shadow: 0px 0px 10px rgba(0,0,0,0.15)!important;*/
}

.background-header .logo,
.background-header .main-nav .nav li a {
  color: #232d39!important;
}

.background-header .main-nav .nav li:last-child a {
  color: #fff !important;
}

.background-header .main-nav .nav li:last-child a:hover {
  color: #fff!important;
}

.background-header .main-nav .nav li:hover a {
  color: #ed563b!important;
}

.background-header .nav li a.active {
  color: #ed563b!important;
}

.header-area {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 100;
  height: 80px;
  background: rgba(250,250,250,0.1);
  -webkit-transition: all .5s ease 0s;
  -moz-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}

.header-area .main-nav {
  min-height: 80px;
  /*background: transparent;*/
  background-color: rgb(251, 208, 0);
}

.header-area .main-nav .logo {
  line-height: 80px;
  color: #fff;
  font-size: 32px;
  font-weight: 800;
  text-transform: uppercase;
  float: left;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.header-area .main-nav .logo em {
  font-style: normal;
  color: #ed563b;
  font-weight: 900;
}

.header-area .main-nav .nav {
  float: right;
  margin-top: 27px;
  margin-right: 0px;
  background-color: transparent;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  position: relative;
  z-index: 999;
}

.header-area .main-nav .nav li {
  padding-left: 20px;
  padding-right: 20px;
}

.header-area .main-nav .nav li a {
  display: block;
  font-weight: 500;
  font-size: 13px;
  color: #7a7a7a;
  /*text-transform: uppercase;*/
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  height: 40px;
  line-height: 40px;
  border: transparent;
  letter-spacing: 1px;
}

.header-area .main-nav .nav li a {
  color: #000000;
}
/*
.header-area .main-nav .nav li:last-child a {
  display: inline-block;
  font-size: 13px;
  padding: 11px 17px;
  background-color: #ed563b;
  color: #fff;
  text-align: center;
  font-weight: 400;
  letter-spacing: 0px;
  text-transform: uppercase;
  transition: all .3s;
  height: auto;
  line-height: 20px;
}

.header-area .main-nav .nav li:last-child a:hover {
  background-color: #f9735b;
  opacity: 1;
}
*/
.header-area .main-nav .nav li:hover a,
.header-area .main-nav .nav li a.active {
  color: #fff!important;
  opacity: 1;
}

.background-header .main-nav .nav li:hover a,
.background-header .main-nav .nav li a.active {
  color: #ee2d23 !important;
  opacity: 1;
}

.header-area .main-nav .menu-trigger {
  cursor: pointer;
  display: block;
  position: absolute;
  top: 23px;
  width: 32px;
  height: 40px;
  text-indent: -9999em;
  z-index: 99;
  right: 40px;
  display: none;
}

.header-area .main-nav .menu-trigger span,
.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  background-color: #1e1e1e;
  display: block;
  position: absolute;
  width: 30px;
  height: 2px;
  left: 0;
}

.background-header .main-nav .menu-trigger span,
.background-header .main-nav .menu-trigger span:before,
.background-header .main-nav .menu-trigger span:after {
  background-color: #1e1e1e;
}

.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  background-color: #1e1e1e;
  display: block;
  position: absolute;
  width: 30px;
  height: 2px;
  left: 0;
  width: 75%;
}

.background-header .main-nav .menu-trigger span:before,
.background-header .main-nav .menu-trigger span:after {
  background-color: #1e1e1e;
}

.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
  content: "";
}

.header-area .main-nav .menu-trigger span {
  top: 16px;
}

.header-area .main-nav .menu-trigger span:before {
  -moz-transform-origin: 33% 100%;
  -ms-transform-origin: 33% 100%;
  -webkit-transform-origin: 33% 100%;
  transform-origin: 33% 100%;
  top: -10px;
  z-index: 10;
}

.header-area .main-nav .menu-trigger span:after {
  -moz-transform-origin: 33% 0;
  -ms-transform-origin: 33% 0;
  -webkit-transform-origin: 33% 0;
  transform-origin: 33% 0;
  top: 10px;
}

.header-area .main-nav .menu-trigger.active span,
.header-area .main-nav .menu-trigger.active span:before,
.header-area .main-nav .menu-trigger.active span:after {
  background-color: transparent;
  width: 100%;
}

.header-area .main-nav .menu-trigger.active span:before {
  -moz-transform: translateY(6px) translateX(1px) rotate(45deg);
  -ms-transform: translateY(6px) translateX(1px) rotate(45deg);
  -webkit-transform: translateY(6px) translateX(1px) rotate(45deg);
  transform: translateY(6px) translateX(1px) rotate(45deg);
  background-color: #1e1e1e;
}

.background-header .main-nav .menu-trigger.active span:before {
  background-color: #1e1e1e;
}

.header-area .main-nav .menu-trigger.active span:after {
  -moz-transform: translateY(-6px) translateX(1px) rotate(-45deg);
  -ms-transform: translateY(-6px) translateX(1px) rotate(-45deg);
  -webkit-transform: translateY(-6px) translateX(1px) rotate(-45deg);
  transform: translateY(-6px) translateX(1px) rotate(-45deg);
  background-color: #1e1e1e;
}

.background-header .main-nav .menu-trigger.active span:after {
  background-color: #1e1e1e;
}

.header-area.header-sticky {
  background-color: rgb(251, 208, 0);
  min-height: 80px;
}

.header-area.header-sticky .nav {
  margin-top: 20px !important;
}

.header-area.header-sticky .nav li a.active {
  color: #ed563b;
}

@media (max-width: 1200px) {
  .header-area .main-nav .nav li {
    padding-left: 12px;
    padding-right: 12px;
  }
  .header-area .main-nav:before {
    display: none;
  }
}

@media (max-width: 767px) {
  .header-area .main-nav .logo {
    color: #1e1e1e;
  }
  .header-area.header-sticky .nav li a:hover,
  .header-area.header-sticky .nav li a.active {
    color: #ed563b!important;
    opacity: 1;
  }
  .header-area {
    background-color: #f7f7f7;
    padding: 0px 15px;
    height: 80px;
    box-shadow: none;
    text-align: center;
  }
  .header-area .container {
    padding: 0px;
  }
  .header-area .logo {
    margin-left: 30px;
  }
  .header-area .menu-trigger {
    display: block !important;
  }
  .header-area .main-nav {
    overflow: hidden;
  }
  .header-area .main-nav .nav {
    float: none;
    width: 100%;
    display: none;
    -webkit-transition: all 0s ease 0s;
    -moz-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
    margin-left: 0px;
  }
  .header-area .main-nav .nav li:first-child {
    border-top: 1px solid #eee;
  }
  .header-area .main-nav .nav li:last-child {
    width: 100%;
    background-color: #ed563b;
    color: #fff;
  }
  .header-area .main-nav .nav li:last-child a {
    background-color: #ed563b!important;
  }
  .header-area .main-nav .nav li:last-child a:hover,
  .header-area .main-nav .nav li:last-child:hover a {
    background-color: #ed563b!important;
    color: #fff!important;
  }
  .header-area.header-sticky .nav {
    margin-top: 80px !important;
  }
  .header-area .main-nav .nav li {
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #eee;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .header-area .main-nav .nav li a {
    height: 50px !important;
    line-height: 50px !important;
    padding: 0px !important;
    border: none !important;
    background: #f7f7f7 !important;
    color: #232d39 !important;
  }
  .header-area .main-nav .nav li:last-child a {
    color: #fff!important;
  }
  .header-area .main-nav .nav li a:hover {
    background: #eee !important;
    color: #ed563b!important;
  }
  .header-area .main-nav .nav li.submenu ul {
    position: relative;
    visibility: inherit;
    opacity: 1;
    z-index: 1;
    transform: translateY(0%);
    transition-delay: 0s, 0s, 0.3s;
    top: 0px;
    width: 100%;
    box-shadow: none;
    height: 0px;
  }
  .header-area .main-nav .nav li.submenu ul li a {
    font-size: 12px;
    font-weight: 400;
  }
  .header-area .main-nav .nav li.submenu ul li a:hover:before {
    width: 0px;
  }
  .header-area .main-nav .nav li.submenu ul.active {
    height: auto !important;
  }
  .header-area .main-nav .nav li.submenu:after {
    color: #3B566E;
    right: 25px;
    font-size: 14px;
    top: 15px;
  }
  .header-area .main-nav .nav li.submenu:hover ul, .header-area .main-nav .nav li.submenu:focus ul {
    height: 0px;
  }
}

@media (min-width: 767px) {
  .header-area .main-nav .nav {
    display: flex !important;
  }
}


/* 
---------------------------------------------
banner
--------------------------------------------- 
*/

.main-banner {
  position: relative;
}

#bg-video {
    min-width: 100%;
    min-height: 100vh;
    max-width: 100%;
    max-height: 100vh;
    object-fit: cover;
    z-index: -1;
}

#bg-video::-webkit-media-controls {
    display: none !important;
}

.video-overlay {
    position: absolute;
   /* background-color: rgba(35,45,57,0.8);*/
    top: 0;
    left: 0;
    bottom: 7px;
    width: 100%;
}

.main-banner .caption {
  text-align: left;
  position: absolute;
  width: 50%;
  left: 38%;
  top: 50%;
  transform: translate(-50%,-50%);
}

.main-banner .caption h6 {
  margin-top: 0px;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 800;
  color: #fff;
  letter-spacing: 0.5px;
}

.main-banner .caption h2 {
  margin-top: 30px;
  margin-bottom: 25px;
  font-size: 84px;
  text-transform: uppercase;
  font-weight: 800;
  color: #fff;
  letter-spacing: 1px;
}

.main-banner .caption h2 em {
  font-style: normal;
  color: #ed563b;
  font-weight: 900;
}


/*
---------------------------------------------
features
---------------------------------------------
*/

#features {
  margin-bottom: 80px;
}

.feature-item {
  display: inline-block;
  margin-bottom: 60px;
}

.feature-item .left-icon img {
  float: left;
  margin-right: 30px;
}

.feature-item .right-content {
  display: inline;
}

.feature-item .right-content h4 {
  margin-top: 0px;
  margin-bottom:  7px;
  letter-spacing: 0.25px;
  color: #232d39;
  font-size: 19px;
  font-weight: 600;
  text-transform: capitalize;
}

.feature-item .right-content a.text-button {
  margin-top: 7px;
  display: inline-block;
  font-size: 13px;
  text-transform: uppercase;
  color: #ed563b;
  font-weight: 500;
}

/*
---------------------------------------------
subscribe
---------------------------------------------
*/

#call-to-action {
  padding: 120px 0px;
 background-color: rgb(251, 208, 0);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
}

.cta-content h2 {
  font-size: 45px;

  font-weight: 700;
  color: #fff;
  letter-spacing: 1px;
}

.cta-content h2 em {
  font-style: normal;
  color: #ed563b;
}

.cta-content p {
  font-size: 16px;
  color: #000;
  margin: 15px 0px 25px 0px;
}



/*
--------------------------------------------
Our Classes
--------------------------------------------
*/

#our-classes {
  margin-bottom: 140px;
}

#tabs ul {
  margin: 0;
  padding: 0;
}
#tabs ul li {
  margin-bottom: 30px;
  display: inline-block;
  width: 100%;
}
#tabs ul li:last-child {
  margin-bottom: 0px;
}
#tabs ul li a {
  text-transform: capitalize;
  width: 100%;
  padding: 30px 30px;
  display: inline-block;
  background-color: #fff;
  box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
  border-radius: 5px;
  font-size: 19px;
  color: #232d39;
  letter-spacing: 0.5px;
  font-weight: 600;
  transition: all 0.3s;
}
#tabs .main-rounded-button a {
  text-align: center;
  padding: 20px 30px;
  width: 100%;
  border-radius: 5px;
  display: inline-block;
  box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
  color: #fff;
  font-size: 19px;
  letter-spacing: 0.5px;
  font-weight: 600;
  background-color: #ed563b;
}
#tabs .main-rounded-button a:hover {
  background-color: #f9735b;
}
#tabs ul li a img {
  max-width: 100%;
  margin-right: 20px;
}
#tabs ul .ui-tabs-active span {
  background: #faf5b2;
  border: #faf5b2;
  line-height: 90px;
  border-bottom: none;
}
#tabs ul .ui-tabs-active a {
  color: #ed563b;
}
#tabs ul .ui-tabs-active span {
  color: #1e1e1e;
}
.tabs-content {
  margin-left: 30px;
  text-align: left;
  display: inline-block;
  transition: all 0.3s;
}
.tabs-content img {
  max-width: 100%;
  overflow: hidden;
  border-radius: 5px;
}
.tabs-content h4 {
  font-size: 23px;
  font-weight: 700;
  color: #232d39;
  letter-spacing: 0.5px;
  margin-bottom: 20px;
  margin-top: 30px;
}
.tabs-content p {
  font-size: 14px;
  color: #7a7a7a;
  margin-bottom: 28px;
}


/* 
---------------------------------------------
schedule
--------------------------------------------- 
*/



#schedule table {
  width: 100%;
  text-align: center;
  border: 1px solid #fff;
}

#schedule table tbody {
  border-top: 1px solid #fff; 
}

#schedule table tbody tr {
  border-bottom: 1px solid #fff;
}

#schedule table tbody tr td {
  border-right: 1px solid #fff;
  height: 100px;
}

#schedule table tr td {
  color: #fff;
  font-size: 13px;
  text-transform: capitalize;
  font-weight: 500;
  letter-spacing: 0.25px;
}

.schedule-table.filtering .ts-item {
    opacity: 0;
    transition: all 0.5s;
}

.schedule-table.filtering .ts-item.show {
    opacity: 1;
    transition: all 0.5s;
}

#schedule .filters {
  margin-bottom: 40px;
}
#schedule .filters ul {
  padding: 0;
  text-align: center;
}
#schedule .filters ul li {
  list-style: none;
  display: inline;
  cursor: pointer;
  position: relative;
  margin-right: 10px;
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  text-transform: capitalize;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#schedule .filters ul li:after {
  content: "/";
  margin-left: 10px;
  color: #fff;
}
#schedule .filters ul li:last-child {
  margin-right: 0px;
}
#schedule .filters ul li:last-child::after {
  display: none;
}
#schedule .filters ul li.active,
#schedule .filters ul li:hover {
  color: #ed563b;
}
#schedule .filters-content {
  margin-top: 50px;
}
#schedule .filters-content .show {
  opacity: 1;
  visibility: visible;
  transition: all 350ms;
}
#schedule .filters-content .hide {
  opacity: 0;
  visibility: hidden;
  transition: all 350ms;
}


/* 
---------------------------------------------
trainers
--------------------------------------------- 
*/

#trainers .trainer-item {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
  padding: 40px;
}

#trainers .trainer-item img {
  width: 100%;
  border-radius: 5px;
}

#trainers .trainer-item span {
  font-size: 13px;
  font-weight: 500;
  color: #ed563b;
  display: inline-block;
  margin-top: 25px;
  margin-bottom: 10px;
}

#trainers .trainer-item h4 {
  font-size: 19px;
  font-weight: 600;
  color: #232d39;
  letter-spacing: 0.5px;
  margin-bottom: 18px;
}

#trainers .trainer-item p {
  margin-bottom: 20px;
}

#trainers .trainer-item ul.social-icons li {
  display: inline-block;
  margin-right: 12px;
}

#trainers .trainer-item ul.social-icons li:last-child {
  margin-right: 0px;
}

#trainers .trainer-item ul.social-icons li a {
  color: #232d39;
  transition: all .3s;
}

#trainers .trainer-item ul.social-icons li a:hover {
  color: #ed563b;
}


/* 
---------------------------------------------
contact
--------------------------------------------- 
*/

#contact-us {
  margin-top: 0px;
}

#contact-us .container-fluid .col-lg-6 {
  padding: 0px;
}

#contact-us .contact-form {
   padding-top: 40px;
   padding-left: 70px;
   padding-right: 70px;
   padding-bottom: 40px;
  background-image: url(../images/assetBackgroundVerde.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

#contact-us .contact-form #contact {
  background-color: #fff;
  padding: 40px;
  border-radius: 5px;
  margin-top:30px;
}

.contact-form input,
.contact-form textarea {
  color: #7a7a7a;
  font-size: 10px;
  border: 1px solid #ddd;
  background-color: #fff;
  width: 100%;

  outline: none;
  line-height: 40px;
  padding: 0px 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-bottom: 8px;
}

.contact-form textarea {
  
  resize: none;
}

.contact-form ::-webkit-input-placeholder { /* Edge */
  color: #7a7a7a;
}

.contact-form :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #7a7a7a;
}

.contact-form ::placeholder {
  color: #7a7a7a;
}

.contact-form button {
  width: 150px;
  display: inline-block;
  font-size: 14px;
  padding: 11px 17px;
  background-color: #EE2D23;
  color: #fff;
  text-align: center;
  font-weight: 700;
  text-transform: capitalize;
  transition: all .3s;
  border: none;
  outline: none;
  margin-top: -8px;
}

.contact-form button:hover {
  background-color: #c41e16;
  color: #fff;
}




/* 
---------------------------------------------
footer
--------------------------------------------- 
*/
footer {
  text-align: center;
  padding: 30px 0px;
}

footer p {
  color: #232d39;
  font-size: 13px;
}

footer p a {
  cursor: pointer;
  color: #ed563b;
}

footer p a:hover {
  color: #ed563b;
}



/* 
---------------------------------------------
preloader
--------------------------------------------- 
*/

.js-preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #232d39;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    opacity: 1;
    visibility: visible;
    z-index: 9999;
    -webkit-transition: opacity 0.25s ease;
    transition: opacity 0.25s ease;
}

.js-preloader.loaded {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

@-webkit-keyframes dot {
    50% {
        -webkit-transform: translateX(96px);
        transform: translateX(96px);
    }
}

@keyframes dot {
    50% {
        -webkit-transform: translateX(96px);
        transform: translateX(96px);
    }
}

@-webkit-keyframes dots {
    50% {
        -webkit-transform: translateX(-31px);
        transform: translateX(-31px);
    }
}

@keyframes dots {
    50% {
        -webkit-transform: translateX(-31px);
        transform: translateX(-31px);
    }
}

.preloader-inner {
    position: relative;
    width: 142px;
    height: 40px;
    background: #232d39;
}

.preloader-inner .dot {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 12px;
    left: 15px;
    background: #fff;
    border-radius: 50%;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-animation: dot 2.8s infinite;
    animation: dot 2.8s infinite;
}

.preloader-inner .dots {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    margin-top: 12px;
    margin-left: 31px;
    -webkit-animation: dots 2.8s infinite;
    animation: dots 2.8s infinite;
}

.preloader-inner .dots span {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    margin-left: 16px;
    background: #fff;
    border-radius: 50%;
}


/* 
---------------------------------------------
responsive
--------------------------------------------- 
*/


@media (max-width: 992px) {

  .main-banner .caption h2 {
    font-size: 64px;
  }
  #features {
    margin-bottom: 110px;
  }
  #features .feature-item {
    margin-bottom: 30px;
  }
  #our-classes .tabs-content {
    margin-left: 0px;
    margin-top: 30px;
  }
  .trainer-item {
    margin-bottom: 30px;
  }
  #contact-us #map {
    margin-bottom: -7px;
  }
  #contact-us .contact-form {
    padding: 30px;
  }
  #contact-us .contact-form #contact {
    padding: 30px;
  }

}

@media (max-width: 450px) {
  .feature-item .right-content a.text-button {
    margin-left: 130px;
  }
}





:root, :host, .spxThemeOverride, .max-width-container {
    --color_0: 255,255,255;
    --color_1: 255,255,255;
    --color_2: 0,0,0;
    --color_3: 237,28,36;
    --color_4: 0,136,203;
    --color_5: 255,203,5;
    --color_6: 114,114,114;
    --color_7: 176,176,176;
    --color_8: 255,255,255;
    --color_9: 114,114,114;
    --color_10: 176,176,176;
    --color_11: 255,255,255;
    --color_12: 247,247,247;
    --color_13: 199,199,199;
    --color_14: 117,117,117;
    --color_15: 0,0,0;
    --color_16: 254,198,181;
    --color_17: 253,85,33;
    --color_18: 0,0,0;
    --color_19: 169,57,22;
    --color_20: 84,28,11;
    --color_21: 203,175,224;
    --color_22: 168,137,192;
    --color_23: 131,91,161;
    --color_24: 81,18,129;
    --color_25: 41,9,65;
    --color_26: 179,207,229;
    --color_27: 144,177,204;
    --color_28: 99,143,178;
    --color_29: 18,93,152;
    --color_30: 9,46,76;
    --color_31: 232,205,177;
    --color_32: 209,177,143;
    --color_33: 186,143,98;
    --color_34: 163,87,9;
    --color_35: 82,44,4;
    --color_36: 255,255,255;
    --color_37: 0,0,0;
    --color_38: 247,247,247;
    --color_39: 199,199,199;
    --color_40: 117,117,117;
    --color_41: 253,85,33;
    --color_42: 179,207,229;
    --color_43: 199,199,199;
    --color_44: 255,255,255;
    --color_45: 0,0,0;
    --color_46: 0,0,0;
    --color_47: 117,117,117;
    --color_48: 0,0,0;
    --color_49: 0,0,0;
    --color_50: 255,255,255;
    --color_51: 255,255,255;
    --color_52: 0,0,0;
    --color_53: 0,0,0;
    --color_54: 199,199,199;
    --color_55: 199,199,199;
    --color_56: 255,255,255;
    --color_57: 255,255,255;
    --color_58: 0,0,0;
    --color_59: 0,0,0;
    --color_60: 0,0,0;
    --color_61: 0,0,0;
    --color_62: 255,255,255;
    --color_63: 255,255,255;
    --color_64: 199,199,199;
    --color_65: 199,199,199;
    --font_0: normal normal normal 110px/1.4em roboto-bold,roboto,sans-serif;
    --font_1: normal normal normal 16px/1.4em din-next-w01-light,sans-serif;
    --font_2: normal normal bold 60px/1.4em roboto-bold,roboto,sans-serif;
    --font_3: normal normal normal 50px/1.4em roboto-bold,roboto,sans-serif;
    --font_4: normal normal normal 45px/1.4em roboto-bold,roboto,sans-serif;
    --font_5: normal normal bold 35px/1.4em avenir-lt-w01_35-light1475496,sans-serif;
    --font_6: normal normal normal 30px/1.4em roboto-bold,roboto,sans-serif;
    --font_7: normal normal bold 22px/1.4em avenir-lt-w01_35-light1475496,sans-serif;
    --font_8: normal normal normal 16px/1.4em avenir-lt-w01_35-light1475496,sans-serif;
    --font_9: normal normal normal 14px/1.4em avenir-lt-w01_35-light1475496,sans-serif;
    --font_10: normal normal normal 12px/1.4em din-next-w01-light,sans-serif;
    --wix-ads-height: 50px;
    --sticky-offset: 50px;
    --wix-ads-top-height: 50px;
    --site-width: 980px;
    --above-all-z-index: 100000;
    --portals-z-index: 100001;
    --wix-opt-in-direction: ltr;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    --minViewportSize: 320;
    --maxViewportSize: 1920;
    --theme-spx-ratio: 1px;
    --full-viewport: 100 * var(--one-unit) * var(--browser-zoom);
    --scaling-factor: min(var(--full-viewport), var(--section-max-width));
    --customScaleViewportLimit: clamp(var(--minViewportSize) * 1px, var(--full-viewport), min(var(--section-max-width), var(--maxViewportSize) * 1px));
}
.font_0 {
    font: var(--font_0);
    color: rgb(var(--color_15));
    letter-spacing: 0em;
}
              #comp-kq0xz4sq {
                --backgroundColor: 0,0,0;
                --alpha-backgroundColor: 0;
                --blendMode: normal;
                --textShadow: 0px 0px transparent;
                --textOutline: 0px 0px transparent;
                 }  
                 #comp-kq0xz4sq {
    --text-direction: var(--wix-opt-in-direction);
}
                 #comp-kq0xz4sq {
    --text-direction: var(--wix-opt-in-direction);
}      
                 .MMl86N, .ku3DBC {
                            word-wrap: break-word;
                            direction: var(--text-direction);
                            min-height: var(--min-height);
                            min-width: var(--min-width);
                            mix-blend-mode: var(--blendMode,normal);
                            overflow-wrap: break-word;
                            pointer-events: none;
                            text-align: start;
                            text-shadow: var(--textOutline,0 0 transparent),var(--textShadow,0 0 transparent);
                            text-transform: var(--textTransform,"none");
                        }
                        .Z_l5lU {
                            -webkit-text-size-adjust: 100%;
                            -moz-text-size-adjust: 100%;
                            text-size-adjust: 100%;
                        }
                 

                     .wixui-rich-text__text {
                            display: block;
                            font-weight: 700;
                          
                            }
      .letrasAmarillas{
            font-weight:bold;
            color:#FBD000;
            font-family:helvetica-w01-bold,helvetica-w02-bold,helvetica-lt-w10-bold,sans-serif;
            letter-spacing:normal;
            line-height:1.2em; 
            text-align:center;
            font-size:45px

      }

  .letrasAmarillasRigth{
            font-weight:bold;
            color:#FBD000;
            font-family:helvetica-w01-bold,helvetica-w02-bold,helvetica-lt-w10-bold,sans-serif;
            letter-spacing:normal;
            line-height:1.2em; 
            text-align:right;
            font-size:45px

      }
  
  .letrasAmarillasLeft{
            font-weight:bold;
            color:#FBD000;
            font-family:helvetica-w01-bold,helvetica-w02-bold,helvetica-lt-w10-bold,sans-serif;
            letter-spacing:normal;
            line-height:1.2em; 
            text-align:left;
            font-size:45px

      }


          .letrasAmarillasOversize{
            font-weight:bold;
            color:#FBD000;
            font-family:helvetica-w01-bold,helvetica-w02-bold,helvetica-lt-w10-bold,sans-serif;
            letter-spacing:normal;
            line-height:1em; 
           
            font-size:75px;


      }   
      
            .letrasverdes{
            font-weight:bold;
            color:#0F7C1C;
            font-family:helvetica-w01-bold,helvetica-w02-bold,helvetica-lt-w10-bold,sans-serif;
            letter-spacing:normal;
            line-height:1em; 
            text-align:center;
          


      }
      .letrasBlancas{
       font-family:helvetica-w01-bold,helvetica-w02-bold,helvetica-lt-w10-bold,sans-serif;
       font-size:50px; 
       text-align:center;
       color:#FFFFFF;
       text-size-adjust: 100%;
       word-wrap: break-word;
            direction: var(--text-direction);
            min-height: var(--min-height);
            min-width: var(--min-width);
            mix-blend-mode: var(--blendMode, normal);
            overflow-wrap: break-word;
            pointer-events: none;
            text-align: start;
            text-shadow: var(--textOutline, 0 0 transparent), var(--textShadow, 0 0 transparent);
    text-transform: var(--textTransform, "none");
      }  

      .justificar {
  text-align: justify;
      }
#lightbox {
    display: none;
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.95);
    opacity: 0;
    transition: opacity 0.4s ease;
    text-align: center;
}

#lightbox.active {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 1;
}

#lightbox-img {
    max-width: 85%;
    max-height: 75%;
    /*border: 4px solid #FFD200; /* Borde amarillo como tus marcas */
   /* border-radius: 10px;*/
    transform: scale(0.7);
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

#lightbox.active #lightbox-img {
    transform: scale(1);
}

#lightbox-caption {
    color: white;
    font-family: 'Poppins', sans-serif;
    font-size: 24px;
    font-weight: 600;
    margin-top: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

#close-btn {
    position: absolute;
    top: 30px;
    right: 50px;
    color: #FFD200;
    font-size: 60px;
    cursor: pointer;
}


/* Estilos para la sección de redes sociales */
.footer-socials {
    background-color: #ffffff; /* O el color de fondo de tu footer */
}

.socials-title {
    color: #007a33; /* El verde oscuro de tu imagen */
    font-family: 'Poppins', sans-serif; /* O la fuente que uses */
    font-weight: 700;
    font-size: 1.6rem; /* Ajusta según el tamaño que desees */
}

.social-icon img {
    transition: transform 0.3s ease;
    display: block;
}

.social-icon:hover img {
    transform: scale(1.1); /* Efecto de agrandado suave al pasar el mouse */
}

/* Ajuste para móviles: centra todo si la pantalla es pequeña */
@media (max-width: 768px) {
    .socials-title {
        font-size: 1.8rem;
        text-align: center;
        margin-bottom: 15px !important;
    }
    .footer-socials .row {
        flex-direction: column;
    }
}

.language-selector {
    position: relative;
    display: inline-block;
}

.StylableButton {
    cursor: pointer;
    border: 1px solid #ccc;
    padding: 5px 15px;
    border-radius: 20px;
    transition: background 0.3s;
}

.StylableButton:hover {
    color: #f0f0f0;
}

/* Estilos del menú desplegable */
.dropdown-menu-lang {
    display: none; /* Oculto por defecto */
    position: absolute;
    top: 100%;
    left: 50px;
    background-color: white;
    min-width: 120px;
    box-shadow: 0px 8px 16px rgba(0,0,0,0.1);
    z-index: 1000;
    list-style: none;
    padding: 10px 0;
    margin-top: 5px;
    border-radius: 8px;
    border: 1px solid #eee;
}

.dropdown-menu-lang.show {
    display: block; /* Se muestra cuando tiene la clase .show */
    animation: fadeIn 0.2s ease-out;
}

.dropdown-menu-lang li a {
    color: #070D3A;
    padding: 10px 20px;
    text-decoration: none;
    display: block;
    font-family: Arial, sans-serif;
    font-size: 14px;
}

.dropdown-menu-lang li a:hover {
    background-color: #FFD200; /* Amarillo de tu marca */
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}


#features {
    margin-bottom: 0px;
}
#Brands {
    margin-bottom: 0px;
}

#Certifications {
    margin-bottom: 0px;
}
#features {
    margin-bottom: 0px;
}

#features2 {
    margin-top: 80px;
}
#OurWork{
    margin-bottom: 0px;
}

#imgicons{
    margin-bottom: 0px;
}
#Subsidiary{

  padding: 0px 0px 140px 0px;
  background-image: url(../images/assetCamiones.jpg);
  background-position: center right;
  background-repeat: no-repeat;
  background-size: contain;

}

#Brands{
  padding: 120px 0px;
 background-color: rgb(251, 208, 0);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
}



.title-contac h2 {
  font-size: 28px;
  text-transform:;
  font-weight: 600;
  color: #fff;
  letter-spacing: 1px;
}




/* --- ESTILOS PARA EL SLIDER PRINCIPAL EN LA PÁGINA --- */
.slider-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden; /* Oculta las imágenes que no están visibles */
    border-radius: 15px; /* Mantiene tus bordes redondeados */
}

.slider {
    display: flex; /* Alinea las imágenes una al lado de la otra */
    transition: transform 0.5s ease-in-out; /* Animación de deslizamiento suave */
    width: 100%;
    height: 450px;
}

.slider img {
   margin-top: 10px;
    width: 100%; /* Cada imagen ocupa el 100% del contenedor visible */
    height: auto;
    object-fit: cover; /* Mantiene la proporción sin estirarse */
    cursor: zoom-in; /* Indica que se puede ampliar */
    flex-shrink: 0; /* Evita que las imágenes se encojan */
}

/* Estilos para las flechas de navegación */
.prev, .next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(255, 210, 0, 0.7); /* Amarillo de tu marca con transparencia */
    color: #333;
    border: none;
    font-size: 30px;
    font-weight: bold;
    padding: 10px 15px;
    cursor: pointer;
    border-radius: 5px;
    transition: background-color 0.3s;
    z-index: 10;
}

.prev { left: 10px; }
.next { right: 10px; }

.prev:hover, .next:hover {
    background-color: rgba(255, 210, 0, 1); /* Amarillo sólido al pasar el mouse */
}

/* --- ESTILOS PARA EL LIGHTBOX SLIDER GRANDE (PANTALLA COMPLETA) --- */
/* --- ESTILOS PARA EL LIGHTBOX SLIDER GRANDE (PANTALLA COMPLETA) --- */
.lightbox-slider {
    display: none; 
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.95);
    opacity: 0;
    transition: opacity 0.4s ease;
    justify-content: center;
    align-items: center;
}

.lightbox-slider.active {
    display: flex;
    opacity: 1;
}

/* Contenedor de visualización: ocupa casi toda la pantalla */
.lightbox-content {
    position: relative;
    width: 100vw; /* Cambiado de 90% a 100vw */
    height: 80vh;
    display: flex;
    align-items: center;
    justify-content: flex-start; /* Alinea al inicio para que el transform funcione */
    overflow: hidden;
}

/* El slider dentro del lightbox corregido */
#lightbox-slider-content {
    display: flex !important; /* Fuerza la fila */
    flex-direction: row !important;
    transition: transform 0.4s ease-in-out;
    width: 100%; /* El JS se encarga del resto */
    height: 100%;
}

/* Cada imagen clonada */
#lightbox-slider-content img {
    width: 100vw !important; /* Cada imagen debe medir el ancho total de la ventana */
    height: 100% !important;
    object-fit: contain !important; /* Evita que se deforme */
    flex-shrink: 0 !important; /* Evita que se aplasten */
    border: none !important; /* Limpiamos bordes previos */
}

/* Ajuste de flechas para que no se pierdan */
.prev-lightbox, .next-lightbox {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,0.3);
    border-radius: 50%;
    width: 60px;
    height: 60px;
    color: #FFD200;
    font-size: 40px;
    cursor: pointer;
    z-index: 10010;
    display: flex;
    justify-content: center;
    align-items: center;
}

.prev-lightbox { left: 20px; }
.next-lightbox { right: 20px; }


.close-btn {
    position: absolute;
    top: 20px;
    right: 30px;
    color: #FFD200; /* El amarillo de Syscompsa */
    font-size: 50px;
    font-weight: bold;
    cursor: pointer;
    z-index: 10020; /* Mayor que el z-index del slider */
    line-height: 1;
    transition: transform 0.3s ease;
}

.close-btn:hover {
    color: white;
    transform: scale(1.2); /* Efecto visual al pasar el mouse */
}
        .left-content {
    display: flex;
    flex-direction: column;
    align-items: flex-end; /* Alinea todo el contenido hacia la derecha */
    text-align: right;    /* Alinea el texto internamente a la derecha */
    /*margin-right: 40px;*/
}

/* Título */
.titulo-seccion {
  color: #FFC107;
  font-size: 50px;
  font-weight: bold;
  margin-top: 50px;
}

/* Imagen central */
.imagen-central {

  object-fit: cover;
  border-radius: 12px;
}

/* Hojas laterales */
.hoja-lateral {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 90%;             /* se verán a la mitad de la altura del contenedor */
  opacity: 0.9;
  z-index: 1;
}

/* Ajustes por lado */
.hoja-izquierda {
  left: 0;
  transform: translateY(-50%) translateX(-75%) ;;
}

.hoja-derecha {
  right: 0;
  transform: translateY(-50%) translateX(75%) ; /* reflejada horizontalmente */
}

/* Evita desbordes en pantallas pequeñas */
@media (max-width: 768px) {
  .hoja-lateral {
    display: none !important;
  }
  .titulo-seccion {
    font-size: 36px;
  }
}



/* 1. Aseguramos que el nav sea un contenedor flex */
.main-nav {
    display: flex !important;
    align-items: flex-start;
    justify-content: space-between; /* Separa logo de los menús */
}

/* 2. Empujamos el menú de navegación hacia el centro/derecha */
.main-nav .nav {
    display: flex;
    margin-left: auto; /* Esto empuja todo lo que sigue hacia la derecha */
    margin-right: 80px; /* Espacio entre el último link (Contact Us) y Language */
}

/* 3. Estilo para el contenedor de Language */
.main-nav div:has(svg) {
   
    align-items: center;
    white-space: nowrap;
}

/* Ajuste opcional para el texto de Language */
.main-nav div a {
    margin-right: 5px;
    color: #070D3A; /* O el color que prefieras */
 
   }

.StylableButton{
    border: none;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 100%;
    min-height: 10px;
    min-width: 10px;
    padding: 0;
    touch-action: manipulation;
    width: 100%;
}

.StylableButton_container {
    margin-top: 15px;
    align-items: center;
    display: flex;
    flex-basis: auto;
    flex-direction: row;
    flex-grow: 1;
    height: 100%;
    justify-content: center;
    overflow: hidden;
    transition: all .2s ease, visibility 0s;
    width: 100%;

}
.StylableButton_label {
    
    margin-left: 40px;
    transition: inherit;
    font-size: 16px;
    color: #000000;
    display: initial;
    font-family: helvetica-w01-roman, helvetica-w02-roman, helvetica-lt-w10-roman, sans-serif;
}


.textoDeli{

    font-size: 16px;
    margin-top: 30px;
    font-family: helvetica-w01-roman, helvetica-w02-roman, helvetica-lt-w10-roman, sans-serif;

}