*{
  margin: 0px;
  padding: 0px;
  font-family: arial;
}
body{
  /*
  max-width: 100%;
  min-width: 100%;
  */
}
#loading{
  position: fixed;
  width: 100%;
  height: 100%;
  background: #bf0811;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 20000;
}


header .header-top{
  /*
  background-repeat: no-repeat;
   background-size: cover ;
   */
   background: rgba(255,255,255,1);
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 13%, rgba(77,104,186,1) 71%, rgba(77,104,186,1) 72%, rgba(48,50,148,1) 92%, rgba(48,50,148,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(13%, rgba(255,255,255,1)), color-stop(71%, rgba(77,104,186,1)), color-stop(72%, rgba(77,104,186,1)), color-stop(92%, rgba(48,50,148,1)), color-stop(100%, rgba(48,50,148,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 13%, rgba(77,104,186,1) 71%, rgba(77,104,186,1) 72%, rgba(48,50,148,1) 92%, rgba(48,50,148,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 13%, rgba(77,104,186,1) 71%, rgba(77,104,186,1) 72%, rgba(48,50,148,1) 92%, rgba(48,50,148,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 13%, rgba(77,104,186,1) 71%, rgba(77,104,186,1) 72%, rgba(48,50,148,1) 92%, rgba(48,50,148,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 13%, rgba(77,104,186,1) 71%, rgba(77,104,186,1) 72%, rgba(48,50,148,1) 92%, rgba(48,50,148,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#303294', GradientType=1 );
  padding-bottom: 30px;
}
.header-top-logo img{
  width: 100%;

}
.header-top-form{
  padding-top: 10px;
}
.header-top-form .input input{
  width: 100%;
  background: #9f9f9f;
  opacity: 0.5;
  border-radius: 10px;
  border: .5px solid #efefef;
  padding: 5px;
  color: #fff;
}
.header-top-form .search a{
  color: #bf0811;
}
.header-top-social{
  display: flex;
  justify-content: space-between;
}
.header-top-social div{

}
.header-top-social div a{
  text-decoration: none;
  color: #fff;
  font-size: calc(1em + 1vw);
}

.header-top-form, .header-top-social{
  margin-top: 30px;
}
.header-top-number{
  padding-top: 30px;
  font-size: calc(.5em + 1vw);
  background: #bf0811;
  width: 100%;
  color: #fff;
  text-align: center;
  padding-bottom: 10px;
  border-radius: 0 0 10px 10px;
  text-shadow: 4px 4px 4px #000;
  font-weight: 600;
}
.header-top-number a{
  text-decoration: none;
  color: #fff;
}
.header-nav{
  background: #343a40;
  background-repeat: no-repeat;
  background-size: cover;
}
nav{
  display: flex;
  justify-content: space-between;
  padding: 30px 0;

}
nav a{
  text-decoration: none;
  color: #fff;
  background: #303294;
  border-radius: 20px;
  padding: 7px 40px;
  border: 3px solid #303294;
}
nav a:hover{
  background: #bf0811;
  text-decoration: none;
  color: #fff;
}
.img-header-nav img{
  width: 100%;

}

.serve{
  width: 100%;
  padding: 20px 0;
}
.serve .serve-title{
  text-align: center;

}
.serve .serve-title h1{
  color: #303294;
   -webkit-text-stroke: 2px #fff;
  text-shadow: 4px 4px 4px #000;
  font-size: calc(3em + 3vw);
}
.serve-photos img{
  width: 100%;
}

.coverage-text{
  padding: 20px 0;
  width: 100%;
  font-size: calc(2.5em + 2.5vw);
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  color: #bf0811;
}
.coverage-text p{
  line-height:45px;
  font-weight: 900;
  -webkit-text-stroke: 2px #fff;
}

.foti-cover{
  background-repeat: no-repeat;
   background-size: cover ;
   width: 100%;
   padding: 20px;
  height: 700px;
  overflow: hidden;
}
.sn-pad{
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.foti-cover .check img{
  width: 100px;
  height: 100px;
}
.foti-cover .img-img{
  margin-top: -30px;
}
.foti-cover .img-img img{
  width: 60%;
}
.coverage-img{
  max-height: 100%;
  overflow: hidden;
}
.coverage-img-text{
  text-align: center;
  color: #FFF;
  line-height:10px;
  font-weight: 600;
  margin-top: 10px;
  font-size: calc(1em + 1vw);
}
.coverage-img-text-red{
  text-align: center;
  color: #bf0811;
  -webkit-text-stroke: 1px #fff;
  font-size: calc(1em + 1vw);
  font-weight: 600;
  line-height:10px;
  margin-top: 10px;
}
.coverage-img-text-red p{
  line-height:30px;
}
.vehicle{
  background-repeat: no-repeat;
   background-size: cover ;
   max-width: 100%;
   overflow: hidden;
}
.vehicle img{
  width: 100%;
}
.cen{
  display: flex;
  align-items: center;
}
.vehicle p{
  font-size: calc(1.5em + 1.5vw);
color: #bf0811;
-webkit-text-stroke: 1px #fff;
font-weight: 800;
}

.work{
  padding: 40px 0;
}
.work-tittle{
  text-align: center;
  color: #303294;
  -webkit-text-stroke: 1px #fff;
  font-size: calc(1.5em + 1.5vw);
  text-shadow: 6px 6px 6px #000;
}
.work-tittle h1{
  font-weight: 600;
  font-size: calc(1.8em + 1.8vw);
}
.work-tittle p{
  font-weight: 400;
}

.works img{
  width: 100%;
}
.works-line{
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.about{
  margin-bottom: 20px;
}
.about-tittle{
  display: flex;
  justify-content: center;
  align-items: center;
  /*
  background-repeat: no-repeat;
   background-size: cover ;
   */
   background: rgba(255,255,255,1);
 background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 6%, rgba(255,255,255,1) 9%, rgba(220,53,69,1) 81%, rgba(220,53,69,1) 92%, rgba(220,53,67,1) 100%);
 background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(6%, rgba(255,255,255,1)), color-stop(9%, rgba(255,255,255,1)), color-stop(81%, rgba(220,53,69,1)), color-stop(92%, rgba(220,53,69,1)), color-stop(100%, rgba(220,53,67,1)));
 background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 6%, rgba(255,255,255,1) 9%, rgba(220,53,69,1) 81%, rgba(220,53,69,1) 92%, rgba(220,53,67,1) 100%);
 background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 6%, rgba(255,255,255,1) 9%, rgba(220,53,69,1) 81%, rgba(220,53,69,1) 92%, rgba(220,53,67,1) 100%);
 background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 6%, rgba(255,255,255,1) 9%, rgba(220,53,69,1) 81%, rgba(220,53,69,1) 92%, rgba(220,53,67,1) 100%);
 background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 6%, rgba(255,255,255,1) 9%, rgba(220,53,69,1) 81%, rgba(220,53,69,1) 92%, rgba(220,53,67,1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dc3543', GradientType=1 );
   padding: 20px 0;
}
.about-tittle img{
  width: 20%;
}
.about-tittle h1{
  color: #303294;
  -webkit-text-stroke: 1px #fff;
  font-size: calc(1.5em + 1.5vw);
  text-shadow: 6px 6px 6px #000;
  font-weight: 600;
}
.about-text{
  text-align: justify;
  margin-top: 60px;
  font-weight: 200;
  font-size: calc(1em + 1vw);
}

.about-read-more{
  display: flex;
  justify-content: center;
}
.about-read-more a{
  text-decoration: none;
  color: #fff;
  background: #303294;
  border-radius: 20px;
  padding: 7px 40px;
  border: 3px solid #303294;
}

.service-tittle{
  display: flex;
  justify-content: center;
  align-items: center;
  background-repeat: no-repeat;
   background-size: cover ;
   padding: 20px 0;
}
.service-tittle h1{
  color: #bf0811;
  -webkit-text-stroke: 1px #fff;
  font-size: calc(1.5em + 1.5vw);
  text-shadow: 6px 6px 6px #000;
  font-weight: 600;
}
.service-tittle img{
  width: 20%;
}
.service-content{
  /*height: 70vh;*/
  width: 100%;
  /*
  background-repeat: no-repeat;
   background-size: cover ;
*/
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 6%, rgba(255,255,255,1) 9%, rgba(109,117,125,1) 81%, rgba(108,117,125,1) 92%, rgba(108,117,125,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(6%, rgba(255,255,255,1)), color-stop(9%, rgba(255,255,255,1)), color-stop(81%, rgba(109,117,125,1)), color-stop(92%, rgba(108,117,125,1)), color-stop(100%, rgba(108,117,125,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 6%, rgba(255,255,255,1) 9%, rgba(109,117,125,1) 81%, rgba(108,117,125,1) 92%, rgba(108,117,125,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 6%, rgba(255,255,255,1) 9%, rgba(109,117,125,1) 81%, rgba(108,117,125,1) 92%, rgba(108,117,125,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 6%, rgba(255,255,255,1) 9%, rgba(109,117,125,1) 81%, rgba(108,117,125,1) 92%, rgba(108,117,125,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 6%, rgba(255,255,255,1) 9%, rgba(109,117,125,1) 81%, rgba(108,117,125,1) 92%, rgba(108,117,125,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#6c757d', GradientType=0 );
}
.service-img img{
  width: 100%;

}
.service-cuadro{
  margin: 100px 0;
}
.service-text-img{
  width: 100%;
  font-size: calc(.5em + .5vw);
  height: 35px;
  margin-top: -35px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  opacity: 0.7;
  background: #9f9f9f;
}
footer{
  width: 100%;
}
.footer-addres{
  background: #bf0811;
  color: #fff;
  text-align: center;
  font-size: calc(1.5em + 1.5vw);
}
.footer-addres-img img{
  margin-top: -30px;
}
.footer-bottom{
  background: #000;
  text-align: center;
  color: #fff;
  padding: 10px;
  font-size: calc(0.5em + 0.5vw);
}


.tobal-menu{
  position: fixed;
  top: 10px;
  left: 10px;
  z-index: 1000;
  display: none;
}
.tobal-menu button{

  color: #fff;
  font-size: calc(1em + 1vw);
  background: #9f9f9f;
  opacity: 0.6;
  padding: 4px 10px;
  border: none;
}
.menu-responsive{
  position: fixed;
  width: 80%;
  height: 100vh;
  background: #bf0811;
  z-index: 10000;
  padding: 10px;
  display: none;
  transition: 2s;
}
.menu-responsive-social{
  display: flex;
  justify-content: space-around;

}
.menu-responsive-social a{
  text-decoration: none;
  color: #fff;
  font-size: calc(1em + 1vw);
}
.active-menu{
  display: block !important;
}
.menu-responsive .menu-responsive-menu a{
  display: block;
  width: 100%;
  text-decoration: none;
  color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  margin-bottom: 10px;
  padding-bottom: 8px;
}
.menu-responsive .close{
  display: flex;
  justify-content: flex-end;
}
.menu-responsive .close button{
  font-size: calc(1em + 1vw);
  color: #fff;
  background: none;
  border: none;
}
.menu-responsive-menu{
  margin-top: 40px;
}

/**768**/
/***********RESPONSIVE************/
@media (max-width: 574px){
  .header-top-logo img{
    max-width: 50%;
  }
  .service-cuadro{

    margin: 30px 0;
  }
  .foti-cover{
    height: auto !important;

  }
  .sn-pad{
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .coverage-img-text{
    line-height:20px;
  }
  .works-line{
    display: block;
  }
  .works-line-img{
    display: flex;
    justify-content: center;
  }
  .works-line img{
    width: 80%;
  }
  .section-contact-form{
    width: 90% !important;
  }
  .contact-title h1{
    font-size: calc(1em + 1vw) !important;
  }

}

@media (max-width: 768px){
  .menu-responsive{
    width: 60%;
  }
  .header-top{
    padding-top: 10px;
  }
  .header-nav{
    display: none;
  }
  .header-top-number{
    
    position: fixed;
    top: 0px;
    right: 10px;
    font-size: calc(1em + 1vw);
    width: 58%;
    padding-top: 10px;
    z-index: 1000;
  }

  .foti-cover{
    height: 500px;;

  }
  .coverage-img-text-red{
    line-height:20px;
  }
  .header-top-social{
    display: none;
  }
  .header-top-form{
    display: none;
  }
  .img-movil-mostrar{
    display: block !important;
  }
  .img-movil-mostrar img{
    width: 100%;
  }
  .tobal-menu{
    display: block !important;
  }
  .section-contact-form{
    width: 70% !important;
  }
}
/***************************fin responsive***********************/

#ant-zoom{
  max-width: 1920px;
}

@media (min-width: 1920px){
  body{
    background: #fff;
    width: 100%;
  }
  #ant-zoom{
    margin: 0 auto;
  }
  .coverage-text{
    font-size: calc(1em + 1vw);
  }
  .coverage-text p{
    /*line-height:45px;*/
    font-weight: 600;
  }
  .foti-cover{
    height: 800px;
  }
  .coverage-img-text{

    font-size: calc(0.5em + 0.5vw);
  }
  .coverage-img-text-red{

    font-size: calc(0.5em + 0.5vw);
  }

  
}


/*///////////////////////gallery//////////////////////*/
.gallery{
  background: #303294;
  padding: 50px 0px;
}
.gallery-flechas{
  width: 100%;
  display: flex;
  justify-content: center;
}
.gallery-flechas a{
  font-size: calc(3em + 3vw);
  text-decoration: none;
  color: #bf0811;
}
.gallery-flechas-separador{
  width: 20%;
}


/*************************ABOUT**************************/
.img-principal-about{
  width: 100%;
  height: 50vh;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;

}
.img-principal-about h1{
  color: #fff;
  font-size: calc(2em + 2vw);
  font-weight: 600;
}
.about_us-text{
  padding: 80px 0;
  text-align: justify;
}
.about_us-text p{
  font-size: calc(1em + 1vw);
}

/************************contacto************************/
.contact-img{
  width: 100%;
  height: 50vh;
  background-repeat: no-repeat;
  background-size: cover;
}
.contact_form{
  display: flex;
  justify-content: center;
}
.section-contact-form{
  width: 50%;
  padding: 30px;
  margin-top: -100px;
  background: #fff;
  margin-bottom: 100px;
}
.contact-title{
  text-align: center;
}
.contact-title h1{
  color: #bf0811;
  font-size: calc(2em + 2vw);
  font-weight: 600;
}
.contact-title span{
  color: #000!important;
}
.contact-boton{
  display: flex;
  justify-content: center;
}