/* =================================== */
/*	Basic Style 
/* =================================== */

@font-face{
  font-family: cocogoose pro;
  src: url(../fonts/cocogoose-pro.regular.ttf);
}
@font-face{
  font-family: Race Sport;
  src: url(../fonts/Race\ Sport.ttf);
}
*
{
   
    box-sizing: border-box;
    
}
html{
  scroll-behavior: smooth;
}

body {
    background-color: #ffffff;
    /* line-height: 1; */
	  font-size: 13px;
    
    
}
body{
  overflow-x: hidden;
}


ol, ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

figure, p {
    margin: 0;
}

a {
    -webkit-transition: all .3s ease-in 0s;
       -moz-transition: all .3s ease-in 0s;
        -ms-transition: all .3s ease-in 0s;
         -o-transition: all .3s ease-in 0s;
            transition: all .3s ease-in 0s;
}
.cocogose h2{
  font-family: "Cocogoose Pro-regular";
}

/* texto defotos al lado derecho e izquiero */
p {
  
  /* font-family: Cocogoose Pro; */
  font-size: 25px;
  text-justify: auto;
  color: black;
  text-align: justify;
 
}


/* quienes somos */
#somos p{
  font-family: Cocogoose Pro;
  font-size: 20px;
  text-justify: auto;
  color: black;
  padding-left: 20px;
  text-align: justify;

}


iframe {
    border: 0;
}

a, a:focus, a:hover {
    text-decoration: none;
    outline: 0;
}

a{
  color: #E62C2F;
  /* padding: 15px; */
  padding-right: 35px; 
  text-align: justify;
}

a:focus, a:hover {
    color: inherit;
}

h1, h2, h3,
h4, h5, h6 {
  font-family: 'Race Sport', Race Sport;
	font-weight: normal;
	margin: 0;
  color: black;
  
}

.hwhite h3,h5{
 /*  font-family: 'Race Sport', Race Sport; */
  color: #ffffff;
}

.hred h3{
  color: #E62C2F;
  text-align: center;
}

.clear:before,
.clear:after {
    content: " ";
    display: table;
    
}
 
.clear:after {
   clear: both;
  
}
 


body > section {
    padding: 30px 0;
}


.section-title h2 {
  color: #1f2021;
  font-size: 30px;
  position: relative;
  margin-bottom: 25px;
  padding-bottom: 25px;
  text-transform: uppercase;
}

.section-title h2:before {
  border-bottom: 1px solid #000000;
  bottom: 0;
  content: "";
  left: 50%;
  margin-left: -50px;
  position: absolute;
  width: 100px;
}

.section-title h2:after {
background: none repeat scroll 0 0 #fff;
border: 1px solid #1F2021;
border-radius: 25px;
bottom: -6px;
content: "";
height: 11px;
left: 50%;
margin-left: -5.5px;
position: absolute;
width: 11px;
}

.section-title p {
    line-height: 25px;
    font-weight: 300;
    font-size: 13px;
    text-align: justify;
}

.btn {
    border-radius: 0;
}

.btn:hover,
.btn:focus {
    outline: 0;
}

.btn-blue {
  background-color: #ffffff;
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  padding: 10px 35px;
}

.kill-margin {
    margin: 0 !important;
}

/*************************
*******Navigation******
**************************/

#navigation,
.navbar-brand,
.navbar-toggle,
.navbar-nav > li > a,
.search-form > #search-sub {
  -webkit-transition: all 0.6s ease;
     -moz-transition: all 0.6s ease;
      -ms-transition: all 0.6s ease;
       -o-transition: all 0.6s ease;
          transition: all 0.6s ease;
}


/* estilo de la barra de navegacion */
.animated-nav .navbar-brand {
  background-color: #ffffff;
  padding: 15px 0;
}

.animated-nav .navigation .navbar-nav > li > a {
   padding: 23px 25px; 
 
 
}

/* barra transparente */
#navigation > .container {
  background-color: #ffffff;
  width: auto;
  
}

.animated-nav#navigation > .container {
  background-color: #ffffff;
  border-bottom: none;
  
  
}

.navbar-brand {
 
  height: inherit;
  /* padding: 30px 0; */
  padding: none;
}


.navbar-brand a {
  
  display: block;
}

.navigation .navbar-nav > li > a {
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  padding: 38px 35px;
  text-transform: uppercase;

}

.navigation .navbar-nav > li.current > a {
  color: #ffffff;
  border-bottom: 5px solid #E62C2F;
}

.animated-nav .navigation .navbar-nav > li.current > a {
  color: #fff;
  border-top: 10px solid #E62C2F;
}

.navigation .navbar-nav > li > a:focus,
.navigation .navbar-nav > li > a:hover {
  background-color: transparent;
}

.search-form {
  position: relative;
}

.search-form > #search {
  width: 100%;
}

.search-form > #search {
  background-color: #E62C2F;
  height: 40px;
  border: 20 ;
  margin-top: 28px;
  width: 100%;
}

.search-form > #search-sub {
  background:  no-repeat scroll 0 0 transparent;
  border: 0 ;
  bottom: 11px;
  height: 15px;
  position: absolute;
  right: 8px;
  padding: 0;
  text-indent: -9999em;
  width: 15px;
}

.animated-nav .search-form > #search-sub {
    bottom: 22px;
}



/*************************
*******home******
**************************/

#home{
  padding: 0;
  overflow: hidden;
}

#home-carousel .carousel-inner .item {
  background-size:cover;
}


#home-carousel .data-ride{
  display: none;
}
#home-carousel .carousel-caption {
  left: 0;
  top: 0;
  z-index: 11;
  text-align: left;
}

/************************ color de cuadro en el carrusel */
.div1> div {
  
  background-color: #00000064;
  opacity: 8;  
 
  position: absolute;
  top: 1%;

  height:100%;
  width: 100%;
  justify-content: center;
  align-items: center;
  text-align: center;
  
}

.div1 h2{
  color: white;
}
.div1 h4{
  color: white;
}



