/* css de modal*/
/*section h2{
	font-size: 50px;
	font-weight: 500;
	margin-bottom: 5px;

}*/
header {
  width: 100%;
  padding: 40px;
  color: white;
  text-align: center;
  background: #ffcb08;
  /*background: white;*/
  position: fixed;
  z-index: 59;
}
section p{
	margin-bottom: 15px;
}

section > img{
	height: 60%;

}
.cta{
	display: inline-block;
	padding: 7px 0;
	width: 100px;

	text-align: center;
	text-decoration: none;
	color: #283773;
	background: transparent;
}
.modal-container{
	opacity: 0;
	visibility: hidden;
	position: fixed;
	z-index: 60;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
	display: flex;
	justify-content: center;
	align-items: center;
}
.modal{
	width: 60%;
	height: 70%;
	background: #fff;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	position:relative;
	transition:transform 1s;
	transform: translateY(0%);
	border-radius: 10px;	
	/*transition: transform 1s;
	transform: translateY(-200%);*/
	/*overflow: hidden;*/
}
.close{
	position: absolute;
	top: 5px;
	right: 5px;
	display: inline-block;
	width: 25px;
	background: #c44a4a;
	color: #fff;
	line-height: 25px;
	cursor: pointer;
	 border-radius: 50%;
}

.modal-close{
	transform: translateY(-200%);
}
.modal>img{
	height: 90%;
}

/* fin css modal */
.btn-logotecnicar{
  display: block;
  width: 20%; 
  height: 10%;  
  color:#fff;
  position: fixed;
  /*right: 25%;*/
  left: 1%;
  bottom:40px;
  border-radius:50%;
  line-height:80px;
  text-align:center;
  z-index: 50;
  top: 1.5%;
}
.btn-marcopolo{
  display: block;
  width: 20%; 
  height: 8%;  
  color:#fff;
  position: fixed;
  /*right: 25%;*/
  left: 16%;
  bottom:40px;
  border-radius:50%;
  line-height:80px;
  text-align:center;
  z-index: 48;
  top: 1.9%;
}
.btn-logotecnicaranime{
  display: block;
  width: 20%; 
  height: 10%;  
  color:#fff;
  position: fixed;
  /*right: 25%;*/
  left: 65%;
  bottom:40px;
  border-radius:50%;
  line-height:80px;
  text-align:center;
  z-index: 49;
  top: 0.1%;
}
btn-logotecnicar .ocultador{
  display: none;
 
}

/* css del menu */
  
.topnav {
  background-color: #333;
  overflow: hidden;
  position: fixed;
  width: 100%;    
  top: 80px;
  z-index: 41;
}

/* Style the links inside the navigation bar */
.topnav a {
 
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

/* Add an active class to highlight the current page */
.active {
  background-color: #e8df22;
  color: black;    
  
}
.topnav .textocolor a{
    color: black;
}
.topnav a .active
{
    color: black;
}



/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
  display: none;
}

/* Dropdown container - needed to position the dropdown content */
.dropdown {
  float: left;
  overflow: hidden;
  position: relative;
  
}

/* Style the dropdown button to fit inside the topnav */
.dropdown .dropbtn {
  font-size: 17px;
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

/* Style the dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: fixed;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 43;
}

/* Style the links inside the dropdown */
.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* Add a dark background on topnav links and the dropdown button on hover */
.topnav a:hover, .dropdown:hover .dropbtn {
  background-color: #555;
  color: white;
  display: block;
}

/* Add a grey background to dropdown links on hover */
.dropdown-content a:hover {
  background-color: #ddd;
  color: black;
  display: block;
}

/* Show the dropdown menu when the user moves the mouse over the dropdown button */
.dropdown:hover .dropdown-content {
  display: block;
}

/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 600px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
}
/*  css de marcopolo */
@media screen and (max-width: 1100px) {
  .btn-marcopolo{
    display: none;
  }
}
/*  fin marcopolo */

/*  fin del css del menu*/


/* scc del slider */
.main{
  padding-top: 12rem;
  z-index: 40;
}
.contenedor{
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 40; 
  
}
.slider-contenedor{
  width: 100%;
  display: flex;
    
  
}

