/*-------------------------------------
Template Name: Seomun | SEO And Digital Marketing Agency HTML Template. 
Template URI: 
Description: Seomun | SEO And Digital Marketing Agency HTML Template.
Author: webtend
Author URI: https://themeforest.net/user/webtend
Version: 1.0
---------------------------------------*/

/*--------------------------------------
CSS INDEX:-

1.Default css
2.preloader css
3.index_1.html css
4.index_2.html css
5.About.html css
6.SMM_service.html css
7.PPC_service.html css
8.SEO_service.html css
9.portfolio_grid.html css
10.portfolio_masonary.html css
11.single_portfolio.html css
12.shop.html css
13.shop_details.html section
14.FAQ.html css 
15.Team.html css
16.Testimonial.html css
17.blog_grid.html css
18.Blog_standard.html css
19.blog_details.html css
20.contact.html  css
21.index.html css

---------------------------------------*/
/*
	1. Satrt Default css 
*/
:root {
    --naranja: #f26c4f;
    --celeste: #1cbbb4;
    --azul: #004797;
    --oscuro: #2b2f3b;
	
	 --awx-bg:#0d1b2a;          /* fondo oscuro del sitio */
  --awx-bg-soft:#102238;     /* variante más clara */
  --awx-card:#0f2234;        /* tarjetas */
  --awx-border:rgba(255,255,255,.08);
  --awx-text:#d9e2ec;        /* texto secundario */
  --awx-title:#ffffff;       /* títulos */
  --awx-accent:#2b83f6;      /* azul acento */
  --awx-accent-2:#30cfd0;    /* degradado chip */
  --awx-shadow:0 6px 18px rgba(0,0,0,.25);
};