/* Estilos del carousel */
#home-carousel .carousel-inner h2 {
  color: #ffffff;
  font-size: 30px;
  line-height: 50px;
  margin-bottom: 20px;
  text-shadow: none;
  text-transform: uppercase;
}

#home-carousel .carousel-inner p {
  font-family: Cocogoose Pro-regular;
  color: #FFFFFF;
  line-height: 28px;
  font-size: 13px;
  margin-top: 0;
  text-shadow:none;
  text-align: justify;
}

#nav-arrows > a {
  /* border: 1px solid #fff; */
  color: #fff;
  display: block;
  height: 50px; 
  line-height: 70px; 
  position: absolute;
  text-align: center;
  
  top: 45%;
  width: 20px;
  z-index: 20;
  margin-top: -30px;

    -webkit-transition: all 0.3s ease 0s;
       -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
         -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
}

#nav-arrows > a.sl-prev {
    left: 20px;
    padding-left: 20px;
    
}

#nav-arrows > a.sl-next {
    right: 20px;
    padding-left: 20px;
}

#nav-arrows > a.sl-next:hover {
    background-color: #ffffff00;
    border-color: #ffffff;
    color: #E62C2F;
}

#nav-arrows > a.sl-prev:hover {
  background-color: #ffffff00;
  border-color: #ffffff;
  color: #E62C2F;
}

.carousel-indicators .active {
  background-color: #ffffff;
  border: 0;
}




/*==================================== ventajas ==========================*/
.pcentro p{
  text-align: center;
  
} 
#team {
  text-align: center;
}
#team h4 {
  color: #ffffff;
  font-size: 25px;
  font-weight: bold;
}

#team p {
  font-family: Cocogoose Pro;
  font-size: 16px;
 
  color: rgb(255, 255, 255);
  text-align: center;
}



#team .col-md-3 {
  padding-top: 20px;
  padding-bottom: 20px;
}
#team .team-wrapper {
  overflow: hidden;
  position: relative;
}
#team .team-des {
  border-radius:8%;
  background-color: rgb(0, 0, 0);
  position: absolute;
  color: #ffffff;
  opacity: 0;
  max-width: 380px;
  max-height: 400px;
  width: 95%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all 0.4s ease-in-out;
  margin: 0 auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
#team .team-des:hover {
 opacity: 4;
}
#team img {
  margin: 0 auto;
}


/* sombra para seccion multi Equipo */

#team .team-des2 {
  border-radius:0%;
  background-color: rgb(0, 0, 0);
  position: absolute;
  color: #ffffff;
  opacity: 0;
  max-width: 380px;
  max-height: 400px;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all 0.4s ease-in-out;
  margin: 0 auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
#team .team-des2:hover {
 opacity: 4;
}



/* boton2 para indicar hir abajo */
.scroll_btn2 {
  scroll-behavior: smooth;
	background: url(../img/icons/scroll.gif) 50% 50% no-repeat #2d2d2dda;
	border: 2px solid #fff;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	display: block;
	height: 45px;
	margin: 42px auto;
	
	width: 45px;
	position:absolute;
	left:48.8%;
	bottom:3%;
}

.scroll_btn2:hover {
  scroll-behavior: smooth;
	background: url(../img/icons/scroll.gif) 50% 50% no-repeat #E62C2F;
	opacity: .85;
	-moz-opacity: .85;
	-o-opacity: .85;
	-webkit-opacity: .85;
	transform: scale(1.3);
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-o-transform: scale(1.3);

}

.videoinicio{
  height: 60em;
  object-fit: cover;
}
.videoinicio2{
  height: 60em;
  object-fit: cover;
}
/* espacio del recuadro del carrosusel de servicos */
.espacioserv{
  padding-top: 0px;
  margin-top:15%;
}

#positionabso{
  position:relative;
  margin-left: 7%;
  padding-left: 5%;

}
#positionabso a{
  padding-right: 0px;

}

/*****************************Objetivos****************/
.containerproducto2{
  display: flex;
  width: 75%;
  height: 45vh;
  padding: 4% 2%;
  box-sizing: border-box;
  margin-left: 12.5%;

  
}

.box6{
  flex: 1;
  overflow: hidden;
  margin: 0px;
  box-shadow: 0 20px 30px rgba(0, 0, 0, 0.288);
  line-height: 0;
  transition: all 600ms;
}

.box6 > img{
  width: 725%;

  height: calc(100% - 5vh);
 
  object-fit: cover;
  transition: all 100ms;
}

.box6:hover{
  flex: 30%;
}

.box6:hover > img{
  width: 100%;
  height: 90%;
 
}


.box7{
  flex: 1;
  overflow: hidden;
  margin: 0px;
  box-shadow: 0 20px 30px rgba(0, 0, 0, 0.288);
  line-height: 0;
  transition: all 600ms;
  width: 5%;
/* height: 50%; */

}

#somoss h4{
  text-align: center;
  color: #FFFFFF;
  
}

#scrollcirculo{
  
  background: url('../img/imgasersa/pilariconos.png') no-repeat center center;
  background-size:contain;
  height: 55em;
  width: 70em;
  margin-left: 26.3%;
  
}


/* reponsiv laptop nuevo formulario de cotizar */
@media only screen and (max-width: 1366px) {
  /* boton2 para indicar hir abajo */
 
  .breliminar{
    display: none;
  }
  /* boton para indicar hir abajo */
  .scroll_btn {
  
    scroll-behavior: smooth;
    background: url(../img/icons/scroll.gif) 50% 50% no-repeat #2d2d2dda;
    border: 2px solid #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    display: block;
    height: 45px;
    margin: 42px auto;
    
    width: 45px;
    position:absolute;
    left:49%;
    bottom:0;
  }

  .scroll_btn:hover {
    scroll-behavior: smooth;
    background: url(../img/icons/scroll.gif) 50% 50% no-repeat #E62C2F;
    opacity: .85;
    -moz-opacity: .85;
    -o-opacity: .85;
    -webkit-opacity: .85;
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);

  }


  .scroll_btn2 {

    
    left:48.4%;
    bottom:3%;
  }

  .videoinicio{
    height: 42em;
    object-fit: cover;
  }
  .videoinicio2{
    height: 52em;
    object-fit: cover;
  }
  #nav-arrows > a {

    
    top: 48%;
    width: 20px;
    z-index: 20;
    margin-top: -25px;

  }
  .espacioserv{
    padding-top: 0px;
    margin-top:13% !important;
  }

  #positionabso{
    position: relative;
    margin-left: 2%;

  }
  .floatrigh{
    float: right;
    margin-right: 7%;
    display: none;
  }

  /* nuestros pilares */
  #scrollcirculo{
  
    background: url('../img/imgasersa/pilariconos.png') no-repeat center center;
    background-size:contain;
    height: 45em;
    width: 60em;
    margin-left: 21.5%;
  }
  
} 