.contenido-slider
{
  position: relative;  
  width: 100%;  
  height: 600px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-shrink: 0;
  background: no-repeat center/100% url("../img/mecanica.jpg");  
}
.contenido-slider:nth-child(1){
  background: no-repeat center/100% url("../img/mecanica.jpg");
}
.contenido-slider:nth-child(2){
  background: no-repeat center/100% url("../img/cambioaceite.jpg");
}
.contenido-slider:nth-child(3){
  background:no-repeat center/100% url("../img/lavado.jpg");
}

.contenido-slider > img
{
  width: 400px;
}
.contenido-slider > div
{
  width: 40%;
}
.contenido-slider h2
{
  font-weight: 300;
  text-align: justify;
  line-height: 30px;
  color: #fff;

}
.contenido-slider a
{
  color:#fff;
  background: #332863;
  width: 100px;
  display: block;
  padding: 15px 0;
  text-align: center;
  border-radius: 3px;
  margin-top: 20px;
  text-decoration: none;
}
/* ***** */
.btn-whatsapp {
  display:block;
  width:70px;
  height:70px;
  color:#fff;
  position: fixed;
  right:20px;
  bottom:20px;
  border-radius:50%;
  line-height:80px;
  text-align:center;
  z-index:999;
}
.btn-whatsapp:hover{
  transform: scale(1.1);
  transition: 0.3s;
}



@media screen and (max-width:900px){
  .contenido-slider > img{
      width: 30px;
  }

  .contenido-slider > div{
      width: 20%;
  }

  .contenido-slider h2{
      font-size: 23px;
  }
}


@media screen and (max-width:600px){
  .contenido-slider{
     flex-direction: column-reverse;
     width: 100%;
     
     
  }

  .contenido-slider > div{
      width: 70%;      
      
  }
  .contenido-slider h2{
    font-size: 14px;
    text-align: justify;
    line-height: 20px;
}

}

/* css footes*/
@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap');
*{
  margin: 0;
  padding: 0;
  color: #d9d9d9;
  
  box-sizing: border-box;
  font-family: 'Poppins', sans-serif;
}
.content1{
  position: relative;
  margin: 13px auto;
  text-align: center;
  padding: 0 20px;
  
}
.content1 .text{
  font-size: 2.5rem;
  font-weight: 600;
  color: #202020;
}
.content1 .p{
  font-size: 2.1875rem;
  font-weight: 600;
  color: #202020;
}
footer{
  position: relative;
  bottom: 0px;
  width: 100%;
  background: #111;
  
}
.main-content{
  display: flex;
}
.main-content .box{
  flex-basis: 50%;
  padding: 10px 20px;
}
.box h2{
  font-size: 1.125rem;
  font-weight: 600;
  text-transform: uppercase;
}
.box .content{
  margin: 20px 0 0 0;
  position: relative;
}
.box .content:before{
  position: absolute;
  content: '';
  top: -10px;
  height: 2px;
  width: 100%;
  background: #1a1a1a;
}
.box .content:after{
  position: absolute;
  content: '';
  height: 2px;
  width: 15%;
  background: #f12020;
  top: -10px;
}
.left .content p{
  text-align: justify;
}
.left .content .social{
  margin: 20px 0 0 0;
}
.left .content .social a{
  padding: 0 2px;
}
.left .content .social a span{
  height: 40px;
  width: 40px;
  background: #1a1a1a;
  line-height: 40px;
  text-align: center;
  font-size: 18px;
  border-radius: 5px;
  transition: 0.3s;
}
.left .content .social a span:hover{
  background: #f12020;
}
.center .content .fas{
  font-size: 1.4375rem;
  background: #1a1a1a;
  height: 45px;
  width: 45px;
  line-height: 45px;
  text-align: center;
  border-radius: 50%;
  transition: 0.3s;
  cursor: pointer;
}
.center .content .fas:hover{
  background: #f12020;
}
.center .content .text{
  font-size: 1.0625rem;
  font-weight: 500;
  padding-left: 10px;
}
.center .content .phone{
  margin: 15px 0;
}
.right form .text{
  font-size: 1.0625rem;
  margin-bottom: 2px;
  color: #656565;
}
.right form .msg{
  margin-top: 10px;
}
.right form input, .right form textarea{
  width: 100%;
  font-size: 1.0625rem;
  background: #151515;
  padding-left: 10px;
  border: 1px solid #222222;
}
.right form input:focus,
.right form textarea:focus{
  outline-color: #3498db;
}
.right form input{
  height: 35px;
}
.right form .btn{
  margin-top: 10px;
}
.right form .btn button{
  height: 40px;
  width: 100%;
  border: none;
  outline: none;
  background: #f12020;
  font-size: 1.0625rem;
  font-weight: 500;
  cursor: pointer;
  transition: .3s;
}
.right form .btn button:hover{
  background: #000;
}
.bottom center{
  padding: 5px;
  font-size: 0.9375rem;
  background: #151515;
}
.bottom center span{
  color: #656565;
}
.bottom center a{
  color: #f12020;
  text-decoration: none;
}
.bottom center a:hover{
  text-decoration: underline;
}
@media screen and (max-width: 900px) {
  footer{
    position: relative;
    bottom: 0px;
  }
  .main-content{
    flex-wrap: wrap;
    flex-direction: column;
  }
  .main-content .box{
    margin: 5px 0;
  }
}

