@charset "UTF-8";
/* CSS Document */

:root {
  --color-naranja: #f47113;
  --color-celeste: #71cde9;
  --color-verde: #237489;
  --color-verde-oscuro:#005b76;
  --color-gris: #121212;
  --azul: #081c60;
}
h2{font-size: 1.225rem; line-height:1.65rem; font-weight:600; }
h3{font-size: 1.5rem; line-height: 1.5rem; font-weight: 600; color: #ffffff;}

/*@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');*/

#g-navigation .g-container{background: var(--color-naranja); padding: 0 5%;}
#g-navigation .g-content{padding: 10px 0; margin: 0; }
#g-navigation {border-bottom: 8px solid rgba(0, 0, 0, 0.0); background-image: url(./images/BG_border-NAV.jpg); background-repeat:repeat-y; background-size: contain; }
#g-navigation .g-main-nav{padding-top:2.5rem;}

.g-logo.g-logo-helium img, .g-logo.g-logo-helium svg{max-height: 75px;}
#g-header{padding: 0;}
#g-header:before{background: linear-gradient(90deg, #36859a, #30a6c7, #36859a 30%); opacity: 1;}
#g-header .g-content{padding: 0; margin: 0;}
/* --------     MENU    ---------   */
.g-main-nav .g-toplevel > li > .g-menu-item-container, .g-main-nav .g-sublevel > li > .g-menu-item-container{font-weight: 500; letter-spacing: 0.145em; font-size: 0.85rem;}
#g-navigation .g-main-nav .g-toplevel > li {
    margin: 0 1rem;
}

#g-intro{padding:0; background: linear-gradient(180deg, #f47113 20%, #2f9db3, #237489);}

#g-utility{padding: 0; background:url(./images/BG_clientes.jpg); background-repeat:no-repeat; background-position:center; background-size:auto; }

#logos .g-content{margin: 0 0.625rem; padding: 0.469rem;}
#logos table {border: 0px solid #ffffff00;}
.claim{font-size: 0.95rem; font-weight: 500; letter-spacing: 0.095em; opacity: 0.95;}
#logos p{margin: 0 0 1rem 0;}
#logos h1{ font-size:1.65rem; letter-spacing:0.095rem; font-weight:600; }

.uk-slidenav{background: none repeat scroll 0 0 rgba(0, 0, 0, 0); font-weight: 300; color: rgba(255, 255, 255, 1.0) !important; width: 30px!important; height: 30px!important; font-size: 30px !important;}
.uk-slidenav:focus, .uk-slidenav:hover{color: rgba(255, 255, 255, 1); background: rgba(0, 0, 0, 0.0);}
.uk-slidenav-position .uk-slidenav-next {
    right: 0px !important;
}
.uk-slidenav-position .uk-slidenav-prev {
    left: 0px !important;
}
#servicios h3{margin-left: 100px; letter-spacing: 0.095rem;}
#mod-custom114{background: #f1f8fb; max-width: 90%; border-radius: 1rem; margin: 0 auto; padding-bottom: 0.75rem;}
#SERV {margin: 0 auto; border:0px solid #000000ff; border-radius: 1.5em;}
#SERV ul {margin-top: 0;}
#SERV ul li{text-transform: uppercase; font-weight: 500; line-height: 140%; margin: 15px auto;}
#SERV td{ padding:0 3.5rem; }
#serv-2{color: #2595bf; vertical-align: top;}
#serv-1{color: #02a09b;}
#serv-3{color: #133ed1;}
#SERV h2{margin-top: 2.5rem; color: var(--color-verde-oscuro);}
#SERV a{color: #ffffff; font-weight: 500; letter-spacing: 1px; margin: 15px 25px; padding: 0.65rem 1.75rem; border-radius: 2rem; background: orange; display: inline-flex;}

#SERV{margin: 0 3rem;}
#SERV .uk-width-1-3.A{background-image: url(./images/icon-SERVICIOS-A.png); background-repeat: no-repeat; background-position: 80% 10%;}
#SERV .uk-width-1-3.B{background-image: url(./images/icon-SERVICIOS-B.png); background-repeat: no-repeat; background-position: 95% 10%;}
#SERV .uk-width-1-3.C{background-image: url(./images/icon-SERVICIOS-C.png); background-repeat: no-repeat; background-position: 80% 10%;}

#SERV .uk-width-1-1{text-align: center;}

#g-features{padding: 0;}
#about .g-content{padding: 0; margin: 0 0 1.5rem 0;}
#about .uk-overlay-background{background: rgba(255, 255, 255, 1.0);}
#about .uk-overlay-panel, #about .uk-overlay-panel h4 {color: #081c60 !important; font-size: 1.075rem; margin: 0 8%; font-weight: 500; text-align: center; letter-spacing: 1px; text-transform: uppercase;}
#about .uk-overlay-panel h4{font-size: 1.455rem; margin: 0;}

