@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700;900&display=swap');





#loader2 {

    width: 44px;

    height: 44px;

    position: absolute;

    left:50%; top:50%;

    background: url(../imagenes/ico.png) no-repeat center 0;

    margin:-22px 0 0 -22px;

}





.smooth{ text-decoration:none;}



html,body{

width:100%;

	height:100%;font-family: 'Montserrat', sans-serif;



	}

	

* { margin: 0px;

padding: 0px; outline: 0;

}

iframe { display:block; border:none; }



.os-animation{

            opacity: 0;

 }  



.os-animation.animated{

            opacity: 1;

 }  

 

 *:focus { 

    outline: none; 

} 





#header{ width:100%; left:0; top:0; height:100px; position:relative; z-index:999;

	background-color:#ff1818;

}



#menu, #menu1, #menu2, #menu3{display:inline-block;vertical-align:top;}

#menu{width:90%;vertical-align:middle; text-align:center;  }

#menu1{width:15%;margin-right:-4px; text-align:left; margin-top:20px;}

#menu2{width:85%;margin-right:-4px; text-align:right; margin-top:30px;}



.redes{ opacity:1; transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s; cursor:pointer;-webkit-transform: scale(1);

  transform: scale(1);}

.redes:hover{-webkit-transform: scale(1.1);

  transform: scale(1.1); opacity:.8; }

  

  

  .redes2{ opacity:1; transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s; cursor:pointer;-webkit-transform: scale(1);

  transform: scale(1);}

.redes2:hover{-webkit-transform: scale(1.05);

  transform: scale(1.05); opacity:.8; }



/* Underline From Left */

.smooth2 {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  position: relative;

  overflow: hidden; color:#ffffff; text-decoration:none;  font-weight:400; margin-left:30px; font-size:17px; text-transform:uppercase; line-height:40px;

}





.smooth2:before {

  content: "";

  position: absolute;

  z-index: -1;

  left: 0;

  right: 100%;

  bottom: 0;

    background: #ffee00;

  height: 3px;

  -webkit-transition-property: right;

  transition-property: right;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

  border-radius: 15px 15px 15px 15px;

-moz-border-radius: 15px 15px 15px 15px;

-webkit-border-radius: 15px 15px 15px 15px;

}

.smooth2:hover:before, .smooth2:focus:before, .smooth2:active:before {

  right: 0;

}





/* Underline From Left */

.smooth3 {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  position: relative;

  overflow: hidden; color:#ffffff; text-decoration:none;  font-weight:400;  font-size:15px; text-transform:uppercase; line-height:30px;

}





.smooth3:before {

  content: "";

  position: absolute;

  z-index: -1;

  left: 0;

  right: 100%;

  bottom: 0;

    background: #ffee00;

  height: 2px;

  -webkit-transition-property: right;

  transition-property: right;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

  border-radius: 15px 15px 15px 15px;

-moz-border-radius: 15px 15px 15px 15px;

-webkit-border-radius: 15px 15px 15px 15px;

}

.smooth3:hover:before, .smooth3:focus:before, .smooth3:active:before {

  right: 0;

}