/* css de los contenidos de la pagina */
.contenedorinfo{
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 40; 
  
}
.slider-contenedorinfo{
  width: 100%;
  display: flex;
    
  
}

.contenido-sliderinfo
{
  position: relative;  
  width: 100%;  
  height: 600px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-shrink: 0;
  background: no-repeat center/100% url("../img/mecanicaservices.jpg");  
}

.contenido-sliderinfo > img
{
  width: 400px;
}
.contenido-sliderinfo > div
{
  width: 40%;
}


.contenido-sliderinfo  h2
{
  font-weight: 300;
  text-align: center;
  line-height: 30px;
  color: black ;
  font-style: italic;
  border-style: solid;
  background: white;
  border-color:white;
  border-width: 4px;   
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  font-family: "Segoe IU", sans-serif;  
}
.contenido-sliderinfo  h3
{
  font-weight: 300;
  text-align: center;
  line-height: 30px;
  color: #576b6b;
  border-style: solid;
  background: white;
  border-color:white;
  border-width: 4px;
  border-top-left-radius: 1px;
  border-top-right-radius: 1px;
  font: oblique bold 120% cursive; 
}
.contenido-sliderinfo a
{
  color:#fff;
  background: #332863;
  width: 100px;
  display: block;
  padding: 15px 0;
  text-align: center;
  border-radius: 3px;
  margin-top: 20px;
  text-decoration: none;
}

@media screen and (max-width:900px){
  .contenido-sliderinfo{
    flex-direction: column-reverse;
    width: 120%;
    background: white
  }
  .contenido-sliderinfo > img{
      width: 50%;
      background: white
  }

  .contenido-sliderinfo > div{
      width: 40%;
      
  }

  .contenido-sliderinfo h2{
      font-size: 23px;
  }
}


@media screen and (max-width:600px){
  .contenido-sliderinfo{
     flex-direction: column-reverse;
     width: 80%;
     background: white
     
     
  }

  .contenido-sliderinfo > div{
      width: 70%;      
      
  }
  .contenido-sliderinfo h2{
    font-size: 14px;
    text-align: justify;
    line-height: 20px;
}

}

/* ***** */

/* css de aceite * */
/* css de los contenidos de la pagina */
.contenedoraceite{
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 40; 
  
}
.slider-contenedoraceite{
  width: 100%;
  display: flex;
    
  
}

.contenido-slideraceite
{
  position: relative;  
  width: 100%;  
  height: 600px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-shrink: 0;
  background: no-repeat center/100% url("../img/cambioaceite.jpg");  
}

.contenido-slideraceite > img
{
  width: 400px;
}
.contenido-slideraceite > div
{
  width: 40%;
}

.contenido-slideraceite  h2
{
  font-weight: 300;
  text-align: center;
  line-height: 30px;
  color: whitesmoke ;  
    background: transparent;
    font-family: "Segoe IU", sans-serif;  
}
.contenido-slideraceite  h3
{
  font-weight: 300;
  text-align: center;
  line-height: 30px;
  color: whitesmoke;  
  background: transparent;  
  font: oblique bold 120%; 
}