@media only screen and (max-width: 850px) {
  .videoinicio{
    height: 20em;
    object-fit: cover;
  }
  .videoinicio2{
    height: 20em;
    object-fit: cover;
  }
} 
@media only screen and (max-width: 1920px) {

  .floatrigh{
    
    display: none;
  }

  
} 




/*============================================================
    contador
============================================================*/

#about {
    padding-bottom: 0;

}

.about-us img {
  margin: 0 auto;
  
}

/* Counter section */

#count {
  background-color:  #E62C2F;
  padding: 5px;

}
.abs-center {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: -80px;
  margin-left: -80px;
  padding-right: -80px;
  margin-right: -80px;
  
}


.counter-section {
  background-color: #E62C2F;
  /* padding: 25px 0 40px;  */
  
  width: auto;
  height: auto;
}

.fact-item {
  color: #ffffff;
  
}

.fact-icon {
  position: relative;
  width: 50px; 
  height: 28.87px;
  background-color: #1F2021;
  margin: 14.43px auto;
}

.fact-icon:before,
.fact-icon:after {
  content: "";
  position: absolute;
  width: 0;
  left: 0;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
}

.fact-icon:before {
  bottom: 100%;
  border-bottom: 14.43px solid #1F2021;
}

.fact-icon:after {
  top: 100%;
  width: 0;
  border-top: 14.43px solid #1F2021;
}

.fact-icon > i {
  line-height: 27px;
}

.fact-item span {
  display: block;
  font-size: 50px;
  line-height: 42px;
  font-weight: 700;
  margin: 28px 0 20px;
}

.fact-item p {
  font-weight: 300;
}

.borderedondo{
  border-radius: 10%;

}
#borderedondo{
  border-radius: 7%;

}

/*=================================
    Rescate carretero
===================================*/

.rescate{
  display:flex;
  justify-content: center;
  align-items: center;
  
  min-height: 80vh;
  background-color: #ffffff00;
  transition: 0.2s;
}

.rescate::before {
  content: "";
  position: absolute;
  top: 50;
  left: 50;
  width: 100%;
  height: 100%;
  z-index: -2;
  background-color: #E62C2F;
  transition: 0.2s;
  clip-path: circle(380px at center);
}

.containerescate{
  position: relative;
  width: 600px;
  height: 400px;
}

.containerescate .cardres{
  position: absolute;
  top: calc(50%-200px);
  left: 50%;
  width: 330px;
  height: 450px;
  background: #fff;
  border-radius: 10px;
  transform: translateX(-50%) translateY(calc(50px * var(--i))) rotate(40deg) skew(-20deg,-10deg)scale(0.8);
  box-shadow: 25px 25px 100px rgb(0,0,0,0.2);
  z-index: calc(-1* var(--i));
  
  display: flex;
  justify-content: center;
  align-items: center;
 
}


.containerescate .cardres:nth-child(2) {
  opacity: 0.5;
}
.containerescate .cardres:nth-child(3) {
  opacity: 0.3;
}

.containerescate:hover .cardres{
  
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  opacity: 1;
  transform: translateX(calc(-50% + calc(440px * var(--i))))  translateY(-50%) rotate(0deg) skew(0deg,0deg) scale(1.2);
  

}
.containerescate .cardres .contentrescate{
  position: relative;
  padding: 25px;
  color: black;
  opacity: 0;
  transition: 0.5s;
  transform: translateY(50px);
}

.containerescate:hover .cardres .contentrescate{
  opacity: 1;
  transition-delay: calc(0.3s * var(--j));
  transform: translateY(0px);
 
}

/* rescate noche */
#rescate1{
  border-radius: 50%;
  margin-left: -10%;

}
#rescate2{
  border-radius: 50%;
  margin-left: 10%;
  

}

@media only screen and (max-width: 800px) {
  /* cartas blancas top */
  .containerescate .cardres{
   margin-top: 134%;
   
  }

  .containerescate:hover .cardres{
    
    position: relative;
    top: 50%;
    left: 50%;
    z-index: 1;
    opacity: 1;
    transform: translateX(calc(-50% + calc(440px * var(--i))))  translateY(-50%) rotate(0deg) skew(0deg,0deg) scale(1.2);
    
  
  }
  .containerescate .cardres .contentrescate{
    position: relative;
  
    padding: 25px;
    color: black;
    opacity: 0;
    transition: 0.5s;
    transform: translateY(50px);
  }
  /* imagenes despues centre */
  .containerescate:hover .cardres{
    align-items: center;
    text-align: center;
    justify-content: center;
    
    display: contents;


  }
  
  #toptipos{
    margin-bottom: -40% !important;

  }
  
 /* top por que elegirnos */
  .responsivporque {
      margin-top: 230% !important;
  }

  .rescate::before {
    margin-top: 280%;
    clip-path: circle(200px at center) !important;
  }
  .rescate {
    margin-top: 0% !important;
  }
  
  
  
  
} 
/* @media only screen and(max-width: 891px){
  .rescate::before
  {
      clip-path: circle(10px at center);
  }
  .containerescate{
      width: 200%;
      height: initial;
      padding: 20px;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap ;
  }
  .containerescate .cardres
  {
      position: relative;
      top:initial;
      left: initial;
      transform: initial;
      margin: 20px;
      opacity: 1 !important;
  }
  .containerescate:hover,
  .containerescate:hover .cardres{
      position: relative;
      top: initial;
      left: initial;
      transform: initial;
  }
  .containerescate .cardres.contentrescate{
      transform: initial;
      opacity: 1;

  }
  .containerescate .cardres .contentrescate{
    position: relative;
    padding: 25px;
    color: black;
    opacity: 0;
    transition: 0.5s;
    transform: translateY(50px);
  }
  
  .containerescate .cardres .contentrescate{
    opacity: 1;
    transition-delay: calc(0.3s * var(--j));
    transform: translateY(0px);
  } 
} 
 */



