{margin: 0px;padding: 0px;}
html, body{font-family: 'Plus Jakarta Sans', sans-serif;font-size:15px;background:#000;color:#3b3b3b;}
 @keyframes mymove {
    50% {opacity: 0.2;}
  }
#preloader{width:100%;height:100vh;background:#fff;text-align:center;position: fixed;z-index:999;}
#preloader img{width:150px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation: mymove 2s infinite;}
.wrappersm{max-width: 800px;margin:0 auto;position:relative;}
.wrapper{max-width: 1200px;margin:0 auto;position:relative;}
.wrapperlg{max-width: 1350px;margin:0 auto;position:relative;}
.centralizado{position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
.central_vertical{position: relative;top:45%;transform: translate(0,-45%);}
.izquierda{position:absolute;left:10%;top:50%;transform: translate(-10%,-50%);}
.derecha{position:absolute;right:2%;top:50%;transform: translate(-2%,-50%);}
/*.btn{padding:10px 20px;background:transparent;font-size: 0.9rem;color:#fff;border-radius: 10px;border-image: linear-gradient(to right, #314755 0%, #05B1AF  51%, #314755  100%) 2;transition: 0.5s;}
.btn:hover{border-radius: 10px;border-image: linear-gradient(to right, #314755 0%, #05B1AF  51%, #314755  100%) 2text-decoration: none;transition: 0.5s;}
.btn-grad {background-image: linear-gradient(to right, #314755 0%, #05B1AF  31%, #314755  80%);padding: 13px 20px;transition: 0.5s;background-size: 200% auto;color: white;border-radius: 10px;font-size: 0.9rem;text-decoration: none;}
.btn-grad:hover {background-position: right center;color: #fff;}*/
.btn{padding:10px 20px;font-size: 0.9rem;border-radius: 20px;}
.btn-blue{background-color:#05B1AF;color:#fff;border:1px solid #05B1AF;transition:0.4s;}
.btn-blue:hover{background: transparent;border: 1px solid #748D98;transition:0.4s;}
.btn-transparent{background: transparent;color:#fff;border: 1px solid #fff;}
.btn-transparent:hover{background-color:#748D98;color:#fff;border:1px solid #748D98;transition:0.4s;}
.btn-gray{background-color:#748D98;color:#fff;border:1px solid #748D98;transition:0.4s;}
.btn-gray:hover{background: transparent;border: 1px solid #748D98;transition:0.4s;}
.btn-transparent-black{background: transparent;color:#000;border: 1px solid #000;}
.btn-transparent-black:hover{background-color:#748D98;color:#fff;border:1px solid #748D98;transition:0.4s;}
.link{text-decoration: none;color:#748D98;font-weight:bold;transition: 0.4s;}
.link span{margin-left:5px;transition: 0.4s;}
.link:hover span{margin-left:15px;transition: 0.4s}
hr{background:#fff;height:1px;width:30px;position:relative;}
.blue{color:#05B1AF;}#05B1AF
.bold{font-weight:bold;}
.error-text{border: 1px solid red;}
.loading{text-align:center;display:none;}
/******** MENU ***********/
header{width: 100%;height: 60px;z-index: 990;position: fixed;padding:0px 20px;}
#menu_logo img{width:120px;}
#menu{width:260px;padding:30px;background: #fff;border: 1px solid rgba(0,0,0,0);border-radius:10px;text-align:left;position: absolute;right:18px;top:15px;display: none;}
#menu ul{padding-left: 0px;}
#menu ul li{list-style: none;padding:5px 0px;}
#menu ul li a{text-decoration: none;color: #000;padding:5px 0px;font-size: 1.3rem;text-align:left;font-weight: bold;transition:0.4s;}
#menu ul li a i{transition:0.4s;}
#menu ul li a:hover i{margin-right:5px;transition:0.4s;}
#menu_btn{position: absolute;right: 20px;top:20px;}
#menu_btn div{margin:7px 0px;}
#menu_btn .line{height:3px;width:35px;background: #fff;border:1px solid rgba(75,75,75,0.7)}
#close_menu{position: absolute;right:15px;top:10px;font-size: 1.5rem;}

#main{position:relative;width:100%;height:100vh;color:#fff; background: url('../img/back_main.jpg') no-repeat center center fixed;background-size: cover;}
#main > div{position: relative;top:50%;transform: translate(0,-50%);}
#main h1{font-weight: 200;letter-spacing: .2rem;font-weight: bold;}
.main-content p{padding-top:20px;letter-spacing: 0.05rem;font-size:1.1rem;}
#main figure{position:absolute;top:-70px;right: 60px;}
#main figure img{width:150%;}

#milen{position:relative;width: 100%;height: 100vh;background:#fff;}
#img_milen img{width:400px;float: left;}
.milen_content{color:#000;text-align: justify;}
.milen_content img{width:200px;}
.milen_content h3{font-size: 1.5rem;}
.milen_content p{padding: 20px 0px;}
.btn-main{padding-top:30px;}
.btn-main a{margin:0px 5px;}
#marcas{position: absolute;bottom:0px;text-align: center;}
#marcas img{max-width: 140px;}

#servicios{width:100%;height:100vh;color:#fff;background:#191919;padding-bottom:80px;}
/*#servicios h2{text-align: center;padding-top:80px;}*/
#servicios h2{font-size:2.3rem;}
#servicios a{text-decoration: none;}
#servicios a:hover .service-content{-webkit-box-shadow: 0px 0px 27px -4px rgba(38,160,218,1);-moz-box-shadow: 0px 0px 27px -4px rgba(38,160,218,1);box-shadow: 0px 0px 27px -4px rgba(38,160,218,1);transition:0.4s;}
#servicios > div > div{padding-top:30px;}
.service-content {background:#fff;color:#000;text-align:center;padding:20px 10px 35px 10px;border-radius:10px;}
.service-content figure{width:100%;}
.service-content figure img{height:70px;}
.service-content i{padding:10px 0px;font-size:3rem;color:rgba(40,40,40,0.9);}
.service-content h3{padding: 20px 0px 20px 0px;font-size: 1.4rem;font-weight: bold;}
.service-content p{font-size:0.8rem;}
#servicios .row > div{padding-top:20px;}

#callto{width: 100%;height:100%;background:#fff;padding:80px 0px;}
.call-content{position: relative;text-align:left;margin-top:20px;}
.call-content h2{font-weight: bold;font-size: 3rem;letter-spacing: 3px;}
.call-content p{padding:15px 0px 5px 0px;}
/*#callimg{position: absolute;left:20px;top:100px;}*/
#callimg img{width:400px;}

#contacto{position:relative;width:100%;height:100%;background: url(../img/backk3.jpg)no-repeat fixed;padding:60px 0px;}
.googlemaps{position:relative;width:100%;heigth:100%;top:0;left:0;-webkit-filter: grayscale(100%);filter: grayscale(100%);height:100vh;z-index:888;}
.googlemaps iframe{border-radius:10px;margin:10px 0px;}
#form-contact{position:relative;width:600px;height:700px;background:#fff;right:0px;padding:60px;border-radius:10px;z-index:900;-webkit-box-shadow: 0px 0px 9px -3px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 9px -3px rgba(0,0,0,0.75);box-shadow: 0px 0px 9px -3px rgba(0,0,0,0.75);}
#form-contact h3{font-size:1.3rem;margin-bottom:25px;}
form input{width:100%;border:none;border-bottom:1px solid rgba(127,127,127,0.3);margin-bottom:35px;height:45px;}
form textarea{width:100%;border:none;border-bottom:1px solid rgba(127,127,127,0.3);height:65px;}
#resultsend{position:absolute;margin-top:20px;}
.btns-contact div{display:inline-block;margin-top:70px;}
.btnenviar{float:right;}
.btnredes{float: left;padding-top:5px;}
.btnredes a{margin:0px 10px;color:rgba(127,127,127,1)}
.btnredes a i{font-size:1.2rem;}
#message_contact{position:relative;top:50%;transform:translate(0,-50%);padding-left:50px;}
#message_contact h2{font-size:3.5rem;color:#fff;}
#message_contact p{color:#fff;font-size:1.2rem;padding-top:20px;}

footer{position:relative;width:100%;height:350px;margin:0 auto;text-align: center;}
footer > div{top:100px;}
.logo-footer img{width:200px;}
footer li{list-style: none;}
footer li a{text-decoration: none;color:rgba(255,255,255,0.6);}
.menu-redes{padding-top:40px;}
.menu-redes li{display:inline-block;padding:0px 10px;}
.menu-redes i{font-size:1.3rem;}
.menu-terminos li {display:inline-block;margin:0px 10px;}

#about{width:100%;height:100%;background:#fff;padding:100px 0px}
/*.text-about{position:relative;width:100%;height:100%;background:grey;}*/
#about > div{position:relative;top:20%;}
#about h1{font-size:3.4rem;}
#about figure{display: inline-block;}
#about h1 img{width:60px;display:inline-block;}
#about p{margin-top:20px;}
.img-about{padding-top:40px;}
.img-about figure{text-align:center;}
.img-about img{width:1200px;border-radius:10px;}
#milen-about p{text-align: right;}
.text-about ul li{padding:3px 0px;}

#milen-como{padding-top:50px;}
.como-content h3{padding-bottom:20px;}
.como-content h4{font-size: 1.4rem;}
.como-content figure{text-align: center;width:100%;}
.como-content img{margin-top:10px;border-radius: 10px;width: 100%;}
.btn-servicios{text-align:center;padding-top:10px;}
#call-como{padding-top:50px;font-size: 2rem;text-align: center;}
#call-como p{letter-spacing: 2.5px;}

#aviso{width:100%;height:100%;background:#fff;padding:100px 30px;text-align: justify;}
#aviso h1{padding:20px 0px;}
#aviso p{letter-spacing:0.6px;line-height:25px;}
#aviso figure{text-align: center;margin:0 auto;}
#aviso figure img{text-align: center;width:60px;}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

/*** SLIDER MARCAS *****/
@-webkit-keyframes scroll {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(calc(-250px * 7));
            transform: translateX(calc(-250px * 7));
  }
}

@keyframes scroll {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(calc(-250px * 7));
            transform: translateX(calc(-250px * 7));
  }
}
.slider {
  background: white;
  /*box-shadow: 0 10px 20px -5px rgba(0, 0, 0, .125);*/
  height: 70px;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 95%;
}
.slider::before, .slider::after {
  background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
  content: "";
  height: 70px;
  position: absolute;
  width: 200px;
  z-index: 2;
}
.slider::after {
  right: 0;
  top: 0;
  -webkit-transform: rotateZ(180deg);
          transform: rotateZ(180deg);
}
.slider::before {
  left: 0;
  top: 0;
}
.slider .slide-track {
  -webkit-animation: scroll 40s linear infinite;
          animation: scroll 40s linear infinite;
  display: flex;
  width: calc(250px * 14);
}
.slider .slide {
  height: 50px;
  width: 250px;
}

@keyframes pulse {
    from{
    
    }
    to {
        box-shadow: 0 0 0 35px #e84c3d03;
    }
}

.btnWhats {
    background: #009740;
    position: fixed;
    bottom: 40px;
    left: 40px;
    z-index: 10;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
    transition: all .5s ease;
    animation: pulse 2s infinite;
    box-shadow: 0 0 #27d367;
    text-decoration:none;
}
.btnWhats i {
    color: #fff;
    font-size: 30px;
    line-height: 30px;
    display: block;
    text-align: center;
    padding-top: 10px;
}
.btnWhats:hover {
    opacity: .5;
    transition: all .5s ease;
}