.contenido-slideraceite a
{
  color:#fff;
  background: #332863;
  width: 100px;
  display: block;
  padding: 15px 0;
  text-align: center;
  border-radius: 3px;
  margin-top: 20px;
  text-decoration: none;
}

@media screen and (max-width:900px){
  .contenido-slideraceite{
    flex-direction: column-reverse;
    width: 120%;
    background: white
  }
  .contenido-slideraceite > img{
      width: 50%;
      background: white
  }

  .contenido-slideraceite > div{
      width: 40%;
      
  }

  .contenido-slideraceite h2{
      font-size: 23px;
      color: black;
  }
  .contenido-slideraceite h3{
    font-size: 19px;
    color: black;
}
}


@media screen and (max-width:600px){
  .contenido-slideraceite{
     flex-direction: column-reverse;
     width: 80%;
     background: white
     
     
  }

  .contenido-slideraceite > div{
      width: 70%;      
      
  }
  .contenido-slideraceite h2{
    font-size: 14px;
    text-align: justify;
    line-height: 20px;
}
.contenido-slideraceite h3{
  font-size: 10px;
  text-align: justify;
  line-height: 20px;
}

}
/* css de bimensual* */
/* css de los contenidos de la pagina */
.contenedorbimensual{
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 40; 
  
}
.slider-contenedorbimensual{
  width: 100%;
  display: flex;
    
  
}

.contenido-sliderbimensual
{
  position: relative;  
  width: 100%;  
  height: 600px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-shrink: 0;
  background: no-repeat center/100% url("../img/bimensual.jpg");  
}

.contenido-sliderbimensual > img
{
  width: 400px;
}
.contenido-sliderbimensual > div
{
  width: 40%;
}

.contenido-sliderbimensual  h2
{
  font-weight: 300;
  text-align: center;
  line-height: 30px;
  color: whitesmoke ;  
    background: transparent;
    font-family: "Segoe IU", sans-serif;  
}
.contenido-sliderbimensual  h3
{
  font-weight: 300;
  text-align: center;
  line-height: 30px;
  color: whitesmoke;  
  background: transparent;  
  font: oblique bold 120%; 
}

.contenido-sliderbimensual a
{
  color:#fff;
  background: #332863;
  width: 100px;
  display: block;
  padding: 15px 0;
  text-align: center;
  border-radius: 3px;
  margin-top: 20px;
  text-decoration: none;
}

@media screen and (max-width:900px){
  .contenido-sliderbimensual{
    flex-direction: column-reverse;
    width: 120%;
    background: white
  }
  .contenido-sliderbimensual > img{
      width: 50%;
      background: white
  }

  .contenido-sliderbimensual > div{
      width: 40%;
      
  }

  .contenido-sliderbimensual h2{
      font-size: 23px;
      color: black;
  }
  .contenido-sliderbimensual h3{
    font-size: 19px;
    color: black;
}
}


@media screen and (max-width:600px){
  .contenido-sliderbimensual{
     flex-direction: column-reverse;
     width: 80%;
     background: white
     
     
  }

  .contenido-sliderbimensual > div{
      width: 70%;      
      
  }
  .contenido-sliderbimensual h2{
    font-size: 14px;
    text-align: justify;
    line-height: 20px;
}
.contenido-sliderbimensual h3{
  font-size: 10px;
  text-align: justify;
  line-height: 20px;
}

}
/* *** */
/* *** */
/* css de lavado * */
/* css de los contenidos de la pagina */
.contenedorlavado{
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 40; 
  
}
.slider-contenedorlavado{
  width: 100%;
  display: flex;
    
  
}

.contenido-sliderlavado
{
  position: relative;  
  width: 100%;  
  height: 600px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-shrink: 0;
  background: no-repeat center/100% url("../img/lavadov.jpg");  
}

.contenido-sliderlavado > img
{
  width: 400px;
}
.contenido-sliderlavado > div
{
  width: 40%;
}