/*=================================
    slogan
===================================*/

#quotes {
    background-color: #1F2021;
}

.call-to-action {
    color: #fff;
    font-weight: 400;
}

.call-to-action p {
    text-align: center;
    font-family: Cocogoose Pro;
    font-size: 24px;
    line-height: 25px;
    margin-bottom: 5px;
    
}


/* ==========================================================================
pagina servicio 2 Multifuncional
========================================================================== */

#contact3 {
  background: #ffffff;
  background-size: cover;
  color: #ffffff;
 
}

#contact3 h2 {
  padding-bottom: 20px;
  color: #000000;
}
#contact3 h3 {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #000000;
}
#contact3 p{
  font-family: Cocogoose Pro;
  color: #000000;
  font-size: 17px

}
#contact3 .medium-icon {
  padding-top: 10px;
  padding-right: 10px;
}
#contact3 .contact-info div {
  
  padding-top: 14px;

}

#scrooll {
  background: #3B3B3B url('../img/imgasersa/1E5A1387.jpeg') no-repeat center center;
  background-size: cover;
  color: #ffffff;
  background-attachment: fixed;
  height: 20em;
}

#scrooll2 {
  background: url('../img/imgasersa/1E5A1476.jpeg') no-repeat center center;
  background-size: cover;
  color: #ffffff;
  background-attachment: fixed;
  height: 20em;
}

/* ==========================================================================
parte del formulario de ponerse en contacto
========================================================================== */
#contact {
  background: #3B3B3B url('../img/contact-bg.jpeg') no-repeat center center;
  background-size: cover;
  color: #ffffff;
  background-attachment: fixed;
}
#contact h2 {
  padding-bottom: 20px;
  color: #FFFFFF;
}
#contact h3 {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #FFFFFF;
}
#contact p{
  font-family: Cocogoose Pro;
  font-size: 18px;
  color: #FFFFFF;

}
#contact .medium-icon {
  padding-top: 10px;
  padding-right: 10px;
}
#contact .contact-info div {
  padding-top: 14px;
  padding-bottom: 14px;
}
#contact form {
  padding-top: 60px;
}
#contact .form-control {
  border: 2px solid #ffffff;
  border-radius: 0;
  box-shadow: none;
  margin-top: 10px;
  margin-bottom: 10px;
  transition: all 0.4s ease-in-out;
}
#contact input {
  height: 40px;
}
#contact input[type="submit"] {
  background: #E62C2F;
  border: 3px solid  #E62C2F;
  letter-spacing: 1px;
  margin-top: 18px;
  height: 50px;
  color: #ffffff;
}
#contact input[type="submit"]:hover {
  color: #000000;
}
/* ==========================================================================
parte del formulario de ponerse en contacto FIN
========================================================================== */


/* contenedores de imagenes para posicionar */

.containerx {
  
  /*height: 300px;*/
  position: relative;
 
  vertical-align: middle;
  margin-top:auto;
  margin-bottom:auto;
  
}


.centrarimagenes{
  align-items: center;
  justify-content: center;
  text-align: center;
  padding-left: 90px;
  
}


.contenedor-imagenes {
  display: flex;
  justify-content: center;
  align-items: center;

  
}

.contenedor-imagenes img:first-child {
  margin-right: 20px;
  margin-left: 20px;
}



.contenedo-imagenes {
  display: flex;
  justify-content: center;
  align-items: center;

  
}

.contenedo-imagenes img:first-child {

  padding-left: 25px;
  
}

/* espacios de la seccion de servicios entre parrafos */
.espaciodiv{
  padding-top: 75px;
  margin-top: 75px;
}
.espaciodiv2{
  padding-bottom: 75px;
  margin-bottom: 75px;
}



.espacioarriba{
  padding-top: 110px;
  margin-top: 110px;
}

.espacioarribatencio{
  padding-top: 200px;
  margin-top: 200px;
  
}
.espaciovalores{
  margin-top: 7%;
}


.espacioarrib{
  padding-top: 40px;
  margin-top: 40px;
}

/* espacio paara las marcas */
.espacioarriba2{
  padding-top: 25px;
  margin-top: 25px;
}



.espacioarriba3{
  padding-top: 15px;
  margin-top: 15px;
}

/* espacio en el footer */
.espaciodivf{
  padding-top: 20px;
  
  padding-right: 25px;
}

.espaciogracias{
  padding-top: 180px;
  
  margin-top: 95px;
}

/* para las 2 imagenes de tipos servicio */
#espacioderecha{
  padding-right: 20px;
  margin-right: 20px;

} 

#espaciohojalateria{
  margin-left: 12%;
 
}



.espaciocontador{
  padding-left: 80px;
  margin-left: 80px;
}


#somosa{
  padding-right: 20px;
  margin-right: 20px;
}

/* iconos del 1 al 5 tipos servico */
img.alineadocentro{
  vertical-align: middle;
  /* Ojo vertical-align: text-middle no existe*/
}



/* ventana de aviso de privacidad */
.ventana{
  background-color: #151414b1;
  color: aliceblue;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;

  display: none;
  position: fixed;
 

}

/******************** refaccionaria ************/
#refavid{
  
  height: 630px;
  margin-left: 25%;
  border: 4px solid #E62C2F;
  

}
#espaciorefa{
  margin-left: 0%;
  margin-right: 10%;
}


