@import url(https://fonts.googleapis.com/css?family=Lato:100,300,400,700);
/*
.sticky-container{
    padding:0px;
    margin:0px;
    position:fixed;
    right:-130px;
    top:230px;
    width:210px;
    z-index: 1100;
    text-decoration:none;
}
.sticky li{
    list-style-type:none;
    background-color:#0065cc;
    color:#efefef;
    height:45px;
    padding:0px;
    margin:0px 0px 1px 0px;
    -webkit-transition:all 0.25s ease-in-out;
    -moz-transition:all 0.25s ease-in-out;
    -o-transition:all 0.25s ease-in-out;
    transition:all 0.25s ease-in-out;
    cursor:pointer;
    text-decoration:none;
}
.sticky li:hover{
    margin-left:-115px;
    text-decoration:none;
        
}
.sticky li img{
    float:left;
    margin:5px 4px;
    margin-right:5px;
    text-decoration:none;
}
.sticky li p{
    padding-top:8px;
    margin:0px;
    line-height:16px;
    font-size:11px;
    text-decoration:none;
}
.sticky li p a{
    text-decoration:none;
    color:#ffffff;
}
.sticky li p a:hover{
    text-decoration:none;
}
*/


#search2::-webkit-input-placeholder
{
  color: #FFFFFF;
  opacity: 0.5;
}

#search::-webkit-input-placeholder
{
  color: #FFFFFF;
  opacity: 0.5;
}


input[type="text"] {
  margin-top: 22px;
  height: 30px;
  font-size: 18px;
  display: inline-block;
  font-family: "Lato";
  font-weight: 400;
  border: none;
  outline: none;
  border-bottom: 1px solid #7a00f9;
  color: black;
  background: none;

}

input[type="text"]:focus:hover {
  border-bottom: 1px solid #7a00f9;
  border-left:none;
  border-top:none;
  border-right: none;
  color: black;
  display: inline-block;
  font-family: "Lato";
  width: 500px;
}

input[type="text"]:focus {
  width: 500px;
  z-index: 1;
  border-bottom: 1px solid #7a00f9;
  border-left:none;
  border-top:none;
  border-right: none;

  display: inline-block;
  font-family: "Lato";
  cursor: text;
}




.buscar {

  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  right: 0;
  height: 100%;
  background: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
  margin-top:-7px;
}

.cerrar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  right: 30px;
  height: 100%;
  background: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
  margin-top:-7px;  
}


.agranda{
  width:0;
  /*visibility: hidden; /* display property wasn't working with transition */
  transition: opacity 1s, width 1s;
  float: left;
  opacity: 0;

  margin-top:-10px;
  height: 60px;
  
  border-left:none;
  border-top:none;
  border-right: none;

  display: inline-block;
  font-family: "Lato";
  border-bottom:none;
}

.show {
  /*visibility: visible;*/
  width:500px;
  opacity: 1;
  /*border-bottom:1px solid red;*/
  
}

@media screen and (max-width: 980px) {
    ::placeholder {
        color: #ffffff;
    }
}

#buscador{
  display: none;
}

@media screen and (max-width: 980px) {
  li#oculto {
  display: none;
  }
}

@media screen and (max-width: 980px) {
    div#buscador {
    display: block;
    }
}

@media screen and (max-width: 980px) {
  div#pantalla {
  display: none;
  }
}

@media screen and (max-width: 980px) {
  div#cel {
  display: block;
  }
}

@media screen and (max-width: 980px) {
  div#mostrar {
  display: none;
  }
}

@media screen and (max-width: 980px) {
  div#ocultar {
  display: block;
  }
}

#ocultar{
  display: none;
}

#cel{
  display: none;
}


#corto{
  display: none;
}

@media screen and (max-width: 980px) {
  div#completo {
  display: none;
  }
}

@media screen and (max-width: 980px) {
    div#corto {
    display: block;
    }
}




    body .owl-nav div{
    position: absolute;
    top: 40%;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    }
    body .owl-prev{
      left: -20px;
      display: flex;
      background:transparent;
      color: #7a00f9;
    }
    body .owl-next{
      right: -20px;
      display: flex;
      background:transparent;
      color: #7a00f9;

    }
    body .owl-prev i, body .owl-next i{
      margin: auto;

    }
    

