.brands.hasBackground{position:relative}.brands .background{height:100%;left:0;opacity:.2;overflow:hidden;position:absolute;top:0;width:100%;z-index:-1}.brands .background img{display:block;height:100%;max-width:none;-o-object-fit:cover;object-fit:cover;-o-object-position:50%;object-position:50%;width:100%}.brands .h1,.brands .h3,.brands .text,.brands h1,.brands h2,.brands h3{text-align:center}.brands .text p{margin-top:1.5rem}.brands .entry{margin-top:2.5rem}.brands .front{background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:160px;padding:1rem}.brands .front img{display:block;height:100%;-o-object-fit:contain;object-fit:contain}.brands .back .text{margin-top:1rem}@media (min-width:400px){.brands .entries{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:center}.brands .entry{margin-right:4%;margin-top:calc(11.03139px + 2.24215vw);width:48%}}@media (min-width:1293px){.brands .entry{margin-top:40px}}@media (min-width:400px) and (max-width:699px){.brands .entry:nth-child(2n),.brands .entry:nth-child(odd):last-child{margin-right:0}}@media (min-width:700px){.brands .entry{margin-right:2.6666666667%;width:23%}.brands .entry:last-child,.brands .entry:nth-child(4n){margin-right:0}}@media (min-width:1000px){.brands .inner{height:100%;position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:-webkit-transform .8s;transition:-webkit-transform .8s;transition:transform .8s;transition:transform .8s,-webkit-transform .8s;width:100%}.brands .back,.brands .front{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%;position:absolute;width:100%}.brands .back{background-color:#55575d;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:2rem}.brands .entry{cursor:pointer;height:145px;width:22.5%}.brands .entry:hover .inner{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}}
/*# sourceMappingURL=/wp-content/themes/netElSalon/assets/css/maps/elements/brands.css.map */