/* .vidrefa{
  border: 3px solid #E62C2F;

} */
/******************* Galeria *********************/
.fh5co-project .project-grid {
  width: 100%;
  height: 300px;
  background-size: cover;
  background-position: center center;
  position: relative;
  margin-bottom: 30px;
  display: table;
}
.fh5co-project .project-grid .desc {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 250px;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .fh5co-project .project-grid .desc {
    opacity: 1;
  }
}
.fh5co-project .project-grid .desc h3 {
  margin-bottom: 10px;
}
.fh5co-project .project-grid .desc h3 a {
  color: #fff;
}
.fh5co-project .project-grid .desc h3 a:hover, .fh5co-project .project-grid .desc h3 a:focus {
  text-decoration: none;
}
.fh5co-project .project-grid .desc span {
  font-size: 12px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.6);
  letter-spacing: 2px;
}
.fh5co-project .project-grid .desc p {
  padding: 0;
}
.fh5co-project .project-grid .desc p a {
  padding: 0;
  color: #fff;
}
.fh5co-project .project-grid .desc p a:hover, .fh5co-project .project-grid .desc p a:focus {
  text-decoration: none;
}
.fh5co-project .project-grid .desc .download, .fh5co-project .project-grid .desc .love {
  position: absolute;
  bottom: 0;
  border: 1px solid rgba(255, 255, 255, 0.5);
  padding: 7px 10px;
  line-height: 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}
.fh5co-project .project-grid .desc .download {
  left: 30px;
}
.fh5co-project .project-grid .desc .love {
  right: 30px;
  color: red;
}
.fh5co-project .project-grid:hover .desc {
  opacity: 1;
}

.fh5co-counters {
  padding: 3em 0;
  background-size: cover;
  background-attachment: fixed;
  background-position: center center;
}
.fh5co-counters .counter-wrap {
  border: 1px solid red !important;
}
.fh5co-counters .fh5co-counter {
  font-size: 44px;
  display: block;
  color: rgba(0, 0, 0, 0.7);
  font-family: "PT Sans", Arial, serif;
  width: 100%;
  font-weight: 700;
  margin-bottom: .3em;
}
.fh5co-counters .fh5co-counter-label {
  color: rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 2px;
  margin-bottom: 2em;
  display: block;
}
/******************* Galeria FIN *********************/

/* boton cerrar */
.cerrar{
  padding-left: 370px;
  margin-left: 380px;
  
  
}
.centro{
  text-align: center;
 
}


/* footer  */

*, *:before, *:after {
  box-sizing: border-box;
}

#espacioli{
  padding-right: 55px;
  margin-right: 55px;
} 


/* espacio para el footer */
#espacioliarriba3{
  padding-top: 20px;
  margin-top: 20px;
  
 
}
#espacioliarriba1{
  padding-top: 20px;
  margin-top: 20px;
 
}
#espacioliarriba2{
  padding-top: 15px;
  margin-top: 15px;
  margin-right: 85px;
  /* padding-right: 55px; */
 
}


.footer p{
 
  color: #FFFFFF;
  font-size: 15px;
  text-align: left;
}


.footer {
  display: flex;
  flex-flow: row wrap;
  color: #2f2f2f;
  background-color: #fff;
  border-top: 10px solid #ffffff;
 

}
.imgwats{
  height:25px;
  width:32px;
  margin-bottom: 7%;
}

.footer > * {
  flex:  1 100%;
} 



.footer h2{
  color: #FFFFFF;
}

.nav__title {
  font-weight: 400;
  font-size: 15px;
}

.footer address {
  font-style: normal;
  color: #999;
}

.footer ul {
  list-style: none;
  padding-left: 0;
    
}

.footer li {
  line-height: 2em;
  /* padding-top: 65px; */
}

.footer a {
  text-decoration: none;
  color: #FFFFFF;
}
.footer p{
  font-size: 15px;
  font-weight: bold;
  text-align: justify;
  text-align: center;
  padding-right: 10%;
}
#espaciologo{
  margin-left: 10%;

}
.footer__nav {
  display: flex;
  flex-flow: row wrap;
 
  
}

.footer__nav > * {
  flex: 1 50%;
  margin-right: 1.25em;
}

.nav__ul a {
  color: #999;
}


.legal {
  display: flex;
  flex-wrap: wrap;
  color: #ffffff;
  text-align: center;
  padding: 1px;
  justify-content: center;
}
.legal span {
  font-size: 15px;
  
}
  
.legal__links {
  display: flex;
  align-items: center;
}

.heart {
  color: #2f2f2f;
}



@media screen and (min-width: 24.375em) {
  .legal .legal__links {
    margin-left: auto;
  }
}

@media screen and (min-width: 40.375em) {
  .footer__nav > * {
    flex: 1;
  }
  
  .nav__item--extra {
    flex-grow: 2;
  }
  
  .footer__addr {
    flex: 1 0px;
  }
  
  .footer__nav {
    flex: 2 0px;
  }
}
 


@media only screen and (max-width:  1000px) {
  .scroll_btn {
    display: none;
  }
  .scroll_btn2 {
    display: none;
  }
  
}
/* footer celular */ /* Responsive del footer */
@media only screen and (max-width:  800px) {
  .footer img {
    width: 70%;
    text-align: center;
    justify-content: center;
    align-items: center;
    padding-left: 35px;
    margin-left: 35px;
    margin-top: 0px;
    
  }
  .espaciovalores{
    margin-top: 0%;
  }
  #espacioli{
    padding-right: 0px;
    margin-right: 0px;
  } 
  #espacioliarriba3{
    padding-top: 0px;
    margin-top: 20px;
    margin-left: -4%;
  
  }
  #espacioliarriba1{
    padding-top: 0px;
    margin-top: 20px;
    margin-left: 6%;
  
  }
 
  
  .legal p {
   
    font-size: 12px;
    padding: 0px;
  }
  #espacioliarriba2{
    padding-top: 15px;
    margin-top: 15px;
    margin-right: 1px;
    padding-right: 20px;
    text-align: center;
    justify-content:center ;
    align-items: center;
    /* padding-right: 55px; */
    padding-left: 100px;
   
  }
  #espacioliarriba2 p{
   
    
    justify-content:right ;
    
    
   
  }
  .imgwats {
    height:35px !important;
    width:35px !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0%;
  }
  #espaciologo{
    margin-left: 5%;
  
  }
  .floatrigh img{
    width: 355px;
    height: 310px;
    margin-top: 95%;
    margin-bottom: 95%;
    

  }
 
 
  
  
}





