/*
  include/flexus.css

  Grid Sistem flexus
  Find us on: https://raulcss.github.io/Flexus/

  Raul Sanchez - RaulCss 
  Flexus 2016
*/

@font-face {
  font-family: 'Museo Sans Cyrl 100';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/MuseoSansCyrl.woff') format('woff');
}

@font-face {
  font-family: 'Lato-Black';
  font-weight: 700;
  src: url('fonts/Lato-Black.ttf') format('truetype');
}


@font-face {
  font-family: 'Lato-Black';
  font-weight: 700;
  src: url('fonts/Lato-Black.ttf') format('truetype');
}

@font-face {
  font-family: 'Lato-Reg';
  font-weight: 700;
  src: url('fonts/Lato-Reg.ttf');
}


html{
  font-size: 16px;
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  font-family: inherit;
  box-sizing: inherit;
  font-size: 1rem;
}

p,
html,
body,
p,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0px;
  padding: 0px;
  word-break: break-word;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}


.h1 {
    font-size: 4rem;
}

.h2 {
    font-size: 3rem;
}
.h3 {
    font-size: 2rem;
}

.h4 {
    font-size: 1.5rem;
}

.h5 {
    font-size: 1.25rem;
}

.h6 {
    font-size: 1rem;
}

.h7 {
    font-size: .9rem;
}

.h8 {
    font-size: .8rem;
}

.h9 {
    font-size: .7rem;
}

.h9 {
    font-size: .6rem;
}
/*
==================================================
BUTTONS & BUTTONS SIZES
==================================================
*/

button,
input,
select,
textarea {
  font-family: inherit;
  /*    font-size: inherit;*/
  line-height: inherit;
}

button,
input,
select {
  /*    max-height: 34px;*/
}

button[class~="btn"]:hover,
a[class~="btn"]:hover,
input[type=button][class~="btn"]:hover {
  -webkit-filter: contrast(.94);
  -webkit-filter: contrast(.94);
  -moz-filter: contrast(.94);
  filter: contrast(.94);
}

button[class~="btn"]:active,
a[class~="btn"]:active,
input[type=button][class~="btn"]:active {
  -webkit-filter: contrast(.84);
  -webkit-filter: contrast(.84);
  -moz-filter: contrast(.84);
  filter: contrast(.84);
}

.btn-xs {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  border: 1px solid rgb(213, 213, 213);
  border-radius: 4px;
  background: #F8F8F8;
  padding: 1px 12px;
  padding: .3rem .5rem;
  /* line-height: .1rem; */
  /*    height: 34px;*/
  /*    height: 1.8rem;*/
  outline: 0px;
  /* z-index: 1; */
  font-size: 12px;
  font-size: .6rem;
  box-sizing: border-box;
  /*    z-index:1;*/
}

.btn-sm {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  border: 1px solid rgb(213, 213, 213);
  border-radius: 4px;
  background: #F8F8F8;
  padding: 1px 12px;
  padding: .3rem .6rem;
  /* line-height: .1rem; */
  /*    height: 34px;*/
  /*    height: 2.1rem;*/
  outline: 0px;
  /* z-index: 1; */
  font-size: 16px;
  font-size: .8rem;
  box-sizing: border-box;
  /* z-index: 1; */
}

.btn-md {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  border: 1px solid rgb(213, 213, 213);
  border-radius: 4px;
  background: #F8F8F8;
  padding: 1px 12px;
  padding: .3rem .6rem;
  /* line-height: .1rem; */
  /*   height: 34px;*/
  /*   height: 2.3rem;*/
  outline: 0px;
  /* z-index: 1; */
  font-size: 15px;
  font-size: .9rem;
  box-sizing: border-box;
}

.btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  border: 1px solid rgb(213, 213, 213);
  border-radius: 4px;
  background: #F8F8F8;
  padding: 1px 12px;
  padding: .3rem .7rem;
  /* line-height: .1rem; */
  /*   height: 34px;*/
  /*   height: 2.5rem;*/
  outline: 0px;
  /* z-index: 1; */
  font-size: 16px;
  font-size: 1rem;
  box-sizing: border-box;
}

div.btn-xs,
div.btn-sm,
div.btn,
div.btn-lg,
div.btn-xl,
div.btn-xxl {
  cursor: initial;
  outline: 0;
}

.btn-lg {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  border: 1px solid rgb(213, 213, 213);
  border-radius: 4px;
  background: #F8F8F8;
  padding: 1px 12px;
  padding: .3rem .8rem;
  /* line-height: .1rem; */
  /*    height: 34px;*/
  /*    height: 2.7rem;*/
  outline: 0px;
  /* z-index: 1; */
  font-size: 18px;
  font-size: 1.2rem;
  box-sizing: border-box;
}

.btn-xl {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  border: 1px solid rgb(213, 213, 213);
  border-radius: 4px;
  background: #F8F8F8;
  padding: 1px 12px;
  padding: .3rem .9rem;
  /* line-height: .1rem; */
  /*    height: 34px;*/
  /*    height: 2.9rem;*/
  outline: 0px;
  /* z-index: 1; */
  font-size: 16px;
  font-size: 1.4rem;
  box-sizing: border-box;
  /*    z-index:1;*/
}

.btn-xxl {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  border: 1px solid rgb(213, 213, 213);
  border-radius: 4px;
  background: #F8F8F8;
  padding: 1px 12px;
  padding: .3rem 1rem;
  /* line-height: .1rem; */
  /*    height: 34px;*/
  /*    height: 3.1rem;*/
  outline: 0px;
  /* z-index: 1; */
  font-size: 16px;
  font-size: 1.6rem;
  box-sizing: border-box;
  /*    z-index:1;*/
}


/*
==================================================
BACKGROUNDS
==================================================
*/

.bg-black {
  background-color: black;
  border:1px solid transparent;
}

.bg-white {
  background-color: white;
}

.bg-softblue {
  background: #bdeaff !important;
}

.bg-night {
  background: -webkit-linear-gradient(left, rgb(45, 83, 95) 0%, rgb(37, 77, 87) 41%, rgb(22, 68, 78) 100%);
  background: linear-gradient(to right, rgb(45, 83, 95) 0%, rgb(37, 77, 87) 41%, rgb(22, 68, 78) 100%);
}


/*
==================================================
BUTTONS COLORS
==================================================
*/


/*   BG-NIGHT  */

.bg-night {
  background: -webkit-linear-gradient(left, rgb(45, 83, 95) 0%, rgb(37, 77, 87) 41%, rgb(22, 68, 78) 100%);
  background: linear-gradient(to right, rgb(45, 83, 95) 0%, rgb(37, 77, 87) 41%, rgb(22, 68, 78) 100%);
  color: white;
  border: 1px solid transparent;
  -webkit-transition: all .3s;
  transition: all .3s;
  outline: 0;
}

button.bg-night:hover,
a.bg-night:hover {
  -webkit-filter: brightness(1.3);
  filter: brightness(1.3);
  -webkit-transition: all .3s;
  transition: all .3s;
  box-shadow: 1px 2px 5px 0px rgba(146, 146, 146, 0.66);
}

button.bg-night:active,
a.bg-night:active {
  outline: 0;
  box-shadow: inset 0px 2px 15px -5px #292929;
  -webkit-transition: .1s;
  transition: .1s;
  -webkit-filter: brightness(1);
  -ms-filter: brightness(1);
  filter: brightness(1);
}


/*   BG-PRIMARY  */