.contenido-sliderlavado h2
{
  font-weight: 300;
  text-align: center;
  line-height: 30px;
  color: white ;    
  font-family: "Segoe IU", sans-serif;  
}
.contenido-sliderlavado h3
{
  font-weight: 300;
  text-align: center;
  line-height: 30px;
  color: white;
  
  font: oblique bold 120%; 
}
.contenido-sliderlavado a
{
  color:#fff;
  background: #332863;
  width: 100px;
  display: block;
  padding: 15px 0;
  text-align: center;
  border-radius: 3px;
  margin-top: 20px;
  text-decoration: none;
}

@media screen and (max-width:900px){
  .contenido-sliderlavado{
    flex-direction: column-reverse;
    width: 120%;
    background: white
  }
  .contenido-sliderlavado > img{
      width: 50%;
      background: white
  }

  .contenido-sliderlavado > div{
      width: 40%;
      
  }

  .contenido-sliderlavado h2{
      font-size: 23px;
      color: black;
  }
  .contenido-sliderlavado h3{
    font-size: 20px;
    color: black;
}
}


@media screen and (max-width:600px){
  .contenido-sliderlavado{
     flex-direction: column-reverse;
     width: 80%;
     background: white
     
     
  }

  .contenido-sliderlavado > div{
      width: 70%;      
      
  }
  .contenido-sliderlavado h2{
    font-size: 14px;
    text-align: justify;
    line-height: 20px;
}
.contenido-sliderlavado h2{
  font-size: 12px;
  text-align: justify;
  line-height: 20px;
}

}

/* css de carrocería * */
/* css de los contenidos de la pagina */
.contenedorcarroceria{
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 40; 
  
}
.slider-contenedorcarroceria{
  width: 100%;
  display: flex;
    
  
}

.contenido-slidercarroceria
{
  position: relative;  
  width: 100%;  
  height: 600px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-shrink: 0;
  background: no-repeat center/100% url("../img/carroceria.jpg");  
}

.contenido-slidercarroceria > img
{
  width: 400px;
}
.contenido-slidercarroceria > div
{
  width: 40%;
}
.contenido-slidercarroceria  h2
{
  font-weight: 300;
  text-align: center;
  line-height: 30px;
  color: white ;   
  font-family: "Segoe IU", sans-serif;  
}
.contenido-slidercarroceria  h3
{
  font-weight: 300;
  text-align: center;
  line-height: 30px;
  color: white;  
  font: oblique bold 120% ; 
}
.contenido-slidercarroceria a
{
  color:#fff;
  background: #332863;
  width: 100px;
  display: block;
  padding: 15px 0;
  text-align: center;
  border-radius: 3px;
  margin-top: 20px;
  text-decoration: none;
}

@media screen and (max-width:900px){
  .contenido-slidercarroceria{
    flex-direction: column-reverse;
    width: 120%;
    background: white
  }
  .contenido-slidercarroceria > img{
      width: 50%;
      background: white
  }

  .contenido-slidercarroceria > div{
      width: 40%;
      
  }

  .contenido-slidercarroceria h2{
      font-size: 23px;
      color: black;
  }
  .contenido-slidercarroceria h3{
    font-size: 23px;
    color: black;
}
}


@media screen and (max-width:600px){
  .contenido-slidercarroceria{
     flex-direction: column-reverse;
     width: 80%;
     background: white
     
     
  }

  .contenido-slidercarroceria > div{
      width: 70%;      
      
  }
  .contenido-slidercarroceria h2{
    font-size: 14px;
    text-align: justify;
    line-height: 20px;
    
}
.contenido-slidercarroceria h3{
  font-size: 12px;
  text-align: justify;
  line-height: 20px;
}

}

/* css de repuestos * */
/* css de los contenidos de la pagina */
.contenedorrepuestos{
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 40; 
  
}
.slider-contenedorrepuestos{
  width: 100%;
  display: flex;
    
  
}

.contenido-sliderrepuestos
{
  position: relative;  
  width: 100%;  
  height: 600px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-shrink: 0;
  background: no-repeat center/100% url("../img/repuestos.jpg");  
}