.texto1{color:#FFFFFF;font-size:40px; font-weight:400; line-height:100%;text-decoration:none;}

.texto2{color:#FFFFFF;font-size:40px; font-weight:400; line-height:90%;text-decoration:none;}

.texto3{color:#FFFFFF;font-size:60px; font-weight:300; line-height:100%;text-decoration:none;}

.texto4{color:#FFFFFF;font-size:110px; font-weight:700; line-height:90%;text-decoration:none;}

.texto5{color:#ff1818;font-size:25px; font-weight:700; line-height:90%;text-decoration:none;}

.texto6{color:#FFFFFF;font-size:16px; font-weight:400; line-height:100%;text-decoration:none;}



#slide1{text-align:center;width:100%;height:900px;}

#elmenu{text-align:center;width:100%; background: url(../imagenes/fondo1.jpg) no-repeat center center fixed ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}





#descargamenu, #descargamenu1, #descargamenu2{display:inline-block;vertical-align:top;}

#descargamenu{width:1200px;vertical-align:middle; text-align:center;  }

#descargamenu1{width:400px;margin-right:-4px; text-align:left; margin-top:80px;}

#descargamenu2{width:800px;margin-right:-4px; text-align:right;}



.toro{ width:90%; max-width:541px;}





#sucursales{ width:100%; background-color:#ff1818;}





#sucu, #sucu1, #sucu2{display:inline-block;vertical-align:top;}

#sucu{width:1300px;vertical-align:middle; text-align:center;  }

#sucu1{width:410px;margin-right:-4px; text-align:center;}

#sucu2{width:480px;margin-right:-4px; text-align:center;}



#abajo{text-align:right;width:100%; background: url(../imagenes/fondo2b.jpg) no-repeat center center  ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}



#pleca0{text-align:center;width:100%; height:54px; z-index:1; position:absolute; left:0; top:100px; background: url(../imagenes/pleca0.png) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}

#pleca1{text-align:center;width:100%; height:112px; z-index:9999; background: url(../imagenes/fondo2a.png) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}

#pleca2{text-align:center;width:100%; height:79px; z-index:9999;  background: url(../imagenes/fondo2b.png) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}



#contacto, #contacto1, #contacto2, #contacto3{display:inline-block;vertical-align:top;}

#contacto{width:99%;vertical-align:middle; text-align:center;}

#contacto1{width:15%;margin-right:-4px; text-align:center; margin-top:10px;}

#contacto2{width:30%; max-width:400px;margin-right:-4px; text-align:center;}

#contacto3{width:55%;margin-right:-4px; text-align:right;}



.lambu{ width:90%; max-width:800px;}



#laple, #laple1{display:inline-block;vertical-align:top;}

#laple{width:100%;vertical-align:middle; text-align:center; margin-top:-79px;}

#laple1{text-align:center;width:100%; height:79px;margin-right:0px; z-index:9999;  background: url(../imagenes/fondo2b.png) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}





::placeholder {

  color: #1a0901;

}



.forma{text-align:center;HEIGHT:42px;width:90%;border:0; font-size:14PX;color:#1a0901;font-weight:400; background-color:transparent;}



.forma2{text-align:center;HEIGHT:42px;width:90%;border:0; font-size:14PX;color:#1a0901;font-weight:400; background-color:#ffffff; border-radius: 15px 15px 15px 15px;-moz-border-radius: 15px 15px 15px 15px;-webkit-border-radius: 15px 15px 15px 15px;}



.boton2{color:#ffffff; border:0;  font-size:14px; font-weight:400;  text-decoration:none;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s; border-radius: 15px 15px 15px 15px;-moz-border-radius: 15px 15px 15px 15px;-webkit-border-radius: 15px 15px 15px 15px; cursor:pointer; padding-top:5px; padding-left:16px; padding-right:16px; padding-bottom:5px; text-align:center; background-color:#ff1818; width:90%; height:42px;}



@media screen and (max-width:1720px){

#slide1{text-align:center;width:100%;height:800px;}

}



@media screen and (max-width:1520px){

#slide1{text-align:center;width:100%;height:700px;}

}



@media screen and (max-width:1320px){

#slide1{text-align:center;width:100%;height:600px;}



#sucu{width:1200px;vertical-align:middle; text-align:center;  }

#sucu1{width:375px;margin-right:-4px; text-align:center;}

#sucu2{width:450px;margin-right:-4px; text-align:center;}



}





@media screen and (max-width:1220px){

#slide1{text-align:center;width:100%;height:500px;}



#descargamenu{width:1000px;vertical-align:middle; text-align:center;  }

#descargamenu1{width:400px;margin-right:-4px; text-align:left; margin-top:80px;}

#descargamenu2{width:600px;margin-right:-4px; text-align:right;}



#sucu{width:800px;vertical-align:middle; text-align:center;  }

#sucu1{width:400px;margin-right:-4px; text-align:center;}

#sucu2{width:100%;margin-right:0px; text-align:center;}



}



@media screen and (max-width:1140px){

#contacto1{width:40%;margin-right:-4px; text-align:center; margin-top:10px;}

#contacto2{width:60%; max-width:400px;margin-right:-4px; text-align:center;}

#contacto3{width:100%;margin-right:0px; text-align:center;}



}







@media screen and (max-width:1020px){

#descargamenu{width:800px;vertical-align:middle; text-align:center;  }

#descargamenu1{width:400px;margin-right:-4px; text-align:left; margin-top:40px;}

#descargamenu2{width:400px;margin-right:-4px; text-align:right;}



}





@media screen and (max-width:900px){

#slide1{text-align:center;width:100%;height:400px;}

#elmenu{text-align:center;width:100%; background: url(../imagenes/fondo1.jpg) no-repeat center center  ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}



}







@media screen and (max-width:820px){

#descargamenu{width:90%;vertical-align:middle; text-align:center;  }

#descargamenu1{width:100%;margin-right:0px; text-align:center; margin-top:40px;}

#descargamenu2{width:100%;margin-right:0px; text-align:center;margin-top:10px}



.texto2{color:#FFFFFF;font-size:30px; font-weight:400; line-height:90%;text-decoration:none;}

.texto3{color:#FFFFFF;font-size:43px; font-weight:300; line-height:100%;text-decoration:none;}

.texto4{color:#FFFFFF;font-size:80px; font-weight:700; line-height:90%;text-decoration:none;}



#sucu{width:90%;vertical-align:middle; text-align:center;  }

#sucu1{width:100%;margin-right:0px; text-align:center;}

#sucu2{width:100%;margin-right:0px; text-align:center;}



}









#menumovil{ display:none;}

#logomovil{ display:none;}



.button_container {

  position: absolute;

  top: 0px;;

  right: 0px;

  height: 0px;

  width: 35px;

  cursor: pointer;

  z-index: 9999;

  -webkit-transition: opacity .25s ease;

  -moz-transition: opacity .25s ease;

  transition: opacity .25s ease;

}





.button_container:hover {

  opacity: .9;

}

.button_container.active .top {

  -webkit-transform: translateY(11px) translateX(0) rotate(45deg);

  -moz-transform: translateY(11px) translateX(0) rotate(45deg);

          transform: translateY(11px) translateX(0) rotate(45deg);

  background: #efede1;

}

.button_container.active .middle {

  opacity: 0;

  background: #efede1;

}

.button_container.active .bottom {

  -webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);

  -moz-transform: translateY(-11px) translateX(0) rotate(-45deg);

          transform: translateY(-11px) translateX(0) rotate(-45deg);

  background: #efede1;

}



.button_container span {

  background: #fff001;

  border: none;

  height: 5px;

  width: 100%;

  position: absolute;

  top: 0;

  left: 0;

  -webkit-transition: all .35s ease;

  -moz-transition: all .35s ease;

  transition: all .35s ease;

  cursor: pointer;z-index: 9999;

}

.button_container span:nth-of-type(2) {

  top: 11px;

}

.button_container span:nth-of-type(3) {

  top: 22px;

}



.overlay {

	background-color:rgb(255,24,24,.6);position: fixed;

    top: 0;

  left: 0;

  width: 100%;

  height: 0%;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: opacity .35s, visibility .35s, height .35s;

  -moz-transition: opacity .35s, visibility .35s, height .35s;

  transition: opacity .35s, visibility .35s, height .35s;

  overflow: hidden;

}

.overlay.open {

  opacity: 1;

  visibility: visible;

  height: 100%;

}

.overlay.open li {

  -webkit-animation: fadeInUp .5s ease forwards;

  -moz-animation: fadeInUp .5s ease forwards;

          animation: fadeInUp .5s ease forwards;

  -webkit-animation-delay: .4s;

  -moz-animation-delay: .4s;

          animation-delay: .4s;

}

.overlay.open li:nth-of-type(2) {

  -webkit-animation-delay: .6s;

  -moz-animation-delay: .6s;

          animation-delay: .6s;

}

.overlay.open li:nth-of-type(3) {

  -webkit-animation-delay: .8s;

  -moz-animation-delay: .8s;

          animation-delay: .8s;

}

.overlay.open li:nth-of-type(4) {

  -webkit-animation-delay: 1s;

  -moz-animation-delay: 1s;

          animation-delay: 1s;

}

.overlay.open li:nth-of-type(5) {

  -webkit-animation-delay: 1.2s;

  -moz-animation-delay: 1.2s;

          animation-delay: 1.2s;

}

.overlay.open li:nth-of-type(6) {

  -webkit-animation-delay: 1.4s;

  -moz-animation-delay: 1.4s;

          animation-delay: 1.4s;

}

.overlay nav {

  position: relative;

  top: 50%; left:5%;

  -webkit-transform: translateY(-35%);

  -moz-transform: translateY(-35%);

          transform: translateY(-35%);

  

  font-weight: 700;

  text-align: center;

  margin-right:52px;

}

.overlay ul {

  list-style: none;

  padding: 0;

  margin: 0 auto;

  display: inline-block;

  position: relative;

  height: 100%; width:100%;

}

.overlay ul li {

  display: inline-block;

  min-height:40px;

  position: relative;

  opacity: 0;

  min-width:18%; text-align:center;

}

.overlay ul li a {

  display: inline-block;

  position: relative;

  color: #ffffff;

  text-decoration: none;

  overflow: hidden;

  font-size: 42px;

  opacity:1; text-transform:uppercase; font-weight:600;

}

.overlay ul li a:hover,a:after, .overlay ul li a:focus:after, .overlay ul li a:active:after {

  width: 100%;font-size: 42px;

  opacity:1;-webkit-transition: .25s;

  transition: .25s; color: #f8f300;

}



.overlay nav {

  top: 35%;

}



.overlay ul li {

  display: inline-block;

  min-height: 70px;

  position: relative;

  opacity: 0;

  min-width:100%; text-align:center;

}







@media screen and (max-width:1070px){



#menumovil{ z-index:9999;position: absolute;top:42px;

  right: 30px;

  height: 27px;

  width: 35px; display:block; z-index:9999;}

  

  #menu1{ width:100%;}

  #menu2{ display:none;}



}



 

 

 .ball2{-moz-animation:spin2 1.5s infinite linear;-webkit-animation:spin2 1.5s infinite linear;-0-animation:spin2 1.5s infinite linear;animation:spin2 1.5s infinite linear;}

@-moz-keyframes spin2{0%{opacity:01;}

100%{opacity:1;-moz-transform:translateY(-4px);}

}

@-webkit-keyframes spin2{0%{opacity:1;}

100%{opacity:1;-webkit-transform:translateY(-4px);}

}

@-o-keyframes spin2{0%{opacity:1;}

100%{opacity:1;-0-transform:translateY(-4px);}

}

@-moz-keyframes spin2{0%{opacity:01;}

100%{opacity:1;-moz-transform:translateY(4px);}

}