@font-face {
    font-family: 'Vela Sans GX ExtLt';
    src: url('../fonts/VelaSansGX-ExtraLight.woff2') format('woff2'),
        url('../fonts/VelaSansGX-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Vela Sans Bd';
    src: url('../fonts/VelaSans-Bold.woff2') format('woff2'),
        url('../fonts/VelaSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Vela Sans ExtLt';
    src: url('../VelaSans-ExtraLight.woff2') format('woff2'),
        url('../VelaSans-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Vela Sans ExtBd';
    src: url('../fonts/VelaSans-ExtraBold.woff2') format('woff2'),
        url('../fonts/VelaSans-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Vela Sans';
    src: url('../fonts/VelaSans-Light.woff2') format('woff2'),
        url('../fonts/VelaSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Vela Sans Med';
    src: url('../fonts/VelaSans-Medium.woff2') format('woff2'),
        url('../fonts/VelaSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Vela Sans SemBd';
    src: url('../fonts/VelaSans-SemiBold.woff2') format('woff2'),
        url('../fonts/VelaSans-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Vela Sans Regular';
    src: url('../fonts/VelaSans-Regular.woff2') format('woff2'),
        url('../fonts/VelaSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Syncopate Bold';
    src: url('../fonts/Syncopate-Bold.woff2') format('woff2'),
        url('../fonts/Syncopate-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Syncopate';
    src: url('../fonts/Syncopate-Regular.woff2') format('woff2'),
        url('../fonts/Syncopate-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Krona One';
    src: url('../fonts/KronaOne-Regular.woff2') format('woff2'),
        url('../fonts/KronaOne-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


* {
    margin: 0;
    padding: 0;
    outline: none;
}

/* Arrive blocks (estáticos, sin acordeón) */
.aw-blocks { margin-top: 18px; }
.aw-item {
   
  
  padding: 18px 20px;
  margin-bottom: 12px;
}
.aw-item-header {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin-bottom: 8px;
}
.aw-item h3 {
  color: #6aa9ff; /* acento */
  margin: 0;
}
.aw-item h5 {
  color: #fff;
  margin: 0;
  font-weight: 600; font-size: 20px
}
.aw-item-body p { margin: 0 0 8px; color: #d9e2ec; }
.aw-map {
  height: 300px; border-radius: 10px; overflow: hidden; margin-top: 12px;
}
.aw-map iframe { width: 100%; height: 100%; border: 0; }

/* Botones de idioma activos */
.aw-lang-btn.active, .aw-lang-btn.btn-primary { /* ya se ve bien por Bootstrap */ }


header {
    background-color: #1cbbb4;
padding: 0 5%;
}
.form-group {
    margin-bottom: 2em;
}
.button {
    background-color: #f26c4f;
    border-radius: 0px;
    border: 0px solid #ffffff;
    color: #ffffff;
    display: inline-block;
    font-size: 14px;
    letter-spacing: 2px;
    padding: 14px 40px;
    text-transform: uppercase;
    margin-top: 20px; text-align: center;
}
.activa {
    color: #005596
}
.opa {
     opacity: 0; position: absolute;  left: -1000px; animation: 1500ms ease-in-out 0s normal none 1 running fadeOutLeft;
}
.rightpic { display: block;
    opacity: 1;  left: 0px; animation: 1500ms ease-in-out 0s normal none 1 running fadeInLeft;
}
 
.leftpic { display: block;
    opacity: 1;  right: 0px; animation: 1500ms ease-in-out 0s normal none 1 running fadeInRight;
}
.opar {
     opacity: 0; position: absolute;  right: -1000px; animation: 1500ms ease-in-out 0s normal none 1 running fadeOutRight;
}
.mgtop {
    margin-top:4.5%;
}
.paddingserv  {
    padding: 0 5%;
}

.mrg10 {
    margin: 10px 0
 }


 .mrg20 {
    margin: 20px 0
 }

  .mrg40 {
    margin: 40px 0
 }

.flechader {
    width: 150px;
    position: absolute;
    right: 20px;
    bottom: 20px; display: none;
      opacity: 0.8; 
}

 .black:hover + .flechader {
    opacity: 1; animation: 1500ms; display: block;  
}
.black:hover + .flechaizq {
    opacity: 1;  display: block;  
}

.menucuatro img {
    
    height: 85px;
    text-align: center;
}
.menucuatro div {
  margin-right: 7%;
  font-family: 'Krona One'; text-transform: uppercase;
}
.menucuatro div:first-child img{
    height: 85px
}


.flechaizq {
    width: 150px;
    position: absolute;
    left: 20px;
    bottom: 20px;
     opacity: .8;  display: none;
}
.flechader img {
    width: 100px;
}
.flechaizq img {
     width: 100px;
}


.negro {
     
    background-color: #000; padding: 0  
}
.black:hover {
    opacity: .5; cursor: pointer;
}




.leftpic::before {
     
    background-color: #000;  
}
#aboutus p {
    color: #fff; 
}
#cttxt h3 {
    color: #fff; padding: 2% 0px 5%; 
}
.azul {
    color: var(--azul); 
}

.lineabajo {
    text-decoration: underline;
}
.centro {
    text-align: center;
}

.rotate180 {
position: absolute;
  transform: rotate(-90deg);

  /* Legacy vendor prefixes that you probably don't need... */

  /* Safari */
  -webkit-transform: rotate(-90deg);

  /* Firefox */
  -moz-transform: rotate(-90deg);

  /* IE */
  -ms-transform: rotate(-90deg);

  /* Opera */
  -o-transform: rotate(-90deg);

  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}

#locations {
	background-color: #004796
}
#locations h2{
	color: #fff
}

/* ===================== Arrive Locations (awx-*) ===================== */


/* Contenedor general para heredar variables sin tocar el body */
 .awx-hero, .awx-intro, .awx-capabilities, .awx-offices,
.awx-regions, .awx-trust, .awx-maps { position:relative; }
 .awx-intro, .awx-capabilities, .awx-offices,
.awx-regions, .awx-trust, .awx-maps { background: #004796; }
.container, .awx-intro .container, .awx-capabilities .container,
.awx-offices .container, .awx-regions .container,
.awx-trust .container, .awx-maps .container { color: var(--awx-text); padding: 6% 5% 6%;
 }

 .awx-intro, .awx-capabilities,  
.awx-regions,   .awx-maps { background: var( --oscuro); }

/* ---------- Hero ---------- */
.awx-hero { background: var(--awx-bg); }
.awx-hero__title { color: var(--awx-title); margin:0; letter-spacing:.2px; }
.awx-hero__kicker { color: #f26c4f; margin:.35rem 0 0; 
    font-size: 18px;
    font-weight: 100; }

/* ---------- Eyebrow / subtítulos ---------- */
.awx-section__eyebrow {
  color:var(--naranja);
  margin:0 0 .35rem;
 font-weight: 100;
    letter-spacing: .2px;
    color: #fff;
    font-size: 65px;
}

.awx-regions .we {
	color:var(--naranja)
} 


.awx-section__eyebrow .we {
	color:var(--naranja)
} 
.awx-intro {
    background-color: #1cbbb4;
    
}

.awx-capabilities {
    background-color: #1cbbb4;
    
	background-color: var(--oscuro);
    

}

.awx-capabilities .row .we {
	
color: #f26c4f;	
}


.awx-maps .row .we {
	
color: #f26c4f;	
}
.awx-capabilities .row .g-3 .awx-card {
	
background-color: #f26c4f;	
}

.awx-capabilities  .cuadros, .awx-trust  .cuadros, .awx-regions .cuadros {
	padding-right: 0;
	padding-left:0;
}


.vertical-mid {
	vertical-align: middle; padding: 4% 5%
}
/* ---------- Texto base ---------- */
.awx-text{ color: #fff; margin:0 0 .75rem; 
font-size: 18px;
}

/* ---------- Cards genéricas (capabilities & trust) ---------- */
.awx-card{
  color: #333;
    background: #efefef;
    border: 1px solid #ccc;
    border-radius: 0px;
    padding: 25px;
  box-shadow: var(--awx-shadow);
  height:100%;
  transition: transform .12s ease, box-shadow .12s ease, background .2s ease;
}
.awx-card:hover{ transform: translateY(-2px); box-shadow:0 10px 24px rgba(0,0,0,.35); }
.awx-card__title{ color: var(--oscuro); margin:0 0 .25rem; font-weight:700; }
.awx-card__text{ color: var(--oscuro); margin:0; }

/* ---------- Oficinas ---------- */
.awx-office{
  background: var(--awx-card);
  border:1px solid var(--awx-border);
  border-radius:16px;
  padding:18px;
  box-shadow: var(--awx-shadow);
  height:100%;
}
.awx-office__header{
  display:flex; align-items:center; gap:12px; margin-bottom:8px;
}
.awx-chip{
  display:inline-flex; align-items:center; justify-content:center;
  width:34px; height:34px; border-radius:10px;
  background: linear-gradient(135deg, var(--awx-accent-2), var(--awx-accent));
  color:#0d1b2a; font-weight:800;
}
.awx-office__title{ color: var(--awx-title); margin:0; font-weight:700; }
.awx-office__list{ list-style:none; padding:0; margin:.25rem 0 0; }
.awx-office__list li{ margin-bottom:4px; color: var(--awx-text); }

/* ---------- Pills de regiones ---------- */
.awx-pill{
   border:1px solid var(--awx-border);
   
  padding:16px;
  height:100%;
}
.awx-pill__title{ color: var(--awx-title); margin:0 0 .25rem; font-weight:700; }
.awx-pill__text{ color: var(--awx-text); margin:0; }

/* ---------- Mapas responsivos ---------- */
.awx-map{
  width:100%;
  aspect-ratio: 16/9;     /* limpio en desktop */
  border-radius:12px;
  overflow:hidden;
  border:1px solid var(--awx-border);
  background:#081321;
  margin-top:10px;
}
.awx-map iframe{ width:100%; height:100%; border:0; display:block; }

/* ---------- Responsive tweaks ---------- */
@media (max-width: 991.98px){
  .awx-map{ aspect-ratio: 4/3; } /* un poco más alto en tablet/móvil */
}
@media (prefers-reduced-motion: reduce){
  .awx-card, .awx-card:hover{ transition:none; transform:none; box-shadow: var(--awx-shadow); }
}
/* =================== /Arrive Locations (awx-*) =================== */





#faq {
	background-color: #2b2f3b
}

.aw-blocks {
    /* border: 1px solid black; */
     
    align-items: center;
    font-family: helvetica;
    background-color: #2b2f3b;
    /* background-color: pink; */
    transition: flex-grow .3s linear, background-color 0.2s ease-in; padding: 45px  30px 30px 30px
}

.aw-item {
	border-top: 1px solid #1cbcb4; font-size: 18px

}

.aw-item h3 {
	
    color: #f26c4f;

}
.accordionContainer {
/*   border: 1px solid black; */
  width: 100%;
  margin: auto;
  height: 550px;
  box-sizing: border-box;
  padding: 0;
  margin-top: 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.accordionContainer div{ 
/*   border: 1px solid black; */
  flex-basis: 10%;
  height: 100%;
 
flex-grow: 6;
  display: flex;
  justify-content: left;
  align-items: center;
  font-family: helvetica;
  background-color: #2b2f3b;

/*   background-color: pink; */
  transition: 
    flex-grow .3s linear,
    background-color 0.2s ease-in
}

.contactus span {
    font-family: 'Syncopate Bold'; margin: 0 15px; font-size: 16px;
}
.accordionContainer div:hover{ 
     background: var(--naranja);
    flex-grow: 10; color: #fff; 
} 


.accordionContainer div:hover:nth-child(1n){ 
     background: var(--naranja) no-repeat right  url("../../assets/images/reason1.jpg"); background-size: contain;
}

.accordionContainer div:hover:nth-child(2n){ 
     background: var(--naranja) no-repeat right  url("../../assets/images/ocean-freight.jpg"); background-size: contain;
}

.accordionContainer div:hover:nth-child(3n){ 
     background: var(--naranja) no-repeat right  url("../../assets/images/our-team2.jpg"); background-size: contain;
}
.accordionContainer div:hover:nth-child(4n){ 
     background: var(--naranja) no-repeat right  url("../../assets/images/the-way-job.jpg"); background-size: contain;
}
.accordionContainer div:hover:nth-child(5n){ 
     background: var(--naranja) no-repeat right  url("../../assets/images/last-pic.jpg"); background-size: contain;
}

.accordionContainer div:hover h3, .accordionContainer div:hover h5   { 
    color: #fff; 
        transform: scale(1.1); transition-duration: 1000ms
} 

.accordimg   {  
opacity: 0; height: auto; transition-duration: 1000ms; transform: scale(1);
}

.accordionContainer div:hover .accordimg   { 
opacity: 1; transition-duration: 1000ms; transform: scale(1.1);
}

.accordionContainer h5 {
    color: #ffffff;  
}
.accordionContainer h3 {
    color: #f26c4f;  
}
.nav-link {
    display: block;
    padding: 0;
}
li:nth-child(1){
    border-right: 1px solid #fff;
}
li:nth-child(2){
    border-right: 1px solid #fff;
}
li:nth-child(3){
    border-right: 1px solid #fff;
}
 li:nth-child(4){
    border-right: 1px solid #fff;
}
li:nth-child(5){
    border-right: 1px solid #fff;
}
li:nth-child(6){
    border-right: 1px solid #fff;
}
li:nth-child(7){
    border-right: 1px solid #fff;
}
li:nth-child(8){
    border-right: 1px solid #fff;
}
li:nth-child(9){
    border-right: 1px solid #fff;
}
nav a, a.nav-link {
font-family: 'Vela Sans Med'; letter-spacing: 2px; 
}

a,
a:focus {
    color: #FFF;
    text-decoration: none;
    outline: none;
}

a:hover,
a.active {
    color: #005596;
    text-decoration: none;
    outline: none;
}


h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Vela Sans Med', sans-serif;
     
    margin: 0;
    color: #092232;
     letter-spacing: 4px
}

h1 {
    font-size: 100px;
    line-height: 90px;
}

h2 {
    font-size: 90px;
    line-height: 90px;
}

h3 {
    font-size: 30px;
}

h4 {
    font-size: 24px;
}

h5 {
    font-size: 30px;
}

h6 {
    font-size: 14px;
}

p {
    margin: 0;
}

ul {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

input,
input:hover,
input:focus {
    outline: none;
}

textarea,
textarea:hover,
textarea:focus {
    outline: none;
}

button,
button:hover,
button:focus {
    cursor: pointer;
    outline: none;
}

body {
    font-family: 'Vela Sans Med', sans-serif;
    font-size: 14px;
    color: #7d8c95;
    line-height: 26px;
    overflow-x: hidden;
}
.form-control {
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    font-size: 1em;
    line-height: 1.5;
    color: #000;
    background-color: #fff;
    background-clip: padding-box;
    border: 0px solid #ced4da;
    border-radius: 0;
    max-width: 450px;
}

.btserv {
      position: absolute;
    bottom: 0px;
}

#cttxt {
    padding: 30px 0
}
section {
    overflow: hidden; 
}

.col-fit {
  width: fit-content; 
}

.seomun_logo { width: 200px; 

}

.center {
    text-align: center;
}

.menusecond {

    display:inline-table;
}
.dern {
   font-size: 20em; position: absolute; top: -30; right: 10%; color: #fff;  
}

.izqn {
      font-size: 20em; position: absolute; top: -30;  left: 10%; color: #fff;  
}
#contact {
     background-color: var(--azul); padding: 5% 
}
#contact, #contact h1   {
    color:#fff; letter-spacing: 1px; 
}
#contact h5 {
    color:#fff; letter-spacing: 1px; padding-top: 30px;
}

#efectividad, #puntualidad {
    background-color: var(--azul); padding-top: 8%;
}
#rapidez, #seguimiento {
    background-color: var(--oscuro);  padding-top: 8%;
}
.mtop3 {
 margin: 3% 0 0 0
}
.mini {
    font-size: 12px; text-align: left; color: #fff; letter-spacing: 0px; line-height: 13px; padding: 10px 0;
}
.serv, .serv h1, .serv h4 {
    color: var(--celeste); letter-spacing: 1px;
}
.serv h1 {
    margin: 0 0 7%
}
.serv h4 {
      font-size: 24px; font-family: 'Vela Sans Bd'; margin: 0 0 2%
}
.serv p {
font-family: 'Vela Sans Regular';
text-align: justify;
    width: 90%;
}



.wrapper .tooltip {
  background: #00c6ff;
  bottom: 100%;
  color: #000;
  display: block;
  left: 0;
  margin-bottom: 15px;
  opacity: 0;
  padding: 20px;
  pointer-events: none;
  position: absolute;
  width: 100%;
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-transition: all .25s ease-out;
  -moz-transition: all .25s ease-out;
  -ms-transition: all .25s ease-out;
  -o-transition: all .25s ease-out;
  transition: all .25s ease-out;
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
}

.wrapper .tooltip:before {
  bottom: -20px;
  content: " ";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  width: 100%;
}

.wrapper .tooltip:after {
  border-left: solid transparent 10px;
  border-right: solid transparent 10px;
  border-top: solid #00c6ff 10px;
  bottom: -10px;
  content: " ";
  height: 0;
  left: 50%;
  margin-left: -13px;
  position: absolute;
  width: 0;
}

/* IE can just show/hide with no transition */
.lte8 .wrapper .tooltip {
  display: none;
}
.lte8 .wrapper:hover .tooltip {
  display: block;
}
.wrapper:hover .tooltip {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
}

.pulso {
    
    
     
    width: 100px;
    text-align: center; height: 100px
     -webkit-animation: changeColor 5s infinite;

        -moz-animation:    changeColor 5s infinite;

        -o-animation:      changeColor 5s infinite;

        animation:         changeColor 5s infinite;

}


    @-webkit-keyframes changeColor {

      0%   {

        -webkit-filter: hue-rotate(0deg);

        -moz-filter: hue-rotate(0deg);

        -o-filter: hue-rotate(0deg);

        filter: hue-rotate(0deg);

      }

    

      100% {

        -webkit-filter: hue-rotate(360deg);

        -moz-filter: hue-rotate(360deg);

        -o-filter: hue-rotate(360deg);

        filter: hue-rotate(360deg);

      }

    }

    @-moz-keyframes changeColor {

      0%   {

        -webkit-filter: hue-rotate(0deg);

        -moz-filter: hue-rotate(0deg);

        -o-filter: hue-rotate(0deg);

        filter: hue-rotate(0deg);

      }

    

      100% {

        -webkit-filter: hue-rotate(360deg);

        -moz-filter: hue-rotate(360deg);

        -o-filter: hue-rotate(360deg);

        filter: hue-rotate(360deg);

      }

    }

    @-o-keyframes changeColor {

      0%   {

        -webkit-filter: hue-rotate(0deg);

        -moz-filter: hue-rotate(0deg);

        -o-filter: hue-rotate(0deg);

        filter: hue-rotate(0deg);

      }

    

      100% {

        -webkit-filter: hue-rotate(360deg);

        -moz-filter: hue-rotate(360deg);

        -o-filter: hue-rotate(360deg);

        filter: hue-rotate(360deg);

      }

    }

    @keyframes changeColor {

      0%   {

        -webkit-filter: hue-rotate(0deg);

        -moz-filter: hue-rotate(0deg);

        -o-filter: hue-rotate(0deg);

        filter: hue-rotate(0deg);

      }

    

      100% {

        -webkit-filter: hue-rotate(360deg);

        -moz-filter: hue-rotate(360deg);

        -o-filter: hue-rotate(360deg);

        filter: hue-rotate(360deg);

      }

    }



.naranja, .naranja h1, .naranja h4 {
    color: var(--naranja); letter-spacing: 1px;
}
.naranja h1 {
    margin: 0 0 7%
}
.naranja h4 {
      font-size: 24px; font-family: 'Vela Sans Bd'; margin: 0 0 2%
}
.naranja p {
font-family: 'Vela Sans Regular';
text-align: justify;
}

#efectividad ul  {
  display: flex;

  align-items: center;
  justify-content: center;
  

}

.menusecond li, .menuseconda li {
border: none;
    width: fit-content;
    float: left;
    padding: 10px 20px;
    font-family: 'Krona One';
    color: #fff;
    font-size: 16px;
    border-right: 1px solid #fff;
}
.menusecond li:hover, .menusecond li .active {
    color: #000; background-color: #ffea4a; 
}

.menusecond .active {
    color: #000; background-color: #ffea4a; 
}

.menuseconda li:hover, .menuseconda li .active, .menuseconda .active {
    color: #000;
    background-color: #1cbcb4;
}


.menusecond li:last-child, .menuseconda li:last-child {
    border-right: none;
}

.text-right {
    text-align: right;
}


.lefty {
    display: block;
    float: left;
}
.acc {
border-top: 1px solid #1cbcb4;
 
}

.accbt {
border-bottom: 1px solid #1cbcb4;
 border-top: 1px solid #1cbcb4;

}

.white {
    color: white
}

.section_padding {
    padding: 120px 0;
}

.section_padding_2 {
    padding: 60px 0;
}
#top {
    background-color: #1cbbb4; padding: 0% 5% 6%
}

#aboutus { animation: 1500ms ease-in-out 0s normal none 1 running fadeInLeft;
    background-color: #004796; min-height: 90vh
}

#aboutus h4 {
 color: #f26c4f
}
#aboutus h2 {  
    font-size: 100px;
    z-index: 9999;
    top: 20px; line-height: 90px;
    position: relative;
}
#aboutus p {
    font-size: 16px; font-family: 'Vela Sans Med',