.contenido-sliderrepuestos > img
{
  width: 400px;
}
.contenido-sliderrepuestos > div
{
  width: 40%;
}
.contenido-sliderrepuestos h2
{
  font-weight: 300;
  text-align: center;
  line-height: 30px;
  color: whitesmoke ;
  font-style: italic;
  /*border-style: */
  background: transparent;
  /*border-color:white;
  border-width: 4px;   
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;*/
  font-family: "Segoe IU", sans-serif;  
}
.contenido-sliderrepuestos h3
{
  font-weight: 300;
  text-align: center;
  line-height: 30px;
  color: whitesmoke;
  
  background: transparent;
 
  
  /*font: oblique bold 120% cursive;  */
}
.contenido-sliderrepuestos a
{
  color:#fff;
  background: #332863;
  width: 100px;
  display: block;
  padding: 15px 0;
  text-align: center;
  border-radius: 3px;
  margin-top: 20px;
  text-decoration: none;
}

@media screen and (max-width:900px){
  .contenido-sliderrepuestos{
    flex-direction: column-reverse;
    width: 120%;
    background: white
  }
  .contenido-sliderrepuestos > img{
      width: 50%;
      background: white
  }

  .contenido-sliderrepuestos > div{
      width: 40%;
      
  }

  .contenido-sliderrepuestos h2{
      font-size: 23px;
  }
}


@media screen and (max-width:600px){
  .contenido-sliderrepuestos{
     flex-direction: column-reverse;
     width: 80%;
     background: white
     
     
  }

  .contenido-sliderrepuestos > div{
      width: 70%;      
      
  }
  .contenido-sliderrepuestos h2{
    font-size: 14px;
    text-align: justify;
    line-height: 20px;
}

}

/* css de soat * */
/* css de los contenidos de la pagina */
.contenedorsoat{
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 40; 
  
}
.slider-contenedorsoat{
  width: 100%;
  display: flex;
    
  
}

.contenido-slidersoat
{
  position: relative;  
  width: 100%;  
  height: 600px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-shrink: 0;
  background: no-repeat center/100% url("../img/asegurarvehiculo.jpg");  
}

.contenido-slidersoat > img
{
  width: 400px;
}
.contenido-slidersoat > div
{
  width: 40%;
}

.contenido-slidersoat h2
{
  font-weight: 300;
  text-align: center;
  line-height: 30px;
  color: black ;
  font-style: italic;
  border-style: solid;
  background: white;
  border-color:white;
  border-width: 4px;   
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  font-family: "Segoe IU", sans-serif;  
}
.contenido-slidersoat h3
{
  font-weight: 300;
  text-align: center;
  line-height: 30px;
  color: #576b6b;
  border-style: solid;
  background: white;
  border-color:white;
  border-width: 4px;
  border-top-left-radius: 1px;
  border-top-right-radius: 1px;
  font: oblique bold 120% cursive;  
}

.contenido-slidersoat a
{
  color:#fff;
  background: #332863;
  width: 100px;
  display: block;
  padding: 15px 0;
  text-align: center;
  border-radius: 3px;
  margin-top: 20px;
  text-decoration: none;
}

@media screen and (max-width:900px){
  .contenido-sliderrepuestos{
    flex-direction: column-reverse;
    width: 120%;
    background: white
  }
  .contenido-sliderrepuestos > img{
      width: 50%;
      background: white
  }

  .contenido-slidersoat > div{
      width: 40%;
      
  }

  .contenido-slidersoat h2{
      font-size: 23px;
  }
}


@media screen and (max-width:600px){
  .contenido-slidersoat{
     flex-direction: column-reverse;
     width: 80%;
     background: white
     
     
  }

  .contenido-slidersoat > div{
      width: 70%;      
      
  }
  .contenido-slidersoat h2{
    font-size: 14px;
    text-align: justify;
    line-height: 20px;
}

}
/* css de preventivo* */
/* css de los contenidos de la pagina */
.contenedorpreventivo{
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 40; 
  
}
.slider-contenedorpreventivo{
  width: 100%;
  display: flex;
    
  
}

.contenido-sliderpreventivo
{
  position: relative;  
  width: 100%;  
  height: 600px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-shrink: 0;
  background: no-repeat center/100% url("../img/preventivo.jpg");  
}

.contenido-sliderpreventivo > img
{
  width: 400px;
}
.contenido-sliderpreventivo > div
{
  width: 40%;
}