.owl-carousel .nav-button {
  height: 50px;
  width: 25px;
  cursor: pointer;
  position: absolute;
  top: 110px !important;
}
.owl-carousel .owl-prev.disabled,
.owl-carousel .owl-next.disabled {
  pointer-events: none;
  opacity: 0.25;
}
.owl-carousel .owl-prev {
  left: -35px;
}
.owl-carousel .owl-next {
  right: -35px;
}
.owl-theme .owl-nav [class*=owl-] {
  color: #ffffff;
  font-size: 39px;
  background: #000000;
  border-radius: 3px;
}
.owl-carousel .prev-carousel:hover {
  background-position: 0px -53px;
}
.owl-carousel .next-carousel:hover {
  background-position: -24px -53px;
}


/*sidebar */


/*@import url('https://fonts.googleapis.com/css?family=Rubik&display=swap');*/



.sidebar{
   position: fixed;
   width: 350px;
   right: -365px;
   bottom: 0;
   background: #7c7c7c;
   transition: 0.4s;
   height:100%;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
   overflow-y: scroll;
   scrollbar-width: thin;
   scrollbar-color: #6f6f6f;
   z-index:9000;
   font-family: Verdana, Geneva, Tahoma, sans-serif;

}
.sidebar .title h1{
  width: 300px;
  color:white;
  text-align: center;
  font-size: 18px;
  margin: 0 auto;
  margin-top: 30px;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  position: relative;

}

#title{
  background-color: #7a00f9;
  position: relative;
}

.sidebar .description h2{
  width: 300px;
  color:white;
  text-align: justify;
  font-size: 14px;
  margin: 0 auto;
  margin-top: 30px;
  font-family: Verdana, Geneva, Tahoma, sans-serif;

  height: 400px;
  padding: 15px 15px 15px 15px;
  position: relative;
}

.sidebar .subasta h1{
  width: 300px;
  color:white;
  text-align: justify;
  font-size: 14px;
  margin: 0 auto;
  margin-top: 10px;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  height: auto;
  border-top: 1px solid #32fadc;
  position: relative;
  margin-bottom: -40px;
}

.sidebar .subastas h1{
  width: 300px;
  color:white;
  text-align: justify;
  font-size: 14px;
  margin: 0 auto;
  margin-top: 10px;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  height: auto;

  border-bottom: 1px solid #32fadc;
  position: relative;
  margin-bottom: 10px;
}

.subasta a{
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 12px;

}

.subasta h1{

  font-size: 12px;
}

.sidebar h1{
   display: block;
   padding: 10px 20px;
   color: #fff;
   text-decoration: none;
   font-family: "Rubik";
   font-weight: 400;
   margin: 0;
   font-size: 20px;
   position: relative;
}
.sidebar a{
   display: block;
   color: #32fce2;
   text-decoration: none;
   font-family: "Rubik";
   letter-spacing: 2px;
   padding: 10px 20px;
}
.sidebar a:hover{
   color: #fff;
   margin-right: 0px;
   transition: 0.4s;
}

.final{
bottom:0;
position:static;
margin: 0 center;
padding: 10px 80px 10px 80px;
}

.final a{

  color:black;
  background-color: #32fce2;
  width: 200px;
  position: static;
  margin: 0 auto;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  text-decoration: none;
}
.final a:hover{

  background-color: white;
  position: static;


  color: black;
  transition: 0.4s;
}

.button span{
   height: 3px;
   width: 20px;
   display: block;
   margin: 6px;
   background: #FFF;
}
.show{
   right: 0;
}

/* SIDEBAR CHEF */

.sidebar2{
  position: fixed;
  width: 350px;
  right: -365px;
  bottom: 0;
  background: #7c7c7c;
  transition: 0.4s;
  height:100%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  overflow-y: scroll;
  scrollbar-width: thin;
  scrollbar-color: #6f6f6f;
  z-index: 9999;
  font-family: Verdana, Geneva, Tahoma, sans-serif;

}
.sidebar2 .title2 h1{
 width: 300px;
 color:white;
 text-align: center;
 font-size: 18px;
 margin: 0 auto;
 margin-top: 30px;
 font-family: Verdana, Geneva, Tahoma, sans-serif;
 position: relative;

}