,}

#industries {
     background-color: #004796
}
#industries .col-lg-6 {
     padding: 0px
}

.serviciotit  {
     color: #fff; position: absolute; font-size: 30px;  font-family: 'Vela Sans SemBd';  
}


.numbigizq { font-family: 'Vela Sans SemBd';
    font-size: 15em; color: #fff; position: absolute;  left: 10%
}
.numbigder {font-family: 'Vela Sans SemBd';
    font-size: 15em; color: #fff; position: absolute; right: 10%
}
.numbigtop {
top: 30%
}
.numbigbot{
bottom: 20%;
}
.bottit {
    bottom: 10%
}
.dertit {
 right: 10%
}
.izqtit {
 left: 10%
}
.toptit {
    top: 10%
}
#service {
    POSITION: ABSOLUTE;
    Z-INDEX: 999;
    COLOR: #FFF;
    TEXT-ALIGN: center; right: 34%;
     transform: rotate(90deg); font-size: 120px;

  /* Legacy vendor prefixes that you probably don't need... */

  /* Safari */
  -webkit-transform: rotate(90deg);

  /* Firefox */
  -moz-transform: rotate(90deg);

  /* IE */
  -ms-transform: rotate(90deg);

  /* Opera */
  -o-transform: rotate(90deg);

  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.centertxt {text-align: center; margin: 0 auto;
}

