@font-face{
    font-family: "Rambla";
    src: url('fonts/Rambla-Regular.ttf');
}

/* general */
ul li a, small { color: #ddd; }
.white { color: #fff; }
.black { color: #000; }
.red { color: #E83247; }
.orange { color: #FF8107; }
.navy { color: #4F4F72; }
.gray { color: #2F2C33; }
.silver { color: silver !important; }
.dark-gray { color: #3E3E3E; }
.space { margin-top: 1em; margin-bottom: 1em; }
.max-space { margin-top: 2em; margin-bottom: 2em; }
.sup-space { margin-top: 3em; margin-bottom: 3em; }
.bg-gray { background-color: #F3F2F2; }
.bg-darkgray { background-color: #2F2C33; }
.bg-white { background-color: #FFF; }
.fnt15 { font-size: 1.5em; }

/* menu */
header div.logo img { max-height: 100px; }


/* index */
hr.intro { border: solid 1px blue; width: 10%; text-align: left; margin-left: 0; } 
.main-box >* { color: #fff; }
@media screen and (max-width: 39.9375em) {
	h1.intro { font-size: 1.5em; text-shadow: 1px 1px 6px #000; color: #FFF; font-weight: 900; }
	header.main { position: relative;  }
	.main-box h1 { font-size: 5em; padding-top: 100px; }
	.main-box p { padding-bottom: 150px; }
}
@media screen and (min-width: 40em) {
	h1.intro { font-size: 3em; text-shadow: 1px 1px 6px #000; color: #FFF; font-weight: 900; }
	header.main { position: absolute; z-index: 3; width: 100%; }
	.main-box h1 { font-size: 10em; padding-top: 100px; }
	.main-box p { padding-bottom: 150px; max-width: 400px; }
}
.bg-termo { background: url('../img/banner/termo.png')no-repeat; background-size: cover;  }

.box-icons p { font-weight: 700; padding: 1em 2em; }
.btn-tel { background-color: #0C0C4A; padding: 0px 15px; border-radius: 10px; }


/* nosotros */
header.inns { background-color: #0C0C4A; }
.footer { padding-top: 100px;}
.footer a, .footer  p{ color: #F9F9F9; }
ul.brands img {  max-height: 60px; }
ul.brands img {
  transition: filter .5s ease-in-out;
  -webkit-filter: grayscale(100%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: grayscale(100%); /* FF 35+ */
}
ul.brands img:hover {
  -webkit-filter: grayscale(0%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: grayscale(0%); /* FF 35+ */
}
ul.asme li img { padding: 5px 15px; }


/* productos */
.cd-filter { display: none; }
.cd-filter.filter-is-visible { display: block; overflow-y: scroll;  }
#desc, #props { border-top: solid 2px #FF8107; }
#desc b { color: #333; }
h1.modelo { font-size: 2em; color: #0C0C4A; }
div.modelo { background: url('../img/bgs/render.png')no-repeat 250% 0; background-size: contain;  }
#props img { max-height: 45px; }
#galleria{ max-width: 700px; height: 400px; background: transparent !important; }
.galleria-theme-classic { background-color: transparent !important; }
#productos figure figcaption{ 
  max-width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#productos li {  padding: 10px; text-align: center; }
#lightgallery img { max-height: 150px; }


/* contact */
#map {
    height: 100%;
    min-height: 150px;
    width: 350px;
}

ul.brands img {  max-height: 70px; }
ul.brands img {
  transition: filter .5s ease-in-out;
  -webkit-filter: brightness(0) invert(1); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter:  brightness(0) invert(1); /* FF 35+ */
}

ul.brands img:hover {
  -webkit-filter: brightness(100%) ; /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: brightness(100%) ; /* FF 35+ */
}

/* rib */
#rib-wrap { 
  bottom: 10%;
  position: fixed;
  right: 0;
}
#ribbon {
        padding: .25em .75em;        
        color: #ffffff;
        font: 1em, monospace;
        text-align: center;
        letter-spacing:0.1em;
        text-shadow: 0px -1px 0px rgba(0,0,0,0.3);
        box-shadow: inset 0px 1px 0px rgba(255,255,255,.3),
                    inset 0px 0px 20px rgba(0,0,0,0.1),
                    0px 1px 1px rgba(0,0,0,0.4);
        background: -webkit-linear-gradient(top,#1eb2df, #17a7d2);
        display: inline-block;
}
    
#ribbon:before{
        content: "";
        width:.2em;
        bottom:-.5em;
        position:absolute;
        display:block;
        border: .9em solid #1eb2df;
        box-shadow:0px 1px 0px rgba(0,0,0,0.4);
        z-index:-2;
}
    
#ribbon:before {
        left:-1.15em;
        border-right-width: .75em;
        border-left-color:transparent;
}

#rib-in a{ 
  color: #fff; font-family: "Georgia";
}

#rib-in:before {
        content:"";
        bottom:-.5em;
        position:absolute;
        display:block;
        border-style:solid;
        border-color: #0675b3 transparent transparent transparent;
        z-index:-1;
    }
    
#rib-in:before {
      left: 0;
      border-width: .5em 0 0 .5em;
    }