.uk-dotnav>*>*{width: 10px !important; height: 10px !important;}

#about .uk-slidenav{color: #081c60 !important;}
#about .uk-dotnav-contrast>.uk-active>*, .uk-dotnav-contrast>*>*{background-color: #081c60 !important;}

#nosotros .izq{text-align: center;}
#nosotros .der{text-align: left; font-size: 1rem; letter-spacing: 0.045em; display: inline;}
#nosotros h3{color:var(--color-naranja); font-size: 1.313rem; letter-spacing: 0.045rem;}
#nosotros h4{color:var(--color-gris); font-weight: 500; letter-spacing: 0.045rem;}
#network{line-height: 135%;}
#network p img{margin: 1.75rem 0;}
#network{background: url("./images/network_BG.png"); background-position: 16%; background-repeat: no-repeat;}
#network-mobile{display: none;}

*   --------   CONTACTO  -------  */
#g-testimonials{
  background: #ef7f0d;
  background: url("./images/BG_contacto.jpg"); 
  background-position: bottom center; 
  background-size: contain; 
  background-repeat: no-repeat;
}
#contacto .g-content{margin: 0 25%; /*background: #ffffff; padding:2.5rem 1.8rem;*/  }
#mod-visform1{ }
#contacto h3{color: #92939a; font-size: 1.188rem; font-weight: 500; letter-spacing: 0.045em; margin: 1rem 0 0 1rem; padding-top: 25px;}
#contacto .visforms h1{color: var(--azul); margin: 0rem 0 0.5rem 1rem;}
#contacto label {color: #92939a; line-height: 110%;}
#contacto input, #contacto textarea {border: 1px solid #ffffff; border-bottom: 1px solid #92939a; border-radius: 0; margin: 6px 0; }
#contacto .form-control:hover, #contacto .form-control:focus{box-shadow: 0 0 5px #3f3f3f; box-shadow:none; }
#contacto .form-group{ margin:10px 0; }
#contacto .btn-primary{background: var(--azul); border-radius: 2em; padding: 15px 25px; border: 1px solid #ffffff00;}
#contacto fieldset{margin-top:0;margin-bottom: 0;}
#g-testimonials a{color: #ffffff; }
#g-testimonials a:hover{color: var(--azul);}

#contacto .g-content .platform-content{background: #ffffff; border-radius:0 0 2rem 2rem;}
#contacto .g-content{background-image: url("./images/border-contact.png"); padding-top: 50px; background-repeat: no-repeat; background-position: 94% 0;}

/* --- #contacto .g-content{
border: 70px solid transparent;
  padding: 70px;
  border-image-repeat: round;
  border-image-slice: 10;
  border-image-source:url("./images/border-contacto.png");
  border-right: 0;
  border-bottom: none;
  border-left: none;
} ---*/ 

/* --------    SERVICIOS ------- */
#services.uk-grid{ margin:0 15px 3rem 15px; }
#services .uk-width-1-3.one{background: var(--color-naranja);}
#services .uk-width-1-3.c-activation{background: var(--color-verde);}
#services .uk-width-1-3{padding:0;}
#services .uk-width-2-3{margin-top: 2.5rem;}
#services ul li {font-size: 1.125em; letter-spacing: 0.045em; line-height: 170%; list-style-type: "> "}
#services .uk-width-2-3 ul li{list-style-type: disc; line-height: 150%; margin-right: 15%; padding-bottom: .75rem;}
#services .inner{
    padding: 1.25rem 1.25rem 0 1.25rem;
    border-radius: 1rem 1rem 0 0;
    background-image: url(./images/works-BG-800.png);
    background-repeat: no-repeat;
    background-position-y: 100%;
    padding-bottom: 65px;
    margin: 2.5rem;
    min-height: 360px;
}
#services .inner h2{font-size: 1.75rem; line-height: 2.25rem; letter-spacing: 0.025em;}
#services #lines-work{max-width: calc(100% /2.5); margin-left: 3rem;}
#services .uk-grid.ser2{ display: flex; }
#services .uk-grid.ser2 > *{order: 0;}


/* --------   TRABAJOS ------   */
#top-bread .g-content{ padding:0 1rem; margin:0 .65rem; }
#top-bread h2{color: var(--color-naranja);}