#work {
    background-color: #2b2f3b; padding-top: 0px;
}

#work h2{ padding: 5% 0;  text-align: center; font-size: 90px
    }

#work h3{    text-align: left; padding: 0 5%;  
    }
 
    }

.fab {

 
text-align: center;
text-decoration: none;
margin: 5px 2px;
border-radius: 50%;
}

.fab:hover {
opacity: 0.7;
}

#pie .fa-whatsapp:before {
background: green;
    color: white;
    font-size: 3em;
    padding: 10px 12px;
    border-radius: 35px;
}

#pie .fa-whatsapp {
 
color: white; position: fixed;
 right: 30px;
 bottom:100px;
}

.services { animation: 1500ms ease-in-out 0s normal none 1 running fadeInDown;
}
.services a {
  font-size: 12px
}
.services a:hover, .services a:focus {
    color: #fff;
}
.full-slider-6 {
    background-color: #1cbbb4
}
.full-slider-6 .carousel-inner .carousel-item.active h2 {
    text-shadow: 5px 5px 30px #000000;width: 70%;
}



.nopad {
padding: 0px;

}

#industriesh {
    margin: 5% 0;
}
.carousel-caption-inner h2 {
    height: 350px; padding: 0 0 5% 0;
}

.vertical  {
    vertical-align: top;
}

.fleft {
    float: left;
}

#rely  {
    background-color: #1cbbb4
}