.contenido-sliderpreventivo  h2
{
  font-weight: 300;
  text-align: center;
  line-height: 30px;
  color: whitesmoke ;  
    background: transparent;
    font-family: "Segoe IU", sans-serif;  
}
.contenido-sliderpreventivo  h3
{
  font-weight: 300;
  text-align: center;
  line-height: 30px;
  color: whitesmoke;  
  background: transparent;  
  font: oblique bold 120%; 
}

.contenido-sliderpreventivo a
{
  color:#fff;
  background: #332863;
  width: 100px;
  display: block;
  padding: 15px 0;
  text-align: center;
  border-radius: 3px;
  margin-top: 20px;
  text-decoration: none;
}

@media screen and (max-width:900px){
  .contenido-sliderpreventivo{
    flex-direction: column-reverse;
    width: 120%;
    background: white
  }
  .contenido-sliderpreventivo > img{
      width: 50%;
      background: white
  }

  .contenido-sliderpreventivo > div{
      width: 40%;
      
  }

  .contenido-sliderpreventivo h2{
      font-size: 23px;
      color: black;
  }
  .contenido-sliderpreventivo h3{
    font-size: 19px;
    color: black;
}
}


@media screen and (max-width:600px){
  .contenido-sliderpreventivo{
     flex-direction: column-reverse;
     width: 80%;
     background: white
     
     
  }

  .contenido-sliderpreventivo > div{
      width: 70%;      
      
  }
  .contenido-sliderpreventivo h2{
    font-size: 14px;
    text-align: justify;
    line-height: 20px;
}
.contenido-sliderpreventivo h3{
  font-size: 10px;
  text-align: justify;
  line-height: 20px;
}
}
/* css de correctivo* */
/* css de los contenidos de la pagina */

.contenedorcorrectivo{
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 40; 
  
}
.slider-contenedorcorrectivo{
  width: 100%;
  display: flex;
    
  
}

.contenido-slidercorrectivo
{
  position: relative;  
  width: 100%;  
  height: 600px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-shrink: 0;
  background: no-repeat center/100% url("../img/correctivo.jpg");  
}

.contenido-slidercorrectivo > img
{
  width: 400px;
}
.contenido-slidercorrectivo > div
{
  width: 40%;
}

.contenido-slidercorrectivo  h2
{
  font-weight: 300;
  text-align: center;
  line-height: 30px;
  color: whitesmoke ;  
    background: transparent;
    font-family: "Segoe IU", sans-serif;  
}
.contenido-slidercorrectivo  h3
{
  font-weight: 300;
  text-align: center;
  line-height: 30px;
  color: whitesmoke;  
  background: transparent;  
  font: oblique bold 120%; 
}

.contenido-slidercorrectivo a
{
  color:#fff;
  background: #332863;
  width: 100px;
  display: block;
  padding: 15px 0;
  text-align: center;
  border-radius: 3px;
  margin-top: 20px;
  text-decoration: none;
}

@media screen and (max-width:900px){
  .contenido-slidercorrectivo{
    flex-direction: column-reverse;
    width: 120%;
    background: white
  }
  .contenido-slidercorrectivo > img{
      width: 50%;
      background: white
  }

  .contenido-slidercorrectivo > div{
      width: 40%;
      
  }

  .contenido-slidercorrectivo h2{
      font-size: 23px;
      color: black;
  }
  .contenido-slidercorrectivo h3{
    font-size: 19px;
    color: black;
}
}


@media screen and (max-width:600px){
  .contenido-slidercorrectivo{
     flex-direction: column-reverse;
     width: 80%;
     background: white
     
     
  }

  .contenido-slidercorrectivo > div{
      width: 70%;      
      
  }
  .contenido-slidercorrectivo h2{
    font-size: 14px;
    text-align: justify;
    line-height: 20px;
}
.contenido-slidercorrectivo h3{
  font-size: 10px;
  text-align: justify;
  line-height: 20px;
}
}

/* css de scanner* */
/* css de los contenidos de la pagina */
.contenedorscanner{
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 40; 
  
}
.slider-contenedorscanner{
  width: 100%;
  display: flex;
    
  
}