@media only screen and (max-width:  800px) {
  .footer p{
    text-align: center;
    justify-content: center;
    align-items: center;
  
  }
  #home-carousel .slider-content {
    display: none;
    /*  */
  }
  #espaciohojalateria{
    margin-left: 0%;
   
  }
  #nav-arrows  > a {
    border: 0px solid #fff; 
    color: #fff;
    left:82%;
    position:absolute;
    text-align: center;
   
    top: 50% ;
    
    /* margin-bottom: ; */

    
    width: 10px;
    z-index: 10;
   
      -webkit-transition: all 0.3s ease 0s;
         -moz-transition: all 0.3s ease 0s;
          -ms-transition: all 0.3s ease 0s;
           -o-transition: all 0.3s ease 0s;
              transition: all 0.3s ease 0s;
  }
  #nav-arrows > a.sl-next:hover {
    background-color: #ffffff00;
    border-color: #ffffff00;

  }

  #nav-arrows > a.sl-prev:hover {
    
    background-color: #ffffff00;
    border-color: #ffffff00;
  }
  /*****************************************************  OBJETIVOS */
  .containerproducto2{
    display:inline;
    width: 50%;
    height: 50vh;
    padding: 4% 2%;
    box-sizing: border-box;
    margin-left: 15%;
  
    
  }
  
  
  .box6{
    flex: 1;
    overflow: hidden;
    margin: 0px;
    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.288);
    line-height: 0;
    transition: all 600ms;
  
  }

  .box6> img{
    width: 80%;
    height: 80%;
  
   
   
  }
 
  .box6:hover  > img{
    width: 100%;
  
    height: calc(100% - 1vh);
   
    object-fit: cover;
    transition: all 300ms;
    
  }
 
  .box6 h4{
    display: none;
  }

  .box6:hover  h4{
    display:block;
    margin-top: 2%;
    margin-bottom: -5%;
  }
  #cajaa1{
   
    background-color: #000000;
  }
  #cajaa2{
   
    background-color: #2b2b2b;
  }
  #cajaa3{
    
    background-color: #4d4d4d;
  }
  #cajaa4{
  
    background-color: #828282;
  }
  #cajaa5{
  
    background-color: #bbbbbb;
  }
  #cajaa6{
  
    background-color: #d8d8d8;
  }
  
}




/* para las imagenes con puntas redondas  */
#redondo {
  
  border-radius: 2%;
 
}

#espacioderecha1{

  padding-bottom: 20px; 
}


/* son el estylo de las 3 imagnes juntas en la pagina de inicio de por que elegirnos */
.mobile img {
  float: left;
  position: relative;
  padding-right: 3%;
  padding-left: 3%;
  

  
}
.mobile2 img {
  float: right;
  position: relative;
  padding-right: 3%;
  padding-left: 3%;
}

.mobile3 img {
  
  float: center;
  position: relative;

  padding-right: 3%;
  padding-left: 3%;

}


.contenedo-imagenes2 {
  display: flex; 
  
  justify-content: center;
  align-items: center;
}

/* nuestros objetivos */
#centarseccion{
  margin-left: 20.5%;

}
.fh5co-main-service {
  margin-bottom: 2em;
  float: left;
  width: 100%;
}
.fh5co-main-service .fh5co-block-links {
  position: relative;
  display: block; 
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  color: #2e2e2e;
  margin-top: 0;
}
.fh5co-main-service .fh5co-block-links .icon-circle {
  display: table;
  background: #cecece;         
  width: 100px;
  height: 100px;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin: 0 auto;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.fh5co-main-service .fh5co-block-links .icon-circle i {
  display: table-cell;
  vertical-align: middle;
  font-size: 40px;
  color: #ffffff;
}
.fh5co-main-service .fh5co-block-links h2 {
  font-size: 24px;
  font-weight: 300;
}
.fh5co-main-service .fh5co-block-links p {
  color: #7b7b7b;
}
.fh5co-main-service .fh5co-block-links .learn-more {
  
  text-transform: uppercase;
  letter-spacing: .2em;
  font-size: 16px;
  display: inline-block;
  background: #ebebeb;
  padding: 7px 15px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  
}
.csstransitions .fh5co-main-service .fh5co-block-links:hover {
  margin-left: 0px;
  
}
.fh5co-main-service .fh5co-block-links:hover .icon-circle {
  background: #E62C2F;         
}
.csstransitions .fh5co-main-service .fh5co-block-links:hover .icon-circle {
  width: 100px;
  height: 100px;
}
.fh5co-main-service .fh5co-block-links:hover .learn-more {
  background: #d32338;         
  color: #fff;
}

.fh5co-heading {
  margin-bottom: 3em;
}


.fh5co-main-service p {
  margin-bottom: 30px;
  line-height: 2.0;
}
.fh5co-main-service h4 {
  color: #FFFFFF;
}

#medioambiente{
  margin-left: 383%;
  margin-top: 65%;
}
#cliente{
  margin-left: 415%;
  margin-top: 26%;
}
#comunidad{
  margin-left: 335%;
  margin-top:-5%;
}
#colaboradores{
  margin-left: 250%;
  margin-top: -130%;
}
#socios{
  margin-left: 285%;
  margin-top: -225%;
}



@media screen and (max-width: 768px) {
  .fh5co-heading .fh5co-heading-intro {
    font-size: 20px;
  }
  #contact3 h2{
    font-size: 25px;
  }
}