.bg-primary {
  background: -webkit-linear-gradient(309deg, #13bfdf 0%, #49B6EA 69%, #53a1eb 100%);
  background: linear-gradient(141deg, #13bfdf 0%, #49B6EA 69%, #53a1eb 100%);
  color: white;
  border: 1px solid transparent;
  -webkit-transition: all .3s;
  transition: all .3s;
  outline: 0;
}

button.bg-primary:hover,
a.bg-primary:hover,
input[type=button].bg-primary:hover {
  -webkit-filter: brightness(1.1);
  filter: brightness(1.1);
  -webkit-transition: all .3s;
  transition: all .3s;
  box-shadow: 1px 2px 5px 0px rgba(146, 146, 146, 0.66);
}

button.bg-primary:active,
a.bg-primary:active,
input[type=button].bg-primary:active {
  outline: 0;
  box-shadow: inset 0px 2px 15px -5px rgba(87, 87, 87, 0.56);
  -webkit-transition: .1s;
  transition: .1s;
  -webkit-filter: brightness(1);
  -ms-filter: brightness(1);
  filter: brightness(1);
}


/*   BG-PRIMARY-O  */

.bg-primary-o {
  background: -webkit-linear-gradient(309deg, #e5fbff 0%, #e1f5ff 69%, #d7f9ff 100%);
  background: linear-gradient(141deg, #e5fbff 0%, #e1f5ff 69%, #d7f9ff 100%);
  border: 1px solid rgba(46, 170, 225, 0.54);
  color: #008ecf;
  -webkit-transition: all .3s;
  transition: all .3s;
  outline: 0;
}

button.bg-primary-o:hover,
a.bg-primary-o:hover,
input[type=button].bg-primary-o:hover {
  -webkit-filter: contrast(1.15);
  -moz-filter: contrast(1.15);
  filter: contrast(1.15);
  -webkit-transition: all .3s;
  transition: all .3s;
  box-shadow: 1px 2px 5px 0px rgba(146, 146, 146, 0.66);
}

button.bg-primary-o:active,
a.bg-primary-o:active,
input[type=button].bg-primary-o:active {
  outline: 0;
  box-shadow: inset 0px 2px 9px -4px rgba(87, 87, 87, 0.98);
  -webkit-transition: .3s;
  transition: .3s;
  -webkit-filter: brightness(1);
  -ms-filter: brightness(1);
  filter: brightness(1);
}


/*   BG-FLEXUS  */

.bg-flexus {
  background: #2eaae1;
  color: white;
  border: 1px solid transparent;
  -webkit-transition: all .3s;
  transition: all .3s;
  outline: 0;
}

button.bg-flexus:hover,
a.bg-flexus:hover,
input[type=button].bg-flexus:hover {
  -webkit-filter: brightness(1.1);
  filter: brightness(1.1);
  -webkit-transition: all .3s;
  transition: all .3s;
  box-shadow: 1px 2px 5px 0px rgba(146, 146, 146, 0.66);
}

button.bg-flexus:active,
a.bg-flexus:active,
input[type=button].bg-flexus:active {
  outline: 0;
  box-shadow: inset 0px 2px 15px -5px rgba(87, 87, 87, 0.56);
  -webkit-transition: .1s;
  transition: .1s;
  -webkit-filter: brightness(1);
  -ms-filter: brightness(1);
  filter: brightness(1);
}


/*   BG-FLEXUS-O  */

.bg-flexus-o {
  background-color: #ffffff !important;
  border: 1px solid rgb(46, 170, 225) !important;
  color: #2eaae1;
  -webkit-transition: all .3s;
  transition: all .3s;
  outline: 0;
}

button.bg-flexus-o:hover,
a.bg-flexus-o:hover,
input[type=button].bg-flexus-o:hover {
  -webkit-filter: brightness(1.1);
  filter: brightness(1.1);
  -webkit-transition: all .3s;
  transition: all .3s;
  background: rgb(46, 170, 225);
  color: white
}

button.bg-flexus-o:active,
a.bg-flexus-o:active,
input[type=button].bg-flexus-o:active {
  outline: 0;
  box-shadow: inset 0px 2px 9px -4px rgba(87, 87, 87, 0.98);
  -webkit-transition: .1s;
  transition: .1s;
  -webkit-filter: brightness(1);
  -ms-filter: brightness(1);
  filter: brightness(1);
}


/*   BG-INFO */

.bg-info {
  background: -webkit-linear-gradient(left, rgb(109, 206, 235) 0%, rgb(98, 197, 222) 41%, rgb(55, 189, 218) 100%);
  background: linear-gradient(to right, rgb(109, 206, 235) 0%, rgb(98, 197, 222) 41%, rgb(55, 189, 218) 100%);
  color: white;
  border: 1px solid transparent;
  -webkit-transition: all .3s;
  transition: all .3s;
  outline: 0;
}

button.bg-info:hover,
a.bg-info:hover,
input[type=button].bg-info:hover {
  -webkit-filter: brightness(1.1);
  filter: brightness(1.1);
  -webkit-transition: all .3s;
  transition: all .3s;
  box-shadow: 1px 2px 5px 0px rgba(146, 146, 146, 0.66);
}

button.bg-info:active,
a.bg-info:active,
input[type=button].bg-info:active {
  outline: 0;
  box-shadow: inset 0px 2px 9px -4px rgba(87, 87, 87, 0.98);
  -webkit-transition: .1s;
  transition: .1s;
  -webkit-filter: brightness(1);
  -ms-filter: brightness(1);
  filter: brightness(1);
}


/*   BG-INFO-O */

.bg-info-o {
  background: #e2f8ff;
  border: 1px solid rgb(107, 204, 232);
  color: #52c3e4;
  -webkit-transition: all .3s;
  transition: all .3s;
  outline: 0;
}

button.bg-info-o:hover,
a.bg-info-o:hover,
input[type=button].bg-info-o:hover {
  -webkit-filter: brightness(1.1);
  filter: brightness(1.1);
  -webkit-transition: all .3s;
  transition: all .3s;
  box-shadow: 1px 2px 5px 0px rgba(146, 146, 146, 0.66);
}

button.bg-info-o:active,
a.bg-info-o:active,
input[type=button].bg-info-o:active {
  outline: 0;
  box-shadow: inset 0px 2px 7px -1px rgba(15, 146, 167, 0.73);
  -webkit-transition: .1s;
  transition: .1s;
  -webkit-filter: brightness(1);
  -ms-filter: brightness(1);
  filter: brightness(1);
}


/*   BG-SUCCESS */

.bg-success {
  background: -webkit-linear-gradient(left, rgb(120, 218, 62) 0%, rgba(139, 230, 53, 1) 53%, rgba(139, 230, 53, 1) 100%);
  background: linear-gradient(to right, rgb(120, 218, 62) 0%, rgba(139, 230, 53, 1) 53%, rgba(139, 230, 53, 1) 100%);
  border: 1px solid transparent;
  color: white;
  -webkit-transition: all .3s;
  transition: all .3s;
  outline: 0;
}

button.bg-success:hover,
a.bg-success:hover,
input[type=button].bg-success:hover {
  -webkit-filter: brightness(1.1);
  filter: brightness(1.1);
  -webkit-transition: all .3s;
  transition: all .3s;
  box-shadow: 1px 2px 5px 0px rgba(146, 146, 146, 0.66);
}

button.bg-success:active,
a.bg-success:active,
input[type=button].bg-success:active {
  outline: 0;
  box-shadow: inset 0px 2px 9px -4px rgba(87, 87, 87, 0.98);
  -webkit-transition: .1s;
  transition: .1s;
  -webkit-filter: brightness(1);
  -ms-filter: brightness(1);
  filter: brightness(1);
}


/*   BG-SUCCESS-O */

.bg-success-o {
  background: #dfffbe;
  border: 1px solid rgb(120, 218, 62);
  color: #44aa6c;
  -webkit-transition: all .3s;
  transition: all .3s;
  outline: 0;
}

button.bg-success-o:hover,
a.bg-success-o:hover,
input[type=button].bg-success-o:hover {
  -webkit-filter: contrast(1.15);
  -moz-filter: contrast(1.15);
  filter: contrast(1.15);
  -webkit-transition: all .3s;
  transition: all .3s;
  box-shadow: 1px 2px 5px 0px rgba(146, 146, 146, 0.66);
}

button.bg-success-o:active,
a.bg-success-o:active,
input[type=button].bg-success-o:hover {
  outline: 0;
  box-shadow: inset 0px 2px 9px -4px rgba(87, 87, 87, 0.98);
  -webkit-transition: .3s;
  transition: .3s;
  -webkit-filter: brightness(1);
  -ms-filter: brightness(1);
  filter: brightness(1);
}


/*   BG-ALERT */

.bg-alert {
  background: -webkit-linear-gradient(left, rgb(241, 211, 103) 0%, rgb(254, 193, 69) 100%);
  background: linear-gradient(to right, rgb(241, 211, 103) 0%, rgb(254, 193, 69) 100%);
  border: 1px solid transparent;
  color: white;
  -webkit-transition: all .3s;
  transition: all .3s;
  outline: 0;
}

button.bg-alert:hover,
a.bg-alert:hover,
input[type=button].bg-alert:hover {
  -webkit-filter: brightness(1.1);
  filter: brightness(1.1);
  -webkit-transition: all .3s;
  transition: all .3s;
  box-shadow: 1px 2px 5px 0px rgba(146, 146, 146, 0.66);
}

button.bg-alert:active,
a.bg-alert:active,
input[type=button].bg-alert:active {
  outline: 0;
  box-shadow: inset 0px 2px 9px -4px rgba(87, 87, 87, 0.98);
  -webkit-transition: .1s;
  transition: .1s;
  -webkit-filter: brightness(1);
  -ms-filter: brightness(1);
  filter: brightness(1);
}


/*   BG-SUCCESS-O */

.bg-alert-o {
  background: -webkit-linear-gradient(left, rgb(255, 242, 198) 0%, rgb(255, 242, 216) 100%);
  background: linear-gradient(to right, rgb(255, 242, 198) 0%, rgb(255, 242, 216) 100%);
  border: 1px solid rgb(243, 209, 99);
  color: #fcad0c;
  -webkit-transition: all .3s;
  transition: all .3s;
  outline: 0;
}

button.bg-alert-o:hover,
a.bg-alert-o:hover,
input[type=button].bg-alert-o:hover {
  -webkit-filter: contrast(1.15);
  -moz-filter: contrast(1.15);
  filter: contrast(1.15);
  -webkit-transition: all .3s;
  transition: all .3s;
  box-shadow: 1px 2px 5px 0px rgba(146, 146, 146, 0.66);
}

button.bg-alert-o:active,
a.bg-alert-o:active,
input[type=button].bg-alert-o:active {
  outline: 0;
  box-shadow: inset 0px 2px 9px -4px rgba(87, 87, 87, 0.98);
  -webkit-transition: .3s;
  transition: .3s;
  -webkit-filter: brightness(1);
  -ms-filter: brightness(1);
  filter: brightness(1);
}


/*   BG-DANGER */

.bg-danger {
  background: -webkit-linear-gradient(left, rgb(239, 119, 77) 0%, rgb(255, 95, 37) 100%);
  background: linear-gradient(to right, rgb(239, 119, 77) 0%, rgb(255, 95, 37) 100%);
  border: 1px solid transparent;
  color: white;
  -webkit-transition: all .3s;
  transition: all .3s;
  outline: 0;
}

button.bg-danger:hover,
a.bg-danger:hover,
input[type=button].bg-danger:hover {
  -webkit-filter: brightness(1.1);
  filter: brightness(1.1);
  -webkit-transition: all .3s;
  transition: all .3s;
  box-shadow: 1px 2px 5px 0px rgba(146, 146, 146, 0.66);
}

button.bg-danger:active,
a.bg-danger:active,
input[type=button].bg-danger:active {
  outline: 0;
  box-shadow: inset 0px 2px 9px -4px rgba(87, 87, 87, 0.98);
  -webkit-transition: .1s;
  transition: .1s;
  -webkit-filter: brightness(1);
  -ms-filter: brightness(1);
  filter: brightness(1);
}


/*   BG-DANGER-O */

.bg-danger-o {
  background: -webkit-linear-gradient(left, rgb(255, 227, 218) 0%, rgb(255, 227, 216) 100%);
  background: linear-gradient(to right, rgb(255, 227, 218) 0%, rgb(255, 227, 216) 100%);
  border: 1px solid rgb(255, 151, 114);
  color: #ff591e;
  -webkit-transition: all .3s;
  transition: all .3s;
  outline: 0;
}

button.bg-danger-o:hover,
a.bg-danger-o:hover,
input[type=button].bg-danger-o:hover {
  -webkit-filter: contrast(1.15);
  -moz-filter: contrast(1.15);
  filter: contrast(1.15);
  -webkit-transition: all .3s;
  transition: all .3s;
  box-shadow: 1px 2px 5px 0px rgba(146, 146, 146, 0.66);
}

button.bg-danger-o:active,
a.bg-danger-o:active,
input[type=button].bg-danger-o:active {
  outline: 0;
  box-shadow: inset 0px 2px 9px -4px rgba(87, 87, 87, 0.98);
  -webkit-transition: .3s;
  transition: .3s;
  -webkit-filter: brightness(1);
  -ms-filter: brightness(1);
  filter: brightness(1);
}


/*
==================================================
COLORS & BACKGROUND
==================================================
*/

.c-white, .c-white-all *  {
  color: white;
}

.c-flexus, .c-flexus-all *  {
  color: #2eaae1;
}

.c-primary, .c-primary-all *  {
  color: #13bfdf;
}

.c-night, .c-night-all *  {
  color: #2d535f;
}

.c-success, .c-success-all *  {
  color: #78da3e;
}

.c-alert, .c-alert-all *  {
  color: #fec145;
}

.c-danger, .c-danger-all *  {
  color: #ff5f25;
}

.c-gray-light {
  color: #CCCCCC !important;
}
.bg-gray-light {
  background: #CCCCCC !important;
}

.c-pink {
  color: #F50F35 !important;
}

.c-black {
  color: #000000 !important;
}

.c-alt {
  color: #3cafc1 !important;
}

.c-gray {
  color: #97a6af !important;
}

.c-warm {
  color: #df6e2b !important;
}

.c-sun {
  color: #f4ae30 !important;
}

.c-misty {
  color: #4a7db7 !important;
}

.c-barny {
  color: #892164 !important;
}

.c-leaf {
  color: #44aa6c !important;
}

.c-hade {
  color: #3895a3 !important;
}



/*
==================================================
NAVBAR
==================================================
*/

.navbar{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex:1;
  -ms-flex:auto;
  flex:auto;
  padding: .5rem 1rem;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}

.bg-navbar{
  background-color: #f7f7f7;
}

/*
==================================================
BTN-TEXT
==================================================
*/

.btn-text {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-radius: 6px;
  -webkit-transition: all .3s;
  transition: all .3s;
  height: 34px;
}

.btn-text >:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-left: 1px solid transparent;
}

.btn-text >:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.btn-text > input[type=text],
input.text {
  border: 1px solid #D5D5D5;
  -webkit-transition: all .3s;
  transition: all .3s;
  padding: 5px;
}

select.text {
  border-radius: 4px;
  border: 1px solid #D5D5D5;
  -webkit-transition: all .3s;
  transition: all .3s;
  padding: 5px;
  outline: inherit;
  min-height: 34px;
  box-sizing: border-box;
}

/*select:hover,
input[type=text]:hover {
  border: 1px solid #c9c9c9;
  min-width: 34px;
}*/

.btn-text > * + * {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-left: 1px solid transparent !important;
}

.btn-text > button:hover,
.btn-text > a:hover,
.btn-text > input[type=button]:hover {
  box-shadow: auto !important;
  box-shadow: initial !important;
}

.btn-text > input[type=text]:focus,
input[type=text].text:focus {
  box-shadow: 0px 0px 7px -2px #00AFFF;
  border: 1px solid rgba(50, 174, 228, 0.45);
  outline: 0;
  -webkit-transition: all .1s;
  transition: all .1s;
}

.btn-text.xxl > * {
  font-size: 21px;
  min-height: 44px;
  box-sizing: border-box;
}

.btn-text.xl > * {
  font-size: 18px;
  min-height: 40px;
  box-sizing: border-box;
}

.btn-text.lg > * {
  font-size: 16px;
  min-height: 38px;
  box-sizing: border-box;
}

.btn-text > * {
  /*    box-sizing: border-box;*/
}

.btn-text.sm > * {
  font-size: 12px;
  height: 33px;
}

.btn-text.xs > * {
  font-size: 10px;
  height: 31px;
}

.btn-text.xxl {
  font-size: 21px;
  height: 44px;
}

.btn-text.xl {
  font-size: 18px;
  height: 40px;
}

.btn-text.lg {
  font-size: 16px;
  height: 38px;
}

.btn-text > * {
  /*    box-sizing: border-box;*/
}

.btn-text.sm {
  font-size: 12px;
  height: 33px;
}

.btn-text.xs {
  font-size: 10px;
  height: 31px;
}


/*
================================================
TAGS
==================================================
*/

pre {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
      white-space: pre;
}

pre code {
  white-space: pre;
  -webkit-overflow-scrolling: touch;
}


/*
================================================
FONT AWESOME
==================================================
*/


/*

Hover y active para botones
==================================================
*/

.slash:after {
  content: '';
  position: absolute;
  width: 30%;
  height: 500%;
  background: rgba(255, 255, 255, 0.2);
  z-index: 1;
  right: 0;
  top: 0;
  margin: -5px 0 0 -5px;
  -webkit-transform-origin: 0 0;
  -webkit-transform: rotate(-20deg);
  -moz-transform-origin: 0 0;
  -moz-transform: rotate(-20deg);
  -ms-transform-origin: 0 0;
  -ms-transform: rotate(-20deg);
  transform-origin: 0 0;
  transform: rotate(-20deg);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.slash:hover:after {
  width: 50%;
}


/*
================================================
FORMS
==================================================
*/

.circle,
.bg-circle {
  border-radius: 100%;
}

.circle,
.square,
.bg-circle,
.bg-square {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  height: auto;
  /*    height: 100%;*/
  /*    min-height: 100%;*/
  /* min-width: 100%; */
  -ms-flex-wrap: initial !important;
  flex-wrap: initial !important;
  /*    align-items: center;*/
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
  border: 0px;
}


/*
.circle > img{
    position: relative;
    overflow: hidden;
}
*/

.bg-circle,
.bg-square {
  background-size: cover;
  background-position: calc(100% - 50%);
  background-image: url(img/car2.png);
}

.bg-circle > img,
.bg-circle > * > img,
.bg-square > img,
.bg-square > * > img {
  position: absolute;
  /* width: 100%; */
  /* display: block; */
  /* border-radius: 100%; */
  min-height: 100%;
  max-width: 100%;
  /* height: 100%; */
  min-width: 100%;
  /* opacity: 0.8; */
  /* top: 0; */
  /* left: 0; */
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
}

.circle .hover-1 > div > img {
  border-radius: 100%;
}

.bg-square > div > img {
  position: absolute;
  display: block;
  min-height: 100%;
  max-width: 100%;
  /*    opacity: 0.8;*/
  top: 0;
  left: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
}

.bg-square.top > * > img,
.bg-circle.top > * > img,
.bg-circle.top > img {
  top: 0px;
  position: absolute;
}

.bg-square.middle > * > img,
.bg-circle.middle > * > img,
.bg-square.middle > img,
.bg-circle.middle >img {
  top: -43%;
  position: absolute;
}

.bg-square.normal > * > img,
.bg-circle.normal > * > img,
.bg-square.normal > img,
.bg-circle.normal >img {
  top: -20%;
  position: absolute;
}

.bg-square.bottom > * > img,
.bg-circle.bottom > * > img,
.bg-square.bottom > img,
.bg-circle.bottom >img {
  bottom: 0;
  position: absolute;
}

.circle > img,
.square > img,
.bg-circle > img,
.bg-square > img {
  /* position: absolute; */
  /* width: 100%; */
  /* display: block; */
  /* border-radius: 100%; */
  min-height: 100%;
  max-width: 100%;
  /* height: 100%; */
  min-width: 100%;
  /* opacity: 0.8; */
  /* top: 0; */
  /* left: 0; */
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
}

.img-fluid{
    max-width: 100%;
    height: auto;
}

img {
    vertical-align: middle;
}



body,
html {
  height: 100%;
}

.flex-body,
.flex-main {
  min-height: 100%;
  border: none;
}

/*
.flex-body > .flex-main {
  height: 100%;
  min-height: 100vh
}

*/


/* header */
.style-header-1{
  box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1);
}

.flex-header {
  /* background-color: #fff; */

  position: fixed;
  width: 100%;
  flex: 100%;
  z-index: 3;
  display: inline-flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.flex-header ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  /* background-color: #fff; */
}

.flex-header li{
  display: block;
  padding: 20px 20px;
  /*border-right: 1px solid #f4f4f4;*/
  text-decoration: none;
}

.flex-header li a:hover,
.flex-header .menu-btn:hover {
  /*background-color: #f4f4f4;*/
}

.flex-header .logo {
/*  font-size: 2em;*/
  padding: 20px 20px;
}

/* menu */

.flex-header .menu {
  /* clear: both; */
  max-height: 0;
  transition: max-height .2s ease-out;
  flex: 100%;
  width: 100%;
}

/* menu icon */

.flex-header .menu-icon {
  cursor: pointer;
  padding: 28px 20px;
  user-select: none;
  margin-left: auto;
}

.flex-header .menu-icon .navicon {
  background: #333;
  display: block;
  height: 2px;
  position: relative;
  transition: background .2s ease-out;
  width: 18px;
}

.flex-header .menu-icon .navicon:before,
.flex-header .menu-icon .navicon:after {
  background: #333;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;
}

.flex-header .menu-icon .navicon:before {
  top: 5px;
}

.flex-header .menu-icon .navicon:after {
  top: -5px;
}

/* menu btn */

.flex-header .menu-btn {
  display: none;
}

.flex-header .menu-btn:checked ~ .menu {
  max-height: 240px;
}

.flex-header .menu-btn:checked ~ .menu-icon .navicon {
  background: transparent;
}

.flex-header .menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
}

.flex-header .menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
}

.flex-header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.flex-header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  top: 0;
}