.contenido-sliderscanner
{
  position: relative;  
  width: 100%;  
  height: 600px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-shrink: 0;
  background: no-repeat center/100% url("../img/scanner.jpg");  
}

.contenido-sliderscanner > img
{
  width: 400px;
}
.contenido-sliderscanner > div
{
  width: 40%;
}

.contenido-sliderscanner  h2
{
  font-weight: 300;
  text-align: center;
  line-height: 30px;
  color: whitesmoke ;  
    background: transparent;
    font-family: "Segoe IU", sans-serif;  
}
.contenido-sliderscanner h3
{
  font-weight: 300;
  text-align: center;
  line-height: 30px;
  color: whitesmoke;  
  background: transparent;  
  font: oblique bold 120%; 
}

.contenido-sliderscanner a
{
  color:#fff;
  background: #332863;
  width: 100px;
  display: block;
  padding: 15px 0;
  text-align: center;
  border-radius: 3px;
  margin-top: 20px;
  text-decoration: none;
}

@media screen and (max-width:900px){
  .contenido-sliderscanner{
    flex-direction: column-reverse;
    width: 120%;
    background: white
  }
  .contenido-sliderscanner > img{
      width: 50%;
      background: white
  }

  .contenido-sliderscanner > div{
      width: 40%;
      
  }

  .contenido-sliderscanner h2{
      font-size: 23px;
      color: black;
  }
  .contenido-sliderscanner h3{
    font-size: 19px;
    color: black;
}
}


@media screen and (max-width:600px){
  .contenido-sliderscanner{
     flex-direction: column-reverse;
     width: 80%;
     background: white
     
     
  }

  .contenido-sliderscanner > div{
      width: 70%;      
      
  }
  .contenido-sliderscanner h2{
    font-size: 14px;
    text-align: justify;
    line-height: 20px;
}
.contenido-sliderscanner h3{
  font-size: 10px;
  text-align: justify;
  line-height: 20px;
}
}

/* css de peritaje* */
/* css de los contenidos de la pagina */
.contenedorperitaje{
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 40; 
  
}
.slider-contenedorperitaje{
  width: 100%;
  display: flex;
    
  
}

.contenido-sliderperitaje
{
  position: relative;  
  width: 100%;  
  height: 600px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-shrink: 0;
  background: no-repeat center/100% url("../img/peritajes.jpg");  
}

.contenido-sliderperitaje > img
{
  width: 400px;
}
.contenido-sliderperitaje > div
{
  width: 40%;
}

.contenido-sliderperitaje  h2
{
  font-weight: 300;
  text-align: center;
  line-height: 30px;
  color: whitesmoke ;  
    background: transparent;
    font-family: "Segoe IU", sans-serif;  
}
.contenido-sliderperitaje h3
{
  font-weight: 300;
  text-align: center;
  line-height: 30px;
  color: whitesmoke;  
  background: transparent;  
  font: oblique bold 120%; 
}

.contenido-sliderperitaje a
{
  color:#fff;
  background: #332863;
  width: 100px;
  display: block;
  padding: 15px 0;
  text-align: center;
  border-radius: 3px;
  margin-top: 20px;
  text-decoration: none;
}

@media screen and (max-width:900px){
  .contenido-sliderperitaje{
    flex-direction: column-reverse;
    width: 120%;
    background: white
  }
  .contenido-sliderperitaje > img{
      width: 50%;
      background: white
  }

  .contenido-sliderperitaje > div{
      width: 40%;
      
  }

  .contenido-sliderperitaje h2{
      font-size: 23px;
      color: black;
  }
  .contenido-sliderperitaje h3{
    font-size: 19px;
    color: black;
}
}


@media screen and (max-width:600px){
  .contenido-sliderperitaje{
     flex-direction: column-reverse;
     width: 80%;
     background: white
     
     
  }

  .contenido-sliderperitaje > div{
      width: 70%;      
      
  }
  .contenido-sliderperitaje h2{
    font-size: 14px;
    text-align: justify;
    line-height: 20px;
}
.contenido-sliderperitaje h3{
  font-size: 10px;
  text-align: justify;
  line-height: 20px;
}
}
/* css del modal */

/* **** */