#title2{
 background-color: #7a00f9;
 position: relative;
}

.sidebar2 .description2 h2{
 width: 300px;
 color:white;
 text-align: justify;
 font-size: 14px;
 margin: 0 auto;
 margin-top: 30px;
 font-family: Verdana, Geneva, Tahoma, sans-serif;

 height: 400px;
 padding: 15px 15px 15px 15px;
 position: relative;
}



.sidebar2 h1{
  display: block;
  padding: 10px 20px;
  color: #fff;
  text-decoration: none;
  font-family: "Rubik";
  font-weight: 400;
  margin: 0;
  font-size: 20px;
  position: relative;
}
.sidebar2 a{
  display: block;
  color: #32fce2;
  text-decoration: none;
  font-family: "Rubik";
  letter-spacing: 2px;
  padding: 10px 20px;
}
.sidebar2 a:hover{
  color: #fff;
  margin-right: 0px;
  transition: 0.4s;
}

.final2{
bottom:0;
position:static;
margin: 0 center;
padding: 10px 80px 10px 80px;
}

.final2 a{

 color:black;
 background-color: #32fce2;
 width: 200px;
 position: static;
 margin: 0 auto;
 font-family: Verdana, Geneva, Tahoma, sans-serif;
 text-decoration: none;
}
.final2 a:hover{

 background-color: white;
 position: static;


 color: black;
 transition: 0.4s;
}

/*FIN SIDEBAR CHEF*/

/* SIDEBAR MIS TALLERES */

.sidebar3{
  position: fixed;
  width: 350px;
  right: -365px;
  bottom: 0;
  background: #7c7c7c;
  transition: 0.4s;
  height:100%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  overflow-y: scroll;
  scrollbar-width: thin;
  scrollbar-color: #6f6f6f;
  z-index: 9999;
  font-family: Verdana, Geneva, Tahoma, sans-serif;

}
.sidebar3 .title3 h1{
 width: 300px;
 color:white;
 text-align: center;
 font-size: 18px;
 margin: 0 auto;
 margin-top: 30px;
 font-family: Verdana, Geneva, Tahoma, sans-serif;
 position: relative;

}

#title3{
 background-color: #7a00f9;
 position: relative;
}

.sidebar3 .description3 h2{
 width: 300px;
 color:white;
 text-align: justify;
 font-size: 14px;
 margin: 0 auto;
 margin-top: 30px;
 font-family: Verdana, Geneva, Tahoma, sans-serif;

 height: 400px;
 padding: 15px 15px 15px 15px;
 position: relative;
}

.sidebar3 .boton3 h2{
 color:white;
 text-align: justify;
 font-size: 14px;
 margin: 0 auto;
 font-family: Verdana, Geneva, Tahoma, sans-serif;
 padding: 1px 1px 1px 1px;
 position: relative;
}

.sidebar3 h1{
  display: block;
  padding: 10px 20px;
  color: #fff;
  text-decoration: none;
  font-family: "Rubik";
  font-weight: 400;
  margin: 0;
  font-size: 20px;
  position: relative;
}
.sidebar3 a{
  display: block;
  color: #32fce2;
  text-decoration: none;
  font-family: "Rubik";
  letter-spacing: 2px;
  padding: 10px 20px;
}
.sidebar3 a:hover{
  color: #fff;
  margin-right: 0px;
  transition: 0.4s;
}

.sidebar3 .subasta3 h1{
  width: 300px;
  color:white;
  text-align: justify;
  font-size: 14px;
  margin: 0 auto;
  margin-top: 10px;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  height: auto;
  border-top: 1px solid #32fadc;
  position: relative;
  margin-bottom: -40px;
}

.sidebar3 .subastas3 h1{
  width: 300px;
  color:white;
  text-align: justify;
  font-size: 14px;
  margin: 0 auto;
  margin-top: 10px;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  height: auto;

  border-bottom: 1px solid #32fadc;
  position: relative;
  margin-bottom: 10px;
}

.subasta3 a{
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 12px;

}