.blanco {
    color: #fff
}
.industriestxt {
 border-bottom: 4px solid #00c6ff; width: 100%;
 color: #fff; 
 font-weight: lighter; padding: 20px 20px 10px 20px;
 font-size: 1.5em;
}


#efectividad .col-lg-6,
#rapidez .col-lg-6,
#puntualidad .col-lg-6,
#seguimiento .col-lg-6, 
#efectividad .col-lg-6  img,
#rapidez .col-lg-6 img,
#puntualidad .col-lg-6 img,
#seguimiento .col-lg-6 img {
  height: 600px
}






footer {
    background-color: #00c6ff; padding: 0% 5% 4% 5%; 
}
footer h2 { padding: 4% 0; font-size: 6.3vw;
}
footer li:nth-child(1) {
    border:none; color: var (--azul)
}
footer li:nth-child(2) {
    border:none;
}
footer li:nth-child(3) {
    border:none;
}
footer li:nth-child(4) {
    border:none;
}
footer p {
    color: #005596
}


.seomun_overlay {
    background: #092232;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .8;
}

footer li a {color: #005596
    }

.gray_bg {
    background: #f7f6ff;
}

.dark_bg {
    background: #092232;
}

.seomun_content_box {
    position: relative;
    display: block;
}

.seomun_content_box h2 span {
    font-size: 50px;
    font-weight: 300;
}

span.seomun_span {
    display: block;
    color: #ef3b58;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 500;
    font-size: 16px;
    margin-left: 70px;
}

span.seomun_span:before {
    position: absolute;
    top: 12px;
    left: 0;
    content: '';
    display: block;
    width: 50px;
    height: 2px;
    background: rgb(239, 59, 88);
}

.seomun_btn {
    display: inline-block;
    padding: 29px 60px;
    background: #ef3b58;
    font-size: 14px;
    line-height: 28px;
    text-transform: uppercase;
    letter-spacing: 2px;
    border-radius: 50px;
    border: none;
    outline: none;
    color: #fff;
    font-weight: 500;
    transition: all .5s;
}

.seomun_btn:hover,
.seomun_btn:focus {
    color: #fff;
    box-shadow: 0px 16px 32px 0px rgba(239, 59, 88, 0.2);
}

.seomun_img img {
    width: 100%;
}

.seomun_section_title {
    margin-bottom: 74px;
}

.seomun_section_title span {
    display: block;
    color: #ef3b58;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 7px;
}

.seomun_section_title h2 {
    font-size: 60px;
    margin-bottom: 5px;
}

.seomun_group {
    position: relative;
}

.seomun_group i {
    position: absolute;
    top: 30px;
    right: 40px;
    color: #ef3b58;
}

.dark_section_title h2 {
    color: #fff;
}

@media (min-width: 1200px) {
    .container {
        max-width: 100%;
    }
}

/*
	End Default css 
*/

