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

@font-face {
  font-family: 'Gilroy-Bold';
  src: url('../fonts/Gilroy-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/Gilroy-Bold.woff') format('woff'), url('../fonts/Gilroy-Bold.ttf')  format('truetype'), url('../fonts/Gilroy-Bold.svg#Gilroy-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy-Black';
  src: url('../fonts/Gilroy-Black.eot');
  src: local('☺'), url('../fonts/Gilroy-Black.woff') format('woff'), url('../fonts/Gilroy-Black.ttf') format('truetype'), url('../fonts/Gilroy-Black.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy-Medium';
  src: url('../fonts/Gilroy-Medium.eot');
  src: local('☺'), url('../fonts/Gilroy-Medium.woff') format('woff'), url('../fonts/Gilroy-Medium.ttf') format('truetype'), url('../fonts/Gilroy-Medium.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'EVO-Medium';
  src: url('../fonts/MADEEvolveSans-Medium.eot');
  src: local('☺'), url('../fonts/MADEEvolveSans-Medium.woff') format('woff'), url('../fonts/MADEEvolveSans-Medium.ttf') format('truetype'), url('../fonts/MADEEvolveSans-Medium.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'EVO-Regular';
  src: url('../fonts/MADEEvolveSans.eot');
  src: local('☺'), url('../fonts/MADEEvolveSans.woff') format('woff'), url('../fonts/MADEEvolveSans.ttf') format('truetype'), url('../fonts/MADEEvolveSans.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}




@keyframes slideInFromLeft {
  0% {
    transform: translateX(-200%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}


/* header *{
	margin:auto;
	padding:0px;
} */

/*.home-contactanos *{
	margin:auto;
	padding:0px;
}*/

html, body {
    min-height:100%;
    height:100%;
}




body {
	font-family: 'Open Sans', sans-serif;
	color:#00173A;
	font-size:16px;
	background-color:#FFF;

}



body {
  opacity: 1;
  animation-name: fadeInOpacity;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-duration: .5s;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


h1{

	font-family: 'Gilroy-Bold', sans-serif;
	color: #F48020;	
}

h2{

	font-family: 'EVO-Medium', sans-serif;

}

h3{



}

h1 span{
font-family: 'Gilroy-Bold', sans-serif;

}

a:hover{
	text-decoration: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #C9B2DE;
    margin: 1em 0;
    padding: 0; 
    opacity: .2;
}




header{
	z-index: 100;
	position: relative;

  /*background: rgba(51, 94, 119, 0.7); */
}

header.fixed-top{
  position: absolute;
} 


.bg-light {
    background-color: #fff!important;
    min-height: 5.625rem;
}


.top-nav{
  background-color: #444444;
  font-size: 1rem;
  color: #fff;
  padding: .4rem 0 .4rem 0;
}

.top-nav p{
  margin-bottom: 0;
  opacity: .8;
}

.top-nav .social a{
  color: #fff;
  opacity: .7;

  -webkit-transition: all 0.2s linear;
     -moz-transition: all 0.2s linear;
       -o-transition: all 0.2s linear;
          transition: all 0.2s linear;
}

.top-nav .social a:hover{
  color: #fff;
  opacity: 1;
}


nav p{
  margin-bottom: 0;
}

nav .social{
  font-size: 1.5rem;
  color: #00173A;
}

nav .social i{
  color: #00173A;
}

.navbar-light .navbar-nav .nav-link.tel{
  color:#E20237 ;
  font-size: 1.3rem;
}

.navbar-light .navbar-nav .nav-link {
    color: #222222;
    font-size: 1.5rem;
    font-weight: 600;
   font-family: 'Open Sans', sans-serif;
}

.navbar-collapse{
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.home{
	z-index: 1;
  position: relative;
  background-color: #335E77;
}

hr {
    border: none;
    height: 1px;
    /* Set the hr color */
    color: #fff; /* old IE */
    background-color: #fff; /* Modern Browsers */
    opacity: .1;

}



.btn-rounded{
  font-family: 'Open Sans', sans-serif;
    padding: 1.1rem 1.5rem 1rem 1.5rem;
    font-size: .875rem;    
    display: inline-block;
    line-height: 1;
    border-radius: .2rem;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 10px 50px 0 rgba(0, 0, 0, 0.20);
    color: #E20237;
    background-color: #fff;
  
  -webkit-transition: all 0.2s linear;
     -moz-transition: all 0.2s linear;
       -o-transition: all 0.2s linear;
          transition: all 0.2s linear;
}

.btn-rounded.w100{
width: 100%;
}

.btn-rounded:hover{

background-color: #212121;
color: #E20237;


}

.btn-blue {
  font-family: 'Open Sans', sans-serif;
    padding: 1rem 3rem 1rem 3rem;
    font-size: .875rem;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    line-height: 1;
    border-radius: .5rem;
    color: #fff;
    background-color: #4AD5F6;
    border-color: #4AD5F6;
    border: none;
       transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
}



.btn-blue:hover{
  background-color: #196EFC;
  color: #fff;
}

.btn-blue :hover, .btn-rounded-white:active, .btn-rounded-white:focus{
  opacity: 1;
  outline: transparent;
  border: none; 

}

.btn-blue-text{
  color: #00173A;
  transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
}

.btn-blue-text:hover{
  color: #1EC0CA;
   opacity: .8;
}

/*---------------- SLIDE --------------- */
.cover {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.owl-carousel .owl-slide {
  position: relative;
  height: 100vh;
  background-color: lightgray;
}

.owl-carousel .item {
  position: relative;
  height: 91vh;
  background-color: lightgray;
}

.owl-carousel .owl-slide-animated {
  transform: translateX(20px);
  opacity: 0;
  visibility: hidden;
  transition: all 0.05s;
}

.owl-carousel .owl-slide-animated.is-transitioned {
  transform: none;
  opacity: 1;
  visibility: visible;
  transition: all 0.5s;
}


.owl-carousel .owl-slide-title.is-transitioned {
  transition-delay: 0.2s;
}

.owl-carousel .owl-slide-subtitle.is-transitioned {
  transition-delay: 0.35s;
}

.owl-carousel .owl-slide-cta.is-transitioned {
  transition-delay: 0.5s;
}

.owl-carousel .owl-dots,
.owl-carousel .owl-nav {
  position: absolute;
}

.owl-carousel .owl-dots .owl-dot,
.owl-carousel .owl-nav [class*="owl-"]:focus {
  outline: none;
}

.owl-carousel .owl-dots .owl-dot span {
  background: transparent;
  border: 1px solid var(--main-black-color);
  transition: all 0.2s ease;
}

.owl-carousel .owl-dots .owl-dot:hover span,
.owl-carousel .owl-dots .owl-dot.active span {
  background: var(--main-black-color);
}

.owl-carousel .owl-nav {
  right: 1%;
  top: 50%;
  transform: translateX(-50%);
  margin: 0;
}

.modal-producto .owl-carousel .owl-nav {
  right: 1%;
  top : 90%; 
  transform: translateX(-50%);
  margin: 0;
}

.owl-carousel .owl-nav svg {
  opacity: 0.3;
  transition: opacity 0.3s;
}

.owl-carousel .owl-nav button:hover svg {
  opacity: 1;
}

.owl-carousel .owl-nav [class*="owl-"]:hover {
  background: transparent;
}




@media screen and (max-width: 575px) {
  .owl-carousel .owl-nav {
    top: 40%;
  }
  
  .owl-carousel .owl-nav svg {
    width: 24px;
    height: 24px;
  }
}



/*---- custom ---*/

.slide-1{
  background-image: url(../img/slide-1.jpg); 
}

.slide-2{
  background-image: url(../img/slide-2.jpg); 
}

.slide-3{
  background-image: url(../img/slide-3.jpg); 
}
.owl-theme .owl-nav [class*=owl-] {

    display: block;

}

.owl-slide-title{
  font-family: 'Open Sans', sans-serif;
  font-size:  2.375em;
  margin-bottom: .1em;
  line-height: 1.1em;
  color: #fff;

}

.owl-slide-title span{
  display: none;
}


.owl-slide-subtitle{
font-family: 'Open Sans', sans-serif;
font-size:  1em;
line-height: 1.1em;
  color: #fff;
  letter-spacing: 0.05em;
  margin-top: 1rem;
  margin-bottom: 1rem;

}

.owl-slide-text{
  margin-left: 0em;
  position: relative;
  min-height: 100vh;
}

.slide-text{
  position: absolute;
  top: 35%;
  left: .5rem;
  width: 19rem;
}

.owl-slide-section{
  font-family: 'Open Sans', sans-serif;
font-size:  .625em;
  color: #fff;
  letter-spacing: .23em;
  margin-bottom: 4em;
  top: 5em;
  position: absolute;

}


.owl-slide-section:before {
    background-color: #fff;
    content: "";
    margin-right: 1.5em;
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 2.2rem;
}

.owl-next img, .owl-prev img {
 -webkit-transition: all .25s ;
    -moz-transition: all .25s;
     -ms-transition: all .25s ;
      -o-transition: all .25s ;
         transition: all .25s ;
}

.owl-next img:hover, .owl-prev img:hover{
  opacity: .5;
}

.owl-carousel .owl-item img {
    display: inline-block;
    width: auto;
  }


.slide-item{
  position: relative;
  left: 2rem;
  padding-right: 2rem;
}

.slide-item h2{
font-family: 'Open Sans', sans-serif;
   font-size: 2em;
   padding-right: 2rem;
   line-height: 1em;
   font-weight: 700;
   color: #fff;
}

.slide-item p{
font-family: 'Open Sans', sans-serif;
   font-size: 0.875rem;
   color: #fff;
   line-height: 1.5rem;
}


.slide-item ul {
  list-style: none;
  padding: 0;
}

.slide-item ul li p{
  font-size: 1rem;
}

.slide-item .destacado{
  padding-left: .7rem;
   clip-path: polygon(0 0, 85% 0%, 80% 100%, 0% 100%);
    background-color:rgb(38, 202, 211, .8);
    margin-bottom: 2.5rem;
}


.overlay {
  position: absolute;
  top: 0;

  height: calc(100% - 39px);
  width: calc(100% - 30px);
  opacity: 0;
  
  transition: .5s ease;
  background-color: #00173A;
}

.item-desarrollo:hover .overlay, .item-desarrollo h3:hover .overlay {
  opacity: .6;
}

.hover-desarrollo {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}


/*------- SECTION ------ */

.seccion-interna{
  padding-top: 6.25rem;
  padding-bottom: 5rem;

}

.seccion-interna h2 {
  font-family: 'Open Sans', sans-serif;
  color: #444444;
  font-weight: 700;
  font-size: 2rem;
  margin-bottom: 1rem;
  overflow: hidden;
  position: relative;
}



.seccion-interna h3{
   font-family: 'Open Sans', sans-serif;
   font-weight: 600;
   background-color:#196EFC; 
   padding: .5rem 1rem .5rem 1rem;
   border-radius:2rem;
  color: #fff;
  display: inline-block;
  font-size: 1rem;
  text-transform: uppercase;
  margin-bottom: 1rem;
}


.servicios-1{
  background-color: #F6F9FE;
}

.infraestructura{
  background-color: #002D62;
}

.asesoramiento{
   background: url(../img/fnd-contacto.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top: 8rem;
  padding-bottom: 9rem

}

.infraestructura h2{
  color: #fff;
}

.infraestructura p{
  color: #fff;
  opacity: .5;
}
.list-servicios{
  margin-top: 4rem;
}

.item-servicios{
  background-color: #fff;
  box-shadow: 0px 0px 18px #E8ECF2;
  border-radius: .3rem;
  padding: 3rem 1.5rem 2rem 1.5rem;
  margin-bottom: 2rem;
  min-height: 230px;
}

.item-servicios img{
  margin-bottom: 1.5rem;
}

.item-servicios h4{
  font-size: 1rem;
  font-weight: 700;
  color: #444444;
}


.list-areas ul{
  list-style: none;
  text-decoration: none;
  padding: 0;
  margin: 0;
}

.list-areas ul li{
  font-weight: 700;
  color: #444444;
  font-size: 1.3125rem;
}

.item-infra{
  background-color: #fff;
  min-height: 300px;
  border-radius: .5rem;
  padding-top: 2rem;
}

.item-infra h3{
  color: #444444;
  background-color: #fff;
  font-size: 1rem;
  font-weight: 700;
  text-transform: initial;
  display: block;
  margin-top: 2rem;
}


.card-contacto{
  background-color: #fff;
  box-shadow: 0px 0px 18px #E8ECF2;
  border-radius: .3rem;
  padding: 3rem 2rem 3rem 2rem;
  margin-bottom: 1rem;
  min-height: 230px;
  margin-top: 3rem;
}

.card-contacto h4{
  font-size:1.25rem ;
  color:#106EEA ;
  font-weight: 700;
  margin-top: .4rem;
}

.card-contacto a{
  color: #535353;
  transition: all .3s ease;
}

.card-contacto a:hover{
  color: #106EEA;
}
.card-contacto ul{
  list-style: none;
  padding: 0;
  margin: 0;
  margin-top: 1rem;
}

.card-contacto ul li{
  color: #535353;
  font-size: 1rem;
  font-weight: 600;
  line-height: 3rem;
  border-bottom: 1px solid #707070;
}

.card-contacto ul li:last-child{

  border-bottom: none;
}


.social-buttons a{
  font-size: 1.3rem;
  color: #4AD5F6;
  transition: all .3s ease;
}

.social-buttons a:hover{
  color: #106EEA;

}

.asesoramiento h2{
   font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 1.2rem;
}

.asesoramiento .btn-blue{
  background-color: #fff;
  color: #4AD5F6;
}

.asesoramiento .btn-blue:hover{
  background-color: #4AD5F6;
  color: #fff ;
}

/*---------------------- CONTACTO---------------------*/ 



.contacto .panel-section{
  padding: 3.5em 1em;
}

.contacto h2{
  font-family: 'Gilroy-Bold', sans-serif;
  color: #212121;
  margin-bottom: 5rem;
}

.contacto .resaltado{
   font-family: 'Nexa-Bold', sans-serif;
   font-size: 1.125em;
}

form .form-control{
  color: #B2B2B2;
  font-size: 1rem;
  border: solid 1px #00173A;
  border-radius: 0;
  padding-left: .5rem;
  margin-bottom: 0;
    background-color: transparent;
}

form .form-group {
    margin-bottom: 1.5rem;
}



form .form-group label{
  font-family: 'EVO-Medium', sans-serif;
    text-transform: uppercase;
    font-size: .75rem;
}


form .form-control-file{
  font-size: .9em;
}

form .form-control:focus {
  border:none;
  box-shadow: none;
  border: solid 1px #00173A;
    background-color: transparent;
}

form .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #B2B2B2;    
    opacity: 1; /* Firefox */
}

form .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #B2B2B2;
}

form .form-control::-ms-input-placeholder { /* Microsoft Edge */
    color: #B2B2B2;
}

.location-field{
  display:none;
  }


.datos-contacto{
  color: #335E77;
}

.panel-section.datos-contacto .resaltado{
  color: #335E77;
  font-size: 1.5em;
  line-height: 1em;
}

.mail, .tel{
   font-family: 'Gilroy-Bold', sans-serif;
  color: #464749;
  font-size: 1.1em;
       transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;

}

.mail:hover{
  color: #E20237;
}

.contacto .btn-rounded{
  padding-left: 2em; padding-right: 2em;
}


.contacto-tel ul{
  padding-left: 0;
  list-style: none;
  font-size: 1.1rem;
}

.contacto-tel ul li{
  font-family: 'Gilroy-Bold', sans-serif;
  color: #464749;
}



.klou {
  opacity: .2;
position: relative;
top: .2rem;
   transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
}

.klou:hover{
  opacity: 1;
}

.home-redes i{
font-size: 2.5rem;
color: #fff;
}
.face, .insta, .youtube{
  padding-top: 5rem; padding-bottom: 5rem;
  transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
}

.face{
  background-color: #B9B9B9;

}

.face:hover{
  background-color: #4267B2;
}

.insta{
  background-color: #979797;

}

.insta:hover{
  background-color: #AF02E2;
}

.youtube{
  background-color: #828282;

}

.youtube:hover{
  background-color: #E20237;
}

footer{
  margin-top: 3rem;
  background-color: #444444;
  font-size: .75rem;
  text-transform: uppercase;
  color: #9B9B9B;
}


.btn-klou{
  color: #9B9B9B;
}

.btn-klou:hover{
  color: #fff;
}

.chat-container {
  position: fixed;
  bottom: 1em;
  right: 1em;
  z-index: 1000
}


/*// Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {

 #monopatines h2, #segways h2{
  font-size: 3.75rem;
  padding-top: 9rem;
  padding-bottom: 8rem;
}



.slide-item h2{
   font-size: 3.125em;
   line-height: 3.1rem;
   font-weight: 700;
}

.slide-item p{
   font-size: 1.375rem;
   line-height: 1.8rem;
}

.slide-item .destacado{

   clip-path: polygon(0 0, 55% 0%, 50% 100%, 0% 100%);
    background-color:rgb(38, 202, 211, .8);

}

}

/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {

  .slide-item h2{
   padding-right: 0;
}

.navbar-light .navbar-nav .nav-link {
    font-size: 1rem;
}

.navbar-expand-md .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: 1rem;
}

.navbar-light .navbar-nav .nav-link.tel{
  font-size: 1rem;
  margin-top: -.15rem;
} 

nav .social{
  font-size: 1.2rem;
}

.navbar-collapse{
  padding-top: 0rem;
  padding-bottom: 0rem;
} 

  .slide-item{
  left: 4rem;
  width: 700px;
  padding-right: 0;
}

#galeria{
  padding-top: 15rem;
  padding-bottom: 14rem;
}


.hovereffect h3 {
 font-size: 1.875rem;
}

.galeria-desarrollo-destacado{
  margin-bottom: 4rem;
}


.slide-1{
  background-image: url(../img/slide-1.jpg); 
}

.slide-2{
  background-image: url(../img/slide-2.jpg); 
}

.slide-3{
  background-image: url(../img/slide-3.jpg); 
}

}

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 

  .slide-item{
  left: 5rem;
  width: 700px;
}

.modal-lg, .modal-xl {
    max-width: 1140px;
}



.navbar-expand-md .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: 1.7rem;
}

}

/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

#galeria{
  padding-top: 20rem;
  padding-bottom: 19rem;
}



}


/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1400px) {

  .slide-item{
  left: 7rem;
  width: 700px;
}

#galeria{
  padding-top: 24rem;
  padding-bottom: 23rem;
}



}