/* 48em = 768px */

@media (min-width: 48rem) {
  .flex-header li {
    float: left;
  }
  .flex-header li, .flex-header .logo {
    padding: 20px 30px;
  }
  .flex-header .menu {
    /* clear: none; */
    /* float: right; */
    max-height: none;
    width: auto;
    flex: 0 1 auto;
    justify-content: flex-end;
    display: flex;
  }
  .flex-header .menu-icon {
    display: none;
  }
}

/* menu btn */

.flex-header .menu-btn {
  display: none;
}

.flex-header .menu-btn:checked ~ .menu {
  max-height: 240px;
}

.flex-header .menu-btn:checked ~ .menu-icon .navicon {
  background: transparent;
}

.flex-header .menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
}

.flex-header .menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
}

.flex-header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.flex-header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  top: 0;
}


.flex-body .flex-header .flex-nav{
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   flex: 100;
}


.flex-nav{
   flex-wrap: wrap;
   display: flex;
   align-items: center !important;
}

.flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: justify;
  align-content: space-between;
}

.flex-container > footer {
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.flex-footer {
  -ms-flex-item-align: end;
  align-self: flex-end;
  width: 100vw;
}

.flex-subcontainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 1250px;
  flex: 0 1 1250px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.flex-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: justify;
  align-content: space-between;
   height: 100%;
}