/* hacer varias partes reponsiv al celular */
@media only screen and (max-width: 800px) {
  .contenedo-imagenes2 {
   
    display:grid;
    justify-content: center;
    align-items: center;
  
    
  }
 
  
  .legal span {
    font-size: 10px;
    
  }
  
}
 

.espacioooo{
  padding-left: 5px;
  margin-left: 5px;
}

.somosderecha{
  padding-left: 30px;
  margin-left: 30px;
}

/* seccion quienes somos */
@media only screen and (max-width: 700px) {
  .espacioooo{
    padding-left: 0px;
    margin-left: 0px;
  }
  a{
    color: #E62C2F;
    padding: 15px; 
   
    text-align: justify;
    font-size: 18px;
  }
  .somosderecha{
    padding-left: 15px;
    margin-left: 15px;
    
  }
  .somosderecha a{
    font-size: 22px;
    
  }

  
  #somosa{
    padding-right: 0px;
    margin-right: 0px;
  }
  
  #somos p{
    font-size: 18px;
    justify-content: center;
  }

  
  
}


@media only screen and (max-width: 700px) {
  iframe{
    width: 500px;
    height: 500px;
  }
  
}

.centrarimagenes2{
  align-items: center;
  justify-content: center;
  text-align: center;
  
  
}

/* hacer el recuadro de aviso de privacidad mas pequeño */
@media only screen and (max-width: 800px) {
  
  .centro{
   
    justify-content: left;
    text-align: left;
    padding-left: 70px;
    margin-left: 70px;
  }
  #redes{
    margin-left: 11%;
  }
    
  
}
@media only screen and (max-width: 700px) {
  .cerrarpekeño{
    width: 20px;
    height: 20px;
    align-items: center;
    justify-content: center;
    text-align: center;
   
    
  }
  
} 

@media only screen and (max-width: 700px) {
  .cerrar{
    margin-left: 90px;
    padding-left: 90px;
    padding-top: 25px;
    margin-top: 25px;
  
  }
  #quotes {
    background-color: #1F2021;
    padding-left: 10px;
}
  
}
/* hacer el aviso de privacidad mas pequeño FIN */
@media only screen and (max-width: 700px) {
  #vent h4{
    font-size: 15px;
    
  }
  
}



.espacioresponsiv{
  padding-top: 0px;
  margin-top: 0px;
}

@media only screen and (max-width: 700px) {
  .espacioresponsiv{
   
    margin-top: 70px;
    
  }
  #quotes p {
    
    font-size: 13px;

  }
  #contact3 p{
    
    font-size: 13px
  
  }
  
}


/* espacio del recuadro del carrosusel de servicos */
@media only screen and (max-width: 1080px) {
  .div1> div {

    display: none; 
    
  }
}

/* espacio responsiv Laptop en el texto que se encuantra en el primer video de servicio  */
@media only screen and (max-width: 1920px) {
  
  /* .rescate::before {
   
    clip-path: circle(280px at center);
  } */
  #redes{
    margin-right: 10%;
  }
    
} 


/* espacio del recuadro del carrosusel de servicos FIN*/



@media only screen and (max-width: 700px) {
  .espacioserv{
    padding-top: 150px;
    margin-top: 150px;

  }
  .espacioarrib{
    padding-top: 120px;
    margin-top: 120px;
  }
    
}

@media only screen and (min-width: 1920px) {
  .espacioarrib{
    padding-top: 130px;
    margin-top: 130px;
  }
  
}

@media only screen and (max-width: 700px) {
  .alineadocentro img{
    height: 5px;
    width: 5px;

  }
    
}

@media only screen and (max-width: 700px) {
  .responsivporque{
    padding-top: 5px;
    margin-top: 5px;

  }
    
}
/* quitar una clase para poder quitar el contador estatico */
@media only screen and (max-width: 700px) {
  .abs-center{   
    display: block;
    
  }
}



/* seccion de inicio donde hay 2 imagenes a cada lado  */
@media only screen and (max-width: 600px) {
  
  #team p {  
    font-size: 12px;  
  }
 
  
}





@media only screen and (max-width: 800px) {
  #home-carousel .carousel-inner .item{
    height: 300px !important;
    
    
  }
  .espacioarribatencion {
    padding-top: 30px;
    margin-top: 30px;
   }
 
    
} 

/* responsiv pagina completa aviso de privacidad */
@media only screen and (max-width: 800px) {
  .centrarimagenes2{
    padding-left: 0px;
    justify-content: left;
    text-align: left;
    
    
  }
  .centrarimagenes{
    padding-left: 0px;
    
  }
  #medioambiente{
    margin-left: 90% !important;
    margin-top: 5% !important;
  }
  #cliente{
    margin-left: 90% !important;
    margin-top: 5% !important;
  }
  #comunidad{
    margin-left: 90% !important;
    margin-top: 5% !important;
  }
  #colaboradores{
    margin-left: 90% !important;
    margin-top: 5% !important;
  }
  #socios{
    margin-left: 90% !important;
    margin-top: 5% !important;
  }

  #positionabso{
    position:absolute;
    margin-left: 3%;
    padding-left: 3%;
  }
  #scrollcirculo{
    height: 25em;
    width: 25em;
    margin-left: 11%;
    margin-top: 43%;

  }
  .espacioscroll{
    margin-top: 30%;
  }
 
  
}

/* pagina gracias */
@media only screen and (max-width: 800px) {
  #gracias img{
    padding-left: 20px;
    margin-left: 20px; 
    width: 400px;
    height: 300px;
    padding-top: 10px;
    margin-top: 10px;
    margin-right: 80px;
    padding-right: 80px;

   
    
  }
  #gracias h2{
    font-size: 30px;
  }
  #gracias p{
    font-size: 20px;
  }

  
}



@media only screen and (max-width: 800px) {
  #navigation img{
    
    
    height:60px;
    width: 240px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-top: 1%;
  }
  
}