.subasta3 h1{

  font-size: 12px;
}


.final3{
bottom:0;
position:static;
margin: 0 center;
padding: 10px 80px 10px 80px;
}

.final3 a{

 color:black;
 background-color: #32fce2;
 width: 200px;
 position: static;
 margin: 0 auto;
 font-family: Verdana, Geneva, Tahoma, sans-serif;
 text-decoration: none;
}
.final3 a:hover{

 background-color: white;
 position: static;


 color: black;
 transition: 0.4s;
}

/* marca */

.sidebar4{
  position: fixed;
  width: 350px;
  right: -365px;
  bottom: 0;
  background: #7c7c7c;
  transition: 0.4s;
  height:100%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  overflow-y: scroll;
  scrollbar-width: thin;
  scrollbar-color: #6f6f6f;
  z-index: 9999;
  font-family: Verdana, Geneva, Tahoma, sans-serif;

}
.sidebar4 .title4 h1{
 width: 300px;
 color:white;
 text-align: center;
 font-size: 18px;
 margin: 0 auto;
 margin-top: 30px;
 font-family: Verdana, Geneva, Tahoma, sans-serif;
 position: relative;

}

#title4{
 background-color: #7a00f9;
 position: relative;
}

.sidebar4 .description4 h2{
 width: 300px;
 color:white;
 text-align: justify;
 font-size: 14px;
 margin: 0 auto;
 margin-top: 30px;
 font-family: Verdana, Geneva, Tahoma, sans-serif;

 height: 400px;
 padding: 15px 15px 15px 15px;
 position: relative;
}

.sidebar4 .boton4 h2{
 color:white;
 text-align: justify;
 font-size: 14px;
 margin: 0 auto;
 font-family: Verdana, Geneva, Tahoma, sans-serif;
 padding: 1px 1px 1px 1px;
 position: relative;
}

.sidebar4 h1{
  display: block;
  padding: 10px 20px;
  color: #fff;
  text-decoration: none;
  font-family: "Rubik";
  font-weight: 400;
  margin: 0;
  font-size: 20px;
  position: relative;
}
.sidebar4 a{
  display: block;
  color: #32fce2;
  text-decoration: none;
  font-family: "Rubik";
  letter-spacing: 2px;
  padding: 10px 20px;
}
.sidebar4 a:hover{
  color: #fff;
  margin-right: 0px;
  transition: 0.4s;
}

.sidebar4 .subasta4 h1{
  width: 300px;
  color:white;
  text-align: justify;
  font-size: 14px;
  margin: 0 auto;
  margin-top: 10px;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  height: auto;
  border-top: 1px solid #32fadc;
  position: relative;
  margin-bottom: -40px;
}

.sidebar4 .subastas4 h1{
  width: 300px;
  color:white;
  text-align: justify;
  font-size: 14px;
  margin: 0 auto;
  margin-top: 10px;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  height: auto;

  border-bottom: 1px solid #32fadc;
  position: relative;
  margin-bottom: 10px;
}

.subasta4 a{
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 12px;

}

.subasta4 h1{

  font-size: 12px;
}


.final4{
bottom:0;
position:static;
margin: 0 center;
padding: 10px 80px 10px 80px;
}

.final4 a{

 color:black;
 background-color: #32fce2;
 width: 200px;
 position: static;
 margin: 0 auto;
 font-family: Verdana, Geneva, Tahoma, sans-serif;
 text-decoration: none;
}
.final4 a:hover{

 background-color: white;
 position: static;


 color: black;
 transition: 0.4s;
}

/* fin marca */

.button span{
  height: 3px;
  width: 20px;
  display: block;
  margin: 6px;
  background: #FFF;
}
.show{
  right: 0;
}


.modal-body {
  position: relative;
  min-height: 500px;
  padding: 20px;
}

#frPDF{
  height: 500px;
}


#myModal3{

  z-index:9999;
  background-color: transparent;

}

.btn-circle.btn-xl a{
	width: 100px;
	height: 100px;
	padding: 13px 18px;
	border-radius: 60px;
	font-size: 15px;
	text-align: center;
	letter-spacing:10px;
	background-color:green;
}