/*
	2. Start Preloader css 
*/
.preloader_area {
    position: fixed;
    background: #00c6ff;
    z-index: 9999999;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.color-1 {
    background-color: #092f5d !important;
}

.color-2 {
    background-color: #ff5e14 !important;
}

.lodar {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.lodar ul {
    display: none;
}

.lodar ul li {
    display: inline-block;
    font-size: 60px;
    font-weight: bold;
    font-family: 'Poppins';
    text-transform: uppercase;
    letter-spacing: 10px;
    animation: animate 1.4s linear infinite;
}

@keyframes animate {
    0% {
        color: #ef3b58;
    }

    50% {
        color: #ef3b58;
    }

    100% {
        color: #ef3b58;
    }
}

.lodar ul li:nth-child(1) {
    animation-delay: .7s;
}

.lodar ul li:nth-child(2) {
    animation-delay: 1s;
}

.lodar ul li:nth-child(3) {
    animation-delay: 1.5s;
}

.lodar ul li:nth-child(4) {
    animation-delay: 2s;
}

.lodar ul li:nth-child(5) {
    animation-delay: 2.5s;
}

.lodar ul li:nth-child(6) {
    animation-delay: 3s;
}

.logo {
    margin: 0 10px
}
/*
	End Preloader css 
*/


/*==================================================
		3. SEOMUN==Index_1.html
====================================================*/


/*
	Start seomun_header area css
*/
.seomun_header_1 {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 337;
}

.seomun_inner_header {
    position: relative;
}

.header_container {
     min-height: 6%;
    margin: 0 auto;
width: 100%;
    margin: 0;
}

header.sticky {
    position: fixed;
    top: 0;
    background: #6f0ac8;
    width: 100%;
    z-index: 337;
}


.nav {
    display: block;
    width: 100%
}


.sticky .main_menu ul li a {
    color: #fff;
}
.cnt {
    float: right; text-align: right;
}

.sticky .menu_button_box .select_option form select {
    color: #ffff;
}

.sticky .menu_button_box ul li a {
    color: #fff;
}

.sticky .menu_button_box ul li:before {
    color: #fff;
}

.sticky .menu_button .phone_btn {
    color: #fff;
}
.sticky .menu_button_box .select_option select option {
    color: #6f0ac8;
}
/*
	seomun_menu
*/
.seomun_menu {
    position: relative;
    text-align: right;
    float: left;
}

.main_menu ul li {
    position: relative;
    display: inline-block;
     
}

.main_menu ul li a {
    display: block;
     
}

.main_menu ul li:hover > a {
    
}

.main_menu ul li ul.sub_menu {
    position: absolute;
    text-align: left;
    width: 250px;
    max-height: 0px;
    padding: 0px;
    top: 100%;
    left: 0px;
    background: #fff;
    opacity: 0;
    z-index: 9999;
    border-top: 4px solid #ef3b58;
    visibility: hidden;
    transition: all .3s;
}

.main_menu ul li:hover > ul.sub_menu {
    visibility: visible;
    top: 100%;
    max-height: 800px;
    padding: 15px;
    opacity: 1;
    transition: all .5s;
}

.main_menu ul li ul.sub_menu li {
    display: block;
    margin: 0;
}

.main_menu ul li ul.sub_menu li:last-child {
    border-bottom: none;
}

.main_menu ul li ul.sub_menu li a {
    font-size: 14px;
    color: #092f5d;
    padding: 10px 20px;
    text-transform: uppercase;
}

.main_menu ul li ul.sub_menu li:hover > a {
    color: #ef3b58;
}

.main_menu ul li ul.sub_menu li ul.sub_menu {
    left: 100%;
    top: 0;
    opacity: 0;
    visibility: hidden;
}

.main_menu ul li ul.sub_menu li:hover ul.sub_menu {
    visibility: visible;
    opacity: 1;
}

.menu_button {
    text-align: center;
}

.menu_button a.phone_btn {
    display: inline-block;
    padding: 15px 30px;
    color: #ef3b58;
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 50px;
    border: 1px solid #ececff;
    font-weight: 500;
    transition: all .5s;
}

.menu_button a.phone_btn:hover {
    background: #ef3b58;
    color: #fff;
}

.menu_button_box {
    text-align: right;
}

.menu_button_box .select_option {
    position: relative;
    display: inline-block;
}

.menu_button_box .select_option select {
    border: none;
    background: transparent;
    color: #092232;
    text-transform: uppercase;
}

.menu_button_box .select_option select option {
    border: none;
    background: transparent;
}

.menu_button_box ul li {
    display: inline-block;
}

.menu_button_box ul {
    display: inline-block;
}

.menu_button_box ul li:before {
    content: '|';
    font-size: 16px;
    color: #092232;
    margin-right: 30px;
}

.menu_button_box ul li {
    display: inline-block;
    margin-left: 30px;
}

.soemun_search_form {
    position: absolute;
    right: 25%;
    top: 60px;
    width: 250px;
    background: #fff;
    margin-top: -15px;
    padding: 10px;
    display: none;
    z-index: 1;
    transition: all .5s;
    box-shadow: 0 2px 12px #e1e1e1;
    border-radius: 4px;
}

.soemun_search_form .form_control {
    display: block;
    width: 100%;
    padding: 0 0 0 10px;
    font-size: 14px;
    line-height: 42px;
    color: #222;
    background-color: #e6e6e6;
    border: 1px solid #fff;
    border-radius: 0px;
    height: 50px;
    margin-bottom: 0;
}

.soemun_search_form .serach_btn {
    position: absolute;
    bottom: 2px;
    right: 5px;
    border: none;
    color: #0088ff;
    background: transparent;
    height: 42px;
    width: 42px;
    line-height: 42px;
    text-align: center;
}

.soemun_search_form .serach_btn i {
    position: relative;
    top: 0;
    left: 0;
}

.soemun_search_form .serach_btn:focus {
    outline: none;
}

/*
	header_menu
*/
/*
	End seomun_header area css
*/


/*
	Start seomun_header section css
*/

.seomun_welcome_1 {
    padding: 80px 0
}

.seomun_welcome {
    position: relative;
}

.seomun_welcome_1 {
    padding: 155px 0;
}

.seomun_welcome_1 #head_1 {
    position: absolute;
    right: -250px;
    top: -250px;
}

.header_content_box span.seomun_span {
    margin-bottom: 12px;
}

.header_content_box h2 {
    font-size: 60px;
    line-height: 70px;
    margin-bottom: 28px;
}

.header_content_box h5 {
    margin-bottom: 4px;
}

.header_content_box .seomun_btn {
    margin-right: 30px;
}

.bg {
    border-radius: 50%;
    background-color: rgb(255, 255, 255);
    position: absolute;
    left: 489px;
    top: 691px;
    width: 70px;
    height: 70px;
    z-index: 302;
}

.video_btn {
    display: inline-block;
    font-size: 16px;
    color: #092232;
    font-weight: 500;
    text-transform: capitalize;
}

.video_btn span {
    display: inline-block;
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    border-radius: 50%;
    color: #ef3b58;
    background: rgb(255, 255, 255);
    box-shadow: 0px 16px 32px 0px rgba(239, 59, 88, 0.2);
    margin-right: 20px;
}

/*
	End seomun_header section css
*/

/*
	Start seomun_about section css
*/
.seomun_about2 {
    padding: 52px 0 119px;
}

.about_2 {
    padding: 110px 0 60px;
}
.about_home {
    padding: 0px 0 80px;
}

.about_content_box span.seomun_span {
    margin-bottom: 15px;
}

.about_content_box h2 {
    font-size: 55px;
    line-height: 65px;
    margin-bottom: 18px;
}

.about_content_box h5 {
    margin-bottom: 15px;
}

.about_img_box_2 img {
    width: 100%;
}

/*
	End seomun_about section css
*/

/* 
	Start seomun_seo_features section css
*/


.seomun_seo_features {
    padding: 73px 0 50px;
}
.seo_features_2{
    padding: 115px 0 86px;
}

.seomun_skill_1 {
    padding: 80px 0 95px;
}

.seomun_skill_2 {
    padding: 70px 0 75px;
}

.seomun_skill_3 {
    padding: 115px 0 80px;
}
.seo_text_1 h2 {
    font-size: 68px;
}

.seo_features_box {
    text-align: center;
    background: #fff;
    padding: 70px 60px;
    margin-bottom: 30px;
    border: 2px solid rgb(255, 243, 245);
}

.seo_features_box .seomun_icon {
    position: relative;
    display: block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    border-radius: 50%;
    text-align: center;
    background: rgb(255, 243, 245);
    font-size: 36px;
    margin: auto auto 45px;
}

.seo_features_box .seomun_icon i {
    font-size: 36px;
    color: #ef3b58;
}

.seo_features_box .seomun_icon:after {
    position: absolute;
    top: 10px;
    left: 5px;
    content: '';
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: rgb(239, 59, 88);
    box-shadow: 0px 7px 14px 0px rgba(239, 59, 88, 0.6);
}

.seo_features_box .seomun_icon:before {
    position: absolute;
    bottom: 10px;
    right: 5px;
    content: '';
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: rgb(239, 59, 88);
    box-shadow: 0px 7px 14px 0px rgba(239, 59, 88, 0.6);
    animation: ball 5s linear infinite;
}
.seo_features_box .seomun_info h3 {
    margin-bottom: 30px;
}

/* 
	End seomun_seo_features section css
*/

/*
	Start seomun_skill section css
*/

/ .skill_content_box h2 span {
    font-size: 45px;
    line-height: 50px;
}

.skill_content_box h2 {
    font-size: 55px;
    line-height: 65px;
    margin-bottom: 32px;
}

.seomun_counter_area_2 {
    margin-top: 50px;
}

.skill_box .chart_2 {
    position: relative;
    width: 120px;
    height: 120px;
    text-align: center;
    margin: 0 auto;
}

.skill_box .chart_2 canvas {
    position: absolute;
    top: 0;
    left: 0;
}

.skill_box canvas {
    position: absolute;
    top: 0;
    left: 0;
}

.skill_box .chart_2 .circle_info {
    padding-top: 30px;
}

.skill_box h2 {
    font-size: 30px;
    font-weight: 300;
    line-height: 42px;
}

.skill_box h6 {
    text-transform: uppercase;
    letter-spacing: 2px;
}

.skill_box_1 h2,
.skill_box_1 h6 {
    color: #ea3d56;
}

.skill_box_2 h2,
.skill_box_2 h6 {
    color: #3745a5;
}

.skill_box_3 h2,
.skill_box_3 h6 {
    color: #ff953f;
}

.skill_box_4 h2,
.skill_box_4 h6 {
    color: #56c4c5;
}

/*
	End seomun_skill section css
*/

/*
	Start seomun_works section css
*/

.seomun_works_2 .seomun_section_title {
    margin-bottom: 67px;
}

.seomun_works {
    margin-left: 160px;
    padding: 112px 0 87px;
}

.works_container {
    max-width: 1760px;
}

.works_content_box {
    margin-bottom: 70px;
}

.works_content_box span.seomun_span {
    margin-bottom: 21px;
}

.seomun_works_nav ul.nav-tabs {
    border-bottom: none;
    display: inline-flex;
}

.seomun_works_nav .works_nav_btn {
    color: #788892;
    font-size: 16px;
    border: none;
    background: transparent;
    margin-left: 20px;
    margin-right: 20px;
    cursor: pointer;
}

.seomun_works_nav .works_nav_btn:hover,
.seomun_works_nav .works_nav_btn:focus,
.seomun_works_nav .works_nav_btn.active {
    color: #ef3b58;
}

.work_box {
    margin-bottom: 30px;
}

/*
	End seomun_works section css
*/

/*
	Start seomun_counter section csss
*/
.seomun_counter_1 {
    position: relative;
    background-repeat: no-repeat;
}

.counter_text.counter_box {
    border: none;
}

.counter_text.counter_box h2 {
    color: #ffffff;
    font-size: 60px;
}

.counter_text.counter_box h2 span {
    font-size: 60px;
    color: #fff;
    font-weight: 600;
}

.counter_text.counter_box h6 {
    
    text-transform: capitalize;
}

/*
	End seomun_counter section csss
*/

/*
	Start seomun_team section css
*/

.seomun_team_1 {
    padding-top: 93px;
    padding-bottom: 80px;
}

.team_2 {
    padding-top: 112px;
    padding-bottom: 150px;
}

.team_box.team_box_1 {
    position: relative;
}

.team_box_1 .team_info {
    text-align: center;
    width: 80%;
    overflow: hidden;
    transition: all .5s;
    padding: 29px;
    height: 100px;
    background: #fff;
    position: absolute;
    max-width: 100%;
    bottom: -30px;
    left: 35px;
}

.team_box_1 .team_info .team_info_content {
    margin-top: 20px;
    opacity: 0;
    transition: all 1s;
}

.team_box_1:hover .team_info {
    height: 275px;
    box-shadow: 0px 16px 32px 0px rgba(158, 151, 255, 0.2);
}

.team_box_1:hover .team_info .team_info_content {
    opacity: 1;
}

.team_box_1 .team_info p {
    margin-bottom: 20px;
}

.team_info_content ul.social_link li {
    display: inline-block;
    margin-right: 8px;
    margin-left: 8px;
}

.team_info_content ul.social_link li a {
    color: #aab4ba;
    font-size: 14px;
}

/*
	End seomun_team section css
*/

/*
	Start seomun_service section css
*/
.seomun_service {
    margin-top: 15px;
    padding: 63px 0 80px;
}
.service_2 {
    margin-top: 15px;
    padding: 58px 0 120px;
}


.secomun_service_2 {
    padding: 105px 0 60px;
}
.service_3{
    padding: 63px 0 120px;
}
.service_text_box span.seomun_span {
    margin-bottom: 0px;
}

.service_text_box h2 {
    margin-bottom: 20px;
}

.seomun_content_box h5 {
    font-family: 'Rubik';
    font-size: 18px;
    line-height: 32px;
    font-weight: 400;
    color: #4f6777;
    margin-bottom: 25px;
}

.seomun_content_box p {
    margin-bottom: 40px;
}

/*
	End seomun_service section css
*/

/*
	Start seomun_blog section css
*/


.seomun_blog {
    padding: 74px 0 0;
}
.seomun_blog_2 {
    padding: 103px 0;
}
.seomun_blog_3 {
    padding: 115px 0 105px;
}

.blog_slide .blog_box {
    margin-left: 15px;
    margin-right: 15px;
}

.blog_slide .blog_box .post_meta ul li {
    margin-right: 25px;
}

.blog_slide .slick-dots {
    margin-top: 15px;
    position: static;
}

.blog_slide .slick-dots li {
    width: 30px;
    height: 4px;
    background: #caceff;
    transition: all .5s;
}

.blog_slide .slick-dots li.slick-active {
    background: #ef3b58;
}

/*
	End seomun_blog section css
*/

/*
	Start footer_widget section css
*/
.seomun_footer_1 {
    position: relative;
    z-index: 1;
}

.seomun_footer_1:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url(../images/shape_5.png)no-repeat;
    background-size: cover;
    z-index: -1;
}

