/**
 * Configuration
 */
/**
 * Breakpoints
 */
.clear:after {
  display: table;
  clear: both;
  content: ' ';
}
.clearFix:after {
  display: table;
  clear: both;
  content: ' ';
}
/**
 * Columns width and groups
 */
[class*="col-fixed-"] {
  float: left;
  width: 100%;
}
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.row:after {
  display: table;
  clear: both;
  content: ' ';
}
[class*="hide-on-"] {
  display: none;
}
[class*="hide-inline-on-"] {
  display: none;
}
[class*="show-on-"] {
  display: block;
}
[class*="show-inline-on-"] {
  display: inline-block;
}
.row [class*="col-"] {
  min-height: 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.row [class*="push-"],
.row [class*="pull-"] {
  position: relative;
}
/**
 * Mobile and small screen
 */
.col-sm-12 {
  float: left;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col-sm-11 {
  float: left;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col-sm-10 {
  float: left;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col-sm-9 {
  float: left;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col-sm-8 {
  float: left;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col-sm-7 {
  float: left;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col-sm-6 {
  float: left;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col-sm-5 {
  float: left;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col-sm-4 {
  float: left;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col-sm-3 {
  float: left;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col-sm-2 {
  float: left;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col-sm-1 {
  float: left;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col-lm-12 {
  float: left;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col-lm-11 {
  float: left;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col-lm-10 {
  float: left;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col-lm-9 {
  float: left;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col-lm-8 {
  float: left;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col-lm-7 {
  float: left;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col-lm-6 {
  float: left;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col-lm-5 {
  float: left;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col-lm-4 {
  float: left;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col-lm-3 {
  float: left;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col-lm-2 {
  float: left;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col-lm-1 {
  float: left;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col-st-12 {
  float: left;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col-st-11 {
  float: left;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col-st-10 {
  float: left;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col-st-9 {
  float: left;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col-st-8 {
  float: left;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col-st-7 {
  float: left;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col-st-6 {
  float: left;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col-st-5 {
  float: left;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col-st-4 {
  float: left;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col-st-3 {
  float: left;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col-st-2 {
  float: left;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col-st-1 {
  float: left;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col-lt-12 {
  float: left;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col-lt-11 {
  float: left;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col-lt-10 {
  float: left;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col-lt-9 {
  float: left;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col-lt-8 {
  float: left;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col-lt-7 {
  float: left;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col-lt-6 {
  float: left;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col-lt-5 {
  float: left;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col-lt-4 {
  float: left;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col-lt-3 {
  float: left;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col-lt-2 {
  float: left;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col-lt-1 {
  float: left;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xl-12 {
  float: left;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xl-11 {
  float: left;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xl-10 {
  float: left;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xl-9 {
  float: left;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xl-8 {
  float: left;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xl-7 {
  float: left;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xl-6 {
  float: left;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xl-5 {
  float: left;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xl-4 {
  float: left;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xl-3 {
  float: left;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xl-2 {
  float: left;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xl-1 {
  float: left;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col-sm-12 {
  width: 100%/12 * 12;
}
.col-sm-11 {
  width: 100%/12 * 11;
}
.col-sm-10 {
  width: 100%/12 * 10;
}
.col-sm-9 {
  width: 100%/12 * 9;
}
.col-sm-8 {
  width: 100%/12 * 8;
}
.col-sm-7 {
  width: 100%/12 * 7;
}
.col-sm-6 {
  width: 100%/12 * 6;
}
.col-sm-5 {
  width: 100%/12 * 5;
}
.col-sm-4 {
  width: 100%/12 * 4;
}
.col-sm-3 {
  width: 100%/12 * 3;
}
.col-sm-2 {
  width: 100%/12 * 2;
}
.col-sm-1 {
  width: 100%/12 * 1;
}
/**
 * Larger mobile
 */
@media (min-width: 480px) {
  .col-lm-12 {
    width: 100%/12 * 12;
  }
  .col-lm-11 {
    width: 100%/12 * 11;
  }
  .col-lm-10 {
    width: 100%/12 * 10;
  }
  .col-lm-9 {
    width: 100%/12 * 9;
  }
  .col-lm-8 {
    width: 100%/12 * 8;
  }
  .col-lm-7 {
    width: 100%/12 * 7;
  }
  .col-lm-6 {
    width: 100%/12 * 6;
  }
  .col-lm-5 {
    width: 100%/12 * 5;
  }
  .col-lm-4 {
    width: 100%/12 * 4;
  }
  .col-lm-3 {
    width: 100%/12 * 3;
  }
  .col-lm-2 {
    width: 100%/12 * 2;
  }
  .col-lm-1 {
    width: 100%/12 * 1;
  }
  .col-lm-offset-12 {
    margin-left: 100%/12 * 12;
  }
  .col-lm-offset-11 {
    margin-left: 100%/12 * 11;
  }
  .col-lm-offset-10 {
    margin-left: 100%/12 * 10;
  }
  .col-lm-offset-9 {
    margin-left: 100%/12 * 9;
  }
  .col-lm-offset-8 {
    margin-left: 100%/12 * 8;
  }
  .col-lm-offset-7 {
    margin-left: 100%/12 * 7;
  }
  .col-lm-offset-6 {
    margin-left: 100%/12 * 6;
  }
  .col-lm-offset-5 {
    margin-left: 100%/12 * 5;
  }
  .col-lm-offset-4 {
    margin-left: 100%/12 * 4;
  }
  .col-lm-offset-3 {
    margin-left: 100%/12 * 3;
  }
  .col-lm-offset-2 {
    margin-left: 100%/12 * 2;
  }
  .col-lm-offset-1 {
    margin-left: 100%/12 * 1;
  }
  .col-lm-offset-0 {
    margin-left: 100%/12 * 0;
  }
  .col-lm-pull-12 {
    right: 100%/12 * 12;
  }
  .col-lm-pull-11 {
    right: 100%/12 * 11;
  }
  .col-lm-pull-10 {
    right: 100%/12 * 10;
  }
  .col-lm-pull-9 {
    right: 100%/12 * 9;
  }
  .col-lm-pull-8 {
    right: 100%/12 * 8;
  }
  .col-lm-pull-7 {
    right: 100%/12 * 7;
  }
  .col-lm-pull-6 {
    right: 100%/12 * 6;
  }
  .col-lm-pull-5 {
    right: 100%/12 * 5;
  }
  .col-lm-pull-4 {
    right: 100%/12 * 4;
  }
  .col-lm-pull-3 {
    right: 100%/12 * 3;
  }
  .col-lm-pull-2 {
    right: 100%/12 * 2;
  }
  .col-lm-pull-1 {
    right: 100%/12 * 1;
  }
  .col-lm-pull-0 {
    right: 100%/12 * 0;
  }
  .col-lm-push-12 {
    left: 100%/12 * 12;
  }
  .col-lm-push-11 {
    left: 100%/12 * 11;
  }
  .col-lm-push-10 {
    left: 100%/12 * 10;
  }
  .col-lm-push-9 {
    left: 100%/12 * 9;
  }
  .col-lm-push-8 {
    left: 100%/12 * 8;
  }
  .col-lm-push-7 {
    left: 100%/12 * 7;
  }
  .col-lm-push-6 {
    left: 100%/12 * 6;
  }
  .col-lm-push-5 {
    left: 100%/12 * 5;
  }
  .col-lm-push-4 {
    left: 100%/12 * 4;
  }
  .col-lm-push-3 {
    left: 100%/12 * 3;
  }
  .col-lm-push-2 {
    left: 100%/12 * 2;
  }
  .col-lm-push-1 {
    left: 100%/12 * 1;
  }
  .col-lm-push-0 {
    left: 100%/12 * 0;
  }
  .hide-on-lm {
    display: block;
  }
  .hide-inline-on-lm {
    display: inline-block;
  }
  .show-on-lm {
    display: none;
  }
  .show-inline-on-lm {
    display: none;
  }
}
/**
 * Tablets
 */
@media (min-width: 768px) {
  .col-st-12 {
    width: 100%/12 * 12;
  }
  .col-st-11 {
    width: 100%/12 * 11;
  }
  .col-st-10 {
    width: 100%/12 * 10;
  }
  .col-st-9 {
    width: 100%/12 * 9;
  }
  .col-st-8 {
    width: 100%/12 * 8;
  }
  .col-st-7 {
    width: 100%/12 * 7;
  }
  .col-st-6 {
    width: 100%/12 * 6;
  }
  .col-st-5 {
    width: 100%/12 * 5;
  }
  .col-st-4 {
    width: 100%/12 * 4;
  }
  .col-st-3 {
    width: 100%/12 * 3;
  }
  .col-st-2 {
    width: 100%/12 * 2;
  }
  .col-st-1 {
    width: 100%/12 * 1;
  }
  .col-st-offset-12 {
    margin-left: 100%/12 * 12;
  }
  .col-st-offset-11 {
    margin-left: 100%/12 * 11;
  }
  .col-st-offset-10 {
    margin-left: 100%/12 * 10;
  }
  .col-st-offset-9 {
    margin-left: 100%/12 * 9;
  }
  .col-st-offset-8 {
    margin-left: 100%/12 * 8;
  }
  .col-st-offset-7 {
    margin-left: 100%/12 * 7;
  }
  .col-st-offset-6 {
    margin-left: 100%/12 * 6;
  }
  .col-st-offset-5 {
    margin-left: 100%/12 * 5;
  }
  .col-st-offset-4 {
    margin-left: 100%/12 * 4;
  }
  .col-st-offset-3 {
    margin-left: 100%/12 * 3;
  }
  .col-st-offset-2 {
    margin-left: 100%/12 * 2;
  }
  .col-st-offset-1 {
    margin-left: 100%/12 * 1;
  }
  .col-st-offset-0 {
    margin-left: 100%/12 * 0;
  }
  .col-st-pull-12 {
    right: 100%/12 * 12;
  }
  .col-st-pull-11 {
    right: 100%/12 * 11;
  }
  .col-st-pull-10 {
    right: 100%/12 * 10;
  }
  .col-st-pull-9 {
    right: 100%/12 * 9;
  }
  .col-st-pull-8 {
    right: 100%/12 * 8;
  }
  .col-st-pull-7 {
    right: 100%/12 * 7;
  }
  .col-st-pull-6 {
    right: 100%/12 * 6;
  }
  .col-st-pull-5 {
    right: 100%/12 * 5;
  }
  .col-st-pull-4 {
    right: 100%/12 * 4;
  }
  .col-st-pull-3 {
    right: 100%/12 * 3;
  }
  .col-st-pull-2 {
    right: 100%/12 * 2;
  }
  .col-st-pull-1 {
    right: 100%/12 * 1;
  }
  .col-st-pull-0 {
    right: 100%/12 * 0;
  }
  .col-st-push-12 {
    left: 100%/12 * 12;
  }
  .col-st-push-11 {
    left: 100%/12 * 11;
  }
  .col-st-push-10 {
    left: 100%/12 * 10;
  }
  .col-st-push-9 {
    left: 100%/12 * 9;
  }
  .col-st-push-8 {
    left: 100%/12 * 8;
  }
  .col-st-push-7 {
    left: 100%/12 * 7;
  }
  .col-st-push-6 {
    left: 100%/12 * 6;
  }
  .col-st-push-5 {
    left: 100%/12 * 5;
  }
  .col-st-push-4 {
    left: 100%/12 * 4;
  }
  .col-st-push-3 {
    left: 100%/12 * 3;
  }
  .col-st-push-2 {
    left: 100%/12 * 2;
  }
  .col-st-push-1 {
    left: 100%/12 * 1;
  }
  .col-st-push-0 {
    left: 100%/12 * 0;
  }
  .hide-on-st {
    display: block;
  }
  .hide-inline-on-st {
    display: inline-block;
  }
  .show-on-st {
    display: none;
  }
  .show-inline-on-st {
    display: none;
  }
}
/**
 * Large tablets
 */
@media (min-width: 1024px) {
  .col-lt-12 {
    width: 100%/12 * 12;
  }
  .col-lt-11 {
    width: 100%/12 * 11;
  }
  .col-lt-10 {
    width: 100%/12 * 10;
  }
  .col-lt-9 {
    width: 100%/12 * 9;
  }
  .col-lt-8 {
    width: 100%/12 * 8;
  }
  .col-lt-7 {
    width: 100%/12 * 7;
  }
  .col-lt-6 {
    width: 100%/12 * 6;
  }
  .col-lt-5 {
    width: 100%/12 * 5;
  }
  .col-lt-4 {
    width: 100%/12 * 4;
  }
  .col-lt-3 {
    width: 100%/12 * 3;
  }
  .col-lt-2 {
    width: 100%/12 * 2;
  }
  .col-lt-1 {
    width: 100%/12 * 1;
  }
  .col-lt-offset-12 {
    margin-left: 100%/12 * 12;
  }
  .col-lt-offset-11 {
    margin-left: 100%/12 * 11;
  }
  .col-lt-offset-10 {
    margin-left: 100%/12 * 10;
  }
  .col-lt-offset-9 {
    margin-left: 100%/12 * 9;
  }
  .col-lt-offset-8 {
    margin-left: 100%/12 * 8;
  }
  .col-lt-offset-7 {
    margin-left: 100%/12 * 7;
  }
  .col-lt-offset-6 {
    margin-left: 100%/12 * 6;
  }
  .col-lt-offset-5 {
    margin-left: 100%/12 * 5;
  }
  .col-lt-offset-4 {
    margin-left: 100%/12 * 4;
  }
  .col-lt-offset-3 {
    margin-left: 100%/12 * 3;
  }
  .col-lt-offset-2 {
    margin-left: 100%/12 * 2;
  }
  .col-lt-offset-1 {
    margin-left: 100%/12 * 1;
  }
  .col-lt-offset-0 {
    margin-left: 100%/12 * 0;
  }
  .col-lt-pull-12 {
    right: 100%/12 * 12;
  }
  .col-lt-pull-11 {
    right: 100%/12 * 11;
  }
  .col-lt-pull-10 {
    right: 100%/12 * 10;
  }
  .col-lt-pull-9 {
    right: 100%/12 * 9;
  }
  .col-lt-pull-8 {
    right: 100%/12 * 8;
  }
  .col-lt-pull-7 {
    right: 100%/12 * 7;
  }
  .col-lt-pull-6 {
    right: 100%/12 * 6;
  }
  .col-lt-pull-5 {
    right: 100%/12 * 5;
  }
  .col-lt-pull-4 {
    right: 100%/12 * 4;
  }
  .col-lt-pull-3 {
    right: 100%/12 * 3;
  }
  .col-lt-pull-2 {
    right: 100%/12 * 2;
  }
  .col-lt-pull-1 {
    right: 100%/12 * 1;
  }
  .col-lt-pull-0 {
    right: 100%/12 * 0;
  }
  .col-lt-push-12 {
    left: 100%/12 * 12;
  }
  .col-lt-push-11 {
    left: 100%/12 * 11;
  }
  .col-lt-push-10 {
    left: 100%/12 * 10;
  }
  .col-lt-push-9 {
    left: 100%/12 * 9;
  }
  .col-lt-push-8 {
    left: 100%/12 * 8;
  }
  .col-lt-push-7 {
    left: 100%/12 * 7;
  }
  .col-lt-push-6 {
    left: 100%/12 * 6;
  }
  .col-lt-push-5 {
    left: 100%/12 * 5;
  }
  .col-lt-push-4 {
    left: 100%/12 * 4;
  }
  .col-lt-push-3 {
    left: 100%/12 * 3;
  }
  .col-lt-push-2 {
    left: 100%/12 * 2;
  }
  .col-lt-push-1 {
    left: 100%/12 * 1;
  }
  .col-lt-push-0 {
    left: 100%/12 * 0;
  }
  .hide-on-lt {
    display: block;
  }
  .hide-inline-on-lt {
    display: inline-block;
  }
  .show-on-lt {
    display: none;
  }
  .show-inline-on-lt {
    display: none;
  }
}
/**
 * Large tablets
 */
@media (min-width: 1280px) {
  .col-xl-12 {
    width: 100%/12 * 12;
  }
  .col-xl-11 {
    width: 100%/12 * 11;
  }
  .col-xl-10 {
    width: 100%/12 * 10;
  }
  .col-xl-9 {
    width: 100%/12 * 9;
  }
  .col-xl-8 {
    width: 100%/12 * 8;
  }
  .col-xl-7 {
    width: 100%/12 * 7;
  }
  .col-xl-6 {
    width: 100%/12 * 6;
  }
  .col-xl-5 {
    width: 100%/12 * 5;
  }
  .col-xl-4 {
    width: 100%/12 * 4;
  }
  .col-xl-3 {
    width: 100%/12 * 3;
  }
  .col-xl-2 {
    width: 100%/12 * 2;
  }
  .col-xl-1 {
    width: 100%/12 * 1;
  }
  .col-xl-offset-12 {
    margin-left: 100%/12 * 12;
  }
  .col-xl-offset-11 {
    margin-left: 100%/12 * 11;
  }
  .col-xl-offset-10 {
    margin-left: 100%/12 * 10;
  }
  .col-xl-offset-9 {
    margin-left: 100%/12 * 9;
  }
  .col-xl-offset-8 {
    margin-left: 100%/12 * 8;
  }
  .col-xl-offset-7 {
    margin-left: 100%/12 * 7;
  }
  .col-xl-offset-6 {
    margin-left: 100%/12 * 6;
  }
  .col-xl-offset-5 {
    margin-left: 100%/12 * 5;
  }
  .col-xl-offset-4 {
    margin-left: 100%/12 * 4;
  }
  .col-xl-offset-3 {
    margin-left: 100%/12 * 3;
  }
  .col-xl-offset-2 {
    margin-left: 100%/12 * 2;
  }
  .col-xl-offset-1 {
    margin-left: 100%/12 * 1;
  }
  .col-xl-offset-0 {
    margin-left: 100%/12 * 0;
  }
  .col-xl-pull-12 {
    right: 100%/12 * 12;
  }
  .col-xl-pull-11 {
    right: 100%/12 * 11;
  }
  .col-xl-pull-10 {
    right: 100%/12 * 10;
  }
  .col-xl-pull-9 {
    right: 100%/12 * 9;
  }
  .col-xl-pull-8 {
    right: 100%/12 * 8;
  }
  .col-xl-pull-7 {
    right: 100%/12 * 7;
  }
  .col-xl-pull-6 {
    right: 100%/12 * 6;
  }
  .col-xl-pull-5 {
    right: 100%/12 * 5;
  }
  .col-xl-pull-4 {
    right: 100%/12 * 4;
  }
  .col-xl-pull-3 {
    right: 100%/12 * 3;
  }
  .col-xl-pull-2 {
    right: 100%/12 * 2;
  }
  .col-xl-pull-1 {
    right: 100%/12 * 1;
  }
  .col-xl-pull-0 {
    right: 100%/12 * 0;
  }
  .col-xl-push-12 {
    left: 100%/12 * 12;
  }
  .col-xl-push-11 {
    left: 100%/12 * 11;
  }
  .col-xl-push-10 {
    left: 100%/12 * 10;
  }
  .col-xl-push-9 {
    left: 100%/12 * 9;
  }
  .col-xl-push-8 {
    left: 100%/12 * 8;
  }
  .col-xl-push-7 {
    left: 100%/12 * 7;
  }
  .col-xl-push-6 {
    left: 100%/12 * 6;
  }
  .col-xl-push-5 {
    left: 100%/12 * 5;
  }
  .col-xl-push-4 {
    left: 100%/12 * 4;
  }
  .col-xl-push-3 {
    left: 100%/12 * 3;
  }
  .col-xl-push-2 {
    left: 100%/12 * 2;
  }
  .col-xl-push-1 {
    left: 100%/12 * 1;
  }
  .col-xl-push-0 {
    left: 100%/12 * 0;
  }
  .hide-on-xl {
    display: block;
  }
  .hide-inline-on-xl {
    display: inline-block;
  }
  .show-on-xl {
    display: none;
  }
  .show-inline-on-xl {
    display: none;
  }
}
.container {
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .container {
    max-width: 768px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 1024px) {
  .container {
    max-width: 970px;
    margin: 0 auto;
  }
}
.container-fluid {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}
/**
 * Desktop and up
 */
/*@media(min-width: @breakpointDesktop) {
	.container {
		max-width: @breakpointDesktop;
		margin: 0 auto;
	}

	.generateCols(@columns, dt-);
	.generateOffsets(@columns, dt-);
	.generatePull(@columns, dt-);
	.generatePush(@columns, dt-);
	.generateVisibility(dt);
}*/
/* Slidable colls */
.slidableCol {
  display: inline;
}
@media (max-width: 1023px) {
  .slidableCol {
    position: absolute;
    width: 768px;
    overflow: hidden;
  }
}
@media (max-width: 767px) {
  .slidableCol {
    width: 480px;
  }
}
@media (max-width: 480px) {
  .slidableCol {
    width: 320px;
  }
}
* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -moz-tap-highlight-color: rgba(0, 0, 0, 0);
}
input,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
body {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  color: #1a1b1d;
  overflow-x: hidden;
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  padding-bottom: 66px;
}
@media (min-width: 1024px) {
  body {
    padding-top: 66px;
    padding-bottom: 0;
  }
}
@media (max-width: 1023px) {
  body.external {
    padding-bottom: 0;
  }
}
@media (max-width: 1023px) {
  body.hasExternalMobileHeadline {
    padding-top: 66px;
  }
}
body.layout-empty {
  padding: 0;
}
body.dark-mode {
  color: #ffffff;
  background-color: #1a1b1d;
}
p {
  margin: 0;
}
/**
 * Displays
 */
.hidden {
  display: none;
}
.displayBlock {
  display: block;
}
.displayInlineBlock {
  display: inline-block;
}
.displayInline {
  display: inline;
}
.invisible {
  visibility: hidden;
}
.visible {
  visibility: visible;
}
.bold {
  font-weight: bold;
}
.floatLeft {
  float: left;
}
.floatRight {
  float: right;
}
.textCenter {
  text-align: center;
}
.textRight {
  text-align: right;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
.skeleton {
  display: none;
}
@media (max-width: 1023px) {
  .page.has-mobile-fixed-menu {
    padding-top: 40px;
  }
}
.adverticum-zone {
  text-align: center;
}
.adverticum-zone--mobile {
  display: none;
}
@media (max-width: 480px) {
  .adverticum-zone {
    display: none;
  }
  .adverticum-zone--mobile {
    display: block;
  }
}
.adverticum-zone img {
  max-width: 100%;
  height: auto !important;
}
a {
  color: #00FF41;
}
/*!
 * Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2024 Fonticons, Inc.
 */
.fa {
  font-family: var(--fa-style-family, 'Font Awesome 6 Pro');
  font-weight: var(--fa-style, 900);
}
.fas,
.fass,
.far,
.fasr,
.fal,
.fasl,
.fat,
.fast,
.fad,
.fadr,
.fadl,
.fadt,
.fasds,
.fasdr,
.fasdl,
.fasdt,
.fab,
.fa-solid,
.fa-regular,
.fa-light,
.fa-thin,
.fa-brands,
.fa-classic,
.fa-duotone,
.fa-sharp,
.fa-sharp-duotone,
.fa-sharp-solid,
.fa-classic,
.fa {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
}
.fas::before,
.fass::before,
.far::before,
.fasr::before,
.fal::before,
.fasl::before,
.fat::before,
.fast::before,
.fad::before,
.fadr::before,
.fadl::before,
.fadt::before,
.fasds::before,
.fasdr::before,
.fasdl::before,
.fasdt::before,
.fab::before,
.fa-solid::before,
.fa-regular::before,
.fa-light::before,
.fa-thin::before,
.fa-brands::before,
.fa-classic::before,
.fa-duotone::before,
.fa-sharp::before,
.fa-sharp-duotone::before,
.fa::before {
  content: var(--fa);
}
.fad::after,
.fa-duotone.fa-solid::after,
.fa-duotone::after,
.fadr::after,
.fa-duotone.fa-regular::after,
.fadl::after,
.fa-duotone.fa-light::after,
.fadt::after,
.fa-duotone.fa-thin::after,
.fasds::after,
.fa-sharp-duotone.fa-solid::after,
.fa-sharp-duotone::after,
.fasdr::after,
.fa-sharp-duotone.fa-regular::after,
.fasdl::after,
.fa-sharp-duotone.fa-light::after,
.fasdt::after,
.fa-sharp-duotone.fa-thin::after {
  content: var(--fa--fa);
}
.fa-classic.fa-duotone {
  font-family: 'Font Awesome 6 Duotone';
}
.fass,
.fa-sharp {
  font-weight: 900;
}
.fad,
.fa-duotone {
  font-weight: 900;
}
.fasds,
.fa-sharp-duotone {
  font-weight: 900;
}
.fa-classic,
.fas,
.fa-solid,
.far,
.fa-regular,
.fal,
.fa-light,
.fat,
.fa-thin {
  font-family: 'Font Awesome 6 Pro';
}
.fa-duotone,
.fad,
.fadr,
.fadl,
.fadt {
  font-family: 'Font Awesome 6 Duotone';
}
.fa-brands,
.fab {
  font-family: 'Font Awesome 6 Brands';
}
.fa-sharp,
.fass,
.fasr,
.fasl,
.fast {
  font-family: 'Font Awesome 6 Sharp';
}
.fa-sharp-duotone,
.fasds,
.fasdr,
.fasdl,
.fasdt {
  font-family: 'Font Awesome 6 Sharp Duotone';
}
.fa-1x {
  font-size: 1em;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-6x {
  font-size: 6em;
}
.fa-7x {
  font-size: 7em;
}
.fa-8x {
  font-size: 8em;
}
.fa-9x {
  font-size: 9em;
}
.fa-10x {
  font-size: 10em;
}
each(2xs: 10;, xs: 12;, sm: 14;, lg: 20;, xl: 24;, 2xl: 32;, )
.fa-fw {
  text-align: center;
  width: 1.25em;
}
.fa-ul {
  list-style-type: none;
  margin-left: var(--fa-li-margin, 2.5em);
  padding-left: 0;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  left: calc(var(--fa-li-width, 2em) * -1);
  position: absolute;
  text-align: center;
  width: var(--fa-li-width, 2em);
  line-height: inherit;
}
.fa-border {
  border-color: var(--fa-border-color, #eee);
  border-radius: var(--fa-border-radius, 0.1em);
  border-style: var(--fa-border-style, solid);
  border-width: var(--fa-border-width, 0.08em);
  padding: var(--fa-border-padding, 0.2em 0.25em 0.15em);
}
.fa-pull-left {
  float: left;
  margin-right: var(--fa-pull-margin, 0.3em);
}
.fa-pull-right {
  float: right;
  margin-left: var(--fa-pull-margin, 0.3em);
}
.fa-beat {
  animation-name: fa-beat;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out);
}
.fa-bounce {
  animation-name: fa-bounce;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.280, 0.840, 0.420, 1));
}
.fa-fade {
  animation-name: fa-fade;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(.4,0,.6,1));
}
.fa-beat-fade {
  animation-name: fa-beat-fade;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(.4,0,.6,1));
}
.fa-flip {
  animation-name: fa-flip;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out);
}
.fa-shake {
  animation-name: fa-shake;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, linear);
}
.fa-spin {
  animation-name: fa-spin;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 2s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, linear);
}
.fa-spin-reverse {
  --fa-animation-direction: reverse;
}
.fa-pulse,
.fa-spin-pulse {
  animation-name: fa-spin;
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, steps(8));;
}
@media (prefers-reduced-motion: reduce) {
  .fa-beat,
  .fa-bounce,
  .fa-fade,
  .fa-beat-fade,
  .fa-flip,
  .fa-pulse,
  .fa-shake,
  .fa-spin,
  .fa-spin-pulse {
    animation-delay: -1ms;
    animation-duration: 1ms;
    animation-iteration-count: 1;
    transition-delay: 0s;
    transition-duration: 0s;
  }
}
@keyframes fa-beat {
  0%,
  90% {
    transform: scale(1);
  }
  45% {
    transform: scale(var(--fa-beat-scale, 1.25));
  }
}
@keyframes fa-bounce {
  0% {
    transform: scale(1, 1) translateY(0);
  }
  10% {
    transform: scale(var(--fa-bounce-start-scale-x, 1.1),var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
  }
  30% {
    transform: scale(var(--fa-bounce-jump-scale-x, 0.9),var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
  }
  50% {
    transform: scale(var(--fa-bounce-land-scale-x, 1.05),var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
  }
  57% {
    transform: scale(1,1) translateY(var(--fa-bounce-rebound, -0.125em));
  }
  64% {
    transform: scale(1, 1) translateY(0);
  }
  100% {
    transform: scale(1, 1) translateY(0);
  }
}
@keyframes fa-fade {
  50% {
    opacity: var(--fa-fade-opacity, 0.4);
  }
}
@keyframes fa-beat-fade {
  0%,
  100% {
    opacity: var(--fa-beat-fade-opacity, 0.4);
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(var(--fa-beat-fade-scale, 1.125));
  }
}
@keyframes fa-flip {
  50% {
    transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
  }
}
@keyframes fa-shake {
  0% {
    transform: rotate(-15deg);
  }
  4% {
    transform: rotate(15deg);
  }
  8%,
  24% {
    transform: rotate(-18deg);
  }
  12%,
  28% {
    transform: rotate(18deg);
  }
  16% {
    transform: rotate(-22deg);
  }
  20% {
    transform: rotate(22deg);
  }
  32% {
    transform: rotate(-12deg);
  }
  36% {
    transform: rotate(12deg);
  }
  40%,
  100% {
    transform: rotate(0deg);
  }
}
@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.fa-rotate-90 {
  transform: rotate(90deg);
}
.fa-rotate-180 {
  transform: rotate(180deg);
}
.fa-rotate-270 {
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  transform: scale(1, -1);
}
.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
  transform: scale(-1, -1);
}
.fa-rotate-by {
  transform: rotate(var(--fa-rotate-angle, 0));
}
.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em;
}
.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: var(--fa-stack-z-index, auto);
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: var(--fa-inverse, #fff);
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
each(angle-up: "\f106";, arrow-left: "\f060";, award: "\f559";, bell-on: "\f8fa";, calendar-days: "\f073";, calendar-alt: "\f073";, camera: "\f030";, camera-alt: "\f030";, chart-mixed: "\f643";, analytics: "\f643";, chart-user: "\f6a3";, user-chart: "\f6a3";, check: "\f00c";, chevron-down: "\f078";, chevron-left: "\f053";, chevron-right: "\f054";, chevron-up: "\f077";, circle-check: "\f058";, check-circle: "\f058";, circle-info: "\f05a";, info-circle: "\f05a";, circle-question: "\f059";, question-circle: "\f059";, circle-user: "\f2bd";, user-circle: "\f2bd";, clock: "\f017";, clock-four: "\f017";, clock-rotate-left: "\f1da";, history: "\f1da";, comment: "\f075";, comment-slash: "\f4b3";, comment-sms: "\f7cd";, sms: "\f7cd";, down-left-and-up-right-to-center: "\f422";, compress-alt: "\f422";, download: "\f019";, ellipsis-vertical: "\f142";, ellipsis-v: "\f142";, envelope-open-text: "\f658";, eye: "\f06e";, eye-slash: "\f070";, face-smile: "\f118";, smile: "\f118";, file-magnifying-glass: "\f865";, file-search: "\f865";, file-video: "\f1c8";, folder-open: "\f07c";, gear: "\f013";, cog: "\f013";, gift: "\f06b";, heart: "\f004";, id-card: "\f2c2";, drivers-license: "\f2c2";, image-polaroid: "\f8c4";, keyboard: "\f11c";, location-dot: "\f3c5";, map-marker-alt: "\f3c5";, lock-keyhole: "\f30d";, lock-alt: "\f30d";, magnifying-glass: "\f002";, search: "\f002";, mask: "\f6fa";, message-lines: "\f4a6";, comment-alt-lines: "\f4a6";, message-minus: "\f4a7";, comment-alt-minus: "\f4a7";, moon: "\f186";, paper-plane: "\f1d8";, pen-to-square: "\f044";, edit: "\f044";, plus: "\2b";, add: "\2b";, snowman: "\f7d0";, spinner-third: "\f3f4";, square-exclamation: "\f321";, exclamation-square: "\f321";, star: "\f005";, trash: "\f1f8";, trash-can: "\f2ed";, trash-alt: "\f2ed";, triangle-exclamation: "\f071";, exclamation-triangle: "\f071";, warning: "\f071";, unlock-keyhole: "\f13e";, unlock-alt: "\f13e";, up-right-and-down-left-from-center: "\f424";, expand-alt: "\f424";, user: "\f007";, user-group: "\f500";, user-friends: "\f500";, user-large: "\f406";, user-alt: "\f406";, user-slash: "\f506";, user-xmark: "\f235";, user-times: "\f235";, venus: "\f221";, video: "\f03d";, video-camera: "\f03d";, xmark: "\f00d";, close: "\f00d";, multiply: "\f00d";, remove: "\f00d";, times: "\f00d";, )
.sr-only,
.fa-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.sr-only-focusable:not(:focus),
.fa-sr-only-focusable:not(:focus) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
/*!
 * Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2024 Fonticons, Inc.
 */
:root,
:host {
  --fa-style-family-classic: 'Font Awesome 6 Pro';
  --fa-font-light: normal 300 1em/1 'Font Awesome 6 Pro';
}
@font-face {
  font-family: 'Font Awesome 6 Pro';
  font-style: normal;
  font-weight: 300;
  font-display: block;
  src: url('/assets/font/font-awesome/fa-light-300.woff2') format('woff2'), url('/assets/font/font-awesome/fa-light-300.ttf') format('truetype');
}
.fal,
.fa-light {
  font-weight: 300;
}
/*!
 * Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2024 Fonticons, Inc.
 */
:root,
:host {
  --fa-style-family-classic: 'Font Awesome 6 Pro';
  --fa-font-regular: normal 400 1em/1 'Font Awesome 6 Pro';
}
@font-face {
  font-family: 'Font Awesome 6 Pro';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('/assets/font/font-awesome/fa-regular-400.woff2') format('woff2'), url('/assets/font/font-awesome/fa-regular-400.ttf') format('truetype');
}
.far,
.fa-regular {
  font-weight: 400;
}
/*!
 * Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2024 Fonticons, Inc.
 */
:root,
:host {
  --fa-style-family-classic: 'Font Awesome 6 Pro';
  --fa-font-solid: normal 900 1em/1 'Font Awesome 6 Pro';
}
@font-face {
  font-family: 'Font Awesome 6 Pro';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url('/assets/font/font-awesome/fa-solid-900.woff2') format('woff2'), url('/assets/font/font-awesome/fa-solid-900.ttf') format('truetype');
}
.fas,
.fa-solid {
  font-weight: 900;
}
/*!
 * Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2024 Fonticons, Inc.
 */
:root,
:host {
  --fa-style-family-duotone: 'Font Awesome 6 Duotone';
  --fa-font-duotone: normal 900 1em/1 'Font Awesome 6 Duotone';
}
@font-face {
  font-family: 'Font Awesome 6 Duotone';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url('/assets/font/font-awesome/fa-duotone-900.woff2') format('woff2'), url('/assets/font/font-awesome/fa-duotone-900.ttf') format('truetype');
}
.fad,
.fa-duotone {
  position: relative;
  font-weight: 900;
  letter-spacing: normal;
}
.fad::before,
.fa-duotone::before {
  position: absolute;
  color: var(--fa-primary-color, inherit);
  opacity: 1;
  opacity: var(--fa-primary-opacity, 1);
}
.fad::after,
.fa-duotone::after {
  color: var(--fa-secondary-color, inherit);
  opacity: 0.4;
  opacity: var(--fa-secondary-opacity, 0.4);
}
.fa-swap-opacity .fad::before,
.fa-swap-opacity .fa-duotone::before,
.fad.fa-swap-opacity::before,
.fa-duotone.fa-swap-opacity::before {
  opacity: 0.4;
  opacity: var(--fa-secondary-opacity, 0.4);
}
.fa-swap-opacity .fad::after,
.fa-swap-opacity .fa-duotone::after,
.fad.fa-swap-opacity::after,
.fa-duotone.fa-swap-opacity::after {
  opacity: 1;
  opacity: var(--fa-primary-opacity, 1);
}
.fad.fa-inverse,
.fa-duotone.fa-inverse {
  color: var(--fa-inverse, #fff);
}
.fad.fa-stack-1x,
.fad.fa-stack-2x,
.fa-duotone.fa-stack-1x,
.fa-duotone.fa-stack-2x {
  position: absolute;
}
/*!
 * Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2024 Fonticons, Inc.
 */
:root,
:host {
  --fa-style-family-sharp: 'Font Awesome 6 Sharp';
  --fa-font-sharp-solid: normal 900 1em/1 'Font Awesome 6 Sharp';
}
@font-face {
  font-family: 'Font Awesome 6 Sharp';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url('/assets/font/font-awesome/fa-sharp-solid-900.woff2') format('woff2'), url('/assets/font/font-awesome/fa-sharp-solid-900.ttf') format('truetype');
}
.fass,
.fa-solid {
  font-weight: 900;
}
/*!
 * Cropper.js v1.5.9
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2020-09-10T13:16:21.689Z
 */
.cropper-container {
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cropper-container img {
  display: block;
  height: 100%;
  image-orientation: 0deg;
  max-height: none!important;
  max-width: none!important;
  min-height: 0!important;
  min-width: 0!important;
  width: 100%;
}
.cropper-canvas,
.cropper-crop-box,
.cropper-drag-box,
.cropper-modal,
.cropper-wrap-box {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.cropper-canvas,
.cropper-wrap-box {
  overflow: hidden;
}
.cropper-drag-box {
  background-color: #fff;
  opacity: 0;
}
.cropper-modal {
  background-color: #000;
  opacity: 0.5;
}
.cropper-view-box {
  display: block;
  height: 100%;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, 0.75);
  overflow: hidden;
  width: 100%;
}
.cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: 0.5;
  position: absolute;
}
.cropper-dashed.dashed-h {
  border-bottom-width: 1px;
  border-top-width: 1px;
  height: 33.33333%;
  left: 0;
  top: 33.33333%;
  width: 100%;
}
.cropper-dashed.dashed-v {
  border-left-width: 1px;
  border-right-width: 1px;
  height: 100%;
  left: 33.33333%;
  top: 0;
  width: 33.33333%;
}
.cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  width: 0;
}
.cropper-center:after,
.cropper-center:before {
  background-color: #eee;
  content: " ";
  display: block;
  position: absolute;
}
.cropper-center:before {
  height: 1px;
  left: -3px;
  top: 0;
  width: 7px;
}
.cropper-center:after {
  height: 7px;
  left: 0;
  top: -3px;
  width: 1px;
}
.cropper-face,
.cropper-line,
.cropper-point {
  display: block;
  height: 100%;
  opacity: 0.1;
  position: absolute;
  width: 100%;
}
.cropper-face {
  background-color: #fff;
  left: 0;
  top: 0;
}
.cropper-line {
  background-color: #39f;
}
.cropper-line.line-e {
  cursor: ew-resize;
  right: -3px;
  top: 0;
  width: 5px;
}
.cropper-line.line-n {
  cursor: ns-resize;
  height: 5px;
  left: 0;
  top: -3px;
}
.cropper-line.line-w {
  cursor: ew-resize;
  left: -3px;
  top: 0;
  width: 5px;
}
.cropper-line.line-s {
  bottom: -3px;
  cursor: ns-resize;
  height: 5px;
  left: 0;
}
.cropper-point {
  background-color: #39f;
  height: 5px;
  opacity: 0.75;
  width: 5px;
}
.cropper-point.point-e {
  cursor: ew-resize;
  margin-top: -3px;
  right: -3px;
  top: 50%;
}
.cropper-point.point-n {
  cursor: ns-resize;
  left: 50%;
  margin-left: -3px;
  top: -3px;
}
.cropper-point.point-w {
  cursor: ew-resize;
  left: -3px;
  margin-top: -3px;
  top: 50%;
}
.cropper-point.point-s {
  bottom: -3px;
  cursor: s-resize;
  left: 50%;
  margin-left: -3px;
}
.cropper-point.point-ne {
  cursor: nesw-resize;
  right: -3px;
  top: -3px;
}
.cropper-point.point-nw {
  cursor: nwse-resize;
  left: -3px;
  top: -3px;
}
.cropper-point.point-sw {
  bottom: -3px;
  cursor: nesw-resize;
  left: -3px;
}
.cropper-point.point-se {
  bottom: -3px;
  cursor: nwse-resize;
  height: 20px;
  opacity: 1;
  right: -3px;
  width: 20px;
}
@media (min-width: 768px) {
  .cropper-point.point-se {
    height: 15px;
    width: 15px;
  }
}
@media (min-width: 992px) {
  .cropper-point.point-se {
    height: 10px;
    width: 10px;
  }
}
@media (min-width: 1200px) {
  .cropper-point.point-se {
    height: 5px;
    opacity: 0.75;
    width: 5px;
  }
}
.cropper-point.point-se:before {
  background-color: #39f;
  bottom: -50%;
  content: " ";
  display: block;
  height: 200%;
  opacity: 0;
  position: absolute;
  right: -50%;
  width: 200%;
}
.cropper-invisible {
  opacity: 0;
}
.cropper-bg {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC");
}
.cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}
.cropper-hidden {
  display: none !important;
}
.cropper-move {
  cursor: move;
}
.cropper-crop {
  cursor: crosshair;
}
.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}
@keyframes rotating {
  from {
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes wave {
  0%,
  60%,
  100% {
    -moz-transform: initial;
    -webkit-transform: initial;
    -o-transform: initial;
    -ms-transform: initial;
    transform: initial;
  }
  30% {
    -moz-transform: translateY(-5px) scale(1.25, 1.25);
    -webkit-transform: translateY(-5px) scale(1.25, 1.25);
    -o-transform: translateY(-5px) scale(1.25, 1.25);
    -ms-transform: translateY(-5px) scale(1.25, 1.25);
    transform: translateY(-5px) scale(1.25, 1.25);
  }
}
html,
body {
  margin: 0;
  padding: 0;
  font-family: 'Montserrat', sans-serif;
  color: #ffffff;
  background: radial-gradient(circle at center, #2c3e50 0%, #0f1a1d 100%);
  min-height: 100vh;
  overflow-x: hidden;
}
.main-header {
  padding: 20px 10px;
  background-color: rgba(44, 62, 80, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  z-index: 100;
}
.main-header .header-container {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
.main-header .header-container .logo {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: inherit;
  gap: 10px;
}
.main-header .header-container .logo .header-logo-img {
  width: 40px;
  height: 40px;
  background-color: #00FF41;
  -webkit-mask-image: url("/assets/images/smile_logo.svg");
  mask-image: url("/assets/images/smile_logo.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  mask-size: contain;
}
.main-header .header-container .logo .logo-text {
  font-size: 1.25rem;
  font-weight: 700;
  color: #00FF41;
}
.start-page-main {
  position: relative;
  padding: 120px 20px 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  overflow: hidden;
}
.bg-decorations {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
}
.bg-decorations .smile-decor {
  position: absolute;
  width: 600px;
  height: 600px;
  opacity: 0.95;
  background-color: #00FF41;
  -webkit-mask-image: url("/assets/images/smile_logo.svg");
  mask-image: url("/assets/images/smile_logo.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  mask-size: contain;
}
@media (max-width: 1150px) {
  .bg-decorations .smile-decor {
    display: none;
  }
}
.bg-decorations .smile-decor.decor-top-right {
  top: -100px;
  right: -200px;
  transform: rotate(20deg);
}
.bg-decorations .smile-decor.decor-bottom-left {
  bottom: -150px;
  left: -250px;
  transform: rotate(-15deg);
}
.hero-content-wrapper {
  position: relative;
  z-index: 10;
  max-width: 700px;
  width: 100%;
}
.hero-content-wrapper .smile-box {
  background-color: #00FF41;
  width: 120px;
  height: 120px;
  border-radius: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 30px;
  box-shadow: 0 0 40px rgba(0, 255, 65, 0.3);
}
.hero-content-wrapper .smile-box img {
  width: 80px;
  height: 80px;
}
.hero-content-wrapper .main-title {
  font-size: 3.5rem;
  font-weight: 800;
  color: #00FF41;
  margin: 0 0 10px;
}
.hero-content-wrapper .sub-title {
  font-size: 2.5rem;
  font-weight: 700;
  margin: 0 0 15px;
}
.hero-content-wrapper .intro-tagline {
  font-size: 1.5rem;
  color: #b0bfc6;
  margin-bottom: 40px;
}
.hero-content-wrapper .content-text {
  font-size: 1.1rem;
  line-height: 1.6;
  color: #b0bfc6;
  max-width: 600px;
  margin: 0 auto;
  text-align: justify;
}
.hero-content-wrapper .content-text p {
  margin-bottom: 20px;
}
.hero-content-wrapper .content-text .highlight {
  color: #00FF41;
  font-weight: 600;
}
.hero-content-wrapper .content-text .highlight-link {
  color: #00FF41;
  text-decoration: underline;
  font-weight: 600;
}
.expandable-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease-out;
}
.expandable-content.expanded {
  max-height: 1000px;
  transition: max-height 0.8s ease-in;
}
.toggle-btn {
  background: transparent;
  border: none;
  color: #00FF41;
  font-size: 1rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 auto 40px;
  cursor: pointer;
  transition: transform 0.2s;
}
.toggle-btn:hover {
  transform: translateY(-2px);
}
.app-buttons {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-bottom: 60px;
}
.app-buttons .app-btn {
  transition: transform 0.2s;
}
.app-buttons .app-btn img {
  height: 48px;
}
.app-buttons .app-btn:hover {
  transform: scale(1.05);
}
.app-buttons .app-btn.disabled {
  opacity: 0.5;
  filter: grayscale(1);
  cursor: not-allowed;
  pointer-events: none;
}
.app-buttons .app-btn.disabled:hover {
  transform: none;
}
.footer-decoration {
  margin-top: 40px;
  height: 400px;
}
.footer-decoration .decor-image {
  max-width: 100%;
  height: auto;
}
.main-footer {
  padding: 30px 5%;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.4);
  background-color: rgba(44, 62, 80, 0.8);
}
.main-footer .footer-container {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.main-footer .footer-container .footer-right {
  display: flex;
  gap: 25px;
  align-items: center;
}
.main-footer .footer-container .footer-right a {
  color: inherit;
  text-decoration: none;
}
.main-footer .footer-container .footer-right a:hover {
  color: #ffffff;
}
.main-footer .footer-container .footer-right .download-nav-btn {
  background-color: #00FF41;
  color: #000;
  padding: 8px 16px;
  border-radius: 8px;
  font-weight: 700;
}
.main-footer .footer-container .footer-right .download-nav-btn:hover {
  background-color: #33ff67;
}
@media (max-width: 768px) {
  .hero-content-wrapper .main-title {
    font-size: 2.5rem;
  }
  .hero-content-wrapper .sub-title {
    font-size: 1.8rem;
  }
  .hero-content-wrapper .intro-tagline {
    font-size: 1.2rem;
  }
  .footer-container {
    flex-direction: column;
    gap: 20px;
    text-align: center;
  }
  .footer-container .footer-right {
    flex-direction: column;
    gap: 15px;
  }
}
.validation-page {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: radial-gradient(circle at top left, #2c3e50, #1a1a1a);
  padding: 20px;
  font-family: 'Montserrat', sans-serif;
}
.validation-page .validation-container {
  width: 100%;
  max-width: 500px;
}
.validation-page .validation-card {
  background: #4b6075;
  backdrop-filter: blur(10px);
  padding: 50px 40px;
  border-radius: 20px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
  text-align: center;
  border: 1px solid #2c3e50;
}
.validation-page .validation-card .status-icon {
  font-size: 4rem;
  margin-bottom: 25px;
}
.validation-page .validation-card .status-icon.success {
  color: #00FF41;
}
.validation-page .validation-card .status-icon.info {
  color: #3498db;
}
.validation-page .validation-card .status-icon.error {
  color: #e74c3c;
}
.validation-page .validation-card h1 {
  font-size: 2rem;
  margin-bottom: 20px;
  color: #00FF41;
  font-weight: 700;
}
.validation-page .validation-card p {
  font-size: 1.1rem;
  line-height: 1.6;
  color: #fff;
  margin-bottom: 40px;
}
.validation-page .validation-card .action-buttons .btn {
  display: inline-block;
  padding: 12px 30px;
  border-radius: 50px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
}
.validation-page .validation-card .action-buttons .btn-primary {
  background: #00FF41;
  color: #2c3e50;
}
.validation-page .validation-card .action-buttons .btn-primary:hover {
  background: #00cc34;
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(46, 204, 113, 0.2);
}
.validation-page .validation-card .action-buttons .btn-outline {
  border: 2px solid #3498db;
  color: #3498db;
}
.validation-page .validation-card .action-buttons .btn-outline:hover {
  background: #3498db;
  color: white;
  transform: translateY(-2px);
}
@media (max-width: 480px) {
  .validation-card {
    padding: 40px 20px;
  }
  .validation-card h1 {
    font-size: 1.5rem;
  }
}