html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

input,
label,
select,
button,
textarea {
  margin: 0;
  border: 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
  background: none;
  line-height: 1; }

/* Remove the stupid outer glow in Webkit */
*:focus {
  outline: 0; }

* {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0; }

.clear {
  content: "";
  display: table;
  clear: both; }

strong {
  font-weight: bold; }

a {
  cursor: pointer; }

:root {
  --color-primary: #004cba;
  --color-secondary: #ad123c;
  --color-tertiary: #208fde;
  --color-green: green;
  --color-red: red;
  --color-white: #FFF;
  --color-black: #000;
  --color-grey: #6c757d;
  --color-lightgrey: #fafafa;
  --background-info: #cce5ff;
  --border-info: #b8daff;
  --color-info: #004085;
  --background-error: #f8d7da;
  --border-error: #f5c6cb;
  --color-error: #721c24;
  --background-warning: #fff3cd;
  --border-warning: #ffeeba;
  --color-warning: #856404;
  --background-success: #d4edda;
  --border-success: #c3e6cb;
  --color-success: #155724;
  --font-primary: quicksand;
  --font-secondary: quicksand; }

:root {
  --color-primary: #004cba;
  --color-secondary: #ad123c;
  --color-tertiary: #208fde;
  --color-green: green;
  --color-red: red;
  --color-white: #FFF;
  --color-black: #000;
  --color-grey: #6c757d;
  --color-lightgrey: #fafafa;
  --background-info: #cce5ff;
  --border-info: #b8daff;
  --color-info: #004085;
  --background-error: #f8d7da;
  --border-error: #f5c6cb;
  --color-error: #721c24;
  --background-warning: #fff3cd;
  --border-warning: #ffeeba;
  --color-warning: #856404;
  --background-success: #d4edda;
  --border-success: #c3e6cb;
  --color-success: #155724;
  --font-primary: quicksand;
  --font-secondary: quicksand; }