.widget_area_1 {
    padding: 140px 0 60px;
}

.seomun_footer_1 .seomun_copyright {
    border-color: #e4dfff;
}

.seomun_footer_3 {
    background-repeat: repeat;
    position: relative;
}

.footer_title {
    margin-bottom: 40px;
}

.widget_area.widget_area_3 {
    padding: 100px 0;
}

.widget_area_3 .footer_title h4 {
    color: #fff;
}

.footer_text {
    margin-bottom: 40px;
}

.footer_info p i {
    color: #ef3b58;
}

.post_single {
    margin-bottom: 30px;
    display: flex;
}

.post_single .post_icon {
    float: left;
}

.post_single .post_icon i {
    color: #ef3b58;
}

.post_info {
    padding-left: 20px;
}

.post_info p a {
    color: #97b1c2;
}

ul.widget_list li {
    line-height: 40px;
}

ul.widget_list li a {
    color: #97b1c2;
}

.seomun_copyright {
    padding: 24px 0;
    border-top: 2px solid #172f3e;
}

@media only screen and (max-width: 1367px) {

.menusecond li, .menuseconda li {
border: none;
    width: fit-content;
    float: left;
    padding: 10px 20px;
    font-family: 'Krona One';
    color: #fff;
    font-size: 14px;
    border-right: 1px solid #fff;
}
 .industriestxt {
    font-size: 1.3em;
    text-align: center;
    padding: 20px 0;
    letter-spacing: 1px;
}
.services a {
    font-size: 10px;
}
.menucuatro div {
    margin-right: 3%;
}
.menucuatro img {
    height: 65px;
    text-align: center;
}
.menucuatro div:first-child img {
    height: 65px;
}


}


