@import url(https://fonts.googleapis.com/css?family=Oleo+Script|Oleo+Script+Swash+Caps);body,html{background:#000;height:100%}body{overflow:hidden;min-width:310px;min-height:470px}#Sucursales{height:100%}#Sucursales .zona-rosa{background:#df0000;background:linear-gradient(to bottom,#df0000 19%,#140000 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#df0000', endColorstr='#140000', GradientType=0 );padding:0;position:relative;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;font-size:1.3em;color:#fff;font-family:'Oleo Script Swash Caps',cursive;z-index:3;border-bottom:.5px #fff solid;text-shadow:5px 5px 5px #000;overflow:hidden}#Sucursales .particles-js-canvas-el{position:absolute;z-index:-2;height:60%!important;top:0}#Sucursales p{margin-bottom:0;font-family:'Oleo Script',cursive}#Sucursales .zona-rosa .background-back{width:100%;height:100%;position:absolute;background-image:url(../img/Sucursales/bar-la-noria-zona-rosa-background.jpg);background-size:cover;background-position:center right;background-repeat:no-repeat;z-index:-1}#Sucursales .zona-rosa .background-front{width:100%;height:65%;position:absolute;top:35%;background-image:url(../img/Sucursales/bar-la-noria-zona-rosa-background2.png);background-position:left top;background-size:120%;z-index:-1}.animation-dance-in{-webkit-animation:dance 9s ease-in-out infinite;animation:dance 9s ease-in-out infinite}@-webkit-keyframes dance{0%{background-position:left top;background-size:120%}50%{background-position:right top;background-size:120%}100%{background-position:left top;background-size:120%}}@keyframes dance{0%{background-position:left top;background-size:120%}50%{background-position:right top;background-size:120%}100%{background-position:left top;background-size:120%}}#Sucursales .satelite{padding:0;position:relative;overflow:hidden;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;font-size:1.3em;color:#fff;font-family:'Oleo Script Swash Caps',cursive;z-index:3;border-top:.5px #fff solid;text-shadow:5px 5px 5px #000;overflow:hidden}#Sucursales .satelite .background-back{width:150%;height:100%;left:-25%;top:-25%;position:absolute;z-index:-3;background:radial-gradient(ellipse at center,rgba(132,132,132,.53) 1%,rgba(0,0,0,.75) 47%,#000 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#87848484', endColorstr='#000000', GradientType=1 )}#Sucursales .satelite .background-front{width:100%;height:65%;position:absolute;top:35%;background-image:url(../img/Sucursales/bar-la-noria-satelite-background2.png);background-position:bottom;background-repeat:no-repeat;z-index:-1;background-size:100%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}#Sucursales .satelite .background-front .invite{height:100%;position:absolute}#Sucursales .satelite .background-front .invite-cont{display:table;background-image:url(../img/Sucursales/sprite.png);background-size:auto 100%;background-repeat:no-repeat;background-position:left;-webkit-animation-timing-function:steps(29);animation-timing-function:steps(29);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;width:100%;height:100%}#Sucursales .satelite .background-front .invite img{width:auto;height:100%;min-width:100px}@-webkit-keyframes invite{from{background-position:left}to{background-position:right}}@keyframes invite{from{background-position:left}to{background-position:right}}@-webkit-keyframes invite-out{from{background-position:right}to{background-position:left}}@keyframes invite-out{from{background-position:right}to{background-position:left}}#Sucursales .satelite .background-front .invite:last-child{-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scaleX(-1);right:0}#Sucursales .container{width:25vh;height:25vh;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}#Sucursales .thumbnail{background-color:rgba(255,255,255,.3);border-radius:50%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border:solid 2px #fff;margin:.3em 0 0 0;transition:.2s;width:25vh;width:25vh;will-change:opacity,transform}#Sucursales .SucursalType,#Sucursales .background-front,#Sucursales .social-bar,#Sucursales figcaption{will-change:opacity}.animation-invite-in{-webkit-animation:invite .6s linear;animation:invite .6s linear;-webkit-animation-timing-function:steps(29);animation-timing-function:steps(29);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.animation-invite-out{-webkit-animation:invite-out .6s linear;animation:invite-out .6s linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#Sucursales .thumbnail:active,#Sucursales .thumbnail:hover{background-color:rgba(255,255,255,.8);-webkit-animation:zoom 1.3s ease-in-out infinite;animation:zoom 1.3s ease-in-out infinite}@-webkit-keyframes zoom{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.8);transform:scale(.8)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes zoom{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.8);transform:scale(.8)}100%{-webkit-transform:scale(1);transform:scale(1)}}#Sucursales .thumbnail img{max-width:95%}#Sucursales .social-bar{list-style-type:none;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;margin:0}#Sucursales .social-bar li{padding:0;margin:0 .5em;font-size:1.5em;will-change:transform}#Sucursales .social-bar li a{color:#fff}#Sucursales .social-bar li i.fi-social-twitter:active,#Sucursales .social-bar li i.fi-social-twitter:hover{color:#00aced}#Sucursales .social-bar li i.fi-social-facebook:active,#Sucursales .social-bar li i.fi-social-facebook:hover{color:#3b5998}#Sucursales .social-bar li i.fi-social-instagram:active,#Sucursales .social-bar li i.fi-social-instagram:hover{color:#fed070}#Sucursales .social-bar li:hover{-webkit-animation:move .6s linear infinite;animation:move .6s linear infinite;text-shadow:none}@-webkit-keyframes move{0%{-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:rotate(-25deg) translate(0,-5px);transform:rotate(-25deg) translate(0,-5px)}50%{-webkit-transform:rotate(0) translate(0,0);transform:rotate(0) translate(0,0)}75%{-webkit-transform:rotate(25deg) translate(0,-5px);transform:rotate(25deg) translate(0,-5px)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes move{0%{-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:rotate(-25deg) translate(0,-5px);transform:rotate(-25deg) translate(0,-5px)}50%{-webkit-transform:rotate(0) translate(0,0);transform:rotate(0) translate(0,0)}75%{-webkit-transform:rotate(25deg) translate(0,-5px);transform:rotate(25deg) translate(0,-5px)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}@media screen and (min-width:640px){#Sucursales .zona-rosa{font-size:2.5em}#Sucursales .satelite{font-size:2.5em}#Sucursales .container{width:30vh;height:30vh}#Sucursales .thumbnail{width:30vh}#Sucursales .thumbnail:hover{width:25vh}#Sucursales .social-bar li{padding:0;margin:0 .5em;font-size:1.3em}}@media screen and (min-width:1024px){#Sucursales .zona-rosa{border-bottom:0;border-right:1px solid #fff}#Sucursales .satelite{border-top:0;border-left:1px solid #fff}#Sucursales .container{width:35vh;height:35vh}#Sucursales .thumbnail{width:35vh}#Sucursales .thumbnail:hover{width:32vh;width:32vh;background-color:rgba(255,255,255,.8)}}@media screen and (min-width:1367px){#Sucursales .zona-rosa{font-size:3em}#Sucursales .satelite{font-size:3em}#Sucursales .social-bar li{padding:0;margin:0 .5em;font-size:1.6em}}