[HOME]

Path : /home/hermanostamargo/ftp/css/less/
Upload :
Current File : /home/hermanostamargo/ftp/css/less/layaut.less

.bg-corporate{
  background: @secundarycolor;
}
.color-corporate{
  color: @secundarycolor;
}
h1{
  margin-top: @base-margin * 2;
}
.no-wrap{
    white-space: nowrap;
}

h1,
h2,
h3,
h4,
h5{
  margin-bottom: @base-margin;
  font-family: 'Open Sans Condensed', sans-serif;  
}
.titulo-articulo{
  margin-top: 0;
}
.nav-idiomas{
  margin:  0 0 0 @base-margin;
  padding:  0;
}
.navbar-sup {
    padding:  @base-margin / 2;
    background: @secundarycolor;
}
.navbar-default{
  background: #161616;
}
.navbar-default .nav-item{
  font-weight: bold;
  font-size: 1.15em;
}
.navbar-sup a,
footer a{
    color: #fff;
}
.nav-idiomas:before {
    content: " [  ";
    font-size: 1.1rem;
}
.nav-idiomas:after {
    content: "  ]";
    font-size: 1.1rem;
}
.nav-intranet:before {
    content: "[ ";
    font-size: 1.1rem;

}
.nav-intranet {
  margin-left: @base-margin;
}
.nav-intranet:after {
    content: " ]";
    font-size: 1.1rem;
}
footer{
    padding: @base-margin * 2 0 0 0;
    background: @secundarycolor;
    color: #fff;  
}
.copyright {
    background: #000;
    padding: 8px 0;
}
.bloques{
  padding: @base-margin;
  background: #fff;
  margin-bottom: @base-margin  * 2;
}

.bloques h2{
  font-size: 1.5rem;
  margin-top: @base-margin  / 2;
}
.content-padding{
  background-color: @terciarycolor;
}
.texto-home{
  font-size: 1.25rem;
  margin-top: @base-margin;
}
.content-1-home{
  margin: 25px 0;
}
.scrollup,
.contact {
    opacity: 0.8;
    position: fixed;
    bottom: 40px;
    right: 40px;
    display: none;
    z-index: 2;
}
.contact {
    bottom: 42px;
    right: 90px;
}
.scrollup span,
.contact span{
  text-indent: -9999px;
  display: block;  
}
.interiores{
  margin-top: @base-margin * 2;
}
.menu-izquierda{
   font-family: 'Open Sans Condensed', sans-serif;
   font-size: 1.1rem;
   margin-bottom: 2rem;
}
.menu-izquierda a{
  background: @terciarycolor;
  border-bottom: 1px solid #fff;
  color: inherit;
}

.zoomIt {
  display: block!important;
  -webkit-transition: -webkit-transform 0.2s ease-out;
  -moz-transition: -moz-transform 0.2s ease-out;
  -o-transition: -o-transform 0.2s ease-out;
  -ms-transition: -ms-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
}
.zoomIt:hover {
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.retratos{
  background: @terciarycolor;
  padding: @base-margin;
  margin-top: - @base-margin;
}
.carousel-caption{
  font-family: 'Open Sans Condensed', sans-serif;
}

.content-home-datos{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
  background-color: rgba(240,239,239,0.3);
  border: rgba(255,255,255,0.15) solid 1px;
}
.carousel-caption-home{
  bottom: 50px;
}


.carousel-caption h3{
  margin-bottom: @base-margin * 2;
  font-size: 2.5em;
  font-weight: bold;
}
.interiores .carousel-caption h3{
  background: rgba(0,0,0,0.4);
}
.carousel-caption p{
  font-size: 1.5em;
}
.carousel-caption span{
  background: #81bdc1;
  background: rgba(143, 168, 197,.7);
  padding: 5px 15px;
}
.privacidad-content{
  display: none;
}
.figcaption-default{
  background: @secundarycolor;
  color: #fff;
}
.my-breadcrumb {
  background: none;
  border-radius: 0;
  border-bottom: 1px solid #ccc;
}
.galeria-100{
  max-width:1900px;
  margin: 0 auto;
}
.nav-catalogo ul{
  list-style: none;
  padding: 0;
}
li.nav-item.nav-parent > a {
    background: #dbdbdb;
}
li.nav-item.nav-parent ul a {
    background: #efefef;
}
.nav-parent{
  margin-top: 5px;
}
.card{
  margin-bottom: @base-margin;
  height: 95%;
}
.blog .card{
  margin-bottom: @base-margin;
  height: auto;
}
aside .card .card-header,
aside h3 {
  font-weight: normal;
  margin-bottom: 0;
}
.detalle aside{
  margin-top: @base-margin * 4;
}
#tituloEscaparate {
    margin-top: -75px;
    margin-bottom: @base-margin * 2;
    font-weight: 100;
}
.precio{
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 0;
  margin-top: @base-margin / 2;
}
.precio del{
  font-weight: normal;
  font-size: 1.25rem;
}
.card-title{
  font-size: 1.5rem;
}