.border-error {
  border: 1px solid #f5c6cb !important; }

.border-success {
  border: 1px solid #c3e6cb !important; }

.border-warning {
  border: 1px solid #ffeeba !important; }

.color-success {
  color: #155724; }

.color-warning {
  color: #856404; }

.color-error {
  color: #721c24; }

.color-primary {
  color: #004cba !important; }

.color-secondary {
  color: #ad123c !important; }

.color-tertiary {
  color: #208fde !important; }

.color-white {
  color: #FFF !important; }

.color-black {
  color: #000 !important; }

.color-grey {
  color: #6c757d !important; }

.color-lightgrey {
  background: #fafafa !important; }

.bg-primary {
  background: #004cba !important; }

.bg-secondary {
  background: #ad123c !important; }

.bg-tertiary {
  background: #208fde !important; }

.bg-white {
  background-color: #FFF !important; }

.bg-black {
  background: #000 !important; }

.bg-grey {
  background: #6c757d !important; }

.bg-lightgrey {
  background: #fafafa !important; }

.bg-error {
  background: var(--background-error) !important; }

.bg-warning {
  background: #fff3cd !important; }

.bg-success {
  background: #d4edda !important; }

.bg-transparent {
  background: transparent !important; }

.filter-primary {
  filter: invert(18%) sepia(93%) saturate(2567%) hue-rotate(206deg) brightness(95%) contrast(107%); }

.filter-secondary {
  filter: invert(9%) sepia(89%) saturate(5825%) hue-rotate(338deg) brightness(88%) contrast(89%); }

.filter-tertiary {
  filter: invert(46%) sepia(99%) saturate(423%) hue-rotate(164deg) brightness(94%) contrast(102%); }

.filter-lightgrey {
  filter: invert(97%) sepia(100%) saturate(0%) hue-rotate(224deg) brightness(106%) contrast(96%); }

.filter-grey {
  filter: brightness(0) opacity(0.6); }

.filter-green {
  filter: invert(30%) sepia(92%) saturate(2216%) hue-rotate(105deg) brightness(94%) contrast(106%); }

.filter-red {
  filter: invert(21%) sepia(74%) saturate(6368%) hue-rotate(355deg) brightness(96%) contrast(120%); }

.filter-white {
  filter: brightness(0) invert(1); }

.filter-black {
  filter: brightness(0); }

.filter-error {
  filter: invert(14%) sepia(26%) saturate(4129%) hue-rotate(327deg) brightness(106%) contrast(99%); }

.filter-warning {
  filter: invert(32%) sepia(97%) saturate(769%) hue-rotate(20deg) brightness(95%) contrast(97%); }

.filter-success {
  filter: invert(22%) sepia(92%) saturate(427%) hue-rotate(82deg) brightness(93%) contrast(91%); }

/* mediaquery */
/* mediaquery */
.w-0 {
  max-width: 0% !important; }

.w-10 {
  max-width: 10% !important; }

.w-20 {
  max-width: 20% !important; }

.w-30 {
  max-width: 30% !important; }

.w-31 {
  max-width: 31% !important; }

.w-32 {
  max-width: 32% !important; }

.w-33 {
  max-width: 33% !important; }

.w-40 {
  max-width: 40% !important; }

.w-48 {
  max-width: 48% !important; }

.w-50 {
  max-width: 50% !important; }

.w-60 {
  max-width: 60% !important; }

.w-70 {
  max-width: 70% !important; }

.w-80 {
  max-width: 80% !important; }

.w-90 {
  max-width: 90% !important; }

.w-100 {
  max-width: 100% !important; }

.w-115 {
  max-width: 115% !important; }

.w-110 {
  max-width: 110% !important; }

.w-120 {
  max-width: 120% !important; }

.w-125 {
  max-width: 125% !important; }

.w-150 {
  max-width: 150% !important; }

.w-175 {
  max-width: 175% !important; }

.w-200 {
  max-width: 200% !important; }

.w-250 {
  max-width: 250% !important; }

.w-300 {
  max-width: 300% !important; }

@media only screen and (max-width: 768px) {
  .w-t-0 {
    max-width: 0% !important; }
  .w-t-10 {
    max-width: 10% !important; }
  .w-t-20 {
    max-width: 20% !important; }
  .w-t-30 {
    max-width: 30% !important; }
  .w-t-31 {
    max-width: 31% !important; }
  .w-t-32 {
    max-width: 32% !important; }
  .w-t-33 {
    max-width: 33% !important; }
  .w-t-40 {
    max-width: 40% !important; }
  .w-t-48 {
    max-width: 48% !important; }
  .w-t-50 {
    max-width: 50% !important; }
  .w-t-60 {
    max-width: 60% !important; }
  .w-t-70 {
    max-width: 70% !important; }
  .w-t-80 {
    max-width: 80% !important; }
  .w-t-90 {
    max-width: 90% !important; }
  .w-t-100 {
    max-width: 100% !important; }
  .w-t-115 {
    max-width: 115% !important; }
  .w-t-110 {
    max-width: 110% !important; }
  .w-t-120 {
    max-width: 120% !important; }
  .w-t-125 {
    max-width: 125% !important; }
  .w-t-150 {
    max-width: 150% !important; }
  .w-t-175 {
    max-width: 175% !important; }
  .w-t-200 {
    max-width: 200% !important; }
  .w-t-250 {
    max-width: 250% !important; }
  .w-t-300 {
    max-width: 300% !important; } }

@media only screen and (max-width: 480px) {
  .w-m-0 {
    max-width: 0% !important; }
  .w-m-10 {
    max-width: 10% !important; }
  .w-m-20 {
    max-width: 20% !important; }
  .w-m-30 {
    max-width: 30% !important; }
  .w-m-31 {
    max-width: 31% !important; }
  .w-m-32 {
    max-width: 32% !important; }
  .w-m-33 {
    max-width: 33% !important; }
  .w-m-40 {
    max-width: 40% !important; }
  .w-m-48 {
    max-width: 48% !important; }
  .w-m-50 {
    max-width: 50% !important; }
  .w-m-60 {
    max-width: 60% !important; }
  .w-m-70 {
    max-width: 70% !important; }
  .w-m-80 {
    max-width: 80% !important; }
  .w-m-90 {
    max-width: 90% !important; }
  .w-m-100 {
    max-width: 100% !important; }
  .w-m-115 {
    max-width: 115% !important; }
  .w-m-110 {
    max-width: 110% !important; }
  .w-m-120 {
    max-width: 120% !important; }
  .w-m-125 {
    max-width: 125% !important; }
  .w-m-150 {
    max-width: 150% !important; }
  .w-m-175 {
    max-width: 175% !important; }
  .w-m-200 {
    max-width: 200% !important; }
  .w-m-250 {
    max-width: 250% !important; }
  .w-m-300 {
    max-width: 300% !important; } }

.width-0 {
  width: 0px !important; }

.width-10 {
  width: 10px !important; }

.width-20 {
  width: 20px !important; }

.width-30 {
  width: 30px !important; }

.width-31 {
  width: 31px !important; }

.width-32 {
  width: 32px !important; }

.width-33 {
  width: 33px !important; }

.width-40 {
  width: 40px !important; }

.width-48 {
  width: 48px !important; }

.width-50 {
  width: 50px !important; }

.width-60 {
  width: 60px !important; }

.width-70 {
  width: 70px !important; }

.width-80 {
  width: 80px !important; }

.width-90 {
  width: 90px !important; }

.width-100 {
  width: 100px !important; }

.width-115 {
  width: 115px !important; }

.width-110 {
  width: 110px !important; }

.width-120 {
  width: 120px !important; }

.width-125 {
  width: 125px !important; }

.width-150 {
  width: 150px !important; }

.width-175 {
  width: 175px !important; }

.width-200 {
  width: 200px !important; }

.width-250 {
  width: 250px !important; }

.width-300 {
  width: 300px !important; }

@media only screen and (max-width: 768px) {
  .width-t-0 {
    width: 0px !important; }
  .width-t-10 {
    width: 10px !important; }
  .width-t-20 {
    width: 20px !important; }
  .width-t-30 {
    width: 30px !important; }
  .width-t-31 {
    width: 31px !important; }
  .width-t-32 {
    width: 32px !important; }
  .width-t-33 {
    width: 33px !important; }
  .width-t-40 {
    width: 40px !important; }
  .width-t-48 {
    width: 48px !important; }
  .width-t-50 {
    width: 50px !important; }
  .width-t-60 {
    width: 60px !important; }
  .width-t-70 {
    width: 70px !important; }
  .width-t-80 {
    width: 80px !important; }
  .width-t-90 {
    width: 90px !important; }
  .width-t-100 {
    width: 100px !important; }
  .width-t-115 {
    width: 115px !important; }
  .width-t-110 {
    width: 110px !important; }
  .width-t-120 {
    width: 120px !important; }
  .width-t-125 {
    width: 125px !important; }
  .width-t-150 {
    width: 150px !important; }
  .width-t-175 {
    width: 175px !important; }
  .width-t-200 {
    width: 200px !important; }
  .width-t-250 {
    width: 250px !important; }
  .width-t-300 {
    width: 300px !important; } }

@media only screen and (max-width: 480px) {
  .width-m-0 {
    width: 0px !important; }
  .width-m-10 {
    width: 10px !important; }
  .width-m-20 {
    width: 20px !important; }
  .width-m-30 {
    width: 30px !important; }
  .width-m-31 {
    width: 31px !important; }
  .width-m-32 {
    width: 32px !important; }
  .width-m-33 {
    width: 33px !important; }
  .width-m-40 {
    width: 40px !important; }
  .width-m-48 {
    width: 48px !important; }
  .width-m-50 {
    width: 50px !important; }
  .width-m-60 {
    width: 60px !important; }
  .width-m-70 {
    width: 70px !important; }
  .width-m-80 {
    width: 80px !important; }
  .width-m-90 {
    width: 90px !important; }
  .width-m-100 {
    width: 100px !important; }
  .width-m-115 {
    width: 115px !important; }
  .width-m-110 {
    width: 110px !important; }
  .width-m-120 {
    width: 120px !important; }
  .width-m-125 {
    width: 125px !important; }
  .width-m-150 {
    width: 150px !important; }
  .width-m-175 {
    width: 175px !important; }
  .width-m-200 {
    width: 200px !important; }
  .width-m-250 {
    width: 250px !important; }
  .width-m-300 {
    width: 300px !important; } }

/* childrens width 100px */
.ch-w-100 div {
  width: 100px; }

.ch-w-150 div {
  width: 150px; }
  @media only screen and (max-width: 480px) {
    .ch-w-150 div {
      width: 45%; } }
.max-width-100 {
  max-width: 100px; }
  @media only screen and (max-width: 768px) {
    .max-width-100 {
      max-width: inherit; } }
.max-width-150 {
  max-width: 150px; }
  @media only screen and (max-width: 768px) {
    .max-width-150 {
      max-width: inherit; } }
.max-width-200 {
  max-width: 200px; }
  @media only screen and (max-width: 768px) {
    .max-width-200 {
      max-width: inherit; } }
.max-width-300 {
  max-width: 300px; }
  @media only screen and (max-width: 768px) {
    .max-width-300 {
      max-width: inherit; } }
.min-content {
  width: min-content; }

.max-content {
  min-width: max-content !important; }

@media only screen and (max-width: 768px) {
  .r-max-content-t {
    min-width: inherit !important; } }

.width-full {
  width: 100% !important; }

@media only screen and (max-width: 768px) {
  .width-full-t {
    width: 100% !important; } }

@media only screen and (max-width: 480px) {
  .width-full-m {
    width: 100% !important; } }

.background-01 {
  position: relative;
  z-index: 2;
  height: 100%;
  width: 100%; }
  .background-01 * {
    z-index: 2; }
  .background-01::after {
    content: "";
    height: 100%;
    width: 100%;
    background-image: url(/static/frontend/images/bg/home.webp?6d1ad9a92583);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    opacity: 0.1;
    top: 0;
    left: 0;
    z-index: 1; }

.background-02 {
  position: relative;
  z-index: 2;
  height: 100%;
  width: 100%; }
  .background-02 * {
    z-index: 2; }
  .background-02::after {
    content: "";
    height: 100%;
    width: 100%;
    background-image: url(/static/frontend/images/bg/004.webp?6d1ad9a92583);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    opacity: 0.1;
    top: 0;
    left: 0;
    z-index: 1; }

.background-03 {
  position: relative;
  z-index: 2;
  height: 100%;
  width: 100%; }
  .background-03 * {
    z-index: 2; }
  .background-03::after {
    content: "";
    height: 100%;
    width: 100%;
    background: url(/static/frontend/images/bg/mala-praxis.jpeg?6d1ad9a92583) left;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1; }

.background-04 {
  position: relative;
  z-index: 2;
  height: 100%;
  width: 100%; }
  .background-04 * {
    z-index: 2; }
  .background-04::after {
    content: "";
    height: 100%;
    width: 100%;
    background: url(/static/frontend/images/bg/banner-home-moto.jpeg?6d1ad9a92583) left;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1; }

.background-05 {
  position: relative;
  z-index: 2;
  height: 100%;
  width: 100%; }
  .background-05 * {
    z-index: 2; }
  .background-05::after {
    content: "";
    height: 100%;
    width: 100%;
    background: url(/static/frontend/images/bg/banner-home-auto.webp?6d1ad9a92583) left;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1; }

.background-06 {
  position: relative;
  z-index: 2;
  height: 100%;
  width: 100%; }
  .background-06 * {
    z-index: 2; }
  .background-06::after {
    content: "";
    height: 100%;
    width: 100%;
    background: url(/static/frontend/images/bg/banner-home-celu.jpg?6d1ad9a92583) left;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1; }

.background-07 {
  position: relative;
  z-index: 2;
  height: 100%;
  width: 100%; }
  .background-07 * {
    z-index: 2; }
  .background-07::after {
    content: "";
    height: 100%;
    width: 100%;
    background: url(/static/frontend/images/bg/hogar.jpg?6d1ad9a92583) left;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1; }

.background-08 {
  position: relative;
  z-index: 2;
  height: 100%;
  width: 100%; }
  .background-08 * {
    z-index: 2; }
  .background-08::after {
    content: "";
    height: 100%;
    width: 100%;
    background: url(/static/frontend/images/bg/seguro-viaje.jpg?6d1ad9a92583) left;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1; }

/* mediaquery */
.border-radius-0 {
  border-radius: 0 !important; }

.border-radius-10 {
  border-radius: 10px !important; }

.border-radius-20 {
  border-radius: 20px !important; }

.border-radius-30 {
  border-radius: 30px !important; }

.border-radius-40 {
  border-radius: 40px !important; }

@media only screen and (max-width: 768px) {
  .border-radius-t-0 {
    border-radius: 10px !important; }
  .border-radius-t-10 {
    border-radius: 10px !important; }
  .border-radius-t-20 {
    border-radius: 20px !important; }
  .border-radius-t-30 {
    border-radius: 30px !important; }
  .border-radius-t-40 {
    border-radius: 40px !important; } }

@media only screen and (max-width: 480px) {
  .border-radius-m-0 {
    border-radius: 10px !important; }
  .border-radius-m-10 {
    border-radius: 10px !important; }
  .border-radius-m-20 {
    border-radius: 20px !important; }
  .border-radius-m-30 {
    border-radius: 30px !important; }
  .border-radius-m-40 {
    border-radius: 40px !important; } }

.border-radius-top-0 {
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important; }

.border-radius-bottom-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important; }

.border-0 {
  border: 0 !important; }

/* mediaquery */
/* childrens width 100px */
.ch-w-100 div {
  width: 100px; }

.ch-w-150 div {
  width: 150px; }
  @media only screen and (max-width: 480px) {
    .ch-w-150 div {
      width: 45%; } }
.max-width-90 {
  max-width: 90px !important; }

.max-width-100 {
  max-width: 100px; }
  @media only screen and (max-width: 768px) {
    .max-width-100 {
      max-width: inherit; } }
.max-width-150 {
  max-width: 150px; }
  @media only screen and (max-width: 768px) {
    .max-width-150 {
      max-width: inherit; } }
.max-width-200 {
  max-width: 200px; }
  @media only screen and (max-width: 768px) {
    .max-width-200 {
      max-width: inherit; } }
.max-width-300 {
  max-width: 300px; }

.max-width-400 {
  max-width: 300px; }
  @media only screen and (max-width: 768px) {
    .max-width-400 {
      max-width: inherit; } }
.max-width-500 {
  max-width: 300px; }
  @media only screen and (max-width: 768px) {
    .max-width-500 {
      max-width: inherit; } }
.min-content {
  width: min-content; }

.width-full {
  width: 100% !important; }

@media only screen and (max-width: 768px) {
  .width-full-t {
    width: 100% !important; } }

@media only screen and (max-width: 480px) {
  .width-full-m {
    width: 100% !important; } }

:root {
  --color-primary: #004cba;
  --color-secondary: #ad123c;
  --color-tertiary: #208fde;
  --color-green: green;
  --color-red: red;
  --color-white: #FFF;
  --color-black: #000;
  --color-grey: #6c757d;
  --color-lightgrey: #fafafa;
  --background-info: #cce5ff;
  --border-info: #b8daff;
  --color-info: #004085;
  --background-error: #f8d7da;
  --border-error: #f5c6cb;
  --color-error: #721c24;
  --background-warning: #fff3cd;
  --border-warning: #ffeeba;
  --color-warning: #856404;
  --background-success: #d4edda;
  --border-success: #c3e6cb;
  --color-success: #155724;
  --font-primary: quicksand;
  --font-secondary: quicksand; }

.border-error {
  border: 1px solid #f5c6cb !important; }

.border-success {
  border: 1px solid #c3e6cb !important; }

.border-warning {
  border: 1px solid #ffeeba !important; }

.color-success {
  color: #155724; }

.color-warning {
  color: #856404; }

.color-error {
  color: #721c24; }

.color-primary {
  color: #004cba !important; }

.color-secondary {
  color: #ad123c !important; }

.color-tertiary {
  color: #208fde !important; }

.color-white {
  color: #FFF !important; }

.color-black {
  color: #000 !important; }

.color-grey {
  color: #6c757d !important; }

.color-lightgrey {
  background: #fafafa !important; }

.bg-primary {
  background: #004cba !important; }

.bg-secondary {
  background: #ad123c !important; }

.bg-tertiary {
  background: #208fde !important; }

.bg-white {
  background-color: #FFF !important; }

.bg-black {
  background: #000 !important; }

.bg-grey {
  background: #6c757d !important; }

.bg-lightgrey {
  background: #fafafa !important; }

.bg-error {
  background: var(--background-error) !important; }

.bg-warning {
  background: #fff3cd !important; }

.bg-success {
  background: #d4edda !important; }

.bg-transparent {
  background: transparent !important; }

.filter-primary {
  filter: invert(18%) sepia(93%) saturate(2567%) hue-rotate(206deg) brightness(95%) contrast(107%); }

.filter-secondary {
  filter: invert(9%) sepia(89%) saturate(5825%) hue-rotate(338deg) brightness(88%) contrast(89%); }

.filter-tertiary {
  filter: invert(46%) sepia(99%) saturate(423%) hue-rotate(164deg) brightness(94%) contrast(102%); }

.filter-lightgrey {
  filter: invert(97%) sepia(100%) saturate(0%) hue-rotate(224deg) brightness(106%) contrast(96%); }

.filter-grey {
  filter: brightness(0) opacity(0.6); }

.filter-green {
  filter: invert(30%) sepia(92%) saturate(2216%) hue-rotate(105deg) brightness(94%) contrast(106%); }

.filter-red {
  filter: invert(21%) sepia(74%) saturate(6368%) hue-rotate(355deg) brightness(96%) contrast(120%); }

.filter-white {
  filter: brightness(0) invert(1); }

.filter-black {
  filter: brightness(0); }

.filter-error {
  filter: invert(14%) sepia(26%) saturate(4129%) hue-rotate(327deg) brightness(106%) contrast(99%); }

.filter-warning {
  filter: invert(32%) sepia(97%) saturate(769%) hue-rotate(20deg) brightness(95%) contrast(97%); }

.filter-success {
  filter: invert(22%) sepia(92%) saturate(427%) hue-rotate(82deg) brightness(93%) contrast(91%); }

/* mediaquery */
.g-0 {
  gap: 0px !important; }

.g-5 {
  gap: 5px !important; }

.g-10 {
  gap: 10px !important; }

.g-15 {
  gap: 15px !important; }

.g-20 {
  gap: 20px !important; }

.g-30 {
  gap: 30px !important; }

.g-40 {
  gap: 40px !important; }

.g-50 {
  gap: 50px !important; }

@media only screen and (max-width: 768px) {
  .g-t-0 {
    gap: 0px !important; }
  .g-t-5 {
    gap: 5px !important; }
  .g-t-10 {
    gap: 10px !important; }
  .g-t-15 {
    gap: 15px !important; }
  .g-t-20 {
    gap: 20px !important; }
  .g-t-30 {
    gap: 30px !important; }
  .g-t-40 {
    gap: 40px !important; }
  .g-t-50 {
    gap: 50px !important; } }

@media only screen and (max-width: 480px) {
  .g-m-0 {
    gap: 0px !important; }
  .g-m-5 {
    gap: 5px !important; }
  .g-m-10 {
    gap: 10px !important; }
  .g-m-15 {
    gap: 15px !important; }
  .g-m-20 {
    gap: 20px !important; }
  .g-m-30 {
    gap: 30px !important; }
  .g-m-40 {
    gap: 40px !important; }
  .g-m-50 {
    gap: 50px !important; } }

/* mediaquery */
.hide {
  display: none !important; }

@media only screen and (max-width: 1200px) {
  .hide-d {
    display: none !important; } }

@media only screen and (max-width: 960px) {
  .hide-l {
    display: none !important; } }

@media only screen and (max-width: 768px) {
  .hide-t {
    display: none !important; } }

@media only screen and (max-width: 480px) {
  .hide-m {
    display: none !important; } }

.show {
  display: inherit !important; }

@media only screen and (max-width: 1200px) {
  .show-d {
    display: inherit !important; } }

@media only screen and (max-width: 960px) {
  .show-l {
    display: inherit !important; } }

@media only screen and (max-width: 768px) {
  .show-t {
    display: inherit !important; } }

@media only screen and (max-width: 480px) {
  .show-m {
    display: inherit !important; } }

.hide-pseudo::after, .hide-pseudo::before {
  margin: 0 !important;
  display: none !important; }

@media only screen and (max-width: 1200px) {
  .hide-d-pseudo {
    margin: 0 !important; }
    .hide-d-pseudo::after, .hide-d-pseudo::before {
      display: none !important; } }

@media only screen and (max-width: 960px) {
  .hide-l-pseudo {
    margin: 0 !important; }
    .hide-l-pseudo::after, .hide-l-pseudo::before {
      display: none !important; } }

@media only screen and (max-width: 768px) {
  .hide-t-pseudo {
    margin: 0 !important; }
    .hide-t-pseudo::after, .hide-t-pseudo::before {
      display: none !important; } }

@media only screen and (max-width: 480px) {
  .hide-m-pseudo {
    margin: 0 !important; }
    .hide-m-pseudo::after, .hide-m-pseudo::before {
      display: none !important; } }

/* mediaquery */
.m-0 {
  margin: 0px !important; }

.m-1 {
  margin: 1px !important; }

.m-2 {
  margin: 2px !important; }

.m-3 {
  margin: 3px !important; }

.m-4 {
  margin: 4px !important; }

.m-5 {
  margin: 5px !important; }

.m-6 {
  margin: 6px !important; }

.m-7 {
  margin: 7px !important; }

.m-8 {
  margin: 8px !important; }

.m-9 {
  margin: 9px !important; }

.m-10 {
  margin: 10px !important; }

.m-15 {
  margin: 15px !important; }

.m-20 {
  margin: 20px !important; }

.m-25 {
  margin: 25px !important; }

.m-30 {
  margin: 30px !important; }

.m-35 {
  margin: 35px !important; }

.m-40 {
  margin: 40px !important; }

.m-50 {
  margin: 50px !important; }

@media only screen and (max-width: 768px) {
  .m-t-0 {
    margin: 0px !important; }
  .m-t-1 {
    margin: 1px !important; }
  .m-t-2 {
    margin: 2px !important; }
  .m-t-3 {
    margin: 3px !important; }
  .m-t-4 {
    margin: 4px !important; }
  .m-t-5 {
    margin: 5px !important; }
  .m-t-6 {
    margin: 6px !important; }
  .m-t-7 {
    margin: 7px !important; }
  .m-t-8 {
    margin: 8px !important; }
  .m-t-9 {
    margin: 9px !important; }
  .m-t-10 {
    margin: 10px !important; }
  .m-t-15 {
    margin: 15px !important; }
  .m-t-20 {
    margin: 20px !important; }
  .m-t-25 {
    margin: 25px !important; }
  .m-t-30 {
    margin: 30px !important; }
  .m-t-35 {
    margin: 35px !important; }
  .m-t-40 {
    margin: 40px !important; }
  .m-t-50 {
    margin: 50px !important; } }

@media only screen and (max-width: 480px) {
  .m-m-0 {
    margin: 0px !important; }
  .m-m-1 {
    margin: 1px !important; }
  .m-m-2 {
    margin: 2px !important; }
  .m-m-3 {
    margin: 3px !important; }
  .m-m-4 {
    margin: 4px !important; }
  .m-m-5 {
    margin: 5px !important; }
  .m-m-6 {
    margin: 6px !important; }
  .m-m-7 {
    margin: 7px !important; }
  .m-m-8 {
    margin: 8px !important; }
  .m-m-9 {
    margin: 9px !important; }
  .m-m-10 {
    margin: 10px !important; }
  .m-m-15 {
    margin: 15px !important; }
  .m-m-20 {
    margin: 20px !important; }
  .m-m-25 {
    margin: 25px !important; }
  .m-m-30 {
    margin: 30px !important; }
  .m-m-35 {
    margin: 35px !important; }
  .m-m-40 {
    margin: 40px !important; }
  .m-m-50 {
    margin: 50px !important; } }

/* margin bottom */
.mb-0 {
  margin-bottom: 0px !important; }

.mb-1 {
  margin-bottom: 1px !important; }

.mb-2 {
  margin-bottom: 2px !important; }

.mb-3 {
  margin-bottom: 3px !important; }

.mb-4 {
  margin-bottom: 4px !important; }

.mb-5 {
  margin-bottom: 5px !important; }

.mb-6 {
  margin-bottom: 6px !important; }

.mb-7 {
  margin-bottom: 7px !important; }

.mb-8 {
  margin-bottom: 8px !important; }

.mb-9 {
  margin-bottom: 9px !important; }

.mb-10 {
  margin-bottom: 10px !important; }

.mb-15 {
  margin-bottom: 15px !important; }

.mb-20 {
  margin-bottom: 20px !important; }

.mb-25 {
  margin-bottom: 25px !important; }

.mb-30 {
  margin-bottom: 30px !important; }

.mb-35 {
  margin-bottom: 35px !important; }

.mb-40 {
  margin-bottom: 40px !important; }

.mb-50 {
  margin-bottom: 50px !important; }

@media only screen and (max-width: 768px) {
  .mb-t-0 {
    margin-bottom: 0px !important; }
  .mb-t-1 {
    margin-bottom: 1px !important; }
  .mb-t-2 {
    margin-bottom: 2px !important; }
  .mb-t-3 {
    margin-bottom: 3px !important; }
  .mb-t-4 {
    margin-bottom: 4px !important; }
  .mb-t-5 {
    margin-bottom: 5px !important; }
  .mb-t-6 {
    margin-bottom: 6px !important; }
  .mb-t-7 {
    margin-bottom: 7px !important; }
  .mb-t-8 {
    margin-bottom: 8px !important; }
  .mb-t-9 {
    margin-bottom: 9px !important; }
  .mb-t-10 {
    margin-bottom: 10px !important; }
  .mb-t-15 {
    margin-bottom: 15px !important; }
  .mb-t-20 {
    margin-bottom: 20px !important; }
  .mb-t-25 {
    margin-bottom: 25px !important; }
  .mb-t-30 {
    margin-bottom: 30px !important; }
  .mb-t-35 {
    margin-bottom: 35px !important; }
  .mb-t-40 {
    margin-bottom: 40px !important; }
  .mb-t-50 {
    margin-bottom: 50px !important; } }

@media only screen and (max-width: 480px) {
  .mb-m-0 {
    margin-bottom: 0px !important; }
  .mb-m-1 {
    margin-bottom: 1px !important; }
  .mb-m-2 {
    margin-bottom: 2px !important; }
  .mb-m-3 {
    margin-bottom: 3px !important; }
  .mb-m-4 {
    margin-bottom: 4px !important; }
  .mb-m-5 {
    margin-bottom: 5px !important; }
  .mb-m-6 {
    margin-bottom: 6px !important; }
  .mb-m-7 {
    margin-bottom: 7px !important; }
  .mb-m-8 {
    margin-bottom: 8px !important; }
  .mb-m-9 {
    margin-bottom: 9px !important; }
  .mb-m-10 {
    margin-bottom: 10px !important; }
  .mb-m-15 {
    margin-bottom: 15px !important; }
  .mb-m-20 {
    margin-bottom: 20px !important; }
  .mb-m-25 {
    margin-bottom: 25px !important; }
  .mb-m-30 {
    margin-bottom: 30px !important; }
  .mb-m-35 {
    margin-bottom: 35px !important; }
  .mb-m-40 {
    margin-bottom: 40px !important; }
  .mb-m-50 {
    margin-bottom: 50px !important; } }

/* margin top */
.mt-0 {
  margin-top: 0px !important; }

.mt-1 {
  margin-top: 1px !important; }

.mt-2 {
  margin-top: 2px !important; }

.mt-3 {
  margin-top: 3px !important; }

.mt-4 {
  margin-top: 4px !important; }

.mt-5 {
  margin-top: 5px !important; }

.mt-6 {
  margin-top: 6px !important; }

.mt-7 {
  margin-top: 7px !important; }

.mt-8 {
  margin-top: 8px !important; }

.mt-9 {
  margin-top: 9px !important; }

.mt-10 {
  margin-top: 10px !important; }

.mt-15 {
  margin-top: 15px !important; }

.mt-20 {
  margin-top: 20px !important; }

.mt-25 {
  margin-top: 25px !important; }

.mt-30 {
  margin-top: 30px !important; }

.mt-35 {
  margin-top: 35px !important; }

.mt-40 {
  margin-top: 40px !important; }

.mt-50 {
  margin-top: 50px !important; }

@media only screen and (max-width: 768px) {
  .mt-t-0 {
    margin-top: 0px !important; }
  .mt-t-1 {
    margin-top: 1px !important; }
  .mt-t-2 {
    margin-top: 2px !important; }
  .mt-t-3 {
    margin-top: 3px !important; }
  .mt-t-4 {
    margin-top: 4px !important; }
  .mt-t-5 {
    margin-top: 5px !important; }
  .mt-t-6 {
    margin-top: 6px !important; }
  .mt-t-7 {
    margin-top: 7px !important; }
  .mt-t-8 {
    margin-top: 8px !important; }
  .mt-t-9 {
    margin-top: 9px !important; }
  .mt-t-10 {
    margin-top: 10px !important; }
  .mt-t-15 {
    margin-top: 15px !important; }
  .mt-t-20 {
    margin-top: 20px !important; }
  .mt-t-25 {
    margin-top: 25px !important; }
  .mt-t-30 {
    margin-top: 30px !important; }
  .mt-t-35 {
    margin-top: 35px !important; }
  .mt-t-40 {
    margin-top: 40px !important; }
  .mt-t-50 {
    margin-top: 50px !important; } }

@media only screen and (max-width: 480px) {
  .mt-m-0 {
    margin-top: 0px !important; }
  .mt-m-1 {
    margin-top: 1px !important; }
  .mt-m-2 {
    margin-top: 2px !important; }
  .mt-m-3 {
    margin-top: 3px !important; }
  .mt-m-4 {
    margin-top: 4px !important; }
  .mt-m-5 {
    margin-top: 5px !important; }
  .mt-m-6 {
    margin-top: 6px !important; }
  .mt-m-7 {
    margin-top: 7px !important; }
  .mt-m-8 {
    margin-top: 8px !important; }
  .mt-m-9 {
    margin-top: 9px !important; }
  .mt-m-10 {
    margin-top: 10px !important; }
  .mt-m-15 {
    margin-top: 15px !important; }
  .mt-m-20 {
    margin-top: 20px !important; }
  .mt-m-25 {
    margin-top: 25px !important; }
  .mt-m-30 {
    margin-top: 30px !important; }
  .mt-m-35 {
    margin-top: 35px !important; }
  .mt-m-40 {
    margin-top: 40px !important; }
  .mt-m-50 {
    margin-top: 50px !important; } }

/* margin right */
.mr-0 {
  margin-right: 0px !important; }

.mr-1 {
  margin-right: 1px !important; }

.mr-2 {
  margin-right: 2px !important; }

.mr-3 {
  margin-right: 3px !important; }

.mr-4 {
  margin-right: 4px !important; }

.mr-5 {
  margin-right: 5px !important; }

.mr-6 {
  margin-right: 6px !important; }

.mr-7 {
  margin-right: 7px !important; }

.mr-8 {
  margin-right: 8px !important; }

.mr-9 {
  margin-right: 9px !important; }

.mr-10 {
  margin-right: 10px !important; }

.mr-15 {
  margin-right: 15px !important; }

.mr-20 {
  margin-right: 20px !important; }

.mr-25 {
  margin-right: 25px !important; }

.mr-30 {
  margin-right: 30px !important; }

.mr-35 {
  margin-right: 35px !important; }

.mr-40 {
  margin-right: 40px !important; }

.mr-50 {
  margin-right: 50px !important; }

@media only screen and (max-width: 768px) {
  .mr-t-0 {
    margin-right: 0px !important; }
  .mr-t-1 {
    margin-right: 1px !important; }
  .mr-t-2 {
    margin-right: 2px !important; }
  .mr-t-3 {
    margin-right: 3px !important; }
  .mr-t-4 {
    margin-right: 4px !important; }
  .mr-t-5 {
    margin-right: 5px !important; }
  .mr-t-6 {
    margin-right: 6px !important; }
  .mr-t-7 {
    margin-right: 7px !important; }
  .mr-t-8 {
    margin-right: 8px !important; }
  .mr-t-9 {
    margin-right: 9px !important; }
  .mr-t-10 {
    margin-right: 10px !important; }
  .mr-t-15 {
    margin-right: 15px !important; }
  .mr-t-20 {
    margin-right: 20px !important; }
  .mr-t-25 {
    margin-right: 25px !important; }
  .mr-t-30 {
    margin-right: 30px !important; }
  .mr-t-35 {
    margin-right: 35px !important; }
  .mr-t-40 {
    margin-right: 40px !important; }
  .mr-t-50 {
    margin-right: 50px !important; } }

@media only screen and (max-width: 480px) {
  .mr-m-0 {
    margin-right: 0px !important; }
  .mr-m-1 {
    margin-right: 1px !important; }
  .mr-m-2 {
    margin-right: 2px !important; }
  .mr-m-3 {
    margin-right: 3px !important; }
  .mr-m-4 {
    margin-right: 4px !important; }
  .mr-m-5 {
    margin-right: 5px !important; }
  .mr-m-6 {
    margin-right: 6px !important; }
  .mr-m-7 {
    margin-right: 7px !important; }
  .mr-m-8 {
    margin-right: 8px !important; }
  .mr-m-9 {
    margin-right: 9px !important; }
  .mr-m-10 {
    margin-right: 10px !important; }
  .mr-m-15 {
    margin-right: 15px !important; }
  .mr-m-20 {
    margin-right: 20px !important; }
  .mr-m-25 {
    margin-right: 25px !important; }
  .mr-m-30 {
    margin-right: 30px !important; }
  .mr-m-35 {
    margin-right: 35px !important; }
  .mr-m-40 {
    margin-right: 40px !important; }
  .mr-m-50 {
    margin-right: 50px !important; } }

/* margin left */
.ml-0 {
  margin-left: 0px !important; }

.ml-1 {
  margin-left: 1px !important; }

.ml-2 {
  margin-left: 2px !important; }

.ml-3 {
  margin-left: 3px !important; }

.ml-4 {
  margin-left: 4px !important; }

.ml-5 {
  margin-left: 5px !important; }

.ml-6 {
  margin-left: 6px !important; }

.ml-7 {
  margin-left: 7px !important; }

.ml-8 {
  margin-left: 8px !important; }

.ml-9 {
  margin-left: 9px !important; }

.ml-10 {
  margin-left: 10px !important; }

.ml-15 {
  margin-left: 15px !important; }

.ml-20 {
  margin-left: 20px !important; }

.ml-25 {
  margin-left: 25px !important; }

.ml-30 {
  margin-left: 30px !important; }

.ml-35 {
  margin-left: 35px !important; }

.ml-40 {
  margin-left: 40px !important; }

.ml-50 {
  margin-left: 50px !important; }

@media only screen and (max-width: 768px) {
  .ml-t-0 {
    margin-left: 0px !important; }
  .ml-t-1 {
    margin-left: 1px !important; }
  .ml-t-2 {
    margin-left: 2px !important; }
  .ml-t-3 {
    margin-left: 3px !important; }
  .ml-t-4 {
    margin-left: 4px !important; }
  .ml-t-5 {
    margin-left: 5px !important; }
  .ml-t-6 {
    margin-left: 6px !important; }
  .ml-t-7 {
    margin-left: 7px !important; }
  .ml-t-8 {
    margin-left: 8px !important; }
  .ml-t-9 {
    margin-left: 9px !important; }
  .ml-t-10 {
    margin-left: 10px !important; }
  .ml-t-15 {
    margin-left: 15px !important; }
  .ml-t-20 {
    margin-left: 20px !important; }
  .ml-t-25 {
    margin-left: 25px !important; }
  .ml-t-30 {
    margin-left: 30px !important; }
  .ml-t-35 {
    margin-left: 35px !important; }
  .ml-t-40 {
    margin-left: 40px !important; }
  .ml-t-50 {
    margin-left: 50px !important; } }

@media only screen and (max-width: 480px) {
  .ml-m-0 {
    margin-left: 0px !important; }
  .ml-m-1 {
    margin-left: 1px !important; }
  .ml-m-2 {
    margin-left: 2px !important; }
  .ml-m-3 {
    margin-left: 3px !important; }
  .ml-m-4 {
    margin-left: 4px !important; }
  .ml-m-5 {
    margin-left: 5px !important; }
  .ml-m-6 {
    margin-left: 6px !important; }
  .ml-m-7 {
    margin-left: 7px !important; }
  .ml-m-8 {
    margin-left: 8px !important; }
  .ml-m-9 {
    margin-left: 9px !important; }
  .ml-m-10 {
    margin-left: 10px !important; }
  .ml-m-15 {
    margin-left: 15px !important; }
  .ml-m-20 {
    margin-left: 20px !important; }
  .ml-m-25 {
    margin-left: 25px !important; }
  .ml-m-30 {
    margin-left: 30px !important; }
  .ml-m-35 {
    margin-left: 35px !important; }
  .ml-m-40 {
    margin-left: 40px !important; }
  .ml-m-50 {
    margin-left: 50px !important; } }

.opacity-1 {
  opacity: 0.1; }

.opacity-2 {
  opacity: 0.2; }

.opacity-3 {
  opacity: 0.3; }

.opacity-4 {
  opacity: 0.4; }

.opacity-5 {
  opacity: 0.5; }

.opacity-6 {
  opacity: 0.6; }

.opacity-7 {
  opacity: 0.7; }

.opacity-8 {
  opacity: 0.8; }

.opacity-9 {
  opacity: 0.9; }

.opacity-10 {
  opacity: 1; }

.opacity5 {
  opacity: 0.5; }

/* mediaquery */
.p-0 {
  padding: 0px !important; }

.p-1 {
  padding: 1px !important; }

.p-2 {
  padding: 2px !important; }

.p-3 {
  padding: 3px !important; }

.p-4 {
  padding: 4px !important; }

.p-5 {
  padding: 5px !important; }

.p-6 {
  padding: 6px !important; }

.p-7 {
  padding: 7px !important; }

.p-8 {
  padding: 8px !important; }

.p-9 {
  padding: 9px !important; }

.p-10 {
  padding: 10px !important; }

.p-15 {
  padding: 15px !important; }

.p-20 {
  padding: 20px !important; }

.p-30 {
  padding: 30px !important; }

.p-40 {
  padding: 40px !important; }

.p-50 {
  padding: 50px !important; }

@media only screen and (max-width: 768px) {
  .p-t-0 {
    padding: 0px !important; }
  .p-t-1 {
    padding: 1px !important; }
  .p-t-2 {
    padding: 2px !important; }
  .p-t-3 {
    padding: 3px !important; }
  .p-t-4 {
    padding: 4px !important; }
  .p-t-5 {
    padding: 5px !important; }
  .p-t-6 {
    padding: 6px !important; }
  .p-t-7 {
    padding: 7px !important; }
  .p-t-8 {
    padding: 8px !important; }
  .p-t-9 {
    padding: 9px !important; }
  .p-t-10 {
    padding: 10px !important; }
  .p-t-15 {
    padding: 15px !important; }
  .p-t-20 {
    padding: 20px !important; }
  .p-t-30 {
    padding: 30px !important; }
  .p-t-40 {
    padding: 40px !important; }
  .p-t-50 {
    padding: 50px !important; } }

@media only screen and (max-width: 480px) {
  .p-m-0 {
    padding: 0px !important; }
  .p-m-1 {
    padding: 1px !important; }
  .p-m-2 {
    padding: 2px !important; }
  .p-m-3 {
    padding: 3px !important; }
  .p-m-4 {
    padding: 4px !important; }
  .p-m-5 {
    padding: 5px !important; }
  .p-m-6 {
    padding: 6px !important; }
  .p-m-7 {
    padding: 7px !important; }
  .p-m-8 {
    padding: 8px !important; }
  .p-m-9 {
    padding: 9px !important; }
  .p-m-10 {
    padding: 10px !important; }
  .p-m-15 {
    padding: 15px !important; }
  .p-m-20 {
    padding: 20px !important; }
  .p-m-30 {
    padding: 30px !important; }
  .p-m-40 {
    padding: 40px !important; }
  .p-m-50 {
    padding: 50px !important; } }

/* padding bottom */
.pb-0 {
  padding-bottom: 0px !important; }

.pb-1 {
  padding-bottom: 1px !important; }

.pb-2 {
  padding-bottom: 2px !important; }

.pb-3 {
  padding-bottom: 3px !important; }

.pb-4 {
  padding-bottom: 4px !important; }

.pb-5 {
  padding-bottom: 5px !important; }

.pb-6 {
  padding-bottom: 6px !important; }

.pb-7 {
  padding-bottom: 7px !important; }

.pb-8 {
  padding-bottom: 8px !important; }

.pb-9 {
  padding-bottom: 9px !important; }

.pb-10 {
  padding-bottom: 10px !important; }

.pb-15 {
  padding-bottom: 15px !important; }

.pb-20 {
  padding-bottom: 20px !important; }

.pb-30 {
  padding-bottom: 30px !important; }

.pb-40 {
  padding-bottom: 40px !important; }

.pb-50 {
  padding-bottom: 50px !important; }

@media only screen and (max-width: 768px) {
  .pb-t-0 {
    padding-bottom: 0px !important; }
  .pb-t-1 {
    padding-bottom: 1px !important; }
  .pb-t-2 {
    padding-bottom: 2px !important; }
  .pb-t-3 {
    padding-bottom: 3px !important; }
  .pb-t-4 {
    padding-bottom: 4px !important; }
  .pb-t-5 {
    padding-bottom: 5px !important; }
  .pb-t-6 {
    padding-bottom: 6px !important; }
  .pb-t-7 {
    padding-bottom: 7px !important; }
  .pb-t-8 {
    padding-bottom: 8px !important; }
  .pb-t-9 {
    padding-bottom: 9px !important; }
  .pb-t-10 {
    padding-bottom: 10px !important; }
  .pb-t-15 {
    padding-bottom: 15px !important; }
  .pb-t-20 {
    padding-bottom: 20px !important; }
  .pb-t-30 {
    padding-bottom: 30px !important; }
  .pb-t-40 {
    padding-bottom: 40px !important; }
  .pb-t-50 {
    padding-bottom: 50px !important; } }

@media only screen and (max-width: 480px) {
  .pb-m-0 {
    padding-bottom: 0px !important; }
  .pb-m-1 {
    padding-bottom: 1px !important; }
  .pb-m-2 {
    padding-bottom: 2px !important; }
  .pb-m-3 {
    padding-bottom: 3px !important; }
  .pb-m-4 {
    padding-bottom: 4px !important; }
  .pb-m-5 {
    padding-bottom: 5px !important; }
  .pb-m-6 {
    padding-bottom: 6px !important; }
  .pb-m-7 {
    padding-bottom: 7px !important; }
  .pb-m-8 {
    padding-bottom: 8px !important; }
  .pb-m-9 {
    padding-bottom: 9px !important; }
  .pb-m-10 {
    padding-bottom: 10px !important; }
  .pb-m-15 {
    padding-bottom: 15px !important; }
  .pb-m-20 {
    padding-bottom: 20px !important; }
  .pb-m-30 {
    padding-bottom: 30px !important; }
  .pb-m-40 {
    padding-bottom: 40px !important; }
  .pb-m-50 {
    padding-bottom: 50px !important; } }

/* margin bottom */
.pt-0 {
  padding-top: 0px !important; }

.pt-1 {
  padding-top: 1px !important; }

.pt-2 {
  padding-top: 2px !important; }

.pt-3 {
  padding-top: 3px !important; }

.pt-4 {
  padding-top: 4px !important; }

.pt-5 {
  padding-top: 5px !important; }

.pt-6 {
  padding-top: 6px !important; }

.pt-7 {
  padding-top: 7px !important; }

.pt-8 {
  padding-top: 8px !important; }

.pt-9 {
  padding-top: 9px !important; }

.pt-10 {
  padding-top: 10px !important; }

.pt-15 {
  padding-top: 15px !important; }

.pt-20 {
  padding-top: 20px !important; }

.pt-30 {
  padding-top: 30px !important; }

.pt-40 {
  padding-top: 40px !important; }

.pt-50 {
  padding-top: 50px !important; }

@media only screen and (max-width: 768px) {
  .pt-t-0 {
    padding-top: 0px !important; }
  .pt-t-1 {
    padding-top: 1px !important; }
  .pt-t-2 {
    padding-top: 2px !important; }
  .pt-t-3 {
    padding-top: 3px !important; }
  .pt-t-4 {
    padding-top: 4px !important; }
  .pt-t-5 {
    padding-top: 5px !important; }
  .pt-t-6 {
    padding-top: 6px !important; }
  .pt-t-7 {
    padding-top: 7px !important; }
  .pt-t-8 {
    padding-top: 8px !important; }
  .pt-t-9 {
    padding-top: 9px !important; }
  .pt-t-10 {
    padding-top: 10px !important; }
  .pt-t-15 {
    padding-top: 15px !important; }
  .pt-t-20 {
    padding-top: 20px !important; }
  .pt-t-30 {
    padding-top: 30px !important; }
  .pt-t-40 {
    padding-top: 40px !important; }
  .pt-t-50 {
    padding-top: 50px !important; } }

@media only screen and (max-width: 480px) {
  .pt-m-0 {
    padding-top: 0px !important; }
  .pt-m-1 {
    padding-top: 1px !important; }
  .pt-m-2 {
    padding-top: 2px !important; }
  .pt-m-3 {
    padding-top: 3px !important; }
  .pt-m-4 {
    padding-top: 4px !important; }
  .pt-m-5 {
    padding-top: 5px !important; }
  .pt-m-6 {
    padding-top: 6px !important; }
  .pt-m-7 {
    padding-top: 7px !important; }
  .pt-m-8 {
    padding-top: 8px !important; }
  .pt-m-9 {
    padding-top: 9px !important; }
  .pt-m-10 {
    padding-top: 10px !important; }
  .pt-m-15 {
    padding-top: 15px !important; }
  .pt-m-20 {
    padding-top: 20px !important; }
  .pt-m-30 {
    padding-top: 30px !important; }
  .pt-m-40 {
    padding-top: 40px !important; }
  .pt-m-50 {
    padding-top: 50px !important; } }

/* mediaquery */
@media only screen and (max-width: 480px) {
  .r-m-shadow {
    box-shadow: none !important; } }

@media only screen and (max-width: 768px) {
  .r-t-shadow {
    box-shadow: none !important; } }

@media only screen and (max-width: 960px) {
  .r-l-shadow {
    box-shadow: none !important; } }

@media only screen and (max-width: 1200px) {
  .r-d-shadow {
    box-shadow: none !important; } }

.r-shadow {
  box-shadow: none !important; }

/* mediaquery */
.split, .split-left, .split-right, .split-between, .split-center {
  display: flex !important;
  align-items: center; }
  .split-inverter, .split-left-inverter, .split-right-inverter, .split-between-inverter, .split-center-inverter {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    gap: 5px;
    align-items: center; }

.split {
  justify-content: space-around; }
  .split-left {
    justify-content: left; }
  .split-center {
    justify-content: center; }
  .split-right {
    justify-content: right;
    flex-direction: row-reverse; }
  .split-between {
    justify-content: space-between; }

@media only screen and (max-width: 768px) {
  .split {
    justify-content: space-around !important; }
    .split-left-t {
      justify-content: left !important; }
    .split-center-t {
      justify-content: center !important; }
    .split-right-t {
      justify-content: right !important;
      flex-direction: row-reverse !important; }
    .split-between-t {
      justify-content: space-between !important; } }

@media only screen and (max-width: 480px) {
  .split {
    justify-content: space-around !important; }
    .split-left-m {
      justify-content: left !important; }
    .split-center-m {
      justify-content: center !important; }
    .split-right-m {
      justify-content: right !important;
      flex-direction: row-reverse !important; }
    .split-between-m {
      justify-content: space-between !important; } }

@media only screen and (max-width: 480px) {
  .column-m {
    flex-direction: column !important; } }

@media only screen and (max-width: 768px) {
  .column-t {
    flex-direction: column !important; }
    .column-t-invert {
      flex-direction: column-reverse; } }

.z-index-1 {
  z-index: 1; }

.z-index-2 {
  z-index: 2; }

.z-index-3 {
  z-index: 3; }

/* mediaquery */
.text-center {
  text-align: center; }

@media only screen and (max-width: 768px) {
  .text-center-t {
    text-align: center !important; } }

@media only screen and (max-width: 480px) {
  .text-center-m {
    text-align: center !important; } }

.text-left {
  text-align: left !important; }

.text-right {
  text-align: right !important; }

.bold {
  font-weight: bold; }

.regular {
  font-weight: normal; }

.italic {
  font-style: italic; }

.ell {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.break-word {
  word-wrap: break-word; }

.no-wrap {
  white-space: nowrap; }

.rotate-arrow-right {
  transform: rotate(270deg); }

.rotate-arrow-left {
  transform: rotate(90deg); }

.rotate-arrow-up {
  transform: rotate(180deg); }

.rotate-right {
  transform: rotate(270deg); }

.rotate-left {
  transform: rotate(90deg); }

.rotate-up {
  transform: rotate(180deg); }

/* mediaquery */
.f-basis-10 {
  flex-basis: 10% !important; }

.f-basis-15 {
  flex-basis: 15% !important; }

.f-basis-20 {
  flex-basis: 20% !important; }

.f-basis-30 {
  flex-basis: 30% !important; }

.f-basis-40 {
  flex-basis: 40% !important; }

.f-basis-48 {
  flex-basis: 48% !important; }

.f-basis-50 {
  flex-basis: 50% !important; }

.f-basis-100 {
  flex-basis: 100% !important; }

@media only screen and (max-width: 768px) {
  .f-basis-t-10 {
    flex-basis: 10% !important; }
  .f-basis-t-15 {
    flex-basis: 15% !important; }
  .f-basis-t-20 {
    flex-basis: 20% !important; }
  .f-basis-t-30 {
    flex-basis: 30% !important; }
  .f-basis-t-40 {
    flex-basis: 40% !important; }
  .f-basis-t-48 {
    flex-basis: 48% !important; }
  .f-basis-t-50 {
    flex-basis: 50% !important; }
  .f-basis-t-100 {
    flex-basis: 100% !important; } }

@media only screen and (max-width: 480px) {
  .f-basis-m-10 {
    flex-basis: 10% !important; }
  .f-basis-m-15 {
    flex-basis: 15% !important; }
  .f-basis-m-20 {
    flex-basis: 20% !important; }
  .f-basis-m-30 {
    flex-basis: 30% !important; }
  .f-basis-m-40 {
    flex-basis: 40% !important; }
  .f-basis-m-48 {
    flex-basis: 48% !important; }
  .f-basis-m-50 {
    flex-basis: 50% !important; }
  .f-basis-m-100 {
    flex-basis: 100% !important; } }

/* mediaquery */
/* Columns */
.columns-1 {
  columns: 1 !important; }

.columns-2 {
  columns: 2 !important; }

.columns-3 {
  columns: 3 !important; }

.columns-4 {
  columns: 4 !important; }

.columns-5 {
  columns: 5 !important; }

.columns-6 {
  columns: 6 !important; }

.columns-7 {
  columns: 7 !important; }

.columns-8 {
  columns: 8 !important; }

.columns-9 {
  columns: 9 !important; }

.columns-10 {
  columns: 10 !important; }

.columns-11 {
  columns: 11 !important; }

.columns-12 {
  columns: 12 !important; }

@media only screen and (max-width: 768px) {
  .columns-t-1 {
    columns: 1 !important; }
  .columns-t-2 {
    columns: 2 !important; }
  .columns-t-3 {
    columns: 3 !important; }
  .columns-t-4 {
    columns: 4 !important; }
  .columns-t-5 {
    columns: 5 !important; }
  .columns-t-6 {
    columns: 6 !important; }
  .columns-t-7 {
    columns: 7 !important; }
  .columns-t-8 {
    columns: 8 !important; }
  .columns-t-9 {
    columns: 9 !important; }
  .columns-t-10 {
    columns: 10 !important; }
  .columns-t-11 {
    columns: 11 !important; }
  .columns-t-12 {
    columns: 12 !important; } }

@media only screen and (max-width: 480px) {
  .columns-m-1 {
    columns: 1 !important; }
  .columns-m-2 {
    columns: 2 !important; }
  .columns-m-3 {
    columns: 3 !important; }
  .columns-m-4 {
    columns: 4 !important; }
  .columns-m-5 {
    columns: 5 !important; }
  .columns-m-6 {
    columns: 6 !important; }
  .columns-m-7 {
    columns: 7 !important; }
  .columns-m-8 {
    columns: 8 !important; }
  .columns-m-9 {
    columns: 9 !important; }
  .columns-m-10 {
    columns: 10 !important; }
  .columns-m-11 {
    columns: 11 !important; }
  .columns-m-12 {
    columns: 12 !important; } }

.column-gap-1 {
  column-gap: 1px !important; }

.column-gap-2 {
  column-gap: 2px !important; }

.column-gap-3 {
  column-gap: 3px !important; }

.column-gap-4 {
  column-gap: 4px !important; }

.column-gap-5 {
  column-gap: 5px !important; }

.column-gap-6 {
  column-gap: 6px !important; }

.column-gap-7 {
  column-gap: 7px !important; }

.column-gap-8 {
  column-gap: 8px !important; }

.column-gap-9 {
  column-gap: 9px !important; }

.column-gap-10 {
  column-gap: 10px !important; }

.column-gap-11 {
  column-gap: 11px !important; }

.column-gap-12 {
  column-gap: 12px !important; }

@media only screen and (max-width: 768px) {
  .column-gap-t-1 {
    column-gap: 1px !important; }
  .column-gap-t-2 {
    column-gap: 2px !important; }
  .column-gap-t-3 {
    column-gap: 3px !important; }
  .column-gap-t-4 {
    column-gap: 4px !important; }
  .column-gap-t-5 {
    column-gap: 5px !important; }
  .column-gap-t-6 {
    column-gap: 6px !important; }
  .column-gap-t-7 {
    column-gap: 7px !important; }
  .column-gap-t-8 {
    column-gap: 8px !important; }
  .column-gap-t-9 {
    column-gap: 9px !important; }
  .column-gap-t-10 {
    column-gap: 10px !important; }
  .column-gap-t-11 {
    column-gap: 11px !important; }
  .column-gap-t-12 {
    column-gap: 12px !important; } }

@media only screen and (max-width: 480px) {
  .column-gap-m-1 {
    column-gap: 1px !important; }
  .column-gap-m-2 {
    column-gap: 2px !important; }
  .column-gap-m-3 {
    column-gap: 3px !important; }
  .column-gap-m-4 {
    column-gap: 4px !important; }
  .column-gap-m-5 {
    column-gap: 5px !important; }
  .column-gap-m-6 {
    column-gap: 6px !important; }
  .column-gap-m-7 {
    column-gap: 7px !important; }
  .column-gap-m-8 {
    column-gap: 8px !important; }
  .column-gap-m-9 {
    column-gap: 9px !important; }
  .column-gap-m-10 {
    column-gap: 10px !important; }
  .column-gap-m-11 {
    column-gap: 11px !important; }
  .column-gap-m-12 {
    column-gap: 12px !important; } }

/* mediaquery */
/* Columns */
.height-0 {
  height: 0px !important; }

.height-5 {
  height: 5px !important; }

.height-10 {
  height: 10px !important; }

.height-15 {
  height: 15px !important; }

.height-20 {
  height: 20px !important; }

.height-30 {
  height: 30px !important; }

.height-40 {
  height: 40px !important; }

.height-50 {
  height: 50px !important; }

.height-60 {
  height: 60px !important; }

.height-70 {
  height: 70px !important; }

.height-80 {
  height: 80px !important; }

.height-90 {
  height: 90px !important; }

.height-100 {
  height: 100px !important; }

.height-150 {
  height: 150px !important; }

.height-200 {
  height: 200px !important; }

.height-300 {
  height: 300px !important; }

@media only screen and (max-width: 768px) {
  .height-t-0 {
    height: 0px !important; }
  .height-t-5 {
    height: 5px !important; }
  .height-t-10 {
    height: 10px !important; }
  .height-t-15 {
    height: 15px !important; }
  .height-t-20 {
    height: 20px !important; }
  .height-t-30 {
    height: 30px !important; }
  .height-t-40 {
    height: 40px !important; }
  .height-t-50 {
    height: 50px !important; }
  .height-t-60 {
    height: 60px !important; }
  .height-t-70 {
    height: 70px !important; }
  .height-t-80 {
    height: 80px !important; }
  .height-t-90 {
    height: 90px !important; }
  .height-t-100 {
    height: 100px !important; }
  .height-t-150 {
    height: 150px !important; }
  .height-t-200 {
    height: 200px !important; }
  .height-t-300 {
    height: 300px !important; } }

@media only screen and (max-width: 480px) {
  .height-m-0 {
    height: 0px !important; }
  .height-m-5 {
    height: 5px !important; }
  .height-m-10 {
    height: 10px !important; }
  .height-m-15 {
    height: 15px !important; }
  .height-m-20 {
    height: 20px !important; }
  .height-m-30 {
    height: 30px !important; }
  .height-m-40 {
    height: 40px !important; }
  .height-m-50 {
    height: 50px !important; }
  .height-m-60 {
    height: 60px !important; }
  .height-m-70 {
    height: 70px !important; }
  .height-m-80 {
    height: 80px !important; }
  .height-m-90 {
    height: 90px !important; }
  .height-m-100 {
    height: 100px !important; }
  .height-m-150 {
    height: 150px !important; }
  .height-m-200 {
    height: 200px !important; }
  .height-m-300 {
    height: 300px !important; } }

.block {
  display: block; }

/* mediaquery */
.line-height-0 {
  line-height: 0px !important; }

.line-height-1 {
  line-height: 1px !important; }

.line-height-2 {
  line-height: 2px !important; }

.line-height-3 {
  line-height: 3px !important; }

.line-height-4 {
  line-height: 4px !important; }

.line-height-5 {
  line-height: 5px !important; }

.line-height-6 {
  line-height: 6px !important; }

.line-height-7 {
  line-height: 7px !important; }

.line-height-8 {
  line-height: 8px !important; }

.line-height-9 {
  line-height: 9px !important; }

.line-height-10 {
  line-height: 10px !important; }

.line-height-15 {
  line-height: 15px !important; }

.line-height-20 {
  line-height: 20px !important; }

.line-height-30 {
  line-height: 30px !important; }

.line-height-40 {
  line-height: 40px !important; }

.line-height-50 {
  line-height: 50px !important; }

@media only screen and (max-width: 768px) {
  .line-height-t0 {
    line-height: 0px !important; }
  .line-height-t1 {
    line-height: 1px !important; }
  .line-height-t2 {
    line-height: 2px !important; }
  .line-height-t3 {
    line-height: 3px !important; }
  .line-height-t4 {
    line-height: 4px !important; }
  .line-height-t5 {
    line-height: 5px !important; }
  .line-height-t6 {
    line-height: 6px !important; }
  .line-height-t7 {
    line-height: 7px !important; }
  .line-height-t8 {
    line-height: 8px !important; }
  .line-height-t9 {
    line-height: 9px !important; }
  .line-height-t10 {
    line-height: 10px !important; }
  .line-height-t15 {
    line-height: 15px !important; }
  .line-height-t20 {
    line-height: 20px !important; }
  .line-height-t30 {
    line-height: 30px !important; }
  .line-height-t40 {
    line-height: 40px !important; }
  .line-height-t50 {
    line-height: 50px !important; } }

@media only screen and (max-width: 480px) {
  .line-height-m0 {
    line-height: 0px !important; }
  .line-height-m1 {
    line-height: 1px !important; }
  .line-height-m2 {
    line-height: 2px !important; }
  .line-height-m3 {
    line-height: 3px !important; }
  .line-height-m4 {
    line-height: 4px !important; }
  .line-height-m5 {
    line-height: 5px !important; }
  .line-height-m6 {
    line-height: 6px !important; }
  .line-height-m7 {
    line-height: 7px !important; }
  .line-height-m8 {
    line-height: 8px !important; }
  .line-height-m9 {
    line-height: 9px !important; }
  .line-height-m10 {
    line-height: 10px !important; }
  .line-height-m15 {
    line-height: 15px !important; }
  .line-height-m20 {
    line-height: 20px !important; }
  .line-height-m30 {
    line-height: 30px !important; }
  .line-height-m40 {
    line-height: 40px !important; }
  .line-height-m50 {
    line-height: 50px !important; } }

/* mediaquery */
.border-0 {
  border: 0px solid #CCC !important; }

.border-1 {
  border: 1px solid #CCC !important; }

.border-2 {
  border: 2px solid #CCC !important; }

.border-3 {
  border: 3px solid #CCC !important; }

.border-4 {
  border: 4px solid #CCC !important; }

.border-5 {
  border: 5px solid #CCC !important; }

.border-6 {
  border: 6px solid #CCC !important; }

.border-7 {
  border: 7px solid #CCC !important; }

.border-8 {
  border: 8px solid #CCC !important; }

.border-9 {
  border: 9px solid #CCC !important; }

.border-10 {
  border: 10px solid #CCC !important; }

@media only screen and (max-width: 768px) {
  .border-t-0 {
    border: 0px solid #CCC !important; }
  .border-t-1 {
    border: 1px solid #CCC !important; }
  .border-t-2 {
    border: 2px solid #CCC !important; }
  .border-t-3 {
    border: 3px solid #CCC !important; }
  .border-t-4 {
    border: 4px solid #CCC !important; }
  .border-t-5 {
    border: 5px solid #CCC !important; }
  .border-t-6 {
    border: 6px solid #CCC !important; }
  .border-t-7 {
    border: 7px solid #CCC !important; }
  .border-t-8 {
    border: 8px solid #CCC !important; }
  .border-t-9 {
    border: 9px solid #CCC !important; }
  .border-t-10 {
    border: 10px solid #CCC !important; } }

@media only screen and (max-width: 480px) {
  .border-m-0 {
    border: 0px solid #CCC !important; }
  .border-m-1 {
    border: 1px solid #CCC !important; }
  .border-m-2 {
    border: 2px solid #CCC !important; }
  .border-m-3 {
    border: 3px solid #CCC !important; }
  .border-m-4 {
    border: 4px solid #CCC !important; }
  .border-m-5 {
    border: 5px solid #CCC !important; }
  .border-m-6 {
    border: 6px solid #CCC !important; }
  .border-m-7 {
    border: 7px solid #CCC !important; }
  .border-m-8 {
    border: 8px solid #CCC !important; }
  .border-m-9 {
    border: 9px solid #CCC !important; }
  .border-m-10 {
    border: 10px solid #CCC !important; } }

.border-0-right-to-bottom {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }
  @media only screen and (max-width: 768px) {
    .border-0-right-to-bottom {
      border-top-right-radius: 10px !important;
      border-bottom-right-radius: 0 !important;
      border-bottom-left-radius: 10px !important; } }
.border-0-left-to-top {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important; }
  @media only screen and (max-width: 768px) {
    .border-0-left-to-top {
      border-top-left-radius: 0 !important;
      border-bottom-left-radius: 10px !important;
      border-top-right-radius: 0 !important; } }
/* custom css border left flat input */
.border-left-0 {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important; }

.border-right-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

.border-top-0 {
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important; }

.border-bottom-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important; }

@media only screen and (max-width: 768px) {
  .border-left-t-0 {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important; }
  .border-right-t-0 {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important; }
  .border-top-t-0 {
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important; }
  .border-bottom-t-0 {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important; } }

@media only screen and (max-width: 480px) {
  .border-left-m-0 {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important; }
  .border-right-m-0 {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important; }
  .border-top-m-0 {
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important; }
  .border-bottom-m-0 {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important; } }

.overflow-h {
  overflow: hidden; }

.field.border-left-0 input {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important; }

.field.border-left-10 input {
  border-top-left-radius: 10px !important;
  border-bottom-left-radius: 10px !important; }

@media only screen and (max-width: 480px) {
  .field.border-left-m-10 input, .field.border-left-m-10 select {
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important; } }

.object-fit-cover {
  object-fit: cover; }

.center {
  margin: 0 auto; }

.boder-bottom-1 {
  border-bottom: 1px dotted #CCC; }

@media only screen and (max-width: 768px) {
  .center-t {
    margin: 0 auto; } }

@media only screen and (max-width: 480px) {
  .center-m {
    margin: 0 auto; } }

.toleft {
  margin: 0 auto 0 0 !important; }

.toright {
  margin: auto 0 auto auto !important; }

.totop {
  margin: 0 0 auto 0 !important; }

.tobottom {
  margin: auto 0 0 0 !important; }

.tocenter {
  margin: auto; }

.flex-wrap {
  flex-wrap: wrap; }

.flex-nowrap {
  flex-wrap: nowrap; }

.stretch {
  align-self: stretch; }

.isrow {
  display: flex;
  align-items: baseline; }
  @media only screen and (max-width: 768px) {
    .isrow {
      flex-direction: column;
      align-items: center; } }
.iscol {
  display: flex;
  flex-direction: column; }

.iscol-left {
  display: flex;
  flex-direction: column;
  align-items: baseline; }

.isflex {
  display: flex; }

@media only screen and (max-width: 768px) {
  .isflex-t {
    display: flex; } }

@media only screen and (max-width: 480px) {
  .isflex-m {
    display: flex; } }

.isgrid {
  display: grid; }

@media only screen and (max-width: 768px) {
  .isgrid-t {
    display: grid; } }

@media only screen and (max-width: 480px) {
  .isgrid-m {
    display: grid; } }

.isflex {
  display: flex; }

.align-items-stretch {
  align-items: stretch !important; }

.self-baseline {
  align-self: baseline; }

.grid {
  display: grid; }

.flex {
  display: flex;
  flex-direction: row; }

.flex-t {
  display: flex !important;
  flex-direction: row !important; }

.circle {
  border-radius: 50% !important; }

.is-align-self-flex-start {
  align-self: self-start; }

.hover-a:hover {
  border: 1px solid #004cba;
  cursor: pointer; }

.justify-content-center {
  justify-content: center; }

.cover {
  object-fit: cover; }

.list-card div:first-of-type img {
  visibility: hidden; }

.list-card-active {
  border: 1px solid #004cba !important; }
  .list-card-active img {
    visibility: visible; }

.relative {
  position: relative !important; }

.absolute {
  position: absolute !important; }

.after-transparent::after, .after-transparent::before {
  background: lightgrey !important; }

.grow-1 {
  flex-grow: 1; }

.items-start {
  align-items: start; }

.text-ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

/* mediaquery */
body {
  font-family: var(--font-primary); }

h1, h2, h3, h4, h5 {
  font-family: var(--font-secondary); }

h1, .font-size-h1 {
  font-size: 2rem; }
  @media only screen and (max-width: 768px) {
    h1, .font-size-h1 {
      font-size: 2rem; } }
  @media only screen and (max-width: 480px) {
    h1, .font-size-h1 {
      font-size: 1.5rem; } }
h2, .font-size-h2 {
  font-size: 1.8rem; }
  @media only screen and (max-width: 768px) {
    h2, .font-size-h2 {
      font-size: 1.4rem; } }
  @media only screen and (max-width: 480px) {
    h2, .font-size-h2 {
      font-size: 1.33rem; } }
h3, .font-size-h3 {
  font-size: 1.75rem; }
  @media only screen and (max-width: 768px) {
    h3, .font-size-h3 {
      font-size: 1.5rem; } }
  @media only screen and (max-width: 480px) {
    h3, .font-size-h3 {
      font-size: 1.33rem; } }
h4, .font-size-h4 {
  font-size: 1.4rem;
  line-height: 1.2; }
  @media only screen and (max-width: 768px) {
    h4, .font-size-h4 {
      font-size: 1.33rem; } }
h5, .font-size-h5 {
  font-size: 1.2rem; }

.font-size-small {
  font-size: 0.8rem; }

.font-size-large {
  font-size: 3rem; }
  @media only screen and (max-width: 768px) {
    .font-size-large {
      font-size: 2rem; } }
  @media only screen and (max-width: 480px) {
    .font-size-large {
      font-size: 1.5rem; } }
p {
  font-size: 1rem;
  line-height: 1.2rem; }

* {
  font-size: 1rem; }

a {
  color: var(--color-primary);
  text-decoration: none; }

info {
  font-size: 0.8rem; }

error {
  font-size: 0.8rem; }

.font-size-14 {
  font-size: 14px !important; }

/* mediaquery */
/* Grid base de 3 rows */
body {
  min-height: 100vh;
  display: grid;
  grid-template: "header" auto "main" 1fr "footer" auto;
  align-items: baseline; }
  body.menu {
    grid-template: "header header" auto "nav main"  1fr "footer footer";
    align-items: flex-start;
    grid-template-columns: 300px 1fr; }
  body.article main {
    grid-template: "nav main";
    align-items: flex-start;
    grid-template-columns: 300px 1fr;
    gap: 20px; }
    @media only screen and (max-width: 768px) {
      body.article main {
        grid-template: "nav" 1fr "main"  1fr;
        grid-template-rows: auto auto auto; } }
  body.menu-modal nav {
    width: 300px;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 999999;
    background: #fff; }
  body.menu li, body.menu-modal li {
    padding: 5px; }
    body.menu li a, body.menu-modal li a {
      padding: 3px; }
      body.menu li a.active, body.menu-modal li a.active {
        background: #FF0000;
        color: #FFF;
        text-decoration: none; }

header {
  grid-area: header; }

main {
  grid-area: main;
  display: grid;
  gap: 0;
  align-items: baseline; }

nav {
  grid-area: nav;
  position: sticky;
  top: 68px; }

/* box shadow */
/* mediaquery */
header {
  background: #fff;
  position: sticky;
  top: 0;
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
  z-index: 999; }
  header .logo {
    width: 240px;
    height: 48px;
    background: url(/static/frontend/images/logo-compreseguros.svg?6d1ad9a92583);
    margin: auto;
    display: block;
    cursor: pointer; }
  header .phone {
    color: var(--color-primary);
    display: block;
    width: 145px;
    position: absolute;
    margin: 14px 8px;
    left: 0; }
    header .phone:before {
      content: "";
      width: 20px;
      height: 20px;
      margin-right: 6px;
      background: url(/static/frontend/images/icos/ico-phone.svg?6d1ad9a92583);
      display: block;
      float: left; }
    @media only screen and (max-width: 768px) {
      header .phone {
        display: none; } }
section {
  display: grid;
  gap: 10px;
  align-items: baseline; }

article p:nth-child(2) {
  margin-bottom: 10px;
  color: #004cba;
  border-left: 2px solid #ccc;
  padding-left: 24px;
  font-size: 18px;
  position: relative;
  padding-right: 80px; }
  article p:nth-child(2)::before {
    background: url(/static/frontend/images/blockquote.svg?6d1ad9a92583) no-repeat;
    position: absolute;
    right: 0;
    top: 0;
    content: "";
    width: 72px;
    height: 50px;
    opacity: .1; }

article p:last-child {
  background-color: var(--color-primary);
  padding: 20px;
  color: white;
  border-radius: 10px; }

.wrap {
  width: 100%;
  margin: auto;
  gap: 10px; }
  .wrap-1200 {
    width: 100%;
    max-width: 1200px; }
  .wrap-900 {
    width: 100%;
    max-width: 900px; }
  .wrap-600 {
    width: 100%;
    max-width: 600px; }

/* mediaquery */
footer {
  background: #f4f5f9;
  color: #656565;
  padding: 24px;
  position: relative;
  z-index: auto;
  border-top: 1px solid #eee; }
  footer .logo {
    background: url(/static/frontend/images/logo-compreseguros.svg?6d1ad9a92583);
    min-width: 240px;
    max-width: 240px;
    min-height: 48px;
    max-height: 48px;
    filter: grayscale(1);
    margin: 20px auto; }
  footer .wrap-links {
    display: flex;
    justify-content: space-around; }
    @media only screen and (max-width: 768px) {
      footer .wrap-links {
        flex-direction: column;
        justify-content: center; } }
  footer .links {
    display: flex;
    flex-direction: column; }
    @media only screen and (max-width: 768px) {
      footer .links {
        align-items: center; } }
    footer .links a {
      color: #555555;
      text-decoration: none;
      margin: 2.5px; }
      @media only screen and (max-width: 768px) {
        footer .links a {
          text-align: center; } }
  footer .copyright {
    margin: 80px auto; }
    @media only screen and (max-width: 768px) {
      footer .copyright {
        margin: 20px auto; } }
    footer .copyright p {
      text-align: center;
      color: var(--color-primary);
      font-weight: 600;
      margin: 20px 0; }
      footer .copyright p a {
        color: var(--color-primary);
        text-decoration: none; }
  footer .inscripcion {
    display: flex;
    justify-content: space-around;
    font-weight: bold; }
    @media only screen and (max-width: 768px) {
      footer .inscripcion {
        flex-direction: column;
        align-items: center;
        text-align: center; } }
  footer .direccion {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin: 50px auto; }
    @media only screen and (max-width: 768px) {
      footer .direccion {
        flex-direction: column;
        align-items: center; } }
    @media only screen and (max-width: 768px) {
      footer .direccion div {
        margin: 20px auto; } }
    footer .direccion .df {
      width: 48px;
      height: 48px;
      display: block;
      position: relative;
      opacity: 0.45;
      background: url(/static/frontend/images/footer-qr.png?6d1ad9a92583); }
    footer .direccion .ssn {
      width: 195px;
      height: 48px;
      background: url(/static/frontend/images/footer-ssn.png?6d1ad9a92583); }
    footer .direccion .pdp {
      width: 144px;
      height: 48px;
      background: url(/static/frontend/images/footer-pdp.png?6d1ad9a92583); }
    footer .direccion .cace {
      width: 144px;
      height: 48px;
      background: url(/static/frontend/images/footer-cace.png?6d1ad9a92583); }
    footer .direccion .insurtech {
      width: 160px;
      height: 48px;
      background: url(/static/frontend/images/logo-insurtech.png?6d1ad9a92583); }
    footer .direccion .ssn, footer .direccion .pdp, footer .direccion .cace, footer .direccion .insurtech {
      display: block;
      invert: 50%;
      -webkit-filter: grayscale(50%) invert(50%);
      opacity: 1; }

/* The Grid */
.simple-grid {
  width: 100%;
  display: table;
  border-collapse: separate;
  border-spacing: 15px; }

.grid-row {
  width: 100%;
  display: table;
  table-layout: fixed;
  margin: 0 0 -15px 0; }

.grid-item {
  display: table-cell;
  background: #e84485;
  padding: 2%; }

@media screen and (max-width: 480px) {
  .grid-row {
    display: block;
    width: 100%;
    margin: 0; }
  .grid-item {
    display: block;
    width: 100%;
    margin: 0 0 5px 0; } }