/* seccion quienes somos */
@media only screen and (max-width: 800px) {
  #somos h4{
    font-size: 12px;
    
  }
  #somos h2{
    font-size: 21px;
    padding-left: 15px;
    
  }
  

  
}
#somosa2{
  margin-left: 12%;
}
@media only screen and (max-width: 800px) {
  #home img{
    height: 300px;
    width: 430px;
    
  }
  .motor {
    width: 200px;
    height: 200px;
  }
  #somosa2{
    margin-left:35% ;
  }
  #somosa1{
    margin-left:9% ;
  }
  /* rescatemovil */
  #rescate1{
    width: 330px;
    height: 330px;
  
  }
  #refaimg{
    left:  1% !important;
 
  }
  #rescate2{
    width: 330px;
    height: 330px;
    margin-top: -190%;
    
  
  }
  #rescate2{
    margin-left: 10.5% !important;
  
  }
  .espacioarriba{
    padding-top: 10px;
    margin-top: 30px;
    margin-bottom: 12%;
  }
  .topimg{
    margin-top: 10%;
  }
  .espacioarribatencio{
   
    margin-top: 100%;
    
  }
  .espaciodiv{
    padding-top: 45px;
    margin-top: 0px;
  }
  
  

 

}

/************************************** flecha arriba */



/************************************************ boton watsapp */
#wsp a{
  padding-right: 0px !important;
}

#wsp{
  display: none;
}

.btn-wsp{
  position: fixed;
  width: 55px;
  height: 55px;
  line-height: 55px;
  bottom: 20px;
  right: 20px;
  /* background: #0df053 */;
  background: #E62C2F;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  font-size: 30px;
  box-shadow: 0px 1px 10px rgb(0,0,0,0.3);
  z-index: 100;
}

.btn-wsp2{
  position: fixed;
  width: 55px;
  height: 55px;
  line-height: 55px;
  bottom: 20px;
  right: 20px;
  /* background: #0df053 */;
  background: #E62C2F;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  font-size: 30px;
  box-shadow: 0px 1px 10px rgb(0,0,0,0.3);
  z-index: 100;
}


.btn-wsp:hover{
  text-decoration: none;
  color: #fff;
  background: #0df053
}
.btn-wsp2:hover{
  text-decoration: none;
  color: #fff;
  background: #0df053
}


@media only screen and (max-width: 900px) {
  #wsp a{
    padding: 0px !important;
  }

}



#pilar{
  margin-left: 3%;
}


/* tipos de servicios  */
#circuloservicio{
  
  margin-right: 4%;
  margin-top: 1%;
}


.hservicio{
  
  margin-left: -5%;
} 
.hservicio2{
  
  margin-left: -65%;
}

.hservicio3{
  
  margin-left: -25%;
}
.hservicio4{
  
  margin-left: 18%;
}



/* reponsiv laptop nuevo formulario de cotizar */
@media only screen and (max-width: 1366px) {
  /* reload  */
  
 
  
  #pilar{
    margin-left: 0%;
    margin-right: 0%;
   
  }
  /* nuestros pilares */
  .fh5co-main-service .fh5co-block-links .icon-circle {
       
    width: 65px;
    height: 65px;
 
  }
  .fh5co-main-service .fh5co-block-links .icon-circle i {
    display: table-cell;
    vertical-align: middle;
    font-size: 20px;
    color: #ffffff;
  }
  
  
  .csstransitions .fh5co-main-service .fh5co-block-links:hover .icon-circle {
    width: 65px;
    height: 65px;
  }
  .fh5co-main-service h4 {
    color: #FFFFFF;
    font-size: 12px;
  }
  
  #medioambiente{
    margin-left: 460%;
    margin-top: 95%;
  }

  #cliente{
    margin-left: 495%;
    margin-top: 40%;
  }
  #comunidad{
    margin-left: 395%;
    margin-top:-5%;
  }
  #colaboradores{
    margin-left: 300%;
    margin-top: -140%;
  }
  #socios{
    margin-left: 330%;
    margin-top: -255%;
  }

  /* Resate carretero */
  .rescate::before {
    clip-path: circle(320px at center);
  }
  
 
  
  .containerescate .cardres{
    transform: translateX(-50%) translateY(calc(50px * var(--i))) rotate(40deg) skew(-20deg,-10deg)scale(0.6);
    
  }
  
  
  .containerescate:hover .cardres{
    transform: translateX(calc(-50% + calc(370px * var(--i))))  translateY(-50%) rotate(0deg) skew(0deg,0deg) scale(1);
  
  }
  .rescate{
    margin-top: 8%;
  }
  .responsivporque{
    margin-top: 6%;
  }
  #rescate2{
  
    margin-left: 18%;
   
  
  }
  /* ASISTENCIAL VIAL 24/7 */
  .motor {
    width: 470px;
    height: 470px;
  }
  .espacioarribatencion{
    padding-top: 150px;
    margin-top: 150px;
  }
  
  #rescate1{
    border-radius: 50%;
    margin-left: 10%;
  
  }
  .espacioarribatencio{
   
    margin-right: -60px;
    margin-left: 10%;
  }
  /******************** refaccionaria ************/
  #refavid{
    
    height: 630px;
    margin-left: 1%;
    border: 4px solid #E62C2F;
  }
  #espaciorefa{
    margin-left: 0px;
    margin-right: 4%;
  }
  #refaimg{
   /*  padding-left: 4%; */
    left: 2%;

  }
  .izquiparrafo{
    margin-left: -10%;
    padding-right: 15%;
  }
  #contact3 p{
    font-size: 17px;
  }

  
} 

/* reponsiv laptop nuevo formulario de cotizar */
@media only screen and (max-width: 800px) {
  
  
 
   /***************************** tipos de servicio **************************/
  .hservicio{
  
    margin-left: 0%;
  } 
  .hservicio2{
    
    margin-left: 0%;
  }
  
  .hservicio3{
    
    margin-left: 0%;
  }
  .hservicio4{
    
    margin-left: 0%;
  }
  #leftservicio{
    margin-left: 9%;
  }
  
  .btn-wsp{
    margin-right: 15%;
  }

  .btn-wsp2{
    margin-right: 10%;
  }

  
}