.new-label, .sale-label {
    background: #DF6504!important;
}
.new-label {
    font: 700 14px/12px Arial,Helvetica,sans-serif;
    color: #fff;
    text-transform: uppercase;
    padding: 9px 0 7px;
    text-shadow: 1px 1px rgba(0,0,0,0.24);
    width: 130px;
    text-align: center;
    display: block;
    position: absolute;
    left: -33px;
    top: 16px;
    z-index: 1;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.new-label::before, .new-label::after, .sale-label::before, .sale-label::after {
    border-color: #913c03 transparent transparent transparent!important;
}
.new-label:before {
    position: absolute;
    bottom: -3px;
    right: 5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 4px 0 4px;
    border-color: #21a3d8 transparent transparent transparent;
    content: ".";
    text-indent: -5000px;
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
}
.new-label:after {
    position: absolute;
    bottom: -3px;
    left: 3px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 4px 0 4px;
    border-color: #21a3d8 transparent transparent transparent;
    content: ".";
    text-indent: -5000px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}
.new-box {
    left: -3px;
}
.enlaceGaleria:hover .detalle-new-box{
  display: none;
}
.detalle-new-box {
    left: 12px;
}
.new-box, .sale-box {
    position: absolute;
    top: -3px;
    overflow: hidden;
    height: 85px;
    width: 85px;
    text-align: center;
    z-index: 0;
}
.titulo-detalle,
.subtitulo-detalle {
  margin-top: 0;
  font-weight: 100;
}
.catalogo-carousel {
    display: inline-block !important;
    width: 32.5%;
}
.catalogo .carousel.slide{
  padding: 3px;
  background: #e4e4e4;
}
.carousel-logos{
  overflow: hidden;  
 /*-webkit-filter:  ~"grayscale(100%)";
  filter:  ~"grayscale(100%)";  */
}


.logos-carousel {
    height: 120px;
    width: auto;
    padding: 25px;
}


.redes-compartir a{
  display: inline-block;
  margin-bottom: 4px;  
  width: 32.25%;
  overflow: hidden;  
}
.solicita-info h1{
  font-size: 1.25rem;
  margin-top: 0;
}
figure{
  overflow: hidden;
}
.no-gutters figure{
  margin: 0;
  overflow: hidden;
}
.no-gutters figure a{
  display: block;
  padding: 2px;
}
.navbar.fade-in {
  border-bottom: 1px solid #ccc;
}
.fade-in img{
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  -ms-transition: -ms-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.en-titulo{
  font-weight: normal;
  font-style: italic;
}
.logo-pie{
  max-width: 150px;
}
.tarifas-aviso{
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.tarifas-aviso2{
  width: 100%;
}
.tarifas-aviso ul{
  padding-left: 25px;
  list-style: none;
}
.tarifas-aviso li{
  position: relative;
}
.tarifas-aviso li:before {
    content: "\f00c";  /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: FontAwesome;
    left: -25px;
    position:absolute;
    top:0;
    color: #218838;
 }
.tarifas-aviso li.text-muted:before {
    content: "\f00d";  /* this is your text. You can also use UTF-8 character codes as I do here */
    color: #868e96!important;
 }
.tarifas-aviso h3,
.tarifas-aviso h4 {
  margin: 0;
}
.tarifas-aviso h4 {
  font-weight: normal;
}
.active.text-muted:after {
    content: '\f0da';
    font-family: FontAwesome;
    float: right;
}
.has-child > .active.text-muted:after {
    content: '';
}
.nav-parent.has-child > a {
    color: #666;
    font-weight: 500;
}
.carta h1,
.carta-de-vinos h1{
  font-size: 1.75rem;
}
.carta h2,
.carta-de-vinos h2{
  font-size: 1.25rem;
}
.carta h3,
.carta-de-vinos h3{
  font-size: 1.15rem;
}
/* zoom carrusel */
  @-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(1, 1);
  }
  to {
    -webkit-transform: scale(1.3, 1.3);
  }
}

@keyframes zoom {
  from {
    transform: scale(1, 1);
  }
  to {
    transform: scale(1.3, 1.3);
  }
}

.carousel-inner .carousel-item .my-img {
  -webkit-animation: zoom 20s;
  animation: zoom 20s;
}
/* FIN zoom carrusel */

/* circle cuenta atrás */
.circle-content{
  font-size: 13px;
  line-height: 1;
}
.circle{
  position: relative;
  width: 2.5em;
  height: 2.5em;
  margin: 0 auto;
  padding-top: .5em;
  margin-top: 2px;  
}
.circle span{
  font-size: 17px;
}
.spinner {
  top: 0;
  position: absolute;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation: loading 30s linear infinite;
          animation: loading 30s linear infinite;
  border-top: 5px solid #eb7260;
  border-right: 5px solid #eb7260;
  border-bottom: 5px solid #eb7260;
  border-left: 5px solid #ccc;
  border-radius: 50%;
}
@-webkit-keyframes loading {
    from {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}
@keyframes loading {
    from {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}
/* FIN circle cuenta atrás */

.my-zoom {
  transform: scale(1.25, 1.25);
  -webkit-animation: zoom2 10s;
  animation: zoom2 10s;
  -webkit-transform: scale(1.25, 1.25);
}
@-webkit-keyframes zoom2 {
  from {
    -webkit-transform: scale(1, 1);
  }
  to {
    -webkit-transform: scale(1.25, 1.25);
  }
}
@keyframes zoom2 {
  from {
    transform: scale(1, 1);
  }
  to {
    transform: scale(1.25, 1.25);
  }
}


.parallax{
    position: relative;
    min-height: 300px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.btn-parallax{
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 300px;
    top: 40%;
    opacity: .8;
    border: 1px solid #fff;
  }


.reloj {
  position: relative;
  -webkit-animation: girar 8s linear infinite;
          animation: girar 8s linear infinite;
}
@keyframes girar {
    from {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

.faq-collapsed {
    display: block;
}
.zoomIt-content{
  overflow: hidden;
}
.tienda .alerta{
  position: absolute;
  top: 3px;
  right: 0;
}
.tienda .card-title{
  font-size: 1em;
}
.tienda .card{
  border: 0;
  border-radius: 0;
}
.relacionados{

}
.tienda .card form{
  overflow: hidden;
}
.tienda #tituloEscaparate{
  margin-top: 0;
}
.link-maestro:hover{
  text-decoration: none;
}
label.tallas:hover,
label.tallas.active{
  cursor: pointer;
  background: #ffc107;
}
.input-unidades{
  width: 110px;
}
.tabla-caracteristicas{
  font-size: .8rem;
}
.fixed-top .navbar-brand img {
    max-width: 140px;
    height: auto;
}

.carousel-video #videoPlayer {
  position: absolute;
  top: 0;
}


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

    #tituloEscaparate {
      margin-top: @base-margin * 2;
    }
  header .navbar-nav a {
    border-top: 1px solid #dddddd;
  }
  .active.text-muted:after {
      content: '\f0d7';
  }  

}

@media screen and (max-width: 768px) {
  .breadcrumb {
    display: none;
  }
  .header-dir{
    display: none;
  }
  .carousel-indicators{
    display: none;
  }
  .carousel-caption span {
      background: none;
      padding: 0;
  }
  .carousel-caption {
      background: #fc4242;
      background: rgba(143, 168, 197,.7);
      padding: 3px 0px;
      bottom: 5px;
  }
  .carousel-caption p,
  .carousel-caption h3 {
    padding: 0!important;
    margin: 0!important;
    font-size: 1.15rem;
    line-height: 1.2;    
  }
  .carousel-caption p {
    font-size: 1rem;
  }   

}
@media screen and (max-width: 575px) {
  .navbar.menu-principal.fixed-top{
    padding: 0 1rem !important;
  } 
  .my-img{
    min-width: 550px;
  }
  .content-1-home h1{
    margin-top: 0;
  }


}
@media screen and (max-width: 400px) {
  .navbar-brand img {
    max-width: 150px;
    height: auto;
  }
  .interiores {
      margin-top: 0;
  }  
}