.flex-body footer {
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.flex-footer {
  -ms-flex-item-align: end;
  align-self: flex-end;
  width: 100vw;
}

.flex-body  {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 78.13rem;
  flex: 0 1 78.13rem;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  overflow: auto;
  box-sizing: border-box;
  margin: 0rem 1rem;
  /*
   margin: 0rem auto;
    width: 95%;
    max-width: 1200px;
*/
}

.cell.\uno {
  width: calc(100% / var(--12));
}


/*.cell.uno    { width: calc(100% / var(--12)); }*/


/* BASIS PIXELES */

.basis-800 {
  -ms-flex-preferred-size: 800px;
  flex-basis: 800px;
}

.basis-700 {
  -ms-flex-preferred-size: 700px;
  flex-basis: 700px;
}

.basis-600 {
  -ms-flex-preferred-size: 600px;
  flex-basis: 600px;
}

.basis-500 {
  -ms-flex-preferred-size: 500px;
  flex-basis: 500px;
}

.basis-400 {
  -ms-flex-preferred-size: 400px;
  flex-basis: 400px;
}

.basis-300 {
  -ms-flex-preferred-size: 300px;
  flex-basis: 300px;
}

.basis-200 {
  -ms-flex-preferred-size: 200px;
  flex-basis: 200px;
}


/* BASIS PORCENTAJE */

.basis-100 {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}

.basis-90 {
  -ms-flex-preferred-size: 90%;
  flex-basis: 90%;
}

.basis-80 {
  -ms-flex-preferred-size: 80%;
  flex-basis: 80%;
}

.basis-70 {
  -ms-flex-preferred-size: 70%;
  flex-basis: 70%;
}

.basis-60 {
  -ms-flex-preferred-size: 60%;
  flex-basis: 60%;
}

.basis-50 {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}

.basis-40 {
  -ms-flex-preferred-size: 40%;
  flex-basis: 40%;
}

.basis-30 {
  -ms-flex-preferred-size: 30%;
  flex-basis: 30%;
}

.basis-20 {
  -ms-flex-preferred-size: 20%;
  flex-basis: 20%;
}

.basis-10 {
  -ms-flex-preferred-size: 10%;
  flex-basis: 10%;
}


/*
.flex-column > *{
  width: 100%;
  
}
*/

.flex-1 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /*   flex-basis: auto;*/
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.flex-2 {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /*   flex-basis: auto;*/
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.flex-3 {
  -webkit-box-flex: 3;
  -ms-flex: 3;
  flex: 3;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /*   flex-basis: auto;*/
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.flex-4 {
  -webkit-box-flex: 4;
  -ms-flex: 4;
  flex: 4;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /*   flex-basis: auto;*/
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.flex-5{
  -webkit-box-flex: 5;
  -ms-flex: 5;
  flex: 5;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /*   flex-basis: auto;*/
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

[class*="flex-1-1"] {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /*   flex-basis: auto;*/
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  max-width: none !important;
}



.column > [class*="flex-0-1"],.column > [class*="flex-0-"] {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  /*  display: -webkit-box;
  display: -ms-flexbox;*/
  display: initial;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  /*  box-sizing: border-box;*/
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.column > [class*="flex-1-1"], .column > [class*="flex-1"] {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  /*  display: -webkit-box;
  display: -ms-flexbox;*/
  display: block;
  display: initial;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-preferred-size: auto;
  /* flex-basis: auto; */
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  /*  box-sizing: border-box;*/
  -ms-flex-line-pack: start;
  align-content: flex-start;
  align-self:stretch;
}


.shape[class*="flex-0-1"], .shape[class*="flex-0-"], [class*="flex-0-1"], [class*="flex-0-"] {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  /*  display: -webkit-box;
  display: -ms-flexbox;*/
  display: initial;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-preferred-size: auto;
  /*flex-basis: auto;*/
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  /*  box-sizing: border-box;*/
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.shape[class*="flex-0-1"], .shape[class*="flex-0-"], [class*="flex-0-1"], [class*="flex-0-"] {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  /*  display: -webkit-box;
  display: -ms-flexbox;*/
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-preferred-size: auto;
  /*flex-basis: auto;*/
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  /*  box-sizing: border-box;*/
  -ms-flex-line-pack: start;
  align-content: flex-start;
}



[class*="flex-0-1-"] {
  box-sizing: border-box;
}

[class*="flex-0-1"][class~="column"],
[class*="flex-1-1"][class~="column"],
[class*="flex-1"][class~="column"] {
  -ms-flex-negative: 1;
  flex-shrink: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: initial;
  flex-wrap: initial;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

[class*="flex-1-0"] {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.shape[class*="flex-0-1-5"] {
  -ms-flex-preferred-size: 0.3125rem;
  flex-basis: 0.3125rem;
  max-width: 0.3125rem;
}

.shape[class*="flex-0-1-10"] {
  -ms-flex-preferred-size:  0.625rem;
  flex-basis:  0.625rem;
  max-width:  0.625rem;
}

.shape[class*="flex-0-1-20"] {
  -ms-flex-preferred-size: 1.25rem;
  flex-basis: 1.25rem;
  max-width: 1.25rem;
}

[class*="-30"], .shape[class*="-30"] {
  -ms-flex-preferred-size:  1.875rem;
  flex-basis:  1.875rem;
  max-width:  1.875rem;
}

[class*="-40"], .shape[class*="-40"] {
  -ms-flex-preferred-size:  2.5rem;
  flex-basis:  2.5rem;
  max-width:  2.5rem;
}

[class*="-50"], .shape[class*="-50"] {
  -ms-flex-preferred-size: 3.125rem;
  flex-basis: 3.125rem;
  max-width: 3.125rem;
}

[class*="-60"], .shape[class*="-60"] {
  -ms-flex-preferred-size: 3.75rem;
  flex-basis: 3.75rem;
  max-width: 3.75rem;
}

[class*="-70"], .shape[class*="-70"] {
  -ms-flex-preferred-size: 4.375rem;
  flex-basis: 4.375rem;
  max-width: 4.375rem;
}

[class*="-80"], .shape[class*="-80"] {
  -ms-flex-preferred-size:  5rem;
  flex-basis:  5rem;
  max-width:  5rem;
}

[class*="-90"], .shape[class*="-90"] {
  -ms-flex-preferred-size: 5.625rem;
  flex-basis: 5.625rem;
  max-width: 5.625rem;
}

[class*="-100"], .shape[class*="-100"] {
  -ms-flex-preferred-size: 6.25rem;
  flex-basis: 6.25rem;
  max-width: 6.25rem;
  /* box-sizing: border-box; */
}

[class*="-120"], .shape[class*="-120"] {
  -ms-flex-preferred-size: 7.5rem;
  flex-basis: 7.5rem;
  max-width: 7.5rem;
}

[class*="-150"], .shape[class*="-150"] {
  -ms-flex-preferred-size:  9.375rem;
  flex-basis:  9.375rem;
  max-width:  9.375rem;
}

[class*="-175"], .shape[class*="-175"] {
  -ms-flex-preferred-size:  10.94rem;
  flex-basis:  10.94rem;
  max-width:  10.94rem;
}

[class*="-200"], .shape[class*="-200"] {
  -ms-flex-preferred-size:12.5rem;
  flex-basis:12.5rem;
       max-width: 12.5rem;
}

[class*="-250"], .shape[class*="-250"] {
  -ms-flex-preferred-size: 15.63rem;
  flex-basis: 15.63rem;
       max-width: 15.63rem;
}

[class*="-300"], .shape[class*="-300"] {
  -ms-flex-preferred-size: 18.75rem;
  flex-basis: 18.75rem;
       max-width: 18.75rem;
}

[class*="-350"], .shape[class*="-350"] {
  -ms-flex-preferred-size: 21.88rem;
  flex-basis: 21.88rem;
   max-width: 21.88rem;
}

[class*="-400"], .shape[class*="-400"] {
  -ms-flex-preferred-size: 25rem;
  flex-basis: 25rem;
  max-width: 25rem;
}

[class*="-450"], .shape[class*="-450"] {
  -ms-flex-preferred-size: 28.13rem;
  flex-basis: 28.13rem;
  max-width: 28.13rem;
}

 [class*="-500"], .shape[class*="-500"] {
  -ms-flex-preferred-size: 31.25rem;
  flex-basis: 31.25rem;
  max-width: 31.25rem;
}

[class*="-550"], .shape[class*="-550"] {
  -ms-flex-preferred-size: 34.38rem;
  flex-basis: 34.38rem;
  max-width: 34.38rem;
}

[class*="-600"], .shape[class*="-600"] {
  -ms-flex-preferred-size: 37.5rem;
  flex-basis: 37.5rem;
  max-width: 37.5rem;
}

[class*="-650"], .shape[class*="-650"] {
  -ms-flex-preferred-size: 40.63rem;
  flex-basis: 40.63rem;
  max-width: 40.63rem;
}

[class*="-700"], .shape[class*="-700"] {
  -ms-flex-preferred-size: 43.75rem;
  flex-basis: 43.75rem;
  max-width: 43.75rem;
}

[class*="-750"], .shape[class*="-750"] {
  -ms-flex-preferred-size: 46.88rem;
  flex-basis: 46.88rem;
  max-width: 46.88rem;
}

[class*="-800"], .shape[class*="-800"] {
  -ms-flex-preferred-size: 50rem;
  flex-basis: 50rem;
  max-width: 50rem;
}

[class*="-850"], .shape[class*="-850"] {
  -ms-flex-preferred-size: 53.13rem;
  flex-basis: 53.13rem;
  max-width: 53.13rem;
}

[class*="-900"], .shape[class*="-900"] {
  -ms-flex-preferred-size:  56.25rem;
  flex-basis:  56.25rem;
  max-width:  56.25rem;
}

[class*="-950"], .shape[class*="-950"] {
  -ms-flex-preferred-size: 59.38rem;
  flex-basis: 59.38rem;
  max-width: 59.38rem;
}

[class*="-1000"], .shape[class*="-1000"] {
  -ms-flex-preferred-size: 62.5rem;
  flex-basis: 62.5rem;
  max-width: 62.5rem;
}

[class*="-1050"], .shape[class*="-1050"] {
  -ms-flex-preferred-size: 65.63rem;
  flex-basis: 65.63rem;
  max-width: 65.63rem;
}

[class*="-1100"], .shape[class*="-1100"] {
  -ms-flex-preferred-size:  68.75rem;
  flex-basis:  68.75rem;
  max-width:  68.75rem;
}

[class*="-1150"], .shape[class*="-1150"] {
  -ms-flex-preferred-size:71.88rem;
  flex-basis:71.88rem;
  max-width:71.88rem;
}

[class*="-1200"], .shape[class*="-1200"] {
  -ms-flex-preferred-size: 75rem;
  flex-basis: 75rem;
  max-width: 75rem;
}

[class*="-1250"], .shape[class*="-1250"] {
  -ms-flex-preferred-size: 78.13rem;
  flex-basis: 78.13rem;
  max-width: 78.13rem;
}

[class*="-1300"], .shape[class*="-1300"] {
  -ms-flex-preferred-size: 81.25rem;
  flex-basis: 81.25rem;
  max-width: 81.25rem;
}


/*
[class*="-auto"]{
  flex-basis: auto;  
}
*/

.flex-10, .shape.flex-10 {
  -ms-flex-preferred-size: 10%;
  /* flex-basis: 10%; */
  flex-basis: auto;
  width: 10%;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  box-sizing: border-box;
}

.flex-20, .shape.flex-20 {
  -ms-flex-preferred-size: 20%;
  /* flex-basis: 20%; */
  flex-basis: auto;
  width: 20%;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  box-sizing: border-box;
}

.flex-30, .shape.flex-30 {
  -ms-flex-preferred-size: 30%;
  /* flex-basis: 30%; */
  flex-basis: auto;
  width: 30%;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  box-sizing: border-box;
}

.flex-40, .shape.flex-40 {
  -ms-flex-preferred-size: 40%;
  flex-basis: 40%;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  box-sizing: border-box;
}

.flex-40, .shape.flex-40 {
  -ms-flex-preferred-size: 40%;
  flex-basis: 40%;
  flex-basis: auto;
  width: 40%;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  box-sizing: border-box;
}

.flex-50, .shape.flex-50 {
  -ms-flex-preferred-size: 50%;
  /* flex-basis: 50%; */
  flex-basis: auto;
  width: 50%;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  box-sizing: border-box;
}

.flex-60, .shape.flex-60 {
  -ms-flex-preferred-size: 60%;
  /* flex-basis: 60%; */
  flex-basis: auto;
  width: 60%;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  box-sizing: border-box;
}

.flex-70, .shape.flex-70 {
  -ms-flex-preferred-size: 70%;
  /* flex-basis: 70%; */
  flex-basis: auto;
  width: 70%;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  box-sizing: border-box;
}

.flex-80, .shape.flex-80 {
  -ms-flex-preferred-size: 80%;
  /* flex-basis: 80%; */
  flex-basis: auto;
  width: 80%;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  box-sizing: border-box;
}

.flex-90, .shape.flex-90 {
  -ms-flex-preferred-size: 90%;
  /* flex-basis: 90%; */
  flex-basis: auto;
  width: 90%;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  box-sizing: border-box;
}

.flex-100, .shape.flex-100 {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  /* flex-basis: auto; */
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  box-sizing: border-box;
  max-width: 100%;
  width: auto;
  align-items: flex-start;
}



.column .flex-100{
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    flex-basis: auto;
    /* justify-content: flex-end; */
    align-items: flex-start;
    /* display: block; */
}

.column.flex-100{
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    /* flex-basis: auto; */
    /* justify-content: flex-end; */
    align-items: initial;
    /* display: block; */
}



/*
.flex-100 > *{
width: 100%;
}
*/

.container-image > img {
  min-width: auto;
  width: 99%;
  height: auto;
}

.container-image {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.img-thumbnail {
  /* padding: 10px; */
  background: white;
  border: 10px solid rgba(255, 255, 255, 0.43);
  /* border: 10px solid white; */
  border-radius: 4px;
  box-shadow: 1px 1px 5px 3px rgba(128, 128, 128, 0.24);
}

.container-bg {
  background-size: cover;
  background-position: center center;
  background-color: #ffffff;
  position: relative;
}

.box-shadow-1 {
  box-shadow: 1px 1px 14px 0px #DDDDDD !important;
}

.box-shadow-2 {
  box-shadow: 1px 2px 5px 0px #DDDDDD !important;
}

.box-shadow-3 {
  box-shadow: 1px 2px 5px 0px #DDDDDD !important;
}

.line-shadow {
  box-shadow: 1px 0px 4px 1px #DDDDDD;
}

.border-top {
  border-top: 1px solid #DDDDDD;
}

.border-bottom {
  border-bottom: 1px solid #DDDDDD;
}

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

.inline-flex {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.inline-flex-items > *{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.inline-items > *{
  display: inline;
}

.inline-block {
  display: inline-block;
}

.inline-block-items > *{
  display: inline-block;
}


/* ZOOM */

.zoom01 {
  zoom: .1;
  -moz-transform: scale(.1);
}

.zoom02 {
  zoom: .2;
}

.zoom03 {
  zoom: .3;
}

.zoom04 {
  zoom: .4;
}

.zoom05 {
  zoom: .5;
}

.zoom06 {
  zoom: .6;
}

.zoom07 {
  zoom: .7;
}

.zoom08 {
  zoom: .8;
}

.zoom09 {
  zoom: .9;
}

.zoom10 {
  zoom: 1;
}

.zoom11 {
  zoom: 1.1;
}

.zoom12 {
  zoom: 1.2;
}

.zoom13 {
  zoom: 1.3;
}

.zoom14 {
  zoom: 1.4;
}

.zoom15 {
  zoom: 1.5;
}

.zoom16 {
  zoom: 1.6;
}

.zoom17 {
  zoom: 1.7;
}

.zoom18 {
  zoom: 1.8;
}

.zoom19 {
  zoom: 1.9;
}

.zoom20 {
  zoom: 2;
}

hr {
  border-color: rgba(213, 213, 213, 0.43) !important;
  width: auto;
  margin: 5px;
  flex: 1;
}

.flex-hr {
  border-color: rgba(213, 213, 213, 0.43) !important;
  flex: 100%;
  margin: 5px;
}

.h100 {
  height: 100%;
}

.w100 {
  width: 100% !important;
}

.wauto {
  width: auto !important;
}

.fixed {
  position: fixed;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.line-h-30 {
  line-height: 30px;
}

.bold {
  font-weight: bold;
}

.bold-items > *{
  font-weight: bold;
}

.light {
  font-weight: lighter;
}

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

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

.text-center {
  text-align: center;
}

.w-text-center {
  text-align: -webkit-center;
}

.inline{
  display: inline
}

.inline-block{
  display: inline-block
}

.inline-flex{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.rounded{
  border-radius: 5px;
}

.flex-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.row {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

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

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.content-start {
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.content-end {
  -ms-flex-line-pack: end;
  align-content: flex-end;
}

.content-center {
  -ms-flex-line-pack: center;
  align-content: center;
}

.content-between {
  -ms-flex-line-pack: justify;
  align-content: space-between;
}

.content-around {
  -ms-flex-line-pack: distribute;
  align-content: space-around;
}

.column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.flex-column > * {
  width: 100%;
}

.flex-column {
  width: 100%;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

.textline {
  text-decoration: line-through;
}

.underline {
  text-decoration: underline;
}

.start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  /*  display: flex;*/
  /*  flex-wrap: wrap;*/
}

.between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  /*  display: flex;*/
  /*  flex-wrap: wrap;*/
}

.around {
  -ms-flex-pack: distribute;
  justify-content: space-around;
  /*  display: flex;*/
  /*  flex-wrap: wrap;*/
}

.end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  /*  display: flex;*/
  /*  flex-wrap: wrap;*/
}

.baseline {
  -ms-flex-item-align: baseline;
  align-self: baseline;
}

.center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  /*
  display: flex;
  flex-wrap: wrap;
*/
}


/*CONTENT*/

.rows-start {
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.rows-end {
  -ms-flex-line-pack: end;
  align-content: flex-end;
}

.rows-center {
  -ms-flex-line-pack: center;
  align-content: center;
}

.rows-stretch {
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.c-between {
  -ms-flex-line-pack: justify;
  align-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.c-around {
  -ms-flex-line-pack: distribute;
  align-content: space-around;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}


/*JUSTIFY*/

.m-start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.m-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.m-around {
  -ms-flex-pack: distribute;
  justify-content: space-around;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.m-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.m-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}




/*GRID ACTUALIZADA*/



.h-items-start.column, .h-items-start.v-items-between, .h-items-start.v-items-around{
/*   align-content: flex-start;*/
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   -webkit-box-pack: initial;
   -ms-flex-pack: initial;
   justify-content: initial;
   display:flex;
   flex-wrap:wrap;
}
.h-items-end.column, .h-items-end.v-items-between, .h-items-end.v-items-around{
/*   align-content: flex-end;*/
   -webkit-box-align: end;
   -ms-flex-align: end;
   align-items: flex-end;
   -webkit-box-pack: initial;
   -ms-flex-pack: initial;
   justify-content: initial;
   display:flex;
   flex-wrap:wrap;
}

.h-items-center.column, .h-items-center.column{
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: flex-start;
   display:flex;
   flex-wrap:wrap;
}

.h-items-between.column{
   -ms-flex-line-pack: justify;
   align-content: space-between;
   /*   align-items: initial;*/
   -webkit-box-pack: initial;
   -ms-flex-pack: initial;
   justify-content: initial;
   display:flex;
   flex-wrap:wrap;
}
.h-items-around.column, .h-items-around.v-items-around{
   -ms-flex-line-pack: distribute;
   align-content: space-around;
/*   align-items: initial;*/
   -webkit-box-pack: initial;
   -ms-flex-pack: initial;
   justify-content: initial;
   display:flex;
   flex-wrap:wrap;
}


.v-items-start.column{
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: flex-start;
/*       align-items: flex-start;*/
   display:flex;
   flex-wrap:wrap;
}
.v-items-end.column{
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: flex-end;
/*       align-items: flex-start;*/
   display:flex;
   flex-wrap:wrap;
}
.v-items-center.column{
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   display:flex;
   flex-wrap:wrap;
}

.v-items-center.column.h-items-end{
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: end;
   -ms-flex-align: end;
   align-items: flex-end;
   display:flex;
   flex-wrap:wrap;
}

.v-items-end.column.h-items-center{
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: flex-end;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   display:flex;
   flex-wrap:wrap;
}

.v-items-center.h-items-center{
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   display:flex;
   flex-wrap:wrap;
}

.v-items-between.column{
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   display:flex;
   flex-wrap:wrap;
}
.v-items-around.column{
   -ms-flex-pack: distribute;
   justify-content: space-around;
   display:flex;
   flex-wrap:wrap;
}
.v-items-between{
   -ms-flex-line-pack:justify;
   align-content:space-between;
   display:flex;
   flex-wrap:wrap;
/*   flex-direction:column;*/
}
.v-items-around{
   -ms-flex-line-pack:distribute;
   align-content:space-around;
   display:flex;
   flex-wrap:wrap;
/*   flex-direction:column;*/
}

.h-items-start{
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: flex-start;
   display:flex;
   flex-wrap:wrap;
}
.h-items-end{
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: flex-end;
   display:flex;
   flex-wrap:wrap;
}
.h-items-center{
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   display:flex;
   flex-wrap:wrap;
}
.h-items-between{
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   display:flex;
   flex-wrap:wrap;
}
.h-items-around{
   -ms-flex-pack: distribute;
   justify-content: space-around;
      display:flex;
   flex-wrap:wrap;
}

.v-items-start{
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;  
  -ms-flex-line-pack: start;  
  align-content: flex-start;
   display:flex;
   flex-wrap:wrap;
}
.v-items-end{
   -webkit-box-align: end;
   -ms-flex-align: end;
   align-items: flex-end;
   display: flex;
   flex-wrap: wrap;
}
.v-items-center{
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -ms-flex-line-pack: center;
   align-content: center;
   display:flex;
   flex-wrap:wrap;
   
}
.v-items-between{
   -ms-flex-line-pack: justify;
   align-content: space-between;
/*   flex-direction:row;*/
   display:flex;
   flex-wrap:wrap;
}
.v-items-around{
   -ms-flex-line-pack: distribute;
   align-content: space-around;
/*   flex-direction:row;*/
   display:flex;
   flex-wrap:wrap;
}

.v-items-stretch{
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
   display:flex;
   flex-wrap:wrap;
}

.v-items-baseline{
   align-items: baseline;
}

.v-self-stretch{
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
   display:flex;
   flex-wrap:wrap;
}

.v-self-stretch{
  align-self: stretch;
   display:flex;
   flex-wrap:wrap;
}

.v-self-center{
  align-self: center;
   display:flex;
   flex-wrap:wrap;
}






/*ALIGN-ITEMS*/

.baseline {
  -ms-flex-item-align: baseline;
  align-self: baseline;
}

.c-end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.c-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.c-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.c-stretch {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}


/*SELF-ITEMS*/

.s-center {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.s-start {
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.s-end {
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.s-baseline {
  -ms-flex-item-align: baseline;
  align-self: baseline;
}

.s-stretch {
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

.align-end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.align-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.align-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.justy-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flex-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.justy-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flex-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.bd-0 {
  border: none;
}

.pd-0 {
  padding: 0px !important;
}


.pd-y-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.pd-x-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.pd-t-0 {
  padding-top: 0px !important;
}

.pd-b-0 {
  padding-bottom: 0px !important;
}

.pd-l-0 {
  padding-left: 0px !important;
}

.pd-r-0 {
  padding-right: 0px !important;
}

.mg-0 {
  margin: 0px !important;
}

.mg {
  margin: 0.625rem !important;
}

.mg-5 {
  margin: 0.3125rem !important;
}

.mg-15 {
  margin: 0.9375rem !important;
}

.mg-20 {
  margin: 1.25rem !important;
  /*  flex-basis: auto;*/
}

.mg-l {
  margin-left:  0.625rem !important;
}

.mg-l-20 {
  margin-left: 1.25rem !important;
  /*  flex-basis: auto;*/
}

.mg-l-15 {
  margin-left: 0.9375rem !important;
}

.mg-l-5 {
  margin-left: 0.3125rem !important;
}

.mg-r {
  margin-right:  0.625rem !important;
}

.mg-r-20 {
  margin-right: 1.25rem !important;
  /*  flex-basis: auto;*/
}

.mg-r-15 {
  margin-right: 0.9375rem !important;
}

.mg-r-5 {
  margin-right: 0.3125rem !important;
}

.mg-t {
  margin-top:  0.625rem !important;
}


.mg-t-20 {
  margin-top: 1.25rem !important;
  /*  flex-basis: auto;*/
}

.mg-t-15 {
  margin-top: 0.9375rem !important;
}

.mg-t-5 {
  margin-top: 0.3125rem !important;
}

.mg-b {
  margin-bottom:  0.625rem !important;
}

.mg-b-20 {
  margin-bottom: 1.25rem !important;
  /*  flex-basis: auto;*/
}

.mg-b-15 {
  margin-bottom: 0.9375rem !important;
}

.mg-b-5 {
  margin-bottom: 0.3125rem !important;
}

.mg-x {
  margin-right:  0.625rem !important;
  margin-left:  0.625rem !important;
}

.mg-x-20 {
  margin-right: 1.25rem !important;
  margin-left: 1.25rem !important;
  /*  flex-basis: auto;*/
}

.mg-x-15 {
  margin-right: 15px !important;
  margin-left: 15px !important;
}

.mg-x-5 {
  margin-right: 0.3125rem !important;
  margin-left: 0.3125rem !important;
}

.mg-y {
  margin-top:  0.625rem !important;
  margin-bottom:  0.625rem !important;
}

.mg-y-20 {
  margin-top: 1.25rem !important;
  margin-bottom: 1.25rem !important;
  /*  flex-basis: auto;*/
}

.mg-y-15 {
  margin-top: 0.9375rem !important;
  margin-bottom: 0.9375rem !important;
}

.mg-y-5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.pd {
  padding:  0.625rem !important;
}

.pd-20 {
  padding: 1.25rem !important;
  /*  flex-basis: auto;*/
}

.pd-15 {
  padding: 0.9375rem !important;
}

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

.pd-l {
  padding-left:  0.625rem !important;
}

.pd-l-20 {
  padding-left: 1.25rem !important;
  /*  flex-basis: auto;*/
}

.pd-l-15 {
  padding-left: 0.9375rem !important;
}

.pd-l-5 {
  padding-left: 0.31rem !important;
}

.pd-r {
  padding-right:  0.625rem !important;
}

.pd-r-20 {
  padding-right: 1.25rem !important;
  /*  flex-basis: auto;*/
}

.pd-r-15 {
  padding-right: 0.9375rem !important;
}

.pd-r-5 {
  padding-right: 0.31rem !important;
}

.pd-t {
  padding-top:  0.625rem !important;
}

.pd-t-20 {
  padding-top: 1.25rem !important;
  /*  flex-basis: auto;*/
}

.pd-t-15 {
  padding-top: 0.9375rem !important;
}

.pd-t-5 {
  padding-top: 0.31rem !important;
}

.pd-b {
  padding-bottom:  0.625rem !important;
}

.pd-b-20 {
  padding-bottom: 1.25rem !important;
  /*  flex-basis: auto;*/
}

.pd-b-15 {
  padding-bottom: 0.9375rem !important;
}

.pd-b-5 {
  padding-bottom: 0.31rem !important;
}

.pd-x {
  padding-right:  0.625rem !important;
  padding-left:  0.625rem !important;
}

.pd-x-20 {
  padding-right: 1.25rem !important;
  padding-left: 1.25rem !important;
  /*  flex-basis: auto;*/
}

.pd-x-15 {
  padding-right: 0.9375rem !important;
  padding-left: 0.9375rem !important;
}

.pd-x-5 {
  padding-right: 0.31rem !important;
  padding-left: 0.31rem !important;
}

.pd-y {
  padding-top:  0.625rem !important;
  padding-bottom:  0.625rem !important;
}

.pd-y-20 {
  padding-top: 1.25rem !important;
  padding-bottom: 1.25rem !important;
  /*  flex-basis: auto;*/
}

.pd-y-15 {
  padding-top: 0.9375rem !important;
  padding-bottom: 0.9375rem !important;
}

.pd-y-5 {
  padding-top: 0.31rem !important;
  padding-bottom: 0.31rem !important;
}

.last-c >:last-child,
.first-c >:first-child {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}

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

.opacity-1 {
  opacity: 1 !important;
}

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

.none {
  display: none !important;
}

.block {
  display: block !important;
}


/*
button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}
*/

a, button, input[type="button"] {
  cursor: pointer;
  text-decoration: none;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}


/*
[class*="-column"]{
  flex-direction: column; 
}
[class*="-reverse"]{
  flex-direction: row-reverse;
}
[class*="column-reverse"]{
  flex-direction: column-reverse;
}
*/

.circle {
  border-radius: 100%;
}

.img-circle {
  border-radius: 100%;
}

.row-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.column-reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

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

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

.pointer {
  cursor: pointer;
}

.text-overflow {
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: left;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  white-space: nowrap;
}

.overflow-h {
  overflow: hidden;
}

.overflow-h-x {
  overflow-x: hidden;
}

.overflow-h-y {
  overflow-y: hidden;
}

.overflow-auto {
  overflow: auto;
}

.overflow-y-auto {
  overflow-y: auto;
  /*  height: 100%;*/
}

.overflow-x-scroll {
  overflow-x: scroll;
}

.overflow-y-scroll {
  overflow-y: scroll;
  height: 100%;
}

.hidden {
  display: none;
}

.invisible{
  opacity: 0;
}

.visible {
  display: inherit;
  display: auto;
}

.bg-gray {
  background: rgba(248, 248, 248, 1)
}

.animated-3 {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.order-1 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.order-2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}


.order-3 {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}

.order-4 {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
}

.order-5 {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
}


/*
.check-trigger ~ nav div{
  height: 0;
}

.check-trigger > input[type="checkbox"]:checked ~ nav div{
  height: auto;
}
*/

.check-trigger > input[type="checkbox"] {
  display: none;
}

.flex-title {
  font-weight: 700;
  letter-spacing: 0.5px;
  font-size: initial;
}

.text-mayus {
  text-transform: uppercase;
}

.text-mayus-items > * {
  text-transform: uppercase;
}

.font-10 {
  font-size: 10px !important;
  font-size: 0.625rem !important;
}

.font-13 {
  font-size: 13px !important;
  font-size: 0.8125rem !important;
}

.font-15 {
  font-size: 15px !important;
  font-size: 0.9375rem !important;
}

.font-17 {
  font-size: 17px !important;
  font-size: 1.063rem !important;
}

.font-19 {
  font-size: 19px !important;
  font-size: 1.188rem !important;
}

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

.font-22 {
  font-size: 22px !important;
  font-size: 1.375rem !important;
}

.font-23 {
  font-size: 23px !important;
  font-size: 1.438rem !important;
}

.font-24 {
  font-size: 24px !important;
  font-size: 1.5rem !important
}

.font-27 {
  font-size: 27px !important;
  font-size: 1.688rem !important;
}

.font-28 {
  font-size: 29px !important;
  font-size: 1.75rem !important;
}

.font-29 {
  font-size: 29px !important;
  font-size: 1.813rem !important;
}

.font-41 {
  font-size: 40px !important;
  font-size: 2.6rem !important;
}

.font-10-p {
  font-size: 10px !important;
}

.font-13-p {
  font-size: 13px !important;
}

.font-15-p {
  font-size: 15px !important;
}

.font-17-p {
  font-size: 17px !important;
}

.font-19-p {
  font-size: 19px !important;
}

.font-21-p {
  font-size: 21px !important;
}

.font-22-p {
  font-size: 22px !important;
}

.font-23-p {
  font-size: 23px !important;
}

.font-24-p {
  font-size: 24px !important;
}

.font-27-p {
  font-size: 27px !important;
}

.font-28-p {
  font-size: 29px !important;
}

.font-29-p {
  font-size: 29px !important;
}

.font-40-p {
  font-size: 29px !important;
}

.flex-video {
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  z-index: -999;
  top: 0;
  left: 0;
  /* object-position: 0 0; */
  /* object-position: 50% 50%; */
}

.min-width {
  min-width: 300px;
}

.table-wrap * {
  text-align: left;
}

.table-wrap > table {
  width: 100%;
}

.table-border > ul > li:first-child {
  border-right: 1px solid white;
}

.table-border > ul > li + li {
  border-right: 1px solid white;
}

.table-border > div > div {
  border-left: 1px solid #008ecf;
  border-bottom: 1px solid #008ecf;
}

.table-border > div > div:last-child {
  border-right: 1px solid #008ecf;
}

.table-border > ul {
  border-bottom: 1px solid #008ecf;
  border-left: 1px solid #008ecf;
  border-right: 1px solid #008ecf;
}

.table-border > div > div {
  border-left: 1px solid #008ecf;
  border-bottom: 1px solid #008ecf;
}

.table-border > ul:last-child {
  border-right: 1px solid #008ecf;
}

.table-border > ul > li {
  border-bottom: 1px solid #008ecf;
}

.table-border > ul > li:last-child {
  border-right: 1px solid #008ecf;
}

.table-border > ul:last-child > li:first-child {
  border-left: 1px solid white;
  /*    border-left: 1px solid #008ecf;*/
}

.table-border > ul:last-child > li:last-child {
  border-left: 1px solid #008ecf;
  /*    border-left: 1px solid #008ecf;*/
}

.table-border > ul:first-child {
  border-left: 1px solid #008ecf;
}

.table-border > ul + ul > li:first-child {
  border-left: 1px solid white;
  /* border-left: 1px solid #008ecf; */
}

.table-border > ul + ul > li:last-child {
  border-left: 1px solid #008ecf;
  /* border-left: 1px solid #008ecf; */
}

.cao-table {
  border: 1px solid #008ecf;
  border-collapse: collapse;
  padding: 8px;
}

.cao-table th {
  padding: 8px;
  background: #008ecf;
}

.cao-table th:last-child {
  border-left: 1px solid white !important;
  padding: 8px;
  background: #008ecf;
}

.cao-table td {
  border: 1px solid #008ecf;
  padding: 8px;
}

.panel {
  box-shadow: inset 0px 0px 3px .5px #D2CFCF !important;
  border-radius: 4px;
  margin: 5px 5px;
  box-sizing: border-box;
  height: 100%;
}

[class*="-o"] + ul > li:hover a {
  color: white;
}

[class*="bg"] + ul > li:hover > a {
  color: white;
}


/*li:has(+ a){color: white; }*/


/*COLORS*/

.panel-title {
  font-weight: 700 !important;
  color: #ffffff !important;
  border-color: transparent;
  border: none;
  font-family: 'Museo Sans Cyrl 100', Open Sans;
  font-size: 15px;
  height: 100%;
  cursor: pointer;
  -webkit-font-smoothing: auto;
  text-transform: capitalize;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  position: relative;
  overflow: hidden;
  z-index: 1;
  padding: 7px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.panel-title + div > div {
  padding: 7px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.panel-title + div > div:hover {
  background-color: #efefef;
}

/*
.panel ul,
a,
li {
  list-style: none;
  text-align: none;
  padding: 0px;
}
*/

.panel > ul {
  margin: 0px;
}

.panel ul li ul {
  display: none;
  background: #F5F3F3;
}


/*

.panel ul li:hover > ul{
  display: block;
}
*/

.panel a {
  padding: 8px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: block;
  font-family: Lato-black, Open Sans, Raleway, sans-serif;
  font-weight: bold;
  color: #a7a7a7;
}

.panel li a:hover {
  /*  background: #63BFCE !important;*/
  color: white;
}


/*
.active{
  background: #63BFCE !important;
  color: white;
}
*/

.tooltip {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: distribute;
  align-content: space-around;
}

.tooltip .tooltip-child {
  visibility: hidden;
  /*    width: 120px;*/
  background-color: white;
  color: #fff;
  border-radius: 6px;
  padding: 0px 0px;
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  /*    top: 100%;*/
  left: 50%;
  /*    margin-left: -60px;*/
  margin-left: -102px;
  box-shadow: 1px 1px 5px 1px rgba(185, 185, 185, 0.76);
}

.tooltip:hover .tooltip-child {
  visibility: visible;
}

.tooltip .tooltip-child::after {
  content: " ";
  position: absolute;
  bottom: 100%;
  /* At the top of the tooltip */
  left: 50%;
  margin-left: -15px;
  border-width: 15px;
  border-style: solid;
  border-color: transparent transparent white transparent;
}

@media (max-width: 1200px) {
  .column-lg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    /*    align-items: center;*/
  }
  .column-lg > *,
  .column-reverse-lg > * {
    -webkit-box-flex: initial !important;
    flex: initial !important;
    -ms-flex: auto !important;
  }
  .hidden-lg {
    display: none !important;
  }
  .visible-lg {
    display: auto;
    display: inherit;
  }
  .flex-wrap-lg {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .wrap-lg {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*  display: flex;*/
  }
  .relative-lg {
    position: relative;
  }
  .content-start-lg {
    -ms-flex-line-pack: start;
    align-content: flex-start;
  }
  .content-center-lg {
    -ms-flex-line-pack: center;
    align-content: center;
  }
  .content-end-lg {
    -ms-flex-line-pack: end;
    align-content: flex-end;
  }
  .content-around-lg {
    -ms-flex-line-pack: distribute;
    align-content: space-around;
  }
  .content-between-lg {
    -ms-flex-line-pack: justify;
    align-content: space-between;
  }
  .m-center-lg {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .align-center-lg {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .m-start-lg {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .align-start-lg {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .m-between-lg {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .m-around-lg {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .m-end-lg {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .c-center-lg {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .c-start-lg {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .c-end-lg {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .baseline-lg {
    -ms-flex-item-align: baseline;
    align-self: baseline;
  }
  .self-center-lg {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }
  .self-start-lg {
    -ms-flex-item-align: start;
    align-self: flex-start;
  }
  .self-end-lg {
    -ms-flex-item-align: end;
    align-self: flex-end;
  }
  .align-end-lg {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .row-reverse-lg {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .column-reverse-lg {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .flex-10-lg {
    -ms-flex-preferred-size: 10%;
    flex-basis: 10%;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    box-sizing: border-box;
  }
  .flex-20-lg {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    box-sizing: border-box;
  }
  .flex-30-lg {
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    box-sizing: border-box;
  }
  .flex-40-lg {
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    box-sizing: border-box;
  }
  .flex-50-lg {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    box-sizing: border-box;
  }
  .flex-60-lg {
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    box-sizing: border-box;
  }
  .flex-70-lg {
    -ms-flex-preferred-size: 70%;
    flex-basis: 70%;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    box-sizing: border-box;
  }
  .flex-80-lg {
    -ms-flex-preferred-size: 80%;
    flex-basis: 80%;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    box-sizing: border-box;
  }
  .flex-90-lg {
    -ms-flex-preferred-size: 90%;
    flex-basis: 90%;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    box-sizing: border-box;
  }
  .flex-100-lg {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    box-sizing: border-box;
     max-width: 100%;
    width: auto;
  }
   
     
      .h-items-start-lg.column, .h-items-start-lg.v-items-between-lg, .h-items-start-lg.v-items-around-lg{
/*   align-content: flex-start;*/
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   -webkit-box-pack: initial;
   -ms-flex-pack: initial;
   justify-content: initial;
   display:flex;
   flex-wrap:wrap;
}
.h-items-end-lg.column, .h-items-end-lg.v-items-between-lg, .h-items-end-lg.v-items-around-lg{
/*   align-content: flex-end;*/
   -webkit-box-align: end;
   -ms-flex-align: end;
   align-items: flex-end;
   -webkit-box-pack: initial;
   -ms-flex-pack: initial;
   justify-content: initial;
   display:flex;
   flex-wrap:wrap;
}

.h-items-center-lg.column{
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: flex-start;
   display:flex;
   flex-wrap:wrap;
}

.h-items-between-lg.column{
   -ms-flex-line-pack: justify;
   align-content: space-between;
   /*   align-items: initial;*/
   -webkit-box-pack: initial;
   -ms-flex-pack: initial;
   justify-content: initial;
   display:flex;
   flex-wrap:wrap;
}
.h-items-around-lg.column, .h-items-around-lg.v-items-around-lg{
   -ms-flex-line-pack: distribute;
   align-content: space-around;
/*   align-items: initial;*/
   -webkit-box-pack: initial;
   -ms-flex-pack: initial;
   justify-content: initial;
   display:flex;
   flex-wrap:wrap;
}


.v-items-start-lg.column{
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: flex-start;
/*       align-items: flex-start;*/
   display:flex;
   flex-wrap:wrap;
}
.v-items-end-lg.column{
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: flex-end;
/*       align-items: flex-start;*/
   display:flex;
   flex-wrap:wrap;
}
.v-items-center-lg.column{
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   display:flex;
   flex-wrap:wrap;
}

.v-items-center-lg.column.h-items-end-lg{
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: end;
   -ms-flex-align: end;
   align-items: flex-end;
   display:flex;
   flex-wrap:wrap;
}

.v-items-end-lg.column.h-items-center-lg{
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: flex-end;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   display:flex;
   flex-wrap:wrap;
}

.v-items-center-lg.h-items-center-lg{
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   display:flex;
   flex-wrap:wrap;
}

.v-items-between-lg.column{
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   display:flex;
   flex-wrap:wrap;
}
.v-items-around-lg.column{
   -ms-flex-pack: distribute;
   justify-content: space-around;
   display:flex;
   flex-wrap:wrap;
}
.v-items-between-lg{
   -ms-flex-line-pack:justify;
   align-content:space-between;
   display:flex;
   flex-wrap:wrap;
/*   flex-direction:column;*/
}
.v-items-around-lg{
   -ms-flex-line-pack:distribute;
   align-content:space-around;
   display:flex;
   flex-wrap:wrap;
/*   flex-direction:column;*/
}

.h-items-start-lg{
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: flex-start;
   display:flex;
   flex-wrap:wrap;
}
.h-items-end-lg{
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: flex-end;
   display:flex;
   flex-wrap:wrap;
}
.h-items-center-lg{
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   display:flex;
   flex-wrap:wrap;
}
.h-items-between-lg{
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   display:flex;
   flex-wrap:wrap;
}
.h-items-around-lg{
   -ms-flex-pack: distribute;
   justify-content: space-around;
      display:flex;
   flex-wrap:wrap;
}

.v-items-start-lg{
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;  
  -ms-flex-line-pack: start;  
  align-content: flex-start;
   display:flex;
   flex-wrap:wrap;
}
.v-items-end-lg{
   -webkit-box-align: end;
   -ms-flex-align: end;
   align-items: flex-end;
   display: flex;
   flex-wrap: wrap;
}
.v-items-center-lg{
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -ms-flex-line-pack: center;
   align-content: center;
   display:flex;
   flex-wrap:wrap;
   
}
.v-items-between-lg{
   -ms-flex-line-pack: justify;
   align-content: space-between;
/*   flex-direction:row;*/
   display:flex;
   flex-wrap:wrap;
}
.v-items-around-lg{
   -ms-flex-line-pack: distribute;
   align-content: space-around;
/*   flex-direction:row;*/
   display:flex;
   flex-wrap:wrap;
}

.v-items-stretch-lg{
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
   display:flex;
   flex-wrap:wrap;
}

.v-items-baseline-lg{
   align-items: baseline;
}

.v-self-stretch-lg{
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
   display:flex;
   flex-wrap:wrap;
}

.v-self-stretch-lg{
  align-self: stretch;
   display:flex;
   flex-wrap:wrap;
}

.v-self-center-lg{
  align-self: center;
   display:flex;
   flex-wrap:wrap;
}

}

@media (max-width: 992px) {
  .column-md {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    /*    align-items: center;*/
  }
  .column-md > *,
  .column-reverse-md > * {
    -webkit-box-flex: initial !important;
    -ms-flex: initial !important;
    flex: initial !important;
    -ms-flex-preferred-size: auto !important;
    flex-basis: auto !important;
  }
  .hidden-md {
    display: none !important;
  }
  .visible-md {
    display: auto;
    display: inherit;
  }
  .flex-wrap-md {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .wrap-md {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*  display: flex;*/
  }
  .screens2 {
    margin: 0px !important;
  }
  .relative-md {
    position: relative;
  }
  .content-start-md {
    -ms-flex-line-pack: start;
    align-content: flex-start;
  }
  .content-center-md {
    -ms-flex-line-pack: center;
    align-content: center;
  }
  .content-end-md {
    -ms-flex-line-pack: end;
    align-content: flex-end;
  }
  .content-around-md {
    -ms-flex-line-pack: distribute;
    align-content: space-around;
  }
  .content-between-md {
    -ms-flex-line-pack: justify;
    align-content: space-between;
  }
  .m-center-md {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .align-center-md {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .m-start-md {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .align-start-md {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .m-between-md {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .m-around-md {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .m-end-md {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .c-center-md {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .c-start-md {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .c-end-md {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .baseline-md {
    -ms-flex-item-align: baseline;
    align-self: baseline;
  }
  .self-center-md {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }
  .self-start-md {
    -ms-flex-item-align: start;
    align-self: flex-start;
  }
  .self-end-md {
    -ms-flex-item-align: end;
    align-self: flex-end;
  }
  .align-end-md {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .row-reverse-md {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .column-reverse-md {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .flex-10-md {
    -ms-flex-preferred-size: 10%;
    flex-basis: 10%;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    box-sizing: border-box;
  }
  .flex-20-md {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    box-sizing: border-box;
  }
  .flex-30-md {
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    box-sizing: border-box;
  }
  .flex-40-md {
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    box-sizing: border-box;
  }
  .flex-50-md {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    box-sizing: border-box;
  }
  .flex-60-md {
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    box-sizing: border-box;
  }
  .flex-70-md {
    -ms-flex-preferred-size: 70%;
    flex-basis: 70%;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    box-sizing: border-box;
  }
  .flex-80-md {
    -ms-flex-preferred-size: 80%;
    flex-basis: 80%;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    box-sizing: border-box;
  }
  .flex-90-md {
    -ms-flex-preferred-size: 90%;
    flex-basis: 90%;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    box-sizing: border-box;
  }
  .flex-100-md {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    box-sizing: border-box;
     max-width: 100%;
    width: auto;
  }
   
     
      .h-items-start-md.column, .h-items-start-md.v-items-between-md, .h-items-start-md.v-items-around-md{
/*   align-content: flex-start;*/
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   -webkit-box-pack: initial;
   -ms-flex-pack: initial;
   justify-content: initial;
   display:flex;
   flex-wrap:wrap;
}
.h-items-end-md.column, .h-items-end-md.v-items-between-md, .h-items-end-md.v-items-around-md{
/*   align-content: flex-end;*/
   -webkit-box-align: end;
   -ms-flex-align: end;
   align-items: flex-end;
   -webkit-box-pack: initial;
   -ms-flex-pack: initial;
   justify-content: initial;
   display:flex;
   flex-wrap:wrap;
}

.h-items-center-md.column{
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: flex-start;
   display:flex;
   flex-wrap:wrap;
}

.h-items-between-md.column{
   -ms-flex-line-pack: justify;
   align-content: space-between;
   /*   align-items: initial;*/
   -webkit-box-pack: initial;
   -ms-flex-pack: initial;
   justify-content: initial;
   display:flex;
   flex-wrap:wrap;
}
.h-items-around-md.column, .h-items-around-md.v-items-around-md{
   -ms-flex-line-pack: distribute;
   align-content: space-around;
/*   align-items: initial;*/
   -webkit-box-pack: initial;
   -ms-flex-pack: initial;
   justify-content: initial;
   display:flex;
   flex-wrap:wrap;
}


.v-items-start-md.column{
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: flex-start;
/*       align-items: flex-start;*/
   display:flex;
   flex-wrap:wrap;
}
.v-items-end-md.column{
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: flex-end;
/*       align-items: flex-start;*/
   display:flex;
   flex-wrap:wrap;
}
.v-items-center-md.column{
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   display:flex;
   flex-wrap:wrap;
}

.v-items-center-md.column.h-items-end-md{
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: end;
   -ms-flex-align: end;
   align-items: flex-end;
   display:flex;
   flex-wrap:wrap;
}

.v-items-end-md.column.h-items-center-md{
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: flex-end;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   display:flex;
   flex-wrap:wrap;
}

.v-items-center-md.h-items-center-md{
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   display:flex;
   flex-wrap:wrap;
}

.v-items-between-md.column{
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   display:flex;
   flex-wrap:wrap;
}
.v-items-around-md.column{
   -ms-flex-pack: distribute;
   justify-content: space-around;
   display:flex;
   flex-wrap:wrap;
}
.v-items-between-md{
   -ms-flex-line-pack:justify;
   align-content:space-between;
   display:flex;
   flex-wrap:wrap;
/*   flex-direction:column;*/
}
.v-items-around-md{
   -ms-flex-line-pack:distribute;
   align-content:space-around;
   display:flex;
   flex-wrap:wrap;
/*   flex-direction:column;*/
}

.h-items-start-md{
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: flex-start;
   display:flex;
   flex-wrap:wrap;
}
.h-items-end-md{
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: flex-end;
   display:flex;
   flex-wrap:wrap;
}
.h-items-center-md{
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   display:flex;
   flex-wrap:wrap;
}
.h-items-between-md{
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   display:flex;
   flex-wrap:wrap;
}
.h-items-around-md{
   -ms-flex-pack: distribute;
   justify-content: space-around;
      display:flex;
   flex-wrap:wrap;
}

.v-items-start-md{
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;  
  -ms-flex-line-pack: start;  
  align-content: flex-start;
   display:flex;
   flex-wrap:wrap;
}
.v-items-end-md{
   -webkit-box-align: end;
   -ms-flex-align: end;
   align-items: flex-end;
   display: flex;
   flex-wrap: wrap;
}
.v-items-center-md{
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -ms-flex-line-pack: center;
   align-content: center;
   display:flex;
   flex-wrap:wrap;
   
}
.v-items-between-md{
   -ms-flex-line-pack: justify;
   align-content: space-between;
/*   flex-direction:row;*/
   display:flex;
   flex-wrap:wrap;
}
.v-items-around-md{
   -ms-flex-line-pack: distribute;
   align-content: space-around;
/*   flex-direction:row;*/
   display:flex;
   flex-wrap:wrap;
}

.v-items-stretch-md{
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
   display:flex;
   flex-wrap:wrap;
}

.v-items-baseline-md{
   align-items: baseline;
}

.v-self-stretch-md{
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
   display:flex;
   flex-wrap:wrap;
}

.v-self-stretch-md{
  align-self: stretch;
   display:flex;
   flex-wrap:wrap;
}

.v-self-center-md{
  align-self: center;
   display:flex;
   flex-wrap:wrap;
}

}

@media (max-width: 768px) {
  .column-sm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    /*    align-items: center;*/
  }
  .column-sm > *,
  .column-reverse-sm > * {
    -webkit-box-flex: initial !important;
    flex: initial !important;
    -ms-flex: auto !important;
  }
  .hidden-sm {
    display: none !important;
  }
  .visible-sm {
    display: auto;
    display: inherit;
  }
  .flex-wrap-sm {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .wrap-sm {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*  display: flex;*/
  }
  .flex-navbar-sm {}
  .flex-navbar-sm .check-trigger ~ nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .flex-navbar-sm .check-trigger ~ .flex-nav {
    height: 0;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    overflow-y: hidden;
  }
  .flex-navbar {
    height: 300px;
    overflow-y: initial;
  }
  .collapse {
    height: 0;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    overflow-y: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .collapse-in {
    height: auto;
    overflow-y: initial;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .relative-sm {
    position: relative;
  }
  .content-start-sm {
    -ms-flex-line-pack: start;
    align-content: flex-start;
  }
  .content-center-sm {
    -ms-flex-line-pack: center;
    align-content: center;
  }
  .content-around-sm {
    -ms-flex-line-pack: distribute;
    align-content: space-around;
  }
  .content-end-sm {
    -ms-flex-line-pack: end;
    align-content: flex-end;
  }
  .content-between-sm {
    -ms-flex-line-pack: justify;
    align-content: space-between;
  }
  .m-center-sm {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .align-center-sm {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .m-start-sm {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .align-start-sm {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .m-between-sm {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .m-around-sm {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .m-end-sm {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .c-center-sm {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .c-start-sm {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .c-end-sm {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .baseline-sm {
    -ms-flex-item-align: baseline;
    align-self: baseline;
  }
  .self-center-sm {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }
  .self-start-sm {
    -ms-flex-item-align: start;
    align-self: flex-start;
  }
  .self-end-sm {
    -ms-flex-item-align: end;
    align-self: flex-end;
  }
  .align-end-sm {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .row-reverse-sm {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .column-reverse-sm {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .flex-10-sm {
    -ms-flex-preferred-size: 10%;
    flex-basis: 10%;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    box-sizing: border-box;
  }
  .flex-20-sm {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    box-sizing: border-box;
  }
  .flex-30-sm {
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    box-sizing: border-box;
  }
  .flex-40-sm {
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    box-sizing: border-box;
  }
  .flex-50-sm {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    box-sizing: border-box;
  }
  .flex-60-sm {
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    box-sizing: border-box;
  }
  .flex-70-sm {
    -ms-flex-preferred-size: 70%;
    flex-basis: 70%;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    box-sizing: border-box;
  }
  .flex-80-sm {
    -ms-flex-preferred-size: 80%;
    flex-basis: 80%;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    box-sizing: border-box;
  }
  .flex-90-sm {
    -ms-flex-preferred-size: 90%;
    flex-basis: 90%;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    box-sizing: border-box;
  }
  .flex-100-sm {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    box-sizing: border-box;
     max-width: 100%;
    width: auto;
  }
   
      .h-items-start-sm.column, .h-items-start-sm.v-items-between-sm, .h-items-start-sm.v-items-around-sm{
/*   align-content: flex-start;*/
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   -webkit-box-pack: initial;
   -ms-flex-pack: initial;
   justify-content: initial;
   display:flex;
   flex-wrap:wrap;
}
.h-items-end-sm.column, .h-items-end-sm.v-items-between-sm, .h-items-end-sm.v-items-around-sm{
/*   align-content: flex-end;*/
   -webkit-box-align: end;
   -ms-flex-align: end;
   align-items: flex-end;
   -webkit-box-pack: initial;
   -ms-flex-pack: initial;
   justify-content: initial;
   display:flex;
   flex-wrap:wrap;
}

.h-items-center-sm.column{
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: flex-start;
   display:flex;
   flex-wrap:wrap;
}

.h-items-between-sm.column{
   -ms-flex-line-pack: justify;
   align-content: space-between;
   /*   align-items: initial;*/
   -webkit-box-pack: initial;
   -ms-flex-pack: initial;
   justify-content: initial;
   display:flex;
   flex-wrap:wrap;
}
.h-items-around-sm.column, .h-items-around-sm.v-items-around-sm{
   -ms-flex-line-pack: distribute;
   align-content: space-around;
/*   align-items: initial;*/
   -webkit-box-pack: initial;
   -ms-flex-pack: initial;
   justify-content: initial;
   display:flex;
   flex-wrap:wrap;
}


.v-items-start-sm.column{
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: flex-start;
/*       align-items: flex-start;*/
   display:flex;
   flex-wrap:wrap;
}
.v-items-end-sm.column{
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: flex-end;
/*       align-items: flex-start;*/
   display:flex;
   flex-wrap:wrap;
}
.v-items-center-sm.column{
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   display:flex;
   flex-wrap:wrap;
}

.v-items-center-sm.column.h-items-end-sm{
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: end;
   -ms-flex-align: end;
   align-items: flex-end;
   display:flex;
   flex-wrap:wrap;
}

.v-items-end-sm.column.h-items-center-sm{
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: flex-end;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   display:flex;
   flex-wrap:wrap;
}

.v-items-center-sm.h-items-center-sm{
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   display:flex;
   flex-wrap:wrap;
}

.v-items-between-sm.column{
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   display:flex;
   flex-wrap:wrap;
}
.v-items-around-sm.column{
   -ms-flex-pack: distribute;
   justify-content: space-around;
   display:flex;
   flex-wrap:wrap;
}
.v-items-between-sm{
   -ms-flex-line-pack:justify;
   align-content:space-between;
   display:flex;
   flex-wrap:wrap;
/*   flex-direction:column;*/
}
.v-items-around-sm{
   -ms-flex-line-pack:distribute;
   align-content:space-around;
   display:flex;
   flex-wrap:wrap;
/*   flex-direction:column;*/
}

.h-items-start-sm{
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: flex-start;
   display:flex;
   flex-wrap:wrap;
}
.h-items-end-sm{
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: flex-end;
   display:flex;
   flex-wrap:wrap;
}
.h-items-center-sm{
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   display:flex;
   flex-wrap:wrap;
}
.h-items-between-sm{
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   display:flex;
   flex-wrap:wrap;
}
.h-items-around-sm{
   -ms-flex-pack: distribute;
   justify-content: space-around;
      display:flex;
   flex-wrap:wrap;
}

.v-items-start-sm{
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;  
  -ms-flex-line-pack: start;  
  align-content: flex-start;
   display:flex;
   flex-wrap:wrap;
}
.v-items-end-sm{
   -webkit-box-align: end;
   -ms-flex-align: end;
   align-items: flex-end;
   display: flex;
   flex-wrap: wrap;
}
.v-items-center-sm{
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -ms-flex-line-pack: center;
   align-content: center;
   display:flex;
   flex-wrap:wrap;
   
}
.v-items-between-sm{
   -ms-flex-line-pack: justify;
   align-content: space-between;
/*   flex-direction:row;*/
   display:flex;
   flex-wrap:wrap;
}
.v-items-around-sm{
   -ms-flex-line-pack: distribute;
   align-content: space-around;
/*   flex-direction:row;*/
   display:flex;
   flex-wrap:wrap;
}

.v-items-stretch-sm{
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
   display:flex;
   flex-wrap:wrap;
}

.v-items-baseline-sm{
   align-items: baseline;
}

.v-self-stretch-sm{
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
   display:flex;
   flex-wrap:wrap;
}

.v-self-stretch-sm{
  align-self: stretch;
   display:flex;
   flex-wrap:wrap;
}

.v-self-center-sm{
  align-self: center;
   display:flex;
   flex-wrap:wrap;
}

}

@media (max-width: 568px) {
   .h-items-start-xs.column, .h-items-start-xs.v-items-between-xs, .h-items-start-xs.v-items-around-xs{
/*   align-content: flex-start;*/
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   -webkit-box-pack: initial;
   -ms-flex-pack: initial;
   justify-content: initial;
   display:flex;
   flex-wrap:wrap;
}
.h-items-end-xs.column-xs, .h-items-end-xs.column, .h-items-end-xs.v-items-between-xs, .h-items-end-xs.v-items-around-xs{
/*   align-content: flex-end;*/
   -webkit-box-align: end;
   -ms-flex-align: end;
   align-items: flex-end;
   -webkit-box-pack: initial;
   -ms-flex-pack: initial;
   justify-content: initial;
   display:flex;
   flex-wrap:wrap;
}

.h-items-center-xs.column-xs, .h-items-center-xs.column, .h-items-center.column-xs{
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: flex-start;
   display:flex;
   flex-wrap:wrap;
}

.h-items-between-xs.column-xs, .h-items-between-xs.column{
   -ms-flex-line-pack: justify;
   align-content: space-between;
   /*   align-items: initial;*/
   -webkit-box-pack: initial;
   -ms-flex-pack: initial;
   justify-content: initial;
   display:flex;
   flex-wrap:wrap;
}
.h-items-around-xs.column-xs, .h-items-around-xs.column, .h-items-around-xs.v-items-around-xs{
   -ms-flex-line-pack: distribute;
   align-content: space-around;
/*   align-items: initial;*/
   -webkit-box-pack: initial;
   -ms-flex-pack: initial;
   justify-content: initial;
   display:flex;
   flex-wrap:wrap;
}


.v-items-start-xs.column{
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: flex-start;
/*       align-items: flex-start;*/
   display:flex;
   flex-wrap:wrap;
}
.v-items-end-xs.column, .v-items-end-xs.column-xs{
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: flex-end;
/*       align-items: flex-start;*/
   display:flex;
   flex-wrap:wrap;
}
.v-items-center-xs.column, .v-items-center-xs.column-xs{
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   display:flex;
   flex-wrap:wrap;
}

.v-items-center-xs.column.h-items-end-xs, .v-items-center-xs.column-xs.h-items-end-xs{
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: end;
   -ms-flex-align: end;
   align-items: flex-end;
   display:flex;
   flex-wrap:wrap;
}

.v-items-end-xs.column.h-items-center-xs, .v-items-end-xs.column-xs.h-items-center-xs{
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: flex-end;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   display:flex;
   flex-wrap:wrap;
}

.v-items-center-xs.h-items-center-xs, {
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   display:flex;
   flex-wrap:wrap;
}

.v-items-between-xs.column{
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   display:flex;
   flex-wrap:wrap;
}
.v-items-around-xs.column{
   -ms-flex-pack: distribute;
   justify-content: space-around;
   display:flex;
   flex-wrap:wrap;
}
.v-items-between-xs{
   -ms-flex-line-pack:justify;
   align-content:space-between;
   display:flex;
   flex-wrap:wrap;
/*   flex-direction:column;*/
}
.v-items-around-xs{
   -ms-flex-line-pack:distribute;
   align-content:space-around;
   display:flex;
   flex-wrap:wrap;
/*   flex-direction:column;*/
}

.h-items-start-xs{
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: flex-start;
   display:flex;
   flex-wrap:wrap;
}
.h-items-end-xs{
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: flex-end;
   display:flex;
   flex-wrap:wrap;
}
.h-items-center-xs{
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   display:flex;
   flex-wrap:wrap;
}
.h-items-between-xs{
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   display:flex;
   flex-wrap:wrap;
}
.h-items-around-xs{
   -ms-flex-pack: distribute;
   justify-content: space-around;
      display:flex;
   flex-wrap:wrap;
}

.v-items-start-xs{
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;  
  -ms-flex-line-pack: start;  
  align-content: flex-start;
   display:flex;
   flex-wrap:wrap;
}
.v-items-end-xs{
   -webkit-box-align: end;
   -ms-flex-align: end;
   align-items: flex-end;
   display: flex;
   flex-wrap: wrap;
}
.v-items-center-xs{
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -ms-flex-line-pack: center;
   align-content: center;
   display:flex;
   flex-wrap:wrap;
   
}
.v-items-between-xs{
   -ms-flex-line-pack: justify;
   align-content: space-between;
/*   flex-direction:row;*/
   display:flex;
   flex-wrap:wrap;
}
.v-items-around-xs{
   -ms-flex-line-pack: distribute;
   align-content: space-around;
/*   flex-direction:row;*/
   display:flex;
   flex-wrap:wrap;
}

.v-items-stretch-xs{
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
   display:flex;
   flex-wrap:wrap;
}

.v-items-baseline-xs{
   align-items: baseline;
}

.v-self-stretch-xs{
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
   display:flex;
   flex-wrap:wrap;
}

.v-self-stretch-xs{
  align-self: stretch;
   display:flex;
   flex-wrap:wrap;
}

.v-self-center-xs{
  align-self: center;
   display:flex;
   flex-wrap:wrap;
}

   
   
  .column-xs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    /*    align-items: center;*/
  }
  .column-xs > *,
  .column-reverse-xs > * {
    -webkit-box-flex: initial !important;
    flex: initial !important;
    -ms-flex: auto !important;
  }
  .relative-xs {
    position: relative;
  }
  .hidden-xs {
    display: none !important;
  }
  .visible-xs {
    display: auto;
    display: inherit;
  }
  .flex-wrap-xs {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .wrap-xs {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*  display: flex;*/
  }
  .content-start-xs {
    -ms-flex-line-pack: start;
    align-content: flex-start;
  }
  .content-center-xs {
    -ms-flex-line-pack: center;
    align-content: center;
  }
  .content-end-xs {
    -ms-flex-line-pack: end;
    align-content: flex-end;
  }
  .content-around-xs {
    -ms-flex-line-pack: distribute;
    align-content: space-around;
  }
  .content-between-xs {
    -ms-flex-line-pack: justify;
    align-content: space-between;
  }
  .m-center-xs {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .align-center-xs {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-start-xs {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-end-xs {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .c-center-xs {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .c-start-xs {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .c-end-xs {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .m-start-xs {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .m-between-xs {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .m-around-xs {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .m-end-xs {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .baseline-xs {
    -ms-flex-item-align: baseline;
    align-self: baseline;
  }
  .self-center-xs {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }
  .self-start-xs {
    -ms-flex-item-align: start;
    align-self: flex-start;
  }
  .self-end-xs {
    -ms-flex-item-align: end;
    align-self: flex-end;
  }
  .row-reverse-xs {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .column-reverse-xs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .flex-10-xs {
    -ms-flex-preferred-size: 10%;
    flex-basis: 10%;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    box-sizing: border-box;
  }
  .flex-20-xs {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    box-sizing: border-box;
  }
  .flex-30-xs {
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    box-sizing: border-box;
  }
  .flex-40-xs {
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    box-sizing: border-box;
  }
  .flex-50-xs {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    box-sizing: border-box;
  }
  .flex-60-xs {
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    box-sizing: border-box;
  }
  .flex-70-xs {
    -ms-flex-preferred-size: 70%;
    flex-basis: 70%;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    box-sizing: border-box;
  }
  .flex-80-xs {
    -ms-flex-preferred-size: 80%;
    flex-basis: 80%;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    box-sizing: border-box;
  }
  .flex-90-xs {
    -ms-flex-preferred-size: 90%;
    flex-basis: 90%;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    box-sizing: border-box;
  }
  .flex-100-xs {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    box-sizing: border-box;
     max-width: 100%;
    width: auto;
  }
}

.text-justify {
  text-align: justify;
}

.hr-sm {
  width: 100px;
  margin: 40px auto;
}

.table-responsive {
  overflow-x: auto;
}

.table-responsive th,
.table-responsive td {
  padding: 10px;
  border: 1px solid #49b6ea;
}

.table-responsive th {
  background: -webkit-linear-gradient(309deg, #009ce3 0%, #2eaae1 69%, #53a1eb 100%)!important;
  background: linear-gradient(141deg, #009ce3 0%, #2eaae1 69%, #53a1eb 100%)!important;
  color: white;
}

.table-bordered {
  border: 1px solid rgba(50, 174, 228, 0.45);
  border-collapse: collapse;
}

table td,
table th {
  padding: .5rem;
  text-align: center;
}

table.primary thead,
table.primary th {
  background: -webkit-linear-gradient(309deg, #009ce3 0%, #2eaae1 69%, #53a1eb 100%)!important;
  background: linear-gradient(141deg, #009ce3 0%, #2eaae1 69%, #53a1eb 100%)!important;
  color: white !important;
  border: 1px solid #3ea6e5;
}

table.primary td,
table.primary th {
  border: 1px solid #3ea6e5;
}

.table-container,
.table-container > * {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.text-nowrap {
  white-space: nowrap;
}