.block { display: block; }
.inline-block { display: inline-block; }
.absolute { position: absolute;}
.relative { position: relative;}
.overflow-hidden { overflow: hidden; }
.center {margin-left: auto; margin-right: auto;}

.pointer { cursor: pointer; }
.underline { text-decoration: underline; }
.fw-light { font-weight: 100;}
.color-inherit { color: inherit;}
.white-space-pre {white-space: pre;}
.text-uppercase { text-transform: uppercase }
.text-capitalize { text-transform: capitalize }
.visibility-hidden { visibility: hidden }
.text-break-all { word-break: break-all;}

a.link-w {
    color: white;
    text-decoration: underline;
}
a.link-w:hover {
    color: white;
    text-decoration: underline;
}

/*Responsive
-----------------------------------------------------------*/
.width-xs-100p { width: 100%; }
.height-xs-100p { height: 100%; }
.width-xs-auto {width: auto;}

.text-xs-middle { vertical-align: middle; }
.text-xs-top { vertical-align: top; }
.text-xs-bottom { vertical-align: bottom; }

/* Background */
.bg-xs-a   { background-color: #003577; } /*203 B97*/
.bg-xs-a-2 { background-color: #336fb8; } /*203 B99*/
.bg-xs-b   { background-color: #336fb8; } /*162 B54 S78*/
.bg-xs-b-2 { background-color: #6bd6b6; } /*162 B84 S50*/
.bg-xs-c   { background-color: #3474a4; } /*206 B64 S68*/
.bg-xs-c-2 { background-color: #64ace3; } /*206 B89 S56*/
.bg-xs-d   { background-color: #0c4285; } /*213 B52 S91*/

.bg-xs-w { background-color: white; }
.bg-xs-app { 
  background: #ffffff;
  background-size: cover; 
}
.bg-xs-w1 { background-color: #f0f0f0; }

/* Fore ground */
.fg-xs-0 { color: #000000; }
.fg-xs-1 { color: #696969; }
.fg-xs-2 { color: #919191; }

.fg-xs-w   { color: #ffffff; } /*0*/

.fg-xs-a   { color: #003577; } /*2013 203 B94 S81 2ea7f0*/
.fg-xs-a-2 { color: #336fb8; } /*203 B97 S53*/
.fg-xs-a-3 { color: #336fb8; } /*213 B99 S53*/
.fg-xs-b   { color: #1f8a6a; } /*162 B54 S78*/
.fg-xs-b-2 { color: #6bd6b6; } /*162 B84 S50*/
.fg-xs-c   { color: #3474a4; } /*206 B64 S68*/
.fg-xs-c-2 { color: #64ace3; } /*206 B89 S56*/

/* Font size */
.fs-xs-10 { font-size: 35px; }
.fs-xs-9 { font-size: 32px; }
.fs-xs-8 { font-size: 30px; }
.fs-xs-7 { font-size: 26px; }
.fs-xs-6 { font-size: 24px; }
.fs-xs-5 { font-size: 22px; }
.fs-xs-4 { font-size: 20px; }
.fs-xs-3 { font-size: 18px; }
.fs-xs-2 { font-size: 16px; }
.fs-xs-1 { font-size: 14px; }
.fs-xs-0 { font-size: 12px; }


/* Line height */
.lh-xs-8 { line-height: 2.4em; }
.lh-xs-7 { line-height: 2.0em; }
.lh-xs-6 { line-height: 1.8em; }
.lh-xs-5 { line-height: 1.6em; }
.lh-xs-4 { line-height: 1.4em; }
.lh-xs-3 { line-height: 1.2em; }
.lh-xs-2 { line-height: 1.1em; }
.lh-xs-1 { line-height: 1.0em; }

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  /* Font size */
  .fs-sm-10 { font-size: 35px; }
  .fs-sm-9 { font-size: 32px; }
  .fs-sm-8 { font-size: 30px; }
  .fs-sm-7 { font-size: 26px; }
  .fs-sm-6 { font-size: 24px; }
  .fs-sm-5 { font-size: 22px; }
  .fs-sm-4 { font-size: 20px; }
  .fs-sm-3 { font-size: 18px; }
  .fs-sm-2 { font-size: 16px; }
  .fs-sm-1 { font-size: 14px; }
  .fs-sm-0 { font-size: 12px; }

  .width-sm-100p { width: 100%;}
  .text-sm-center { text-align: center; }
  .text-sm-left { text-align: left; }
  .text-sm-right { text-align: right; }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  /* Font size */
  .fs-md-10 { font-size: 35px; }
  .fs-md-9 { font-size: 32px; }
  .fs-md-8 { font-size: 30px; }
  .fs-md-7 { font-size: 26px; }
  .fs-md-6 { font-size: 24px; }
  .fs-md-5 { font-size: 22px; }
  .fs-md-4 { font-size: 20px; }
  .fs-md-3 { font-size: 18px; }
  .fs-md-2 { font-size: 16px; }
  .fs-md-1 { font-size: 14px; }
  .fs-md-0 { font-size: 12px; }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
      /* Font size */
  .fs-lg-10 { font-size: 35px; }
  .fs-lg-9 { font-size: 32px; }
  .fs-lg-8 { font-size: 30px; }
  .fs-lg-7 { font-size: 26px; }
  .fs-lg-6 { font-size: 24px; }
  .fs-lg-5 { font-size: 22px; }
  .fs-lg-4 { font-size: 20px; }
  .fs-lg-3 { font-size: 18px; }
  .fs-lg-2 { font-size: 16px; }
  .fs-lg-1 { font-size: 14px; }
  .fs-lg-0 { font-size: 12px; }
}


@media (max-width: 767px) {
  
   /* Font size */
  .fs-oxs-10 { font-size: 35px; }
  .fs-oxs-9 { font-size: 32px; }
  .fs-oxs-8 { font-size: 30px; }
  .fs-oxs-7 { font-size: 26px; }
  .fs-oxs-6 { font-size: 24px; }
  .fs-oxs-5 { font-size: 22px; }
  .fs-oxs-4 { font-size: 20px; }
  .fs-oxs-3 { font-size: 18px; }
  .fs-oxs-2 { font-size: 16px; }
  .fs-oxs-1 { font-size: 14px; }
  .fs-oxs-0 { font-size: 12px; }
  
  .fg-oxs-a   { color: #2ea7f0; } /*203 B94 S81*/
  .fg-oxs-a-2 { color: #75c6f7; } /*203 B97 S53*/
  .fg-oxs-a-3 { color: #78cbfd; } /*203 B99 S53*/

  /*----------------------------------------*/
  
  .width-oxs-100p { width: 100%;}
  .text-oxs-center { text-align: center; }
  .text-oxs-left { text-align: left; }
  .text-oxs-right { text-align: right; }
}

@media (min-width: 768px) and (max-width: 991px) {
}

@media (min-width: 992px) and (max-width: 1199px) {}

@media (min-width: 1200px) {}