#works.uk-grid{ margin:0 15px; }
#works .uk-width-2-3{padding-left: 0;margin-top: 2.5rem;}
#works .uk-width-1-3{padding:0;}
#works .uk-width-1-3.nike-w{background: #e0ef4e;}
#works .uk-width-1-3.topper{background: #231f37;}
#works .uk-width-1-3.levite{background: #fbc100;}
#works .uk-width-1-3.nike-ar{background: #e85129;}
#works .uk-width-1-3.nike-f{background: #799965;}
#works .uk-width-1-3.ccafe{background: #1859a1;}
#works .uk-width-1-3.boca-sismo{background: #11283d;}
#works .uk-width-2-3.levite,
#works .uk-width-2-3.nike-ar{padding-right: 1rem;}
#works .uk-width-2-3.nike-f{padding-left: 1rem;}
#works .inner{
    padding: 1.25rem 1.25rem 0 1.25rem;
    border-radius: 1rem 1rem 0 0;
    background-image: url(./images/works-BG-800.png);
    background-repeat: no-repeat;
    background-position-y: 100%;
    padding-bottom: 65px;
    margin: 2.5rem;
}

#works .uk-width-1-3.edenor{background: linear-gradient(-270deg, #1d558c 0%, #4d97fa 58%, #02e700 100%);}
#works .uk-width-2-3.edenor{padding-right: 1rem;}

#works h2{color: #000000; letter-spacing: 0.045em; line-height: 130%;}
#works p{font-size: 1rem; font-weight: 500; letter-spacing: 0.065em; line-height: 1.75rem; color: #000000;}
/* ------ LINES TRABAJOS ------ */
#lines-work{
  background-color: #ffffff;
  opacity: 0.99;
  background-size: 13px 13px;
  background-image: repeating-linear-gradient(-45deg, #2d2d2d 0, #2d2d2d 1.3px, #ffffff 0, #ffffff 50%);
  border-top: 1rem solid #ffffff;
  border-bottom: 1rem solid #ffffff;
  text-align: center;
  line-height: 45px;
  color: rgba(255, 255, 255, 0);
  font-weight: 700;
}
#lines-work:before{display: none;}
/*---------- fin -------------- */

/*   --------  FOOTER   -------  */
#g-footer{background: #ffffff url(./images/BG_footer_1920.png); background-position: top right; padding: 2rem 0 3rem 0; border-bottom: 10px solid var(--color-naranja);}
#g-footer .g-totop a{font-weight: 500;}
#g-footer .g-totop { padding: 4.5rem 0 0 0;}
#g-footer .g-social a{color:#ffffff;}
#g-footer .g-social a:hover{color:var(--color-naranja);}

/* ---------  MOBILE   ---------- */
@media only all and (max-width: 30rem) {
  #g-navigation .g-container{padding: 2rem 0;}
  #SERV {margin: 0 1.25rem;}
  #SERV .uk-width-1-3, #SERV .uk-width-1-1{width: 95%;}
  #SERV .uk-width-1-3.A, #SERV .uk-width-1-3.B, #SERV .uk-width-1-3.C{background-position: 100% 10%;}

  #SERV a{margin:10px 0; padding: 10px; font-size: 0.75rem; line-height: 120%;}
  #about p{line-height: 120%;}
  #about .g-slideshow-item{ line-height:120%;  }
  #about .uk-overlay-panel{margin: 0 2%; padding: 10px 0;}

  #logos p{line-height: 125%;} 
  #nosotros h3{font-size: 0.85rem;}
  #nosotros.uk-grid{padding-left: 0; max-width: 92%; margin: 0 2%;} /*---*/
  #network-mobile{display: block;padding-left:2rem;}
  #network-mobile h4{font-weight: 600;}
  #network-mobile img{max-width: 120px;}
  #nosotros{line-height: 120%;}
  #network {display: none;}
  #network div.uk-width-1-6{width: 100%; display: inline-flex; margin: 10px 0;}

  #contacto .g-content{margin: 0 5%;}
  #contacto .col-3{width: 90%;}
  #g-footer {background-size: cover; padding-top: 7.5rem;}

  #works .uk-width-1-3, #works .uk-width-2-3{width: 100%}
  #works.uk-grid, #services.uk-grid{ margin:0 5px; }
  #g-mainbar .g-content{padding: 0; margin: 0;}
  #works .uk-width-2-3.levite, #works .uk-width-2-3.nike-ar{padding-right: 0;}
  #servicios h3, #top-bread h2{margin-left: 2rem;}
  #services .uk-width-1-3, #services .uk-width-2-3{width: 100%;}
  #g-above .g-content{margin: 0; padding: 0;}
  #services .uno{order: 2;}
  #services .dos{order: 1;}
}
/* ------- END mobile  ----- */