/* Mobile Layout: 360px. */
@media only screen and (max-width: 767px) {

ul.menuseconda, ul.menusecond {
  width: 100%
}

.contactus span {
    font-family: 'Syncopate Bold';
    margin: 0 15px;
    font-size: 12px;
}

.menucuatro img {
    height: 45px;
    text-align: center;
}
.menucuatro div:first-child img {
    height: 45px;
}
.services a {
    font-size: 7px;
}
.menucuatro div {
    margin-right: 3%;
    width: 45%;
}

 .industriestxt {
    font-size: 1.3em;
    text-align: center;
    padding: 20px 0;
}


.mini {
    display: none
}
.izqn {
    font-size: 100px;
    position: absolute;
    top: 30px;
    left: 10%;
    color: #fff;
}
#efectividad, #puntualidad {
    background-color: var(--azul);
    padding-top: 20%;
}
.naranja p {
    font-family: 'Vela Sans Regular';
    line-height: 1.2em; margin: 0 0 20px
}

.serv p {
    font-family: 'Vela Sans Regular';
    line-height: 1.2em;  margin: 0 0 20px
}
.serv h1 {
    font-size: 35px;
    line-height: 36px; margin: 20px 0
}

.serv h4 {
    font-size: 18px;
    font-family: 'Vela Sans Bd';
    margin: 0 0 2%;
}
.naranja h4 {
    font-size: 18px;
    font-family: 'Vela Sans Bd';
    margin: 0 0 2%;
}

.dern {
    font-size: 100px;
    position: absolute;
    top: 30px;
    right: 10%;
    color: #fff;
}


#efectividad .col-lg-6, #rapidez .col-lg-6, #puntualidad .col-lg-6, #seguimiento .col-lg-6, #efectividad .col-lg-6 img, #rapidez .col-lg-6 img, #puntualidad .col-lg-6 img, #seguimiento .col-lg-6 img {
    height: fit-content;
    margin-bottom: 20px;
}
#puntualidad  .nino, #efectividad  .nino {
  padding: 0
}


.btserv {
    position: relative;
    bottom: 0px;
}

#work h3 {
padding:0 2px;
}

 h5 {
    font-size: 13px; letter-spacing: 1px
}

.accordionContainer div:hover .accordimg   { 
opacity: 1; transition-duration: 1000ms; transform: scale(1);
}
.accordionContainer div:hover{ 
     background: var(--naranja);
    flex-grow: 10; color: #fff; 

} 

.accordionContainer div:hover:nth-child(1n){ 
    background:none;
     background-color: var(--naranja); background-size: contain;
}

.accordionContainer div:hover:nth-child(2n){ 
     background:none;
     background-color: var(--naranja); background-size: contain;}

.accordionContainer div:hover:nth-child(3n){ 
     background:none;
     background-color: var(--naranja); background-size: contain;}
.accordionContainer div:hover:nth-child(4n){ 
background:none;
     background-color: var(--naranja); background-size: contain;}
.accordionContainer div:hover:nth-child(5n){ 
 background:none;
     background-color: var(--naranja); background-size: contain;}

footer h2 {
    padding: 4% 0;
    font-size: 30px;
    line-height: 1.5em;
    letter-spacing: 1px;
}
h1 {
    font-size: 50px;
    line-height: 40px;
}

h3 {
    font-size: 25px;
}

#pie .fa-whatsapp {
    color: white;
    position: fixed;
    right: 30px;
    bottom: 90px;
}

#pie ul {
  padding: 0px
}

#efectividad ul  {
   
  
display: inline-table;
}

.menuseconda li {
    border: none;
    width: 100%;
    float: left;
    text-align: center;
    padding: 10px 0px;
    margin: 10px 0;
    font-family: 'Krona One';
    color: #fff;
    font-size: 14px;
    line-height: 1.3em;
}

.menusecond li {
    border: none;
    width: 100%;
    float: left;
    text-align: center;
        padding: 10px 0px;
    margin: 10px 0;
    font-family: 'Krona One';
    color: #fff;
    font-size: 14px;
    line-height: 1.3em;
}
.insur { display: none }

li:nth-child(1){
    border-right:none;
}
li:nth-child(2){
    border-right:none;
}
li:nth-child(3){
    border-right:none;
}
li:nth-child(4){
    border-right:none;
}


#work h5 {
       font-size: 14px;
    letter-spacing: 1px;
    padding-left: 10px;
    display: contents;
}
 h2 {
    font-size: 45px; letter-spacing: 2px
}
#aboutus h2 {
      font-size: 4em;
    letter-spacing: 2px;
    line-height: 1em;
}
#arrow {

  transform: rotate(90deg);

  /* Legacy vendor prefixes that you probably don't need... */

  /* Safari */
  -webkit-transform: rotate(90deg);

  /* Firefox */
  -moz-transform: rotate(90deg);

  /* IE */
  -ms-transform: rotate(90deg);

  /* Opera */
  -o-transform: rotate(90deg);

  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
 
.full-slider-6 .carousel-inner .carousel-item.active h2 {
    text-shadow: 5px 5px 30px #000000;
    width: 100%;
    font-size: 34px;
    padding-top: 10%;
    line-height: 1.1em;
}
.serviciotit  {
     color: #fff; position: absolute; font-size: 30px;  font-family: 'Vela Sans SemBd';  
}


.numbigizq { font-family: 'Vela Sans SemBd';
    font-size: 5em; color: #fff; position: absolute;  left: 10%
}
.numbigder {font-family: 'Vela Sans SemBd';
    font-size: 5em; color: #fff; position: absolute; right: 75%
}
.numbigtop {
top: 30%
}
.numbigbot{
top: 30%;
}
.bottit {
    bottom: 10%
}
.dertit {
 left: 10%
}
.izqtit {
 right: 10%;
}
.toptit {
   top: 75%;
}
#service {
    display: none
}


.flechader {
       width: 50px;
    height: 50px;
    position: absolute;
    left: 80%;
    top: 20px;
    opacity: 0;
    display: flex;
}

 .black:hover + .flechader {
    opacity: 1; animation: 1500ms; display: block;  
}
.black:hover + .flechaizq {
    opacity: 1;  display: block;  
}



.flechaizq {
        width: 50px;
    height: 50px;
    position: absolute;
    left: 80%;
    top: 20px;
    opacity: 0;
    display: flex;
}
.flechader img {
    width: 50px;
}
.flechaizq img {
     width: 50px;
}

h2 {
    font-size: 45px;
    line-height: 45px;
    margin-bottom: 20px
}


#work h2 {
    padding: 5% 0;
    text-align: center;
    font-size: 60px;
}

.section_padding {
    padding: 10% 0;
}


}



















 }