@charset "UTF-8";
:root {
  --blue: #20a8d8;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #f86c6b;
  --orange: #f8cb00;
  --yellow: #ffc107;
  --green: #4dbd74;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #73818f;
  --gray-dark: #2f353a;
  --light-blue: #63c2de;
  --gray-100: #f0f3f5;
  --gray-200: #e4e7ea;
  --gray-300: #c8ced3;
  --gray-400: #acb4bc;
  --gray-500: #8f9ba6;
  --gray-600: #73818f;
  --gray-700: #5c6873;
  --gray-800: #2f353a;
  --gray-900: #23282c;
  --primary: #20a8d8;
  --secondary: #c8ced3;
  --success: #4dbd74;
  --info: #63c2de;
  --warning: #ffc107;
  --danger: #f86c6b;
  --light: #f0f3f5;
  --dark: #2f353a;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

@font-face {
  font-family: IconsLineal;
  src: url(../../static/media/IconLinear.eot);
  src: url(../../static/media/IconLinear.eot#iefix) format("embedded-opentype"), url(../../static/media/IconsLineal.ttf) format("truetype"), url(../../static/media/IconsLineal.woff) format("woff"), url(../../static/media/IconsLineal.svg#CoreUI-Icons-Linear) format("svg");
  font-weight: 400;
  font-style: normal;
}
[class*=" icon-"], [class^=icon-] {
  font-family: simple-line-icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-account-logout:before {
  content: "\e927";
}

.icon-action-redo:before {
  content: "\e928";
}

.icon-action-undo:before {
  content: "\e929";
}

.icon-align-center:before {
  content: "\e92a";
}

.icon-align-left:before {
  content: "\e92b";
}

.icon-align-right:before {
  content: "\e92c";
}

.icon-aperture:before {
  content: "\e92d";
}

.icon-arrow-bottom:before {
  content: "\e92e";
}

.icon-arrow-circle-bottom:before {
  content: "\e92f";
}

.icon-arrow-circle-left:before {
  content: "\e930";
}

.icon-arrow-circle-right:before {
  content: "\e931";
}

.icon-arrow-circle-top:before {
  content: "\e932";
}

.icon-arrow-left:before {
  content: "\e933";
}

.icon-arrow-right:before {
  content: "\e934";
}

.icon-arrow-thick-bottom:before {
  content: "\e935";
}

.icon-arrow-thick-left:before {
  content: "\e936";
}

.icon-arrow-thick-right:before {
  content: "\e937";
}

.icon-arrow-thick-top:before {
  content: "\e938";
}

.icon-arrow-top:before {
  content: "\e939";
}

.icon-audio:before {
  content: "\e93a";
}

.icon-audio-spectrum:before {
  content: "\e93b";
}

.icon-badge:before {
  content: "\e93c";
}

.icon-ban:before {
  content: "\e93d";
}

.icon-bar-chart:before {
  content: "\e93e";
}

.icon-battery-empty:before {
  content: "\e93f";
}

.icon-battery-full:before {
  content: "\e940";
}

.icon-beaker:before {
  content: "\e941";
}

.icon-bluetooth:before {
  content: "\e942";
}

.icon-bold:before {
  content: "\e943";
}

.icon-bolt:before {
  content: "\e944";
}

.icon-book:before {
  content: "\e945";
}

.icon-bookmark:before {
  content: "\e946";
}

.icon-box:before {
  content: "\e947";
}

.icon-briefcase:before {
  content: "\e948";
}

.icon-british-pound:before {
  content: "\e949";
}

.icon-browser:before {
  content: "\e94a";
}

.icon-brush:before {
  content: "\e94b";
}

.icon-bug:before {
  content: "\e94c";
}

.icon-bullhorn:before {
  content: "\e94d";
}

.icon-caret-bottom:before {
  content: "\e94e";
}

.icon-caret-left:before {
  content: "\e94f";
}

.icon-caret-right:before {
  content: "\e950";
}

.icon-caret-top:before {
  content: "\e951";
}

.icon-cart:before {
  content: "\e952";
}

.icon-chat:before {
  content: "\e953";
}

.icon-check:before {
  content: "\e954";
}

.icon-chevron-bottom:before {
  content: "\e955";
}

.icon-chevron-left:before {
  content: "\e956";
}

.icon-chevron-right:before {
  content: "\e957";
}

.icon-chevron-top:before {
  content: "\e958";
}

.icon-circle-check:before {
  content: "\e959";
}

.icon-circle-x:before {
  content: "\e95a";
}

.icon-clipboard:before {
  content: "\e95b";
}

.icon-clock:before {
  content: "\e95c";
}

.icon-cloud:before {
  content: "\e95d";
}

.icon-cloud-upload:before {
  content: "\e95e";
}

.icon-cloudy:before {
  content: "\e95f";
}

.icon-social-linkedin:before {
  content: "\e960";
}

.icon-social-spotify:before {
  content: "\e961";
}

.icon-basket-loaded:before {
  content: "\e900";
}

.icon-bell:before {
  content: "\e901";
}

.icon-calculator:before {
  content: "\e902";
}

.icon-calendar:before {
  content: "\e903";
}

.icon-camera:before {
  content: "\e904";
}

.icon-chart:before {
  content: "\e905";
}

.icon-cloud-download:before {
  content: "\e906";
}

.icon-cursor:before {
  content: "\e907";
}

.icon-cursor-move:before {
  content: "\e908";
}

.icon-drop:before {
  content: "\e909";
}

.icon-energy:before {
  content: "\e90a";
}

.icon-envelope-letter:before {
  content: "\e90b";
}

.icon-equalizer:before {
  content: "\e90c";
}

.icon-globe:before {
  content: "\e90d";
}

.icon-graph:before {
  content: "\e90e";
}

.icon-home:before {
  content: "\e90f";
}

.icon-layers:before {
  content: "\e910";
}

.icon-list:before {
  content: "\e911";
}

.icon-location-pin:before {
  content: "\e912";
}

.icon-map:before {
  content: "\e913";
}

.icon-note:before {
  content: "\e914";
}

.icon-options:before {
  content: "\e915";
}

.icon-pencil:before {
  content: "\e916";
}

.icon-people:before {
  content: "\e917";
}

.icon-pie-chart:before {
  content: "\e918";
}

.icon-puzzle:before {
  content: "\e919";
}

.icon-screen-desktop:before {
  content: "\e91a";
}

.icon-screen-smartphone:before {
  content: "\e91b";
}

.icon-settings:before {
  content: "\e91c";
}

.icon-social-facebook:before {
  content: "\e91d";
}

.icon-social-skype:before {
  content: "\e91e";
}

.icon-social-twitter:before {
  content: "\e91f";
}

.icon-speech:before {
  content: "\e920";
}

.icon-speedometer:before {
  content: "\e921";
}

.icon-star:before {
  content: "\e922";
}

.icon-user:before {
  content: "\e923";
}

.icon-user-female:before {
  content: "\e924";
}

.icon-user-follow:before {
  content: "\e925";
}

.icon-user-unfollow:before {
  content: "\e926";
}

.flag-icon, .flag-icon-background {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}

.flag-icon {
  position: relative;
  display: inline-block;
  width: 1.33333333em;
  line-height: 1em;
}

.flag-icon:before {
  content: " ";
}

.flag-icon.flag-icon-squared {
  width: 1em;
}

.flag-icon-ad {
  background-image: url(../../static/media/ad.ead76043.svg);
}

.flag-icon-ad.flag-icon-squared {
  background-image: url(../../static/media/ad.313cc919.svg);
}

.flag-icon-ae {
  background-image: url(../../static/media/ae.d8741634.svg);
}

.flag-icon-ae.flag-icon-squared {
  background-image: url(../../static/media/ae.d5017bce.svg);
}

.flag-icon-af {
  background-image: url(../../static/media/af.da6dc167.svg);
}

.flag-icon-af.flag-icon-squared {
  background-image: url(../../static/media/af.68d6fe6f.svg);
}

.flag-icon-ag {
  background-image: url(../../static/media/ag.55985ed5.svg);
}

.flag-icon-ag.flag-icon-squared {
  background-image: url(../../static/media/ag.f1c7ec53.svg);
}

.flag-icon-ai {
  background-image: url(../../static/media/ai.867c1867.svg);
}

.flag-icon-ai.flag-icon-squared {
  background-image: url(../../static/media/ai.ee6ee9bc.svg);
}

.flag-icon-al {
  background-image: url(../../static/media/al.cabcd942.svg);
}

.flag-icon-al.flag-icon-squared {
  background-image: url(../../static/media/al.6948c7c3.svg);
}

.flag-icon-am {
  background-image: url(../../static/media/am.57c71f36.svg);
}

.flag-icon-am.flag-icon-squared {
  background-image: url(../../static/media/am.38853dfc.svg);
}

.flag-icon-ao {
  background-image: url(../../static/media/ao.65de3f08.svg);
}

.flag-icon-ao.flag-icon-squared {
  background-image: url(../../static/media/ao.fdebe4e8.svg);
}

.flag-icon-aq {
  background-image: url(../../static/media/aq.21ec1b9c.svg);
}

.flag-icon-aq.flag-icon-squared {
  background-image: url(../../static/media/aq.c8605782.svg);
}

.flag-icon-ar {
  background-image: url(../../static/media/ar.d66bd9e8.svg);
}

.flag-icon-ar.flag-icon-squared {
  background-image: url(../../static/media/ar.712051b3.svg);
}

.flag-icon-as {
  background-image: url(../../static/media/as.4c218266.svg);
}

.flag-icon-as.flag-icon-squared {
  background-image: url(../../static/media/as.f383cf21.svg);
}

.flag-icon-at {
  background-image: url(../../static/media/at.dc0cdb42.svg);
}

.flag-icon-at.flag-icon-squared {
  background-image: url(../../static/media/at.44a8ad33.svg);
}

.flag-icon-au {
  background-image: url(../../static/media/au.579af05f.svg);
}

.flag-icon-au.flag-icon-squared {
  background-image: url(../../static/media/au.234917b3.svg);
}

.flag-icon-aw {
  background-image: url(../../static/media/aw.f631ae0a.svg);
}

.flag-icon-aw.flag-icon-squared {
  background-image: url(../../static/media/aw.47023705.svg);
}

.flag-icon-ax {
  background-image: url(../../static/media/ax.4ef22d97.svg);
}

.flag-icon-ax.flag-icon-squared {
  background-image: url(../../static/media/ax.9379f20a.svg);
}

.flag-icon-az {
  background-image: url(../../static/media/az.f0dc7933.svg);
}

.flag-icon-az.flag-icon-squared {
  background-image: url(../../static/media/az.e79738c6.svg);
}

.flag-icon-ba {
  background-image: url(../../static/media/ba.b2361911.svg);
}

.flag-icon-ba.flag-icon-squared {
  background-image: url(../../static/media/ba.a8a55bbc.svg);
}

.flag-icon-bb {
  background-image: url(../../static/media/bb.0a122f40.svg);
}

.flag-icon-bb.flag-icon-squared {
  background-image: url(../../static/media/bb.1ba95d58.svg);
}

.flag-icon-bd {
  background-image: url(../../static/media/bd.6bc03e5a.svg);
}

.flag-icon-bd.flag-icon-squared {
  background-image: url(../../static/media/bd.ac8d97bc.svg);
}

.flag-icon-be {
  background-image: url(../../static/media/be.3e206ccb.svg);
}

.flag-icon-be.flag-icon-squared {
  background-image: url(../../static/media/be.e83467b8.svg);
}

.flag-icon-bf {
  background-image: url(../../static/media/bf.d5ebc193.svg);
}

.flag-icon-bf.flag-icon-squared {
  background-image: url(../../static/media/bf.4a2dc342.svg);
}

.flag-icon-bg {
  background-image: url(../../static/media/bg.247feeba.svg);
}

.flag-icon-bg.flag-icon-squared {
  background-image: url(../../static/media/bg.fd31fa36.svg);
}

.flag-icon-bh {
  background-image: url(../../static/media/bh.44ef7f2d.svg);
}

.flag-icon-bh.flag-icon-squared {
  background-image: url(../../static/media/bh.871933eb.svg);
}

.flag-icon-bi {
  background-image: url(../../static/media/bi.aec32be8.svg);
}

.flag-icon-bi.flag-icon-squared {
  background-image: url(../../static/media/bi.fe000991.svg);
}

.flag-icon-bj {
  background-image: url(../../static/media/bj.e0fd9acd.svg);
}

.flag-icon-bj.flag-icon-squared {
  background-image: url(../../static/media/bj.56a63073.svg);
}

.flag-icon-bl {
  background-image: url(../../static/media/bl.6bc0921e.svg);
}

.flag-icon-bl.flag-icon-squared {
  background-image: url(../../static/media/bl.192ca9f3.svg);
}

.flag-icon-bm {
  background-image: url(../../static/media/bm.3c3a4bb2.svg);
}

.flag-icon-bm.flag-icon-squared {
  background-image: url(../../static/media/bm.62e57b0d.svg);
}

.flag-icon-bn {
  background-image: url(../../static/media/bn.8f92a2a6.svg);
}

.flag-icon-bn.flag-icon-squared {
  background-image: url(../../static/media/bn.fbe8d8b2.svg);
}

.flag-icon-bo {
  background-image: url(../../static/media/bo.b8675736.svg);
}

.flag-icon-bo.flag-icon-squared {
  background-image: url(../../static/media/bo.6fb296d5.svg);
}

.flag-icon-bq {
  background-image: url(../../static/media/bq.2c52a7ba.svg);
}

.flag-icon-bq.flag-icon-squared {
  background-image: url(../../static/media/bq.33213090.svg);
}

.flag-icon-br {
  background-image: url(../../static/media/br.1a59cea1.svg);
}

.flag-icon-br.flag-icon-squared {
  background-image: url(../../static/media/br.78de6acf.svg);
}

.flag-icon-bs {
  background-image: url(../../static/media/bs.d7739402.svg);
}

.flag-icon-bs.flag-icon-squared {
  background-image: url(../../static/media/bs.06f208ef.svg);
}

.flag-icon-bt {
  background-image: url(../../static/media/bt.ba78c82b.svg);
}

.flag-icon-bt.flag-icon-squared {
  background-image: url(../../static/media/bt.a8c715fb.svg);
}

.flag-icon-bv {
  background-image: url(../../static/media/bv.335d777f.svg);
}

.flag-icon-bv.flag-icon-squared {
  background-image: url(../../static/media/bv.fb576f4e.svg);
}

.flag-icon-bw {
  background-image: url(../../static/media/bw.3019b827.svg);
}

.flag-icon-bw.flag-icon-squared {
  background-image: url(../../static/media/bw.ee5c04fc.svg);
}

.flag-icon-by {
  background-image: url(../../static/media/by.c37b472c.svg);
}

.flag-icon-by.flag-icon-squared {
  background-image: url(../../static/media/by.f96a9f20.svg);
}

.flag-icon-bz {
  background-image: url(../../static/media/bz.54bf4573.svg);
}

.flag-icon-bz.flag-icon-squared {
  background-image: url(../../static/media/bz.43b35557.svg);
}

.flag-icon-ca {
  background-image: url(../../static/media/ca.17ac1874.svg);
}

.flag-icon-ca.flag-icon-squared {
  background-image: url(../../static/media/ca.fc2f2c1d.svg);
}

.flag-icon-cc {
  background-image: url(../../static/media/cc.df17cb00.svg);
}

.flag-icon-cd {
  background-image: url(../../static/media/cd.8316eaf8.svg);
}

.flag-icon-cd.flag-icon-squared {
  background-image: url(../../static/media/cd.ee26ac27.svg);
}

.flag-icon-cf {
  background-image: url(../../static/media/cf.20a25c2a.svg);
}

.flag-icon-cf.flag-icon-squared {
  background-image: url(../../static/media/cf.bd69d342.svg);
}

.flag-icon-cg {
  background-image: url(../../static/media/cg.2e89ed7e.svg);
}

.flag-icon-cg.flag-icon-squared {
  background-image: url(../../static/media/cg.130e4bd0.svg);
}

.flag-icon-ch {
  background-image: url(../../static/media/ch.c493a4ec.svg);
}

.flag-icon-ch.flag-icon-squared {
  background-image: url(../../static/media/ch.12ad982c.svg);
}

.flag-icon-ci {
  background-image: url(../../static/media/ci.18fced23.svg);
}

.flag-icon-ci.flag-icon-squared {
  background-image: url(../../static/media/ci.02f0fd19.svg);
}

.flag-icon-ck {
  background-image: url(../../static/media/ck.842fc3e1.svg);
}

.flag-icon-ck.flag-icon-squared {
  background-image: url(../../static/media/ck.437f1c96.svg);
}

.flag-icon-cl {
  background-image: url(../../static/media/cl.6aff5a42.svg);
}

.flag-icon-cl.flag-icon-squared {
  background-image: url(../../static/media/cl.24a7ff77.svg);
}

.flag-icon-cm {
  background-image: url(../../static/media/cm.af072c01.svg);
}

.flag-icon-cm.flag-icon-squared {
  background-image: url(../../static/media/cm.809d4c84.svg);
}

.flag-icon-cn {
  background-image: url(../../static/media/cn.5e5918ff.svg);
}

.flag-icon-cn.flag-icon-squared {
  background-image: url(../../static/media/cn.bedfd890.svg);
}

.flag-icon-co {
  background-image: url(../../static/media/co.bfda7e86.svg);
}

.flag-icon-co.flag-icon-squared {
  background-image: url(../../static/media/co.ee16270e.svg);
}

.flag-icon-cr {
  background-image: url(../../static/media/cr.60862cdf.svg);
}

.flag-icon-cr.flag-icon-squared {
  background-image: url(../../static/media/cr.7869c8a8.svg);
}

.flag-icon-cu {
  background-image: url(../../static/media/cu.15dee695.svg);
}

.flag-icon-cu.flag-icon-squared {
  background-image: url(../../static/media/cu.e509a089.svg);
}

.flag-icon-cv {
  background-image: url(../../static/media/cv.e7a576cf.svg);
}

.flag-icon-cv.flag-icon-squared {
  background-image: url(../../static/media/cv.ab2ae825.svg);
}

.flag-icon-cw {
  background-image: url(../../static/media/cw.42b4e8a5.svg);
}

.flag-icon-cw.flag-icon-squared {
  background-image: url(../../static/media/cw.723c05c5.svg);
}

.flag-icon-cx {
  background-image: url(../../static/media/cx.a3a129f1.svg);
}

.flag-icon-cx.flag-icon-squared {
  background-image: url(../../static/media/cx.74cec426.svg);
}

.flag-icon-cy {
  background-image: url(../../static/media/cy.805568ec.svg);
}

.flag-icon-cy.flag-icon-squared {
  background-image: url(../../static/media/cy.1b7095f2.svg);
}

.flag-icon-cz {
  background-image: url(../../static/media/cz.b68729d8.svg);
}

.flag-icon-cz.flag-icon-squared {
  background-image: url(../../static/media/cz.5d1c62c2.svg);
}

.flag-icon-de {
  background-image: url(../../static/media/de.a51d522f.svg);
}

.flag-icon-de.flag-icon-squared {
  background-image: url(../../static/media/de.4eb7af0d.svg);
}

.flag-icon-dj {
  background-image: url(../../static/media/dj.9e5f122a.svg);
}

.flag-icon-dj.flag-icon-squared {
  background-image: url(../../static/media/dj.f2abe74e.svg);
}

.flag-icon-dk {
  background-image: url(../../static/media/dk.6d3fd354.svg);
}

.flag-icon-dk.flag-icon-squared {
  background-image: url(../../static/media/dk.68f5f896.svg);
}

.flag-icon-dm {
  background-image: url(../../static/media/dm.26eebc61.svg);
}

.flag-icon-dm.flag-icon-squared {
  background-image: url(../../static/media/dm.0c25d1c9.svg);
}

.flag-icon-do {
  background-image: url(../../static/media/do.b458ed8d.svg);
}

.flag-icon-do.flag-icon-squared {
  background-image: url(../../static/media/do.46ecd3f1.svg);
}

.flag-icon-dz {
  background-image: url(../../static/media/dz.cbc327cb.svg);
}

.flag-icon-dz.flag-icon-squared {
  background-image: url(../../static/media/dz.cd764f68.svg);
}

.flag-icon-ec {
  background-image: url(../../static/media/ec.a5936cd5.svg);
}

.flag-icon-ec.flag-icon-squared {
  background-image: url(../../static/media/ec.0ccc7990.svg);
}

.flag-icon-ee {
  background-image: url(../../static/media/ee.800c650f.svg);
}

.flag-icon-ee.flag-icon-squared {
  background-image: url(../../static/media/ee.6d1e401a.svg);
}

.flag-icon-eg {
  background-image: url(../../static/media/eg.6b3ede57.svg);
}

.flag-icon-eg.flag-icon-squared {
  background-image: url(../../static/media/eg.855377c1.svg);
}

.flag-icon-eh {
  background-image: url(../../static/media/eh.a23d3ca1.svg);
}

.flag-icon-eh.flag-icon-squared {
  background-image: url(../../static/media/eh.285f85bd.svg);
}

.flag-icon-er {
  background-image: url(../../static/media/er.87023ff7.svg);
}

.flag-icon-er.flag-icon-squared {
  background-image: url(../../static/media/er.3ad6e1e3.svg);
}

.flag-icon-es {
  background-image: url(../../static/media/es.2d0caa1a.svg);
}

.flag-icon-es.flag-icon-squared {
  background-image: url(../../static/media/es.8020fcd8.svg);
}

.flag-icon-et {
  background-image: url(../../static/media/et.c7a568b5.svg);
}

.flag-icon-et.flag-icon-squared {
  background-image: url(../../static/media/et.36557b8c.svg);
}

.flag-icon-fi {
  background-image: url(../../static/media/fi.ed0d202e.svg);
}

.flag-icon-fi.flag-icon-squared {
  background-image: url(../../static/media/fi.c09b6701.svg);
}

.flag-icon-fj {
  background-image: url(../../static/media/fj.06a2a0a5.svg);
}

.flag-icon-fj.flag-icon-squared {
  background-image: url(../../static/media/fj.145f6e91.svg);
}

.flag-icon-fk {
  background-image: url(../../static/media/fk.9afe00c8.svg);
}

.flag-icon-fk.flag-icon-squared {
  background-image: url(../../static/media/fk.0346c508.svg);
}

.flag-icon-fm {
  background-image: url(../../static/media/fm.158c1a99.svg);
}

.flag-icon-fm.flag-icon-squared {
  background-image: url(../../static/media/fm.80592cbb.svg);
}

.flag-icon-fo {
  background-image: url(../../static/media/fo.b2a83814.svg);
}

.flag-icon-fo.flag-icon-squared {
  background-image: url(../../static/media/fo.727b464e.svg);
}

.flag-icon-fr {
  background-image: url(../../static/media/fr.5f045d2c.svg);
}

.flag-icon-fr.flag-icon-squared {
  background-image: url(../../static/media/fr.be1df903.svg);
}

.flag-icon-ga {
  background-image: url(../../static/media/ga.94225722.svg);
}

.flag-icon-ga.flag-icon-squared {
  background-image: url(../../static/media/ga.09eba4c8.svg);
}

.flag-icon-gb {
  background-image: url(../../static/media/gb.26f575fe.svg);
}

.flag-icon-gb.flag-icon-squared {
  background-image: url(../../static/media/gb.044f7b44.svg);
}

.flag-icon-gd {
  background-image: url(../../static/media/gd.3fcac19b.svg);
}

.flag-icon-gd.flag-icon-squared {
  background-image: url(../../static/media/gd.14c87934.svg);
}

.flag-icon-ge {
  background-image: url(../../static/media/ge.616a9f1e.svg);
}

.flag-icon-ge.flag-icon-squared {
  background-image: url(../../static/media/ge.dc17a92d.svg);
}

.flag-icon-gf {
  background-image: url(../../static/media/gf.0c190d18.svg);
}

.flag-icon-gf.flag-icon-squared {
  background-image: url(../../static/media/gf.142f9db2.svg);
}

.flag-icon-gg {
  background-image: url(../../static/media/gg.bb803fec.svg);
}

.flag-icon-gg.flag-icon-squared {
  background-image: url(../../static/media/gg.c2b5483a.svg);
}

.flag-icon-gh {
  background-image: url(../../static/media/gh.beaf26e1.svg);
}

.flag-icon-gh.flag-icon-squared {
  background-image: url(../../static/media/gh.1ab7e23a.svg);
}

.flag-icon-gi {
  background-image: url(../../static/media/gi.6d2c289a.svg);
}

.flag-icon-gi.flag-icon-squared {
  background-image: url(../../static/media/gi.e833214f.svg);
}

.flag-icon-gl {
  background-image: url(../../static/media/gl.16733452.svg);
}

.flag-icon-gl.flag-icon-squared {
  background-image: url(../../static/media/gl.cbc3b4bf.svg);
}

.flag-icon-gm {
  background-image: url(../../static/media/gm.ad71e499.svg);
}

.flag-icon-gm.flag-icon-squared {
  background-image: url(../../static/media/gm.69f9b331.svg);
}

.flag-icon-gn {
  background-image: url(../../static/media/gn.7136fba9.svg);
}

.flag-icon-gn.flag-icon-squared {
  background-image: url(../../static/media/gn.a6a97b66.svg);
}

.flag-icon-gp {
  background-image: url(../../static/media/gp.dc2fad88.svg);
}

.flag-icon-gp.flag-icon-squared {
  background-image: url(../../static/media/gp.f270c0dc.svg);
}

.flag-icon-gq {
  background-image: url(../../static/media/gq.c0f67260.svg);
}

.flag-icon-gq.flag-icon-squared {
  background-image: url(../../static/media/gq.6cd4d669.svg);
}

.flag-icon-gr {
  background-image: url(../../static/media/gr.8559fb8b.svg);
}

.flag-icon-gr.flag-icon-squared {
  background-image: url(../../static/media/gr.04d30c88.svg);
}

.flag-icon-gs {
  background-image: url(../../static/media/gs.ffdcf7e8.svg);
}

.flag-icon-gs.flag-icon-squared {
  background-image: url(../../static/media/gs.57397584.svg);
}

.flag-icon-gt {
  background-image: url(../../static/media/gt.b484cf21.svg);
}

.flag-icon-gt.flag-icon-squared {
  background-image: url(../../static/media/gt.46328090.svg);
}

.flag-icon-gu {
  background-image: url(../../static/media/gu.b89b682e.svg);
}

.flag-icon-gu.flag-icon-squared {
  background-image: url(../../static/media/gu.1406c5a9.svg);
}

.flag-icon-gw {
  background-image: url(../../static/media/gw.1e33dcd6.svg);
}

.flag-icon-gw.flag-icon-squared {
  background-image: url(../../static/media/gw.a987ff2c.svg);
}

.flag-icon-gy {
  background-image: url(../../static/media/gy.6373016d.svg);
}

.flag-icon-gy.flag-icon-squared {
  background-image: url(../../static/media/gy.625a1ab0.svg);
}

.flag-icon-hk {
  background-image: url(../../static/media/hk.378ff44b.svg);
}

.flag-icon-hk.flag-icon-squared {
  background-image: url(../../static/media/hk.c0a76dea.svg);
}

.flag-icon-hm {
  background-image: url(../../static/media/hm.a6b406b9.svg);
}

.flag-icon-hm.flag-icon-squared {
  background-image: url(../../static/media/hm.ca37bda6.svg);
}

.flag-icon-hn {
  background-image: url(../../static/media/hn.538bcb99.svg);
}

.flag-icon-hn.flag-icon-squared {
  background-image: url(../../static/media/hn.625e62aa.svg);
}

.flag-icon-hr {
  background-image: url(../../static/media/hr.563d3c09.svg);
}

.flag-icon-hr.flag-icon-squared {
  background-image: url(../../static/media/hr.dc70492e.svg);
}

.flag-icon-ht {
  background-image: url(../../static/media/ht.439ff5b2.svg);
}

.flag-icon-ht.flag-icon-squared {
  background-image: url(../../static/media/ht.bf2699c7.svg);
}

.flag-icon-hu {
  background-image: url(../../static/media/hu.1f258db5.svg);
}

.flag-icon-hu.flag-icon-squared {
  background-image: url(../../static/media/hu.4707577f.svg);
}

.flag-icon-id {
  background-image: url(../../static/media/id.55e54db0.svg);
}

.flag-icon-id.flag-icon-squared {
  background-image: url(../../static/media/id.d107c301.svg);
}

.flag-icon-ie {
  background-image: url(../../static/media/ie.00653f90.svg);
}

.flag-icon-ie.flag-icon-squared {
  background-image: url(../../static/media/ie.196f4bc1.svg);
}

.flag-icon-il {
  background-image: url(../../static/media/il.6450d895.svg);
}

.flag-icon-il.flag-icon-squared {
  background-image: url(../../static/media/il.5746b8c5.svg);
}

.flag-icon-im {
  background-image: url(../../static/media/im.f359e4af.svg);
}

.flag-icon-im.flag-icon-squared {
  background-image: url(../../static/media/im.063e4f27.svg);
}

.flag-icon-in {
  background-image: url(../../static/media/in.b55580fd.svg);
}

.flag-icon-in.flag-icon-squared {
  background-image: url(../../static/media/in.f9c870c7.svg);
}

.flag-icon-io {
  background-image: url(../../static/media/io.c3a9a347.svg);
}

.flag-icon-io.flag-icon-squared {
  background-image: url(../../static/media/io.60c16019.svg);
}

.flag-icon-iq {
  background-image: url(../../static/media/iq.3e39395d.svg);
}

.flag-icon-iq.flag-icon-squared {
  background-image: url(../../static/media/iq.b797eb0b.svg);
}

.flag-icon-ir {
  background-image: url(../../static/media/ir.58c78eab.svg);
}

.flag-icon-ir.flag-icon-squared {
  background-image: url(../../static/media/ir.5e7a66fb.svg);
}

.flag-icon-is {
  background-image: url(../../static/media/is.bf6e98c2.svg);
}

.flag-icon-is.flag-icon-squared {
  background-image: url(../../static/media/is.d2df5720.svg);
}

.flag-icon-it {
  background-image: url(../../static/media/it.39d095fb.svg);
}

.flag-icon-it.flag-icon-squared {
  background-image: url(../../static/media/it.d5204a17.svg);
}

.flag-icon-je {
  background-image: url(../../static/media/je.ae6abe6e.svg);
}

.flag-icon-je.flag-icon-squared {
  background-image: url(../../static/media/je.35c3c091.svg);
}

.flag-icon-jm {
  background-image: url(../../static/media/jm.bb9c6557.svg);
}

.flag-icon-jm.flag-icon-squared {
  background-image: url(../../static/media/jm.c2f79f60.svg);
}

.flag-icon-jo {
  background-image: url(../../static/media/jo.4ac727e7.svg);
}

.flag-icon-jo.flag-icon-squared {
  background-image: url(../../static/media/jo.95900b0b.svg);
}

.flag-icon-jp {
  background-image: url(../../static/media/jp.abf6d360.svg);
}

.flag-icon-jp.flag-icon-squared {
  background-image: url(../../static/media/jp.c43049c2.svg);
}

.flag-icon-ke {
  background-image: url(../../static/media/ke.28bffdde.svg);
}

.flag-icon-ke.flag-icon-squared {
  background-image: url(../../static/media/ke.cdbf16a8.svg);
}

.flag-icon-kg {
  background-image: url(../../static/media/kg.7f25fc52.svg);
}

.flag-icon-kg.flag-icon-squared {
  background-image: url(../../static/media/kg.5cd7c8e6.svg);
}

.flag-icon-kh {
  background-image: url(../../static/media/kh.9e206ef9.svg);
}

.flag-icon-kh.flag-icon-squared {
  background-image: url(../../static/media/kh.f7fb085f.svg);
}

.flag-icon-ki {
  background-image: url(../../static/media/ki.f9be0945.svg);
}

.flag-icon-ki.flag-icon-squared {
  background-image: url(../../static/media/ki.e4d0ec40.svg);
}

.flag-icon-km {
  background-image: url(../../static/media/km.73fc71a8.svg);
}

.flag-icon-km.flag-icon-squared {
  background-image: url(../../static/media/km.8dd5bdd7.svg);
}

.flag-icon-kn {
  background-image: url(../../static/media/kn.262dffc8.svg);
}

.flag-icon-kn.flag-icon-squared {
  background-image: url(../../static/media/kn.7444ddc5.svg);
}

.flag-icon-kp {
  background-image: url(../../static/media/kp.bd080ebd.svg);
}

.flag-icon-kp.flag-icon-squared {
  background-image: url(../../static/media/kp.b9a197f6.svg);
}

.flag-icon-kr {
  background-image: url(../../static/media/kr.4e13befd.svg);
}

.flag-icon-kr.flag-icon-squared {
  background-image: url(../../static/media/kr.b85cc3dc.svg);
}

.flag-icon-kw {
  background-image: url(../../static/media/kw.d8c09028.svg);
}

.flag-icon-kw.flag-icon-squared {
  background-image: url(../../static/media/kw.8fda8b38.svg);
}

.flag-icon-ky {
  background-image: url(../../static/media/ky.f5d9d809.svg);
}

.flag-icon-ky.flag-icon-squared {
  background-image: url(../../static/media/ky.bea1dbdd.svg);
}

.flag-icon-kz {
  background-image: url(../../static/media/kz.0e744e4e.svg);
}

.flag-icon-kz.flag-icon-squared {
  background-image: url(../../static/media/kz.63392ec4.svg);
}

.flag-icon-la {
  background-image: url(../../static/media/la.6db54bae.svg);
}

.flag-icon-la.flag-icon-squared {
  background-image: url(../../static/media/la.90b7d665.svg);
}

.flag-icon-lb {
  background-image: url(../../static/media/lb.818a9149.svg);
}

.flag-icon-lb.flag-icon-squared {
  background-image: url(../../static/media/lb.5fb37558.svg);
}

.flag-icon-lc {
  background-image: url(../../static/media/lc.1f8cb283.svg);
}

.flag-icon-lc.flag-icon-squared {
  background-image: url(../../static/media/lc.17a7302c.svg);
}

.flag-icon-li {
  background-image: url(../../static/media/li.5c6e91bd.svg);
}

.flag-icon-li.flag-icon-squared {
  background-image: url(../../static/media/li.963c7aa5.svg);
}

.flag-icon-lk {
  background-image: url(../../static/media/lk.f4106211.svg);
}

.flag-icon-lk.flag-icon-squared {
  background-image: url(../../static/media/lk.9822728d.svg);
}

.flag-icon-lr {
  background-image: url(../../static/media/lr.5ed045da.svg);
}

.flag-icon-lr.flag-icon-squared {
  background-image: url(../../static/media/lr.9d07aaa0.svg);
}

.flag-icon-ls {
  background-image: url(../../static/media/ls.bfa2f185.svg);
}

.flag-icon-ls.flag-icon-squared {
  background-image: url(../../static/media/ls.c18e9d9a.svg);
}

.flag-icon-lt {
  background-image: url(../../static/media/lt.759bbeac.svg);
}

.flag-icon-lt.flag-icon-squared {
  background-image: url(../../static/media/lt.f1a8d690.svg);
}

.flag-icon-lu {
  background-image: url(../../static/media/lu.1ac4d60f.svg);
}

.flag-icon-lu.flag-icon-squared {
  background-image: url(../../static/media/lu.246e0e71.svg);
}

.flag-icon-lv {
  background-image: url(../../static/media/lv.dbff0718.svg);
}

.flag-icon-lv.flag-icon-squared {
  background-image: url(../../static/media/lv.578aa332.svg);
}

.flag-icon-ly {
  background-image: url(../../static/media/ly.f75b16b4.svg);
}

.flag-icon-ly.flag-icon-squared {
  background-image: url(../../static/media/ly.a8a61db8.svg);
}

.flag-icon-ma {
  background-image: url(../../static/media/ma.07997bbe.svg);
}

.flag-icon-ma.flag-icon-squared {
  background-image: url(../../static/media/ma.86244aa5.svg);
}

.flag-icon-mc {
  background-image: url(../../static/media/mc.749e995c.svg);
}

.flag-icon-mc.flag-icon-squared {
  background-image: url(../../static/media/mc.a6daee7d.svg);
}

.flag-icon-md {
  background-image: url(../../static/media/md.bba429bf.svg);
}

.flag-icon-md.flag-icon-squared {
  background-image: url(../../static/media/md.63f49a60.svg);
}

.flag-icon-me {
  background-image: url(../../static/media/me.dadc0f0c.svg);
}

.flag-icon-me.flag-icon-squared {
  background-image: url(../../static/media/me.0456e73c.svg);
}

.flag-icon-mf {
  background-image: url(../../static/media/mf.d2d3f46a.svg);
}

.flag-icon-mf.flag-icon-squared {
  background-image: url(../../static/media/mf.210c4ae6.svg);
}

.flag-icon-mg {
  background-image: url(../../static/media/mg.f2a14d46.svg);
}

.flag-icon-mg.flag-icon-squared {
  background-image: url(../../static/media/mg.f3e5ef06.svg);
}

.flag-icon-mh {
  background-image: url(../../static/media/mh.d44b1528.svg);
}

.flag-icon-mh.flag-icon-squared {
  background-image: url(../../static/media/mh.0b4162ec.svg);
}

.flag-icon-mk {
  background-image: url(../../static/media/mk.d1cfe0c7.svg);
}

.flag-icon-mk.flag-icon-squared {
  background-image: url(../../static/media/mk.91289334.svg);
}

.flag-icon-ml {
  background-image: url(../../static/media/ml.7d0a81ea.svg);
}

.flag-icon-ml.flag-icon-squared {
  background-image: url(../../static/media/ml.ba541844.svg);
}

.flag-icon-mm {
  background-image: url(../../static/media/mm.fa18e4a3.svg);
}

.flag-icon-mm.flag-icon-squared {
  background-image: url(../../static/media/mm.7d0163c5.svg);
}

.flag-icon-mn {
  background-image: url(../../static/media/mn.1c60e250.svg);
}

.flag-icon-mn.flag-icon-squared {
  background-image: url(../../static/media/mn.10765d4c.svg);
}

.flag-icon-mo {
  background-image: url(../../static/media/mo.2cf849c3.svg);
}

.flag-icon-mo.flag-icon-squared {
  background-image: url(../../static/media/mo.5bb556f0.svg);
}

.flag-icon-mp {
  background-image: url(../../static/media/mp.9f377cb9.svg);
}

.flag-icon-mp.flag-icon-squared {
  background-image: url(../../static/media/mp.bc3b5c5f.svg);
}

.flag-icon-mq {
  background-image: url(../../static/media/mq.be16d4d4.svg);
}

.flag-icon-mq.flag-icon-squared {
  background-image: url(../../static/media/mq.b3c6d3a0.svg);
}

.flag-icon-mr {
  background-image: url(../../static/media/mr.eadf639d.svg);
}

.flag-icon-mr.flag-icon-squared {
  background-image: url(../../static/media/mr.449d1c39.svg);
}

.flag-icon-ms {
  background-image: url(../../static/media/ms.80d6b397.svg);
}

.flag-icon-ms.flag-icon-squared {
  background-image: url(../../static/media/ms.98bf5c5e.svg);
}

.flag-icon-mt {
  background-image: url(../../static/media/mt.d6eccaef.svg);
}

.flag-icon-mt.flag-icon-squared {
  background-image: url(../../static/media/mt.32605840.svg);
}

.flag-icon-mu {
  background-image: url(../../static/media/mu.f30f99d8.svg);
}

.flag-icon-mu.flag-icon-squared {
  background-image: url(../../static/media/mu.6362bb22.svg);
}

.flag-icon-mv {
  background-image: url(../../static/media/mv.5091e702.svg);
}

.flag-icon-mv.flag-icon-squared {
  background-image: url(../../static/media/mv.a82f329b.svg);
}

.flag-icon-mw {
  background-image: url(../../static/media/mw.f9e36b31.svg);
}

.flag-icon-mw.flag-icon-squared {
  background-image: url(../../static/media/mw.2d49b1f1.svg);
}

.flag-icon-mx {
  background-image: url(../../static/media/mx.2101146e.svg);
}

.flag-icon-mx.flag-icon-squared {
  background-image: url(../../static/media/mx.98615f7f.svg);
}

.flag-icon-my {
  background-image: url(../../static/media/my.190d4872.svg);
}

.flag-icon-my.flag-icon-squared {
  background-image: url(../../static/media/my.b7e5d431.svg);
}

.flag-icon-mz {
  background-image: url(../../static/media/mz.90037d6e.svg);
}

.flag-icon-mz.flag-icon-squared {
  background-image: url(../../static/media/mz.6f84b9a5.svg);
}

.flag-icon-na {
  background-image: url(../../static/media/na.24e7fe9c.svg);
}

.flag-icon-na.flag-icon-squared {
  background-image: url(../../static/media/na.839f8f37.svg);
}

.flag-icon-nc {
  background-image: url(../../static/media/nc.c5187b82.svg);
}

.flag-icon-nc.flag-icon-squared {
  background-image: url(../../static/media/nc.72c93fae.svg);
}

.flag-icon-ne {
  background-image: url(../../static/media/ne.01cfd5bd.svg);
}

.flag-icon-ne.flag-icon-squared {
  background-image: url(../../static/media/ne.b109ddc7.svg);
}

.flag-icon-nf {
  background-image: url(../../static/media/nf.14aaa3ef.svg);
}

.flag-icon-nf.flag-icon-squared {
  background-image: url(../../static/media/nf.3315be59.svg);
}

.flag-icon-ng {
  background-image: url(../../static/media/ng.580254d5.svg);
}

.flag-icon-ng.flag-icon-squared {
  background-image: url(../../static/media/ng.5880b5c8.svg);
}

.flag-icon-ni {
  background-image: url(../../static/media/ni.5830a76a.svg);
}

.flag-icon-ni.flag-icon-squared {
  background-image: url(../../static/media/ni.5006277c.svg);
}

.flag-icon-nl {
  background-image: url(../../static/media/nl.79e47ea0.svg);
}

.flag-icon-nl.flag-icon-squared {
  background-image: url(../../static/media/nl.09ccf3b3.svg);
}

.flag-icon-no {
  background-image: url(../../static/media/no.d3c5a0b6.svg);
}

.flag-icon-no.flag-icon-squared {
  background-image: url(../../static/media/no.f59f9b3f.svg);
}

.flag-icon-np {
  background-image: url(../../static/media/np.a9421038.svg);
}

.flag-icon-np.flag-icon-squared {
  background-image: url(../../static/media/np.9655cd63.svg);
}

.flag-icon-nr {
  background-image: url(../../static/media/nr.6bd0e7de.svg);
}

.flag-icon-nr.flag-icon-squared {
  background-image: url(../../static/media/nr.06e0d963.svg);
}

.flag-icon-nu {
  background-image: url(../../static/media/nu.dc7a2b14.svg);
}

.flag-icon-nu.flag-icon-squared {
  background-image: url(../../static/media/nu.9d939773.svg);
}

.flag-icon-nz {
  background-image: url(../../static/media/nz.248dbad1.svg);
}

.flag-icon-nz.flag-icon-squared {
  background-image: url(../../static/media/nz.210dd911.svg);
}

.flag-icon-om {
  background-image: url(../../static/media/om.2ebf43af.svg);
}

.flag-icon-om.flag-icon-squared {
  background-image: url(../../static/media/om.f7223881.svg);
}

.flag-icon-pa {
  background-image: url(../../static/media/pa.ced4a242.svg);
}

.flag-icon-pa.flag-icon-squared {
  background-image: url(../../static/media/pa.d9eb83de.svg);
}

.flag-icon-pe {
  background-image: url(../../static/media/pe.f0816c37.svg);
}

.flag-icon-pe.flag-icon-squared {
  background-image: url(../../static/media/pe.ee097e50.svg);
}

.flag-icon-pf {
  background-image: url(../../static/media/pf.d7a93501.svg);
}

.flag-icon-pf.flag-icon-squared {
  background-image: url(../../static/media/pf.5f66e631.svg);
}

.flag-icon-pg {
  background-image: url(../../static/media/pg.068910e2.svg);
}

.flag-icon-pg.flag-icon-squared {
  background-image: url(../../static/media/pg.ae40d371.svg);
}

.flag-icon-ph {
  background-image: url(../../static/media/ph.b7bec49e.svg);
}

.flag-icon-ph.flag-icon-squared {
  background-image: url(../../static/media/ph.ad4ca7ce.svg);
}

.flag-icon-pk {
  background-image: url(../../static/media/pk.2fddfea3.svg);
}

.flag-icon-pk.flag-icon-squared {
  background-image: url(../../static/media/pk.a79bdd99.svg);
}

.flag-icon-pl {
  background-image: url(../../static/media/pl.0ca345e7.svg);
}

.flag-icon-pl.flag-icon-squared {
  background-image: url(../../static/media/pl.4a936767.svg);
}

.flag-icon-pm {
  background-image: url(../../static/media/pm.deb31e6c.svg);
}

.flag-icon-pm.flag-icon-squared {
  background-image: url(../../static/media/pm.d14d74e8.svg);
}

.flag-icon-pn {
  background-image: url(../../static/media/pn.e56155c1.svg);
}

.flag-icon-pn.flag-icon-squared {
  background-image: url(../../static/media/pn.011983ac.svg);
}

.flag-icon-pr {
  background-image: url(../../static/media/pr.346139ed.svg);
}

.flag-icon-pr.flag-icon-squared {
  background-image: url(../../static/media/pr.5fb60efd.svg);
}

.flag-icon-ps {
  background-image: url(../../static/media/ps.04f55893.svg);
}

.flag-icon-ps.flag-icon-squared {
  background-image: url(../../static/media/ps.0aecfee2.svg);
}

.flag-icon-pt {
  background-image: url(../../static/media/pt.3c410042.svg);
}

.flag-icon-pt.flag-icon-squared {
  background-image: url(../../static/media/pt.49204270.svg);
}

.flag-icon-pw {
  background-image: url(../../static/media/pw.8bfbafe2.svg);
}

.flag-icon-pw.flag-icon-squared {
  background-image: url(../../static/media/pw.def1819b.svg);
}

.flag-icon-py {
  background-image: url(../../static/media/py.b7956113.svg);
}

.flag-icon-py.flag-icon-squared {
  background-image: url(../../static/media/py.93030135.svg);
}

.flag-icon-qa {
  background-image: url(../../static/media/qa.567371af.svg);
}

.flag-icon-qa.flag-icon-squared {
  background-image: url(../../static/media/qa.103a7434.svg);
}

.flag-icon-re {
  background-image: url(../../static/media/re.db8d6956.svg);
}

.flag-icon-re.flag-icon-squared {
  background-image: url(../../static/media/re.535389c1.svg);
}

.flag-icon-ro {
  background-image: url(../../static/media/ro.64515b6a.svg);
}

.flag-icon-ro.flag-icon-squared {
  background-image: url(../../static/media/ro.e8cfe32c.svg);
}

.flag-icon-rs {
  background-image: url(../../static/media/rs.9926aca8.svg);
}

.flag-icon-rs.flag-icon-squared {
  background-image: url(../../static/media/rs.4eaf546a.svg);
}

.flag-icon-ru {
  background-image: url(../../static/media/ru.eb6d8418.svg);
}

.flag-icon-ru.flag-icon-squared {
  background-image: url(../../static/media/ru.0f6e3867.svg);
}

.flag-icon-rw {
  background-image: url(../../static/media/rw.ad9eee21.svg);
}

.flag-icon-rw.flag-icon-squared {
  background-image: url(../../static/media/rw.3c99a189.svg);
}

.flag-icon-sa {
  background-image: url(../../static/media/sa.6cc2f890.svg);
}

.flag-icon-sa.flag-icon-squared {
  background-image: url(../../static/media/sa.d2578130.svg);
}

.flag-icon-sb {
  background-image: url(../../static/media/sb.9b02d1c7.svg);
}

.flag-icon-sb.flag-icon-squared {
  background-image: url(../../static/media/sb.97023a5d.svg);
}

.flag-icon-sc {
  background-image: url(../../static/media/sc.c5f77013.svg);
}

.flag-icon-sc.flag-icon-squared {
  background-image: url(../../static/media/sc.18d0ba5c.svg);
}

.flag-icon-sd {
  background-image: url(../../static/media/sd.b91bc7d2.svg);
}

.flag-icon-sd.flag-icon-squared {
  background-image: url(../../static/media/sd.0942912c.svg);
}

.flag-icon-se {
  background-image: url(../../static/media/se.0f303b3a.svg);
}

.flag-icon-se.flag-icon-squared {
  background-image: url(../../static/media/se.8fd954d4.svg);
}

.flag-icon-sg {
  background-image: url(../../static/media/sg.08622d7e.svg);
}

.flag-icon-sg.flag-icon-squared {
  background-image: url(../../static/media/sg.d4402fa2.svg);
}

.flag-icon-sh {
  background-image: url(../../static/media/sh.db2ed663.svg);
}

.flag-icon-sh.flag-icon-squared {
  background-image: url(../../static/media/sh.2c0e7a98.svg);
}

.flag-icon-si {
  background-image: url(../../static/media/si.59516929.svg);
}

.flag-icon-si.flag-icon-squared {
  background-image: url(../../static/media/si.52d92007.svg);
}

.flag-icon-sj {
  background-image: url(../../static/media/sj.209f1a8d.svg);
}

.flag-icon-sj.flag-icon-squared {
  background-image: url(../../static/media/sj.5c02688a.svg);
}

.flag-icon-sk {
  background-image: url(../../static/media/sk.daee0d7f.svg);
}

.flag-icon-sk.flag-icon-squared {
  background-image: url(../../static/media/sk.e4388552.svg);
}

.flag-icon-sl {
  background-image: url(../../static/media/sl.e22f0ea3.svg);
}

.flag-icon-sl.flag-icon-squared {
  background-image: url(../../static/media/sl.98468e8e.svg);
}

.flag-icon-sm {
  background-image: url(../../static/media/sm.6b9322fe.svg);
}

.flag-icon-sm.flag-icon-squared {
  background-image: url(../../static/media/sm.c1143f65.svg);
}

.flag-icon-sn {
  background-image: url(../../static/media/sn.66286418.svg);
}

.flag-icon-sn.flag-icon-squared {
  background-image: url(../../static/media/sn.b3447079.svg);
}

.flag-icon-so {
  background-image: url(../../static/media/so.c76d906b.svg);
}

.flag-icon-so.flag-icon-squared {
  background-image: url(../../static/media/so.381e0656.svg);
}

.flag-icon-sr {
  background-image: url(../../static/media/sr.2db9d92e.svg);
}

.flag-icon-sr.flag-icon-squared {
  background-image: url(../../static/media/sr.da031167.svg);
}

.flag-icon-ss {
  background-image: url(../../static/media/ss.39504001.svg);
}

.flag-icon-ss.flag-icon-squared {
  background-image: url(../../static/media/ss.f0639fa5.svg);
}

.flag-icon-st {
  background-image: url(../../static/media/st.dafd1b54.svg);
}

.flag-icon-st.flag-icon-squared {
  background-image: url(../../static/media/st.176ebc09.svg);
}

.flag-icon-sv {
  background-image: url(../../static/media/sv.d634f9a6.svg);
}

.flag-icon-sv.flag-icon-squared {
  background-image: url(../../static/media/sv.3079f878.svg);
}

.flag-icon-sx {
  background-image: url(../../static/media/sx.cb86d088.svg);
}

.flag-icon-sx.flag-icon-squared {
  background-image: url(../../static/media/sx.1fc55ded.svg);
}

.flag-icon-sy {
  background-image: url(../../static/media/sy.02b9a07a.svg);
}

.flag-icon-sy.flag-icon-squared {
  background-image: url(../../static/media/sy.8b012c14.svg);
}

.flag-icon-sz {
  background-image: url(../../static/media/sz.aeb0c7ef.svg);
}

.flag-icon-sz.flag-icon-squared {
  background-image: url(../../static/media/sz.f3433e04.svg);
}

.flag-icon-tc {
  background-image: url(../../static/media/tc.8f88612b.svg);
}

.flag-icon-tc.flag-icon-squared {
  background-image: url(../../static/media/tc.d8595b03.svg);
}

.flag-icon-td {
  background-image: url(../../static/media/td.7a610abb.svg);
}

.flag-icon-td.flag-icon-squared {
  background-image: url(../../static/media/td.5bd58c9a.svg);
}

.flag-icon-tf {
  background-image: url(../../static/media/tf.4ac80a53.svg);
}

.flag-icon-tf.flag-icon-squared {
  background-image: url(../../static/media/tf.ea9f2477.svg);
}

.flag-icon-tg {
  background-image: url(../../static/media/tg.b48a780a.svg);
}

.flag-icon-tg.flag-icon-squared {
  background-image: url(../../static/media/tg.071e935e.svg);
}

.flag-icon-th {
  background-image: url(../../static/media/th.87891755.svg);
}

.flag-icon-th.flag-icon-squared {
  background-image: url(../../static/media/th.a88d006a.svg);
}

.flag-icon-tj {
  background-image: url(../../static/media/tj.fa81647a.svg);
}

.flag-icon-tj.flag-icon-squared {
  background-image: url(../../static/media/tj.76ed9f47.svg);
}

.flag-icon-tk {
  background-image: url(../../static/media/tk.f2c3a640.svg);
}

.flag-icon-tk.flag-icon-squared {
  background-image: url(../../static/media/tk.0f4fb02a.svg);
}

.flag-icon-tl {
  background-image: url(../../static/media/tl.64f3c7e0.svg);
}

.flag-icon-tl.flag-icon-squared {
  background-image: url(../../static/media/tl.2c6671da.svg);
}

.flag-icon-tm {
  background-image: url(../../static/media/tm.8e52383f.svg);
}

.flag-icon-tm.flag-icon-squared {
  background-image: url(../../static/media/tm.ebbd1999.svg);
}

.flag-icon-tn {
  background-image: url(../../static/media/tn.64df3150.svg);
}

.flag-icon-tn.flag-icon-squared {
  background-image: url(../../static/media/tn.4ce2a1d2.svg);
}

.flag-icon-to {
  background-image: url(../../static/media/to.11bd964d.svg);
}

.flag-icon-to.flag-icon-squared {
  background-image: url(../../static/media/to.10c5f4e3.svg);
}

.flag-icon-tr {
  background-image: url(../../static/media/tr.a275961f.svg);
}

.flag-icon-tr.flag-icon-squared {
  background-image: url(../../static/media/tr.60fb2434.svg);
}

.flag-icon-tt {
  background-image: url(../../static/media/tt.c9d438bf.svg);
}

.flag-icon-tt.flag-icon-squared {
  background-image: url(../../static/media/tt.4997474f.svg);
}

.flag-icon-tv {
  background-image: url(../../static/media/tv.5c596d5c.svg);
}

.flag-icon-tv.flag-icon-squared {
  background-image: url(../../static/media/tv.14adc05c.svg);
}

.flag-icon-tw {
  background-image: url(../../static/media/tw.3101336b.svg);
}

.flag-icon-tw.flag-icon-squared {
  background-image: url(../../static/media/tw.22084f47.svg);
}

.flag-icon-tz {
  background-image: url(../../static/media/tz.5cff96bc.svg);
}

.flag-icon-tz.flag-icon-squared {
  background-image: url(../../static/media/tz.bdfcd45f.svg);
}

.flag-icon-ua {
  background-image: url(../../static/media/ua.3697c943.svg);
}

.flag-icon-ua.flag-icon-squared {
  background-image: url(../../static/media/ua.b4866f4d.svg);
}

.flag-icon-ug {
  background-image: url(../../static/media/ug.cd35ef48.svg);
}

.flag-icon-ug.flag-icon-squared {
  background-image: url(../../static/media/ug.c5c09c98.svg);
}

.flag-icon-um {
  background-image: url(../../static/media/um.deb31d49.svg);
}

.flag-icon-um.flag-icon-squared {
  background-image: url(../../static/media/um.de83fba0.svg);
}

.flag-icon-us {
  background-image: url(../../static/media/us.2e9ea4b0.svg);
}

.flag-icon-us.flag-icon-squared {
  background-image: url(../../static/media/us.617c6a55.svg);
}

.flag-icon-uy {
  background-image: url(../../static/media/uy.e2e873b3.svg);
}

.flag-icon-uy.flag-icon-squared {
  background-image: url(../../static/media/uy.b193a351.svg);
}

.flag-icon-uz {
  background-image: url(../../static/media/uz.89825e15.svg);
}

.flag-icon-uz.flag-icon-squared {
  background-image: url(../../static/media/uz.ba5a631e.svg);
}

.flag-icon-va {
  background-image: url(../../static/media/va.ccbda5d3.svg);
}

.flag-icon-va.flag-icon-squared {
  background-image: url(../../static/media/va.65429831.svg);
}

.flag-icon-vc {
  background-image: url(../../static/media/vc.7c2e07c3.svg);
}

.flag-icon-vc.flag-icon-squared {
  background-image: url(../../static/media/vc.2fdb07a9.svg);
}

.flag-icon-ve {
  background-image: url(../../static/media/ve.3b30a163.svg);
}

.flag-icon-ve.flag-icon-squared {
  background-image: url(../../static/media/ve.caf0d098.svg);
}

.flag-icon-vg {
  background-image: url(../../static/media/vg.42724b97.svg);
}

.flag-icon-vg.flag-icon-squared {
  background-image: url(../../static/media/vg.0c6aa7d2.svg);
}

.flag-icon-vi {
  background-image: url(../../static/media/vi.77f0687e.svg);
}

.flag-icon-vi.flag-icon-squared {
  background-image: url(../../static/media/vi.7f8aaadb.svg);
}

.flag-icon-vn {
  background-image: url(../../static/media/vn.0ec325e5.svg);
}

.flag-icon-vn.flag-icon-squared {
  background-image: url(../../static/media/vn.06c2a5d5.svg);
}

.flag-icon-vu {
  background-image: url(../../static/media/vu.ef7409f3.svg);
}

.flag-icon-vu.flag-icon-squared {
  background-image: url(../../static/media/vu.e47a3472.svg);
}

.flag-icon-wf {
  background-image: url(../../static/media/wf.ebb0ffa4.svg);
}

.flag-icon-wf.flag-icon-squared {
  background-image: url(../../static/media/wf.9bfa83fc.svg);
}

.flag-icon-ws {
  background-image: url(../../static/media/ws.ff22c667.svg);
}

.flag-icon-ws.flag-icon-squared {
  background-image: url(../../static/media/ws.d23650da.svg);
}

.flag-icon-ye {
  background-image: url(../../static/media/ye.b1c4636f.svg);
}

.flag-icon-ye.flag-icon-squared {
  background-image: url(../../static/media/ye.c370e2e3.svg);
}

.flag-icon-yt {
  background-image: url(../../static/media/yt.f1d1f1f5.svg);
}

.flag-icon-yt.flag-icon-squared {
  background-image: url(../../static/media/yt.2098a4b8.svg);
}

.flag-icon-za {
  background-image: url(../../static/media/za.d8aeb6ed.svg);
}

.flag-icon-za.flag-icon-squared {
  background-image: url(../../static/media/za.73aeb814.svg);
}

.flag-icon-zm {
  background-image: url(../../static/media/zm.726a5564.svg);
}

.flag-icon-zm.flag-icon-squared {
  background-image: url(../../static/media/zm.645efc87.svg);
}

.flag-icon-zw {
  background-image: url(../../static/media/zw.363a3e2a.svg);
}

.flag-icon-zw.flag-icon-squared {
  background-image: url(../../static/media/zw.0db27ac5.svg);
}

.flag-icon-es-ct {
  background-image: url(../../static/media/es-ct.d045e295.svg);
}

.flag-icon-es-ct.flag-icon-squared {
  background-image: url(../../static/media/es-ct.e2e5dbf4.svg);
}

.flag-icon-eu {
  background-image: url(../../static/media/eu.47ccbce8.svg);
}

.flag-icon-eu.flag-icon-squared {
  background-image: url(../../static/media/eu.3dc9dcab.svg);
}

.flag-icon-gb-eng {
  background-image: url(../../static/media/gb-eng.f337dc2c.svg);
}

.flag-icon-gb-eng.flag-icon-squared {
  background-image: url(../../static/media/gb-eng.f445d5ea.svg);
}

.flag-icon-gb-nir {
  background-image: url(../../static/media/gb-nir.bca162fd.svg);
}

.flag-icon-gb-nir.flag-icon-squared {
  background-image: url(../../static/media/gb-nir.fe354126.svg);
}

.flag-icon-gb-sct {
  background-image: url(../../static/media/gb-sct.6caf73b8.svg);
}

.flag-icon-gb-sct.flag-icon-squared {
  background-image: url(../../static/media/gb-sct.bf86aba7.svg);
}

.flag-icon-gb-wls {
  background-image: url(../../static/media/gb-wls.bcc94892.svg);
}

.flag-icon-gb-wls.flag-icon-squared {
  background-image: url(../../static/media/gb-wls.c62bd081.svg);
}

.flag-icon-un {
  background-image: url(../../static/media/un.cd3d61b6.svg);
}

.flag-icon-un.flag-icon-squared {
  background-image: url(../../static/media/un.055d2421.svg);
}

/*!* Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)*/
@font-face {
  font-family: FontAwesome;
  src: url(../../static/media/fontawesome-webfont.674f50d2.eot);
  src: url(../../static/media/fontawesome-webfont.674f50d2.eot?#iefix&v=4.7.0) format("embedded-opentype"), url(../../static/media/fontawesome-webfont.af7ae505.woff2) format("woff2"), url(../../static/media/fontawesome-webfont.fee66e71.woff) format("woff"), url(../../static/media/fontawesome-webfont.b06871f2.ttf) format("truetype"), url(../../static/media/fontawesome-webfont.912ec66d.svg#fontawesomeregular) format("svg");
  font-weight: 400;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-fw {
  width: 1.28571429em;
  text-align: center;
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}

.fa-ul > li {
  position: relative;
}

.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}

.fa-li.fa-lg {
  left: -1.85714286em;
}

.fa-border {
  padding: 0.2em 0.25em 0.15em;
  border: 0.08em solid #eee;
  border-radius: 0.1em;
}

.fa-pull-left {
  float: left;
}

.fa-pull-right {
  float: right;
}

.fa.fa-pull-left {
  margin-right: 0.3em;
}

.fa.fa-pull-right {
  margin-left: 0.3em;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.fa.pull-left {
  margin-right: 0.3em;
}

.fa.pull-right {
  margin-left: 0.3em;
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scaleY(-1);
  -ms-transform: scaleY(-1);
  transform: scaleY(-1);
}

:root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270 {
  -webkit-filter: none;
  filter: none;
}

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #fff;
}

.fa-glass:before {
  content: "\f000";
}

.fa-music:before {
  content: "\f001";
}

.fa-search:before {
  content: "\f002";
}

.fa-envelope-o:before {
  content: "\f003";
}

.fa-heart:before {
  content: "\f004";
}

.fa-star:before {
  content: "\f005";
}

.fa-star-o:before {
  content: "\f006";
}

.fa-user:before {
  content: "\f007";
}

.fa-film:before {
  content: "\f008";
}

.fa-th-large:before {
  content: "\f009";
}

.fa-th:before {
  content: "\f00a";
}

.fa-th-list:before {
  content: "\f00b";
}

.fa-check:before {
  content: "\f00c";
}

.fa-close:before, .fa-remove:before, .fa-times:before {
  content: "\f00d";
}

.fa-search-plus:before {
  content: "\f00e";
}

.fa-search-minus:before {
  content: "\f010";
}

.fa-power-off:before {
  content: "\f011";
}

.fa-signal:before {
  content: "\f012";
}

.fa-cog:before, .fa-gear:before {
  content: "\f013";
}

.fa-trash-o:before {
  content: "\f014";
}

.fa-home:before {
  content: "\f015";
}

.fa-file-o:before {
  content: "\f016";
}

.fa-clock-o:before {
  content: "\f017";
}

.fa-road:before {
  content: "\f018";
}

.fa-download:before {
  content: "\f019";
}

.fa-arrow-circle-o-down:before {
  content: "\f01a";
}

.fa-arrow-circle-o-up:before {
  content: "\f01b";
}

.fa-inbox:before {
  content: "\f01c";
}

.fa-play-circle-o:before {
  content: "\f01d";
}

.fa-repeat:before, .fa-rotate-right:before {
  content: "\f01e";
}

.fa-refresh:before {
  content: "\f021";
}

.fa-list-alt:before {
  content: "\f022";
}

.fa-lock:before {
  content: "\f023";
}

.fa-flag:before {
  content: "\f024";
}

.fa-headphones:before {
  content: "\f025";
}

.fa-volume-off:before {
  content: "\f026";
}

.fa-volume-down:before {
  content: "\f027";
}

.fa-volume-up:before {
  content: "\f028";
}

.fa-qrcode:before {
  content: "\f029";
}

.fa-barcode:before {
  content: "\f02a";
}

.fa-tag:before {
  content: "\f02b";
}

.fa-tags:before {
  content: "\f02c";
}

.fa-book:before {
  content: "\f02d";
}

.fa-bookmark:before {
  content: "\f02e";
}

.fa-print:before {
  content: "\f02f";
}

.fa-camera:before {
  content: "\f030";
}

.fa-font:before {
  content: "\f031";
}

.fa-bold:before {
  content: "\f032";
}

.fa-italic:before {
  content: "\f033";
}

.fa-text-height:before {
  content: "\f034";
}

.fa-text-width:before {
  content: "\f035";
}

.fa-align-left:before {
  content: "\f036";
}

.fa-align-center:before {
  content: "\f037";
}

.fa-align-right:before {
  content: "\f038";
}

.fa-align-justify:before {
  content: "\f039";
}

.fa-list:before {
  content: "\f03a";
}

.fa-dedent:before, .fa-outdent:before {
  content: "\f03b";
}

.fa-indent:before {
  content: "\f03c";
}

.fa-video-camera:before {
  content: "\f03d";
}

.fa-image:before, .fa-photo:before, .fa-picture-o:before {
  content: "\f03e";
}

.fa-pencil:before {
  content: "\f040";
}

.fa-map-marker:before {
  content: "\f041";
}

.fa-adjust:before {
  content: "\f042";
}

.fa-tint:before {
  content: "\f043";
}

.fa-edit:before, .fa-pencil-square-o:before {
  content: "\f044";
}

.fa-share-square-o:before {
  content: "\f045";
}

.fa-check-square-o:before {
  content: "\f046";
}

.fa-arrows:before {
  content: "\f047";
}

.fa-step-backward:before {
  content: "\f048";
}

.fa-ftwst-backward:before {
  content: "\f049";
}

.fa-backward:before {
  content: "\f04a";
}

.fa-play:before {
  content: "\f04b";
}

.fa-pause:before {
  content: "\f04c";
}

.fa-stop:before {
  content: "\f04d";
}

.fa-forward:before {
  content: "\f04e";
}

.fa-ftwst-forward:before {
  content: "\f050";
}

.fa-step-forward:before {
  content: "\f051";
}

.fa-eject:before {
  content: "\f052";
}

.fa-chevron-left:before {
  content: "\f053";
}

.fa-chevron-right:before {
  content: "\f054";
}

.fa-plus-circle:before {
  content: "\f055";
}

.fa-minus-circle:before {
  content: "\f056";
}

.fa-times-circle:before {
  content: "\f057";
}

.fa-check-circle:before {
  content: "\f058";
}

.fa-question-circle:before {
  content: "\f059";
}

.fa-info-circle:before {
  content: "\f05a";
}

.fa-crosshairs:before {
  content: "\f05b";
}

.fa-times-circle-o:before {
  content: "\f05c";
}

.fa-check-circle-o:before {
  content: "\f05d";
}

.fa-ban:before {
  content: "\f05e";
}

.fa-arrow-left:before {
  content: "\f060";
}

.fa-arrow-right:before {
  content: "\f061";
}

.fa-arrow-up:before {
  content: "\f062";
}

.fa-arrow-down:before {
  content: "\f063";
}

.fa-mail-forward:before, .fa-share:before {
  content: "\f064";
}

.fa-expand:before {
  content: "\f065";
}

.fa-compress:before {
  content: "\f066";
}

.fa-plus:before {
  content: "\f067";
}

.fa-minus:before {
  content: "\f068";
}

.fa-asterisk:before {
  content: "\f069";
}

.fa-exclamation-circle:before {
  content: "\f06a";
}

.fa-gift:before {
  content: "\f06b";
}

.fa-leaf:before {
  content: "\f06c";
}

.fa-fire:before {
  content: "\f06d";
}

.fa-eye:before {
  content: "\f06e";
}

.fa-eye-slash:before {
  content: "\f070";
}

.fa-exclamation-triangle:before, .fa-warning:before {
  content: "\f071";
}

.fa-plane:before {
  content: "\f072";
}

.fa-calendar:before {
  content: "\f073";
}

.fa-random:before {
  content: "\f074";
}

.fa-comment:before {
  content: "\f075";
}

.fa-magnet:before {
  content: "\f076";
}

.fa-chevron-up:before {
  content: "\f077";
}

.fa-chevron-down:before {
  content: "\f078";
}

.fa-retweet:before {
  content: "\f079";
}

.fa-shopping-cart:before {
  content: "\f07a";
}

.fa-folder:before {
  content: "\f07b";
}

.fa-folder-open:before {
  content: "\f07c";
}

.fa-arrows-v:before {
  content: "\f07d";
}

.fa-arrows-h:before {
  content: "\f07e";
}

.fa-bar-chart-o:before, .fa-bar-chart:before {
  content: "\f080";
}

.fa-twitter-square:before {
  content: "\f081";
}

.fa-ftwcebook-square:before {
  content: "\f082";
}

.fa-camera-retro:before {
  content: "\f083";
}

.fa-key:before {
  content: "\f084";
}

.fa-cogs:before, .fa-gears:before {
  content: "\f085";
}

.fa-comments:before {
  content: "\f086";
}

.fa-thumbs-o-up:before {
  content: "\f087";
}

.fa-thumbs-o-down:before {
  content: "\f088";
}

.fa-star-half:before {
  content: "\f089";
}

.fa-heart-o:before {
  content: "\f08a";
}

.fa-sign-out:before {
  content: "\f08b";
}

.fa-linkedin-square:before {
  content: "\f08c";
}

.fa-thumb-tack:before {
  content: "\f08d";
}

.fa-external-link:before {
  content: "\f08e";
}

.fa-sign-in:before {
  content: "\f090";
}

.fa-trophy:before {
  content: "\f091";
}

.fa-github-square:before {
  content: "\f092";
}

.fa-upload:before {
  content: "\f093";
}

.fa-lemon-o:before {
  content: "\f094";
}

.fa-phone:before {
  content: "\f095";
}

.fa-square-o:before {
  content: "\f096";
}

.fa-bookmark-o:before {
  content: "\f097";
}

.fa-phone-square:before {
  content: "\f098";
}

.fa-twitter:before {
  content: "\f099";
}

.fa-ftwcebook-f:before, .fa-ftwcebook:before {
  content: "\f09a";
}

.fa-github:before {
  content: "\f09b";
}

.fa-unlock:before {
  content: "\f09c";
}

.fa-credit-card:before {
  content: "\f09d";
}

.fa-feed:before, .fa-rss:before {
  content: "\f09e";
}

.fa-hdd-o:before {
  content: "\f0a0";
}

.fa-bullhorn:before {
  content: "\f0a1";
}

.fa-bell:before {
  content: "\f0f3";
}

.fa-certificate:before {
  content: "\f0a3";
}

.fa-hand-o-right:before {
  content: "\f0a4";
}

.fa-hand-o-left:before {
  content: "\f0a5";
}

.fa-hand-o-up:before {
  content: "\f0a6";
}

.fa-hand-o-down:before {
  content: "\f0a7";
}

.fa-arrow-circle-left:before {
  content: "\f0a8";
}

.fa-arrow-circle-right:before {
  content: "\f0a9";
}

.fa-arrow-circle-up:before {
  content: "\f0aa";
}

.fa-arrow-circle-down:before {
  content: "\f0ab";
}

.fa-globe:before {
  content: "\f0ac";
}

.fa-wrench:before {
  content: "\f0ad";
}

.fa-tasks:before {
  content: "\f0ae";
}

.fa-filter:before {
  content: "\f0b0";
}

.fa-briefcase:before {
  content: "\f0b1";
}

.fa-arrows-alt:before {
  content: "\f0b2";
}

.fa-group:before, .fa-users:before {
  content: "\f0c0";
}

.fa-chain:before, .fa-link:before {
  content: "\f0c1";
}

.fa-cloud:before {
  content: "\f0c2";
}

.fa-flask:before {
  content: "\f0c3";
}

.fa-cut:before, .fa-scissors:before {
  content: "\f0c4";
}

.fa-copy:before, .fa-files-o:before {
  content: "\f0c5";
}

.fa-paperclip:before {
  content: "\f0c6";
}

.fa-floppy-o:before, .fa-save:before {
  content: "\f0c7";
}

.fa-square:before {
  content: "\f0c8";
}

.fa-bars:before, .fa-navicon:before, .fa-reorder:before {
  content: "\f0c9";
}

.fa-list-ul:before {
  content: "\f0ca";
}

.fa-list-ol:before {
  content: "\f0cb";
}

.fa-strikethrough:before {
  content: "\f0cc";
}

.fa-underline:before {
  content: "\f0cd";
}

.fa-table:before {
  content: "\f0ce";
}

.fa-magic:before {
  content: "\f0d0";
}

.fa-truck:before {
  content: "\f0d1";
}

.fa-pinterest:before {
  content: "\f0d2";
}

.fa-pinterest-square:before {
  content: "\f0d3";
}

.fa-google-plus-square:before {
  content: "\f0d4";
}

.fa-google-plus:before {
  content: "\f0d5";
}

.fa-money:before {
  content: "\f0d6";
}

.fa-caret-down:before {
  content: "\f0d7";
}

.fa-caret-up:before {
  content: "\f0d8";
}

.fa-caret-left:before {
  content: "\f0d9";
}

.fa-caret-right:before {
  content: "\f0da";
}

.fa-columns:before {
  content: "\f0db";
}

.fa-sort:before, .fa-unsorted:before {
  content: "\f0dc";
}

.fa-sort-desc:before, .fa-sort-down:before {
  content: "\f0dd";
}

.fa-sort-asc:before, .fa-sort-up:before {
  content: "\f0de";
}

.fa-envelope:before {
  content: "\f0e0";
}

.fa-linkedin:before {
  content: "\f0e1";
}

.fa-rotate-left:before, .fa-undo:before {
  content: "\f0e2";
}

.fa-gavel:before, .fa-legal:before {
  content: "\f0e3";
}

.fa-dashboard:before, .fa-tachometer:before {
  content: "\f0e4";
}

.fa-comment-o:before {
  content: "\f0e5";
}

.fa-comments-o:before {
  content: "\f0e6";
}

.fa-bolt:before, .fa-flash:before {
  content: "\f0e7";
}

.fa-sitemap:before {
  content: "\f0e8";
}

.fa-umbrella:before {
  content: "\f0e9";
}

.fa-clipboard:before, .fa-paste:before {
  content: "\f0ea";
}

.fa-lightbulb-o:before {
  content: "\f0eb";
}

.fa-exchange:before {
  content: "\f0ec";
}

.fa-cloud-download:before {
  content: "\f0ed";
}

.fa-cloud-upload:before {
  content: "\f0ee";
}

.fa-user-md:before {
  content: "\f0f0";
}

.fa-stethoscope:before {
  content: "\f0f1";
}

.fa-suitcase:before {
  content: "\f0f2";
}

.fa-bell-o:before {
  content: "\f0a2";
}

.fa-coffee:before {
  content: "\f0f4";
}

.fa-cutlery:before {
  content: "\f0f5";
}

.fa-file-text-o:before {
  content: "\f0f6";
}

.fa-building-o:before {
  content: "\f0f7";
}

.fa-hospital-o:before {
  content: "\f0f8";
}

.fa-ambulance:before {
  content: "\f0f9";
}

.fa-medkit:before {
  content: "༏tw";
}

.fa-fighter-jet:before {
  content: "\f0fb";
}

.fa-beer:before {
  content: "\f0fc";
}

.fa-h-square:before {
  content: "\f0fd";
}

.fa-plus-square:before {
  content: "\f0fe";
}

.fa-angle-double-left:before {
  content: "\f100";
}

.fa-angle-double-right:before {
  content: "\f101";
}

.fa-angle-double-up:before {
  content: "\f102";
}

.fa-angle-double-down:before {
  content: "\f103";
}

.fa-angle-left:before {
  content: "\f104";
}

.fa-angle-right:before {
  content: "\f105";
}

.fa-angle-up:before {
  content: "\f106";
}

.fa-angle-down:before {
  content: "\f107";
}

.fa-desktop:before {
  content: "\f108";
}

.fa-laptop:before {
  content: "\f109";
}

.fa-tablet:before {
  content: "\f10a";
}

.fa-mobile-phone:before, .fa-mobile:before {
  content: "\f10b";
}

.fa-circle-o:before {
  content: "\f10c";
}

.fa-quote-left:before {
  content: "\f10d";
}

.fa-quote-right:before {
  content: "\f10e";
}

.fa-spinner:before {
  content: "\f110";
}

.fa-circle:before {
  content: "\f111";
}

.fa-mail-reply:before, .fa-reply:before {
  content: "\f112";
}

.fa-github-alt:before {
  content: "\f113";
}

.fa-folder-o:before {
  content: "\f114";
}

.fa-folder-open-o:before {
  content: "\f115";
}

.fa-smile-o:before {
  content: "\f118";
}

.fa-frown-o:before {
  content: "\f119";
}

.fa-meh-o:before {
  content: "\f11a";
}

.fa-gamepad:before {
  content: "\f11b";
}

.fa-keyboard-o:before {
  content: "\f11c";
}

.fa-flag-o:before {
  content: "\f11d";
}

.fa-flag-checkered:before {
  content: "\f11e";
}

.fa-terminal:before {
  content: "\f120";
}

.fa-code:before {
  content: "\f121";
}

.fa-mail-reply-all:before, .fa-reply-all:before {
  content: "\f122";
}

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
  content: "\f123";
}

.fa-location-arrow:before {
  content: "\f124";
}

.fa-crop:before {
  content: "\f125";
}

.fa-code-fork:before {
  content: "\f126";
}

.fa-chain-broken:before, .fa-unlink:before {
  content: "\f127";
}

.fa-question:before {
  content: "\f128";
}

.fa-info:before {
  content: "\f129";
}

.fa-exclamation:before {
  content: "\f12a";
}

.fa-superscript:before {
  content: "\f12b";
}

.fa-subscript:before {
  content: "\f12c";
}

.fa-eraser:before {
  content: "\f12d";
}

.fa-puzzle-piece:before {
  content: "\f12e";
}

.fa-microphone:before {
  content: "\f130";
}

.fa-microphone-slash:before {
  content: "\f131";
}

.fa-shield:before {
  content: "\f132";
}

.fa-calendar-o:before {
  content: "\f133";
}

.fa-fire-extinguisher:before {
  content: "\f134";
}

.fa-rocket:before {
  content: "\f135";
}

.fa-maxcdn:before {
  content: "\f136";
}

.fa-chevron-circle-left:before {
  content: "\f137";
}

.fa-chevron-circle-right:before {
  content: "\f138";
}

.fa-chevron-circle-up:before {
  content: "\f139";
}

.fa-chevron-circle-down:before {
  content: "\f13a";
}

.fa-html5:before {
  content: "\f13b";
}

.fa-css3:before {
  content: "\f13c";
}

.fa-anchor:before {
  content: "\f13d";
}

.fa-unlock-alt:before {
  content: "\f13e";
}

.fa-bullseye:before {
  content: "\f140";
}

.fa-ellipsis-h:before {
  content: "\f141";
}

.fa-ellipsis-v:before {
  content: "\f142";
}

.fa-rss-square:before {
  content: "\f143";
}

.fa-play-circle:before {
  content: "\f144";
}

.fa-ticket:before {
  content: "\f145";
}

.fa-minus-square:before {
  content: "\f146";
}

.fa-minus-square-o:before {
  content: "\f147";
}

.fa-level-up:before {
  content: "\f148";
}

.fa-level-down:before {
  content: "\f149";
}

.fa-check-square:before {
  content: "\f14a";
}

.fa-pencil-square:before {
  content: "\f14b";
}

.fa-external-link-square:before {
  content: "\f14c";
}

.fa-share-square:before {
  content: "\f14d";
}

.fa-compass:before {
  content: "\f14e";
}

.fa-caret-square-o-down:before, .fa-toggle-down:before {
  content: "\f150";
}

.fa-caret-square-o-up:before, .fa-toggle-up:before {
  content: "\f151";
}

.fa-caret-square-o-right:before, .fa-toggle-right:before {
  content: "\f152";
}

.fa-eur:before, .fa-euro:before {
  content: "\f153";
}

.fa-gbp:before {
  content: "\f154";
}

.fa-dollar:before, .fa-usd:before {
  content: "\f155";
}

.fa-inr:before, .fa-rupee:before {
  content: "\f156";
}

.fa-cny:before, .fa-jpy:before, .fa-rmb:before, .fa-yen:before {
  content: "\f157";
}

.fa-rouble:before, .fa-rub:before, .fa-ruble:before {
  content: "\f158";
}

.fa-krw:before, .fa-won:before {
  content: "\f159";
}

.fa-bitcoin:before, .fa-btc:before {
  content: "\f15a";
}

.fa-file:before {
  content: "\f15b";
}

.fa-file-text:before {
  content: "\f15c";
}

.fa-sort-alpha-asc:before {
  content: "\f15d";
}

.fa-sort-alpha-desc:before {
  content: "\f15e";
}

.fa-sort-amount-asc:before {
  content: "\f160";
}

.fa-sort-amount-desc:before {
  content: "\f161";
}

.fa-sort-numeric-asc:before {
  content: "\f162";
}

.fa-sort-numeric-desc:before {
  content: "\f163";
}

.fa-thumbs-up:before {
  content: "\f164";
}

.fa-thumbs-down:before {
  content: "\f165";
}

.fa-youtube-square:before {
  content: "\f166";
}

.fa-youtube:before {
  content: "\f167";
}

.fa-xing:before {
  content: "\f168";
}

.fa-xing-square:before {
  content: "\f169";
}

.fa-youtube-play:before {
  content: "\f16a";
}

.fa-dropbox:before {
  content: "\f16b";
}

.fa-stack-overflow:before {
  content: "\f16c";
}

.fa-instagram:before {
  content: "\f16d";
}

.fa-flickr:before {
  content: "\f16e";
}

.fa-adn:before {
  content: "\f170";
}

.fa-bitbucket:before {
  content: "\f171";
}

.fa-bitbucket-square:before {
  content: "\f172";
}

.fa-tumblr:before {
  content: "\f173";
}

.fa-tumblr-square:before {
  content: "\f174";
}

.fa-long-arrow-down:before {
  content: "\f175";
}

.fa-long-arrow-up:before {
  content: "\f176";
}

.fa-long-arrow-left:before {
  content: "\f177";
}

.fa-long-arrow-right:before {
  content: "\f178";
}

.fa-apple:before {
  content: "\f179";
}

.fa-windows:before {
  content: "\f17a";
}

.fa-android:before {
  content: "\f17b";
}

.fa-linux:before {
  content: "\f17c";
}

.fa-dribbble:before {
  content: "\f17d";
}

.fa-skype:before {
  content: "\f17e";
}

.fa-foursquare:before {
  content: "\f180";
}

.fa-trello:before {
  content: "\f181";
}

.fa-female:before {
  content: "\f182";
}

.fa-male:before {
  content: "\f183";
}

.fa-gittip:before, .fa-gratipay:before {
  content: "\f184";
}

.fa-sun-o:before {
  content: "\f185";
}

.fa-moon-o:before {
  content: "\f186";
}

.fa-archive:before {
  content: "\f187";
}

.fa-bug:before {
  content: "\f188";
}

.fa-vk:before {
  content: "\f189";
}

.fa-weibo:before {
  content: "\f18a";
}

.fa-renren:before {
  content: "\f18b";
}

.fa-pagelines:before {
  content: "\f18c";
}

.fa-stack-exchange:before {
  content: "\f18d";
}

.fa-arrow-circle-o-right:before {
  content: "\f18e";
}

.fa-arrow-circle-o-left:before {
  content: "\f190";
}

.fa-caret-square-o-left:before, .fa-toggle-left:before {
  content: "\f191";
}

.fa-dot-circle-o:before {
  content: "\f192";
}

.fa-wheelchair:before {
  content: "\f193";
}

.fa-vimeo-square:before {
  content: "\f194";
}

.fa-try:before, .fa-turkish-lira:before {
  content: "\f195";
}

.fa-plus-square-o:before {
  content: "\f196";
}

.fa-space-shuttle:before {
  content: "\f197";
}

.fa-slack:before {
  content: "\f198";
}

.fa-envelope-square:before {
  content: "\f199";
}

.fa-wordpress:before {
  content: "\f19a";
}

.fa-openid:before {
  content: "\f19b";
}

.fa-bank:before, .fa-institution:before, .fa-university:before {
  content: "\f19c";
}

.fa-graduation-cap:before, .fa-mortar-board:before {
  content: "\f19d";
}

.fa-yahoo:before {
  content: "\f19e";
}

.fa-google:before {
  content: "\f1a0";
}

.fa-reddit:before {
  content: "\f1a1";
}

.fa-reddit-square:before {
  content: "\f1a2";
}

.fa-stumbleupon-circle:before {
  content: "\f1a3";
}

.fa-stumbleupon:before {
  content: "\f1a4";
}

.fa-delicious:before {
  content: "\f1a5";
}

.fa-digg:before {
  content: "\f1a6";
}

.fa-pied-piper-pp:before {
  content: "\f1a7";
}

.fa-pied-piper-alt:before {
  content: "\f1a8";
}

.fa-drupal:before {
  content: "\f1a9";
}

.fa-joomla:before {
  content: "\f1aa";
}

.fa-language:before {
  content: "\f1ab";
}

.fa-ftwx:before {
  content: "\f1ac";
}

.fa-building:before {
  content: "\f1ad";
}

.fa-child:before {
  content: "\f1ae";
}

.fa-paw:before {
  content: "\f1b0";
}

.fa-spoon:before {
  content: "\f1b1";
}

.fa-cube:before {
  content: "\f1b2";
}

.fa-cubes:before {
  content: "\f1b3";
}

.fa-behance:before {
  content: "\f1b4";
}

.fa-behance-square:before {
  content: "\f1b5";
}

.fa-steam:before {
  content: "\f1b6";
}

.fa-steam-square:before {
  content: "\f1b7";
}

.fa-recycle:before {
  content: "\f1b8";
}

.fa-automobile:before, .fa-car:before {
  content: "\f1b9";
}

.fa-cab:before, .fa-taxi:before {
  content: "\f1ba";
}

.fa-tree:before {
  content: "\f1bb";
}

.fa-spotify:before {
  content: "\f1bc";
}

.fa-deviantart:before {
  content: "\f1bd";
}

.fa-soundcloud:before {
  content: "\f1be";
}

.fa-database:before {
  content: "\f1c0";
}

.fa-file-pdf-o:before {
  content: "\f1c1";
}

.fa-file-word-o:before {
  content: "\f1c2";
}

.fa-file-excel-o:before {
  content: "\f1c3";
}

.fa-file-powerpoint-o:before {
  content: "\f1c4";
}

.fa-file-image-o:before, .fa-file-photo-o:before, .fa-file-picture-o:before {
  content: "\f1c5";
}

.fa-file-archive-o:before, .fa-file-zip-o:before {
  content: "\f1c6";
}

.fa-file-audio-o:before, .fa-file-sound-o:before {
  content: "\f1c7";
}

.fa-file-movie-o:before, .fa-file-video-o:before {
  content: "\f1c8";
}

.fa-file-code-o:before {
  content: "\f1c9";
}

.fa-vine:before {
  content: "\f1ca";
}

.fa-codepen:before {
  content: "\f1cb";
}

.fa-jsfiddle:before {
  content: "\f1cc";
}

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-ring:before, .fa-life-saver:before, .fa-support:before {
  content: "\f1cd";
}

.fa-circle-o-notch:before {
  content: "\f1ce";
}

.fa-ra:before, .fa-rebel:before, .fa-resistance:before {
  content: "\f1d0";
}

.fa-empire:before, .fa-ge:before {
  content: "\f1d1";
}

.fa-git-square:before {
  content: "\f1d2";
}

.fa-git:before {
  content: "\f1d3";
}

.fa-hacker-news:before, .fa-y-combinator-square:before, .fa-yc-square:before {
  content: "\f1d4";
}

.fa-tencent-weibo:before {
  content: "\f1d5";
}

.fa-qq:before {
  content: "\f1d6";
}

.fa-wechat:before, .fa-weixin:before {
  content: "\f1d7";
}

.fa-paper-plane:before, .fa-send:before {
  content: "\f1d8";
}

.fa-paper-plane-o:before, .fa-send-o:before {
  content: "\f1d9";
}

.fa-history:before {
  content: "\f1da";
}

.fa-circle-thin:before {
  content: "\f1db";
}

.fa-header:before {
  content: "\f1dc";
}

.fa-paragraph:before {
  content: "\f1dd";
}

.fa-sliders:before {
  content: "\f1de";
}

.fa-share-alt:before {
  content: "\f1e0";
}

.fa-share-alt-square:before {
  content: "\f1e1";
}

.fa-bomb:before {
  content: "\f1e2";
}

.fa-futbol-o:before, .fa-soccer-ball-o:before {
  content: "\f1e3";
}

.fa-tty:before {
  content: "\f1e4";
}

.fa-binoculars:before {
  content: "\f1e5";
}

.fa-plug:before {
  content: "\f1e6";
}

.fa-slideshare:before {
  content: "\f1e7";
}

.fa-twitch:before {
  content: "\f1e8";
}

.fa-yelp:before {
  content: "\f1e9";
}

.fa-newspaper-o:before {
  content: "\f1ea";
}

.fa-wifi:before {
  content: "\f1eb";
}

.fa-calculator:before {
  content: "\f1ec";
}

.fa-paypal:before {
  content: "\f1ed";
}

.fa-google-wallet:before {
  content: "\f1ee";
}

.fa-cc-visa:before {
  content: "\f1f0";
}

.fa-cc-mastercard:before {
  content: "\f1f1";
}

.fa-cc-discover:before {
  content: "\f1f2";
}

.fa-cc-amex:before {
  content: "\f1f3";
}

.fa-cc-paypal:before {
  content: "\f1f4";
}

.fa-cc-stripe:before {
  content: "\f1f5";
}

.fa-bell-slash:before {
  content: "\f1f6";
}

.fa-bell-slash-o:before {
  content: "\f1f7";
}

.fa-trash:before {
  content: "\f1f8";
}

.fa-copyright:before {
  content: "\f1f9";
}

.fa-at:before {
  content: "༟tw";
}

.fa-eyedropper:before {
  content: "\f1fb";
}

.fa-paint-brush:before {
  content: "\f1fc";
}

.fa-birthday-cake:before {
  content: "\f1fd";
}

.fa-area-chart:before {
  content: "\f1fe";
}

.fa-pie-chart:before {
  content: "\f200";
}

.fa-line-chart:before {
  content: "\f201";
}

.fa-lastfm:before {
  content: "\f202";
}

.fa-lastfm-square:before {
  content: "\f203";
}

.fa-toggle-off:before {
  content: "\f204";
}

.fa-toggle-on:before {
  content: "\f205";
}

.fa-bicycle:before {
  content: "\f206";
}

.fa-bus:before {
  content: "\f207";
}

.fa-ioxhost:before {
  content: "\f208";
}

.fa-angellist:before {
  content: "\f209";
}

.fa-cc:before {
  content: "\f20a";
}

.fa-ils:before, .fa-shekel:before, .fa-sheqel:before {
  content: "\f20b";
}

.fa-meanpath:before {
  content: "\f20c";
}

.fa-buysellads:before {
  content: "\f20d";
}

.fa-connectdevelop:before {
  content: "\f20e";
}

.fa-dashcube:before {
  content: "\f210";
}

.fa-forumbee:before {
  content: "\f211";
}

.fa-leanpub:before {
  content: "\f212";
}

.fa-sellsy:before {
  content: "\f213";
}

.fa-shirtsinbulk:before {
  content: "\f214";
}

.fa-simplybuilt:before {
  content: "\f215";
}

.fa-skyatlas:before {
  content: "\f216";
}

.fa-cart-plus:before {
  content: "\f217";
}

.fa-cart-arrow-down:before {
  content: "\f218";
}

.fa-diamond:before {
  content: "\f219";
}

.fa-ship:before {
  content: "\f21a";
}

.fa-user-secret:before {
  content: "\f21b";
}

.fa-motorcycle:before {
  content: "\f21c";
}

.fa-street-view:before {
  content: "\f21d";
}

.fa-heartbeat:before {
  content: "\f21e";
}

.fa-venus:before {
  content: "\f221";
}

.fa-mars:before {
  content: "\f222";
}

.fa-mercury:before {
  content: "\f223";
}

.fa-intersex:before, .fa-transgender:before {
  content: "\f224";
}

.fa-transgender-alt:before {
  content: "\f225";
}

.fa-venus-double:before {
  content: "\f226";
}

.fa-mars-double:before {
  content: "\f227";
}

.fa-venus-mars:before {
  content: "\f228";
}

.fa-mars-stroke:before {
  content: "\f229";
}

.fa-mars-stroke-v:before {
  content: "\f22a";
}

.fa-mars-stroke-h:before {
  content: "\f22b";
}

.fa-neuter:before {
  content: "\f22c";
}

.fa-genderless:before {
  content: "\f22d";
}

.fa-ftwcebook-official:before {
  content: "\f230";
}

.fa-pinterest-p:before {
  content: "\f231";
}

.fa-whatsapp:before {
  content: "\f232";
}

.fa-server:before {
  content: "\f233";
}

.fa-user-plus:before {
  content: "\f234";
}

.fa-user-times:before {
  content: "\f235";
}

.fa-bed:before, .fa-hotel:before {
  content: "\f236";
}

.fa-viacoin:before {
  content: "\f237";
}

.fa-train:before {
  content: "\f238";
}

.fa-subway:before {
  content: "\f239";
}

.fa-medium:before {
  content: "\f23a";
}

.fa-y-combinator:before, .fa-yc:before {
  content: "\f23b";
}

.fa-optin-monster:before {
  content: "\f23c";
}

.fa-opencart:before {
  content: "\f23d";
}

.fa-expeditedssl:before {
  content: "\f23e";
}

.fa-battery-4:before, .fa-battery-full:before, .fa-battery:before {
  content: "\f240";
}

.fa-battery-3:before, .fa-battery-three-quarters:before {
  content: "\f241";
}

.fa-battery-2:before, .fa-battery-half:before {
  content: "\f242";
}

.fa-battery-1:before, .fa-battery-quarter:before {
  content: "\f243";
}

.fa-battery-0:before, .fa-battery-empty:before {
  content: "\f244";
}

.fa-mouse-pointer:before {
  content: "\f245";
}

.fa-i-cursor:before {
  content: "\f246";
}

.fa-object-group:before {
  content: "\f247";
}

.fa-object-ungroup:before {
  content: "\f248";
}

.fa-sticky-note:before {
  content: "\f249";
}

.fa-sticky-note-o:before {
  content: "\f24a";
}

.fa-cc-jcb:before {
  content: "\f24b";
}

.fa-cc-diners-club:before {
  content: "\f24c";
}

.fa-clone:before {
  content: "\f24d";
}

.fa-balance-scale:before {
  content: "\f24e";
}

.fa-hourglass-o:before {
  content: "\f250";
}

.fa-hourglass-1:before, .fa-hourglass-start:before {
  content: "\f251";
}

.fa-hourglass-2:before, .fa-hourglass-half:before {
  content: "\f252";
}

.fa-hourglass-3:before, .fa-hourglass-end:before {
  content: "\f253";
}

.fa-hourglass:before {
  content: "\f254";
}

.fa-hand-grab-o:before, .fa-hand-rock-o:before {
  content: "\f255";
}

.fa-hand-paper-o:before, .fa-hand-stop-o:before {
  content: "\f256";
}

.fa-hand-scissors-o:before {
  content: "\f257";
}

.fa-hand-lizard-o:before {
  content: "\f258";
}

.fa-hand-spock-o:before {
  content: "\f259";
}

.fa-hand-pointer-o:before {
  content: "\f25a";
}

.fa-hand-peace-o:before {
  content: "\f25b";
}

.fa-trademark:before {
  content: "\f25c";
}

.fa-registered:before {
  content: "\f25d";
}

.fa-creative-commons:before {
  content: "\f25e";
}

.fa-gg:before {
  content: "\f260";
}

.fa-gg-circle:before {
  content: "\f261";
}

.fa-tripadvisor:before {
  content: "\f262";
}

.fa-odnoklassniki:before {
  content: "\f263";
}

.fa-odnoklassniki-square:before {
  content: "\f264";
}

.fa-get-pocket:before {
  content: "\f265";
}

.fa-wikipedia-w:before {
  content: "\f266";
}

.fa-saftwri:before {
  content: "\f267";
}

.fa-chrome:before {
  content: "\f268";
}

.fa-firefox:before {
  content: "\f269";
}

.fa-opera:before {
  content: "\f26a";
}

.fa-internet-explorer:before {
  content: "\f26b";
}

.fa-television:before, .fa-tv:before {
  content: "\f26c";
}

.fa-contao:before {
  content: "\f26d";
}

.fa-500px:before {
  content: "\f26e";
}

.fa-amazon:before {
  content: "\f270";
}

.fa-calendar-plus-o:before {
  content: "\f271";
}

.fa-calendar-minus-o:before {
  content: "\f272";
}

.fa-calendar-times-o:before {
  content: "\f273";
}

.fa-calendar-check-o:before {
  content: "\f274";
}

.fa-industry:before {
  content: "\f275";
}

.fa-map-pin:before {
  content: "\f276";
}

.fa-map-signs:before {
  content: "\f277";
}

.fa-map-o:before {
  content: "\f278";
}

.fa-map:before {
  content: "\f279";
}

.fa-commenting:before {
  content: "\f27a";
}

.fa-commenting-o:before {
  content: "\f27b";
}

.fa-houzz:before {
  content: "\f27c";
}

.fa-vimeo:before {
  content: "\f27d";
}

.fa-black-tie:before {
  content: "\f27e";
}

.fa-fonticons:before {
  content: "\f280";
}

.fa-reddit-alien:before {
  content: "\f281";
}

.fa-edge:before {
  content: "\f282";
}

.fa-credit-card-alt:before {
  content: "\f283";
}

.fa-codiepie:before {
  content: "\f284";
}

.fa-modx:before {
  content: "\f285";
}

.fa-fort-awesome:before {
  content: "\f286";
}

.fa-usb:before {
  content: "\f287";
}

.fa-product-hunt:before {
  content: "\f288";
}

.fa-mixcloud:before {
  content: "\f289";
}

.fa-scribd:before {
  content: "\f28a";
}

.fa-pause-circle:before {
  content: "\f28b";
}

.fa-pause-circle-o:before {
  content: "\f28c";
}

.fa-stop-circle:before {
  content: "\f28d";
}

.fa-stop-circle-o:before {
  content: "\f28e";
}

.fa-shopping-bag:before {
  content: "\f290";
}

.fa-shopping-basket:before {
  content: "\f291";
}

.fa-hashtag:before {
  content: "\f292";
}

.fa-bluetooth:before {
  content: "\f293";
}

.fa-bluetooth-b:before {
  content: "\f294";
}

.fa-percent:before {
  content: "\f295";
}

.fa-gitlab:before {
  content: "\f296";
}

.fa-wpbeginner:before {
  content: "\f297";
}

.fa-wpforms:before {
  content: "\f298";
}

.fa-envira:before {
  content: "\f299";
}

.fa-universal-access:before {
  content: "\f29a";
}

.fa-wheelchair-alt:before {
  content: "\f29b";
}

.fa-question-circle-o:before {
  content: "\f29c";
}

.fa-blind:before {
  content: "\f29d";
}

.fa-audio-description:before {
  content: "\f29e";
}

.fa-volume-control-phone:before {
  content: "\f2a0";
}

.fa-braille:before {
  content: "\f2a1";
}

.fa-assistive-listening-systems:before {
  content: "\f2a2";
}

.fa-american-sign-language-interpreting:before, .fa-asl-interpreting:before {
  content: "\f2a3";
}

.fa-deaf:before, .fa-deafness:before, .fa-hard-of-hearing:before {
  content: "\f2a4";
}

.fa-glide:before {
  content: "\f2a5";
}

.fa-glide-g:before {
  content: "\f2a6";
}

.fa-sign-language:before, .fa-signing:before {
  content: "\f2a7";
}

.fa-low-vision:before {
  content: "\f2a8";
}

.fa-viadeo:before {
  content: "\f2a9";
}

.fa-viadeo-square:before {
  content: "\f2aa";
}

.fa-snapchat:before {
  content: "\f2ab";
}

.fa-snapchat-ghost:before {
  content: "\f2ac";
}

.fa-snapchat-square:before {
  content: "\f2ad";
}

.fa-pied-piper:before {
  content: "\f2ae";
}

.fa-first-order:before {
  content: "\f2b0";
}

.fa-yoast:before {
  content: "\f2b1";
}

.fa-themeisle:before {
  content: "\f2b2";
}

.fa-google-plus-circle:before, .fa-google-plus-official:before {
  content: "\f2b3";
}

.fa-fa:before, .fa-font-awesome:before {
  content: "\f2b4";
}

.fa-handshake-o:before {
  content: "\f2b5";
}

.fa-envelope-open:before {
  content: "\f2b6";
}

.fa-envelope-open-o:before {
  content: "\f2b7";
}

.fa-linode:before {
  content: "\f2b8";
}

.fa-address-book:before {
  content: "\f2b9";
}

.fa-address-book-o:before {
  content: "\f2ba";
}

.fa-address-card:before, .fa-vcard:before {
  content: "\f2bb";
}

.fa-address-card-o:before, .fa-vcard-o:before {
  content: "\f2bc";
}

.fa-user-circle:before {
  content: "\f2bd";
}

.fa-user-circle-o:before {
  content: "\f2be";
}

.fa-user-o:before {
  content: "\f2c0";
}

.fa-id-badge:before {
  content: "\f2c1";
}

.fa-drivers-license:before, .fa-id-card:before {
  content: "\f2c2";
}

.fa-drivers-license-o:before, .fa-id-card-o:before {
  content: "\f2c3";
}

.fa-quora:before {
  content: "\f2c4";
}

.fa-free-code-camp:before {
  content: "\f2c5";
}

.fa-telegram:before {
  content: "\f2c6";
}

.fa-thermometer-4:before, .fa-thermometer-full:before, .fa-thermometer:before {
  content: "\f2c7";
}

.fa-thermometer-3:before, .fa-thermometer-three-quarters:before {
  content: "\f2c8";
}

.fa-thermometer-2:before, .fa-thermometer-half:before {
  content: "\f2c9";
}

.fa-thermometer-1:before, .fa-thermometer-quarter:before {
  content: "\f2ca";
}

.fa-thermometer-0:before, .fa-thermometer-empty:before {
  content: "\f2cb";
}

.fa-shower:before {
  content: "\f2cc";
}

.fa-bath:before, .fa-bathtub:before, .fa-s15:before {
  content: "\f2cd";
}

.fa-podcast:before {
  content: "\f2ce";
}

.fa-window-maximize:before {
  content: "\f2d0";
}

.fa-window-minimize:before {
  content: "\f2d1";
}

.fa-window-restore:before {
  content: "\f2d2";
}

.fa-times-rectangle:before, .fa-window-close:before {
  content: "\f2d3";
}

.fa-times-rectangle-o:before, .fa-window-close-o:before {
  content: "\f2d4";
}

.fa-bandcamp:before {
  content: "\f2d5";
}

.fa-grav:before {
  content: "\f2d6";
}

.fa-etsy:before {
  content: "\f2d7";
}

.fa-imdb:before {
  content: "\f2d8";
}

.fa-ravelry:before {
  content: "\f2d9";
}

.fa-eercast:before {
  content: "\f2da";
}

.fa-microchip:before {
  content: "\f2db";
}

.fa-snowflake-o:before {
  content: "\f2dc";
}

.fa-superpowers:before {
  content: "\f2dd";
}

.fa-wpexplorer:before {
  content: "\f2de";
}

.fa-meetup:before {
  content: "\f2e0";
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

@font-face {
  font-family: simple-line-icons;
  src: url(../../static/media/Simple-Line-Icons.f33df365.eot);
  src: url(../../static/media/Simple-Line-Icons.f33df365.eot#iefix) format("embedded-opentype"), url(../../static/media/Simple-Line-Icons.0cb0b9c5.woff2) format("woff2"), url(../../static/media/Simple-Line-Icons.d2285965.ttf) format("truetype"), url(../../static/media/Simple-Line-Icons.78f07e2c.woff) format("woff"), url(../../static/media/Simple-Line-Icons.2fe2efe6.svg#simple-line-icons) format("svg");
  font-weight: 400;
  font-style: normal;
}
.icon-action-redo, .icon-action-undo, .icon-anchor, .icon-arrow-down, .icon-arrow-down-circle, .icon-arrow-left, .icon-arrow-left-circle, .icon-arrow-right, .icon-arrow-right-circle, .icon-arrow-up, .icon-arrow-up-circle, .icon-badge, .icon-bag, .icon-ban, .icon-basket, .icon-basket-loaded, .icon-bell, .icon-book-open, .icon-briefcase, .icon-bubble, .icon-bubbles, .icon-bulb, .icon-calculator, .icon-calendar, .icon-call-end, .icon-call-in, .icon-call-out, .icon-camera, .icon-camrecorder, .icon-chart, .icon-check, .icon-chemistry, .icon-clock, .icon-close, .icon-cloud-download, .icon-cloud-upload, .icon-compass, .icon-control-end, .icon-control-forward, .icon-control-pause, .icon-control-play, .icon-control-rewind, .icon-control-start, .icon-credit-card, .icon-crop, .icon-cup, .icon-cursor, .icon-cursor-move, .icon-diamond, .icon-direction, .icon-directions, .icon-disc, .icon-dislike, .icon-doc, .icon-docs, .icon-drawer, .icon-drop, .icon-earphones, .icon-earphones-alt, .icon-emotsmile, .icon-energy, .icon-envelope, .icon-envelope-letter, .icon-envelope-open, .icon-equalizer, .icon-event, .icon-exclamation, .icon-eye, .icon-eyeglass, .icon-feed, .icon-film, .icon-fire, .icon-flag, .icon-folder, .icon-folder-alt, .icon-frame, .icon-game-controller, .icon-ghost, .icon-globe, .icon-globe-alt, .icon-graduation, .icon-graph, .icon-grid, .icon-handbag, .icon-heart, .icon-home, .icon-hourglass, .icon-info, .icon-key, .icon-layers, .icon-like, .icon-link, .icon-list, .icon-location-pin, .icon-lock, .icon-lock-open, .icon-login, .icon-logout, .icon-loop, .icon-magic-wand, .icon-magnet, .icon-magnifier, .icon-magnifier-add, .icon-magnifier-remove, .icon-map, .icon-menu, .icon-microphone, .icon-minus, .icon-mouse, .icon-music-tone, .icon-music-tone-alt, .icon-mustache, .icon-note, .icon-notebook, .icon-options, .icon-options-vertical, .icon-organization, .icon-paper-clip, .icon-paper-plane, .icon-paypal, .icon-pencil, .icon-people, .icon-phone, .icon-picture, .icon-pie-chart, .icon-pin, .icon-plane, .icon-playlist, .icon-plus, .icon-power, .icon-present, .icon-printer, .icon-puzzle, .icon-question, .icon-refresh, .icon-reload, .icon-rocket, .icon-screen-desktop, .icon-screen-smartphone, .icon-screen-tablet, .icon-settings, .icon-share, .icon-share-alt, .icon-shield, .icon-shuffle, .icon-size-actual, .icon-size-fullscreen, .icon-social-behance, .icon-social-dribbble, .icon-social-dropbox, .icon-social-facebook, .icon-social-foursqare, .icon-social-github, .icon-social-google, .icon-social-instagram, .icon-social-linkedin, .icon-social-pinterest, .icon-social-reddit, .icon-social-skype, .icon-social-soundcloud, .icon-social-spotify, .icon-social-steam, .icon-social-stumbleupon, .icon-social-tumblr, .icon-social-twitter, .icon-social-vkontakte, .icon-social-youtube, .icon-speech, .icon-speedometer, .icon-star, .icon-support, .icon-symbol-female, .icon-symbol-male, .icon-tag, .icon-target, .icon-trash, .icon-trophy, .icon-umbrella, .icon-user, .icon-user-female, .icon-user-follow, .icon-user-following, .icon-user-unfollow, .icon-vector, .icon-volume-1, .icon-volume-2, .icon-volume-off, .icon-wallet, .icon-wrench {
  font-family: simple-line-icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-user:before {
  content: "\e005";
}

.icon-people:before {
  content: "\e001";
}

.icon-user-female:before {
  content: "\e000";
}

.icon-user-follow:before {
  content: "\e002";
}

.icon-user-following:before {
  content: "\e003";
}

.icon-user-unfollow:before {
  content: "\e004";
}

.icon-login:before {
  content: "\e066";
}

.icon-logout:before {
  content: "\e065";
}

.icon-emotsmile:before {
  content: "\e021";
}

.icon-phone:before {
  content: "\e600";
}

.icon-call-end:before {
  content: "\e048";
}

.icon-call-in:before {
  content: "\e047";
}

.icon-call-out:before {
  content: "\e046";
}

.icon-map:before {
  content: "\e033";
}

.icon-location-pin:before {
  content: "\e096";
}

.icon-direction:before {
  content: "\e042";
}

.icon-directions:before {
  content: "\e041";
}

.icon-compass:before {
  content: "\e045";
}

.icon-layers:before {
  content: "\e034";
}

.icon-menu:before {
  content: "\e601";
}

.icon-list:before {
  content: "\e067";
}

.icon-options-vertical:before {
  content: "\e602";
}

.icon-options:before {
  content: "\e603";
}

.icon-arrow-down:before {
  content: "\e604";
}

.icon-arrow-left:before {
  content: "\e605";
}

.icon-arrow-right:before {
  content: "\e606";
}

.icon-arrow-up:before {
  content: "\e607";
}

.icon-arrow-up-circle:before {
  content: "\e078";
}

.icon-arrow-left-circle:before {
  content: "\e07a";
}

.icon-arrow-right-circle:before {
  content: "\e079";
}

.icon-arrow-down-circle:before {
  content: "\e07b";
}

.icon-check:before {
  content: "\e080";
}

.icon-clock:before {
  content: "\e081";
}

.icon-plus:before {
  content: "\e095";
}

.icon-minus:before {
  content: "\e615";
}

.icon-close:before {
  content: "\e082";
}

.icon-event:before {
  content: "\e619";
}

.icon-exclamation:before {
  content: "\e617";
}

.icon-organization:before {
  content: "\e616";
}

.icon-trophy:before {
  content: "\e006";
}

.icon-screen-smartphone:before {
  content: "\e010";
}

.icon-screen-desktop:before {
  content: "\e011";
}

.icon-plane:before {
  content: "\e012";
}

.icon-notebook:before {
  content: "\e013";
}

.icon-mustache:before {
  content: "\e014";
}

.icon-mouse:before {
  content: "\e015";
}

.icon-magnet:before {
  content: "\e016";
}

.icon-energy:before {
  content: "\e020";
}

.icon-disc:before {
  content: "\e022";
}

.icon-cursor:before {
  content: "\e06e";
}

.icon-cursor-move:before {
  content: "\e023";
}

.icon-crop:before {
  content: "\e024";
}

.icon-chemistry:before {
  content: "\e026";
}

.icon-speedometer:before {
  content: "\e007";
}

.icon-shield:before {
  content: "\e00e";
}

.icon-screen-tablet:before {
  content: "\e00f";
}

.icon-magic-wand:before {
  content: "\e017";
}

.icon-hourglass:before {
  content: "\e018";
}

.icon-graduation:before {
  content: "\e019";
}

.icon-ghost:before {
  content: "\e01a";
}

.icon-game-controller:before {
  content: "\e01b";
}

.icon-fire:before {
  content: "\e01c";
}

.icon-eyeglass:before {
  content: "\e01d";
}

.icon-envelope-open:before {
  content: "\e01e";
}

.icon-envelope-letter:before {
  content: "\e01f";
}

.icon-bell:before {
  content: "\e027";
}

.icon-badge:before {
  content: "\e028";
}

.icon-anchor:before {
  content: "\e029";
}

.icon-wallet:before {
  content: "\e02a";
}

.icon-vector:before {
  content: "\e02b";
}

.icon-speech:before {
  content: "\e02c";
}

.icon-puzzle:before {
  content: "\e02d";
}

.icon-printer:before {
  content: "\e02e";
}

.icon-present:before {
  content: "\e02f";
}

.icon-playlist:before {
  content: "\e030";
}

.icon-pin:before {
  content: "\e031";
}

.icon-picture:before {
  content: "\e032";
}

.icon-handbag:before {
  content: "\e035";
}

.icon-globe-alt:before {
  content: "\e036";
}

.icon-globe:before {
  content: "\e037";
}

.icon-folder-alt:before {
  content: "\e039";
}

.icon-folder:before {
  content: "\e089";
}

.icon-film:before {
  content: "\e03a";
}

.icon-feed:before {
  content: "\e03b";
}

.icon-drop:before {
  content: "\e03e";
}

.icon-drawer:before {
  content: "\e03f";
}

.icon-docs:before {
  content: "\e040";
}

.icon-doc:before {
  content: "\e085";
}

.icon-diamond:before {
  content: "\e043";
}

.icon-cup:before {
  content: "\e044";
}

.icon-calculator:before {
  content: "\e049";
}

.icon-bubbles:before {
  content: "\e04a";
}

.icon-briefcase:before {
  content: "\e04b";
}

.icon-book-open:before {
  content: "\e04c";
}

.icon-basket-loaded:before {
  content: "\e04d";
}

.icon-basket:before {
  content: "\e04e";
}

.icon-bag:before {
  content: "\e04f";
}

.icon-action-undo:before {
  content: "\e050";
}

.icon-action-redo:before {
  content: "\e051";
}

.icon-wrench:before {
  content: "\e052";
}

.icon-umbrella:before {
  content: "\e053";
}

.icon-trash:before {
  content: "\e054";
}

.icon-tag:before {
  content: "\e055";
}

.icon-support:before {
  content: "\e056";
}

.icon-frame:before {
  content: "\e038";
}

.icon-size-fullscreen:before {
  content: "\e057";
}

.icon-size-actual:before {
  content: "\e058";
}

.icon-shuffle:before {
  content: "\e059";
}

.icon-share-alt:before {
  content: "\e05a";
}

.icon-share:before {
  content: "\e05b";
}

.icon-rocket:before {
  content: "\e05c";
}

.icon-question:before {
  content: "\e05d";
}

.icon-pie-chart:before {
  content: "\e05e";
}

.icon-pencil:before {
  content: "\e05f";
}

.icon-note:before {
  content: "\e060";
}

.icon-loop:before {
  content: "\e064";
}

.icon-home:before {
  content: "\e069";
}

.icon-grid:before {
  content: "\e06a";
}

.icon-graph:before {
  content: "\e06b";
}

.icon-microphone:before {
  content: "\e063";
}

.icon-music-tone-alt:before {
  content: "\e061";
}

.icon-music-tone:before {
  content: "\e062";
}

.icon-earphones-alt:before {
  content: "\e03c";
}

.icon-earphones:before {
  content: "\e03d";
}

.icon-equalizer:before {
  content: "\e06c";
}

.icon-like:before {
  content: "\e068";
}

.icon-dislike:before {
  content: "\e06d";
}

.icon-control-start:before {
  content: "\e06f";
}

.icon-control-rewind:before {
  content: "\e070";
}

.icon-control-play:before {
  content: "\e071";
}

.icon-control-pause:before {
  content: "\e072";
}

.icon-control-forward:before {
  content: "\e073";
}

.icon-control-end:before {
  content: "\e074";
}

.icon-volume-1:before {
  content: "\e09f";
}

.icon-volume-2:before {
  content: "\e0a0";
}

.icon-volume-off:before {
  content: "\e0a1";
}

.icon-calendar:before {
  content: "\e075";
}

.icon-bulb:before {
  content: "\e076";
}

.icon-chart:before {
  content: "\e077";
}

.icon-ban:before {
  content: "\e07c";
}

.icon-bubble:before {
  content: "\e07d";
}

.icon-camrecorder:before {
  content: "\e07e";
}

.icon-camera:before {
  content: "\e07f";
}

.icon-cloud-download:before {
  content: "\e083";
}

.icon-cloud-upload:before {
  content: "\e084";
}

.icon-envelope:before {
  content: "\e086";
}

.icon-eye:before {
  content: "\e087";
}

.icon-flag:before {
  content: "\e088";
}

.icon-heart:before {
  content: "\e08a";
}

.icon-info:before {
  content: "\e08b";
}

.icon-key:before {
  content: "\e08c";
}

.icon-link:before {
  content: "\e08d";
}

.icon-lock:before {
  content: "\e08e";
}

.icon-lock-open:before {
  content: "\e08f";
}

.icon-magnifier:before {
  content: "\e090";
}

.icon-magnifier-add:before {
  content: "\e091";
}

.icon-magnifier-remove:before {
  content: "\e092";
}

.icon-paper-clip:before {
  content: "\e093";
}

.icon-paper-plane:before {
  content: "\e094";
}

.icon-power:before {
  content: "\e097";
}

.icon-refresh:before {
  content: "\e098";
}

.icon-reload:before {
  content: "\e099";
}

.icon-settings:before {
  content: "\e09a";
}

.icon-star:before {
  content: "\e09b";
}

.icon-symbol-female:before {
  content: "\e09c";
}

.icon-symbol-male:before {
  content: "\e09d";
}

.icon-target:before {
  content: "\e09e";
}

.icon-credit-card:before {
  content: "\e025";
}

.icon-paypal:before {
  content: "\e608";
}

.icon-social-tumblr:before {
  content: "\e00a";
}

.icon-social-twitter:before {
  content: "\e009";
}

.icon-social-facebook:before {
  content: "\e00b";
}

.icon-social-instagram:before {
  content: "\e609";
}

.icon-social-linkedin:before {
  content: "\e60a";
}

.icon-social-pinterest:before {
  content: "\e60b";
}

.icon-social-github:before {
  content: "\e60c";
}

.icon-social-google:before {
  content: "\e60d";
}

.icon-social-reddit:before {
  content: "\e60e";
}

.icon-social-skype:before {
  content: "\e60f";
}

.icon-social-dribbble:before {
  content: "\e00d";
}

.icon-social-behance:before {
  content: "\e610";
}

.icon-social-foursqare:before {
  content: "\e611";
}

.icon-social-soundcloud:before {
  content: "\e612";
}

.icon-social-spotify:before {
  content: "\e613";
}

.icon-social-stumbleupon:before {
  content: "\e614";
}

.icon-social-youtube:before {
  content: "\e008";
}

.icon-social-dropbox:before {
  content: "\e00c";
}

.icon-social-vkontakte:before {
  content: "\e618";
}

.icon-social-steam:before {
  content: "\e620";
}

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */
@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}

.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}

@media (prefers-reduced-motion) {
  .animated {
    -webkit-animation: unset !important;
    animation: unset !important;
    -webkit-transition: none !important;
    transition: none !important;
  }
}
* {
  border: 0;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  line-height: 1.2;
}

body {
  background-color: gainsboro;
  font-size: 16pt;
  overflow-x: hidden;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: #23282c;
  text-align: left;
  scrollbar-base-color: #C0C0C0;
  scrollbar-base-color: #C0C0C0;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #EBEBEB;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
}

a, .HomeVentajasQR .Info__descripcion span, .HomePc .Info__descripcion span, .backLink {
  text-decoration: none;
  font-size: 12pt;
  color: #20a8d8;
  background-color: transparent;
}

/*mozilla scrolbalken*/
@-moz-document url-prefix(http://), url-prefix(https://) {
  scrollbar {
    -moz-appearance: none !important;
    background: rgb(0, 255, 0) !important;
  }
  thumb, scrollbarbutton {
    -moz-appearance: none !important;
    background-color: rgb(0, 0, 255) !important;
  }
  thumb:hover, scrollbarbutton:hover {
    -moz-appearance: none !important;
    background-color: rgb(255, 0, 0) !important;
  }
  scrollbarbutton {
    display: none !important;
  }
  scrollbar[orient=vertical] {
    min-width: 15px !important;
  }
  scrollbar[orient=horizontal] {
    height: 5px !important;
  }
}
body ::-webkit-scrollbar {
  background: transparent;
  width: 5px;
}
body ::-webkit-scrollbar-thumb {
  background-color: rgb(25, 28, 31);
}
body ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.3);
}

.container, .Home_BuscadorGrilla, .Info__container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
}
.container:before, .Home_BuscadorGrilla:before, .Info__container:before, .container:after, .Home_BuscadorGrilla:after, .Info__container:after {
  content: " ";
  display: table;
}
.container:after, .Home_BuscadorGrilla:after, .Info__container:after {
  clear: both;
}
@media screen and (min-width: 320px) {
  .container, .Home_BuscadorGrilla, .Info__container {
    max-width: 100%;
  }
}
@media screen and (min-width: 480px) {
  .container, .Home_BuscadorGrilla, .Info__container {
    max-width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .container, .Home_BuscadorGrilla, .Info__container {
    max-width: 970px;
  }
}
@media screen and (min-width: 1200px) {
  .container, .Home_BuscadorGrilla, .Info__container {
    max-width: 1170px;
  }
}
@media screen and (min-width: 1333px) {
  .container, .Home_BuscadorGrilla, .Info__container {
    max-width: 1306px;
  }
}
@media screen and (min-width: 1500px) {
  .container, .Home_BuscadorGrilla, .Info__container {
    max-width: 1470px;
  }
}
.container::after, .Home_BuscadorGrilla::after, .Info__container::after {
  content: "";
  display: none;
}

.spacing {
  padding: 40px;
}
@media (width < 768px) {
  .spacing {
    padding: 10px;
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.Grid__item--xl-span-12, .Grid__item--xl-span-11, .Grid__item--xl-span-10, .Grid__item--xl-span-9, .Grid__item--xl-span-8, .Grid__item--xl-span-7, .Grid__item--xl-span-6, .Grid__item--xl-span-5, .Grid__item--xl-span-4, .Grid__item--xl-span-3, .EstadisticaPanel .Estadistica, .Grid__item--xl-span-2, .FooterCategorias__li, .Grid__item--xl-span-1, .Grid__item--lg-span-12, .Grid__item--lg-span-11, .Grid__item--lg-span-10, .Grid__item--lg-span-9, .Grid__item--lg-span-8, .Grid__item--lg-span-7, .Grid__item--lg-span-6, .Grid__item--lg-span-5, .Grid__item--lg-span-4, .Grid__item--lg-span-3, .Grid__item--lg-span-2, .Grid__item--lg-span-1, .Grid__item--md-span-12, .Grid__item--md-span-11, .Grid__item--md-span-10, .Grid__item--md-span-9, .Grid__item--md-span-8, .Grid__item--md-span-7, .Grid__item--md-span-6, .Grid__item--md-span-5, .Grid__item--md-span-4, .Grid__item--md-span-3, .Grid__item--md-span-2, .Grid__item--md-span-1, .Grid__item--sm-span-12, .Grid__item--sm-span-11, .Grid__item--sm-span-10, .Grid__item--sm-span-9, .Grid__item--sm-span-8, .Grid__item--sm-span-7, .Grid__item--sm-span-6, .Grid__item--sm-span-5, .Grid__item--sm-span-4, .Grid__item--sm-span-3, .Grid__item--sm-span-2, .Grid__item--sm-span-1, .Grid__item--xs-span-12, .Grid__item--xs-span-11, .Grid__item--xs-span-10, .Grid__item--xs-span-9, .Grid__item--xs-span-8, .Grid__item--xs-span-7, .Grid__item--xs-span-6, .Grid__item--xs-span-5, .Grid__item--xs-span-4, .Grid__item--xs-span-3, .Grid__item--xs-span-2, .Grid__item--xs-span-1, .Grid__item {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  margin: 0;
  margin-left: 0;
  box-sizing: border-box;
}

.Grid, .EstadisticaPanel, .FooterPanel, .FooterCategorias {
  display: flex;
  flex-flow: row wrap;
  flex-wrap: wrap;
}
.Grid--separate {
  margin-right: -0.5rem;
  margin-left: -0.5rem;
}
.Grid--marginBottom {
  margin-bottom: 2rem;
}
.Grid--full {
  width: 100%;
}
.Grid--centrar {
  justify-content: center;
}
.Grid--move > *:hover {
  cursor: move;
}
.Grid__item {
  flex: 1;
}
.Grid__item--flex {
  display: flex;
}
.Grid__item--xs-span-1 {
  flex: 0 0 100%;
}
@media (min-width: 0) {
  .Grid__item--xs-span-1 {
    flex: 0 0 8.3333333333% !important;
  }
}
.Grid__item--xs-span-2 {
  flex: 0 0 100%;
}
@media (min-width: 0) {
  .Grid__item--xs-span-2 {
    flex: 0 0 16.6666666667% !important;
  }
}
.Grid__item--xs-span-3 {
  flex: 0 0 100%;
}
@media (min-width: 0) {
  .Grid__item--xs-span-3 {
    flex: 0 0 25% !important;
  }
}
.Grid__item--xs-span-4 {
  flex: 0 0 100%;
}
@media (min-width: 0) {
  .Grid__item--xs-span-4 {
    flex: 0 0 33.3333333333% !important;
  }
}
.Grid__item--xs-span-5 {
  flex: 0 0 100%;
}
@media (min-width: 0) {
  .Grid__item--xs-span-5 {
    flex: 0 0 41.6666666667% !important;
  }
}
.Grid__item--xs-span-6 {
  flex: 0 0 100%;
}
@media (min-width: 0) {
  .Grid__item--xs-span-6 {
    flex: 0 0 50% !important;
  }
}
.Grid__item--xs-span-7 {
  flex: 0 0 100%;
}
@media (min-width: 0) {
  .Grid__item--xs-span-7 {
    flex: 0 0 58.3333333333% !important;
  }
}
.Grid__item--xs-span-8 {
  flex: 0 0 100%;
}
@media (min-width: 0) {
  .Grid__item--xs-span-8 {
    flex: 0 0 66.6666666667% !important;
  }
}
.Grid__item--xs-span-9 {
  flex: 0 0 100%;
}
@media (min-width: 0) {
  .Grid__item--xs-span-9 {
    flex: 0 0 75% !important;
  }
}
.Grid__item--xs-span-10 {
  flex: 0 0 100%;
}
@media (min-width: 0) {
  .Grid__item--xs-span-10 {
    flex: 0 0 83.3333333333% !important;
  }
}
.Grid__item--xs-span-11 {
  flex: 0 0 100%;
}
@media (min-width: 0) {
  .Grid__item--xs-span-11 {
    flex: 0 0 91.6666666667% !important;
  }
}
.Grid__item--xs-span-12, .EstadisticaPanel .Estadistica, .FooterCategorias__li {
  flex: 0 0 100%;
}
@media (min-width: 0) {
  .Grid__item--xs-span-12, .EstadisticaPanel .Estadistica, .FooterCategorias__li {
    flex: 0 0 100% !important;
  }
}
.Grid__item--sm-span-1 {
  flex: 0 0 100%;
}
@media (min-width: 544px) {
  .Grid__item--sm-span-1 {
    flex: 0 0 8.3333333333% !important;
  }
}
.Grid__item--sm-span-2 {
  flex: 0 0 100%;
}
@media (min-width: 544px) {
  .Grid__item--sm-span-2 {
    flex: 0 0 16.6666666667% !important;
  }
}
.Grid__item--sm-span-3 {
  flex: 0 0 100%;
}
@media (min-width: 544px) {
  .Grid__item--sm-span-3 {
    flex: 0 0 25% !important;
  }
}
.Grid__item--sm-span-4 {
  flex: 0 0 100%;
}
@media (min-width: 544px) {
  .Grid__item--sm-span-4 {
    flex: 0 0 33.3333333333% !important;
  }
}
.Grid__item--sm-span-5 {
  flex: 0 0 100%;
}
@media (min-width: 544px) {
  .Grid__item--sm-span-5 {
    flex: 0 0 41.6666666667% !important;
  }
}
.Grid__item--sm-span-6, .EstadisticaPanel .Estadistica {
  flex: 0 0 100%;
}
@media (min-width: 544px) {
  .Grid__item--sm-span-6, .EstadisticaPanel .Estadistica {
    flex: 0 0 50% !important;
  }
}
.Grid__item--sm-span-7 {
  flex: 0 0 100%;
}
@media (min-width: 544px) {
  .Grid__item--sm-span-7 {
    flex: 0 0 58.3333333333% !important;
  }
}
.Grid__item--sm-span-8 {
  flex: 0 0 100%;
}
@media (min-width: 544px) {
  .Grid__item--sm-span-8 {
    flex: 0 0 66.6666666667% !important;
  }
}
.Grid__item--sm-span-9 {
  flex: 0 0 100%;
}
@media (min-width: 544px) {
  .Grid__item--sm-span-9 {
    flex: 0 0 75% !important;
  }
}
.Grid__item--sm-span-10 {
  flex: 0 0 100%;
}
@media (min-width: 544px) {
  .Grid__item--sm-span-10 {
    flex: 0 0 83.3333333333% !important;
  }
}
.Grid__item--sm-span-11 {
  flex: 0 0 100%;
}
@media (min-width: 544px) {
  .Grid__item--sm-span-11 {
    flex: 0 0 91.6666666667% !important;
  }
}
.Grid__item--sm-span-12, .FooterCategorias__li {
  flex: 0 0 100%;
}
@media (min-width: 544px) {
  .Grid__item--sm-span-12, .FooterCategorias__li {
    flex: 0 0 100% !important;
  }
}
.Grid__item--md-span-1 {
  flex: 0 0 100%;
}
@media (min-width: 768px) {
  .Grid__item--md-span-1 {
    flex: 0 0 8.3333333333% !important;
  }
}
.Grid__item--md-span-2, .FooterCategorias__li {
  flex: 0 0 100%;
}
@media (min-width: 768px) {
  .Grid__item--md-span-2, .FooterCategorias__li {
    flex: 0 0 16.6666666667% !important;
  }
}
.Grid__item--md-span-3 {
  flex: 0 0 100%;
}
@media (min-width: 768px) {
  .Grid__item--md-span-3 {
    flex: 0 0 25% !important;
  }
}
.Grid__item--md-span-4, .EstadisticaPanel .Estadistica {
  flex: 0 0 100%;
}
@media (min-width: 768px) {
  .Grid__item--md-span-4, .EstadisticaPanel .Estadistica {
    flex: 0 0 33.3333333333% !important;
  }
}
.Grid__item--md-span-5 {
  flex: 0 0 100%;
}
@media (min-width: 768px) {
  .Grid__item--md-span-5 {
    flex: 0 0 41.6666666667% !important;
  }
}
.Grid__item--md-span-6 {
  flex: 0 0 100%;
}
@media (min-width: 768px) {
  .Grid__item--md-span-6 {
    flex: 0 0 50% !important;
  }
}
.Grid__item--md-span-7 {
  flex: 0 0 100%;
}
@media (min-width: 768px) {
  .Grid__item--md-span-7 {
    flex: 0 0 58.3333333333% !important;
  }
}
.Grid__item--md-span-8 {
  flex: 0 0 100%;
}
@media (min-width: 768px) {
  .Grid__item--md-span-8 {
    flex: 0 0 66.6666666667% !important;
  }
}
.Grid__item--md-span-9 {
  flex: 0 0 100%;
}
@media (min-width: 768px) {
  .Grid__item--md-span-9 {
    flex: 0 0 75% !important;
  }
}
.Grid__item--md-span-10 {
  flex: 0 0 100%;
}
@media (min-width: 768px) {
  .Grid__item--md-span-10 {
    flex: 0 0 83.3333333333% !important;
  }
}
.Grid__item--md-span-11 {
  flex: 0 0 100%;
}
@media (min-width: 768px) {
  .Grid__item--md-span-11 {
    flex: 0 0 91.6666666667% !important;
  }
}
.Grid__item--md-span-12 {
  flex: 0 0 100%;
}
@media (min-width: 768px) {
  .Grid__item--md-span-12 {
    flex: 0 0 100% !important;
  }
}
.Grid__item--lg-span-1 {
  flex: 0 0 100%;
}
@media (min-width: 992px) {
  .Grid__item--lg-span-1 {
    flex: 0 0 8.3333333333% !important;
  }
}
.Grid__item--lg-span-2, .FooterCategorias__li {
  flex: 0 0 100%;
}
@media (min-width: 992px) {
  .Grid__item--lg-span-2, .FooterCategorias__li {
    flex: 0 0 16.6666666667% !important;
  }
}
.Grid__item--lg-span-3, .EstadisticaPanel .Estadistica {
  flex: 0 0 100%;
}
@media (min-width: 992px) {
  .Grid__item--lg-span-3, .EstadisticaPanel .Estadistica {
    flex: 0 0 25% !important;
  }
}
.Grid__item--lg-span-4 {
  flex: 0 0 100%;
}
@media (min-width: 992px) {
  .Grid__item--lg-span-4 {
    flex: 0 0 33.3333333333% !important;
  }
}
.Grid__item--lg-span-5 {
  flex: 0 0 100%;
}
@media (min-width: 992px) {
  .Grid__item--lg-span-5 {
    flex: 0 0 41.6666666667% !important;
  }
}
.Grid__item--lg-span-6 {
  flex: 0 0 100%;
}
@media (min-width: 992px) {
  .Grid__item--lg-span-6 {
    flex: 0 0 50% !important;
  }
}
.Grid__item--lg-span-7 {
  flex: 0 0 100%;
}
@media (min-width: 992px) {
  .Grid__item--lg-span-7 {
    flex: 0 0 58.3333333333% !important;
  }
}
.Grid__item--lg-span-8 {
  flex: 0 0 100%;
}
@media (min-width: 992px) {
  .Grid__item--lg-span-8 {
    flex: 0 0 66.6666666667% !important;
  }
}
.Grid__item--lg-span-9 {
  flex: 0 0 100%;
}
@media (min-width: 992px) {
  .Grid__item--lg-span-9 {
    flex: 0 0 75% !important;
  }
}
.Grid__item--lg-span-10 {
  flex: 0 0 100%;
}
@media (min-width: 992px) {
  .Grid__item--lg-span-10 {
    flex: 0 0 83.3333333333% !important;
  }
}
.Grid__item--lg-span-11 {
  flex: 0 0 100%;
}
@media (min-width: 992px) {
  .Grid__item--lg-span-11 {
    flex: 0 0 91.6666666667% !important;
  }
}
.Grid__item--lg-span-12 {
  flex: 0 0 100%;
}
@media (min-width: 992px) {
  .Grid__item--lg-span-12 {
    flex: 0 0 100% !important;
  }
}
.Grid__item--xl-span-1 {
  flex: 0 0 100%;
}
@media (min-width: 1200px) {
  .Grid__item--xl-span-1 {
    flex: 0 0 8.3333333333% !important;
  }
}
.Grid__item--xl-span-2, .FooterCategorias__li {
  flex: 0 0 100%;
}
@media (min-width: 1200px) {
  .Grid__item--xl-span-2, .FooterCategorias__li {
    flex: 0 0 16.6666666667% !important;
  }
}
.Grid__item--xl-span-3, .EstadisticaPanel .Estadistica {
  flex: 0 0 100%;
}
@media (min-width: 1200px) {
  .Grid__item--xl-span-3, .EstadisticaPanel .Estadistica {
    flex: 0 0 25% !important;
  }
}
.Grid__item--xl-span-4 {
  flex: 0 0 100%;
}
@media (min-width: 1200px) {
  .Grid__item--xl-span-4 {
    flex: 0 0 33.3333333333% !important;
  }
}
.Grid__item--xl-span-5 {
  flex: 0 0 100%;
}
@media (min-width: 1200px) {
  .Grid__item--xl-span-5 {
    flex: 0 0 41.6666666667% !important;
  }
}
.Grid__item--xl-span-6 {
  flex: 0 0 100%;
}
@media (min-width: 1200px) {
  .Grid__item--xl-span-6 {
    flex: 0 0 50% !important;
  }
}
.Grid__item--xl-span-7 {
  flex: 0 0 100%;
}
@media (min-width: 1200px) {
  .Grid__item--xl-span-7 {
    flex: 0 0 58.3333333333% !important;
  }
}
.Grid__item--xl-span-8 {
  flex: 0 0 100%;
}
@media (min-width: 1200px) {
  .Grid__item--xl-span-8 {
    flex: 0 0 66.6666666667% !important;
  }
}
.Grid__item--xl-span-9 {
  flex: 0 0 100%;
}
@media (min-width: 1200px) {
  .Grid__item--xl-span-9 {
    flex: 0 0 75% !important;
  }
}
.Grid__item--xl-span-10 {
  flex: 0 0 100%;
}
@media (min-width: 1200px) {
  .Grid__item--xl-span-10 {
    flex: 0 0 83.3333333333% !important;
  }
}
.Grid__item--xl-span-11 {
  flex: 0 0 100%;
}
@media (min-width: 1200px) {
  .Grid__item--xl-span-11 {
    flex: 0 0 91.6666666667% !important;
  }
}
.Grid__item--xl-span-12 {
  flex: 0 0 100%;
}
@media (min-width: 1200px) {
  .Grid__item--xl-span-12 {
    flex: 0 0 100% !important;
  }
}

.row {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col-xs-12, .col-xs-11, .col-xs-10, .col-xs-9, .col-xs-8, .col-xs-7, .col-xs-6, .col-xs-5, .col-xs-4, .col-xs-3, .col-xs-2, .col-xs-1, .col-xl, .col-lg, .col-md, .col-sm, .col-xs, .col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-grow: 0;
  flex-shrink: 0;
  min-height: 1px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

@media (max-width: 480px) {
  .col {
    width: 100%;
  }
}
.col--flex {
  display: flex;
}
.col--flex > * {
  height: 100%;
}
.col--center {
  display: flex;
  justify-content: center;
}
.col.animated:nth-child(0) {
  animation-delay: 0s;
}
.col.animated:nth-child(1) {
  animation-delay: 0.1s;
}
.col.animated:nth-child(2) {
  animation-delay: 0.2s;
}
.col.animated:nth-child(3) {
  animation-delay: 0.3s;
}
.col.animated:nth-child(4) {
  animation-delay: 0.4s;
}
.col.animated:nth-child(5) {
  animation-delay: 0.5s;
}
.col.animated:nth-child(6) {
  animation-delay: 0.6s;
}
.col.animated:nth-child(7) {
  animation-delay: 0.7s;
}
.col.animated:nth-child(8) {
  animation-delay: 0.8s;
}
.col.animated:nth-child(9) {
  animation-delay: 0.9s;
}
.col.animated:nth-child(10) {
  animation-delay: 1s;
}
.col.animated:nth-child(11) {
  animation-delay: 1.1s;
}
.col.animated:nth-child(12) {
  animation-delay: 1.2s;
}
.col.animated:nth-child(13) {
  animation-delay: 1.3s;
}
.col.animated:nth-child(14) {
  animation-delay: 1.4s;
}
.col.animated:nth-child(15) {
  animation-delay: 1.5s;
}
.col.animated:nth-child(16) {
  animation-delay: 1.6s;
}
.col.animated:nth-child(17) {
  animation-delay: 1.7s;
}
.col.animated:nth-child(18) {
  animation-delay: 1.8s;
}
.col.animated:nth-child(19) {
  animation-delay: 1.9s;
}
.col.animated:nth-child(20) {
  animation-delay: 2s;
}
.col.animated:nth-child(21) {
  animation-delay: 2.1s;
}
.col.animated:nth-child(22) {
  animation-delay: 2.2s;
}
.col.animated:nth-child(23) {
  animation-delay: 2.3s;
}
.col.animated:nth-child(24) {
  animation-delay: 2.4s;
}
.col.animated:nth-child(25) {
  animation-delay: 2.5s;
}
.col.animated:nth-child(26) {
  animation-delay: 2.6s;
}
.col.animated:nth-child(27) {
  animation-delay: 2.7s;
}
.col.animated:nth-child(28) {
  animation-delay: 2.8s;
}
.col.animated:nth-child(29) {
  animation-delay: 2.9s;
}
.col.animated:nth-child(30) {
  animation-delay: 3s;
}
.col.animated:nth-child(31) {
  animation-delay: 3.1s;
}
.col.animated:nth-child(32) {
  animation-delay: 3.2s;
}
.col.animated:nth-child(33) {
  animation-delay: 3.3s;
}
.col.animated:nth-child(34) {
  animation-delay: 3.4s;
}
.col.animated:nth-child(35) {
  animation-delay: 3.5s;
}
.col.animated:nth-child(36) {
  animation-delay: 3.6s;
}
.col.animated:nth-child(37) {
  animation-delay: 3.7s;
}
.col.animated:nth-child(38) {
  animation-delay: 3.8s;
}
.col.animated:nth-child(39) {
  animation-delay: 3.9s;
}
.col.animated:nth-child(40) {
  animation-delay: 4s;
}
.col.animated:nth-child(41) {
  animation-delay: 4.1s;
}
.col.animated:nth-child(42) {
  animation-delay: 4.2s;
}
.col.animated:nth-child(43) {
  animation-delay: 4.3s;
}
.col.animated:nth-child(44) {
  animation-delay: 4.4s;
}
.col.animated:nth-child(45) {
  animation-delay: 4.5s;
}
.col.animated:nth-child(46) {
  animation-delay: 4.6s;
}
.col.animated:nth-child(47) {
  animation-delay: 4.7s;
}
.col.animated:nth-child(48) {
  animation-delay: 4.8s;
}
.col.animated:nth-child(49) {
  animation-delay: 4.9s;
}
.col.animated:nth-child(50) {
  animation-delay: 5s;
}
.col.animated:nth-child(51) {
  animation-delay: 5.1s;
}
.col.animated:nth-child(52) {
  animation-delay: 5.2s;
}
.col.animated:nth-child(53) {
  animation-delay: 5.3s;
}
.col.animated:nth-child(54) {
  animation-delay: 5.4s;
}
.col.animated:nth-child(55) {
  animation-delay: 5.5s;
}
.col.animated:nth-child(56) {
  animation-delay: 5.6s;
}
.col.animated:nth-child(57) {
  animation-delay: 5.7s;
}
.col.animated:nth-child(58) {
  animation-delay: 5.8s;
}
.col.animated:nth-child(59) {
  animation-delay: 5.9s;
}
.col.animated:nth-child(60) {
  animation-delay: 6s;
}

.col-xl, .col-lg, .col-md, .col-sm, .col-xs {
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
}

.col-xs-1 {
  flex-basis: 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-xs-2 {
  flex-basis: 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-xs-3 {
  flex-basis: 25%;
  max-width: 25%;
}

.col-xs-4 {
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-xs-5 {
  flex-basis: 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-xs-6 {
  flex-basis: 50%;
  max-width: 50%;
}

.col-xs-7 {
  flex-basis: 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-xs-8 {
  flex-basis: 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-xs-9 {
  flex-basis: 75%;
  max-width: 75%;
}

.col-xs-10 {
  flex-basis: 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-xs-11 {
  flex-basis: 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-xs-12 {
  flex-basis: 100%;
  max-width: 100%;
}

.off-xs-1 {
  margin-left: 8.3333333333%;
}

.off-xs-2 {
  margin-left: 16.6666666667%;
}

.off-xs-3 {
  margin-left: 25%;
}

.off-xs-4 {
  margin-left: 33.3333333333%;
}

.off-xs-5 {
  margin-left: 41.6666666667%;
}

.off-xs-6 {
  margin-left: 50%;
}

.off-xs-7 {
  margin-left: 58.3333333333%;
}

.off-xs-8 {
  margin-left: 66.6666666667%;
}

.off-xs-9 {
  margin-left: 75%;
}

.off-xs-10 {
  margin-left: 83.3333333333%;
}

.off-xs-11 {
  margin-left: 91.6666666667%;
}

.off-xs-reset {
  margin-left: 0;
}

@media only screen and (min-width: 768px) {
  .col-sm-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-sm-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-sm-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-sm-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-sm-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-sm-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-sm-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-sm-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .off-sm-1 {
    margin-left: 8.3333333333%;
  }
  .off-sm-2 {
    margin-left: 16.6666666667%;
  }
  .off-sm-3 {
    margin-left: 25%;
  }
  .off-sm-4 {
    margin-left: 33.3333333333%;
  }
  .off-sm-5 {
    margin-left: 41.6666666667%;
  }
  .off-sm-6 {
    margin-left: 50%;
  }
  .off-sm-7 {
    margin-left: 58.3333333333%;
  }
  .off-sm-8 {
    margin-left: 66.6666666667%;
  }
  .off-sm-9 {
    margin-left: 75%;
  }
  .off-sm-10 {
    margin-left: 83.3333333333%;
  }
  .off-sm-11 {
    margin-left: 91.6666666667%;
  }
  .off-sm-reset {
    margin-left: 0;
  }
}
@media only screen and (min-width: 992px) {
  .col-md-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-md-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-md-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-md-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-md-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-md-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-md-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .off-md-1 {
    margin-left: 8.3333333333%;
  }
  .off-md-2 {
    margin-left: 16.6666666667%;
  }
  .off-md-3 {
    margin-left: 25%;
  }
  .off-md-4 {
    margin-left: 33.3333333333%;
  }
  .off-md-5 {
    margin-left: 41.6666666667%;
  }
  .off-md-6 {
    margin-left: 50%;
  }
  .off-md-7 {
    margin-left: 58.3333333333%;
  }
  .off-md-8 {
    margin-left: 66.6666666667%;
  }
  .off-md-9 {
    margin-left: 75%;
  }
  .off-md-10 {
    margin-left: 83.3333333333%;
  }
  .off-md-11 {
    margin-left: 91.6666666667%;
  }
  .off-md-reset {
    margin-left: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .col-lg-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-lg-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-lg-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-lg-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-lg-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-lg-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-lg-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-lg-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .off-lg-1 {
    margin-left: 8.3333333333%;
  }
  .off-lg-2 {
    margin-left: 16.6666666667%;
  }
  .off-lg-3 {
    margin-left: 25%;
  }
  .off-lg-4 {
    margin-left: 33.3333333333%;
  }
  .off-lg-5 {
    margin-left: 41.6666666667%;
  }
  .off-lg-6 {
    margin-left: 50%;
  }
  .off-lg-7 {
    margin-left: 58.3333333333%;
  }
  .off-lg-8 {
    margin-left: 66.6666666667%;
  }
  .off-lg-9 {
    margin-left: 75%;
  }
  .off-lg-10 {
    margin-left: 83.3333333333%;
  }
  .off-lg-11 {
    margin-left: 91.6666666667%;
  }
  .off-lg-reset {
    margin-left: 0;
  }
}
@media only screen and (min-width: 1400px) {
  .col-xl-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xl-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xl-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xl-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xl-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xl-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xl-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xl-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .off-xl-1 {
    margin-left: 8.3333333333%;
  }
  .off-xl-2 {
    margin-left: 16.6666666667%;
  }
  .off-xl-3 {
    margin-left: 25%;
  }
  .off-xl-4 {
    margin-left: 33.3333333333%;
  }
  .off-xl-5 {
    margin-left: 41.6666666667%;
  }
  .off-xl-6 {
    margin-left: 50%;
  }
  .off-xl-7 {
    margin-left: 58.3333333333%;
  }
  .off-xl-8 {
    margin-left: 66.6666666667%;
  }
  .off-xl-9 {
    margin-left: 75%;
  }
  .off-xl-10 {
    margin-left: 83.3333333333%;
  }
  .off-xl-11 {
    margin-left: 91.6666666667%;
  }
  .off-xl-reset {
    margin-left: 0;
  }
}
.Header {
  height: 91px;
  background-color: white;
  z-index: 3;
}
.Header__container {
  display: flex;
  padding-left: 150px;
  justify-content: space-around;
  align-items: center;
  height: inherit;
}
@media screen and (max-width: 765px) {
  .Header__container {
    justify-content: space-between;
    padding-left: 20px;
  }
}
@media screen and (max-width: 765px) {
  .Header__container > .Href {
    flex: 1;
  }
}
@media screen and (max-width: 643px) {
  .Header__container > .Href {
    display: none;
  }
}
.Header__logo {
  height: 91px;
}
.Header__colapse {
  flex: 1;
  display: flex;
  justify-content: space-around;
}
@media screen and (max-width: 765px) {
  .Header__colapse .Buscador [name=search] {
    width: auto;
  }
}
@media screen and (max-width: 765px) and (max-width: 643px) {
  .Header__colapse .Buscador [name=search] {
    width: 100%;
  }
}
@media screen and (max-width: 765px) and (max-width: 643px) {
  .Header__colapse .Buscador {
    margin: 0;
    display: flex;
    flex: 1;
  }
}
.Header__item {
  display: flex;
  align-items: center;
  width: 100%;
}
@media screen and (max-width: 643px) {
  .Header__item {
    width: 100%;
  }
}
.Header__left {
  display: flex;
  justify-content: flex-start;
  list-style: none;
  width: 100%;
}
@media screen and (max-width: 643px) {
  .Header__left {
    width: 100%;
  }
}
.Header__left .Header__item {
  margin-right: 10px;
}
.Header__right {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  list-style: none;
  padding-right: 20px;
}
@media screen and (max-width: 643px) {
  .Header__right {
    display: none;
  }
}
.Header__right .Header__item {
  margin-left: 10px;
}
.Header--fixed {
  z-index: 401;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
}
.Header--fixed + main {
  margin-top: 91px;
}
.Header--admin {
  height: 60px;
}
.Header--admin + main {
  margin-top: 60px;
}
.Header--admin .Header__logo {
  height: 38px;
}

.Btn, .DetailProduct__share > a, .HomeVentajasQR .Info__descripcion .DetailProduct__share > span, .HomePc .Info__descripcion .DetailProduct__share > span, .DetailProduct__share > .backLink {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  border: 0;
  background-color: white;
  border-radius: 5px;
  padding: 10px;
  font-size: 12pt;
  padding-left: 40px;
  padding-right: 40px;
  border: 1px solid gainsboro;
}
.Btn[disabled], .DetailProduct__share > a[disabled], .HomeVentajasQR .Info__descripcion .DetailProduct__share > span[disabled], .HomePc .Info__descripcion .DetailProduct__share > span[disabled], .DetailProduct__share > [disabled].backLink {
  opacity: 0.2;
  cursor: not-allowed;
}
.Btn:hover, .DetailProduct__share > a:hover, .HomeVentajasQR .Info__descripcion .DetailProduct__share > span:hover, .HomePc .Info__descripcion .DetailProduct__share > span:hover, .DetailProduct__share > .backLink:hover {
  cursor: pointer;
}
.Btn--round, .DetailProduct__share > a, .HomeVentajasQR .Info__descripcion .DetailProduct__share > span, .HomePc .Info__descripcion .DetailProduct__share > span, .DetailProduct__share > .backLink {
  padding: 0.6em 1em;
  width: max-content;
  border-radius: 50em;
  background-color: transparent;
}
.Btn--round:hover, .DetailProduct__share > a:hover, .HomeVentajasQR .Info__descripcion .DetailProduct__share > span:hover, .HomePc .Info__descripcion .DetailProduct__share > span:hover, .DetailProduct__share > .backLink:hover {
  color: white;
  background: #2f889a;
}
.Btn--white {
  background-color: white;
  color: #000;
}
.Btn--casas {
  background-color: #000033;
  color: white;
}
.Btn--casas:hover {
  background-color: #337ab7;
  cursor: pointer;
}
.Btn--info {
  background-color: #63c2de;
  color: white;
}
.Btn--danger {
  background-color: #f86c6b;
  color: white;
}
.Btn--warning {
  background-color: #ffc107;
  color: white;
}
.Btn--success {
  background-color: #4dbd74;
  color: white;
}
.Btn--gradient-info {
  background-image: linear-gradient(45deg, #0288d1 0%, #26c6da 100%);
  background-image: -webkit-linear-gradient(45deg, #0288d1 0%, #26c6da 100%);
  background-image: -moz-linear-gradient(45deg, #0288d1 0%, #26c6da 100%);
  background-image: -ms-linear-gradient(45deg, #0288d1 0%, #26c6da 100%);
  background-image: -o-linear-gradient(45deg, #0288d1 0%, #26c6da 100%);
  color: white;
}
.Btn--gradient-danger {
  background-image: linear-gradient(45deg, #FF5252 0%, #f48fb1 100%);
  background-image: -webkit-linear-gradient(45deg, #FF5252 0%, #f48fb1 100%);
  background-image: -moz-linear-gradient(45deg, #FF5252 0%, #f48fb1 100%);
  background-image: -ms-linear-gradient(45deg, #FF5252 0%, #f48fb1 100%);
  background-image: -o-linear-gradient(45deg, #FF5252 0%, #f48fb1 100%);
  color: white;
}
.Btn--gradient-warning {
  background-image: linear-gradient(45deg, #ff6f00 0%, #ffca28 100%);
  background-image: -webkit-linear-gradient(45deg, #ff6f00 0%, #ffca28 100%);
  background-image: -moz-linear-gradient(45deg, #ff6f00 0%, #ffca28 100%);
  background-image: -ms-linear-gradient(45deg, #ff6f00 0%, #ffca28 100%);
  background-image: -o-linear-gradient(45deg, #ff6f00 0%, #ffca28 100%);
  color: white;
}
.Btn--gradient-success {
  background-image: linear-gradient(45deg, #43A047 0%, #1de9b6 100%);
  background-image: -webkit-linear-gradient(45deg, #43A047 0%, #1de9b6 100%);
  background-image: -moz-linear-gradient(45deg, #43A047 0%, #1de9b6 100%);
  background-image: -ms-linear-gradient(45deg, #43A047 0%, #1de9b6 100%);
  background-image: -o-linear-gradient(45deg, #43A047 0%, #1de9b6 100%);
  color: white;
}
.Btn--orange {
  background-color: #e8470b;
  color: white;
}
.Btn--orange:hover {
  background-color: #d0400a;
  cursor: pointer;
}
.Btn--blue, .DetailProduct__share > a, .HomeVentajasQR .Info__descripcion .DetailProduct__share > span, .HomePc .Info__descripcion .DetailProduct__share > span, .DetailProduct__share > .backLink {
  background-color: #008bd2;
  color: white;
}
.Btn--blue:hover, .DetailProduct__share > a:hover, .HomeVentajasQR .Info__descripcion .DetailProduct__share > span:hover, .HomePc .Info__descripcion .DetailProduct__share > span:hover, .DetailProduct__share > .backLink:hover {
  background-color: #007ab9;
  cursor: pointer;
}
.Btn--grande {
  font-size: 17pt;
  padding-left: 60px;
  padding-right: 60px;
  padding-top: 15px;
  padding-bottom: 15px;
  line-height: 1;
}
.Btn--default {
  border: 0;
}
.Btn--icon {
  display: inline-flex;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.Btn--icon > div {
  display: flex;
}
.Btn--icon > div > i {
  margin-right: 5px;
}
.Btn--mini {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  cursor: default;
  font-family: arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  height: 27px;
  line-height: 27px;
  margin: 2px 0;
  min-width: 54px;
  padding: 0 8px;
  text-align: center;
  -webkit-transition: all 0.218s, visibility 0s;
  -moz-transition: all 0.218s, visibility 0s;
  -ms-transition: all 0.218s, visibility 0s;
  -o-transition: all 0.218s, visibility 0s;
  transition: all 0.218s, visibility 0s;
  background-color: #f5f5f5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#f1f1f1));
  background-image: -webkit-linear-gradient(top, #f5f5f5, #f1f1f1);
  background-image: linear-gradient(top, #f5f5f5, #f1f1f1);
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: #609;
  cursor: default;
  display: inline-block;
  color: #444;
  margin-top: 1px;
  text-decoration: none;
  -webkit-user-select: none;
}
.Btn--mini:hover {
  border: 1px solid #c6c6c6;
  background-color: #f8f8f8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f1f1f1));
  background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1);
  background-image: linear-gradient(top, #f8f8f8, #f1f1f1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -sm-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -ms-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s;
}
.Btn--ajust {
  width: max-content;
  margin: auto;
  margin-bottom: 20px;
}
.Btn--center {
  margin: auto;
  display: flex;
}
.Btn--separatorRight {
  margin-right: 0.5rem;
}
.Btn--separatorRight:last-child {
  margin-right: 0;
}
.Btn--active {
  background: gainsboro;
}
.Btn--none {
  width: max-content;
  margin: auto;
  background: none;
  padding: 0;
  border: 0;
}
.Btn--especial {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  -sm-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  padding: 0 2rem;
  text-transform: uppercase;
  min-height: 36px;
  border: none;
  border-radius: 4px;
  font-size: 1rem;
  outline: 0;
  text-decoration: none;
  color: #fff;
  background-color: #63c2de;
  text-align: center;
  letter-spacing: 0.5px;
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -ms-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  position: relative;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  vertical-align: middle;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.Btn--noMargin {
  margin-bottom: 0;
}

.Info {
  background: white;
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}
.Info__container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
.Info--noContainer .Info__container {
  width: 100%;
}
.Info__titulo {
  text-align: center;
  font-size: 24pt;
  margin-bottom: 10px;
  color: #e8470b;
}
.Info__descripcion {
  text-align: center;
  font-size: 16pt;
  width: 100%;
}
.Info__content {
  margin-top: -40px;
  position: relative;
}
.Info__left {
  position: absolute;
  top: -170px;
  margin-left: 30px;
  background-color: white;
  display: inline-flex;
  margin-right: auto;
  padding: 20px;
  box-shadow: 4px 3px 11px -10px black;
  -moz-box-shadow: 4px 3px 11px -10px black;
  -ms-box-shadow: 4px 3px 11px -10px black;
  -o-box-shadow: 4px 3px 11px -10px black;
  -sm-box-shadow: 4px 3px 11px -10px black;
  border-radius: 10px;
}
.Info--default .Info__titulo {
  font-size: 1rem;
}
.Info--default .Info__container {
  width: 100%;
}
.Info--simple .Info__titulo {
  color: #000;
  font-weight: 400;
  font-size: 1.8rem;
}
.Info--simple .Info__descripcion {
  text-align: center;
  font-size: 1.2rem;
}
.Info--isLeft {
  display: flex;
}

.Arrow {
  z-index: 1;
  width: 0;
  position: relative;
  height: 0;
  margin: auto;
}
.Arrow--bottom {
  position: relative;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid white;
  margin-bottom: 20px;
}

.Centrar {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.Presentacion {
  display: flex;
  background-color: white;
  margin-bottom: 30px;
}
.Presentacion__imagen {
  display: flex;
  width: 136px;
}
.Presentacion__body {
  padding: 10px;
  width: 100%;
}

.Links {
  display: block;
}
.Links__item {
  color: black;
}
.Links__item:after {
  content: ", ";
}
.Links__item:last-child:after {
  content: "";
}

.PageFoto__imagen {
  display: flex;
  width: 100%;
  height: auto;
}

.Anuncio {
  margin-bottom: 25px;
  background-color: white;
  border: 1px solid gainsboro;
}
.Anuncio__header {
  position: relative;
  overflow: hidden;
}
.Anuncio__imagen {
  width: 100%;
  display: block;
}
.Anuncio__precio {
  margin-top: -40px;
  display: flex;
  justify-content: flex-end;
  padding-right: 5px;
}
.Anuncio__titulo {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  padding-left: 15px;
  padding-right: 15px;
}
.Anuncio__body {
  position: relative;
}
.Anuncio__icono {
  margin-left: 5px;
}
.Anuncio__desc {
  display: flex;
  justify-content: space-between;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 10px;
}

.Favorite {
  display: flex;
  background: white;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  position: absolute;
  top: -10px;
  left: -10px;
}
.Favorite > img {
  width: 40px;
  margin-top: 8px;
  margin-left: 8px;
}

.AnuncioFooter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 30px;
  margin-bottom: 10px;
  margin-left: 20px;
  margin-right: 20px;
}
.AnuncioFooter__image {
  width: 35px;
}
.AnuncioFooter__image--telefono {
  width: 21px;
}
.AnuncioFooter__item {
  width: 100%;
  text-align: center;
  border-right: 1px solid gainsboro;
}
.AnuncioFooter__item:last-child {
  border-right: 0;
}

.Precio {
  display: inline-flex;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  min-width: 120px;
  text-align: center;
  justify-content: center;
  align-items: center;
  color: white;
  background-color: #ef7c00;
}

.Footer {
  background-color: #333333;
  display: flex;
  flex-direction: column;
  padding: 20px 40px 20px 40px;
  min-height: 80px;
  align-items: start;
}
@media (max-width: 500px) {
  .Footer {
    padding: 10px;
  }
}
.Footer--simple {
  -webkit-transition: margin-left 0.25s, margin-right 0.25s, width 0.25s, flex 0.25s, -ms-flex 0.25s;
  -moz-transition: margin-left 0.25s, margin-right 0.25s, width 0.25s, flex 0.25s, -ms-flex 0.25s;
  -ms-transition: margin-left 0.25s, margin-right 0.25s, width 0.25s, flex 0.25s, -ms-flex 0.25s;
  -o-transition: margin-left 0.25s, margin-right 0.25s, width 0.25s, flex 0.25s, -ms-flex 0.25s;
  transition: margin-left 0.25s, margin-right 0.25s, width 0.25s, flex 0.25s, -ms-flex 0.25s;
  flex: 0 0 50px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 1rem;
  color: #23282c;
  background-color: #f0f3f5;
  border-top: 1px solid #c8ced3;
  min-height: auto;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
}
@media (min-width: 576px) and (min-width: 992px) {
  .Footer--simple {
    margin-left: 200px;
  }
}
.Footer--default {
  -webkit-transition: margin-left 0.25s, margin-right 0.25s, width 0.25s, flex 0.25s, -ms-flex 0.25s;
  -moz-transition: margin-left 0.25s, margin-right 0.25s, width 0.25s, flex 0.25s, -ms-flex 0.25s;
  -ms-transition: margin-left 0.25s, margin-right 0.25s, width 0.25s, flex 0.25s, -ms-flex 0.25s;
  -o-transition: margin-left 0.25s, margin-right 0.25s, width 0.25s, flex 0.25s, -ms-flex 0.25s;
  transition: margin-left 0.25s, margin-right 0.25s, width 0.25s, flex 0.25s, -ms-flex 0.25s;
  flex: 0 0 50px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 1rem;
  color: #23282c;
  background-color: #f0f3f5;
  border-top: 1px solid #c8ced3;
  min-height: auto;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 150px;
}
@media screen and (max-width: 765px) {
  .Footer--default {
    padding-left: 20px;
  }
}
.Footer--predeterminado {
  -webkit-transition: margin-left 0.25s, margin-right 0.25s, width 0.25s, flex 0.25s, -ms-flex 0.25s;
  -moz-transition: margin-left 0.25s, margin-right 0.25s, width 0.25s, flex 0.25s, -ms-flex 0.25s;
  -ms-transition: margin-left 0.25s, margin-right 0.25s, width 0.25s, flex 0.25s, -ms-flex 0.25s;
  -o-transition: margin-left 0.25s, margin-right 0.25s, width 0.25s, flex 0.25s, -ms-flex 0.25s;
  transition: margin-left 0.25s, margin-right 0.25s, width 0.25s, flex 0.25s, -ms-flex 0.25s;
  flex: 0 0 50px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 1rem;
  color: #23282c;
  background-color: #f0f3f5;
  border-top: 1px solid #c8ced3;
  min-height: auto;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.Footer + .FooterFooter {
  background-color: black;
  color: white;
  text-align: center;
  padding: 20px;
}

.FooterHeader {
  width: 100%;
  color: #7d7d7d;
  font-size: 20pt;
  line-height: 1.1;
  border-bottom: 2px solid #3e3e3e;
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
}
.FooterHeader__subtitulo {
  text-transform: lowercase;
  font-size: 14pt;
  margin-left: 30px;
  font-weight: lighter;
}
.FooterHeader__left {
  font-weight: bold;
  text-transform: uppercase;
  display: flex;
  align-items: center;
}
.FooterHeader__right {
  display: flex;
  list-style: none;
}
.FooterHeader__li {
  display: flex;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
}
.FooterHeader__item {
  color: #7d7d7d;
  text-decoration: none;
  display: flex;
  height: 100%;
  align-items: center;
}
.FooterHeader__item:hover {
  color: white;
}

.FooterCategorias {
  list-style: none;
  width: calc(100% + 15px);
}
.FooterBody {
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.FooterPanel {
  width: 100%;
  border: 1px solid #e6ebf1;
  background-color: gainsboro;
  margin-bottom: 20px;
  margin: 0;
  display: flex;
  justify-content: space-between;
  padding: 40px;
  flex-wrap: wrap;
}
.FooterPanel--default {
  background-color: transparent;
  border: 0;
  padding: 0;
  padding-bottom: 20px;
}
@media screen and (max-width: 500px) {
  .FooterPanel {
    flex-direction: column;
  }
}

.FooterColumn {
  margin-bottom: 20px;
  flex: 1;
  padding: 5px;
}
.FooterColumn__list {
  list-style: none;
  display: flex;
  gap: 5px;
  flex-direction: column;
}
.FooterColumn__titulo {
  border-bottom: 1px solid gray;
  width: 100%;
  padding-bottom: 10px;
  margin-bottom: 20px;
  font-size: 20px;
  color: white;
}

.FooterFooter {
  color: #7d7d7d;
  font-size: 12pt;
}

.Categoria {
  display: flex;
  margin-bottom: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding: 10px;
}
.Categoria:hover {
  background-color: #fff;
  box-shadow: 0px 1px 10px 0px black;
  -moz-box-shadow: 0px 1px 10px 0px black;
  -ms-box-shadow: 0px 1px 10px 0px black;
  -o-box-shadow: 0px 1px 10px 0px black;
  -sm-box-shadow: 0px 1px 10px 0px black;
}
.Categoria__titulo {
  color: gray;
  font-size: 15pt;
}
.Categoria__descripcion {
  color: gray;
  margin-top: 10px;
  font-size: 12pt;
}
.Categoria__icono {
  text-decoration: none;
  color: gray;
  margin-right: 10px;
  border: 1px solid gainsboro;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  line-height: 1;
}

.ModalDialog {
  max-width: 1215px;
  background-color: white;
  margin: auto;
  overflow: auto;
  max-height: 100%;
  border-radius: 20px;
}
.ModalDialog--imageRight {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right;
}
.ModalDialog--auto {
  width: max-content;
  width: fit-content;
}
.ModalDialog--default {
  max-width: 700px;
}
.ModalDialog--full {
  width: 100%;
  max-width: 100%;
  height: 100%;
  border-radius: 3px;
  box-shadow: 0 2px 26px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 26px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 2px 26px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 2px 26px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.1);
  -sm-box-shadow: 0 2px 26px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
}

.ModalHeader {
  display: flex;
  position: relative;
}
.ModalHeader__titulo {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 40px;
}
.ModalHeader--simple .ModalHeader__titulo {
  display: flex;
  align-items: center;
}
.ModalHeader__close {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: gainsboro;
  border-radius: 50%;
  position: absolute;
  right: 10px;
  top: 10px;
}
.ModalHeader__close:hover {
  background-color: #c3c3c3;
  cursor: pointer;
}
.ModalHeader--simple .ModalHeader__close {
  background: transparent;
  border-radius: 0;
  border: none;
  color: #c2c5cd;
}
.ModalHeader--simple .ModalHeader__close:hover {
  color: #a6aab6;
  cursor: pointer;
}
.ModalHeader--simple {
  background-color: #f5f6f7;
  border-bottom: 1px solid #e5e5e5;
  border-radius: 3px 3px 0 0;
  color: #1d2129;
  font-weight: bold;
  line-height: 19px;
  padding: 10px 12px;
  min-height: 47px;
}

.ModalFooter {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.ModalFooter--simple {
  background-color: #f5f6f7;
  border-top: 1px solid #e5e5e5;
  width: 100%;
  color: #1d2129;
  font-weight: bold;
  line-height: 19px;
  padding: 10px 12px;
  min-height: 47px;
}

.ModalBody {
  overflow: hidden;
}
.ModalBody--default {
  padding: 20px;
}
.ModalBody--simple {
  flex: 1;
  padding: 0;
}

.Modal {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.64);
  z-index: 999;
  padding-top: 60px;
  padding-bottom: 60px;
}
.Modal--full {
  padding: 3%;
}

.Title {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  background-color: #ececec;
  text-align: center;
  line-height: 1.2;
  margin-bottom: 20px;
}

.Condiciones {
  padding: 40px;
}

.Parrafo {
  font-size: 14pt;
}
.Parrafo--orange {
  color: #e8470b;
}
.Parrafo--center {
  text-align: center;
}
.Parrafo--mini {
  font-size: 11pt;
}
.Parrafo--separate {
  margin-bottom: 1rem;
}
.Parrafo--inherit {
  font-size: inherit;
}

.Buttons {
  display: flex;
  justify-content: space-evenly;
  margin-top: 30px;
}

.button-profesional-hover {
  display: none;
  transition: all 0.3s ease-in-out;
  position: absolute;
  right: 0;
  top: 100%;
  z-index: 999;
  padding-top: 10px;
}
.button-profesional-hover ul {
  list-style: none;
  border-radius: 10px;
  min-width: 160px;
  padding: 10px;
  background: white;
  box-shadow: 0 0 10px -6px black;
}
.button-profesional-hover li a, .button-profesional-hover li .HomeVentajasQR .Info__descripcion span, .HomeVentajasQR .Info__descripcion .button-profesional-hover li span, .button-profesional-hover li .HomePc .Info__descripcion span, .HomePc .Info__descripcion .button-profesional-hover li span, .button-profesional-hover li .backLink {
  display: block;
  padding: 5px;
  color: black;
  text-decoration: none;
}
.button-profesional-hover li a:hover, .button-profesional-hover li .HomeVentajasQR .Info__descripcion span:hover, .HomeVentajasQR .Info__descripcion .button-profesional-hover li span:hover, .button-profesional-hover li .HomePc .Info__descripcion span:hover, .HomePc .Info__descripcion .button-profesional-hover li span:hover, .button-profesional-hover li .backLink:hover {
  background-color: whitesmoke;
  cursor: pointer;
  border-radius: 5px;
}

.button-profesional-container {
  position: absolute;
  right: 100px;
  top: 0;
  bottom: 0;
  margin: auto;
  height: fit-content;
}
.button-profesional-container:hover .button-profesional-hover {
  display: flex;
}
@media (width <= 1024px) {
  .button-profesional-container--mobile {
    position: static;
  }
}
@media (width <= 1024px) {
  .button-profesional-container:not(.button-profesional-container--mobile) {
    position: static;
  }
}
@media (width <= 896px) {
  .button-profesional-container:not(.button-profesional-container--mobile) {
    position: relative;
    right: 0;
  }
  .button-profesional-container:not(.button-profesional-container--mobile) button {
    padding: 0px;
  }
  .button-profesional-container:not(.button-profesional-container--mobile) button div:first-child {
    display: none;
  }
}
.button-profesional-container--mobile .button-profesional {
  color: #000 !important;
  text-shadow: none;
}

.button-profesional {
  position: relative;
  display: flex;
  justify-content: end;
  gap: 10px;
  background-color: whitesmoke;
  border: 1px solid gainsboro;
  padding: 5px;
  padding-left: 20px;
  border-radius: 50px;
  align-items: center;
  cursor: pointer;
  color: black;
  font-size: 1rem;
  font-weight: bold;
  max-width: 200px;
  background: no-repeat;
  color: white;
  text-shadow: 0 0 3px BLACK;
}
.button-profesional div:first-child {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.button-profesional img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid gainsboro;
  display: block;
}

.CookiesAceptar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: white;
  display: flex;
  justify-content: center;
  text-align: center;
  font-size: 13pt;
  padding: 20px;
}
.CookiesAceptar a, .CookiesAceptar .HomeVentajasQR .Info__descripcion span, .HomeVentajasQR .Info__descripcion .CookiesAceptar span, .CookiesAceptar .HomePc .Info__descripcion span, .HomePc .Info__descripcion .CookiesAceptar span, .CookiesAceptar .backLink {
  margin-left: 5px;
}

.Tabs__labels {
  display: flex;
  list-style: none;
}
.Tabs__labels__li {
  display: flex;
}
.Tabs__labels__li span.fa {
  font-size: 1.5rem;
}
.Tabs__labels__item, .Tabs__labels__item--active {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  font-size: 15pt;
  text-decoration: none;
  color: #555;
  border-bottom: 1px solid #d6d6d6;
  border-left: 1px solid #d6d6d6;
  border-right: 1px solid #d6d6d6;
  cursor: pointer;
  background: #eee;
  padding-left: 40px;
  padding-right: 40px;
}
.Tabs__labels__item > div, .Tabs__labels__item--active > div {
  display: flex;
  align-items: center;
}
.Tabs__labels__item > div span:first-child, .Tabs__labels__item--active > div span:first-child {
  margin-right: 10px;
}
.Tabs__labels__item--active {
  background-color: #fff;
  border-bottom: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
}
.Tabs__content {
  padding: 10px;
}
.Tabs--noSeparate .Tabs__content {
  padding-left: 0;
  padding-right: 0;
}

.Input__input {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -ms-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -sm-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2;
  -ms-transition: border linear 0.2s, box-shadow linear 0.2;
  -o-transition: border linear 0.2s, box-shadow linear 0.2;
  transition: border linear 0.2s, box-shadow linear 0.2;
  display: block;
  width: 100%;
  border-radius: 4px;
  min-height: 38px;
  padding: 8px;
  font-size: 12pt;
}

.FormGroup {
  text-align: left;
  margin-bottom: 15px;
}
.FormGroup--gap {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.Login {
  padding: 20px;
}

.Registro {
  padding: 20px;
  max-width: 800px;
}

.Checkbox {
  min-height: 25px;
  display: flex;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  align-items: center;
}
.Checkbox__check {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.Checkbox__check:checked ~ .Checkbox__mark {
  background-color: #2196F3;
}
.Checkbox__check:checked ~ .Checkbox__mark:after {
  display: block;
}
.Checkbox__mark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  bottom: 0;
  margin: auto;
}
.Checkbox__mark:after {
  content: "";
  position: absolute;
  display: none;
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.Checkbox__label {
  font-size: 13pt;
}
.Checkbox:hover .Checkbox__check ~ .Checkbox__mark {
  background-color: #ccc;
}
.Checkbox--peque .Checkbox__mark {
  zoom: 0.8;
}
.Checkbox--default {
  margin: 0;
}
.Checkbox--default .Checkbox__mark {
  background-color: white;
  border-radius: 4px;
}

.Avatar {
  display: flex;
  align-items: center;
}
.Avatar__avatar {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  overflow: hidden;
}
.Avatar--pro .Avatar__avatar {
  border-radius: 0;
}
.Avatar--grande .Avatar__avatar {
  width: 240px;
  height: auto;
}
.Avatar--all .Avatar__avatar {
  width: 100%;
  height: auto;
}
.Avatar__image {
  width: 100%;
  height: 100%;
}
.Avatar__nombre {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1em;
  color: #FC8213;
  line-height: 1em;
  font-weight: 700;
}
.Avatar__body {
  margin-left: 10px;
  max-width: 100px;
}
.Avatar__categoria {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.75em;
  font-style: italic;
  color: #424f63;
  font-weight: normal;
  margin-top: 0.3em;
  display: block;
}
.Avatar__desplegable {
  color: #68AE00;
  font-size: 1.6em;
}
.Avatar:hover {
  cursor: pointer;
}
.Avatar--desplegable {
  user-select: none;
}

.DropDown {
  position: relative;
}
.DropDown__menu {
  position: absolute;
  right: 0;
  top: 100%;
  margin-top: 7px;
  display: none;
}
.DropDown__menu--open {
  display: block;
}
.DropDown__trigger:hover {
  cursor: pointer;
}

.DropDownMenu {
  background-color: white;
  min-width: 200px;
  width: max-content;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  box-shadow: 0px 4px 19px -9px black;
  -moz-box-shadow: 0px 4px 19px -9px black;
  -ms-box-shadow: 0px 4px 19px -9px black;
  -o-box-shadow: 0px 4px 19px -9px black;
  -sm-box-shadow: 0px 4px 19px -9px black;
}

.Triangulo {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid white;
  margin-right: 15px;
  margin-left: auto;
}

.Menu {
  list-style: none;
  padding-top: 10px;
  padding-bottom: 10px;
}
.Menu__item {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
  align-items: center;
  color: black;
  font-size: 15pt;
}
.Menu__item:hover {
  background-color: whitesmoke;
  cursor: pointer;
}
.Menu__item--separator {
  padding: 0;
  background-color: gray;
  height: 1px;
  margin-top: 10px;
  margin-bottom: 5px;
}

.HeaderItem {
  color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 12pt;
}
.HeaderItem__label {
  font-size: 12pt;
}

.Dashboard__aside {
  height: calc(100vh - 55px);
  position: fixed;
  z-index: 1019;
  width: 200px;
  flex: 0 0 200px;
  order: -1;
  -webkit-transition: margin-left 0.25s, margin-right 0.25s, width 0.25s, flex 0.25s, -ms-flex 0.25s;
  -moz-transition: margin-left 0.25s, margin-right 0.25s, width 0.25s, flex 0.25s, -ms-flex 0.25s;
  -ms-transition: margin-left 0.25s, margin-right 0.25s, width 0.25s, flex 0.25s, -ms-flex 0.25s;
  -o-transition: margin-left 0.25s, margin-right 0.25s, width 0.25s, flex 0.25s, -ms-flex 0.25s;
  transition: margin-left 0.25s, margin-right 0.25s, width 0.25s, flex 0.25s, -ms-flex 0.25s;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0;
  color: #fff;
  background: #2f353a;
  margin-left: -200px;
}
@media screen and (min-width: 992px) {
  .Dashboard__aside {
    margin-left: 0;
  }
}
@media (min-width: 576px) and (min-width: 992px) {
  .Dashboard__body {
    margin-left: 200px;
    flex: 1 1;
    min-width: 0;
    -webkit-transition: margin-left 0.25s, margin-right 0.25s, width 0.25s, flex 0.25s, -ms-flex 0.25s;
    -moz-transition: margin-left 0.25s, margin-right 0.25s, width 0.25s, flex 0.25s, -ms-flex 0.25s;
    -ms-transition: margin-left 0.25s, margin-right 0.25s, width 0.25s, flex 0.25s, -ms-flex 0.25s;
    -o-transition: margin-left 0.25s, margin-right 0.25s, width 0.25s, flex 0.25s, -ms-flex 0.25s;
    transition: margin-left 0.25s, margin-right 0.25s, width 0.25s, flex 0.25s, -ms-flex 0.25s;
    display: block;
  }
}
.Dashboard__content {
  margin-top: 55px;
}

.DashboardHeader {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  height: 55px;
  padding: 0;
  margin: 0;
  background-color: #fff;
  border-bottom: 1px solid #c8ced3;
  flex: 0 0 55px;
  -webkit-transition: margin-left 0.25s, margin-right 0.25s, width 0.25s, flex 0.25s, -ms-flex 0.25s;
  -moz-transition: margin-left 0.25s, margin-right 0.25s, width 0.25s, flex 0.25s, -ms-flex 0.25s;
  -ms-transition: margin-left 0.25s, margin-right 0.25s, width 0.25s, flex 0.25s, -ms-flex 0.25s;
  -o-transition: margin-left 0.25s, margin-right 0.25s, width 0.25s, flex 0.25s, -ms-flex 0.25s;
  transition: margin-left 0.25s, margin-right 0.25s, width 0.25s, flex 0.25s, -ms-flex 0.25s;
}
.DashboardHeader__logo {
  font-size: 1.09375rem;
  line-height: inherit;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 155px;
  height: 55px;
  padding: 0;
  margin-right: 0;
  background-color: transparent;
  color: inherit;
  text-decoration: none;
}
.DashboardHeader__img {
  width: 89px;
  height: 25px;
}
.DashboardHeader__buttonMov {
  min-width: 50px;
  padding: 0.25rem 0;
  font-size: 1.39375rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  color: #73818f;
  display: none;
}
.DashboardHeader__buttonDesktop {
  min-width: 50px;
  padding: 0.25rem 0;
  font-size: 1.39375rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  color: #73818f;
}
.DashboardHeader__buttonHibRight {
  min-width: 50px;
  padding: 0.25rem 0;
  font-size: 1.39375rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  color: #73818f;
}
.DashboardHeader__menu {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  margin-top: 0;
  flex-direction: row;
  align-items: center;
}
.DashboardHeader__menu__li {
  padding-right: 1rem !important;
  position: relative;
  min-width: 50px;
  margin: 0;
  text-align: center;
  padding-left: 1rem !important;
}
.DashboardHeader__menu__li > * {
  color: #73818f;
  padding-right: 0;
  padding-left: 0;
  padding-top: 0;
  padding-bottom: 0;
  background: 0;
  border: 0;
  font-size: 14px;
}
.DashboardHeader__menu__li > *:hover {
  color: #2f353a;
}
.DashboardHeader__menu--right {
  margin-left: auto !important;
}
.DashboardHeader--fixed {
  position: fixed;
  z-index: 1020;
  width: 100%;
  top: 0;
}

.ListItem {
  display: block;
  border-top: 1px solid gainsboro;
}
.ListItem:hover {
  background-color: #1980b6;
  color: white;
}
.ListItem:hover .ListItem__label {
  color: white;
}
.ListItem__body {
  display: flex;
  flex-direction: row;
  padding: 20px;
  height: 80px;
  align-items: center;
  color: black;
}
.ListItem__subs {
  display: none;
}
.ListItem__icono {
  font-size: 16pt;
  margin-right: 5px;
  border: 1px solid black;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: white;
  color: black;
  flex: 0 0 40px;
}
.ListItem__label {
  font-size: 16pt;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 300px;
}
.ListItem--active {
  background-color: #1980b6;
  color: white;
}
.ListItem--active .ListItem__label {
  color: white;
}

.Href {
  position: relative;
}
.Href:hover {
  cursor: pointer;
}
.rc-pagination-item .Href {
  display: flex;
  align-items: center;
  justify-content: center;
  height: inherit;
}
.Href--white {
  color: white;
}

.Estadistica__container {
  background-color: gainsboro;
}

.List {
  display: flex;
  flex-direction: column;
  list-style: none;
}
.List__item {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
  position: relative;
  min-width: 50px;
  margin: 0;
  text-align: center;
}
.List__item:first-child {
  padding-left: 0 !important;
}
.List__element {
  display: block;
  padding-right: 0;
  padding-left: 0;
  color: #73818f;
  padding-top: 0;
  padding-bottom: 0;
  background: 0;
  border: 0;
  text-decoration: none;
  font-size: 14px;
}
.List__element:hover {
  color: #2f353a;
}
.List__element .DropDown__menu {
  margin-top: 7px;
}
.List--horizontal {
  flex-direction: row;
  flex-wrap: wrap;
}

.MenuList {
  position: relative;
  min-width: 10rem;
  padding: 0;
  font-size: 0.875rem;
  color: #23282c;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #c8ced3;
  border-radius: 0.25rem;
}

.CategoryHeader {
  padding: 8px 20px;
  background: #e4e7ea;
  border-bottom: 1px solid #c8ced3;
  text-align: center;
  display: block;
  margin-bottom: 0;
  font-size: 0.76562rem;
  color: #73818f;
  white-space: nowrap;
  font-weight: bolder;
}
.CategoryHeader--default {
  padding: 0.75rem 1rem;
  font-size: 80%;
  font-weight: 700;
  color: #e4e7ea;
  text-transform: uppercase;
  background: none;
  border: none;
  text-align: left;
}

.Category {
  flex-wrap: nowrap;
  align-items: center;
  border-radius: 0;
  cursor: pointer;
  width: 100%;
  min-width: 180px;
  margin: 0 auto;
  clear: both;
  font-weight: 400;
  color: #23282c;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  position: relative;
  padding: 10px 20px;
  border-bottom: 1px solid #c8ced3;
  display: flex;
  min-height: 45px;
}
.Category__icon {
  display: inline-block;
  width: 20px;
  margin-right: 10px;
  margin-left: -10px;
  color: #73818f;
  text-align: center;
  font-size: 17pt;
}
.Category__text {
  flex: 1;
}
.Category__badge {
  margin-left: 10px;
}
.Category:hover {
  color: #181b1e;
  text-decoration: none;
  background-color: #f0f3f5;
}
.Category--reverse {
  color: white;
  border: 0;
}
.Category--active {
  color: #181b1e;
  text-decoration: none;
  background-color: #f0f3f5;
}

.Badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
}
.Badge--info {
  color: white;
  background-color: #63c2de;
}
.Badge--white {
  background-color: white;
  color: #000;
}
.Badge--casas {
  background-color: #000033;
  color: white;
}
.Badge--casas:hover {
  background-color: #337ab7;
  cursor: pointer;
}
.Badge--info {
  background-color: #63c2de;
  color: white;
}
.Badge--danger {
  background-color: #f86c6b;
  color: white;
}
.Badge--warning {
  background-color: #ffc107;
  color: white;
}
.Badge--success {
  background-color: #4dbd74;
  color: white;
}
.Badge--gradient-info {
  background-image: linear-gradient(45deg, #0288d1 0%, #26c6da 100%);
  background-image: -webkit-linear-gradient(45deg, #0288d1 0%, #26c6da 100%);
  background-image: -moz-linear-gradient(45deg, #0288d1 0%, #26c6da 100%);
  background-image: -ms-linear-gradient(45deg, #0288d1 0%, #26c6da 100%);
  background-image: -o-linear-gradient(45deg, #0288d1 0%, #26c6da 100%);
  color: white;
}
.Badge--gradient-danger {
  background-image: linear-gradient(45deg, #FF5252 0%, #f48fb1 100%);
  background-image: -webkit-linear-gradient(45deg, #FF5252 0%, #f48fb1 100%);
  background-image: -moz-linear-gradient(45deg, #FF5252 0%, #f48fb1 100%);
  background-image: -ms-linear-gradient(45deg, #FF5252 0%, #f48fb1 100%);
  background-image: -o-linear-gradient(45deg, #FF5252 0%, #f48fb1 100%);
  color: white;
}
.Badge--gradient-warning {
  background-image: linear-gradient(45deg, #ff6f00 0%, #ffca28 100%);
  background-image: -webkit-linear-gradient(45deg, #ff6f00 0%, #ffca28 100%);
  background-image: -moz-linear-gradient(45deg, #ff6f00 0%, #ffca28 100%);
  background-image: -ms-linear-gradient(45deg, #ff6f00 0%, #ffca28 100%);
  background-image: -o-linear-gradient(45deg, #ff6f00 0%, #ffca28 100%);
  color: white;
}
.Badge--gradient-success {
  background-image: linear-gradient(45deg, #43A047 0%, #1de9b6 100%);
  background-image: -webkit-linear-gradient(45deg, #43A047 0%, #1de9b6 100%);
  background-image: -moz-linear-gradient(45deg, #43A047 0%, #1de9b6 100%);
  background-image: -ms-linear-gradient(45deg, #43A047 0%, #1de9b6 100%);
  background-image: -o-linear-gradient(45deg, #43A047 0%, #1de9b6 100%);
  color: white;
}
.Badge--peque {
  font-size: 10pt;
}
.Badge--absolute {
  position: absolute;
  top: -10px;
  left: 0;
  right: 0;
  display: inline-flex;
  margin: auto;
  justify-content: center;
  align-items: center;
  width: fit-content;
}
.Badge--separateRight {
  margin-right: 5px;
}
.Badge--separateLeft {
  margin-left: 5px;
}
.Badge--separate {
  margin: 2px;
}

.Aside {
  position: relative;
  z-index: 1019;
  width: 200px;
  flex: 0 0 200px;
  order: -1;
  -webkit-transition: margin-left 0.25s, margin-right 0.25s, width 0.25s, flex 0.25s, -ms-flex 0.25s;
  -moz-transition: margin-left 0.25s, margin-right 0.25s, width 0.25s, flex 0.25s, -ms-flex 0.25s;
  -ms-transition: margin-left 0.25s, margin-right 0.25s, width 0.25s, flex 0.25s, -ms-flex 0.25s;
  -o-transition: margin-left 0.25s, margin-right 0.25s, width 0.25s, flex 0.25s, -ms-flex 0.25s;
  transition: margin-left 0.25s, margin-right 0.25s, width 0.25s, flex 0.25s, -ms-flex 0.25s;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0;
  color: #fff;
  background: #2f353a;
  min-height: 100%;
  height: 100%;
}
.Aside--ajustar {
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.PanelBoardAside .Aside--theme-basic .Category {
  border-bottom: 1px solid #45515a;
}
.PanelBoardAside--collapsed .Aside--theme-basic .Category__icon {
  margin-left: 0;
}
.PanelBoardAside--collapsed .Aside--theme-basic .Category__text {
  display: none;
}
.PanelBoardAside--collapsed .Aside--theme-basic .Category__badge {
  display: none;
}
.PanelBoardAside--collapsed .Aside--theme-basic:hover .Category__icon {
  margin-left: 0;
}
.PanelBoardAside--collapsed .Aside--theme-basic:hover .Category__text {
  display: block;
}
.PanelBoardAside--collapsed .Aside--theme-basic:hover .Category__badge {
  display: block;
}

.Breadcrumb {
  border-top: 1px solid gainsboro;
  background-color: #fff;
  border-bottom: 1px solid #c8ced3;
  -webkit-transition: left 0.25s, right 0.25s, width 0.25s;
  -moz-transition: left 0.25s, right 0.25s, width 0.25s;
  -ms-transition: left 0.25s, right 0.25s, width 0.25s;
  -o-transition: left 0.25s, right 0.25s, width 0.25s;
  transition: left 0.25s, right 0.25s, width 0.25s;
  min-height: 46px;
  margin-bottom: 1.5rem;
  background-color: #f7f7f7;
}
.Breadcrumb__list {
  margin-top: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0.96rem 1.2rem;
  list-style: none;
  position: relative;
  border-radius: 0;
  display: flex;
  padding-top: 0.5rem;
  align-items: center;
}
.Breadcrumb__item {
  font-size: 14px;
}
.Breadcrumb__item .Href {
  font-size: 14px;
}
.Breadcrumb__item:before {
  content: "/";
  margin-left: 5px;
  margin-right: 5px;
}
.Breadcrumb__item:first-child:before {
  content: "";
  margin-left: 0;
  margin-right: 0;
}
.Breadcrumb__item:last-child {
  color: #73818f;
}
.Breadcrumb__title {
  font-size: 1.5rem;
  line-height: 1.804rem;
  padding-left: 1.2rem;
  padding-right: 1rem;
  padding-top: 20px;
}
.Breadcrumb__right {
  align-items: flex-end;
  align-self: flex-end;
  justify-self: center;
  justify-content: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: auto;
  margin-bottom: auto;
  padding-right: 1.2rem;
}
.Breadcrumb--noMargin {
  margin-bottom: 0;
}

.ContainerFluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.ContainerFluid--principal {
  padding: 0 30px;
}

.Card, .FormProduct__content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid #c8ced3;
  border-radius: 0.25rem;
  margin-bottom: 1.5rem;
  color: #fff;
}
.Card__body {
  padding: 1.25rem;
  padding-bottom: 0;
  flex: 1 1 auto;
}
.Card__header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.Card__value {
  font-size: 1.7125rem;
  font-weight: 600;
  flex: 1;
  margin-bottom: 5px;
}
.Card__content {
  margin-top: 1rem !important;
}
.Card--info {
  background-color: #63c2de;
  border-color: #2eadd3;
  color: #fff;
}
.Card--primary {
  border-color: #187da0;
  background-color: #20a8d8;
  color: white;
}
.Card--warning {
  background-color: #ffc107;
  color: white;
  border-color: #c69500;
}
.Card--danger {
  color: white;
  border-color: #f5302e;
  background-color: #f86c6b;
}
.Card--padding .Card__body {
  padding: 1.25rem;
}

.DropyDown {
  position: relative;
  left: 0;
  z-index: 1000;
  min-width: 10rem;
  padding: 0;
  margin: 0.125rem 0 0;
  font-size: 0.875rem;
  color: #23282c;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #c8ced3;
  border-radius: 0.25rem;
}

.DropyDownItem {
  display: block;
  width: 100%;
  clear: both;
  font-weight: 400;
  color: #23282c;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  position: relative;
  padding: 10px 20px;
  border-bottom: 1px solid #c8ced3;
}
.DropyDownItem:hover {
  color: #181b1e;
  text-decoration: none;
  background-color: #f0f3f5;
  cursor: pointer;
}
.DropyDownItem--disabled {
  color: #73818f;
  background-color: transparent;
}
.DropyDownItem--disabled:hover {
  color: #73818f;
  background-color: transparent;
  cursor: default;
}

.Trafic {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid #c8ced3;
  border-radius: 0.25rem;
  margin-bottom: 1.5rem;
}
.Trafic__body {
  flex: 1 1 auto;
  padding: 1.25rem;
}
.Trafic__titulo {
  display: flex;
  justify-content: space-between;
}
.Trafic__right {
  display: flex;
  align-items: center;
}
.Trafic__right > * {
  margin-left: 20px;
}
.Trafic__grafico {
  margin-top: 30px;
  margin-bottom: 30px;
}
.Trafic__footer {
  padding: 0.75rem 1.25rem;
  background-color: #f0f3f5;
  border-top: 1px solid #c8ced3;
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
  justify-content: space-between;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}

.ButtonsGroup__button {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  -moz-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  -ms-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  color: #c8ced3;
  background-color: transparent;
  background-image: none;
  border-color: #c8ced3;
  position: relative;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  cursor: pointer;
  margin-left: -1px;
  border-radius: 0;
}
.ButtonsGroup__button:first-child {
  border-radius: 4px;
  margin-left: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ButtonsGroup__button:last-child {
  border-radius: 4px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ButtonsGroup__button:hover {
  background-color: #c8ced3;
  border-color: #c8ced3;
  cursor: pointer;
  color: #000;
}
.ButtonsGroup__button--active {
  background-color: #c8ced3;
  border-color: #c8ced3;
  color: #000;
}
.ButtonsGroup--centrar {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: inherit;
}
.ButtonsGroup--margin {
  margin-bottom: 1rem;
}

.TituloGroup {
  font-size: 1.09375rem;
}
.TituloGroup__titulo {
  font-size: 100%;
  font-weight: bold;
}
.TituloGroup__subtitulo {
  color: #73818f;
  font-size: 80%;
  font-weight: 400;
}
.TituloGroup--normal .TituloGroup__subtitulo {
  margin-top: 5px;
}
.TituloGroup--big .TituloGroup__titulo {
  font-size: 1.5rem;
}
.TituloGroup--separate {
  margin-bottom: 1rem;
}

.Stadistic {
  width: 100%;
  flex: 1;
}
.Stadistic__titulo {
  color: #73818f;
  text-align: center;
}
.Stadistic__subtitulo {
  font-weight: bolder;
  text-align: center;
}
.Stadistic__progress {
  margin-top: 0.5rem;
}

.Progress {
  overflow: hidden;
  font-size: 0.65625rem;
  background-color: #f0f3f5;
  border-radius: 0.25rem;
  display: flex;
  height: 4px;
}
.Progress__bar {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  -webkit-transition: width 0.6s ease;
  -moz-transition: width 0.6s ease;
  -ms-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
  background-color: #4dbd74;
}
.Progress--info .Progress__bar {
  background-color: #63c2de;
}
.Progress--danger .Progress__bar {
  background-color: #f86c6b;
}
.Progress--warning .Progress__bar {
  background-color: #ffc107;
}
.Progress--success .Progress__bar {
  background-color: #4dbd74;
}

.CardBrand {
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  margin-bottom: 1.5rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid #c8ced3;
  border-radius: 0.25rem;
  position: relative;
  display: -ms-flexbox;
  display: flex;
}
.CardBrand__img {
  width: 100%;
  height: 100%;
}
.CardBrand__header {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 6rem;
  border-radius: 0.25rem 0.25rem 0 0;
  background-color: #3b5998;
}
.CardBrand__body {
  padding: 0.75rem 0;
}

.PanelSeparate {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  text-align: center;
}
.PanelSeparate__content {
  flex: 1 1;
  padding: 0.1875rem 0;
}
.PanelSeparate__content:not(:last-child) {
  border-right: 1px solid #c8ced3;
}
.PanelSeparate__value {
  font-size: 1.3125rem;
  font-weight: 600;
}
.PanelSeparate__titulo {
  color: #73818f;
  text-transform: uppercase;
  font-size: 80%;
  font-weight: 400;
  margin-top: 5px;
}

.Panel {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid #c8ced3;
  border-radius: 0.25rem;
  margin-bottom: 1.5rem;
}
.Panel__header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: #f0f3f5;
  border-bottom: 1px solid #c8ced3;
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.Panel__body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1.25rem;
}
.Panel--pro {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -ms-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -o-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -sm-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  margin-bottom: 1rem;
  background-color: #fff;
  border: none;
  border-radius: 0.625rem;
}
.Panel--pro .Panel__header {
  background-color: #fff;
  border-bottom: 1px solid #e1e5eb;
  padding: 1rem 1rem;
  border-radius: 0.625rem 0.625rem 0 0;
}
.Panel--pro .Panel__body {
  padding: 0;
}
.Panel--pro .Panel__titulo {
  font-weight: 500;
  font-size: 1rem;
}

.Callout {
  position: relative;
  padding: 0 1rem;
  margin: 1rem 0;
  border-left: 4px solid #c8ced3;
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.Callout__titulo {
  color: #73818f;
  font-size: 80%;
  font-weight: 400;
  margin-bottom: 0.5rem;
}
.Callout__subtitulo {
  font-size: 1.3125rem;
  margin-bottom: 0.5rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: inherit;
}
.Callout--info {
  border-left-color: #63c2de;
}
.Callout--danger {
  border-left-color: #f86c6b;
}
.Callout--warning {
  border-left-color: #ffc107;
}
.Callout--success {
  border-left-color: #4dbd74;
}

.Hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin-top: 0;
  margin-bottom: 1.5rem;
}

.ProgressGroup {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}
.ProgressGroup__right {
  flex: 1;
}
.ProgressGroup__right .Progress:not(:last-child) {
  margin-bottom: 2px;
}
.ProgressGroup__left {
  -ms-flex: 0 0 100px;
  flex: 0 0 100px;
  -ms-flex-item-align: center;
  align-self: center;
}
.ProgressGroup__header {
  display: flex;
  justify-content: space-between;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -ms-flex-align: end;
  margin-bottom: 0.25rem;
  align-items: center;
}
.ProgressGroup__titulo {
  display: flex;
  align-items: center;
}
.ProgressGroup__titulo > i {
  margin: 0 1rem 0 0.25rem;
  font-size: 1.09375rem;
}
.ProgressGroup__subtitulo {
  font-weight: 700;
  margin-left: auto;
}
.ProgressGroup--default {
  flex-direction: column;
}
.ProgressGroup--reverseTitulo .ProgressGroup__header {
  flex-direction: row-reverse;
}
.ProgressGroup--reverseTitulo .ProgressGroup__titulo {
  margin-left: auto;
}
.ProgressGroup--reverseTitulo .ProgressGroup__subtitulo {
  margin-left: 0;
}
.ProgressGroup--sinMargin {
  margin-bottom: 0;
}

.Separate {
  position: relative;
}

.Table {
  border-collapse: collapse;
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
  background-color: transparent;
  display: table;
  margin-bottom: 0;
  border: 1px solid #c8ced3;
}
.Table thead th {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #c8ced3;
  vertical-align: bottom;
  border-bottom: 2px solid #c8ced3;
  color: #5c6873;
  background-color: #e4e7ea;
  border-color: #c8ced3;
}
.Table tbody td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #c8ced3;
  vertical-align: middle;
}

.NombreSubtexto__nombre {
  font-size: 14px;
  color: rgb(35, 40, 44);
}
.NombreSubtexto__subtexto {
  color: #73818f;
  font-size: 80%;
  font-weight: 400;
}
.NombreSubtexto--reverse .NombreSubtexto__nombre {
  font-size: 80%;
  font-weight: 400;
  color: #73818f;
}
.NombreSubtexto--reverse .NombreSubtexto__subtexto {
  font-size: 14px;
  font-weight: bolder;
}

.MenuTab {
  display: flex;
  list-style: none;
  overflow: hidden;
  overflow-x: auto;
}
.MenuTab__item {
  padding: 15px 16px 12px;
  color: gray;
  display: block;
}
.MenuTab__item:hover {
  color: #000;
  cursor: pointer;
}
.MenuTab__item--active {
  border-bottom: 3px solid #1A73E8;
  color: #1A73E8;
  font-weight: bold;
}

.Ads {
  margin-top: 0;
  margin-bottom: 26px;
}
.Ads__titulo {
  font-size: 20px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 400px;
  padding: 0;
  text-align: left;
  font-weight: normal;
  margin: 0;
}
.Ads__titulo:hover {
  text-decoration: underline;
}
.Ads__link {
  cursor: pointer;
  text-decoration: none;
  font-family: Arial;
  color: #1a0dab;
  font-size: 18px;
}
.Ads__link:link, .Ads__link:visited, .Ads__link:active {
  color: #1a0dab;
}
.Ads__url {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 400px;
  display: block;
  font-size: 14px;
  color: #006621;
  font-style: normal;
  font-weight: 400;
}
.Ads__url__direccion {
  color: #808080;
}
.Ads__urlGroup {
  display: flex;
  align-items: center;
}
.Ads__fecha {
  color: #808080;
  line-height: 1.4;
  word-wrap: break-word;
}
.Ads__direccion {
  color: #808080;
  display: block;
}
.Ads__descripcion {
  color: #545454;
  font-size: 15px;
  line-height: 1.3;
}
.Ads__lab {
  margin-right: 10px;
}
.Ads__links {
  margin: 0 -13px -2px 0;
  padding: 4px 0 3px 28px;
  padding-top: 10px;
  padding-bottom: 4px;
  margin-bottom: -15px;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}
.Ads__links__item {
  flex: 0 0 50%;
  padding: 0 25px 2px 0;
  width: 50%;
}

.Lab {
  background-color: #fff;
  border-radius: 3px;
  display: inline-block;
  font-size: 11px;
  padding: 1px 3px 0 2px;
  vertical-align: baseline;
}
.Lab--success {
  border: 1px solid #006621;
  color: #006621;
}
.Lab--medium {
  font-size: 12pt;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.AdsPremier {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -ms-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -o-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -sm-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  border-radius: 2px;
  max-width: 454px;
  margin-left: 72px;
  background-color: white;
  margin-bottom: 2rem;
}
.AdsPremier__img {
  width: 100%;
}
.AdsPremier__titulo {
  color: rgba(0, 0, 0, 0.87);
  line-height: 1.2;
  margin-bottom: -3px;
  overflow: hidden;
  font-family: arial, sans-serif-light, sans-serif;
  display: inline;
  font-size: 28px;
  font-weight: normal;
  position: relative;
  transform-origin: left top;
  transform-origin: left top;
  word-wrap: break-word;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 10px;
  display: block;
  margin-bottom: 10px;
}
.AdsPremier__buttons {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 10px;
}
.AdsPremier__buttons > * {
  margin-right: 10px;
}
.AdsPremier__buttons > *:last-child {
  margin-right: 0;
}
.AdsPremier__categoria {
  color: #878787;
  font-size: 14px;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 15px;
}
.AdsPremier__data {
  padding-top: 15px;
  padding-bottom: 15px;
}
.AdsPremier__group {
  display: flex;
  margin-top: 7px;
  padding-left: 15px;
  padding-right: 15px;
}
.AdsPremier__group__left {
  font-weight: bolder;
  font-size: 14px;
  margin-right: 5px;
}
.AdsPremier__group__right * {
  font-size: 14px;
}
.AdsPremier__descripcion {
  border-top: solid 1px #ebebeb;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
}
.AdsPremier__descripcion__titulo {
  color: #222;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 5px;
}
.AdsPremier__descripcion__descripcion {
  color: rgb(34, 34, 34);
  font-size: 14px;
}
.AdsPremier__body {
  border-top: solid 1px #ebebeb;
}

.AdsBanner {
  width: 300px;
  max-width: 454px;
  justify-content: flex-end;
  align-self: flex-end;
  justify-self: flex-end;
  display: block;
  margin-left: auto;
  margin-bottom: 2rem;
  margin-right: 73px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -ms-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -o-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -sm-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  border-radius: 2px;
}
@media (width < 768px) {
  .AdsBanner img {
    height: 200px;
  }
}
.AdsBanner__banner {
  display: block;
  width: 100%;
}
.AdsBanner--default {
  margin-right: 0;
}
.AdsBanner--full {
  width: 100%;
  max-width: 100%;
  margin: 0;
}
.AdsBanner--fulling {
  width: 100%;
  margin: auto;
  max-width: fit-content;
}

.AdsMaster {
  background: #f94b37;
  background: -moz-linear-gradient(255deg, #f94b37 0%, #fea60a 100%);
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #f94b37), color-stop(100%, #fea60a));
  background: -webkit-linear-gradient(255deg, #f94b37 0%, #fea60a 100%);
  background: -o-linear-gradient(255deg, #f94b37 0%, #fea60a 100%);
  background: -ms-linear-gradient(255deg, #f94b37 0%, #fea60a 100%);
  background: linear-gradient(255deg, #f94b37 0%, #fea60a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f94b37", endColorstr="#fea60a", GradientType=1);
  margin-bottom: 1rem;
  border-radius: 2px;
  color: #fff;
}
.AdsMaster__titulo {
  padding-right: 20px;
  font-size: 19px;
  font-weight: 700;
  display: inline-block;
  color: white;
  padding: 15px;
  margin-left: 20px;
}
.AdsMaster__subtitulo {
  font-size: 19px;
  color: white;
  border-left: 1px solid rgba(255, 255, 255, 0.5);
  padding: 15px;
  flex: 1;
}
.AdsMaster__link {
  display: flex;
  align-items: center;
}
.AdsMaster__img {
  display: block !important;
}
.AdsMaster--blue {
  background: #008bd2;
}

.AdsVip {
  -webkit-transition: opacity 0.5s, -webkit-filter 0.5s;
  -moz-transition: opacity 0.5s, -webkit-filter 0.5s;
  -ms-transition: opacity 0.5s, -webkit-filter 0.5s;
  -o-transition: opacity 0.5s, -webkit-filter 0.5s;
  transition: opacity 0.5s, -webkit-filter 0.5s;
  -webkit-filter: brightness(105%) contrast(115%) !important;
  -moz-filter: brightness(105%) contrast(115%) !important;
  -o-filter: brightness(105%) contrast(115%) !important;
  filter: brightness(105%) contrast(115%) !important;
  position: relative;
  border-radius: 2px;
  color: white;
  margin-bottom: 1rem;
}
.AdsVip__img {
  min-height: 215px;
  width: 100%;
  display: block;
}
.AdsVip__image {
  width: 61%;
}
.AdsVip__link {
  display: flex;
}
.AdsVip__titulo {
  line-height: 1.15;
  font-size: 23px;
  color: rgb(255, 255, 255);
  margin-bottom: 13px;
}
.AdsVip__titulo:hover {
  text-decoration: underline;
}
.AdsVip__descripcion {
  margin-bottom: 5px;
  line-height: 1.35;
  font-size: 15px;
  color: white;
}
.AdsVip__body {
  width: 40%;
  padding: 35px;
  padding-left: 42px;
  background-color: #464E56;
}

.GalleryDescuadrado {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 50px;
  position: relative;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  max-width: 1200px;
  margin: 0 auto;
  gap: 10px;
}
@media (width <= 768px) {
  .GalleryDescuadrado {
    gap: 2px;
    grid-template-columns: repeat(3, 1fr);
  }
}
.GalleryDescuadrado__img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
  aspect-ratio: 1/1;
}
.GalleryDescuadrado__desplegable {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 3;
  background-color: rgba(34, 34, 34, 0.74);
  display: flex;
  margin: auto;
  align-items: center;
  justify-content: center;
  padding: 40px;
  z-index: 9;
}
.GalleryDescuadrado__content {
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px;
  color: white;
  background: rgba(108, 108, 108, 0.69);
}

.Row {
  padding-left: 40px;
  padding-right: 40px;
}

.Noticia {
  display: flex;
  margin-bottom: 1rem;
  border-radius: 2px;
  margin-bottom: 1rem;
  flex-wrap: wrap;
  background: white;
  height: 100%;
  flex: 1;
}
.Noticia__image {
  max-width: 220px;
  width: 26%;
  flex: 0 0 26%;
  margin-right: 25px;
  padding-right: 0;
  position: relative;
  height: 180px;
}
.Noticia__image img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.Noticia__img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 2px;
}
.Noticia__categoria {
  text-transform: capitalize;
  margin-bottom: 6px;
  line-height: 12px;
  font-size: 14px;
  font-weight: 700;
  color: #be0067;
  display: block;
}
.Noticia__titulo, .Noticia__titulo__link {
  font-size: 19px;
  line-height: 1.3;
  text-decoration: none;
  margin-bottom: 4px;
  font-weight: 700;
  color: #020e65;
}
.Noticia__descripcion {
  font-size: 15px;
  line-height: 1.3;
  color: #26282a;
}
.Noticia__fecha {
  font-size: 14px;
  font-style: italic;
  margin-top: 10px;
  display: block;
  font-weight: 500;
}
.Noticia__body {
  width: 74%;
  flex: 0 0 73%;
  padding: 20px;
  padding-top: 0;
}
.Noticia__footer {
  width: 100%;
  flex: 0 0 100%;
  padding-top: 1rem;
}
.Noticia--thumb .Noticia__image {
  min-height: 70px;
  margin-right: 12px;
}
.Noticia--thumb .Noticia__img {
  min-height: 70px;
}
.Noticia--thumb .Noticia__titulo__link {
  font-size: 13px;
  line-height: 1.2 !important;
  display: block;
}
.Noticia--thumb .Noticia__descripcion {
  display: none;
}
.Noticia--thumb .Noticia__fecha {
  display: none;
}
.Noticia--thumb .Noticia__body {
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-start;
  justify-content: flex-end;
}
.Noticia--separate {
  border-bottom: 1px dashed gainsboro;
  padding-bottom: 1rem;
}
.Noticia--box .Noticia__body {
  width: 100%;
  flex: 0 0 100%;
  margin: 0;
  max-width: 100%;
}
.Noticia--box .Noticia__image {
  width: 100%;
  flex: 0 0 100%;
  margin: 0;
  max-width: 100%;
  margin-bottom: 1rem;
}

.NoticiasCategorias {
  margin-bottom: 1rem;
}
.NoticiasCategorias__titulo {
  font-size: 15px;
  display: block;
  font-weight: 700;
}
.NoticiasCategorias__list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin-top: 10px;
}
.NoticiasCategorias__link {
  font-size: 13px;
  display: inline-block;
  color: #020e65;
  line-height: 1.5;
  font-weight: 600;
}
.NoticiasCategorias__item {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 50%;
  padding-right: 10px;
}

.Categorias {
  margin-bottom: 1rem;
}
.Categorias__titulo {
  font-size: 15px;
  display: block;
  font-weight: 700;
}
.Categorias__body {
  margin-top: 10px;
}

.Lady {
  background: #222;
}
.Lady__body {
  padding: 70px;
  position: relative;
  display: flex;
  flex-direction: row;
}
.Lady__preview {
  padding-right: 70px;
  width: 100%;
  flex: 1;
  position: relative;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 410px;
}
.Lady__preview::after {
  content: "";
  background: #121212;
  box-shadow: 1px 0 #2a2a2a;
  display: inline-block;
  vertical-align: middle;
  width: 1px;
  position: absolute;
  height: 100%;
  right: 0;
}
.Lady__preview img {
  width: inherit;
  max-width: 60%;
  height: inherit;
  object-fit: cover;
  background-color: #fff;
  background-image: -webkit-linear-gradient(45deg, #efefef 25%, transparent 25%, transparent 75%, #efefef 75%, #efefef), -webkit-linear-gradient(45deg, #efefef 25%, transparent 25%, transparent 75%, #efefef 75%, #efefef);
  background-image: -moz-linear-gradient(45deg, #efefef 25%, transparent 25%, transparent 75%, #efefef 75%, #efefef), -webkit-linear-gradient(45deg, #efefef 25%, transparent 25%, transparent 75%, #efefef 75%, #efefef);
  background-image: -o-linear-gradient(45deg, #efefef 25%, transparent 25%, transparent 75%, #efefef 75%, #efefef), -webkit-linear-gradient(45deg, #efefef 25%, transparent 25%, transparent 75%, #efefef 75%, #efefef);
  background-image: -ms-linear-gradient(45deg, #efefef 25%, transparent 25%, transparent 75%, #efefef 75%, #efefef), -webkit-linear-gradient(45deg, #efefef 25%, transparent 25%, transparent 75%, #efefef 75%, #efefef);
  background-position: 0 0, 10px 10px;
  -webkit-background-size: 21px 21px;
  -moz-background-size: 21px 21px;
  -o-background-size: 21px 21px;
  -ms-background-size: 21px 21px;
  border: 0;
  box-shadow: 0 5px 35px rgba(0, 0, 0, 0.65);
}
@media screen and (max-width: 1366px) {
  .Lady__preview img {
    width: 100%;
    max-width: 100%;
  }
}
.Lady__aside {
  width: 450px;
}
.Lady__titulo {
  padding-left: 20px;
  padding-right: 20px;
  color: #d6d6d6;
  display: block;
  font-size: 22px;
  overflow: hidden;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.Lady__subtitulo {
  color: #7d7d7d;
  padding-left: 20px;
  padding-right: 20px;
}
.Lady__text {
  position: relative;
  color: #9f9f9f;
  font-size: 13px;
  text-decoration: none;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
}
.Lady__close {
  font-size: 15pt;
  border: 1px solid gainsboro;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: snow;
  color: black;
  position: absolute;
  right: 10px;
  top: 10px;
}
.Lady__close:hover {
  cursor: pointer;
  background-color: #ffe1e1;
}
.Lady__groupHeader::after {
  content: "";
  background: #121212;
  box-shadow: 1px 0 #2a2a2a;
  display: inline-block;
  position: relative;
  height: 1px;
  width: 100%;
  right: 0;
}
.Lady__groupImagenes::after {
  content: "";
  background: #121212;
  box-shadow: 1px 0 #2a2a2a;
  display: inline-block;
  position: relative;
  height: 1px;
  width: 100%;
  right: 0;
}
.Lady__imagenes {
  padding: 20px;
  display: flex;
  flex-wrap: wrap;
  margin-left: -5px;
  margin-right: -5px;
}
.Lady__imagenes img {
  margin: 5px;
  display: flex;
  width: calc(33.3333333333% - 10px);
  height: 100px;
  object-fit: cover;
}
.Lady__imagenes img:hover {
  opacity: 0.8;
  cursor: pointer;
}

.Etiqueta {
  display: inline-flex;
  color: white;
  background-color: limegreen;
  padding: 2px;
  margin: 5px;
  border: 1px solid #2bad2b;
  border-radius: 5px;
  padding-left: 10px;
  padding-right: 10px;
}
.Etiqueta:hover {
  background-color: #2bad2b;
  cursor: pointer;
}
.Etiqueta--simple {
  background-color: rgba(0, 0, 0, 0.68);
  color: white;
  padding-top: 5px;
  padding-bottom: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
}
.Etiqueta--simple:hover {
  background-color: rgba(0, 0, 0, 0.7);
}
.Etiqueta i {
  font-size: 12pt;
  margin-right: 5px;
}

.Propiedad {
  box-shadow: 0px 0px 1px 0px gainsboro;
  -moz-box-shadow: 0px 0px 1px 0px gainsboro;
  -ms-box-shadow: 0px 0px 1px 0px gainsboro;
  -o-box-shadow: 0px 0px 1px 0px gainsboro;
  -sm-box-shadow: 0px 0px 1px 0px gainsboro;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
  background-color: white;
}
.Propiedad__image {
  background-color: #fff;
  background-image: -webkit-linear-gradient(45deg, #efefef 25%, transparent 25%, transparent 75%, #efefef 75%, #efefef), -webkit-linear-gradient(45deg, #efefef 25%, transparent 25%, transparent 75%, #efefef 75%, #efefef);
  background-image: -moz-linear-gradient(45deg, #efefef 25%, transparent 25%, transparent 75%, #efefef 75%, #efefef), -webkit-linear-gradient(45deg, #efefef 25%, transparent 25%, transparent 75%, #efefef 75%, #efefef);
  background-image: -o-linear-gradient(45deg, #efefef 25%, transparent 25%, transparent 75%, #efefef 75%, #efefef), -webkit-linear-gradient(45deg, #efefef 25%, transparent 25%, transparent 75%, #efefef 75%, #efefef);
  background-image: -ms-linear-gradient(45deg, #efefef 25%, transparent 25%, transparent 75%, #efefef 75%, #efefef), -webkit-linear-gradient(45deg, #efefef 25%, transparent 25%, transparent 75%, #efefef 75%, #efefef);
  background-position: 0 0, 10px 10px;
  -webkit-background-size: 21px 21px;
  -moz-background-size: 21px 21px;
  -o-background-size: 21px 21px;
  -ms-background-size: 21px 21px;
  width: 100%;
  display: block;
  height: 250px;
  object-fit: contain;
}
.Propiedad__avatarContent {
  position: absolute;
  bottom: 0px;
  right: 10px;
}
.Propiedad__avatar {
  width: 130px;
  border-radius: 5px;
  height: 74px;
}
.Propiedad__data {
  display: flex;
  justify-content: space-between;
  position: relative;
  padding-top: 5px;
  padding-bottom: 5px;
}
.Propiedad__header {
  position: relative;
}
.Propiedad__num-fotos {
  position: absolute;
  left: 10px;
  bottom: 10px;
}
.Propiedad__fecha {
  color: grey;
  font-size: 0.9rem;
  padding-left: 10px;
}
.Propiedad__titulo {
  font-size: 1rem;
  color: #008bd2;
  padding: 10px;
  flex: 1;
}
.Propiedad__caracteristicas {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}
.Propiedad__caracteristicas--black .Propiedad__caract__icon {
  color: #000;
}
.Propiedad__caracteristicas--black .Propiedad__caract__texto {
  color: #000;
}
.Propiedad__caract {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
.Propiedad__caract:last-child {
  margin-right: 0;
}
.Propiedad__caract__icon {
  font-size: 1.2rem;
  margin-right: 5px;
}
.Propiedad__caract__texto {
  font-size: 1rem;
  font-weight: 400;
}
.Propiedad__precio {
  font-size: 1.5rem;
  font-weight: 400;
  color: #000033;
  text-align: center;
  margin-bottom: 10px;
}
.Propiedad__body {
  display: flex;
  flex-direction: column;
  flex: 1;
}
@media screen and (max-width: 1366px) {
  .col-lg-4 .Propiedad .Propiedad__image {
    height: 200px;
  }
}

.Mapa {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 80%;
  height: 500px;
}
.Mapa {
  top: 110px;
}
.Mapa--default {
  position: relative;
  width: 80% !important;
  height: 400px;
  outline: none;
  top: initial;
  margin: auto;
}
@media (width > 1440px) {
  .Mapa--default {
    width: 80% !important;
    height: 600px;
  }
}
@media (width < 576px) {
  .Mapa--default {
    width: 100% !important;
  }
}

.Box {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -ms-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -o-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -sm-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  min-height: 1px;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.Box__header {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  background-color: #ebf4f4;
  display: flex;
  align-items: center;
}
.Box__header__icon {
  margin-right: 10px;
  font-size: 1.2rem;
  background-color: gainsboro;
  border-radius: 5px;
  padding: 5px 10px 5px 10px;
}
.Box__header__titulo {
  font-size: 1.2rem;
  font-weight: 400;
}
.Box__body--padding {
  padding: 20px;
}
.Box--white {
  background-color: #fff;
}
.Box--box {
  padding: 10px;
  border-radius: 5px;
}
.Box--inline {
  margin: auto;
  display: inline-flex;
  width: auto;
}
.Box--separate {
  margin-bottom: 40px !important;
}

.ImagesPreview__image {
  width: 100%;
  height: 300px;
  display: block;
}
.ImagesPreview__thumbs {
  display: flex;
  align-items: start;
  flex-direction: row;
}
.ImagesPreview__thumb {
  width: 25%;
  height: 80px;
  padding: 5px;
  object-fit: cover;
  -webkit-transition: 0.3s all ease-in, 0.8s all ease-out;
  -moz-transition: 0.3s all ease-in, 0.8s all ease-out;
  -ms-transition: 0.3s all ease-in, 0.8s all ease-out;
  -o-transition: 0.3s all ease-in, 0.8s all ease-out;
  transition: 0.3s all ease-in, 0.8s all ease-out;
  opacity: 0.2;
}
.ImagesPreview__thumb:hover {
  opacity: 1;
  cursor: pointer;
}
.ImagesPreview__thumb--active {
  opacity: 1;
}
.ImagesPreview--slap .ImagesPreview__thumbs {
  margin-left: -5px;
  margin-right: -5px;
}
.ImagesPreview--auto .ImagesPreview__image {
  height: auto;
}
@media screen and (max-width: 1480px) {
  .ImagesPreview--auto .ImagesPreview__thumb {
    height: 100px;
  }
}
@media screen and (min-width: 1367px) {
  .ImagesPreview--auto .ImagesPreview__thumb {
    height: 130px;
  }
}

.Price {
  text-align: center;
  font-size: 2rem;
  margin: 20px;
  line-height: 1;
  margin-top: 30px;
  font-weight: bold;
  color: white;
}

.SelectSearch__option--selected, .SelectSearch__option:hover {
  background: #54A0FF;
  color: #fff;
  border-top-color: #2184ff;
}

.SelectSearch {
  width: 300px;
  position: relative;
  margin-bottom: 1rem;
  background: #fff;
  border-radius: 4px;
}
.SelectSearch__search {
  line-height: 1;
  display: block;
  width: 100%;
  height: 50px;
  border: none;
  background: none;
  outline: none;
  font-size: 16px;
  padding: 0 20px;
  color: #222f3e;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
  cursor: pointer;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -ms-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -o-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -sm-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
}
.SelectSearch__select {
  display: none;
  position: absolute;
  top: 60px;
  left: 0;
  right: 0;
  background: #fff;
  border-radius: 4px;
  overflow: auto;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -ms-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -o-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -sm-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  z-index: 100;
  min-height: 49px;
  max-height: 381px;
}
.SelectSearch__select--display {
  display: block;
}
.SelectSearch__option {
  font-size: 16px;
  font-weight: 400;
  color: #616b74;
  padding: 15px 20px;
  border-top: 1px solid #eee;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  user-select: none;
  -webkit-transition: 0.3s all ease-in, 0.8s all ease-out;
  -moz-transition: 0.3s all ease-in, 0.8s all ease-out;
  -ms-transition: 0.3s all ease-in, 0.8s all ease-out;
  -o-transition: 0.3s all ease-in, 0.8s all ease-out;
  transition: 0.3s all ease-in, 0.8s all ease-out;
}
.SelectSearch__option--selected {
  color: white;
}
.SelectSearch--full {
  width: 100%;
}
.SelectSearch--no-margin {
  margin: 0;
}
.SelectSearch--pro {
  width: 100%;
}
.SelectSearch--pro .SelectSearch__search {
  height: auto;
}
.SelectSearch--pro .SelectSearch__select {
  top: 40px;
}
.SelectSearch--medium .SelectSearch__search {
  height: 45px;
}

.InputForm {
  line-height: 1;
  display: block;
  width: 100%;
  height: 50px;
  border: none;
  background: none;
  outline: none;
  font-size: 16px;
  padding: 0 20px;
  color: #222f3e;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
  cursor: pointer;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -ms-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -o-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -sm-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
}

.Item {
  padding: 5px 10px;
}
.Item--horizontal {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.Nav {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -ms-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -o-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -sm-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -webkit-transition: 0.3s all ease-in-out;
  -moz-transition: 0.3s all ease-in-out;
  -ms-transition: 0.3s all ease-in-out;
  -o-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
  background-color: #ebf4f4;
  min-height: 60px;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.FormInput {
  line-height: 1;
  display: block;
  width: 100%;
  height: 50px;
  border: none;
  background: none;
  outline: none;
  font-size: 16px;
  padding: 0 20px;
  color: #222f3e;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
  cursor: pointer;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -ms-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -o-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -sm-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
}

.PanelBoardHeader {
  height: 64px;
  color: #fff;
  width: 100%;
  box-shadow: 0 6px 20px 0 rgba(255, 110, 64, 0.5);
  -moz-box-shadow: 0 6px 20px 0 rgba(255, 110, 64, 0.5);
  -ms-box-shadow: 0 6px 20px 0 rgba(255, 110, 64, 0.5);
  -o-box-shadow: 0 6px 20px 0 rgba(255, 110, 64, 0.5);
  -sm-box-shadow: 0 6px 20px 0 rgba(255, 110, 64, 0.5);
  background: #8e24aa;
  background: -webkit-linear-gradient(45deg, #8e24aa 0%, #ff6e40 100%);
  background: linear-gradient(45deg, #8e24aa 0%, #ff6e40 100%);
  padding-left: 240px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.PanelBoardHeader__logo {
  font-size: 1.09375rem;
  line-height: inherit;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 155px;
  height: 55px;
  padding: 0;
  margin-right: 0;
  background-color: transparent;
  color: inherit;
  text-decoration: none;
}
.PanelBoardHeader__img {
  width: 89px;
  height: 25px;
}
.PanelBoardHeader__buttonMov {
  min-width: 50px;
  padding: 0.25rem 0;
  font-size: 1.39375rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  color: #73818f;
  display: none;
}
.PanelBoardHeader__buttonDesktop {
  min-width: 50px;
  padding: 0.25rem 0;
  font-size: 1.39375rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  color: #73818f;
  outline: none;
}
.PanelBoardHeader__buttonHibRight {
  min-width: 50px;
  padding: 0.25rem 0;
  font-size: 1.39375rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  color: #73818f;
  outline: none;
}
.PanelBoardHeader__menu {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  margin-top: 0;
  flex-direction: row;
  align-items: center;
  display: flex;
}
.PanelBoardHeader__menu > .Btn, .DetailProduct__share.PanelBoardHeader__menu > a, .HomeVentajasQR .Info__descripcion .DetailProduct__share.PanelBoardHeader__menu > span, .HomePc .Info__descripcion .DetailProduct__share.PanelBoardHeader__menu > span, .DetailProduct__share.PanelBoardHeader__menu > .backLink {
  margin-right: 1rem;
}
.PanelBoardHeader__menu__li {
  padding-right: 1rem !important;
  position: relative;
  min-width: 50px;
  margin: 0;
  text-align: center;
  padding-left: 1rem !important;
}
.PanelBoardHeader__menu__li > * {
  color: #73818f;
  padding-right: 0;
  padding-left: 0;
  padding-top: 0;
  padding-bottom: 0;
  background: 0;
  border: 0;
  font-size: 14px;
}
.PanelBoardHeader__menu__li > *:hover {
  color: #2f353a;
}
.PanelBoardHeader__menu--right {
  margin-left: auto !important;
}
.PanelBoardHeader + .PanelBoardContent {
  padding-top: 64px;
}
.PanelBoardHeader--fixed {
  left: 0;
  right: 0;
  top: 0;
  position: fixed;
  z-index: 997;
}
.PanelBoardHeader--default {
  background: white;
  box-shadow: 0 -10px 20px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 -10px 20px 0 rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0 -10px 20px 0 rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0 -10px 20px 0 rgba(0, 0, 0, 0.5);
  -sm-box-shadow: 0 -10px 20px 0 rgba(0, 0, 0, 0.5);
}
.PanelBoardHeader--collapsed {
  padding-left: 64px;
}

.PanelBoardAside {
  position: fixed;
  left: 0px;
  width: 240px;
  z-index: 999;
  height: 100%;
  top: 0;
}
.PanelBoardAside--default {
  background: white;
  -webkit-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -ms-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  transition: 0.3s ease all;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  -sm-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}
.PanelBoardAside--collapsed {
  width: 64px;
}
.PanelBoardAside--collapsed:hover {
  width: 240px;
}
.PanelBoardAside--close {
  width: 64px;
}
.PanelBoardAside--ocult {
  width: 0;
}
.PanelBoardAside--show {
  width: 240px;
}
.PanelBoardAside--right {
  right: 0;
  left: initial;
}

.PanelBoardBody {
  padding-left: 240px;
  background-color: #eaeaea;
  height: fit-content;
}
.PanelBoardBody--collapsed {
  padding-left: 64px;
}

.PanelBoardFooter {
  padding-left: 240px;
}
.PanelBoardFooter--collapsed {
  padding-left: 64px;
}

.PanelBoardRow {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.PanelBoardRow--separarLateral {
  padding-left: 1.7rem;
  padding-right: 1.7rem;
}
.PanelBoardRow--separate {
  margin-bottom: 1rem;
}

.CategoryBrand {
  height: 65px;
  flex-wrap: nowrap;
  align-items: center;
  border-radius: 0;
  cursor: pointer;
  width: 100%;
  min-width: 180px;
  margin: 0 auto;
  clear: both;
  font-weight: 400;
  color: #23282c;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  position: relative;
  padding: 10px 20px;
  border-bottom: 1px solid #c8ced3;
  display: flex;
  min-height: 45px;
  background: white;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  -sm-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}
.CategoryBrand__icon {
  display: inline-block;
  width: 20px;
  margin-right: 10px;
  margin-left: -10px;
  color: #73818f;
  text-align: center;
  font-size: 17pt;
  width: 45px;
  padding: 0;
}
.CategoryBrand__icon img {
  width: 46px;
  display: block;
}
.CategoryBrand__subicon img {
  width: 100%;
  display: block;
}

.CardPlus {
  box-shadow: 0 6px 20px 0 rgba(38, 198, 218, 0.5);
  -moz-box-shadow: 0 6px 20px 0 rgba(38, 198, 218, 0.5);
  -ms-box-shadow: 0 6px 20px 0 rgba(38, 198, 218, 0.5);
  -o-box-shadow: 0 6px 20px 0 rgba(38, 198, 218, 0.5);
  -sm-box-shadow: 0 6px 20px 0 rgba(38, 198, 218, 0.5);
  -webkit-transition: box-shadow 0.25s;
  -moz-transition: box-shadow 0.25s;
  -ms-transition: box-shadow 0.25s;
  -o-transition: box-shadow 0.25s;
  transition: box-shadow 0.25s;
  min-height: 100px;
  position: relative;
  background-color: #fff;
  border-radius: 2px;
  margin-bottom: 1rem;
  display: flex;
  padding: 4%;
}
.CardPlus > .Grid, .CardPlus > .FooterCategorias, .CardPlus > .FooterPanel, .CardPlus > .EstadisticaPanel {
  width: 100%;
  align-items: center;
}
.CardPlus > .Grid > .col, .CardPlus > .FooterCategorias > .col, .CardPlus > .FooterPanel > .col, .CardPlus > .EstadisticaPanel > .col {
  display: flex;
  height: 100%;
}
.CardPlus__name {
  margin-top: 0.5rem;
  font-size: 1rem;
}
.CardPlus__cantidad {
  font-size: 1.64rem;
  text-align: right;
  line-height: 1;
}
.CardPlus__subName {
  text-align: right;
  font-size: 0.8rem;
  line-height: 1;
  flex: 1;
}
.CardPlus__total {
  text-align: right;
  font-size: 1rem;
}
.CardPlus--info {
  background-color: #63c2de;
  color: white;
}
.CardPlus--danger {
  background-color: #f86c6b;
  color: white;
}
.CardPlus--warning {
  background-color: #ffc107;
  color: white;
}
.CardPlus--success {
  background-color: #4dbd74;
  color: white;
}
.CardPlus--gradient-info {
  background-image: linear-gradient(45deg, #0288d1 0%, #26c6da 100%);
  background-image: -webkit-linear-gradient(45deg, #0288d1 0%, #26c6da 100%);
  background-image: -moz-linear-gradient(45deg, #0288d1 0%, #26c6da 100%);
  background-image: -ms-linear-gradient(45deg, #0288d1 0%, #26c6da 100%);
  background-image: -o-linear-gradient(45deg, #0288d1 0%, #26c6da 100%);
  color: white;
}
.CardPlus--gradient-danger {
  background-image: linear-gradient(45deg, #FF5252 0%, #f48fb1 100%);
  background-image: -webkit-linear-gradient(45deg, #FF5252 0%, #f48fb1 100%);
  background-image: -moz-linear-gradient(45deg, #FF5252 0%, #f48fb1 100%);
  background-image: -ms-linear-gradient(45deg, #FF5252 0%, #f48fb1 100%);
  background-image: -o-linear-gradient(45deg, #FF5252 0%, #f48fb1 100%);
  color: white;
}
.CardPlus--gradient-warning {
  background-image: linear-gradient(45deg, #ff6f00 0%, #ffca28 100%);
  background-image: -webkit-linear-gradient(45deg, #ff6f00 0%, #ffca28 100%);
  background-image: -moz-linear-gradient(45deg, #ff6f00 0%, #ffca28 100%);
  background-image: -ms-linear-gradient(45deg, #ff6f00 0%, #ffca28 100%);
  background-image: -o-linear-gradient(45deg, #ff6f00 0%, #ffca28 100%);
  color: white;
}
.CardPlus--gradient-success {
  background-image: linear-gradient(45deg, #43A047 0%, #1de9b6 100%);
  background-image: -webkit-linear-gradient(45deg, #43A047 0%, #1de9b6 100%);
  background-image: -moz-linear-gradient(45deg, #43A047 0%, #1de9b6 100%);
  background-image: -ms-linear-gradient(45deg, #43A047 0%, #1de9b6 100%);
  background-image: -o-linear-gradient(45deg, #43A047 0%, #1de9b6 100%);
  color: white;
}

.Icon {
  background-color: rgba(0, 0, 0, 0.18);
  padding: 15px;
  border-radius: 50%;
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  width: 54px;
  height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.Weather {
  background: #90a4ae;
  min-height: 191px;
  padding: 1rem;
  -webkit-transition: box-shadow 0.25s;
  -moz-transition: box-shadow 0.25s;
  -ms-transition: box-shadow 0.25s;
  -o-transition: box-shadow 0.25s;
  transition: box-shadow 0.25s;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -ms-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -o-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -sm-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  margin-bottom: 1rem;
  border-radius: 2px;
}
.Weather__c {
  font-size: 2rem;
  font-weight: 700;
  padding: 0;
  display: block;
  color: white;
  line-height: 1;
  display: flex;
}
.Weather__f {
  color: white;
  display: block;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1rem;
}
.Weather__city {
  text-align: right;
  padding: 0;
  font-size: 1.2rem;
  color: white;
}
.Weather__city > i {
  margin-right: 5px;
}
.Weather__image {
  max-width: 200px;
  display: block;
  max-height: 100px;
  margin: auto;
}
.Weather__text {
  color: white;
}
.Weather__error__image {
  width: 100px;
  margin: auto;
  display: block;
  margin-bottom: 1rem;
}
.Weather__error__text {
  color: white;
  font-size: 1rem;
  text-align: center;
}

.ProfileHeader {
  position: relative;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -ms-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -o-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -sm-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  background-color: #fff;
  box-shadow: box-shadow 0.25s;
  -moz-box-shadow: box-shadow 0.25s;
  -ms-box-shadow: box-shadow 0.25s;
  -o-box-shadow: box-shadow 0.25s;
  -sm-box-shadow: box-shadow 0.25s;
  border-radius: 2px;
  margin-bottom: 1rem;
}
.ProfileHeader__header {
  height: 250px;
  overflow: hidden;
}
.ProfileHeader__image {
  display: block;
  border-radius: 2px 2px 0 0;
  position: relative;
  width: 100%;
}
.ProfileHeader__avatar {
  overflow: hidden;
  width: 110px;
  position: absolute;
  z-index: 1;
  left: 40px;
  cursor: pointer;
  margin: 0;
  box-shadow: 0 6px 20px 0 rgba(38, 198, 218, 0.5);
  -moz-box-shadow: 0 6px 20px 0 rgba(38, 198, 218, 0.5);
  -ms-box-shadow: 0 6px 20px 0 rgba(38, 198, 218, 0.5);
  -o-box-shadow: 0 6px 20px 0 rgba(38, 198, 218, 0.5);
  -sm-box-shadow: 0 6px 20px 0 rgba(38, 198, 218, 0.5);
  max-width: 100%;
  height: auto;
  background-image: linear-gradient(45deg, #0288d1 0%, #26c6da 100%);
  background-image: -webkit-linear-gradient(45deg, #0288d1 0%, #26c6da 100%);
  background-image: -moz-linear-gradient(45deg, #0288d1 0%, #26c6da 100%);
  background-image: -ms-linear-gradient(45deg, #0288d1 0%, #26c6da 100%);
  background-image: -o-linear-gradient(45deg, #0288d1 0%, #26c6da 100%);
  border-radius: 50%;
}
.ProfileHeader--pro .ProfileHeader__avatar {
  border-radius: 0;
  bottom: 30px;
  width: 170px;
}
.ProfileHeader__avatar__img {
  display: block;
  width: 100%;
}
.ProfileHeader__content {
  border-radius: 0 0 2px 2px;
  padding: 5px 24px 15px 24px;
}
.ProfileHeader__content > .Grid .col:first-child, .ProfileHeader__content > .FooterCategorias .col:first-child, .ProfileHeader__content > .FooterPanel .col:first-child, .ProfileHeader__content > .EstadisticaPanel .col:first-child {
  margin-left: 10rem;
}
.ProfileHeader--pro .ProfileHeader__content > .Grid .col:first-child, .ProfileHeader--pro .ProfileHeader__content > .FooterCategorias .col:first-child, .ProfileHeader--pro .ProfileHeader__content > .FooterPanel .col:first-child, .ProfileHeader--pro .ProfileHeader__content > .EstadisticaPanel .col:first-child {
  margin-left: 200px;
}
.ProfileHeader__name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #212121;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 1.5;
}
.ProfileHeader__subName {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #9e9e9e;
  font-size: 0.9rem;
}

.Desk {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -ms-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -o-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -sm-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  margin-bottom: 1rem;
  background-color: #90a4ae;
  color: white;
  padding: 24px;
  border-radius: 0 0 2px 2px;
}
.Desk__titulo {
  display: block;
  font-weight: 300;
  font-size: 1.6rem;
  margin-bottom: 8px;
}
.Desk__descripcion {
  margin: 0;
  color: inherit;
  font-size: 1rem;
}
.Desk--white {
  background-color: white;
  color: #000;
}
.Desk--casas {
  background-color: #000033;
  color: white;
}
.Desk--casas:hover {
  background-color: #337ab7;
  cursor: pointer;
}
.Desk--info {
  background-color: #63c2de;
  color: white;
}
.Desk--danger {
  background-color: #f86c6b;
  color: white;
}
.Desk--warning {
  background-color: #ffc107;
  color: white;
}
.Desk--success {
  background-color: #4dbd74;
  color: white;
}
.Desk--gradient-info {
  background-image: linear-gradient(45deg, #0288d1 0%, #26c6da 100%);
  background-image: -webkit-linear-gradient(45deg, #0288d1 0%, #26c6da 100%);
  background-image: -moz-linear-gradient(45deg, #0288d1 0%, #26c6da 100%);
  background-image: -ms-linear-gradient(45deg, #0288d1 0%, #26c6da 100%);
  background-image: -o-linear-gradient(45deg, #0288d1 0%, #26c6da 100%);
  color: white;
}
.Desk--gradient-danger {
  background-image: linear-gradient(45deg, #FF5252 0%, #f48fb1 100%);
  background-image: -webkit-linear-gradient(45deg, #FF5252 0%, #f48fb1 100%);
  background-image: -moz-linear-gradient(45deg, #FF5252 0%, #f48fb1 100%);
  background-image: -ms-linear-gradient(45deg, #FF5252 0%, #f48fb1 100%);
  background-image: -o-linear-gradient(45deg, #FF5252 0%, #f48fb1 100%);
  color: white;
}
.Desk--gradient-warning {
  background-image: linear-gradient(45deg, #ff6f00 0%, #ffca28 100%);
  background-image: -webkit-linear-gradient(45deg, #ff6f00 0%, #ffca28 100%);
  background-image: -moz-linear-gradient(45deg, #ff6f00 0%, #ffca28 100%);
  background-image: -ms-linear-gradient(45deg, #ff6f00 0%, #ffca28 100%);
  background-image: -o-linear-gradient(45deg, #ff6f00 0%, #ffca28 100%);
  color: white;
}
.Desk--gradient-success {
  background-image: linear-gradient(45deg, #43A047 0%, #1de9b6 100%);
  background-image: -webkit-linear-gradient(45deg, #43A047 0%, #1de9b6 100%);
  background-image: -moz-linear-gradient(45deg, #43A047 0%, #1de9b6 100%);
  background-image: -ms-linear-gradient(45deg, #43A047 0%, #1de9b6 100%);
  background-image: -o-linear-gradient(45deg, #43A047 0%, #1de9b6 100%);
  color: white;
}
.Desk--center {
  text-align: center;
}

.Collection {
  margin-bottom: 1rem;
  border: 1px solid #e0e0e0;
  border-radius: 2px;
  position: relative;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -ms-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -o-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -sm-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  list-style: none;
}
.Collection__item {
  background-color: #fff;
  padding: 10px 20px;
  margin: 0;
  border-bottom: 1px solid #e0e0e0;
}
.Collection__item:last-child {
  border-bottom: 0;
}
.Collection--default .Collection__item {
  padding: 0;
}

.RowItem {
  background-color: #fff;
  padding: 10px 20px;
  margin: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.RowItem__titulo {
  display: flex;
  align-items: center;
  color: rgba(0, 0, 0, 0.87);
  font-size: 1rem;
}
.RowItem__icon {
  margin-right: 1rem;
  font-size: 1.5rem;
}
.RowItem__value {
  color: rgba(0, 0, 0, 0.87);
  font-size: 1rem;
}

.PanelSuperior {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -ms-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -o-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -sm-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  margin-bottom: 1rem;
  background-color: #fff;
  border-radius: 3px;
}
.PanelSuperior__dia {
  color: white;
  letter-spacing: 0.5px;
  font-weight: 300;
  margin-bottom: 5px;
  font-size: 2.1875rem;
  text-align: center;
}
.PanelSuperior__nombre {
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.5px;
  color: #fff;
  font-size: 1.53125rem;
}
.PanelSuperior__plus {
  height: 3rem;
  width: 3rem;
  right: 10px;
  top: 0;
  margin-top: -1.5rem;
  border-radius: 50%;
  position: absolute;
  color: #111;
  background-color: #ffeb3b;
  border-color: #ffeb3b;
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  -o-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
.PanelSuperior__plus--white {
  background-color: white;
  color: #000;
}
.PanelSuperior__plus--casas {
  background-color: #000033;
  color: white;
}
.PanelSuperior__plus--casas:hover {
  background-color: #337ab7;
  cursor: pointer;
}
.PanelSuperior__plus--info {
  background-color: #63c2de;
  color: white;
}
.PanelSuperior__plus--danger {
  background-color: #f86c6b;
  color: white;
}
.PanelSuperior__plus--warning {
  background-color: #ffc107;
  color: white;
}
.PanelSuperior__plus--success {
  background-color: #4dbd74;
  color: white;
}
.PanelSuperior__plus--gradient-info {
  background-image: linear-gradient(45deg, #0288d1 0%, #26c6da 100%);
  background-image: -webkit-linear-gradient(45deg, #0288d1 0%, #26c6da 100%);
  background-image: -moz-linear-gradient(45deg, #0288d1 0%, #26c6da 100%);
  background-image: -ms-linear-gradient(45deg, #0288d1 0%, #26c6da 100%);
  background-image: -o-linear-gradient(45deg, #0288d1 0%, #26c6da 100%);
  color: white;
}
.PanelSuperior__plus--gradient-danger {
  background-image: linear-gradient(45deg, #FF5252 0%, #f48fb1 100%);
  background-image: -webkit-linear-gradient(45deg, #FF5252 0%, #f48fb1 100%);
  background-image: -moz-linear-gradient(45deg, #FF5252 0%, #f48fb1 100%);
  background-image: -ms-linear-gradient(45deg, #FF5252 0%, #f48fb1 100%);
  background-image: -o-linear-gradient(45deg, #FF5252 0%, #f48fb1 100%);
  color: white;
}
.PanelSuperior__plus--gradient-warning {
  background-image: linear-gradient(45deg, #ff6f00 0%, #ffca28 100%);
  background-image: -webkit-linear-gradient(45deg, #ff6f00 0%, #ffca28 100%);
  background-image: -moz-linear-gradient(45deg, #ff6f00 0%, #ffca28 100%);
  background-image: -ms-linear-gradient(45deg, #ff6f00 0%, #ffca28 100%);
  background-image: -o-linear-gradient(45deg, #ff6f00 0%, #ffca28 100%);
  color: white;
}
.PanelSuperior__plus--gradient-success {
  background-image: linear-gradient(45deg, #43A047 0%, #1de9b6 100%);
  background-image: -webkit-linear-gradient(45deg, #43A047 0%, #1de9b6 100%);
  background-image: -moz-linear-gradient(45deg, #43A047 0%, #1de9b6 100%);
  background-image: -ms-linear-gradient(45deg, #43A047 0%, #1de9b6 100%);
  background-image: -o-linear-gradient(45deg, #43A047 0%, #1de9b6 100%);
  color: white;
}
.PanelSuperior__list {
  padding-top: 1.5rem;
  background-color: #FFF;
  min-height: 100px;
}
.PanelSuperior__item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.0625);
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: flex;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.PanelSuperior__header {
  background-color: #673ab7;
  padding: 30px;
}
.PanelSuperior__body {
  position: relative;
}
.PanelSuperior--normal .PanelSuperior__body {
  padding: 1rem;
}
.PanelSuperior--normal .PanelSuperior__item {
  border-bottom: 0;
}

.ItemAction {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  height: auto;
  max-width: 100%;
  margin: 0;
  padding: 0;
  color: #313435;
  text-decoration: none;
  padding: 20px;
  width: 100%;
}
.ItemAction__icon {
  margin-right: 15px;
  color: #63c2de;
}
.ItemAction__name {
  font-weight: 600;
  color: #313435;
  font-size: 0.85rem;
  line-height: 1;
}
.ItemAction__edit {
  color: #63c2de;
  font-size: 1.15rem;
}
.ItemAction__delete {
  color: #f86c6b;
  font-size: 1.15rem;
}
.ItemAction__footer {
  font-size: 1.15rem;
}
.ItemAction__footer > * {
  margin-left: 10px;
}
.ItemAction__footer > *:hover {
  cursor: pointer;
}
.ItemAction__footer > *:first-child {
  margin-left: 0;
}
.ItemAction__fecha {
  color: #72777a;
  font-size: 0.85rem;
}
.ItemAction__fecha::after {
  content: "-";
  margin-right: 5px;
  margin-left: 5px;
}
.ItemAction__categoria {
  font-style: italic;
  color: #72777a;
}
.ItemAction__content {
  flex: 1;
}

.Alert {
  background: rgb(247, 247, 247);
  padding: 15px 20px;
  border-radius: 3px;
  display: flex;
  margin-bottom: 1rem;
  justify-content: space-between;
  align-items: center;
}
.Alert--white {
  background-color: white;
  color: #000;
}
.Alert--casas {
  background-color: #000033;
  color: white;
}
.Alert--casas:hover {
  background-color: #337ab7;
  cursor: pointer;
}
.Alert--info {
  background-color: #63c2de;
  color: white;
}
.Alert--danger {
  background-color: #f86c6b;
  color: white;
}
.Alert--warning {
  background-color: #ffc107;
  color: white;
}
.Alert--success {
  background-color: #4dbd74;
  color: white;
}
.Alert--gradient-info {
  background-image: linear-gradient(45deg, #0288d1 0%, #26c6da 100%);
  background-image: -webkit-linear-gradient(45deg, #0288d1 0%, #26c6da 100%);
  background-image: -moz-linear-gradient(45deg, #0288d1 0%, #26c6da 100%);
  background-image: -ms-linear-gradient(45deg, #0288d1 0%, #26c6da 100%);
  background-image: -o-linear-gradient(45deg, #0288d1 0%, #26c6da 100%);
  color: white;
}
.Alert--gradient-danger {
  background-image: linear-gradient(45deg, #FF5252 0%, #f48fb1 100%);
  background-image: -webkit-linear-gradient(45deg, #FF5252 0%, #f48fb1 100%);
  background-image: -moz-linear-gradient(45deg, #FF5252 0%, #f48fb1 100%);
  background-image: -ms-linear-gradient(45deg, #FF5252 0%, #f48fb1 100%);
  background-image: -o-linear-gradient(45deg, #FF5252 0%, #f48fb1 100%);
  color: white;
}
.Alert--gradient-warning {
  background-image: linear-gradient(45deg, #ff6f00 0%, #ffca28 100%);
  background-image: -webkit-linear-gradient(45deg, #ff6f00 0%, #ffca28 100%);
  background-image: -moz-linear-gradient(45deg, #ff6f00 0%, #ffca28 100%);
  background-image: -ms-linear-gradient(45deg, #ff6f00 0%, #ffca28 100%);
  background-image: -o-linear-gradient(45deg, #ff6f00 0%, #ffca28 100%);
  color: white;
}
.Alert--gradient-success {
  background-image: linear-gradient(45deg, #43A047 0%, #1de9b6 100%);
  background-image: -webkit-linear-gradient(45deg, #43A047 0%, #1de9b6 100%);
  background-image: -moz-linear-gradient(45deg, #43A047 0%, #1de9b6 100%);
  background-image: -ms-linear-gradient(45deg, #43A047 0%, #1de9b6 100%);
  background-image: -o-linear-gradient(45deg, #43A047 0%, #1de9b6 100%);
  color: white;
}
.Alert__mensaje {
  font-size: 1rem;
}
.Alert--center .Alert__mensaje {
  margin: auto;
}

.PromoPopup {
  bottom: 30px;
  display: block;
  opacity: 0;
  position: fixed;
  right: 24px;
  background: #fff;
  box-shadow: 0 0 10px rgba(24, 29, 39, 0.1), 0 15px 30px rgba(24, 29, 39, 0.1), 0 5px 10px rgba(24, 29, 39, 0.05);
  -moz-box-shadow: 0 0 10px rgba(24, 29, 39, 0.1), 0 15px 30px rgba(24, 29, 39, 0.1), 0 5px 10px rgba(24, 29, 39, 0.05);
  -ms-box-shadow: 0 0 10px rgba(24, 29, 39, 0.1), 0 15px 30px rgba(24, 29, 39, 0.1), 0 5px 10px rgba(24, 29, 39, 0.05);
  -o-box-shadow: 0 0 10px rgba(24, 29, 39, 0.1), 0 15px 30px rgba(24, 29, 39, 0.1), 0 5px 10px rgba(24, 29, 39, 0.05);
  -sm-box-shadow: 0 0 10px rgba(24, 29, 39, 0.1), 0 15px 30px rgba(24, 29, 39, 0.1), 0 5px 10px rgba(24, 29, 39, 0.05);
  z-index: -1;
  overflow: hidden;
  max-width: 430px;
  border-radius: 7px;
  -webkit-transition: bottom 280ms ease-in-out, -webkit-transform 280ms ease-in-out;
  -moz-transition: bottom 280ms ease-in-out, -webkit-transform 280ms ease-in-out;
  -ms-transition: bottom 280ms ease-in-out, -webkit-transform 280ms ease-in-out;
  -o-transition: bottom 280ms ease-in-out, -webkit-transform 280ms ease-in-out;
  transition: bottom 280ms ease-in-out, -webkit-transform 280ms ease-in-out;
}
.PromoPopup__image {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100%;
  top: 10px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  -sm-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  z-index: 1;
  transition: -webkit-transform 280ms ease-in-out;
  transition: transform 280ms ease-in-out;
  transition: transform 280ms ease-in-out, -webkit-transform 280ms ease-in-out;
}
.PromoPopup__bar {
  background: #2d53fe;
  color: #fff;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 11px;
  letter-spacing: 3px;
  padding: 10px 0;
  padding-left: 172px;
  position: relative;
  transition: padding 280ms ease-in-out;
  line-height: 1.5;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.PromoPopup__content {
  padding: 22px;
  padding-left: 172px;
}
.PromoPopup__close {
  width: 32px;
  text-align: center;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
  color: #fff;
}
.PromoPopup__close:hover {
  cursor: pointer;
}
.PromoPopup__titulo {
  margin-bottom: 7px;
  font-size: 1.2rem;
  line-height: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  color: #3d5170;
}
.PromoPopup__descripcion {
  font-size: 12px;
  margin-bottom: 17px;
  line-height: 1.4;
  color: #5d6f82;
}
.PromoPopup--show {
  z-index: 2000;
  opacity: 1;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

.InputPro {
  display: flex;
  align-items: center;
}
.InputPro__input, .InputPro textarea.InputPro__input, .InputPro .SelectSearch--pro textarea.SelectSearch__search, .SelectSearch--pro .InputPro textarea.SelectSearch__search, .SelectSearch--pro .SelectSearch__search {
  padding: 0.4375rem 0.75rem;
  font-size: 0.8125rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 1px solid #e1e5eb;
  font-weight: 300;
  will-change: border-color, box-shadow;
  box-shadow: none;
  -webkit-transition: box-shadow 250ms cubic-bezier(0.27, 0.01, 0.38, 1.06), border 250ms cubic-bezier(0.27, 0.01, 0.38, 1.06);
  -moz-transition: box-shadow 250ms cubic-bezier(0.27, 0.01, 0.38, 1.06), border 250ms cubic-bezier(0.27, 0.01, 0.38, 1.06);
  -ms-transition: box-shadow 250ms cubic-bezier(0.27, 0.01, 0.38, 1.06), border 250ms cubic-bezier(0.27, 0.01, 0.38, 1.06);
  -o-transition: box-shadow 250ms cubic-bezier(0.27, 0.01, 0.38, 1.06), border 250ms cubic-bezier(0.27, 0.01, 0.38, 1.06);
  transition: box-shadow 250ms cubic-bezier(0.27, 0.01, 0.38, 1.06), border 250ms cubic-bezier(0.27, 0.01, 0.38, 1.06);
  display: block;
  width: 100%;
  background-clip: padding-box;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  height: 40px;
}
.InputPro__input[disabled], .InputPro textarea[disabled].InputPro__input, .SelectSearch--pro [disabled].SelectSearch__search, .InputPro__input[disabled] + .InputPro__icon, .SelectSearch--pro [disabled].SelectSearch__search + .InputPro__icon {
  opacity: 0.4;
}
.InputPro__input:last-child, .InputPro textarea.InputPro__input:last-child, .SelectSearch--pro .SelectSearch__search:last-child {
  border-radius: 0.25rem;
}
.InputPro__input:hover, .InputPro textarea.InputPro__input:hover, .SelectSearch--pro .SelectSearch__search:hover {
  border-color: #b3bdcc;
}
.InputPro__input:focus, .InputPro textarea.InputPro__input:focus, .SelectSearch--pro .SelectSearch__search:focus {
  color: #495057;
  background-color: #fff;
  border-color: #007bff;
  box-shadow: 0 0.313rem 0.719rem rgba(0, 123, 255, 0.1), 0 0.156rem 0.125rem rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0 0.313rem 0.719rem rgba(0, 123, 255, 0.1), 0 0.156rem 0.125rem rgba(0, 0, 0, 0.06);
  -ms-box-shadow: 0 0.313rem 0.719rem rgba(0, 123, 255, 0.1), 0 0.156rem 0.125rem rgba(0, 0, 0, 0.06);
  -o-box-shadow: 0 0.313rem 0.719rem rgba(0, 123, 255, 0.1), 0 0.156rem 0.125rem rgba(0, 0, 0, 0.06);
  -sm-box-shadow: 0 0.313rem 0.719rem rgba(0, 123, 255, 0.1), 0 0.156rem 0.125rem rgba(0, 0, 0, 0.06);
  outline: 0;
}
.InputPro__input:focus:hover, .SelectSearch--pro .SelectSearch__search:focus:hover {
  border-color: #007bff;
}
.InputPro__input::placeholder, .InputPro textarea.InputPro__input::placeholder, .SelectSearch--pro .SelectSearch__search::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #495057;
  opacity: 0.5;
  /* Firefox */
}
.InputPro__input:-ms-input-placeholder, .InputPro textarea.InputPro__input:-ms-input-placeholder, .SelectSearch--pro .SelectSearch__search:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #495057;
  opacity: 0.5;
}
.InputPro__input::-ms-input-placeholder, .InputPro textarea.InputPro__input::-ms-input-placeholder, .SelectSearch--pro .SelectSearch__search::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #495057;
  opacity: 0.5;
}
.InputPro--medium .InputPro__input, .InputPro--medium .InputPro textarea.InputPro__input, .InputPro .InputPro--medium textarea.InputPro__input, .InputPro--medium .SelectSearch--pro .SelectSearch__search, .SelectSearch--pro .InputPro--medium .SelectSearch__search {
  height: 45px;
}
.InputPro__icon {
  border: 1px solid gainsboro;
  margin-left: -1px;
  height: 100%;
  display: block;
  padding: 0.4375rem 0.75rem;
  font-size: 12pt;
  font-weight: 100;
  color: #495057;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.InputPro textarea.InputPro__input, .InputPro .SelectSearch--pro textarea.SelectSearch__search, .SelectSearch--pro .InputPro textarea.SelectSearch__search {
  min-height: 150px;
}

.Label {
  font-weight: 400;
  display: inline-block;
  margin-bottom: 0.5rem;
  font-size: 1rem;
  color: #5a6169;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.Label--horizontal {
  margin-bottom: 0;
}
.Label--right {
  text-align: right;
}
.Label--default {
  margin-bottom: 0;
}
.Label--default:hover {
  cursor: pointer;
}
.Label--truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.UserCardDetaill {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -ms-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -o-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -sm-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
.UserCardDetaill__image {
  border-top-right-radius: calc(0.25rem - 1px);
  border-top-left-radius: calc(0.25rem - 1px);
  width: 100%;
}
.UserCardDetaill__body {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1.25rem;
  text-align: center;
}
.UserCardDetaill__avatar {
  margin-top: -80px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.UserCardDetaill__titulo {
  margin-bottom: 0px;
  line-height: 30px;
  font-size: 21px;
  color: #455a64;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
}
.UserCardDetaill__categoria {
  margin-top: 0;
  margin-bottom: 1rem;
  color: #67757c;
  font-weight: 300;
  font-family: "Poppins", sans-serif;
}
.UserCardDetaill--simple .UserCardDetaill__header {
  display: none;
}
.UserCardDetaill--default .UserCardDetaill__header {
  display: none;
}
.UserCardDetaill--default .UserCardDetaill__avatar {
  margin-top: 40px;
}

.AvatarPro {
  width: 128px;
  height: 128px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  -sm-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  border-radius: 10px;
  cursor: pointer;
}
.AvatarPro__image {
  width: 100%;
  height: 100%;
  background: white;
  display: block;
  border-radius: 10px;
}
.AvatarPro--pro {
  height: auto;
}
.AvatarPro--inherit {
  width: inherit;
  height: inherit;
}

.Values {
  display: flex;
  list-style: none;
  padding: 1rem;
}
.Values__item {
  flex: 1;
}
.Values__value {
  font-weight: 300;
  line-height: 30px;
  font-size: 21px;
  color: #455a64;
  font-family: "Poppins", sans-serif;
  text-align: center;
  display: block;
}
.Values__name {
  font-size: 80%;
  font-weight: 400;
  color: #455a64;
  font-family: "Poppins", sans-serif;
  text-align: center;
  display: block;
}

.Mensaje {
  border-bottom: 1px solid rgba(120, 130, 140, 0.13);
  display: block;
  text-decoration: none;
  padding: 15px 10px;
  width: 100%;
  display: flex;
  align-items: center;
}
.Mensaje__avatar {
  width: 45px;
  position: relative;
  display: inline-block;
  margin: 0 10px 15px 0;
  margin-bottom: 0px;
  white-space: normal;
}
.Mensaje--card .Mensaje__avatar {
  width: 60px;
}
.Mensaje__image {
  width: 100%;
  display: block;
  border-radius: 100%;
  overflow: hidden;
}
.Mensaje--card .Mensaje__image {
  border-radius: 0;
}
.Mensaje__status {
  left: 33px;
  position: absolute;
  top: -1px;
}
.Mensaje__nombre {
  line-height: 18px;
  font-size: 16px;
  font-weight: 400;
  color: #455a64;
  font-family: "Poppins", sans-serif;
}
.Mensaje__mensaje {
  font-size: 12px;
  display: block;
  margin: 1px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #67757c;
}
.Mensaje__body {
  display: inline-block;
  width: 75%;
  vertical-align: middle;
}
.Mensaje--card {
  background-color: #fff;
}

.Status {
  border: 2px solid #ffffff;
  border-radius: 50%;
  display: inline-block;
  height: 10px;
  background: #26c6da;
  width: 10px;
}
.Status--white {
  background-color: white;
  color: #000;
}
.Status--casas {
  background-color: #000033;
  color: white;
}
.Status--casas:hover {
  background-color: #337ab7;
  cursor: pointer;
}
.Status--info {
  background-color: #63c2de;
  color: white;
}
.Status--danger {
  background-color: #f86c6b;
  color: white;
}
.Status--warning {
  background-color: #ffc107;
  color: white;
}
.Status--success {
  background-color: #4dbd74;
  color: white;
}
.Status--gradient-info {
  background-image: linear-gradient(45deg, #0288d1 0%, #26c6da 100%);
  background-image: -webkit-linear-gradient(45deg, #0288d1 0%, #26c6da 100%);
  background-image: -moz-linear-gradient(45deg, #0288d1 0%, #26c6da 100%);
  background-image: -ms-linear-gradient(45deg, #0288d1 0%, #26c6da 100%);
  background-image: -o-linear-gradient(45deg, #0288d1 0%, #26c6da 100%);
  color: white;
}
.Status--gradient-danger {
  background-image: linear-gradient(45deg, #FF5252 0%, #f48fb1 100%);
  background-image: -webkit-linear-gradient(45deg, #FF5252 0%, #f48fb1 100%);
  background-image: -moz-linear-gradient(45deg, #FF5252 0%, #f48fb1 100%);
  background-image: -ms-linear-gradient(45deg, #FF5252 0%, #f48fb1 100%);
  background-image: -o-linear-gradient(45deg, #FF5252 0%, #f48fb1 100%);
  color: white;
}
.Status--gradient-warning {
  background-image: linear-gradient(45deg, #ff6f00 0%, #ffca28 100%);
  background-image: -webkit-linear-gradient(45deg, #ff6f00 0%, #ffca28 100%);
  background-image: -moz-linear-gradient(45deg, #ff6f00 0%, #ffca28 100%);
  background-image: -ms-linear-gradient(45deg, #ff6f00 0%, #ffca28 100%);
  background-image: -o-linear-gradient(45deg, #ff6f00 0%, #ffca28 100%);
  color: white;
}
.Status--gradient-success {
  background-image: linear-gradient(45deg, #43A047 0%, #1de9b6 100%);
  background-image: -webkit-linear-gradient(45deg, #43A047 0%, #1de9b6 100%);
  background-image: -moz-linear-gradient(45deg, #43A047 0%, #1de9b6 100%);
  background-image: -ms-linear-gradient(45deg, #43A047 0%, #1de9b6 100%);
  background-image: -o-linear-gradient(45deg, #43A047 0%, #1de9b6 100%);
  color: white;
}

.MailMenu {
  margin-bottom: 1rem;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -ms-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -o-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -sm-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  display: block;
}
.MailMenu__header {
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.MailMenu__list {
  list-style-type: none;
}

.MailMenuItem.MailMenuItem--active, .MailMenuItem:hover {
  background: #fafafa;
  color: #4ECDC4;
  border-right: 3px solid #4ECDC4;
}

.MailMenuItem {
  display: flex;
  position: relative;
  justify-content: space-between;
  border-radius: 0;
  border-top: 1px solid #f2f3f6;
  padding: 15px;
  border-right: 3px solid rgba(0, 0, 0, 0);
  color: #a2a2a2;
}
.MailMenuItem__titulo {
  display: flex;
  align-items: center;
}
.MailMenuItem__icon {
  margin-right: 5px;
}
.MailInbox {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -ms-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -o-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -sm-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
}
.MailInbox__header {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background: #fff;
  display: block;
}
.MailInbox__header-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.MailInbox__titulo {
  font-size: 24px;
  color: #a2a2a2;
  font-weight: 300;
  display: flex;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
}
.MailInbox__badge {
  margin-left: 10px;
}
.MailInbox__table {
  width: 100%;
  max-width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  background-color: transparent;
  margin: 0;
}

.Inbox__column {
  padding: 12px;
  line-height: 1.42857143;
  vertical-align: center;
  border-top: 1px solid #ddd;
}
.Inbox__column > .Checkbox {
  margin: 0;
  zoom: 0.8;
}
.Inbox__column--check {
  width: 5%;
}
.Inbox__column--favorito {
  color: #d5d5d5;
}
.Inbox__column--favorito--activo {
  color: #f78a09;
}
.Inbox__column--favorito:hover {
  color: #f78a09;
}
.Inbox:hover {
  background: #f7f7f7;
  cursor: pointer;
}
.Inbox--leido .Inbox__column {
  font-weight: 600;
  background: #f7f7f7;
}

.MailInboxOptions {
  display: inline-block;
  margin-bottom: 1rem;
  width: 100%;
}

.PaginationSimple {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.PaginationSimple__text {
  display: flex;
}
.PaginationSimple__text span {
  margin-left: 5px;
}
.PaginationSimple__buttons {
  display: flex;
}
.PaginationSimple__button .Btn, .PaginationSimple__button .DetailProduct__share > a, .PaginationSimple__button .HomeVentajasQR .Info__descripcion .DetailProduct__share > span, .HomeVentajasQR .Info__descripcion .PaginationSimple__button .DetailProduct__share > span, .PaginationSimple__button .HomePc .Info__descripcion .DetailProduct__share > span, .HomePc .Info__descripcion .PaginationSimple__button .DetailProduct__share > span, .PaginationSimple__button .DetailProduct__share > .backLink {
  border: 1px solid #e7e7e7;
  padding: 5px 15px;
  display: inline-block;
  background: #fcfcfc;
  color: #afafaf;
  border-radius: 3px !important;
  -webkit-border-radius: 3px !important;
  margin-left: 5px;
}

.Contenedor {
  display: block;
  background-color: gainsboro;
  width: 100%;
  min-height: 100px;
  margin-bottom: 1rem;
  padding: 40px;
}
.Contenedor--white {
  background-color: white;
  color: #000;
}
.Contenedor--casas {
  background-color: #000033;
  color: white;
}
.Contenedor--casas:hover {
  background-color: #337ab7;
  cursor: pointer;
}
.Contenedor--info {
  background-color: #63c2de;
  color: white;
}
.Contenedor--danger {
  background-color: #f86c6b;
  color: white;
}
.Contenedor--warning {
  background-color: #ffc107;
  color: white;
}
.Contenedor--success {
  background-color: #4dbd74;
  color: white;
}
.Contenedor--gradient-info {
  background-image: linear-gradient(45deg, #0288d1 0%, #26c6da 100%);
  background-image: -webkit-linear-gradient(45deg, #0288d1 0%, #26c6da 100%);
  background-image: -moz-linear-gradient(45deg, #0288d1 0%, #26c6da 100%);
  background-image: -ms-linear-gradient(45deg, #0288d1 0%, #26c6da 100%);
  background-image: -o-linear-gradient(45deg, #0288d1 0%, #26c6da 100%);
  color: white;
}
.Contenedor--gradient-danger {
  background-image: linear-gradient(45deg, #FF5252 0%, #f48fb1 100%);
  background-image: -webkit-linear-gradient(45deg, #FF5252 0%, #f48fb1 100%);
  background-image: -moz-linear-gradient(45deg, #FF5252 0%, #f48fb1 100%);
  background-image: -ms-linear-gradient(45deg, #FF5252 0%, #f48fb1 100%);
  background-image: -o-linear-gradient(45deg, #FF5252 0%, #f48fb1 100%);
  color: white;
}
.Contenedor--gradient-warning {
  background-image: linear-gradient(45deg, #ff6f00 0%, #ffca28 100%);
  background-image: -webkit-linear-gradient(45deg, #ff6f00 0%, #ffca28 100%);
  background-image: -moz-linear-gradient(45deg, #ff6f00 0%, #ffca28 100%);
  background-image: -ms-linear-gradient(45deg, #ff6f00 0%, #ffca28 100%);
  background-image: -o-linear-gradient(45deg, #ff6f00 0%, #ffca28 100%);
  color: white;
}
.Contenedor--gradient-success {
  background-image: linear-gradient(45deg, #43A047 0%, #1de9b6 100%);
  background-image: -webkit-linear-gradient(45deg, #43A047 0%, #1de9b6 100%);
  background-image: -moz-linear-gradient(45deg, #43A047 0%, #1de9b6 100%);
  background-image: -ms-linear-gradient(45deg, #43A047 0%, #1de9b6 100%);
  background-image: -o-linear-gradient(45deg, #43A047 0%, #1de9b6 100%);
  color: white;
}
@media screen and (max-width: 500px) {
  .Contenedor {
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
  }
}
.Contenedor--box {
  padding: 4rem;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 780px) {
  .Contenedor--box {
    padding: 20px;
  }
}
@media screen and (max-width: 500px) {
  .Contenedor--box {
    width: 100%;
  }
}
.Contenedor--full {
  width: 100%;
}
.Contenedor--no-margin {
  margin-bottom: 0;
}

.Paso {
  padding-bottom: 1rem;
}
.Paso__num {
  font-size: 1rem;
  border-radius: 50%;
  width: auto;
  color: white;
  margin-right: 4px;
  padding: 2px 8px;
  display: inline-block;
  height: auto;
  background-color: #63c2de;
  width: 30px;
  height: 30px;
}
.Paso__titulo {
  font-size: 1.2rem;
  color: #555;
  font-weight: 500;
  display: flex;
  align-items: center;
}

.InputCountPro {
  display: flex;
  align-items: center;
}
.InputCountPro__input {
  width: 100%;
}
.Foto {
  margin-bottom: 1rem;
  position: relative;
  display: flex;
  flex-direction: column;
  touch-action: none;
  background-color: whitesmoke;
  opacity: 0.6;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.Foto__imagen {
  flex: 1;
  width: 100%;
  display: block;
  height: 256px;
  object-fit: contain;
  background-color: #fff;
  background-image: -webkit-linear-gradient(45deg, #efefef 25%, transparent 25%, transparent 75%, #efefef 75%, #efefef), -webkit-linear-gradient(45deg, #efefef 25%, transparent 25%, transparent 75%, #efefef 75%, #efefef);
  background-image: -moz-linear-gradient(45deg, #efefef 25%, transparent 25%, transparent 75%, #efefef 75%, #efefef), -webkit-linear-gradient(45deg, #efefef 25%, transparent 25%, transparent 75%, #efefef 75%, #efefef);
  background-image: -o-linear-gradient(45deg, #efefef 25%, transparent 25%, transparent 75%, #efefef 75%, #efefef), -webkit-linear-gradient(45deg, #efefef 25%, transparent 25%, transparent 75%, #efefef 75%, #efefef);
  background-image: -ms-linear-gradient(45deg, #efefef 25%, transparent 25%, transparent 75%, #efefef 75%, #efefef), -webkit-linear-gradient(45deg, #efefef 25%, transparent 25%, transparent 75%, #efefef 75%, #efefef);
  background-position: 0 0, 10px 10px;
  -webkit-background-size: 21px 21px;
  -moz-background-size: 21px 21px;
  -o-background-size: 21px 21px;
  -ms-background-size: 21px 21px;
}
.Foto__body {
  padding: 10px;
}
.Foto__footer {
  padding: 20px;
  padding-top: 0;
}
.Foto:hover {
  opacity: 1;
}
.UploadFile {
  padding: 0;
}
.UploadFile.Btn, .DetailProduct__share > a.UploadFile, .HomeVentajasQR .Info__descripcion .DetailProduct__share > span.UploadFile, .HomePc .Info__descripcion .DetailProduct__share > span.UploadFile, .DetailProduct__share > .UploadFile.backLink {
  padding: 0;
}
.UploadFile__label {
  cursor: pointer;
  padding: 10px;
  padding-left: 30px;
  padding-right: 30px;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.UploadFile--cero .UploadFile__label {
  display: block;
  padding: 0;
}
.UploadFile__file {
  display: none;
}

.Loading {
  width: 60px;
  height: 60px;
}
.Loading > img {
  width: 100%;
}

.UserCardData {
  display: flex;
  flex-direction: column;
}
.UserCardData__avatar {
  display: flex;
  align-items: center;
  justify-content: center;
}
.UserCardData__username {
  font-weight: 400;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  text-align: center;
  font-size: 1.5rem;
  text-transform: capitalize;
}
.UserCardData__buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.UserCardData__button {
  margin: 5px;
}

.TextGroup {
  display: flex;
  justify-content: space-between;
  font-size: 1.1rem;
  border-bottom: 1px solid gainsboro;
  padding-bottom: 5px;
  margin-bottom: 1rem;
  color: black;
  background: white;
}
.TextGroup--column {
  flex-direction: column;
}
.TextGroup__left {
  font-size: 100%;
  font-weight: bold;
}
.TextGroup__right {
  font-size: 90%;
}
.TextGroup--default {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: 1.2rem;
}
.TextGroup--padding {
  padding-left: 20px;
  padding-right: 20px;
}

.Success {
  max-width: 400px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -ms-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -o-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -sm-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  background-color: #fff;
  margin-bottom: 2rem;
  padding: 40px;
}
.Success__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  margin-bottom: 1rem;
  background-color: #008bd2;
  color: white;
  font-size: 4rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2rem;
}
.Success__titulo {
  font-size: 1.3rem;
  line-height: 1;
  margin-bottom: 1rem;
  text-align: center;
  color: #008bd2;
}
.Success__descripcion {
  text-align: center;
  font-size: 1rem;
  color: gray;
}
.Success__body {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2rem;
}

.AnuncioBoard {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -ms-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -o-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -sm-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  width: 100%;
  margin-bottom: 1rem;
  position: relative;
}
.AnuncioBoard__header {
  background-color: #e5edf5;
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
  display: flex;
  align-items: center;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  min-height: 62px;
}
.AnuncioBoard__content {
  display: flex;
  position: relative;
  height: auto;
  background-color: #fff;
  font-size: 16pt;
  line-height: 1;
  position: relative;
  -webkit-transition: height 0.3s step-start;
  -moz-transition: height 0.3s step-start;
  -ms-transition: height 0.3s step-start;
  -o-transition: height 0.3s step-start;
  transition: height 0.3s step-start;
}
.AnuncioBoard__noti {
  position: absolute;
  left: -13px;
  z-index: 1;
  top: -13px;
}
.AnuncioBoard__noti--default {
  position: relative;
  top: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  left: auto;
}
.AnuncioBoard__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: auto;
}
.AnuncioBoard__body .AnuncioBoard__actions {
  background-color: #f0f3f5;
  margin-bottom: -20px;
  margin-left: -20px;
  margin-right: -20px;
  margin-top: 20px;
  border-top: 1px solid gainsboro;
  min-height: 40px;
  padding-left: 20px;
  padding-right: 20px;
  justify-content: space-between;
}
.AnuncioBoard__body .AnuncioBoard__actions > div {
  display: flex;
  align-items: center;
}
.AnuncioBoard__actions--oscur {
  background-color: #202838;
}
.AnuncioBoard__action {
  margin-left: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.AnuncioBoard__action:first-child {
  margin-left: 0;
}
.AnuncioBoard__action span {
  font-size: 11px;
  color: gray;
  margin-top: 3px;
}
.AnuncioBoard__image {
  height: 243px;
  width: 350px;
}
.AnuncioBoard__image__img {
  object-fit: cover;
  display: block;
  width: inherit;
  height: inherit;
}
.AnuncioBoard__body {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 20px;
}
.AnuncioBoard__collapse {
  height: 0;
  display: flex;
  -webkit-transition: height 0.3s ease-in-out;
  -moz-transition: height 0.3s ease-in-out;
  -ms-transition: height 0.3s ease-in-out;
  -o-transition: height 0.3s ease-in-out;
  transition: height 0.3s ease-in-out;
  background-color: #fff;
  width: 100%;
  position: relative;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.AnuncioBoard__collapse > * {
  visibility: hidden;
}
.AnuncioBoard__collapse--open {
  height: auto;
  border-top: 1px solid gainsboro;
  padding: 20px;
}
.AnuncioBoard__collapse--open > * {
  visibility: initial;
}

.Noti {
  margin-left: 10px;
  margin-right: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.Noti__buddle {
  padding: 3px;
  background-color: red;
  border-radius: 50%;
  height: 3px;
  width: 3px;
  display: inline-flex;
}
.Noti--success .Noti__buddle {
  background-color: forestgreen;
}
.Noti--danger .Noti__buddle {
  background-color: red;
}
.Noti--medium .Noti__buddle {
  padding: 5px;
}
.Noti__ring {
  display: none;
  border: 1px solid red;
  border-radius: 100%;
  height: 40px;
  width: 40px;
  position: absolute;
  animation: pulsate 5s ease-out;
  -webkit-animation: pulsate 5s ease-out;
  -moz-animation: pulsate 5s ease-out;
  -o-animation: pulsate 5s ease-out;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  opacity: 0;
}
.Noti--success .Noti__ring {
  display: block;
}
.Noti--absolute {
  position: absolute;
  right: 0;
}

@keyframes pulsate {
  30% {
    transform: scale(0.1, 0.1);
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    opacity: 0;
  }
  35% {
    opacity: 1;
  }
  40% {
    transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    opacity: 0;
  }
}
@-webkit-keyframes pulsate {
  30% {
    transform: scale(0.1, 0.1);
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    opacity: 0;
  }
  35% {
    opacity: 1;
  }
  40% {
    transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    opacity: 0;
  }
}
@-moz-keyframes pulsate {
  30% {
    transform: scale(0.1, 0.1);
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    opacity: 0;
  }
  35% {
    opacity: 1;
  }
  40% {
    transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    opacity: 0;
  }
}
.Icon-Edit, .Icon-Print, .Icon-Renovar, .Icon-Eliminar, .Icon-Detalle, .Icon-Mensaje, .Icon-AutoSubir, .Icon-Destacar, .Icon-Etiquetar, .Icon-Resaltar, .Icon-Subir {
  display: flex;
  align-items: center;
  justify-content: center;
  width: inherit;
  height: inherit;
  overflow: hidden;
}
.Icon-Edit:hover, .Icon-Print:hover, .Icon-Renovar:hover, .Icon-Eliminar:hover, .Icon-Detalle:hover, .Icon-Mensaje:hover, .Icon-AutoSubir:hover, .Icon-Destacar:hover, .Icon-Etiquetar:hover, .Icon-Resaltar:hover, .Icon-Subir:hover {
  cursor: pointer;
  opacity: 0.8;
}

.Icon-Subir__fil0 {
  fill: black;
}
.Icon-Subir__fil1 {
  fill: #FDFEFE;
}
.Icon-Subir__fil2 {
  fill: #2B2A29;
  fill-rule: nonzero;
}

.Icon-Resaltar__fil0 {
  fill: none;
}
.Icon-Resaltar__str0 {
  stroke: #2B2A29;
  stroke-width: 211.67px;
}
.Icon-Resaltar__fil1 {
  fill: black;
}

.Icon-Destacar__str0 {
  stroke: #2B2A29;
  stroke-width: 211.67px;
  stroke-linejoin: round;
}
.Icon-Destacar__fil2 {
  fill: none;
}
.Icon-Destacar__fil0 {
  fill: #2B2A29;
}
.Icon-Destacar__fil1 {
  fill: #FFF383;
}
.Icon-Destacar__fil3 {
  fill: #2B2A29;
  fill-rule: nonzero;
}

.Icon-AutoSubir__fil0 {
  fill: #0364CB;
}

.Icon-Mensaje__path {
  fill: #878787;
}

.Icon-Detalle__one {
  fill: #2f353a;
}
.Icon-Detalle__two {
  fill: #63c2de;
}

.Titulo {
  font-size: 1.4rem;
  margin-bottom: 2rem;
  font-weight: bold;
}
.Titulo--default {
  margin-bottom: 1rem;
}
.Titulo--grande {
  font-size: 2rem;
}
.Titulo--center {
  text-align: center;
}
.Titulo--normal {
  font-weight: normal;
}

.GroupList {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.GroupList__item {
  flex: 1;
  margin: 1rem;
  margin-top: 0;
}

.Group {
  border: 1px solid gray;
  border-radius: 4px;
  background-color: white;
  padding: 15px;
}
.Group__titulo {
  font-size: 1.5rem;
  text-align: center;
  margin-bottom: 4px;
  font-weight: 600;
}
.Group__content {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Group__icon {
  font-size: 16pt;
  margin-right: 5px;
}
.Group__name {
  font-size: 13pt;
}

.SliderPreview {
  display: flex;
  width: inherit;
  height: inherit;
  position: relative;
}
.SliderPreview__preview {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.SliderPreview__icon, .SliderPreview__icon--next, .SliderPreview__icon--preview {
  color: white;
  font-size: 29pt;
  background-color: rgba(47, 53, 58, 0.43);
  position: absolute;
  top: 0;
  width: 40px;
  border-radius: 50%;
  height: 50px;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  margin: auto;
}
.SliderPreview__icon:hover, .SliderPreview__icon--next:hover, .SliderPreview__icon--preview:hover {
  cursor: pointer;
  background-color: rgba(24, 27, 30, 0.43);
}
.SliderPreview__icon--preview {
  left: 10px;
}
.SliderPreview__icon--next {
  right: 10px;
}
.SliderPreview__count {
  position: absolute;
  bottom: 5px;
  right: 5px;
  background-color: black;
  color: white;
  padding: 5px;
  font-size: 14px;
  border-radius: 5px;
  padding-left: 10px;
  padding-right: 10px;
}
.SliderPreview__count > *:first-child {
  margin-right: 5px;
  font-size: 12px;
}

.Toogle {
  width: 140px;
  position: relative;
  height: 30px;
  display: flex;
  align-items: center;
  margin-right: 10px;
  margin-left: 10px;
}
.Toogle__active {
  display: none;
  font-size: 12px;
  color: white;
  text-align: right;
  width: 100%;
  margin-right: 30px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.Toogle__desactive {
  width: 100%;
  display: block;
  color: white;
  font-size: 12px;
  margin-left: 30px;
  color: gray;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.Toogle__buddle {
  display: block;
  height: 51px;
  width: 51px;
  position: absolute;
  left: 2px;
  top: 2px;
  z-index: 2;
  border-radius: inherit;
  background: #283446;
  background: linear-gradient(#36455b, #283446);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 4px 12px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 4px 12px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 4px 12px rgba(0, 0, 0, 0.4);
  -o-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 4px 12px rgba(0, 0, 0, 0.4);
  -sm-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 4px 12px rgba(0, 0, 0, 0.4);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  height: 26px;
  width: 26px;
}
.Toogle__lamp {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 10px;
  background: #283446;
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 10px rgba(185, 231, 253, 0), inset 0 0 8px rgba(0, 0, 0, 0.9), inset 0 -2px 5px rgba(0, 0, 0, 0.3), inset 0 -5px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 10px rgba(185, 231, 253, 0), inset 0 0 8px rgba(0, 0, 0, 0.9), inset 0 -2px 5px rgba(0, 0, 0, 0.3), inset 0 -5px 5px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 10px rgba(185, 231, 253, 0), inset 0 0 8px rgba(0, 0, 0, 0.9), inset 0 -2px 5px rgba(0, 0, 0, 0.3), inset 0 -5px 5px rgba(0, 0, 0, 0.5);
  -o-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 10px rgba(185, 231, 253, 0), inset 0 0 8px rgba(0, 0, 0, 0.9), inset 0 -2px 5px rgba(0, 0, 0, 0.3), inset 0 -5px 5px rgba(0, 0, 0, 0.5);
  -sm-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 10px rgba(185, 231, 253, 0), inset 0 0 8px rgba(0, 0, 0, 0.9), inset 0 -2px 5px rgba(0, 0, 0, 0.3), inset 0 -5px 5px rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  z-index: 2;
  margin-left: 10px;
}
.Toogle__check {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  z-index: 100;
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.Toogle__check:checked ~ .Toogle__label .Toogle__buddle {
  left: auto;
  left: calc(100% - 28px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 8px 8px rgba(0, 0, 0, 0.3), inset -1px 0 1px #b9f3fe;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.Toogle__check:checked ~ .Toogle__label + .Toogle__lamp {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 10px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  z-index: 2;
  background: #b9f3fe;
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 10px rgb(100, 231, 253), inset 0 0 8px rgba(61, 157, 247, 0.8), inset 0 -2px 5px rgba(185, 231, 253, 0.3), inset 0 -3px 8px rgba(185, 231, 253, 0.5);
  -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 10px rgb(100, 231, 253), inset 0 0 8px rgba(61, 157, 247, 0.8), inset 0 -2px 5px rgba(185, 231, 253, 0.3), inset 0 -3px 8px rgba(185, 231, 253, 0.5);
  -ms-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 10px rgb(100, 231, 253), inset 0 0 8px rgba(61, 157, 247, 0.8), inset 0 -2px 5px rgba(185, 231, 253, 0.3), inset 0 -3px 8px rgba(185, 231, 253, 0.5);
  -o-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 10px rgb(100, 231, 253), inset 0 0 8px rgba(61, 157, 247, 0.8), inset 0 -2px 5px rgba(185, 231, 253, 0.3), inset 0 -3px 8px rgba(185, 231, 253, 0.5);
  -sm-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 10px rgb(100, 231, 253), inset 0 0 8px rgba(61, 157, 247, 0.8), inset 0 -2px 5px rgba(185, 231, 253, 0.3), inset 0 -3px 8px rgba(185, 231, 253, 0.5);
}
.Toogle__check:checked ~ .Toogle__label .Toogle__active {
  display: block;
}
.Toogle__check:checked ~ .Toogle__label .Toogle__desactive {
  display: none;
}
.Toogle__label {
  display: flex;
  align-items: center;
  width: 80%;
  height: 100%;
  position: relative;
  background: #1F2736;
  background: linear-gradient(#121823, #161d2b);
  border-radius: 30px 30px 30px 30px;
  box-shadow: inset 0 3px 8px 1px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.2);
  -moz-box-shadow: inset 0 3px 8px 1px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.2);
  -ms-box-shadow: inset 0 3px 8px 1px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.2);
  -o-box-shadow: inset 0 3px 8px 1px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.2);
  -sm-box-shadow: inset 0 3px 8px 1px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.2);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.Image {
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.Image__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.Imagen {
  cursor: pointer;
}
.Imagen__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.Zebras {
  display: flex;
  flex-direction: column;
}

.Zebra {
  background-color: #f5f5f5;
  border-bottom: 1px dashed gainsboro;
  padding: 40px;
}
.Zebra__container {
  display: flex;
  margin-bottom: 0;
  min-height: 500px;
}
.Zebra--right .Zebra__container {
  flex-direction: row-reverse;
}
.Zebra--mini .Zebra__image {
  flex: 0 0 200px;
}
.Zebra--medium .Zebra__image {
  flex: 0 0 300px;
}
.Zebra--large .Zebra__image {
  flex: 0 0 450px;
}
.Zebra__content {
  padding-left: 20px;
}
.Zebra--right .Zebra__content {
  padding-left: 0;
  padding-right: 20px;
}
.Zebra__img {
  width: 100%;
  height: auto;
}
.Zebra__titulo {
  font-size: 20pt;
  font-weight: 400;
  line-height: 1;
  text-align: center;
}
.Zebra__descripcion {
  margin-top: 10px;
  font-size: 0.8rem;
  line-height: 1.3;
}
.Zebra:last-child {
  border-bottom: 0;
}
.Zebra--right {
  background-color: #fff;
}

.Notificaciones {
  position: fixed;
  z-index: 9999;
  max-width: 350px;
}
.Notificaciones--left {
  left: 0;
}
.Notificaciones--right {
  right: 0;
}
.Notificaciones--top {
  top: 0;
}
.Notificaciones--bottom {
  bottom: 0;
}

.Notificacion {
  position: relative;
  background-color: #fff;
  margin: 10px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -ms-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -o-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -sm-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
}
.Notificacion__close {
  position: absolute;
  right: 2px;
  top: 2px;
  background-color: gainsboro;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7pt;
  color: black;
  border: 1px solid;
}
.Notificacion__close:hover {
  background-color: #c3c3c3;
  cursor: pointer;
}
.Notificacion__body {
  padding: 10px;
}
.Notificacion__titulo {
  color: white;
  font-size: 14pt;
}
.Notificacion__mensaje {
  color: white;
  font-size: 11pt;
}
.Notificacion--success {
  background-color: rgba(77, 189, 116, 0.9);
}
.Notificacion--danger {
  background-color: rgba(248, 108, 107, 0.9);
}

.PanelPro {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -ms-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -o-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -sm-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  background-color: #fff;
  margin-bottom: 1rem;
}

.PanelProHeader {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.PanelProHeader__titulo {
  background-color: #665d5d;
  flex: 1;
  padding: 15px 20px 15px 20px;
  color: white;
  font-size: 13pt;
}
.PanelProHeader__right {
  background-color: #ff6a00;
  color: white;
  padding: 15px 40px 15px 40px;
  font-size: 12pt;
  display: flex;
  align-items: center;
  justify-content: center;
}

.PanelProBody {
  padding: 20px;
}

.PanelProSteps {
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid gainsboro;
}

.PanelProStep {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
}
.PanelProStep__number {
  background-color: gainsboro;
  color: black;
  border-radius: 50%;
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13pt;
}
.PanelProStep__titulo {
  padding-left: 5px;
  padding-right: 5px;
}
.PanelProStep--active {
  font-weight: bold;
}

.Lista {
  display: flex;
  flex-direction: column;
}

.ListaItem {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 1rem;
}
.ListaItem__icon {
  margin-right: 10px;
  font-size: 20pt;
  max-width: 85px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ListaItem--default .ListaItem__icon {
  margin-right: 5px;
  max-width: 40px;
}
.ListaItem__titulo {
  font-size: 24px;
  font-weight: bold;
}
.ListaItem--default .ListaItem__titulo {
  font-size: 12pt;
  font-weight: 400;
  font-family: inherit;
}
.ListaItem__descripcion {
  font-size: 16px;
}
.ListaItem--group {
  margin-bottom: 0;
  border-bottom: 1px solid gainsboro;
  padding: 20px;
}

.Theme {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  background-color: transparent;
  background-position: center center;
  background-size: cover;
  position: relative;
}
@media screen and (max-width: 500px) {
  .Theme {
    padding: 0;
  }
}
.Theme__overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  opacity: 0.25;
}

.Pattern {
  display: flex;
  height: 100vh;
  overflow: hidden;
}
.Pattern__imagen {
  overflow: hidden;
}
.Pattern__content {
  overflow: auto;
  position: relative;
  right: 0;
  min-width: 330px;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.968627451);
}

.CompartirRedesSociales {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.CompartirRedesSociales__icon {
  width: 40px;
  border-radius: 50%;
  overflow: hidden;
  width: 40px;
  height: 40px;
  margin-right: 10px;
  justify-content: center;
}
.CompartirRedesSociales__icon:hover {
  opacity: 0.5;
  cursor: pointer;
}
.CompartirRedesSociales__icon img {
  width: 40px;
  height: 40px;
}

.Page-loader {
  height: 4px;
  width: 100%;
  position: relative;
  overflow: hidden;
  background-color: #ddd;
  display: none;
}
.Page-loader--start {
  display: block;
  position: fixed;
  top: 0;
  z-index: 999;
  left: 0;
  right: 0;
}
.Page-loader--start:before {
  display: block;
  position: absolute;
  content: "";
  left: -200px;
  width: 200px;
  height: 4px;
  background-color: #2980b9;
  animation: loading 2s linear infinite;
}
.Page-loader--end {
  display: none;
}

@keyframes loading {
  from {
    left: -200px;
    width: 30%;
  }
  50% {
    width: 30%;
  }
  70% {
    width: 70%;
  }
  80% {
    left: 50%;
  }
  95% {
    left: 120%;
  }
  to {
    left: 100%;
  }
}
.GalleryImagePanel {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
}
.GalleryImagePanel__image {
  width: 100%;
  display: block;
}

.GalleryPlusMore {
  background: white;
  padding: 40px;
  text-align: center;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.GalleryPlusMore:hover {
  background-color: #e6e6e6;
  cursor: pointer;
}
.GalleryPlusMore--round {
  overflow: hidden;
  border-radius: 50%;
}
.GalleryPlusMore__icon {
  font-size: 40pt;
}
.GalleryPlusMore__name {
  display: block;
  font-size: 20pt;
}

.InputProGroupArea {
  background-color: #fff;
  border: 1px solid #bdc7d8;
}
.InputProGroupArea__input {
  border-bottom: 1px dashed #bdc7d8;
  font-size: 14px;
  height: 30px;
  line-height: 14px;
  word-wrap: break-word;
  width: 100%;
  outline: none;
  padding-left: 10px;
  padding-right: 10px;
}
.InputProGroupArea__area {
  width: 100%;
  outline: none;
  min-height: 58px;
  resize: none;
}

.EditCompose {
  display: flex;
  height: 100%;
}
.EditCompose__aside {
  background-color: #f5f6f7;
  border-bottom-left-radius: 3px;
  border-right: 1px solid #e5e5e5;
  position: relative;
  width: 300px;
  z-index: 10;
  overflow: auto;
  padding: 12px;
}
.EditCompose__content {
  height: 100%;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ReactCrop {
  position: relative;
  display: inline-block;
  cursor: crosshair;
  overflow: hidden;
  max-width: 100%;
  background-color: #000;
}

.ReactCrop:focus {
  outline: none;
}

.ReactCrop--disabled {
  cursor: inherit;
}

.ReactCrop__image {
  /* autoprefixer: off */
  display: block;
  max-width: 100%;
  max-height: -webkit-fill-available;
  max-height: -moz-available;
  max-height: stretch;
}

.ReactCrop--crop-invisible .ReactCrop__image {
  opacity: 0.5;
}

.ReactCrop__crop-selection {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate3d(0, 0, 0);
  box-sizing: border-box;
  cursor: move;
  box-shadow: 0 0 0 9999em rgba(0, 0, 0, 0.5);
  border: 1px solid;
  border-image-source: url("data:image/gif;base64,R0lGODlhCgAKAJECAAAAAP///////wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEI5RDc5MTFDNkE2MTFFM0JCMDZEODI2QTI4MzJBOTIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEI5RDc5MTBDNkE2MTFFM0JCMDZEODI2QTI4MzJBOTIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4MDgzQzNDMjA5MzREQ0ZDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4MDgzQzNDMjA5MzREQ0ZDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEBQoAAgAsAAAAAAoACgAAAhWEERkn7W3ei7KlagMWF/dKgYeyGAUAIfkEBQoAAgAsAAAAAAoACgAAAg+UYwLJ7RnQm7QmsCyVKhUAIfkEBQoAAgAsAAAAAAoACgAAAhCUYgLJHdiinNSAVfOEKoUCACH5BAUKAAIALAAAAAAKAAoAAAIRVISAdusPo3RAzYtjaMIaUQAAIfkEBQoAAgAsAAAAAAoACgAAAg+MDiem7Q8bSLFaG5il6xQAIfkEBQoAAgAsAAAAAAoACgAAAg+UYRLJ7QnQm7SmsCyVKhUAIfkEBQoAAgAsAAAAAAoACgAAAhCUYBLJDdiinNSEVfOEKoECACH5BAUKAAIALAAAAAAKAAoAAAIRFISBdusPo3RBzYsjaMIaUQAAOw==");
  border-image-slice: 1;
  border-image-repeat: repeat;
}

.ReactCrop--disabled .ReactCrop__crop-selection {
  cursor: inherit;
}

.ReactCrop__drag-handle {
  position: absolute;
  width: 9px;
  height: 9px;
  background-color: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.7);
  box-sizing: border-box;
  outline: 1px solid transparent;
}

.ReactCrop .ord-nw {
  top: 0;
  left: 0;
  margin-top: -5px;
  margin-left: -5px;
  cursor: nw-resize;
}

.ReactCrop .ord-n {
  top: 0;
  left: 50%;
  margin-top: -5px;
  margin-left: -5px;
  cursor: n-resize;
}

.ReactCrop .ord-ne {
  top: 0;
  right: 0;
  margin-top: -5px;
  margin-right: -5px;
  cursor: ne-resize;
}

.ReactCrop .ord-e {
  top: 50%;
  right: 0;
  margin-top: -5px;
  margin-right: -5px;
  cursor: e-resize;
}

.ReactCrop .ord-se {
  bottom: 0;
  right: 0;
  margin-bottom: -5px;
  margin-right: -5px;
  cursor: se-resize;
}

.ReactCrop .ord-s {
  bottom: 0;
  left: 50%;
  margin-bottom: -5px;
  margin-left: -5px;
  cursor: s-resize;
}

.ReactCrop .ord-sw {
  bottom: 0;
  left: 0;
  margin-bottom: -5px;
  margin-left: -5px;
  cursor: sw-resize;
}

.ReactCrop .ord-w {
  top: 50%;
  left: 0;
  margin-top: -5px;
  margin-left: -5px;
  cursor: w-resize;
}

.ReactCrop__disabled .ReactCrop__drag-handle {
  cursor: inherit;
}

.ReactCrop__drag-bar {
  position: absolute;
}

.ReactCrop__drag-bar.ord-n {
  top: 0;
  left: 0;
  width: 100%;
  height: 6px;
  margin-top: -3px;
}

.ReactCrop__drag-bar.ord-e {
  right: 0;
  top: 0;
  width: 6px;
  height: 100%;
  margin-right: -3px;
}

.ReactCrop__drag-bar.ord-s {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  margin-bottom: -3px;
}

.ReactCrop__drag-bar.ord-w {
  top: 0;
  left: 0;
  width: 6px;
  height: 100%;
  margin-left: -3px;
}

.ReactCrop--new-crop .ReactCrop__drag-bar,
.ReactCrop--new-crop .ReactCrop__drag-handle,
.ReactCrop--fixed-aspect .ReactCrop__drag-bar {
  display: none;
}

.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,
.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,
.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,
.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w {
  display: none;
}

@media (max-width: 768px), (pointer: coarse) {
  .ReactCrop__drag-handle {
    width: 17px;
    height: 17px;
  }
  .ReactCrop .ord-nw {
    margin-top: -9px;
    margin-left: -9px;
  }
  .ReactCrop .ord-n {
    margin-top: -9px;
    margin-left: -9px;
  }
  .ReactCrop .ord-ne {
    margin-top: -9px;
    margin-right: -9px;
  }
  .ReactCrop .ord-e {
    margin-top: -9px;
    margin-right: -9px;
  }
  .ReactCrop .ord-se {
    margin-bottom: -9px;
    margin-right: -9px;
  }
  .ReactCrop .ord-s {
    margin-bottom: -9px;
    margin-left: -9px;
  }
  .ReactCrop .ord-sw {
    margin-bottom: -9px;
    margin-left: -9px;
  }
  .ReactCrop .ord-w {
    margin-top: -9px;
    margin-left: -9px;
  }
  .ReactCrop__drag-bar.ord-n {
    height: 14px;
    margin-top: -7px;
  }
  .ReactCrop__drag-bar.ord-e {
    width: 14px;
    margin-right: -7px;
  }
  .ReactCrop__drag-bar.ord-s {
    height: 14px;
    margin-bottom: -7px;
  }
  .ReactCrop__drag-bar.ord-w {
    width: 14px;
    margin-left: -7px;
  }
}
.LoadingDiv {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: flex;
  background-color: rgba(0, 0, 0, 0.6784313725);
  z-index: 10;
  justify-content: center;
  align-items: center;
}

.LandGallery2 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.LandGallery2 .Lady {
  width: 100%;
  height: 100%;
}
@media screen and (max-height: 620px) {
  .LandGallery2 .Lady__imagenes {
    zoom: 0.8;
  }
}
@media screen and (max-height: 550px) {
  .LandGallery2 .Lady__imagenes img:nth-child(3) {
    display: none;
  }
  .LandGallery2 .Lady__imagenes img:nth-child(4) {
    display: none;
  }
  .LandGallery2 .Lady__imagenes img:nth-child(5) {
    display: none;
  }
}
@media screen and (max-width: 1119px) {
  .LandGallery2 .Lady__aside {
    width: 300px;
  }
}
@media screen and (max-width: 890px) {
  .LandGallery2 .Lady__aside {
    width: 0;
    overflow: hidden;
  }
}
@media screen and (max-height: 450px) {
  .LandGallery2 .Lady__aside {
    width: 0;
    overflow: hidden;
  }
}
.LandGallery2 .Lady__preview img {
  object-fit: contain;
}
@media screen and (max-height: 620px) {
  .LandGallery2 .Lady__preview {
    height: 350px;
    margin: auto;
  }
}
@media screen and (max-height: 550px) {
  .LandGallery2 .Lady__preview {
    height: 300px;
  }
}
@media screen and (max-height: 500px) {
  .LandGallery2 .Lady__preview {
    height: 250px;
  }
}
@media screen and (max-width: 1189px) {
  .LandGallery2 .Lady__preview {
    padding-right: 20px;
  }
}
@media screen and (max-width: 890px) {
  .LandGallery2 .Lady__preview {
    padding: 0;
    margin: 0;
    height: 100%;
  }
}
@media screen and (max-height: 450px) {
  .LandGallery2 .Lady__preview {
    padding-right: 0;
    height: 100%;
    margin: 0;
  }
}
@media screen and (max-height: 450px) {
  .LandGallery2 .Lady__body {
    padding: 0;
    height: 100%;
  }
}
@media screen and (max-width: 890px) {
  .LandGallery2 .Lady__body {
    padding: 0;
    height: 100%;
  }
}
.LandGallery2__dialog {
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  padding: 10px;
  border-radius: 20px;
  position: relative;
  width: auto;
  margin: auto;
  height: inherit;
}
.LandGallery2__dialog img {
  object-fit: contain;
  height: 100%;
  width: 100%;
}
.LandGallery2__dialog div {
  cursor: pointer;
  position: absolute;
  left: 20px;
  background: black;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
}
.LandGallery2__dialog div:hover {
  opacity: 0.8;
}
.LandGallery2__dialog div:last-child {
  right: 20px;
  left: initial;
}

.LandGallery__dialog {
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.7);
  align-items: center;
  display: flex;
  justify-content: center;
}
.LandGallery__dialog div {
  cursor: pointer;
  background: black;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  color: white;
  padding: 0;
  position: fixed;
  top: 0;
  border: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  bottom: 0;
  left: 40px;
}
.LandGallery__dialog div:hover {
  opacity: 0.8;
}
.LandGallery__dialog div:last-child {
  right: 40px;
  left: initial;
}
.LandGallery button {
  position: fixed;
  right: 40px;
  top: 40px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  cursor: pointer;
  font-size: 23px;
}
.LandGallery button:hover {
  opacity: 0.7;
}
.LandGallery img {
  margin: auto;
  display: block;
  max-width: 100%;
  max-height: 95%;
}

.InformacionUser--block .Grid, .InformacionUser--block .FooterCategorias, .InformacionUser--block .FooterPanel, .InformacionUser--block .EstadisticaPanel {
  text-align: center;
}
.InformacionUser--block .col {
  width: 100%;
  margin: 0;
  padding: 0;
}
.InformacionUser--block .AvatarPro {
  width: 100%;
  margin-bottom: 1rem;
}
.InformacionUser--block .Btn, .InformacionUser--block .DetailProduct__share > a, .InformacionUser--block .HomeVentajasQR .Info__descripcion .DetailProduct__share > span, .HomeVentajasQR .Info__descripcion .InformacionUser--block .DetailProduct__share > span, .InformacionUser--block .HomePc .Info__descripcion .DetailProduct__share > span, .HomePc .Info__descripcion .InformacionUser--block .DetailProduct__share > span, .InformacionUser--block .DetailProduct__share > .backLink {
  display: flex;
  margin: 20px auto auto;
}
.InformacionUser--custom .Grid > .col:first-child, .InformacionUser--custom .FooterCategorias > .col:first-child, .InformacionUser--custom .FooterPanel > .col:first-child, .InformacionUser--custom .EstadisticaPanel > .col:first-child {
  padding: 0;
  margin: 0;
}
.InformacionUser--custom .AvatarPro {
  width: 150px;
}
.InformacionUser--custom .TituloGroup__titulo {
  font-size: 20px;
}
.InformacionUser > .Grid, .InformacionUser > .FooterCategorias, .InformacionUser > .FooterPanel, .InformacionUser > .EstadisticaPanel {
  justify-content: center;
  align-items: center;
  gap: 20px;
}
@media (max-width: 600px) {
  .InformacionUser > .Grid, .InformacionUser > .FooterCategorias, .InformacionUser > .FooterPanel, .InformacionUser > .EstadisticaPanel {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 17px;
    margin: auto;
  }
  .InformacionUser > .Grid .AvatarPro, .InformacionUser > .FooterCategorias .AvatarPro, .InformacionUser > .FooterPanel .AvatarPro, .InformacionUser > .EstadisticaPanel .AvatarPro {
    margin: auto;
  }
}

.H-Seleccion:hover {
  background-color: #ededed;
  cursor: pointer;
}
.H-Seleccion--active {
  background-color: #ededed;
}

.H-Opacity {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.H-Opacity:hover {
  cursor: pointer;
  opacity: 0.8;
}

.InputProGroup {
  display: flex;
  width: 300px;
}
.InputProGroup__input {
  width: 100%;
}
.InputProGroup__input > input {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  height: 100%;
  width: 100%;
}
.InputProGroup__button {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  height: 100%;
  border: 0;
  margin-left: -1px;
}

.YoutubeUploadVideo {
  position: absolute;
  right: 40px;
  bottom: 40px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1200px) {
  .YoutubeUploadVideo {
    bottom: 30px;
  }
}
@media screen and (max-width: 1112px) {
  .YoutubeUploadVideo {
    bottom: 20px;
  }
}
@media screen and (max-width: 980px) {
  .YoutubeUploadVideo {
    left: 0;
    right: 0;
    top: 0px;
    bottom: 0;
    margin: auto;
  }
}
@media screen and (max-width: 380px) {
  .YoutubeUploadVideo > .Box > .InputProGroup {
    width: auto;
  }
}

.Rating__checkbox {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.Rating__star {
  display: inline-block;
  padding: 3px;
  vertical-align: middle;
  line-height: 1;
  font-size: 1.5em;
  color: #ABABAB;
  transition: color 0.2s ease-out;
}
.Rating--medium .Rating__star {
  font-size: 3.5em;
}
.Rating__star:hover {
  cursor: pointer;
}
.Rating__star.is-selected {
  color: #FFD700;
}
.Rating__star.is-disabled:hover {
  cursor: default;
}

.FormValoracion {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -ms-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -o-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -sm-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  padding: 40px;
  background-color: #FFF;
  margin-bottom: 1rem;
}

.Valoracion {
  display: flex;
  background: white;
  padding: 40px;
  border-bottom: 1px dashed gainsboro;
}
.Valoracion__avatar {
  width: 200px;
}
.Valoracion__body {
  padding: 0 0 0 15px;
}
.Valoracion__mensaje {
  font-size: 11pt;
}

@media screen and (max-width: 714px) {
  .Valoraciones .Valoracion {
    flex-direction: column;
  }
}
@media screen and (max-width: 714px) {
  .Valoraciones .Valoracion__avatar {
    margin: auto;
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 714px) {
  .Valoraciones .Valoracion .TituloGroup {
    display: flex;
    margin: auto;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
    flex-wrap: wrap;
  }
}

.Dispositivo {
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.Dispositivo__video {
  width: 100%;
  max-height: 350px;
  aspect-ratio: 16/9;
  border-radius: 10px;
}
.Dispositivo img,
.Dispositivo video {
  width: 100%;
  border-radius: 10px;
  display: block;
  max-height: 500px;
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
}
.Dispositivo img {
  object-fit: cover;
}
.Dispositivo header {
  position: relative;
  cursor: pointer;
  height: 100%;
}
.Dispositivo header::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 10px;
}
.Dispositivo header i {
  font-size: 4rem;
  box-shadow: 0 2px 26px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.1);
  border-radius: 100px;
  width: 4rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  inset: 0;
  margin: auto;
  z-index: 1;
  color: white;
}
.Dispositivo section > div {
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
  inset: 0;
  position: absolute;
  z-index: 0;
  filter: blur(2px);
  background-position: center;
}
.Dispositivo section > div::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 10px;
}
.Dispositivo section video {
  position: relative;
  z-index: 1;
}
.Dispositivo__video-container {
  position: fixed;
  inset: 0;
  z-index: 999;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.Dispositivo__video-container button {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 9;
  background: black;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  color: white;
  font-size: 20px;
  box-shadow: 0 0 10px -1px white;
  cursor: pointer;
}
.Dispositivo__video-container button:hover {
  background: #333;
}
.Dispositivo__video-container video {
  max-height: 100%;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
}
.VideosPanelGrid {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 20px;
  max-width: 1400px;
  margin: 0 auto;
  margin-top: 40px;
  margin-bottom: 40px;
}
.VideosPanelGrid > div {
  display: flex;
  flex-direction: column;
}
@media (width <= 600px) {
  .VideosPanelGrid {
    grid-template-columns: repeat(2, 1fr);
    gap: 2px;
  }
}
.VideosPanelGrid--public {
  margin-top: 60px;
  padding-inline: 10px;
}
@media (width <= 600px) {
  .VideosPanelGrid--public {
    grid-template-columns: repeat(3, 1fr);
    gap: 2px;
    padding-top: 0;
    margin-top: 60px;
  }
  .VideosPanelGrid--public i {
    width: 3rem !important;
    height: 3rem !important;
    font-size: 3rem !important;
  }
}

.GridPromotionPanel {
  display: flex;
  justify-content: center;
  margin: auto;
  margin-top: 30px;
  max-width: 600px;
}
.GridPromotionPanel > * {
  width: 100%;
}

.TmpPro .Info--isLeft {
  flex-direction: column;
}
.TmpPro .Info--isLeft .Info__left {
  position: static;
  box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  -sm-box-shadow: none;
  justify-content: center;
  margin: auto;
  margin-top: -74px;
  margin-bottom: 34px;
}
@media (max-width: 790px) {
  .TmpPro .Info--isLeft .Info__left {
    margin: 0;
  }
}
@media (min-width: 700px) {
  .TmpPro .Info--isLeft .Info__left .InformacionUser .Grid .AvatarPro, .TmpPro .Info--isLeft .Info__left .InformacionUser .FooterCategorias .AvatarPro, .TmpPro .Info--isLeft .Info__left .InformacionUser .FooterPanel .AvatarPro, .TmpPro .Info--isLeft .Info__left .InformacionUser .EstadisticaPanel .AvatarPro {
    margin-right: 10px;
  }
}
@media (max-width: 700px) {
  .TmpPro .Info--isLeft .Info__left .InformacionUser .Grid, .TmpPro .Info--isLeft .Info__left .InformacionUser .FooterCategorias, .TmpPro .Info--isLeft .Info__left .InformacionUser .FooterPanel, .TmpPro .Info--isLeft .Info__left .InformacionUser .EstadisticaPanel {
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .TmpPro .Info--isLeft .Info__left .InformacionUser .Grid .AvatarPro, .TmpPro .Info--isLeft .Info__left .InformacionUser .FooterCategorias .AvatarPro, .TmpPro .Info--isLeft .Info__left .InformacionUser .FooterPanel .AvatarPro, .TmpPro .Info--isLeft .Info__left .InformacionUser .EstadisticaPanel .AvatarPro {
    margin-bottom: 20px;
  }
}
@media (max-width: 480px) {
  .TmpPro .Info--isLeft .Info__left .InformacionUser .col:nth-child(2) {
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    display: block;
    width: 100%;
    min-width: 1px;
  }
}
@media (max-width: 479px) {
  .TmpPro .Info--isLeft .Info__left .InformacionUser .TituloGroup {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    display: block;
    width: 100%;
    min-width: 1px;
  }
  .TmpPro .Info--isLeft .Info__left .InformacionUser .TituloGroup__titulo {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    display: block;
    width: 100%;
    min-width: 1px;
  }
}
@media (max-width: 480px) {
  .TmpPro .Info--isLeft .AvatarPro {
    width: 64%;
    margin-top: -121px;
  }
}
.TmpPro__menu {
  margin-left: 8px;
  margin-right: 8px;
}
@media screen and (max-width: 480px) {
  .TmpPro__menu {
    display: none;
  }
}
.TmpPro__menu-contain {
  position: relative;
}
.TmpPro__menu-contain .TmpPro__menu-collapse {
  top: calc(100% + 56px);
}
.TmpPro__menu-mobile {
  align-items: center;
  justify-content: space-between;
  max-width: 300px;
  margin: 20px auto auto;
  border: 1px solid #010032;
}
.TmpPro__menu-mobile > span {
  font-size: 20px;
  margin-right: 20px;
  padding-left: 20px;
}
.TmpPro__menu-mobile > button {
  margin: -2px;
  height: 100%;
  flex: 1;
}
@media screen and (min-width: 480px) {
  .TmpPro__menu-mobile {
    display: none !important;
  }
}
@media screen and (max-width: 480px) {
  .TmpPro__menu-mobile {
    display: inline-flex !important;
  }
}
.TmpPro__menu-mobile-container {
  display: flex;
  justify-content: center;
}
.TmpPro__menu-collapse {
  display: none;
}
@media screen and (min-width: 480px) {
  .TmpPro__menu-collapse {
    display: none;
  }
}
.TmpPro__menu-collapse--open {
  position: absolute;
  display: flex;
  top: 0;
  z-index: 9;
  left: 0;
  right: 0;
}
.TmpPro__menu-collapse--open > .Navegacion {
  flex-direction: column;
  width: 100%;
}
@media screen and (max-width: 480px) {
  .TmpPro__image {
    height: 300px;
  }
}
.TmpPro__image img {
  height: 600px;
  object-fit: cover;
  border-radius: 0;
}
@media screen and (max-width: 480px) {
  .TmpPro__image img {
    height: 300px;
  }
}
.TmpPro__video {
  max-height: 300px;
  aspect-ratio: 16/9;
}
@media (width < 768px) {
  .TmpPro__video img {
    border-radius: 0;
  }
}
.TmpPro__footer-menu-dropdown {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.TmpPro__footer-menu-dropdown a span, .TmpPro__footer-menu-dropdown .HomeVentajasQR .Info__descripcion span span, .HomeVentajasQR .Info__descripcion .TmpPro__footer-menu-dropdown span span, .TmpPro__footer-menu-dropdown .HomePc .Info__descripcion span span, .HomePc .Info__descripcion .TmpPro__footer-menu-dropdown span span, .TmpPro__footer-menu-dropdown .backLink span {
  display: none;
}
@media (max-width: 768px) {
  .TmpPro__footer-menu-dropdown {
    display: none;
  }
}
.TmpPro__footer-menu-dropdown--active {
  display: flex;
  position: absolute;
  bottom: 0;
  display: flex;
  flex-direction: column;
  background: white;
  width: 100%;
  right: 0;
  left: 0;
  bottom: 100%;
  margin-bottom: 5px;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  gap: 0px;
  border-radius: 10px;
  box-shadow: 0 0 10px -4px black;
  position: absolute;
  position: fixed;
  bottom: 67px;
  top: 0;
  bottom: 60px;
  overflow: auto;
}
.TmpPro__footer-menu-dropdown--active a, .TmpPro__footer-menu-dropdown--active .HomeVentajasQR .Info__descripcion span, .HomeVentajasQR .Info__descripcion .TmpPro__footer-menu-dropdown--active span, .TmpPro__footer-menu-dropdown--active .HomePc .Info__descripcion span, .HomePc .Info__descripcion .TmpPro__footer-menu-dropdown--active span, .TmpPro__footer-menu-dropdown--active .backLink {
  display: flex;
  align-items: center;
  justify-content: center;
  color: black;
  font-size: 20px;
  width: 100%;
  justify-content: flex-start;
  padding-left: 10px;
  padding-right: 10px;
  transition: all 0.3s ease-in-out;
  padding: 10px;
  font-size: 26px;
  overflow: auto;
}
.TmpPro__footer-menu-dropdown--active a span, .TmpPro__footer-menu-dropdown--active .HomeVentajasQR .Info__descripcion span span, .HomeVentajasQR .Info__descripcion .TmpPro__footer-menu-dropdown--active span span, .TmpPro__footer-menu-dropdown--active .HomePc .Info__descripcion span span, .HomePc .Info__descripcion .TmpPro__footer-menu-dropdown--active span span, .TmpPro__footer-menu-dropdown--active .backLink span {
  display: block;
}
.TmpPro__footer-menu-dropdown--active a:hover, .TmpPro__footer-menu-dropdown--active .HomeVentajasQR .Info__descripcion span:hover, .HomeVentajasQR .Info__descripcion .TmpPro__footer-menu-dropdown--active span:hover, .TmpPro__footer-menu-dropdown--active .HomePc .Info__descripcion span:hover, .HomePc .Info__descripcion .TmpPro__footer-menu-dropdown--active span:hover, .TmpPro__footer-menu-dropdown--active .backLink:hover {
  cursor: pointer;
  background-color: whitesmoke;
  color: black;
}
.TmpPro .Info__left {
  padding-bottom: 0;
}
.TmpPro__footer-menu {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: white;
  z-index: 2;
  padding: 10px;
  box-shadow: 0 0 10px -6px black;
}
@media (max-width: 768px) {
  .TmpPro__footer-menu {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
}
.TmpPro__footer-menu i {
  display: none;
}
@media (min-width: 769px) {
  .TmpPro__footer-menu > img {
    display: none;
  }
}
.TmpPro__footer-menu--dock {
  max-width: 600px;
  margin: auto auto 10px;
  border-radius: 10px;
  box-shadow: 0 0 10px -4px black;
}
.TmpPro__footer-menu--dock i {
  text-align: center;
  margin: auto;
  display: flex;
  justify-content: center;
  margin-bottom: 5px;
  font-size: 20px;
  display: none;
}
@media (max-width: 768px) {
  .TmpPro__footer-menu--dock i {
    display: flex;
    margin-right: auto;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    margin-bottom: auto;
  }
}
@media (max-width: 500px) {
  .TmpPro__footer-menu--dock {
    bottom: 0;
    margin: 0;
    width: 100%;
    max-width: 100%;
    border-radius: 0;
  }
}
.TmpPro__footer-menu img {
  width: 60px;
  height: 60px;
  padding: 5px;
}
@media (max-width: 600px) {
  .TmpPro__footer-menu img {
    width: 45px;
    height: 45px;
  }
}
.TmpPro__footer-menu img:hover {
  cursor: pointer;
}
.TmpPro .TmpPro__products {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr)) !important;
  gap: 10px;
}
.TmpPro .TmpPro__products .Product a, .TmpPro .TmpPro__products .Product .HomeVentajasQR .Info__descripcion span, .HomeVentajasQR .Info__descripcion .TmpPro .TmpPro__products .Product span, .TmpPro .TmpPro__products .Product .HomePc .Info__descripcion span, .HomePc .Info__descripcion .TmpPro .TmpPro__products .Product span, .TmpPro .TmpPro__products .Product .backLink {
  grid-template-columns: 180px 1fr;
}
@media (width > 1409px) {
  .TmpPro .TmpPro__products .Product:nth-child(4) {
    display: none;
  }
}
@media (width < 600px) {
  .TmpPro .TmpPro__products {
    grid-template-columns: 1fr !important;
  }
}
@media (width <= 600px) {
  .TmpPro .TmpPro__products .Product {
    border-radius: 10px !important;
  }
  .TmpPro .TmpPro__products .Product a, .TmpPro .TmpPro__products .Product .HomeVentajasQR .Info__descripcion span, .HomeVentajasQR .Info__descripcion .TmpPro .TmpPro__products .Product span, .TmpPro .TmpPro__products .Product .HomePc .Info__descripcion span, .HomePc .Info__descripcion .TmpPro .TmpPro__products .Product span, .TmpPro .TmpPro__products .Product .backLink {
    flex-direction: column;
    display: flex;
    gap: 0;
  }
}
@media (width <= 600px) {
  .TmpPro .TmpPro__products .Product__body {
    padding: 1rem !important;
  }
}
.TmpPro__section {
  display: flex;
  flex-direction: row;
  gap: 40px;
}
@media screen and (max-width: 770px) {
  .TmpPro__content {
    flex-direction: column-reverse;
  }
}
@media (max-width: 600px) {
  .TmpPro--hideInfo .TmpPro__info {
    display: none;
  }
}
@media (max-width: 600px) {
  .TmpPro--dock {
    padding-bottom: 60px;
  }
}
.TmpPro--dock ~ .FooterContainerProf .FooterFooter {
  height: 200px;
}
.TmpPro--paddingSocial .CompartirRedesSociales {
  padding-bottom: 50px !important;
}

.ProValoraciones__form {
  max-width: 700px;
  margin: auto;
  margin-top: 50px;
  margin-bottom: 50px;
}
@media (width < 768px) {
  .ProValoraciones__form {
    margin: 0;
    max-width: 100%;
  }
}

.DropdownPageSection {
  display: flex;
  flex-direction: column;
}
.DropdownPageSection header {
  align-items: center;
  display: flex;
  border-bottom: 1px solid gainsboro;
  padding: 20px;
  background: white;
}
.DropdownPageSection + .DropdownPageSection {
  margin-top: 10px;
}
.DropdownPageSection i {
  border-radius: 50%;
  background-color: rgb(0, 0, 0);
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 21px;
  flex: 0 0 30px;
}
.DropdownPageSection h4 {
  color: #616161;
  caret-color: #616161;
  font-size: 24px;
}
@media (max-width: 600px) {
  .DropdownPageSection h4 {
    font-size: 17px;
  }
}
.DropdownPageSection header {
  text-align: center;
  justify-content: center;
  flex-direction: row-reverse;
  gap: 20px;
}
@media (max-width: 600px) {
  .DropdownPageSection header {
    justify-content: space-between;
    text-align: left;
  }
}
.DropdownPageSection header:hover {
  background-color: #cbeaff;
  cursor: pointer;
}
.DropdownPageSection header:hover h4, .DropdownPageSection header:hover {
  color: black;
}
.DropdownPageSection__header--active {
  background-color: #cbeaff !important;
}
.DropdownPageSection__header--active h4, .DropdownPageSection__header--active {
  color: black !important;
}

.proCatalogoProductosSection {
  margin-top: 10px;
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, 1fr);
  transition: all 0.3s ease-in-out;
}
@media (max-width: 1266px) {
  .proCatalogoProductosSection {
    grid-template-columns: 1fr;
  }
}
.proCatalogoProductosSection h3 {
  margin-bottom: 20px;
  margin-top: 20px;
  font-size: 30px;
}

.ProProductoCatalogo {
  border-bottom: 1px solid gainsboro;
  background-color: #fff;
  transition: all 0.3s ease-in-out;
  padding: 20px;
}
.ProProductoCatalogo__content {
  display: flex;
  gap: 15px;
}
.ProProductoCatalogo__content > div:nth-child(2) {
  flex: 1;
}
.ProProductoCatalogo .list-alergenos-items {
  justify-content: flex-start;
  margin-top: 10px;
}
.ProProductoCatalogo .list-alergenos-items img {
  height: 20px;
  width: 20px;
}
.ProProductoCatalogo img {
  max-width: 80px;
  border-radius: 5px;
  width: 44px;
  height: 44px;
  object-fit: cover;
}
.ProProductoCatalogo h3 {
  margin: 0;
  font-size: 16px;
}
.ProProductoCatalogo p {
  margin-top: 5px;
}
.ProProductoCatalogo section {
  font-weight: bold;
  margin-top: 10px;
  font-size: 20px;
}
.ProProductoCatalogo:hover {
  background-color: #cbeaff;
  opacity: 0.8;
  cursor: pointer;
}

.catalogoNewSection {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.catalogoNewSection input,
.catalogoNewSection select {
  margin-bottom: 10px;
}
@media (max-width: 500px) {
  .catalogoNewSection > div {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .catalogoNewSection > div > div {
    width: 100% !important;
  }
}

.Lang {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  background: white;
  padding: 10px;
  border-radius: 42px;
  box-shadow: 5px 5px 10px -10px black;
}
.Lang__image, .Lang__image--active {
  width: 50px;
  height: 50px;
  display: block;
  opacity: 0.3;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 400px) {
  .Lang__image, .Lang__image--active {
    width: 40px;
    height: 40px;
  }
}
.Lang__image:hover, .Lang__image--active:hover {
  cursor: pointer;
  opacity: 1;
}
.Lang__image--active {
  opacity: 1;
}
.Lang img + img {
  margin-left: 10px;
}

.Promociones {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
@media (min-width: 500px) {
  .Promociones {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 800px) {
  .Promociones {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 1024px) {
  .Promociones {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 500px) {
  .Promociones {
    grid-template-columns: 1fr;
  }
}

.FooterContainerProf a, .FooterContainerProf .HomeVentajasQR .Info__descripcion span, .HomeVentajasQR .Info__descripcion .FooterContainerProf span, .FooterContainerProf .HomePc .Info__descripcion span, .HomePc .Info__descripcion .FooterContainerProf span, .FooterContainerProf .backLink {
  color: white;
}
.FooterContainerProf a:hover, .FooterContainerProf .HomeVentajasQR .Info__descripcion span:hover, .HomeVentajasQR .Info__descripcion .FooterContainerProf span:hover, .FooterContainerProf .HomePc .Info__descripcion span:hover, .HomePc .Info__descripcion .FooterContainerProf span:hover, .FooterContainerProf .backLink:hover {
  color: #0b97c4;
}
.FooterContainerProf__logo {
  max-width: 400px;
  width: 100%;
}
.FooterContainerProf__itemQR {
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.FooterContainerProf__qr {
  width: 150px;
  height: 150px;
}
.FooterContainerProf__qr + div {
  color: white;
  font-style: italic;
  margin-top: 10px;
}
.FooterContainerProf__social {
  display: flex;
  align-items: center;
  gap: 10px;
}
.FooterContainerProf--qr {
  position: relative;
  margin-top: 200px;
}
@media (max-width: 724px) {
  .FooterContainerProf--qr {
    margin-top: 0;
  }
}
.FooterContainerProf--qr .FooterQr {
  z-index: 1;
  position: absolute;
  top: -140px;
  left: 0;
  right: 0;
}
@media (max-width: 724px) {
  .FooterContainerProf--qr .FooterQr {
    display: none;
  }
}
.FooterContainerProf--qr .Footer {
  padding-top: 200px;
}
@media (max-width: 724px) {
  .FooterContainerProf--qr .Footer {
    padding-top: 20px;
  }
}

.IconFile {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  color: white;
}
.IconFile img {
  width: 30px;
  height: 30px;
}

.GroupToolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
@media (max-width: 600px) {
  .GroupToolbar {
    flex-direction: column;
  }
}

.GridLayout {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
  gap: 20px;
}

.Product {
  background-color: #fff;
  border: 2px solid antiquewhite;
  box-shadow: 5px 5px 10px -10px black;
  transition: all 0.3s ease-in-out;
  text-align: center;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 20px;
}
.Product a, .Product .HomeVentajasQR .Info__descripcion span, .HomeVentajasQR .Info__descripcion .Product span, .Product .HomePc .Info__descripcion span, .HomePc .Info__descripcion .Product span, .Product .backLink, .Product {
  color: black;
  height: 100%;
  flex: 1;
}
.Product img {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  height: 250px;
  width: 100%;
  object-fit: cover;
  display: block;
}
.Product__body {
  padding: 20px;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.Product__body h3 {
  font-size: 1.4em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  /* number of lines to show */
  line-clamp: 1;
  -webkit-box-orient: vertical;
}
.Product__body p {
  font-size: 1.2em;
  margin-top: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /* number of lines to show */
  line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-bottom: 20px;
}
.Product__body i {
  display: block;
  margin-top: 10px;
  font-size: 14px;
}
.Product__body .Price {
  color: black;
  margin-top: auto;
}
.Product__body::after {
  content: "";
  background-color: whitesmoke;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  clip-path: polygon(100% 50%, 100% 100%, 0 100%);
}
.Product__children {
  margin-top: 10px;
  margin-bottom: 20px;
}
.Product:hover {
  cursor: pointer;
  opacity: 0.7;
}

.Products {
  padding: 40px;
  background: gainsboro;
}
@media (max-width: 700px) {
  .Products {
    padding: 20px;
  }
}
.Products__categories {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media (max-width: 700px) {
  .Products__categories {
    flex-direction: column;
  }
}
.Products__grid--horizontal {
  grid-template-columns: 1fr !important;
}
.Products__grid--horizontal .Product {
  overflow: hidden;
}
.Products__grid--horizontal .Product a, .Products__grid--horizontal .Product .HomeVentajasQR .Info__descripcion span, .HomeVentajasQR .Info__descripcion .Products__grid--horizontal .Product span, .Products__grid--horizontal .Product .HomePc .Info__descripcion span, .HomePc .Info__descripcion .Products__grid--horizontal .Product span, .Products__grid--horizontal .Product .backLink {
  display: grid;
  grid-template-columns: 400px 1fr;
  gap: 20px;
  overflow: hidden;
}
@media (max-width: 900px) {
  .Products__grid--horizontal .Product a, .Products__grid--horizontal .Product .HomeVentajasQR .Info__descripcion span, .HomeVentajasQR .Info__descripcion .Products__grid--horizontal .Product span, .Products__grid--horizontal .Product .HomePc .Info__descripcion span, .HomePc .Info__descripcion .Products__grid--horizontal .Product span, .Products__grid--horizontal .Product .backLink {
    grid-template-columns: 1fr;
  }
  .Products__grid--horizontal .Product a .Product__body, .Products__grid--horizontal .Product .HomeVentajasQR .Info__descripcion span .Product__body, .HomeVentajasQR .Info__descripcion .Products__grid--horizontal .Product span .Product__body, .Products__grid--horizontal .Product .HomePc .Info__descripcion span .Product__body, .HomePc .Info__descripcion .Products__grid--horizontal .Product span .Product__body, .Products__grid--horizontal .Product .backLink .Product__body {
    width: 100%;
    max-width: 100%;
    padding: 10px;
  }
}
.Products__grid--horizontal .Product a > img, .Products__grid--horizontal .Product .HomeVentajasQR .Info__descripcion span > img, .HomeVentajasQR .Info__descripcion .Products__grid--horizontal .Product span > img, .Products__grid--horizontal .Product .HomePc .Info__descripcion span > img, .HomePc .Info__descripcion .Products__grid--horizontal .Product span > img, .Products__grid--horizontal .Product .backLink > img {
  border-radius: 0;
  grid-row: span 2;
  height: 100%;
  object-fit: cover;
  max-height: 300px;
}
.Products__grid--horizontal .Product__body {
  align-items: flex-start;
  text-align: left;
  padding: 0;
  padding-top: 20px;
  max-width: 70%;
}
.Products__grid--horizontal .Product .Price {
  margin: 0;
}
.Products__grid--horizontal .Product__children {
  display: flex;
  margin: 0;
  padding-bottom: 20px;
  margin-left: 10px;
  margin-right: 10px;
}
.Products__actions {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .Products__actions .GroupToolbar {
    justify-content: center;
    text-align: center;
    width: 100%;
    flex-direction: row;
  }
}
@media (max-width: 768px) {
  .Products__actions .MultiRangeSlider {
    width: 100%;
  }
  .Products__actions .MultiRangeSlider .Input {
    width: 100%;
  }
}
.Products > aside form {
  background-color: #fff;
  padding: 20px;
  border-radius: 20px;
  box-shadow: 5px 5px 10px -10px black;
  border: 2px solid antiquewhite;
  gap: 10px;
  flex-direction: column;
  display: flex;
}
.Products > aside form > div:first-child {
  display: flex;
  gap: 20px;
  align-items: flex-end;
  justify-content: space-between;
}
.Products > aside form > div:first-child .Input {
  width: 100%;
}
.Products > aside form > div:last-child {
  display: none;
  gap: 10px;
  flex-direction: column;
}
.Products > section {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 10px;
  margin-top: 40px;
}
.Products__filters {
  transition: all 0.3s linear;
}
.Products__filters--open {
  display: flex !important;
}

.FormProduct {
  margin: 80px auto;
}
.FormProduct > .Centrar .Btn, .FormProduct > .Centrar .DetailProduct__share > a, .FormProduct > .Centrar .HomeVentajasQR .Info__descripcion .DetailProduct__share > span, .HomeVentajasQR .Info__descripcion .FormProduct > .Centrar .DetailProduct__share > span, .FormProduct > .Centrar .HomePc .Info__descripcion .DetailProduct__share > span, .HomePc .Info__descripcion .FormProduct > .Centrar .DetailProduct__share > span, .FormProduct > .Centrar .DetailProduct__share > .backLink {
  margin-top: 40px;
}
.FormProduct__container {
  align-items: flex-start;
  margin: auto;
  display: grid;
  grid-template-columns: auto 400px;
  justify-content: center;
  gap: 40px;
}
@media (max-width: 945px) {
  .FormProduct__container {
    grid-template-columns: 1fr;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
@media (max-width: 600px) {
  .FormProduct .PhotoMosa {
    justify-content: center;
    zoom: 0.8;
  }
  .FormProduct .PhotoMosa .UploadFile {
    margin: 0 !important;
  }
}
@media (max-width: 500px) {
  .FormProduct .PhotoMosa {
    zoom: 0.6;
  }
}
@media (max-width: 500px) {
  .FormProduct .DataExtra {
    padding: 10px;
  }
}
@media (max-width: 500px) {
  .FormProduct .ExtraLine {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .FormProduct .ExtraLine .Input {
    width: 100%;
  }
}
.FormProduct__form {
  width: 100%;
}
.FormProduct__content {
  padding: 20px;
  max-width: 400px;
  width: 100%;
  flex: 1;
  margin-bottom: 0;
}
@media (max-width: 945px) {
  .FormProduct__content {
    margin: auto;
  }
}
.FormProduct__content label {
  color: black;
  margin-bottom: 7px;
  display: block;
}

.PhotoMosa {
  display: grid;
  grid-template-columns: repeat(4, 140px);
  grid-template-rows: repeat(3, 140px);
  grid-auto-rows: 140px;
  gap: 5px;
}
.PhotoMosa img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.PhotoMosa__item {
  display: flex;
  flex-direction: column;
  gap: 10px;
  opacity: 0.2;
}
.PhotoMosa__item--active {
  opacity: 1;
}
.PhotoMosa__item i {
  font-size: 20px;
}
.PhotoMosa .UploadFile[disabled] {
  opacity: 1;
  color: black;
}
.PhotoMosa .Btn, .PhotoMosa .DetailProduct__share > a, .PhotoMosa .HomeVentajasQR .Info__descripcion .DetailProduct__share > span, .HomeVentajasQR .Info__descripcion .PhotoMosa .DetailProduct__share > span, .PhotoMosa .HomePc .Info__descripcion .DetailProduct__share > span, .HomePc .Info__descripcion .PhotoMosa .DetailProduct__share > span, .PhotoMosa .DetailProduct__share > .backLink {
  transition: all 0.3s ease-in-out;
}
.PhotoMosa .Btn:first-child, .PhotoMosa .DetailProduct__share > a:first-child, .PhotoMosa .HomeVentajasQR .Info__descripcion .DetailProduct__share > span:first-child, .HomeVentajasQR .Info__descripcion .PhotoMosa .DetailProduct__share > span:first-child, .PhotoMosa .HomePc .Info__descripcion .DetailProduct__share > span:first-child, .HomePc .Info__descripcion .PhotoMosa .DetailProduct__share > span:first-child, .PhotoMosa .DetailProduct__share > .backLink:first-child {
  grid-column: span 2;
  grid-row: span 2;
}
.PhotoMosa .Btn:hover, .PhotoMosa .DetailProduct__share > a:hover, .PhotoMosa .HomeVentajasQR .Info__descripcion .DetailProduct__share > span:hover, .HomeVentajasQR .Info__descripcion .PhotoMosa .DetailProduct__share > span:hover, .PhotoMosa .HomePc .Info__descripcion .DetailProduct__share > span:hover, .HomePc .Info__descripcion .PhotoMosa .DetailProduct__share > span:hover, .PhotoMosa .DetailProduct__share > .backLink:hover {
  cursor: pointer;
  background-color: #ebf4f4;
  color: black;
}

.PhotoGallery aside {
  display: grid;
  flex-direction: row;
  gap: 10px;
  margin-top: 20px;
  grid-template-columns: repeat(8, 1fr);
}
.PhotoGallery aside img {
  border: 1px solid whitesmoke;
  border-radius: 5px;
  padding: 5px;
  opacity: 0.6;
  animation: fadeIn 0.2s ease-in;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
}
.PhotoGallery__thumb {
  transition: all 0.3s ease-in-out;
}
.PhotoGallery__thumb:hover {
  cursor: pointer;
  opacity: 1;
}
.PhotoGallery__thumb--active {
  opacity: 1 !important;
}
.PhotoGallery section {
  background-color: #fff;
  height: 400px;
}
@media (max-width: 600px) {
  .PhotoGallery section {
    height: auto;
  }
}
.PhotoGallery section img {
  width: 100%;
  height: 100%;
  max-width: 600px;
  max-height: 438px;
  margin: auto;
  object-fit: contain;
  animation: fadeIn 0.2s ease-in;
  cursor: pointer;
}

.backLink {
  cursor: pointer;
  background-color: #fff;
  border-radius: 40px;
  padding: 5px 20px;
  display: inline-flex;
  gap: 5px;
  align-items: center;
  margin-bottom: 20px;
  transition: all 0.3s ease-in-out;
  color: black;
}
.backLink:hover {
  opacity: 0.8;
}

.categoriesName {
  display: flex;
  margin-bottom: 40px;
}

.UserDetail {
  grid-column: span 2;
  background: white;
}
.UserDetail .InformacionUser {
  padding: 20px;
  border-radius: 20px;
  justify-content: center;
  display: flex;
}
.UserDetail__extras {
  background-color: #fff;
  padding: 20px;
  font-size: 16px;
  border-radius: 10px;
  margin-bottom: 20px;
}
.UserDetail__extras > div {
  margin-top: 10px;
}
.UserDetail__extras h3 {
  font-size: 18px;
  margin-bottom: 10px;
}
.UserDetail__extras b {
  margin-right: 10px;
}

.Stars button {
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
}
.Stars .on {
  color: #000;
}
.Stars .off {
  color: #ccc;
}

.DetailProduct__content {
  padding: 20px;
  border-radius: 20px;
  margin-top: 80px;
}
@media (max-width: 875px) {
  .DetailProduct__content {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
}
.DetailProduct h2 {
  font-size: 27px;
  margin-bottom: 5px;
}
.DetailProduct__extras {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  row-gap: 5px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.DetailProduct__description {
  font-size: 16px;
}
.DetailProduct__description p {
  margin-top: 5px;
}
.DetailProduct .CompartirRedesSociales {
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  width: auto;
}
.DetailProduct__share {
  display: inline-flex;
  align-items: center;
  gap: 25px;
  flex-wrap: wrap;
}
.DetailProduct__stars {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
  margin-top: 5px;
}
.DetailProduct .Price {
  color: black;
  font-size: 40px;
  margin-left: 0;
  margin-right: 0;
  text-align: left;
}
.DetailProduct .star {
  font-size: 20px;
}

.GripDetailProduct {
  display: grid;
  grid-template-columns: 600px 1fr;
  justify-content: center;
  gap: 40px;
  padding: 60px;
  background-color: gainsboro;
}
@media screen and (max-width: 1090px) {
  .GripDetailProduct {
    grid-template-columns: 500px 1fr;
  }
}
@media screen and (max-width: 981px) {
  .GripDetailProduct {
    grid-template-columns: 400px 1fr;
  }
}
@media screen and (max-width: 875px) {
  .GripDetailProduct {
    grid-template-columns: initial;
    width: 100%;
    gap: 0;
    row-gap: 20px;
  }
  .GripDetailProduct > div:first-child {
    grid-column: span 2;
  }
  .GripDetailProduct .DetailProduct {
    grid-column: span 2;
    text-align: center;
    justify-content: center;
    margin: auto;
    align-items: center;
    display: flex;
  }
}
.GripDetailProduct .InformacionUser .Grid, .GripDetailProduct .InformacionUser .FooterCategorias, .GripDetailProduct .InformacionUser .FooterPanel, .GripDetailProduct .InformacionUser .EstadisticaPanel {
  row-gap: 10px;
  justify-content: center;
  align-items: center;
}

.ExtraLine {
  display: flex;
  align-items: center;
  gap: 10px;
}

.DataExtra {
  margin: auto;
  max-width: 1017px;
  margin-top: 40px;
}
.DataExtra__content {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.DataExtra h3 {
  margin-bottom: 5px;
}

.MultiRangeSlider {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  width: 500px;
}
.MultiRangeSlider .slidecontainer {
  width: 100%;
}
.MultiRangeSlider__slider {
  -webkit-appearance: none;
  width: 100%;
  height: 5px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: 0.2s;
  transition: opacity 0.2s;
}
.MultiRangeSlider__slider:hover {
  opacity: 1;
}
.MultiRangeSlider__slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #04AA6D;
  cursor: pointer;
}
.MultiRangeSlider__slider::-moz-range-thumb {
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #04AA6D;
  cursor: pointer;
}

.Chart {
  padding: 40px;
  background-color: #fff;
  margin-top: 20px;
}
.Chart h2 {
  margin-bottom: 20px;
}

.ModalUpload .ModalDialog {
  max-width: 550px;
}
.ModalUpload h1 {
  color: #008bd2;
  font-weight: bold;
  margin-bottom: 20px;
}
.ModalUpload h2 {
  padding: 40px;
  text-align: center;
  padding-bottom: 0 !important;
}
.ModalUpload p {
  font-size: 19px;
  margin-top: 20px;
}
.ModalUpload button {
  margin: auto;
  text-align: center;
  display: flex;
  padding-left: 80px;
  padding-right: 80px;
  margin-top: 40px;
}
.ModalUpload .Price {
  color: black;
}
.ModalUpload--highlight h1 {
  color: #af9778;
}
.ModalUpload--highlight button {
  color: white;
  background-color: #af9778;
}

.MediosGrid {
  display: flex;
  justify-content: center;
  gap: 10px;
  align-items: center;
  text-align: center;
  flex-wrap: wrap;
}
.MediosGrid > a, .HomeVentajasQR .Info__descripcion .MediosGrid > span, .HomePc .Info__descripcion .MediosGrid > span, .MediosGrid > .backLink {
  flex: 0 1 190px;
}
@media (max-width: 1000px) {
  .MediosGrid {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (max-width: 700px) {
  .MediosGrid {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (max-width: 500px) {
  .MediosGrid {
    grid-template-columns: repeat(3, 1fr);
  }
}
.MediosGrid img {
  width: 100%;
}

.UploadProfile {
  display: inline-flex;
}
.UploadProfile img {
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.catalogoProductModal {
  overflow: auto;
}
.catalogoProductModal .ModalDialog {
  max-width: 500px;
  border-radius: 0;
  overflow: initial;
  max-height: initial;
}
.catalogoProductModal img {
  width: 100%;
  display: block;
  max-height: 400px;
  object-fit: cover;
}
.catalogoProductModal .ModalBody {
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  align-items: center;
  color: black;
  padding: 20px 20px 0;
  text-align: center;
}
.catalogoProductModal .list-alergenos-items {
  margin-top: 10px;
}
.catalogoProductModal .Price {
  color: black;
  margin-top: 0;
}

.ModalContactUser {
  max-width: 500px;
}
.ModalContactUser .ModalBody {
  padding: 40px;
}

.grid-panel-pro {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1210px) {
  .grid-panel-pro {
    grid-template-columns: 1fr;
  }
}
.grid-panel-pro .Promocion__image {
  max-height: 300px;
}
.grid-panel-pro .Products__grid--horizontal .Product a, .grid-panel-pro .Products__grid--horizontal .Product .HomeVentajasQR .Info__descripcion span, .HomeVentajasQR .Info__descripcion .grid-panel-pro .Products__grid--horizontal .Product span, .grid-panel-pro .Products__grid--horizontal .Product .HomePc .Info__descripcion span, .HomePc .Info__descripcion .grid-panel-pro .Products__grid--horizontal .Product span, .grid-panel-pro .Products__grid--horizontal .Product .backLink {
  grid-template-columns: 150px 1fr;
  gap: initial;
  column-gap: 10px;
}
.grid-panel-pro .Products__grid--horizontal p {
  margin-bottom: 10px;
}
.grid-panel-pro .Products__grid--horizontal .Product__body {
  padding: 10px 10px 10px 0;
}
.grid-panel-pro > div {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.ServiceFormContainer {
  display: flex;
  align-items: center;
  gap: 20px;
}
.ServiceFormContainer > div:first-child {
  width: 100%;
  flex: 1;
}
.ServiceFormContainer > div:last-child {
  display: flex;
  gap: 10px;
}

.ServicesContainer {
  display: flex;
  gap: 10px;
  flex-direction: column;
}
.ServicesContainer__add {
  width: 100%;
  max-width: 300px;
  display: flex;
  gap: 10px;
  flex-direction: column;
  margin-top: 20px;
}
.ServicesContainer__image {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.ServicesContainer__bottom {
  display: flex;
  gap: 40px;
  margin-top: 20px;
  text-align: center;
}
@media (width < 1000px) {
  .ServicesContainer__bottom {
    flex-direction: column;
  }
}
.ServicesContainer__description {
  margin-top: 20px;
  font-size: 18px;
}

.Products-mini .Product__body {
  font-size: 0.7em;
  max-width: 100%;
}
.Products-mini .Product__body .Price {
  font-size: 21px;
}
.Products-mini .Product a > img, .Products-mini .Product .HomeVentajasQR .Info__descripcion span > img, .HomeVentajasQR .Info__descripcion .Products-mini .Product span > img, .Products-mini .Product .HomePc .Info__descripcion span > img, .HomePc .Info__descripcion .Products-mini .Product span > img, .Products-mini .Product .backLink > img {
  max-height: initial;
}

.Services-list {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 18px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  column-gap: 20px;
  row-gap: 5px;
}
.Services-list--no-image {
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.VideosGrid {
  display: grid;
  grid-template-columns: var(--videosGrid__columns, repeat(2, 1fr));
  gap: 10px;
}
@media (max-width: 1221px) {
  .VideosGrid {
    --videosGrid__columns: 1fr;
  }
}

.Template--paddingBottom {
  padding-bottom: 58px;
}

.list-alergenos {
  display: flex;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-wrap: wrap;
  padding: 40px;
}
.list-alergenos img {
  height: 60px;
  opacity: 0.3;
  transition: all 0.3s ease-in-out;
}
.list-alergenos img:hover {
  opacity: 1;
  cursor: pointer;
}
.list-alergenos__item--active {
  opacity: 1 !important;
}

.list-alergenos-items {
  display: flex;
  margin-top: 20px;
  flex-wrap: wrap;
  gap: 5px;
  justify-content: center;
}
.list-alergenos-items img {
  height: 30px;
  width: 30px;
  margin: 0;
}

.BuscadorImage {
  max-width: 960px;
  margin: auto auto 20px;
}

.PreviewVideo video {
  width: 100%;
  object-fit: cover;
  max-height: 200px;
}
.PreviewVideo__preview {
  position: relative;
}
.PreviewVideo__preview i {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  font-size: 66px;
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: none;
  pointer-events: none;
  color: white;
  opacity: 1;
}
.PreviewVideo .Modal video {
  max-height: 90%;
  width: 100%;
  position: absolute;
  text-align: 0;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  width: 100%;
  max-width: 1000px;
}
.PreviewVideo:hover {
  cursor: pointer;
}

.PreviewVideoGrid {
  position: relative;
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: center;
}
.PreviewVideoGrid__grid {
  display: flex;
  gap: 20px;
}
.PreviewVideoGrid__left, .PreviewVideoGrid__right {
  font-size: 30px;
  cursor: pointer;
}
.PreviewVideoGrid__left--disabled, .PreviewVideoGrid__right--disabled {
  opacity: 0.5;
}

.GroupPanel {
  display: flex;
  flex-direction: row;
  gap: 10px;
}
.GroupPanel .UploadProfile {
  margin: 0 !important;
}

.GridIconMenu {
  display: inline-grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  align-items: center;
  justify-content: center;
  margin: auto;
  width: 100%;
}
.GridIconMenu div {
  display: flex;
  flex-direction: column;
  gap: 5px;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.GridIconMenu a, .GridIconMenu .HomeVentajasQR .Info__descripcion span, .HomeVentajasQR .Info__descripcion .GridIconMenu span, .GridIconMenu .HomePc .Info__descripcion span, .HomePc .Info__descripcion .GridIconMenu span, .GridIconMenu .backLink {
  color: black;
  transition: all 0.3s ease-in-out;
}
.GridIconMenu a:hover, .GridIconMenu .HomeVentajasQR .Info__descripcion span:hover, .HomeVentajasQR .Info__descripcion .GridIconMenu span:hover, .GridIconMenu .HomePc .Info__descripcion span:hover, .HomePc .Info__descripcion .GridIconMenu span:hover, .GridIconMenu .backLink:hover {
  opacity: 0.7;
  cursor: pointer;
}
.GridIconMenu span {
  font-size: 20px;
}
.GridIconMenu img {
  width: 90px;
  height: 90px;
}

.CarouselTitle {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: auto;
  z-index: 1;
}
.CarouselTitle a, .CarouselTitle .HomeVentajasQR .Info__descripcion span, .HomeVentajasQR .Info__descripcion .CarouselTitle span, .CarouselTitle .HomePc .Info__descripcion span, .HomePc .Info__descripcion .CarouselTitle span, .CarouselTitle .backLink {
  font-family: inter, sans-serif;
  font-weight: 500;
  font-size: 1.15rem;
  line-height: 1.5;
  padding: 60px;
  border-radius: 40px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  background-color: #1877f2;
  border-color: #1877f2;
  padding: 0.5rem 1.375rem;
  line-height: 1.5;
  box-shadow: 0 10px 16px 0 rgba(77, 91, 237, 0.2);
  color: white;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 14px;
  padding-bottom: 14px;
}
.CarouselTitle a + a, .CarouselTitle .HomeVentajasQR .Info__descripcion span + a, .HomeVentajasQR .Info__descripcion .CarouselTitle span + a, .CarouselTitle .HomeVentajasQR .Info__descripcion a + span, .HomeVentajasQR .Info__descripcion .CarouselTitle a + span, .CarouselTitle .HomeVentajasQR .Info__descripcion span + span, .HomeVentajasQR .Info__descripcion .CarouselTitle span + span, .CarouselTitle .HomePc .Info__descripcion span + a, .HomePc .Info__descripcion .CarouselTitle span + a, .CarouselTitle .HomePc .Info__descripcion a + span, .HomePc .Info__descripcion .CarouselTitle a + span, .CarouselTitle .HomePc .Info__descripcion span + span, .HomePc .Info__descripcion .CarouselTitle span + span, .CarouselTitle .backLink + a, .CarouselTitle .HomeVentajasQR .Info__descripcion .backLink + span, .HomeVentajasQR .Info__descripcion .CarouselTitle .backLink + span, .CarouselTitle .HomePc .Info__descripcion .backLink + span, .HomePc .Info__descripcion .CarouselTitle .backLink + span, .CarouselTitle a + .backLink, .CarouselTitle .HomeVentajasQR .Info__descripcion span + .backLink, .HomeVentajasQR .Info__descripcion .CarouselTitle span + .backLink, .CarouselTitle .HomePc .Info__descripcion span + .backLink, .HomePc .Info__descripcion .CarouselTitle span + .backLink, .CarouselTitle .backLink + .backLink {
  background-color: #33373a;
  margin-left: 20px;
}
.CarouselTitle + img {
  opacity: 0.4;
}
.CarouselTitle div {
  text-align: left;
}
@media (max-width: 630px) {
  .CarouselTitle div {
    display: flex;
    flex-wrap: wrap;
    row-gap: 20px;
    place-items: center;
    justify-content: center;
    align-items: center;
  }
}
.CarouselTitle__action {
  float: left;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-flow: column;
  justify-content: flex-end;
  padding-bottom: 0;
  padding: 20px;
  text-align: left;
}
.CarouselTitle__action span {
  color: #7676e0;
}
.CarouselTitle__action h1 {
  color: #fff;
  font-size: 3.8em;
  font-weight: 700;
  line-height: 1.1em;
  padding-bottom: 30px;
  text-align: left;
}
@media (max-width: 768px) {
  .CarouselTitle__action h1 {
    font-size: 2.5em;
  }
}
.CarouselTitle__action h2 {
  font-weight: 400;
  line-height: 1.5em;
  font-size: 1.2em;
  margin-bottom: 2em;
  color: #fff;
  text-align: left;
}
@media (max-width: 1125px) {
  .CarouselTitle__action h2 {
    text-align: center;
  }
}
@media (max-width: 600px) {
  .CarouselTitle__action h2 {
    font-size: 1em;
  }
}
.CarouselTitle__action h1, .CarouselTitle__action p {
  text-shadow: 0 1px 0 #484848;
  text-align: left;
}
@media (max-width: 1125px) {
  .CarouselTitle__action h1, .CarouselTitle__action p {
    text-align: center;
  }
}
@media (max-width: 1125px) {
  .CarouselTitle__action {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
}
.CarouselTitle img {
  position: relative !important;
  height: 80vh !important;
  width: unset !important;
  z-index: 99999999999 !important;
  float: right;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8;
  width: 100vw;
  height: 72% !important;
  bottom: 0;
  justify-self: flex-end;
  align-self: self-end;
  margin-bottom: 40px;
  object-fit: cover;
}
@media (max-width: 1125px) {
  .CarouselTitle img {
    display: none !important;
  }
}

.FooterQr {
  background-repeat: no-repeat;
  color: #fff;
  background-size: cover;
  height: 300px;
  max-width: 1200px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  padding: 20px;
  background-size: cover !important;
}
@media (max-width: 1095px) {
  .FooterQr {
    max-width: 800px;
  }
}
.FooterQr h2 {
  font-size: 2.125rem;
  color: white;
}
.FooterQr p {
  color: white;
  font-size: 16px;
}
.FooterQr img {
  width: 150px;
  height: 150px;
  display: block;
  object-fit: contain;
  border-radius: 7px;
}
@media (max-width: 1095px) {
  .FooterQr img {
    width: 80px;
    height: 80px;
  }
}
.FooterQr__item {
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  align-items: center;
  font-size: 1.2em;
  text-align: center;
}
@media (max-width: 1095px) {
  .FooterQr__item:first-child {
    grid-column: 1;
    grid-row: span 2;
  }
}
.FooterQr__content {
  display: flex;
  align-items: center;
  padding: 20px;
  gap: 40px;
}
@media (max-width: 1095px) {
  .FooterQr__content {
    display: grid;
    grid-template-columns: 1fr 140px 140px;
    gap: 20px;
  }
}

.HomeDigitalize {
  background: white;
  padding-top: 40px;
  padding-bottom: 50px;
}
.HomeDigitalize img {
  max-width: 600px;
  display: block;
  width: 100%;
  padding: 20px;
  margin: 0 auto 10px;
}
.HomeDigitalize img + span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
}

.HomePc {
  padding-top: 40px;
  padding-bottom: 50px;
}
.HomePc__data {
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
  margin-top: 40px;
}
@media (max-width: 860px) {
  .HomePc__data {
    flex-direction: column-reverse;
    justify-content: center;
    text-align: center;
    align-items: center;
    gap: 0;
    margin-top: 0;
  }
}
.HomePc__data > div {
  margin-right: auto;
}
.HomePc__data img {
  max-width: 500px;
  width: 100%;
  flex: 0;
  height: auto;
  margin-left: 0;
}
@media (max-width: 1424px) {
  .HomePc__data img {
    max-width: 450px;
  }
}
@media (max-width: 1372px) {
  .HomePc__data img {
    max-width: 400px;
  }
}
@media (max-width: 1214px) {
  .HomePc__data img {
    margin: auto;
    max-width: 500px;
  }
}
@media (max-width: 600px) {
  .HomePc__data img {
    height: initial;
  }
}
.HomePc section {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 5px;
  max-width: 738px;
  margin: auto 0 auto auto;
  align-items: flex-start;
  justify-content: flex-start;
  text-align: start;
}
@media (max-width: 1212px) {
  .HomePc section {
    grid-template-columns: auto;
  }
}
@media (max-width: 600px) {
  .HomePc section {
    grid-template-columns: auto;
  }
}
.HomePc section > span {
  grid-column: 1/-1;
  text-align: center;
  font-size: 2em;
  margin-top: 40px;
}
@media (max-width: 1214px) {
  .HomePc section {
    margin: auto;
  }
}
.HomePc section h3 {
  font-size: 1em;
  text-align: left;
}
@media (max-width: 1372px) {
  .HomePc section h3 {
    font-size: 0.9em;
  }
}
@media (max-width: 600px) {
  .HomePc section h3 {
    text-align: center;
  }
}
.HomePc section > div {
  display: flex;
  flex-direction: column;
  gap: 5px;
  font-size: 17px;
}
@media (max-width: 860px) {
  .HomePc section > div {
    justify-content: center;
    align-items: center;
  }
}
@media (max-width: 600px) {
  .HomePc section > div {
    justify-content: center;
    align-items: center;
  }
}
.HomePc section img {
  width: 64px;
}
.HomePc .Info {
  background: transparent;
}

.HomeVentajasQR {
  padding-top: 40px;
  padding-bottom: 50px;
  background-color: #fff;
}
.HomeVentajasQR__data {
  display: flex;
  gap: 40px;
  padding: 20px;
}
@media (max-width: 1017px) {
  .HomeVentajasQR__data {
    flex-direction: column;
  }
}
.HomeVentajasQR__data > div {
  margin: auto 0 auto auto;
}
@media (max-width: 1213px) {
  .HomeVentajasQR__data > div {
    margin: auto;
  }
}
.HomeVentajasQR__data img {
  max-width: 500px;
  width: 100%;
  flex: 0;
  height: auto;
}
@media (max-width: 1214px) {
  .HomeVentajasQR__data img {
    margin: auto;
  }
}
@media (max-width: 1017px) {
  .HomeVentajasQR__data img {
    max-width: 300px;
  }
}
@media (max-width: 600px) {
  .HomeVentajasQR__data img {
    height: initial;
  }
}
.HomeVentajasQR section {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  max-width: 500px;
  margin: auto auto auto 0;
}
@media (max-width: 1214px) {
  .HomeVentajasQR section {
    margin: auto;
  }
}
.HomeVentajasQR section h3 {
  font-size: 1.3em;
}
.HomeVentajasQR section > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 5px;
  font-size: 17px;
}
.HomeVentajasQR section img {
  width: 64px;
}
.HomeVentajasQR .Info {
  background: transparent;
}

.Page {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: grid;
  grid-template-columns: 1fr 450px;
  height: 100%;
  overflow: hidden;
}
@media (max-width: 966px) {
  .Page {
    grid-template-columns: 1fr;
  }
}
.Page__left {
  height: 100%;
}
@media (max-width: 966px) {
  .Page__left {
    display: none;
  }
}
.Page__right {
  height: 100%;
  overflow: auto;
}
.Page__right .LoginLayout {
  padding: 0;
  margin: 0;
  height: 100%;
}
.Page__right .LoginLayout__card {
  height: 100%;
  padding-top: 40px;
}
@media (max-width: 966px) {
  .Page__right .LoginLayout__card {
    overflow: auto;
  }
}
@media (max-width: 966px) {
  .Page__right .LoginLayout {
    overflow: auto;
  }
}
@media (max-width: 966px) {
  .Page__right {
    overflow: auto;
  }
}
.Page__right .RegistroLayout {
  height: 100%;
  margin: 0;
  width: 100%;
  padding-top: 40px;
  overflow: auto;
}

.Background {
  background-color: black;
  height: 100%;
  position: relative;
}
.Background__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.6;
  height: 100%;
  background-size: cover;
  opacity: 0.7;
}
.Background__content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.LoginContentLeft {
  color: white;
  padding: 80px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  display: flex;
  height: 100%;
}
@media (max-width: 1100px) {
  .LoginContentLeft {
    justify-content: center;
    align-items: center;
    padding: 0;
  }
}
.LoginContentLeft h1 {
  font-size: 40px;
  margin-bottom: 20px;
}

.OfferDataComponent {
  list-style: none;
  display: flex;
  flex-direction: column;
  list-style: none;
  display: flex;
  flex-direction: column;
  font-size: 20px;
  filter: drop-shadow(2px 4px 6px black);
  gap: 5px;
}
.OfferDataComponent i {
  color: rgb(112, 206, 112);
}

.catalogo-panel-grid {
  display: grid;
  grid-template-columns: 1fr 400px;
  gap: 60px;
}
@media (max-width: 1000px) {
  .catalogo-panel-grid {
    grid-template-columns: 1fr;
  }
}

.CatalogoQR {
  background-color: white;
  padding: 20px;
  box-shadow: 5px 5px 10px -10px black;
  border-radius: 20px;
}
.CatalogoQR .Btn, .CatalogoQR .DetailProduct__share > a, .CatalogoQR .DetailProduct__share > .backLink, .CatalogoQR .HomePc .Info__descripcion .DetailProduct__share > span, .HomePc .Info__descripcion .CatalogoQR .DetailProduct__share > span, .CatalogoQR .HomeVentajasQR .Info__descripcion .DetailProduct__share > span, .HomeVentajasQR .Info__descripcion .CatalogoQR .DetailProduct__share > span {
  width: 100%;
}
.CatalogoQR header {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 20px;
}
.CatalogoQR img {
  width: 100%;
}
.CatalogoQR p {
  font-size: 19px;
  margin-bottom: 20px;
}
.CatalogoQR footer {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

#catalogoQRPrint {
  display: none;
}

@media print {
  #catalogoQRPrint {
    display: none;
  }
}
.catalogoQRPrint {
  padding: 40px;
}
.catalogoQRPrint img {
  width: calc(25% - 10px);
  border: 1px solid black;
  border-radius: 10px;
  margin: 5px;
}

.CatalogoPanelCard {
  padding: 20px;
  background: white;
  border-radius: 5px;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 0 10px -5px rgba(0, 0, 0, 0.1);
}
.CatalogoPanelCard footer {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 10px;
}
.CatalogoPanelCard section {
  flex: 1;
}
.CatalogoPanelCard button {
  background: white;
  border: none;
  padding: 10px;
  border-radius: 5px;
  font-size: 14px;
  color: black;
  background: rgba(0, 0, 0, 0.1);
}
.CatalogoPanelCard button:last-child {
  background: rgba(255, 0, 0, 0.3);
}
.CatalogoPanelCard button:hover {
  cursor: pointer;
  opacity: 0.8;
}
.CatalogoPanelCard__precio {
  font-size: 20px;
  color: rgba(0, 0, 0, 0.5);
  margin-top: 10px;
  font-weight: bold;
}
.CatalogoPanelCard:hover {
  cursor: pointer;
  opacity: 0.8;
}
.CatalogoPanelCard:not(.CatalogoPanelCard--active) {
  opacity: 0.5;
}
.CatalogoPanelCard--active {
  opacity: 1;
}

.CatalogoPanelGrid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  grid-gap: 10px;
  padding: 20px;
  padding-top: 0;
}
.CatalogoPanelGrid > header {
  grid-column: 1/-1;
  margin-bottom: 20px;
}

.SocialIcons {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-left: auto;
  margin-right: auto;
}
.SocialIcons .Image {
  width: 50px;
  height: 50px;
}
.SocialIcons--movil {
  display: none;
}
@media (max-width: 500px) {
  .SocialIcons--movil {
    display: flex;
  }
}

.FabBubbleMenu__menu {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
  background: rgba(0, 0, 0, 0.34);
  display: flex;
  align-items: center;
  justify-content: center;
}
.FabBubbleMenu__menu > button {
  position: static;
}
.FabBubbleMenu__button {
  position: absolute;
  right: 20px;
  border-radius: 50%;
  height: 50px;
  width: 50px;
  bottom: 32px;
  z-index: 1;
  box-shadow: 0 0 4px;
  left: 0;
  right: 0;
  margin: auto;
  background: white;
}
.FabBubbleMenu__item {
  opacity: 1;
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 70px;
  height: 70px;
  transition: 0.5s;
}
.FabBubbleMenu__item:nth-child(1) {
  transform: rotate(0deg) translate(-110px);
}
.FabBubbleMenu__item:nth-child(2) {
  transform: rotate(40deg) translate(-110px);
}
.FabBubbleMenu__item:nth-child(3) {
  transform: rotate(80deg) translate(-110px);
}
.FabBubbleMenu__item:nth-child(4) {
  transform: rotate(120deg) translate(-110px);
}
.FabBubbleMenu__item:nth-child(5) {
  transform: rotate(160deg) translate(-110px);
}
.FabBubbleMenu__item:nth-child(6) {
  transform: rotate(200deg) translate(-110px);
}
.FabBubbleMenu__item:nth-child(7) {
  transform: rotate(240deg) translate(-110px);
}
.FabBubbleMenu__item:nth-child(8) {
  transform: rotate(280deg) translate(-110px);
}
.FabBubbleMenu__item:nth-child(9) {
  transform: rotate(320deg) translate(-110px);
}
.FabBubbleMenu__item a, .FabBubbleMenu__item .backLink, .FabBubbleMenu__item .HomePc .Info__descripcion span, .HomePc .Info__descripcion .FabBubbleMenu__item span, .FabBubbleMenu__item .HomeVentajasQR .Info__descripcion span, .HomeVentajasQR .Info__descripcion .FabBubbleMenu__item span {
  pointer-events: auto;
}
.FabBubbleMenu__item:nth-child(1) a, .FabBubbleMenu__item:nth-child(1) .backLink, .FabBubbleMenu__item:nth-child(1) .HomePc .Info__descripcion span, .HomePc .Info__descripcion .FabBubbleMenu__item:nth-child(1) span, .FabBubbleMenu__item:nth-child(1) .HomeVentajasQR .Info__descripcion span, .HomeVentajasQR .Info__descripcion .FabBubbleMenu__item:nth-child(1) span {
  transform: rotate(-0deg);
}
.FabBubbleMenu__item:nth-child(2) a, .FabBubbleMenu__item:nth-child(2) .backLink, .FabBubbleMenu__item:nth-child(2) .HomePc .Info__descripcion span, .HomePc .Info__descripcion .FabBubbleMenu__item:nth-child(2) span, .FabBubbleMenu__item:nth-child(2) .HomeVentajasQR .Info__descripcion span, .HomeVentajasQR .Info__descripcion .FabBubbleMenu__item:nth-child(2) span {
  transform: rotate(-40deg);
}
.FabBubbleMenu__item:nth-child(3) a, .FabBubbleMenu__item:nth-child(3) .backLink, .FabBubbleMenu__item:nth-child(3) .HomePc .Info__descripcion span, .HomePc .Info__descripcion .FabBubbleMenu__item:nth-child(3) span, .FabBubbleMenu__item:nth-child(3) .HomeVentajasQR .Info__descripcion span, .HomeVentajasQR .Info__descripcion .FabBubbleMenu__item:nth-child(3) span {
  transform: rotate(-80deg);
}
.FabBubbleMenu__item:nth-child(4) a, .FabBubbleMenu__item:nth-child(4) .backLink, .FabBubbleMenu__item:nth-child(4) .HomePc .Info__descripcion span, .HomePc .Info__descripcion .FabBubbleMenu__item:nth-child(4) span, .FabBubbleMenu__item:nth-child(4) .HomeVentajasQR .Info__descripcion span, .HomeVentajasQR .Info__descripcion .FabBubbleMenu__item:nth-child(4) span {
  transform: rotate(-120deg);
}
.FabBubbleMenu__item:nth-child(5) a, .FabBubbleMenu__item:nth-child(5) .backLink, .FabBubbleMenu__item:nth-child(5) .HomePc .Info__descripcion span, .HomePc .Info__descripcion .FabBubbleMenu__item:nth-child(5) span, .FabBubbleMenu__item:nth-child(5) .HomeVentajasQR .Info__descripcion span, .HomeVentajasQR .Info__descripcion .FabBubbleMenu__item:nth-child(5) span {
  transform: rotate(-160deg);
}
.FabBubbleMenu__item:nth-child(6) a, .FabBubbleMenu__item:nth-child(6) .backLink, .FabBubbleMenu__item:nth-child(6) .HomePc .Info__descripcion span, .HomePc .Info__descripcion .FabBubbleMenu__item:nth-child(6) span, .FabBubbleMenu__item:nth-child(6) .HomeVentajasQR .Info__descripcion span, .HomeVentajasQR .Info__descripcion .FabBubbleMenu__item:nth-child(6) span {
  transform: rotate(-200deg);
}
.FabBubbleMenu__item:nth-child(7) a, .FabBubbleMenu__item:nth-child(7) .backLink, .FabBubbleMenu__item:nth-child(7) .HomePc .Info__descripcion span, .HomePc .Info__descripcion .FabBubbleMenu__item:nth-child(7) span, .FabBubbleMenu__item:nth-child(7) .HomeVentajasQR .Info__descripcion span, .HomeVentajasQR .Info__descripcion .FabBubbleMenu__item:nth-child(7) span {
  transform: rotate(-240deg);
}
.FabBubbleMenu__item:nth-child(8) a, .FabBubbleMenu__item:nth-child(8) .backLink, .FabBubbleMenu__item:nth-child(8) .HomePc .Info__descripcion span, .HomePc .Info__descripcion .FabBubbleMenu__item:nth-child(8) span, .FabBubbleMenu__item:nth-child(8) .HomeVentajasQR .Info__descripcion span, .HomeVentajasQR .Info__descripcion .FabBubbleMenu__item:nth-child(8) span {
  transform: rotate(-280deg);
}
.FabBubbleMenu__item:nth-child(9) a, .FabBubbleMenu__item:nth-child(9) .backLink, .FabBubbleMenu__item:nth-child(9) .HomePc .Info__descripcion span, .HomePc .Info__descripcion .FabBubbleMenu__item:nth-child(9) span, .FabBubbleMenu__item:nth-child(9) .HomeVentajasQR .Info__descripcion span, .HomeVentajasQR .Info__descripcion .FabBubbleMenu__item:nth-child(9) span {
  transform: rotate(-320deg);
}
.FabBubbleMenu__item img {
  width: 100%;
  height: 100%;
}
.FabBubbleMenu__item a, .FabBubbleMenu__item .backLink, .FabBubbleMenu__item .HomePc .Info__descripcion span, .HomePc .Info__descripcion .FabBubbleMenu__item span, .FabBubbleMenu__item .HomeVentajasQR .Info__descripcion span, .HomeVentajasQR .Info__descripcion .FabBubbleMenu__item span {
  display: block;
  width: inherit;
  height: inherit;
  line-height: 80px;
  color: rgba(255, 255, 255, 0.7);
  background: rgba(230, 230, 250, 0.7);
  border-radius: 50%;
  text-align: center;
  text-decoration: none;
  font-size: 40px;
  transition: 0.2s;
}
.FabBubbleMenu__item a:hover, .FabBubbleMenu__item .backLink:hover, .FabBubbleMenu__item .HomePc .Info__descripcion span:hover, .HomePc .Info__descripcion .FabBubbleMenu__item span:hover, .FabBubbleMenu__item .HomeVentajasQR .Info__descripcion span:hover, .HomeVentajasQR .Info__descripcion .FabBubbleMenu__item span:hover {
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3);
  color: white;
  background: rgba(255, 255, 255, 0.3);
  font-size: 44.44px;
}

.ButtonsCardMenu {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  gap: 40px;
}
.ButtonsCardMenu button {
  height: 200px;
  width: 200px;
  font-size: 40px;
  margin-top: 40px;
}

.CartaMenuPanel {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.CartaMenuPanel__form-new-menu {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.CartaMenuPanel__form-new-menu > .Input {
  flex: 1;
}
.CartaMenuPanel__form-new-menu button {
  display: flex;
  align-items: center;
  gap: 5px;
}
.CartaMenuPanel__item > header {
  padding: 20px;
  background-color: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.CartaMenuPanel__item > header div {
  display: flex;
  gap: 10px;
}
.CartaMenuPanel__item > header:hover {
  background: #000033;
  color: white;
}
.CartaMenuPanel__item > header:hover + .Arrow {
  border-top-color: #000033;
}
.CartaMenuPanel__item > header:hover button i {
  color: white;
}
.CartaMenuPanel__item--active > header {
  background: #000033;
  color: white;
}
.CartaMenuPanel__item--active > header + .Arrow {
  border-top-color: #000033;
}
.CartaMenuPanel__item--active > header button i {
  color: white;
}
.CartaMenuPanel__item--hideAt {
  opacity: 0.2;
}
.CartaMenuPanel__item section {
  margin-bottom: 10px;
  display: flex;
  gap: 10px;
  flex-direction: column;
}
.CartaMenuPanel__item__categories {
  padding: 10px;
}
.CartaMenuPanel__item__categories header {
  background-color: whitesmoke;
  margin-bottom: 10px;
  border-bottom: 1px solid gainsboro;
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 18px;
}
.CartaMenuPanel__item__categories header > div {
  display: flex;
  gap: 10px;
}
.CartaMenuPanel__item__categories__products {
  display: flex;
  gap: 10px;
  flex-direction: column;
}
.CartaMenuPanel__item__categories__product {
  padding-left: 10px;
  padding-right: 10px;
  background-color: white;
  padding: 20px;
  display: flex;
  justify-content: space-between;
}
.CartaMenuPanel__item__categories__product > div:last-child {
  display: flex;
  gap: 10px;
}
.CartaMenuPanel__item__categories__product p {
  font-size: 12px;
}
.CartaMenuPanel__item__categories__product--hideAt {
  opacity: 0.2;
}

.fondo-custom {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 1.1rem;
}
.fondo-custom__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.fondo-custom__footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin-top: 20px;
}
.fondo-custom__footer input {
  width: 200px;
  height: 40px;
}
.fondo-custom__footer__color {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.fondo-custom__image {
  width: 400px;
  aspect-ratio: 16/9;
  object-fit: cover;
  margin-top: 20px;
}
.fondo-custom__buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}
.fondo-custom__images {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.fondo-custom__images__body {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
  justify-content: center;
}

.SectionPro {
  background-color: whitesmoke;
  padding: 80px;
}
.SectionPro__content {
  display: flex;
  flex-direction: row;
  gap: 40px;
  justify-content: center;
  align-items: center;
}
.SectionPro__content p {
  font-size: 1.2rem !important;
}
.SectionPro__content > div {
  width: 100%;
  flex: 1;
}
.SectionPro__content > div h2 {
  font-size: 2rem;
}
@media (width <= 600px) {
  .SectionPro .Image__image {
    border-radius: 0 !important;
  }
}
.SectionPro:nth-child(odd) {
  background-color: whitesmoke;
}
.SectionPro:nth-child(even) {
  background-color: white;
}
.SectionPro:nth-child(even) .SectionPro__content {
  flex-direction: row-reverse;
}
.SectionPro:not(.SectionPro--showChildren) .SectionPro__content {
  gap: 0;
}
.SectionPro--map {
  position: relative;
  z-index: 0;
  background-color: white !important;
  border-top: 1px solid gainsboro;
  border-bottom: 1px solid gainsboro;
}
.SectionPro--map:after {
  content: "";
  position: absolute;
  height: 50%;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: whitesmoke;
  z-index: -1;
}
.SectionPro--map ~ .SectionPro:nth-child(odd) {
  background-color: white;
}
.SectionPro--map ~ .SectionPro:nth-child(even) {
  background-color: whitesmoke;
}
.SectionPro--map ~ .SectionPro:nth-child(even) .SectionPro__content {
  flex-direction: row-reverse;
}
@media (width <= 1024px) {
  .SectionPro {
    padding: 10px;
  }
  .SectionPro__content {
    flex-direction: column !important;
  }
  .SectionPro h2 {
    text-align: left;
  }
}
@media (width <= 600px) {
  .SectionPro {
    padding: 0;
  }
  .SectionPro__content {
    flex-direction: column-reverse !important;
    padding: 0;
  }
  .SectionPro__content > div:first-child {
    padding: 1rem;
  }
}
.SectionPro--mobileReverse .container.SectionPro__content:after, .SectionPro--mobileReverse .SectionPro__content.Home_BuscadorGrilla:after, .SectionPro--mobileReverse .SectionPro__content.Info__container:after, .SectionPro--mobileReverse .container.SectionPro__content:before, .SectionPro--mobileReverse .SectionPro__content.Home_BuscadorGrilla:before, .SectionPro--mobileReverse .SectionPro__content.Info__container:before {
  content: "";
  display: none;
}
@media (width <= 600px) {
  .SectionPro--mobileReverse .container.SectionPro__content, .SectionPro--mobileReverse .SectionPro__content.Home_BuscadorGrilla, .SectionPro--mobileReverse .SectionPro__content.Info__container {
    flex-direction: column !important;
    padding-bottom: 2rem;
  }
}

.Tracking {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 100px;
  background: rgb(235, 230, 230) url("/static/images/stat_images.jpg") no-repeat center center;
  h2 {
    color: #000;
    font-weight: 400;
    font-size: 1.8rem;
    text-align: center;
  }
  p {
    text-align: center;
    margin-top: 10px;
    font-size: 1.2rem;
  }
  h3 {
    font-size: 1.2rem;
    font-weight: bold;
    text-align: center;
    text-wrap: balance;
    max-width: 200px;
  }
}
@media (width <= 600px) {
  .Tracking {
    padding: 20px;
  }
}

.Tracking__body {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 20px;
  width: 100%;
  max-width: 720px;
  > div {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-size: 40px;
    background-color: white;
    border-radius: 5px;
    padding: 20px;
    flex: 1;
  }
}
@media (width <= 600px) {
  .Tracking__body {
    flex-direction: column;
    margin-top: 0;
    width: 100%;
    > div {
      flex: 1;
      &:last-child {
        margin-bottom: 0;
      }
    }
  }
}

.button {
  font-weight: 500;
  font-size: 1.15rem;
  line-height: 1.5;
  border-radius: 40px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  background-color: #1877f2;
  border-color: #1877f2;
  padding: 0.5rem 1.375rem;
  line-height: 1.5;
  box-shadow: 0 10px 16px 0 rgba(77, 91, 237, 0.2);
  color: white;
  padding: 40px;
  padding-top: 14px;
  padding-bottom: 14px;
}

@media screen and (max-width: 1315px) {
  .Zebras .Zebra {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 1041px) {
  .Zebras .Zebra {
    padding: 0;
  }
  .Zebras .Zebra__container {
    width: 100%;
  }
}
@media screen and (max-width: 862px) {
  .Zebras .Zebra__container {
    flex-direction: column;
  }
  .Zebras .Zebra__image {
    flex: 1;
  }
  .Zebras .Zebra__content {
    padding: 0;
  }
}

@media screen and (max-width: 420px) {
  ._saberMas_buttons a, ._saberMas_buttons .backLink, ._saberMas_buttons .HomePc .Info__descripcion span, .HomePc .Info__descripcion ._saberMas_buttons span, ._saberMas_buttons .HomeVentajasQR .Info__descripcion span, .HomeVentajasQR .Info__descripcion ._saberMas_buttons span {
    margin: 0 !important;
  }
  ._saberMas_buttons a:first-child, ._saberMas_buttons .backLink:first-child, ._saberMas_buttons .HomePc .Info__descripcion span:first-child, .HomePc .Info__descripcion ._saberMas_buttons span:first-child, ._saberMas_buttons .HomeVentajasQR .Info__descripcion span:first-child, .HomeVentajasQR .Info__descripcion ._saberMas_buttons span:first-child {
    margin-bottom: 10px !important;
  }
}

@media (min-width: 601px) {
  .hide-desktop {
    display: none;
  }
}

@media (max-width: 600px) {
  .hide-mobile {
    display: none;
  }
}

.overflow-hidden {
  overflow: hidden;
}

.CarouselItem {
  height: 100%;
}
.CarouselItem__img {
  height: 100%;
}

.CategoriasHome {
  padding-top: 40px;
  padding-bottom: 40px;
}

.UserHeader {
  user-select: none;
  margin-left: 20px;
  padding-left: 20px;
  position: relative;
  display: flex;
  align-items: center;
}
.UserHeader:hover {
  cursor: pointer;
}
.UserHeader:before {
  content: "";
  border-left: 1px solid gainsboro;
  position: absolute;
  left: 0;
  height: 60%;
  bottom: 0;
  top: 0;
  margin: auto;
}
.UserHeader__text {
  color: white;
  font-size: 14pt;
  margin-top: 5px;
  text-transform: capitalize;
  margin-left: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100px;
}
.UserHeader__text:hover {
  cursor: pointer;
}
.UserHeader--default {
  display: block;
}
.UserHeader--default .UserHeader__text {
  margin-left: 0;
}

.Home_Buscador {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.Home_Buscador__logo {
  margin-bottom: 40px;
}
.Home_Buscador__logo img {
  height: 140px;
}
.Home_Buscador__profesionales {
  max-width: 600px;
  margin: auto;
  margin-top: 26px;
}
.Home_Buscador__profesionales .Grid__item {
  padding: 0;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
}
.Home_Buscador__pro {
  width: 100%;
  max-height: 150px;
}
.Home_Buscador__buttons {
  margin-top: 20px;
}
.Home_Buscador__buttons > a, .Home_Buscador__buttons > .backLink, .HomePc .Info__descripcion .Home_Buscador__buttons > span, .HomeVentajasQR .Info__descripcion .Home_Buscador__buttons > span {
  margin-right: 10px;
  margin-top: 10px;
}
.Home_Buscador__buttons > a:last-child, .Home_Buscador__buttons > .backLink:last-child, .HomePc .Info__descripcion .Home_Buscador__buttons > span:last-child, .HomeVentajasQR .Info__descripcion .Home_Buscador__buttons > span:last-child {
  margin-right: 0;
}

.Home_BuscadorProfessionalesButton {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  margin-top: 2rem;
}
.Home_BuscadorProfessionalesButton a, .Home_BuscadorProfessionalesButton .backLink, .Home_BuscadorProfessionalesButton .HomePc .Info__descripcion span, .HomePc .Info__descripcion .Home_BuscadorProfessionalesButton span, .Home_BuscadorProfessionalesButton .HomeVentajasQR .Info__descripcion span, .HomeVentajasQR .Info__descripcion .Home_BuscadorProfessionalesButton span {
  font-size: 1.2rem;
}

.Busca {
  display: flex;
  max-width: 620px;
  margin: auto;
}
.Busca input {
  width: 100%;
  border: 1px solid gainsboro;
  height: 50px;
  border-radius: 3px;
  padding-left: 10px;
  padding-right: 10px;
}
.Busca button {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.Home_BuscadorGrilla {
  margin-top: 50px;
  padding-bottom: 50px;
  display: flex;
  flex-direction: row;
}
.Home_BuscadorGrilla__left {
  flex: 0 0 250px;
}
@media screen and (max-width: 1199px) {
  .Home_BuscadorGrilla__left {
    display: none;
  }
}
.Home_BuscadorGrilla__left > img {
  width: 100%;
}
.Home_BuscadorGrilla__centro {
  flex: 1;
}
.Home_BuscadorGrilla__right {
  flex: 0 0 250px;
}
@media screen and (max-width: 915px) {
  .Home_BuscadorGrilla__right {
    display: none;
  }
}
.Home_BuscadorGrilla__right > img {
  width: 100%;
}

.Buscador {
  flex: 1;
  display: flex;
  align-items: center;
  margin-left: 40px;
  margin-right: 40px;
}
.Buscador > input {
  margin-right: 20px;
  width: 400px;
  border-radius: 2px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -ms-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -o-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -sm-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -webkit-transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1);
  border: 0;
  max-width: 400px;
  width: 100%;
  flex: 1;
  max-width: 300px;
}

.MenuTabContainer {
  padding-left: 150px;
  background-color: white;
  border-bottom: 1px solid #ebebeb;
}
@media screen and (max-width: 765px) {
  .MenuTabContainer {
    padding-left: 0;
  }
}

.TemplateBuscadorContenido {
  padding-left: 150px;
  display: flex;
}
@media screen and (max-width: 765px) {
  .TemplateBuscadorContenido {
    padding-left: 20px;
  }
}
@media screen and (max-width: 497px) {
  .TemplateBuscadorContenido {
    padding-right: 20px;
  }
}
.TemplateBuscadorContenido > div:first-child {
  width: 600px;
}
@media screen and (max-width: 497px) {
  .TemplateBuscadorContenido > div:first-child {
    width: 100%;
  }
}
.TemplateBuscadorContenido > div:last-child {
  flex: 1;
}
@media screen and (max-width: 1044px) {
  .TemplateBuscadorContenido > div:last-child {
    display: none;
  }
}
.TemplateBuscadorContenido--all {
  padding-left: 0;
}
.TemplateBuscadorContenido--padding {
  padding-left: 40px;
  padding-right: 40px;
}
@media screen and (max-width: 497px) {
  .TemplateBuscadorContenido .Ads__links {
    width: max-content;
  }
}

.BuscadorCountResultados {
  padding-left: 150px;
  color: #808080;
  font-size: 13px;
  margin-top: 15px;
  margin-bottom: 15px;
}
@media screen and (max-width: 765px) {
  .BuscadorCountResultados {
    padding-left: 20px;
  }
}

.PaginacionContainer {
  margin-bottom: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.NoticiasLayer {
  display: flex;
}
@media screen and (max-width: 860px) {
  .NoticiasLayer {
    flex-direction: column-reverse;
  }
}
.NoticiasLayer__column {
  flex: 1;
}
.NoticiasLayer__column:first-child {
  flex: 1;
  margin-right: 84px;
}
@media screen and (max-width: 1082px) {
  .NoticiasLayer__column:first-child {
    margin-right: 0;
  }
}
@media screen and (max-width: 1082px) {
  .NoticiasLayer__column:first-child .ListadoNoticias .Noticia__image {
    display: none;
  }
}
@media screen and (max-width: 702px) {
  .NoticiasLayer__column:first-child .ListadoNoticias .Noticia__body {
    width: 100%;
  }
}
.NoticiasLayer__column:last-child {
  flex: 0 0 300px;
  width: 300px;
}
@media screen and (max-width: 860px) {
  .NoticiasLayer__column:last-child {
    width: 100%;
    flex: 1;
  }
}
@media screen and (max-width: 860px) {
  .NoticiasLayer__column:last-child .Categorias__body {
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 702px) {
  .NoticiasLayer__column:last-child .Categorias__body {
    flex-direction: column;
  }
}
@media screen and (max-width: 860px) {
  .NoticiasLayer__column:last-child .Categorias__body .Noticia {
    flex: 0 0 50%;
    padding-right: 20px;
  }
}
@media screen and (max-width: 702px) {
  .NoticiasLayer__column:last-child .Categorias__body .Noticia {
    flex: 1;
    width: 100%;
  }
}
@media screen and (max-width: 400px) {
  .NoticiasLayer__column:last-child .Noticia__image {
    display: none;
  }
}
@media screen and (max-width: 860px) {
  .NoticiasLayer .Noticia {
    border-bottom: 2px dashed gainsboro;
    padding-bottom: 9px;
  }
}

.TemplateBuscadorAll {
  display: flex;
  padding-left: 40px;
  padding-right: 40px;
  flex-direction: column;
}

.LandContainer {
  width: 100%;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1366px) {
  .LandContainer {
    height: 100%;
  }
}
@media screen and (max-width: 1366px) {
  .LandContainer .Lady {
    height: 560px;
  }
}
@media screen and (max-width: 500px) {
  .LandContainer .Lady {
    height: auto;
  }
}
@media screen and (max-width: 1024px) {
  .LandContainer .Lady__preview {
    padding-right: 0;
  }
}
@media screen and (max-width: 1024px) {
  .LandContainer .Lady__aside {
    width: 0;
  }
}
@media screen and (max-width: 1024px) {
  .LandContainer .Lady__groupHeader {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .LandContainer .Lady__groupImagenes {
    display: none;
  }
}
@media screen and (max-width: 500px) {
  .LandContainer .Lady__body {
    padding: 0;
  }
}
.LandContainer__buttons {
  margin-top: 10px;
}

.BusquedasContainer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.BusquedasContainer .Etiqueta {
  flex-grow: 1;
}

.AsideMapaDetalle {
  z-index: 400;
  position: fixed;
  right: 0;
  width: 400px;
  bottom: 0;
  height: 100%;
  margin-left: auto;
  overflow: hidden;
  overflow-y: auto;
}
.AsideMapaDetalle > .Aside {
  width: 100%;
  height: auto;
}

.PropiedadesFiltros {
  margin-right: 1rem;
}
@media screen and (max-width: 767px) {
  .PropiedadesFiltros {
    margin-right: -7px;
    margin-left: -7px;
    margin-bottom: 1rem;
  }
}

.EditProfileContainer {
  padding: 1rem;
}

.CalendarSimpleContainer {
  margin-bottom: 1rem;
}

.PublicarPresupuesto__row {
  padding-left: 40px;
  padding-right: 40px;
}

.SolicitarPresupuestoInfo {
  padding-right: 20px;
}

/********************************************
	BREAKPOINT WIDTHS
********************************************/
/********************************************
	FONTS
********************************************/
/********************************************
	COLOURS
********************************************/
.carousel .control-arrow, .carousel.carousel-slider .control-arrow {
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
  opacity: 0.4;
  filter: alpha(opacity=40);
  position: absolute;
  z-index: 2;
  top: 20px;
  background: none;
  border: 0;
  font-size: 32px;
  cursor: pointer;
}

.carousel .control-arrow:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.carousel .control-arrow:before, .carousel.carousel-slider .control-arrow:before {
  margin: 0 5px;
  display: inline-block;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  content: "";
}

.carousel .control-disabled.control-arrow {
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: inherit;
  display: none;
}

.carousel .control-prev.control-arrow {
  left: 0;
}

.carousel .control-prev.control-arrow:before {
  border-right: 8px solid #fff;
}

.carousel .control-next.control-arrow {
  right: 0;
}

.carousel .control-next.control-arrow:before {
  border-left: 8px solid #fff;
}

.carousel {
  position: relative;
  width: 100%;
}

.carousel * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.carousel button {
  outline: 0;
  border: 0;
  background: none;
}

.carousel img {
  width: 100%;
  display: inline-block;
  pointer-events: none;
}

.carousel .carousel {
  position: relative;
}

.carousel .control-arrow {
  top: 50%;
  margin-top: -13px;
  font-size: 18px;
}

.carousel .thumbs-wrapper {
  margin: 20px;
  overflow: hidden;
}

.carousel .thumbs {
  -webkit-transition: all 0.15s ease-in;
  -moz-transition: all 0.15s ease-in;
  -ms-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  position: relative;
  list-style: none;
  white-space: nowrap;
}

.carousel .thumb {
  -webkit-transition: border 0.15s ease-in;
  -moz-transition: border 0.15s ease-in;
  -ms-transition: border 0.15s ease-in;
  -o-transition: border 0.15s ease-in;
  transition: border 0.15s ease-in;
  display: inline-block;
  width: 80px;
  margin-right: 6px;
  white-space: nowrap;
  overflow: hidden;
  border: 3px solid #fff;
  padding: 2px;
}

.carousel .thumb.selected, .carousel .thumb:hover {
  border: 3px solid #333;
  padding: 2px;
}

.carousel .thumb img {
  vertical-align: top;
}

.carousel.carousel-slider {
  position: relative;
  margin: 0;
  overflow: hidden;
}

.carousel.carousel-slider .control-arrow {
  top: 0;
  color: #fff;
  font-size: 26px;
  bottom: 0;
  margin-top: 0;
  padding: 5px;
}

.carousel.carousel-slider .control-arrow:hover {
  background: rgba(0, 0, 0, 0.2);
}

.carousel .slider-wrapper {
  overflow: hidden;
  margin: auto;
  width: 100%;
  -webkit-transition: height 0.15s ease-in;
  -moz-transition: height 0.15s ease-in;
  -ms-transition: height 0.15s ease-in;
  -o-transition: height 0.15s ease-in;
  transition: height 0.15s ease-in;
}

.carousel .slider-wrapper.axis-horizontal .slider {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
}

.carousel .slider-wrapper.axis-horizontal .slider .slide {
  flex-direction: column;
  flex-flow: column;
}

.carousel .slider-wrapper.axis-vertical {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
}

.carousel .slider-wrapper.axis-vertical .slider {
  -webkit-flex-direction: column;
  flex-direction: column;
}

.carousel .slider {
  margin: 0;
  padding: 0;
  position: relative;
  list-style: none;
  width: 100%;
}

.carousel .slider.animated {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.carousel .slide {
  min-width: 100%;
  margin: 0;
  position: relative;
  text-align: center;
  background: #000;
}

.carousel .slide img {
  width: 100%;
  vertical-align: top;
  border: 0;
}

.carousel .slide iframe {
  display: inline-block;
  width: calc(100% - 80px);
  margin: 0 40px 40px;
  border: 0;
}

.carousel .slide .legend {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  position: absolute;
  bottom: 40px;
  left: 50%;
  margin-left: -45%;
  width: 90%;
  border-radius: 10px;
  background: #000;
  color: #fff;
  padding: 10px;
  font-size: 12px;
  text-align: center;
  opacity: 0.25;
  -webkit-transition: opacity 0.35s ease-in-out;
  -moz-transition: opacity 0.35s ease-in-out;
  -ms-transition: opacity 0.35s ease-in-out;
  -o-transition: opacity 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out;
}

.carousel .control-dots {
  position: absolute;
  bottom: 0;
  margin: 10px 0;
  text-align: center;
  width: 100%;
}

@media (min-width: 960px) {
  .carousel .control-dots {
    bottom: 0;
  }
}
.carousel .control-dots .dot {
  -webkit-transition: opacity 0.25s ease-in;
  -moz-transition: opacity 0.25s ease-in;
  -ms-transition: opacity 0.25s ease-in;
  -o-transition: opacity 0.25s ease-in;
  transition: opacity 0.25s ease-in;
  opacity: 0.3;
  filter: alpha(opacity=30);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9);
  background: #fff;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  cursor: pointer;
  display: inline-block;
  margin: 0 8px;
}

.carousel .control-dots .dot.selected, .carousel .control-dots .dot:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.carousel .carousel-status {
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px;
  font-size: 10px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);
  color: #fff;
}

.carousel:hover .slide .legend {
  opacity: 1;
}

.BuscadorPro {
  max-width: 1200px;
  display: flex;
  background-color: #fff;
  margin: auto;
  padding: 20px;
  justify-content: center;
  align-items: center;
  margin-bottom: 1rem;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -ms-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -o-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -sm-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  flex-direction: column;
  width: 100%;
}
@media screen and (max-width: 700px) {
  .BuscadorPro {
    margin: 20px !important;
  }
}
.BuscadorPro__group {
  display: flex;
  align-items: center;
  gap: 20px;
}
.BuscadorPro__group + div {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.BuscadorPro__group .InputPro {
  width: 100%;
}
.BuscadorPro__buscador {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 10px;
}
.BuscadorPro__buscador > * {
  margin-right: 1rem;
  flex: 1;
}
.BuscadorPro__buscador > *:last-child {
  margin-right: 0;
  flex: inherit;
}

.HeaderPro {
  background-color: #fff;
  position: relative;
  border-bottom: 1px solid gainsboro;
  display: flex;
  flex-direction: column;
  padding-left: 1rem;
  padding-right: 1rem;
  align-items: center;
  padding: 20px;
  z-index: 9;
}
.HeaderPro--mobile {
  position: sticky;
  top: 0;
  padding: 10px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.HeaderPro--mobile .HeaderPro__menu {
  margin-inline: auto;
}
.HeaderPro--mobile .HeaderPro__name {
  position: absolute;
  left: 100px;
  border-radius: 50px;
  height: 50px;
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid;
  transition: background-color 0.3s ease-in-out;
}
.HeaderPro--mobile .HeaderPro__name:hover {
  cursor: pointer;
  background-color: #f2f2f2;
}
.HeaderPro--mobile .HeaderPro__logo {
  margin-right: 0;
}
@media (max-width: 1024px) {
  .HeaderPro--mobile .HeaderPro__name {
    position: static;
  }
}
@media (max-width: 600px) {
  .HeaderPro--mobile {
    background: transparent;
    color: white;
    border: 0;
    width: 40px;
    height: 40px !important;
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    border-radius: 40px;
    text-align: center;
    gap: 0;
    position: fixed !important;
    left: 10px;
    top: 10px !important;
    box-shadow: 0 0 3px black;
    display: none;
  }
  .HeaderPro--mobile button {
    margin: auto;
  }
  .HeaderPro--mobile .HeaderPro__nav a, .HeaderPro--mobile .HeaderPro__nav .backLink, .HeaderPro--mobile .HeaderPro__nav .HomePc .Info__descripcion span, .HomePc .Info__descripcion .HeaderPro--mobile .HeaderPro__nav span, .HeaderPro--mobile .HeaderPro__nav .HomeVentajasQR .Info__descripcion span, .HomeVentajasQR .Info__descripcion .HeaderPro--mobile .HeaderPro__nav span {
    display: block;
  }
  .HeaderPro--mobile ~ .FooterContainerProf {
    display: none;
  }
  .HeaderPro--mobile a, .HeaderPro--mobile .backLink, .HeaderPro--mobile .HomePc .Info__descripcion span, .HomePc .Info__descripcion .HeaderPro--mobile span, .HeaderPro--mobile .HomeVentajasQR .Info__descripcion span, .HomeVentajasQR .Info__descripcion .HeaderPro--mobile span {
    display: none;
  }
}
.HeaderPro--absolute {
  left: 0;
  right: 0;
  position: absolute;
  z-index: 99;
  opacity: 1;
  border: 0;
  background: rgba(255, 255, 255, 0.09);
}
@media (max-width: 768px) {
  .HeaderPro--absolute {
    background-color: #fff;
  }
}
.HeaderPro--absolute .HeaderPro__logo {
  filter: brightness(6.5) drop-shadow(2px 4px 6px black);
}
@media (max-width: 768px) {
  .HeaderPro--absolute .HeaderPro__logo {
    filter: none;
  }
}
.HeaderPro--absolute + .carousel-root .selected a > img, .HeaderPro--absolute + .carousel-root .selected .backLink > img, .HeaderPro--absolute + .carousel-root .selected .HomePc .Info__descripcion span > img, .HomePc .Info__descripcion .HeaderPro--absolute + .carousel-root .selected span > img, .HeaderPro--absolute + .carousel-root .selected .HomeVentajasQR .Info__descripcion span > img, .HomeVentajasQR .Info__descripcion .HeaderPro--absolute + .carousel-root .selected span > img {
  background: black;
  opacity: 0.6;
  height: 100vh;
  object-fit: cover;
}
.HeaderPro--absolute + .carousel-root .carousel, .HeaderPro--absolute + .carousel-root,
.HeaderPro--absolute + .carousel-root .slider-wrapper,
.HeaderPro--absolute + .carousel-root .CarouselTitle + img {
  height: 100vh;
}
.HeaderPro--absolute + .carousel-root .CarouselTitle + img {
  object-fit: cover;
}
@media (max-width: 600px) {
  .HeaderPro {
    position: sticky;
    top: 0;
    flex-direction: row !important;
    gap: 15px;
    align-items: center;
  }
}
.HeaderPro__logo {
  margin-right: 1rem;
  height: 60px;
  width: 100%;
  max-width: 430px;
}
@media (max-width: 300px) {
  .HeaderPro__logo {
    height: auto !important;
  }
}
.HeaderPro__titulo {
  font-family: cursive;
  font-weight: 100;
  color: #000033;
}
.HeaderPro__menu {
  display: flex;
  gap: 10px;
  align-items: center;
}
@media (max-width: 600px) {
  .HeaderPro__menu {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .HeaderPro__menu > a, .HeaderPro__menu > .backLink, .HomePc .Info__descripcion .HeaderPro__menu > span, .HomeVentajasQR .Info__descripcion .HeaderPro__menu > span {
    margin: auto;
  }
}
.HeaderPro__menu + .Href {
  position: static;
}
.HeaderPro__menu > button {
  font-size: 20px;
  cursor: pointer;
  background: none;
}
@media (min-width: 600px) {
  .HeaderPro__menu > button {
    display: none;
  }
}
.HeaderPro__nav {
  margin-top: 20px;
  transition: all 0.3s ease-in-out;
}
.HeaderPro__nav > * {
  margin-left: 1rem;
}
.HeaderPro--absolute .HeaderPro__nav a, .HeaderPro--absolute .HeaderPro__nav .backLink, .HeaderPro--absolute .HeaderPro__nav .HomePc .Info__descripcion span, .HomePc .Info__descripcion .HeaderPro--absolute .HeaderPro__nav span, .HeaderPro--absolute .HeaderPro__nav .HomeVentajasQR .Info__descripcion span, .HomeVentajasQR .Info__descripcion .HeaderPro--absolute .HeaderPro__nav span {
  color: white;
}
@media (max-width: 768px) {
  .HeaderPro--absolute .HeaderPro__nav a, .HeaderPro--absolute .HeaderPro__nav .backLink, .HeaderPro--absolute .HeaderPro__nav .HomePc .Info__descripcion span, .HomePc .Info__descripcion .HeaderPro--absolute .HeaderPro__nav span, .HeaderPro--absolute .HeaderPro__nav .HomeVentajasQR .Info__descripcion span, .HomeVentajasQR .Info__descripcion .HeaderPro--absolute .HeaderPro__nav span {
    color: black;
  }
}
@media (min-width: 600px) {
  .HeaderPro__nav.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;
    background: white;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
  }
  .HeaderPro__nav.fixed a, .HeaderPro__nav.fixed .backLink, .HeaderPro__nav.fixed .HomePc .Info__descripcion span, .HomePc .Info__descripcion .HeaderPro__nav.fixed span, .HeaderPro__nav.fixed .HomeVentajasQR .Info__descripcion span, .HomeVentajasQR .Info__descripcion .HeaderPro__nav.fixed span {
    color: black;
  }
}
.HeaderPro__nav .Href {
  color: black;
  transition: all 0.3s ease-in-out;
}
.HeaderPro__nav .Href--active, .HeaderPro__nav .Href:hover {
  color: #277ab4;
  position: relative;
}
.HeaderPro__nav .Href--active:after, .HeaderPro__nav .Href:hover:after {
  content: "";
  position: absolute;
  background: #277ab4;
  width: 100%;
  left: 0;
  right: 0;
  height: 2px;
  margin-top: 5px;
  bottom: -5px;
}
.HeaderPro__nav button {
  position: absolute;
  right: 20px;
  top: 20px;
  background: #2f86be;
  border-radius: 20px;
  height: 30px;
  color: white;
  width: 30px;
  cursor: pointer;
}
@media (min-width: 600px) {
  .HeaderPro__nav button {
    display: none;
  }
}
.HeaderPro__nav img {
  max-width: 300px;
  width: 100%;
  margin: 40px;
}
@media (min-width: 600px) {
  .HeaderPro__nav img {
    display: none;
  }
}
@media (max-width: 600px) {
  .HeaderPro__nav {
    display: none;
    position: fixed;
    gap: 15px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    align-items: center;
    flex-direction: column;
    background: #fffcfc;
    z-index: 99999999999999;
    margin: 0;
    padding: 0;
    color: white;
  }
  .HeaderPro__nav > * {
    color: white;
    font-size: 20px;
    margin: 0;
  }
  .HeaderPro__nav--active {
    display: flex;
  }
}
.HeaderPro__link {
  display: flex;
  align-items: center;
  color: black;
}

.Profesional {
  margin-bottom: 1rem;
  flex: 1;
  display: block;
  max-height: 150px;
  border-radius: 10px;
  overflow: hidden;
}
@media screen and (max-width: 600px) {
  .Profesional {
    max-height: initial;
  }
}
.Profesional__image {
  cursor: pointer;
  width: 100%;
  display: block;
  height: 100%;
}
.Profesional__imageFull {
  width: 100%;
  height: 100%;
  max-width: 600px;
  max-height: 400px;
  height: 400px;
  display: block;
  overflow: hidden;
}
@media (max-width: 450px) {
  .Profesional__imageFull {
    height: auto;
  }
}
.Profesional__footer {
  padding: 10px;
  background-color: whitesmoke;
  position: relative;
}
.Profesional .Modal {
  overflow: auto;
}
.Profesional .ModalDialog {
  overflow: initial;
}
.Profesional .ModalBody {
  overflow: initial;
}

.LoginLayout {
  padding-bottom: 3rem;
  padding-top: 3rem;
  width: 350px;
  min-width: 100%;
  position: relative;
}
@media screen and (max-width: 380px) {
  .LoginLayout {
    width: 100%;
  }
}
.LoginLayout__card {
  padding: 20px;
  background-clip: padding-box;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -ms-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -o-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -sm-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  background-color: #fff;
  border-radius: 5px;
}
.LoginLayout__image {
  width: 200px;
  margin: auto;
  display: block;
}
.LoginLayout__titulo {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-size: 15pt;
}

.TemplatePanel__header {
  position: relative;
}
.TemplatePanel__changeFoto {
  position: absolute;
  right: 20px;
  top: 20px;
}
@media (max-width: 500px) {
  .TemplatePanel .UploadFile {
    margin: auto auto 20px;
  }
}
.TemplatePanel .UploadProfile {
  margin: auto;
}
.TemplatePanel__nav {
  background-color: white;
  border-bottom: 1px solid gainsboro;
  display: flex;
  align-items: center;
  justify-content: center;
}
.TemplatePanel__nav > * {
  color: black;
  font-weight: 400;
  padding: 20px;
  border-left: 1px solid gainsboro;
  font-size: 14pt;
  border-radius: 0;
}
.TemplatePanel__nav > *:hover {
  background-color: #040436;
  color: white;
  cursor: pointer;
}
.TemplatePanel__nav > *[class*=active] {
  background-color: #040436;
  color: white;
}
.TemplatePanel__nav > *:last-child {
  border-right: 1px solid gainsboro;
}
@media (max-width: 1200px) {
  .TemplatePanel__nav--menu {
    display: none;
  }
}
.TemplatePanel__image {
  max-height: 400px;
  object-fit: cover;
  width: 100%;
  display: block;
}
.TemplatePanel__menu-list {
  display: none;
  position: absolute;
  right: 0;
  bottom: 58px;
  background: white;
  padding: 0;
  list-style: none;
  flex-direction: column;
  justify-content: flex-start;
  align-content: flex-start;
  text-align: left;
  padding-top: 10px;
  padding-bottom: 10px;
  min-width: 200px;
  margin-bottom: 5px;
  margin-right: 5px;
  left: 0;
}
.TemplatePanel__menu-list--active {
  display: flex;
}
.TemplatePanel__menu-list a, .TemplatePanel__menu-list .backLink, .TemplatePanel__menu-list .HomePc .Info__descripcion span, .HomePc .Info__descripcion .TemplatePanel__menu-list span, .TemplatePanel__menu-list .HomeVentajasQR .Info__descripcion span, .HomeVentajasQR .Info__descripcion .TemplatePanel__menu-list span {
  display: block;
  font-size: 20px !important;
  transition: all 0.3s ease-in-out;
  padding: 10px;
}
.TemplatePanel__menu-list a:hover, .TemplatePanel__menu-list .backLink:hover, .TemplatePanel__menu-list .HomePc .Info__descripcion span:hover, .HomePc .Info__descripcion .TemplatePanel__menu-list span:hover, .TemplatePanel__menu-list .HomeVentajasQR .Info__descripcion span:hover, .HomeVentajasQR .Info__descripcion .TemplatePanel__menu-list span:hover {
  background: #008bd2;
  color: white;
}
.TemplatePanel__menu-footer {
  display: none;
}
.TemplatePanel__menu-footer:before {
  background: white;
  /* box-shadow: 3px 0px 16px -10px black; */
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
}
@media (max-width: 1200px) {
  .TemplatePanel__menu-footer {
    position: fixed;
    z-index: 2;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    text-align: center;
    height: 58px;
  }
}
.TemplatePanel__menu-footer a, .TemplatePanel__menu-footer .backLink, .TemplatePanel__menu-footer .HomePc .Info__descripcion span, .HomePc .Info__descripcion .TemplatePanel__menu-footer span, .TemplatePanel__menu-footer .HomeVentajasQR .Info__descripcion span, .HomeVentajasQR .Info__descripcion .TemplatePanel__menu-footer span {
  display: flex;
  align-items: center;
  gap: 10px;
  color: black;
}
.TemplatePanel__menu-footer img {
  width: 40px;
  height: 40px;
}
.TemplatePanel__menu-footer img:hover {
  cursor: pointer;
}

.PubliUser__image {
  width: 100%;
  display: block;
}
.PubliUser__group {
  display: flex;
}
.PubliUser__group > * {
  margin-left: 1rem;
}
.PubliUser__group > *:first-child {
  margin-left: 0;
}

.Promocion > .Href {
  flex: 1;
  display: block;
  height: 100%;
  flex: 1;
}
.Promocion__image {
  width: 100%;
  display: block;
  height: 100%;
  margin-bottom: 1rem;
  height: auto;
  margin: auto;
  width: 100%;
  flex: 1;
  max-width: 100%;
  height: 300px;
  object-fit: contain;
  height: 100%;
  object-fit: cover;
}
.Promocion--show .Promocion__image {
  flex: 0 0 300px;
  max-width: 400px;
  min-width: 200px;
  padding: 10px;
  margin-top: 20px;
}
.Promocion h3 {
  font-size: 20px;
  text-align: center;
}
.Promocion .Price {
  color: black;
}
.Promocion .Price + div {
  text-align: center;
  margin-bottom: 20px;
}
.Promocion--show .Promocion__content {
  padding: 10px;
  flex: 1;
  margin-bottom: 1rem;
}
.Promocion--show {
  flex-direction: row;
  flex-wrap: wrap;
  background: white;
}
.Promocion--show .Href {
  height: auto;
  color: black;
}
.Promocion--show .Btn, .Promocion--show .DetailProduct__share > a, .Promocion--show .DetailProduct__share > .backLink, .Promocion--show .HomePc .Info__descripcion .DetailProduct__share > span, .HomePc .Info__descripcion .Promocion--show .DetailProduct__share > span, .Promocion--show .HomeVentajasQR .Info__descripcion .DetailProduct__share > span, .HomeVentajasQR .Info__descripcion .Promocion--show .DetailProduct__share > span {
  color: black;
}
.Promocion--white .Promocion__content {
  background-color: #fff;
  color: black;
  padding: 20px;
}
.Promocion--white .Promocion__content a, .Promocion--white .Promocion__content .backLink, .Promocion--white .Promocion__content .HomePc .Info__descripcion span, .HomePc .Info__descripcion .Promocion--white .Promocion__content span, .Promocion--white .Promocion__content .HomeVentajasQR .Info__descripcion span, .HomeVentajasQR .Info__descripcion .Promocion--white .Promocion__content span {
  background: white;
}

.HomeTab__header {
  display: flex;
  align-items: center;
  justify-content: center;
}
.HomeTab__body {
  background-color: white;
  padding: 40px;
}
.HomeTab__tab {
  background: white;
  color: black;
  padding: 20px;
  display: block;
  font-size: 15pt;
  font-family: inherit;
  border-left: 1px solid gainsboro;
  border-right: 1px solid gainsboro;
  border-bottom: 1px solid gainsboro;
  border-top: 1px solid gainsboro;
  opacity: 0.3;
}
.HomeTab__tab--active {
  opacity: 1;
  border-bottom: 1px solid white;
}

.Sidebar {
  background-color: #fff;
  color: black;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -ms-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -o-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -sm-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
}
.Sidebar__header {
  font-size: 16pt;
  text-align: center;
  padding: 20px;
  font-weight: bold;
  font-family: inherit;
}
.Sidebar__header-top {
  margin-bottom: 1rem;
}
.Sidebar--separate {
  margin-bottom: 1rem;
}

.Navegacion {
  background-color: #fff;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -ms-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -o-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -sm-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1rem;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.NavegacionItem {
  padding: 20px;
  border-right: 1px solid gainsboro;
  font-size: 14pt;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 526px) {
  .NavegacionItem {
    flex: 1;
    width: 100%;
  }
}
.NavegacionItem:hover {
  background-color: #1fa4d1;
  color: white;
  cursor: pointer;
}
.NavegacionItem--active {
  background-color: #1fa4d1;
  color: white;
}

.galleryUploadContainer {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1015px) {
  .galleryUploadContainer .GalleryPlusMore {
    padding: 20px;
    width: 120px;
    height: 120px;
  }
}
@media screen and (max-width: 793px) {
  .galleryUploadContainer .GalleryPlusMore {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
  }
}
@media screen and (max-width: 793px) {
  .galleryUploadContainer .GalleryPlusMore__icon {
    font-size: 27pt;
  }
}
@media screen and (max-width: 1015px) {
  .galleryUploadContainer .GalleryPlusMore__name {
    font-size: 12pt;
  }
}
@media screen and (max-width: 793px) {
  .galleryUploadContainer .GalleryPlusMore__name {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .galleryUploadContainer-image {
    height: 185px;
  }
}

.productoCatalogo {
  margin-top: 25px;
  background-color: #ffffff;
  padding: 10px;
  border-radius: 20px;
  cursor: pointer;
}
@media (max-width: 600px) {
  .productoCatalogo {
    border-radius: 0;
  }
}
.productoCatalogo:not(.Box) {
  box-shadow: 0px 4px 10px -10px black;
}
.productoCatalogo__image {
  width: 100%;
  display: block;
  max-height: 200px;
}
.productoCatalogo__group {
  display: flex;
}
.productoCatalogo__group > * {
  margin-left: 1rem;
}
.productoCatalogo__group > *:first-child {
  margin-left: 0;
}
.productoCatalogo .InputPro__input, .productoCatalogo .SelectSearch--pro .SelectSearch__search, .SelectSearch--pro .productoCatalogo .SelectSearch__search, .productoCatalogo .InputPro textarea.InputPro__input, .InputPro .productoCatalogo textarea.InputPro__input {
  color: #008bd2;
}
.productoCatalogo__title-section {
  color: chocolate;
  text-align: center;
  font-size: 30px;
  text-transform: uppercase;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 10px;
}
@media (max-width: 500px) {
  .productoCatalogo__title-section {
    zoom: 0.7;
  }
}
.productoCatalogo__title-section span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.productoCatalogo__title-section .Icon {
  margin-left: 10px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.productoCatalogo__title-section .Icon:hover {
  cursor: pointer;
  opacity: 0.6;
}
.productoCatalogo__title-section .Icon + .Icon {
  margin-left: 8px;
  background-color: #e8470b;
}
.productoCatalogo .Btn, .productoCatalogo .DetailProduct__share > a, .productoCatalogo .DetailProduct__share > .backLink, .productoCatalogo .HomePc .Info__descripcion .DetailProduct__share > span, .HomePc .Info__descripcion .productoCatalogo .DetailProduct__share > span, .productoCatalogo .HomeVentajasQR .Info__descripcion .DetailProduct__share > span, .HomeVentajasQR .Info__descripcion .productoCatalogo .DetailProduct__share > span {
  padding: 8px;
  border: 0px solid gainsboro;
}
.productoCatalogo .Btn--Blue {
  border-color: #1362a7;
}
.productoCatalogo .Btn--center {
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (max-width: 500px) {
  .productoCatalogo .Btn--center {
    margin-top: 41px;
  }
}
.productoCatalogo textarea {
  max-height: 100px;
}
.productoCatalogo .Box {
  background-color: snow;
}
.productoCatalogo .Box--box {
  margin-top: 10px;
  margin-bottom: 10px;
}
.productoCatalogo .Icon {
  background-color: rgba(232, 62, 39, 0.6196078431);
  padding: 5px;
  width: 40px;
  height: 40px;
  font-size: 16px;
  color: white;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.productoCatalogo .Icon:hover {
  cursor: pointer;
  opacity: 0.6;
}
.productoCatalogo .Grid, .productoCatalogo .FooterCategorias, .productoCatalogo .FooterPanel, .productoCatalogo .EstadisticaPanel {
  margin-top: 20px;
}
.productoCatalogo__actions {
  position: absolute;
  right: 10px;
  top: -10px;
  display: flex;
}
@media (max-width: 500px) {
  .productoCatalogo__actions {
    top: initial;
    bottom: -20px;
    left: 0;
    right: 0;
    justify-content: center;
  }
}
.productoCatalogo__actions .Icon + .Icon {
  margin-left: 10px;
  background-color: #26c6da;
}
.productoCatalogo .Box__header__icon {
  background-color: red;
}
.productoCatalogo .Lang {
  justify-content: center;
  margin-top: 20px;
}
.productoCatalogo .Lang img {
  width: 30px;
  height: 30px;
}

@media (max-width: 768px) {
  .proCatalogo {
    margin-top: 0 !important;
  }
  .proCatalogo h2 {
    margin-bottom: 10px !important;
    font-size: 25px !important;
  }
  .proCatalogo .Lang {
    gap: 10px;
  }
}
.proCatalogo h2 {
  font-size: 40px;
  text-transform: uppercase;
  margin-bottom: 40px;
  background: white;
  padding: 10px;
  border-radius: 20px;
  box-shadow: 0px 4px 10px -10px black;
}
.proCatalogo .Box {
  border-radius: 10px;
}
.proCatalogo .Box__header {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: rgba(0, 64, 119, 0.3215686275);
}
.proCatalogo .Box__header__icon {
  display: none;
}
.proCatalogo .Box__header__titulo {
  color: chocolate;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  text-transform: uppercase;
}
.proCatalogo .Box__body .Grid, .proCatalogo .Box__body .FooterCategorias, .proCatalogo .Box__body .FooterPanel, .proCatalogo .Box__body .EstadisticaPanel {
  margin-top: 10px;
  padding: 10px;
}

.newProductCatalogo {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 700px;
  margin: auto;
}
.newProductCatalogo__category {
  background-color: white;
  padding: 10px;
  border-radius: 10px;
}
.newProductCatalogo__category .Icon {
  padding: 20px !important;
  width: 30px;
  height: 30px;
}
.newProductCatalogo__title {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 20px;
  justify-content: space-between;
  padding-inline: 10px;
}
.newProductCatalogo__title > div {
  display: flex;
  align-items: center;
  gap: 5px;
}

.mb-5 {
  margin-bottom: 1rem;
}

.FormData {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.buttons-card-menu {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
}

.catalogo-panel-create {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.catalogo-panel-create section {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  margin-bottom: 20px;
  max-width: 450px;
  width: 100%;
  border-radius: 5px;
  background-color: white;
  padding: 20px;
}
.catalogo-panel-create section form {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.catalogo-panel-create section form > * {
  width: 100%;
}
.catalogo-panel-create section h2 {
  font-size: 20px;
  font-weight: bold;
}
.catalogo-panel-create section p {
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 10px;
  color: rgba(0, 0, 0, 0.6);
}

.AddNewHorarios button {
  padding: 2px;
  display: flex;
  align-items: center;
  gap: 5px;
  text-align: center;
  cursor: pointer;
  justify-content: center;
}
.AddNewHorarios > button {
  width: 100%;
  height: 40px;
  border: none;
  background-color: #007e3a;
  color: white;
  font-size: 20px;
  font-weight: bold;
  border-radius: 10px;
  margin-bottom: 20px;
  cursor: pointer;
}
.AddNewHorarios label {
  display: flex;
  align-items: center;
  gap: 2px;
}
.AddNewHorarios label input[type=checkbox] {
  margin-right: 5px;
  width: 20px;
  height: 20px;
  border: none;
  background-color: transparent;
  cursor: pointer;
}
.AddNewHorarios label input[type=checkbox]:checked {
  background-color: #007e3a;
}
.AddNewHorarios__body {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.AddNewHorarios__body__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  background-color: gainsboro;
  padding: 10px;
  border-radius: 10px;
}
.AddNewHorarios__body__item * {
  width: 100%;
}
.AddNewHorarios__body__item b {
  font-size: 14px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.6);
}

.RegistroLayout {
  display: flex;
  flex-direction: column;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -ms-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -o-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -sm-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 600px;
  min-width: 100%;
  position: relative;
  z-index: 1;
  background-color: #fff;
  margin-top: 3rem;
  margin-bottom: 3rem;
}
@media screen and (max-width: 620px) {
  .RegistroLayout {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
  }
}
.RegistroLayout__image {
  width: 200px;
  margin: auto;
  display: block;
}
.RegistroLayout__titulo {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-size: 15pt;
}
.RegistroLayout__body {
  padding: 20px;
}
.RegistroLayout__condiciones {
  margin-bottom: 20px;
  text-align: center;
}
.RegistroLayout__condiciones a, .RegistroLayout__condiciones .backLink, .RegistroLayout__condiciones .HomePc .Info__descripcion span, .HomePc .Info__descripcion .RegistroLayout__condiciones span, .RegistroLayout__condiciones .HomeVentajasQR .Info__descripcion span, .HomeVentajasQR .Info__descripcion .RegistroLayout__condiciones span, .RegistroLayout__condiciones {
  font-size: 15px;
}

@media screen and (max-width: 1234px) {
  .BuscadorPro {
    margin-left: 50px;
    margin-right: 50px;
    width: auto;
  }
}
@media screen and (max-width: 904px) {
  .BuscadorPro__buscador {
    flex-wrap: wrap;
    margin: -5px -10px;
  }
}
@media screen and (max-width: 904px) {
  .BuscadorPro__buscador > * {
    flex: auto;
    margin: 10px;
    margin-bottom: 5px;
    margin-top: 5px;
  }
}
@media screen and (max-width: 904px) {
  .BuscadorPro__buscador > *:last-child {
    flex: initial;
  }
}

@media screen and (max-width: 540px) {
  .ButtonsContainers {
    flex-wrap: wrap;
    margin: -10px;
    padding: 20px;
  }
}
@media screen and (max-width: 540px) {
  .ButtonsContainers > * {
    flex: auto;
    margin: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
  }
}

@media screen and (max-width: 540px) {
  .HeaderPro {
    flex-direction: column;
    height: auto;
    padding: 20px;
  }
}
@media screen and (max-width: 540px) {
  .HeaderPro > a, .HeaderPro > .backLink, .HomePc .Info__descripcion .HeaderPro > span, .HomeVentajasQR .Info__descripcion .HeaderPro > span {
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 645px) {
  .HeaderPro__logo {
    height: 30px;
  }
}
@media screen and (max-width: 540px) {
  .HeaderPro__logo {
    height: 40px;
  }
}
@media screen and (max-width: 645px) {
  .HeaderPro__titulo {
    font-size: 17pt;
  }
}
@media screen and (max-width: 540px) {
  .HeaderPro__titulo {
    font-size: 20pt;
  }
}

@media screen and (max-width: 1080px) {
  .Contenedor > .Zebras .Zebra__container {
    flex-direction: column;
  }
}
@media screen and (max-width: 1080px) {
  .Contenedor > .Zebras .Zebra__image {
    margin-bottom: 1rem;
  }
}

/*# sourceMappingURL=styles.css.map */