@charset "UTF-8";

/**
 * ██╗░░██╗██╗░░░██╗░█████╗░░█████╗░██╗░░░░░██╗░░░██╗
 * ██║░██╔╝██║░░░██║██╔══██╗██╔══██╗██║░░░░░╚██╗░██╔╝
 * █████═╝░██║░░░██║███████║███████║██║░░░░░░╚████╔╝░
 * ██╔═██╗░██║░░░██║██╔══██║██╔══██║██║░░░░░░░╚██╔╝░░
 * ██║░╚██╗╚██████╔╝██║░░██║██║░░██║███████╗░░░██║░░░
 * ╚═╝░░╚═╝░╚═════╝░╚═╝░░╚═╝╚═╝░░╚═╝╚══════╝░░░╚═╝░░░
 *
 * Copyright (c) 2025.
 * A Cibersons Portfolio Project.
 */

/**
 * ██╗░░██╗██╗░░░██╗░█████╗░░█████╗░██╗░░░░░██╗░░░██╗
 * ██║░██╔╝██║░░░██║██╔══██╗██╔══██╗██║░░░░░╚██╗░██╔╝
 * █████═╝░██║░░░██║███████║███████║██║░░░░░░╚████╔╝░
 * ██╔═██╗░██║░░░██║██╔══██║██╔══██║██║░░░░░░░╚██╔╝░░
 * ██║░╚██╗╚██████╔╝██║░░██║██║░░██║███████╗░░░██║░░░
 * ╚═╝░░╚═╝░╚═════╝░╚═╝░░╚═╝╚═╝░░╚═╝╚══════╝░░░╚═╝░░░
 *
 * Copyright (c) 2025.
 * A Cibersons Portfolio Project.
 */

/** Definir cual es el tema */

@import url("https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i&display=swap");

@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i&display=swap");

.course-content .panel-group .tabs li > a.color1,
.course-content .course-divider > div.color1 {
  border-top: solid 2px rgb(36, 0, 255) !important;
}

.course-content .panel-group .tabs li > a.color2,
.course-content .course-divider > div.color2 {
  border-top: solid 2px rgb(253, 55, 0) !important;
}

.course-content .panel-group .tabs li > a.color3,
.course-content .course-divider > div.color3 {
  border-top: solid 2px rgb(255, 140, 0) !important;
}

.course-content .panel-group .tabs li > a.color4,
.course-content .course-divider > div.color4 {
  border-top: solid 2px #FFD400 !important;
}

.course-content .panel-group .tabs li > a.color5,
.course-content .course-divider > div.color5 {
  border-top: solid 2px #069670 !important;
}

.course-content .panel-group .tabs li > a.color1.active {
  background: #e9e6ff;
}

.course-content .panel-group .tabs li > a.color2.active {
  background: #f9fcfc;
}

.course-content .panel-group .tabs li > a.color3.active {
  background: #fff4e6;
}

.course-content .panel-group .tabs li > a.color4.active {
  background: #fffbe6;
}

.course-content .panel-group .tabs li > a.color5.active {
  background: #ddfef5;
}

/* ====== Background ====== */

/****
 **** COMPONENTS ************
 *****/

/* ====== Loader ====== */

.loadingoverlay .logo {
  background-image: url("../img/loader.gif");
}

/* ====== Buttons ====== */

.btn-kuaaly-primary,
fieldset[disabled] .btn-kuaaly-primary:hover,
fieldset[disabled] .btn-kuaaly-primary:focus,
fieldset[disabled] .btn-kuaaly-primary:active,
fieldset[disabled] .btn-kuaaly-primary.active,
fieldset[disabled] .btn-kuaaly-primary {
  color: #FFFFFF;
  background-color: #ffa333;
  border-color: #ffaf4d;
}

.btn-kuaaly-primary:hover,
fieldset[disabled] .btn-kuaaly-primary:hover,
.btn-kuaaly-primary:focus,
fieldset[disabled] .btn-kuaaly-primary:focus,
.btn-kuaaly-primary:active,
fieldset[disabled] .btn-kuaaly-primary:active,
.btn-kuaaly-primary.active,
fieldset[disabled] .active.btn-kuaaly-primary {
  color: #FFFFFF;
  background-color: #ffa333;
  border-color: #ffaf4d;
}

.btn-kuaaly-primary:active,
fieldset[disabled] .btn-kuaaly-primary:active,
.btn-kuaaly-primary.active,
fieldset[disabled] .active.btn-kuaaly-primary {
  background-image: none;
}

.btn-kuaaly-primary.disabled,
fieldset[disabled] .disabled.btn-kuaaly-primary,
.btn-kuaaly-primary[disabled],
fieldset[disabled] [disabled].btn-kuaaly-primary,
.btn-kuaaly-primary.disabled:hover,
.btn-kuaaly-primary[disabled]:hover,
.btn-kuaaly-primary.disabled:focus,
.btn-kuaaly-primary[disabled]:focus,
.btn-kuaaly-primary.disabled:active,
.btn-kuaaly-primary[disabled]:active,
.btn-kuaaly-primary.disabled.active,
.btn-kuaaly-primary[disabled].active {
  background-color: #ffe8cc;
  border-color: #ffc680;
  color: #6b6b6b;
}

.btn-kuaaly-warning,
fieldset[disabled] .btn-kuaaly-warning:hover,
fieldset[disabled] .btn-kuaaly-warning:focus,
fieldset[disabled] .btn-kuaaly-warning:active,
fieldset[disabled] .btn-kuaaly-warning.active,
fieldset[disabled] .btn-kuaaly-warning {
  color: #363636;
  background-color: #FFD400;
  border-color: #7b7b7b;
}

.btn-kuaaly-warning .svg,
fieldset[disabled] .btn-kuaaly-warning .svg {
  color: #363636;
}

.btn-kuaaly-warning:hover,
fieldset[disabled] .btn-kuaaly-warning:hover,
.btn-kuaaly-warning:focus,
fieldset[disabled] .btn-kuaaly-warning:focus,
.btn-kuaaly-warning:active,
fieldset[disabled] .btn-kuaaly-warning:active,
.btn-kuaaly-warning.active,
fieldset[disabled] .active.btn-kuaaly-warning {
  color: #121212;
  background-color: #FFD400;
  border-color: #5a5a5a;
}

.btn-kuaaly-warning:hover .svg,
.btn-kuaaly-warning:focus .svg,
.btn-kuaaly-warning:active .svg,
.btn-kuaaly-warning.active .svg {
  fill: #121212;
}

.btn-kuaaly-warning:active,
fieldset[disabled] .btn-kuaaly-warning:active,
.btn-kuaaly-warning.active,
fieldset[disabled] .active.btn-kuaaly-warning {
  background-image: none;
}

.btn-kuaaly-warning.disabled,
fieldset[disabled] .disabled.btn-kuaaly-warning,
.btn-kuaaly-warning[disabled],
fieldset[disabled] [disabled].btn-kuaaly-warning,
.btn-kuaaly-warning.disabled:hover,
.btn-kuaaly-warning[disabled]:hover,
.btn-kuaaly-warning.disabled:focus,
.btn-kuaaly-warning[disabled]:focus,
.btn-kuaaly-warning.disabled:active,
.btn-kuaaly-warning[disabled]:active,
.btn-kuaaly-warning.disabled.active,
.btn-kuaaly-warning[disabled].active {
  background-color: #fff6cc;
  border-color: #ffea80;
  color: #6b6b6b;
}

/* ====== ALERTS ====== */

.alert-kuaaly-warning {
  background-color: #ede127;
  border-color: #696969;
  color: #63321c;
}

/**
 * ██╗░░██╗██╗░░░██╗░█████╗░░█████╗░██╗░░░░░██╗░░░██╗
 * ██║░██╔╝██║░░░██║██╔══██╗██╔══██╗██║░░░░░╚██╗░██╔╝
 * █████═╝░██║░░░██║███████║███████║██║░░░░░░╚████╔╝░
 * ██╔═██╗░██║░░░██║██╔══██║██╔══██║██║░░░░░░░╚██╔╝░░
 * ██║░╚██╗╚██████╔╝██║░░██║██║░░██║███████╗░░░██║░░░
 * ╚═╝░░╚═╝░╚═════╝░╚═╝░░╚═╝╚═╝░░╚═╝╚══════╝░░░╚═╝░░░
 *
 * Copyright (c) 2025.
 * A Cibersons Portfolio Project.
 */

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */

/* FONT PATH
 * -------------------------- */

@font-face {
  font-family: "FontAwesome";
  src: url("../fonts/fontawesome-webfont.eot?v=4.7.0");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* makes the font 33% larger relative to the icon container */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Deprecated as of 4.4.0 */

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

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

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

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

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

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@-o-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

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

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

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

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

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

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

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

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

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

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

.fa-inverse {
  color: #fff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fa-hand-o-left:before {
  content: "\f0a5";
}

.fa-hand-o-up:before {
  content: "\f0a6";
}

.fa-hand-o-down:before {
  content: "\f0a7";
}

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

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

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

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

.fa-globe:before {
  content: "\f0ac";
}

.fa-wrench:before {
  content: "\f0ad";
}

.fa-tasks:before {
  content: "\f0ae";
}

.fa-filter:before {
  content: "\f0b0";
}

.fa-briefcase:before {
  content: "\f0b1";
}

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

.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}

.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}

.fa-cloud:before {
  content: "\f0c2";
}

.fa-flask:before {
  content: "\f0c3";
}

.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}

.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}

.fa-paperclip:before {
  content: "\f0c6";
}

.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}

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

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}

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

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

.fa-strikethrough:before {
  content: "\f0cc";
}

.fa-underline:before {
  content: "\f0cd";
}

.fa-table:before {
  content: "\f0ce";
}

.fa-magic:before {
  content: "\f0d0";
}

.fa-truck:before {
  content: "\f0d1";
}

.fa-pinterest:before {
  content: "\f0d2";
}

.fa-pinterest-square:before {
  content: "\f0d3";
}

.fa-google-plus-square:before {
  content: "\f0d4";
}

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

.fa-money:before {
  content: "\f0d6";
}

.fa-caret-down:before {
  content: "\f0d7";
}

.fa-caret-up:before {
  content: "\f0d8";
}

.fa-caret-left:before {
  content: "\f0d9";
}

.fa-caret-right:before {
  content: "\f0da";
}

.fa-columns:before {
  content: "\f0db";
}

.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}

.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}

.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}

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

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

.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}

.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}

.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}

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

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

.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}

.fa-sitemap:before {
  content: "\f0e8";
}

.fa-umbrella:before {
  content: "\f0e9";
}

.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}

.fa-lightbulb-o:before {
  content: "\f0eb";
}

.fa-exchange:before {
  content: "\f0ec";
}

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

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

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

.fa-stethoscope:before {
  content: "\f0f1";
}

.fa-suitcase:before {
  content: "\f0f2";
}

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

.fa-coffee:before {
  content: "\f0f4";
}

.fa-cutlery:before {
  content: "\f0f5";
}

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

.fa-building-o:before {
  content: "\f0f7";
}

.fa-hospital-o:before {
  content: "\f0f8";
}

.fa-ambulance:before {
  content: "\f0f9";
}

.fa-medkit:before {
  content: "\f0fa";
}

.fa-fighter-jet:before {
  content: "\f0fb";
}

.fa-beer:before {
  content: "\f0fc";
}

.fa-h-square:before {
  content: "\f0fd";
}

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

.fa-angle-double-left:before {
  content: "\f100";
}

.fa-angle-double-right:before {
  content: "\f101";
}

.fa-angle-double-up:before {
  content: "\f102";
}

.fa-angle-double-down:before {
  content: "\f103";
}

.fa-angle-left:before {
  content: "\f104";
}

.fa-angle-right:before {
  content: "\f105";
}

.fa-angle-up:before {
  content: "\f106";
}

.fa-angle-down:before {
  content: "\f107";
}

.fa-desktop:before {
  content: "\f108";
}

.fa-laptop:before {
  content: "\f109";
}

.fa-tablet:before {
  content: "\f10a";
}

.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}

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

.fa-quote-left:before {
  content: "\f10d";
}

.fa-quote-right:before {
  content: "\f10e";
}

.fa-spinner:before {
  content: "\f110";
}

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

.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}

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

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

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

.fa-smile-o:before {
  content: "\f118";
}

.fa-frown-o:before {
  content: "\f119";
}

.fa-meh-o:before {
  content: "\f11a";
}

.fa-gamepad:before {
  content: "\f11b";
}

.fa-keyboard-o:before {
  content: "\f11c";
}

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

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

.fa-terminal:before {
  content: "\f120";
}

.fa-code:before {
  content: "\f121";
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}

.fa-location-arrow:before {
  content: "\f124";
}

.fa-crop:before {
  content: "\f125";
}

.fa-code-fork:before {
  content: "\f126";
}

.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}

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

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

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

.fa-superscript:before {
  content: "\f12b";
}

.fa-subscript:before {
  content: "\f12c";
}

.fa-eraser:before {
  content: "\f12d";
}

.fa-puzzle-piece:before {
  content: "\f12e";
}

.fa-microphone:before {
  content: "\f130";
}

.fa-microphone-slash:before {
  content: "\f131";
}

.fa-shield:before {
  content: "\f132";
}

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

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

.fa-rocket:before {
  content: "\f135";
}

.fa-maxcdn:before {
  content: "\f136";
}

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

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

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

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

.fa-html5:before {
  content: "\f13b";
}

.fa-css3:before {
  content: "\f13c";
}

.fa-anchor:before {
  content: "\f13d";
}

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

.fa-bullseye:before {
  content: "\f140";
}

.fa-ellipsis-h:before {
  content: "\f141";
}

.fa-ellipsis-v:before {
  content: "\f142";
}

.fa-rss-square:before {
  content: "\f143";
}

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

.fa-ticket:before {
  content: "\f145";
}

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

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

.fa-level-up:before {
  content: "\f148";
}

.fa-level-down:before {
  content: "\f149";
}

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

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

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

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

.fa-compass:before {
  content: "\f14e";
}

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}

.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}

.fa-gbp:before {
  content: "\f154";
}

.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}

.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}

.fa-won:before,
.fa-krw:before {
  content: "\f159";
}

.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}

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

.fa-file-text:before {
  content: "\f15c";
}

.fa-sort-alpha-asc:before {
  content: "\f15d";
}

.fa-sort-alpha-desc:before {
  content: "\f15e";
}

.fa-sort-amount-asc:before {
  content: "\f160";
}

.fa-sort-amount-desc:before {
  content: "\f161";
}

.fa-sort-numeric-asc:before {
  content: "\f162";
}

.fa-sort-numeric-desc:before {
  content: "\f163";
}

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

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

.fa-youtube-square:before {
  content: "\f166";
}

.fa-youtube:before {
  content: "\f167";
}

.fa-xing:before {
  content: "\f168";
}

.fa-xing-square:before {
  content: "\f169";
}

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

.fa-dropbox:before {
  content: "\f16b";
}

.fa-stack-overflow:before {
  content: "\f16c";
}

.fa-instagram:before {
  content: "\f16d";
}

.fa-flickr:before {
  content: "\f16e";
}

.fa-adn:before {
  content: "\f170";
}

.fa-bitbucket:before {
  content: "\f171";
}

.fa-bitbucket-square:before {
  content: "\f172";
}

.fa-tumblr:before {
  content: "\f173";
}

.fa-tumblr-square:before {
  content: "\f174";
}

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

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

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

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

.fa-apple:before {
  content: "\f179";
}

.fa-windows:before {
  content: "\f17a";
}

.fa-android:before {
  content: "\f17b";
}

.fa-linux:before {
  content: "\f17c";
}

.fa-dribbble:before {
  content: "\f17d";
}

.fa-skype:before {
  content: "\f17e";
}

.fa-foursquare:before {
  content: "\f180";
}

.fa-trello:before {
  content: "\f181";
}

.fa-female:before {
  content: "\f182";
}

.fa-male:before {
  content: "\f183";
}

.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}

.fa-sun-o:before {
  content: "\f185";
}

.fa-moon-o:before {
  content: "\f186";
}

.fa-archive:before {
  content: "\f187";
}

.fa-bug:before {
  content: "\f188";
}

.fa-vk:before {
  content: "\f189";
}

.fa-weibo:before {
  content: "\f18a";
}

.fa-renren:before {
  content: "\f18b";
}

.fa-pagelines:before {
  content: "\f18c";
}

.fa-stack-exchange:before {
  content: "\f18d";
}

.fa-arrow-circle-o-right:before {
  content: "\f18e";
}

.fa-arrow-circle-o-left:before {
  content: "\f190";
}

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}

.fa-dot-circle-o:before {
  content: "\f192";
}

.fa-wheelchair:before {
  content: "\f193";
}

.fa-vimeo-square:before {
  content: "\f194";
}

.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}

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

.fa-space-shuttle:before {
  content: "\f197";
}

.fa-slack:before {
  content: "\f198";
}

.fa-envelope-square:before {
  content: "\f199";
}

.fa-wordpress:before {
  content: "\f19a";
}

.fa-openid:before {
  content: "\f19b";
}

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}

.fa-yahoo:before {
  content: "\f19e";
}

.fa-google:before {
  content: "\f1a0";
}

.fa-reddit:before {
  content: "\f1a1";
}

.fa-reddit-square:before {
  content: "\f1a2";
}

.fa-stumbleupon-circle:before {
  content: "\f1a3";
}

.fa-stumbleupon:before {
  content: "\f1a4";
}

.fa-delicious:before {
  content: "\f1a5";
}

.fa-digg:before {
  content: "\f1a6";
}

.fa-pied-piper-pp:before {
  content: "\f1a7";
}

.fa-pied-piper-alt:before {
  content: "\f1a8";
}

.fa-drupal:before {
  content: "\f1a9";
}

.fa-joomla:before {
  content: "\f1aa";
}

.fa-language:before {
  content: "\f1ab";
}

.fa-fax:before {
  content: "\f1ac";
}

.fa-building:before {
  content: "\f1ad";
}

.fa-child:before {
  content: "\f1ae";
}

.fa-paw:before {
  content: "\f1b0";
}

.fa-spoon:before {
  content: "\f1b1";
}

.fa-cube:before {
  content: "\f1b2";
}

.fa-cubes:before {
  content: "\f1b3";
}

.fa-behance:before {
  content: "\f1b4";
}

.fa-behance-square:before {
  content: "\f1b5";
}

.fa-steam:before {
  content: "\f1b6";
}

.fa-steam-square:before {
  content: "\f1b7";
}

.fa-recycle:before {
  content: "\f1b8";
}

.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}

.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}

.fa-tree:before {
  content: "\f1bb";
}

.fa-spotify:before {
  content: "\f1bc";
}

.fa-deviantart:before {
  content: "\f1bd";
}

.fa-soundcloud:before {
  content: "\f1be";
}

.fa-database:before {
  content: "\f1c0";
}

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

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

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

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

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

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}

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

.fa-vine:before {
  content: "\f1ca";
}

.fa-codepen:before {
  content: "\f1cb";
}

.fa-jsfiddle:before {
  content: "\f1cc";
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}

.fa-circle-o-notch:before {
  content: "\f1ce";
}

.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\f1d0";
}

.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}

.fa-git-square:before {
  content: "\f1d2";
}

.fa-git:before {
  content: "\f1d3";
}

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}

.fa-tencent-weibo:before {
  content: "\f1d5";
}

.fa-qq:before {
  content: "\f1d6";
}

.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}

.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}

.fa-history:before {
  content: "\f1da";
}

.fa-circle-thin:before {
  content: "\f1db";
}

.fa-header:before {
  content: "\f1dc";
}

.fa-paragraph:before {
  content: "\f1dd";
}

.fa-sliders:before {
  content: "\f1de";
}

.fa-share-alt:before {
  content: "\f1e0";
}

.fa-share-alt-square:before {
  content: "\f1e1";
}

.fa-bomb:before {
  content: "\f1e2";
}

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}

.fa-tty:before {
  content: "\f1e4";
}

.fa-binoculars:before {
  content: "\f1e5";
}

.fa-plug:before {
  content: "\f1e6";
}

.fa-slideshare:before {
  content: "\f1e7";
}

.fa-twitch:before {
  content: "\f1e8";
}

.fa-yelp:before {
  content: "\f1e9";
}

.fa-newspaper-o:before {
  content: "\f1ea";
}

.fa-wifi:before {
  content: "\f1eb";
}

.fa-calculator:before {
  content: "\f1ec";
}

.fa-paypal:before {
  content: "\f1ed";
}

.fa-google-wallet:before {
  content: "\f1ee";
}

.fa-cc-visa:before {
  content: "\f1f0";
}

.fa-cc-mastercard:before {
  content: "\f1f1";
}

.fa-cc-discover:before {
  content: "\f1f2";
}

.fa-cc-amex:before {
  content: "\f1f3";
}

.fa-cc-paypal:before {
  content: "\f1f4";
}

.fa-cc-stripe:before {
  content: "\f1f5";
}

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

.fa-bell-slash-o:before {
  content: "\f1f7";
}

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

.fa-copyright:before {
  content: "\f1f9";
}

.fa-at:before {
  content: "\f1fa";
}

.fa-eyedropper:before {
  content: "\f1fb";
}

.fa-paint-brush:before {
  content: "\f1fc";
}

.fa-birthday-cake:before {
  content: "\f1fd";
}

.fa-area-chart:before {
  content: "\f1fe";
}

.fa-pie-chart:before {
  content: "\f200";
}

.fa-line-chart:before {
  content: "\f201";
}

.fa-lastfm:before {
  content: "\f202";
}

.fa-lastfm-square:before {
  content: "\f203";
}

.fa-toggle-off:before {
  content: "\f204";
}

.fa-toggle-on:before {
  content: "\f205";
}

.fa-bicycle:before {
  content: "\f206";
}

.fa-bus:before {
  content: "\f207";
}

.fa-ioxhost:before {
  content: "\f208";
}

.fa-angellist:before {
  content: "\f209";
}

.fa-cc:before {
  content: "\f20a";
}

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}

.fa-meanpath:before {
  content: "\f20c";
}

.fa-buysellads:before {
  content: "\f20d";
}

.fa-connectdevelop:before {
  content: "\f20e";
}

.fa-dashcube:before {
  content: "\f210";
}

.fa-forumbee:before {
  content: "\f211";
}

.fa-leanpub:before {
  content: "\f212";
}

.fa-sellsy:before {
  content: "\f213";
}

.fa-shirtsinbulk:before {
  content: "\f214";
}

.fa-simplybuilt:before {
  content: "\f215";
}

.fa-skyatlas:before {
  content: "\f216";
}

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

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

.fa-diamond:before {
  content: "\f219";
}

.fa-ship:before {
  content: "\f21a";
}

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

.fa-motorcycle:before {
  content: "\f21c";
}

.fa-street-view:before {
  content: "\f21d";
}

.fa-heartbeat:before {
  content: "\f21e";
}

.fa-venus:before {
  content: "\f221";
}

.fa-mars:before {
  content: "\f222";
}

.fa-mercury:before {
  content: "\f223";
}

.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}

.fa-transgender-alt:before {
  content: "\f225";
}

.fa-venus-double:before {
  content: "\f226";
}

.fa-mars-double:before {
  content: "\f227";
}

.fa-venus-mars:before {
  content: "\f228";
}

.fa-mars-stroke:before {
  content: "\f229";
}

.fa-mars-stroke-v:before {
  content: "\f22a";
}

.fa-mars-stroke-h:before {
  content: "\f22b";
}

.fa-neuter:before {
  content: "\f22c";
}

.fa-genderless:before {
  content: "\f22d";
}

.fa-facebook-official:before {
  content: "\f230";
}

.fa-pinterest-p:before {
  content: "\f231";
}

.fa-whatsapp:before {
  content: "\f232";
}

.fa-server:before {
  content: "\f233";
}

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

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

.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}

.fa-viacoin:before {
  content: "\f237";
}

.fa-train:before {
  content: "\f238";
}

.fa-subway:before {
  content: "\f239";
}

.fa-medium:before {
  content: "\f23a";
}

.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}

.fa-optin-monster:before {
  content: "\f23c";
}

.fa-opencart:before {
  content: "\f23d";
}

.fa-expeditedssl:before {
  content: "\f23e";
}

.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\f240";
}

.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}

.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}

.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}

.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}

.fa-mouse-pointer:before {
  content: "\f245";
}

.fa-i-cursor:before {
  content: "\f246";
}

.fa-object-group:before {
  content: "\f247";
}

.fa-object-ungroup:before {
  content: "\f248";
}

.fa-sticky-note:before {
  content: "\f249";
}

.fa-sticky-note-o:before {
  content: "\f24a";
}

.fa-cc-jcb:before {
  content: "\f24b";
}

.fa-cc-diners-club:before {
  content: "\f24c";
}

.fa-clone:before {
  content: "\f24d";
}

.fa-balance-scale:before {
  content: "\f24e";
}

.fa-hourglass-o:before {
  content: "\f250";
}

.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}

.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}

.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}

.fa-hourglass:before {
  content: "\f254";
}

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}

.fa-hand-scissors-o:before {
  content: "\f257";
}

.fa-hand-lizard-o:before {
  content: "\f258";
}

.fa-hand-spock-o:before {
  content: "\f259";
}

.fa-hand-pointer-o:before {
  content: "\f25a";
}

.fa-hand-peace-o:before {
  content: "\f25b";
}

.fa-trademark:before {
  content: "\f25c";
}

.fa-registered:before {
  content: "\f25d";
}

.fa-creative-commons:before {
  content: "\f25e";
}

.fa-gg:before {
  content: "\f260";
}

.fa-gg-circle:before {
  content: "\f261";
}

.fa-tripadvisor:before {
  content: "\f262";
}

.fa-odnoklassniki:before {
  content: "\f263";
}

.fa-odnoklassniki-square:before {
  content: "\f264";
}

.fa-get-pocket:before {
  content: "\f265";
}

.fa-wikipedia-w:before {
  content: "\f266";
}

.fa-safari:before {
  content: "\f267";
}

.fa-chrome:before {
  content: "\f268";
}

.fa-firefox:before {
  content: "\f269";
}

.fa-opera:before {
  content: "\f26a";
}

.fa-internet-explorer:before {
  content: "\f26b";
}

.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}

.fa-contao:before {
  content: "\f26d";
}

.fa-500px:before {
  content: "\f26e";
}

.fa-amazon:before {
  content: "\f270";
}

.fa-calendar-plus-o:before {
  content: "\f271";
}

.fa-calendar-minus-o:before {
  content: "\f272";
}

.fa-calendar-times-o:before {
  content: "\f273";
}

.fa-calendar-check-o:before {
  content: "\f274";
}

.fa-industry:before {
  content: "\f275";
}

.fa-map-pin:before {
  content: "\f276";
}

.fa-map-signs:before {
  content: "\f277";
}

.fa-map-o:before {
  content: "\f278";
}

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

.fa-commenting:before {
  content: "\f27a";
}

.fa-commenting-o:before {
  content: "\f27b";
}

.fa-houzz:before {
  content: "\f27c";
}

.fa-vimeo:before {
  content: "\f27d";
}

.fa-black-tie:before {
  content: "\f27e";
}

.fa-fonticons:before {
  content: "\f280";
}

.fa-reddit-alien:before {
  content: "\f281";
}

.fa-edge:before {
  content: "\f282";
}

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

.fa-codiepie:before {
  content: "\f284";
}

.fa-modx:before {
  content: "\f285";
}

.fa-fort-awesome:before {
  content: "\f286";
}

.fa-usb:before {
  content: "\f287";
}

.fa-product-hunt:before {
  content: "\f288";
}

.fa-mixcloud:before {
  content: "\f289";
}

.fa-scribd:before {
  content: "\f28a";
}

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

.fa-pause-circle-o:before {
  content: "\f28c";
}

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

.fa-stop-circle-o:before {
  content: "\f28e";
}

.fa-shopping-bag:before {
  content: "\f290";
}

.fa-shopping-basket:before {
  content: "\f291";
}

.fa-hashtag:before {
  content: "\f292";
}

.fa-bluetooth:before {
  content: "\f293";
}

.fa-bluetooth-b:before {
  content: "\f294";
}

.fa-percent:before {
  content: "\f295";
}

.fa-gitlab:before {
  content: "\f296";
}

.fa-wpbeginner:before {
  content: "\f297";
}

.fa-wpforms:before {
  content: "\f298";
}

.fa-envira:before {
  content: "\f299";
}

.fa-universal-access:before {
  content: "\f29a";
}

.fa-wheelchair-alt:before {
  content: "\f29b";
}

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

.fa-blind:before {
  content: "\f29d";
}

.fa-audio-description:before {
  content: "\f29e";
}

.fa-volume-control-phone:before {
  content: "\f2a0";
}

.fa-braille:before {
  content: "\f2a1";
}

.fa-assistive-listening-systems:before {
  content: "\f2a2";
}

.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}

.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\f2a4";
}

.fa-glide:before {
  content: "\f2a5";
}

.fa-glide-g:before {
  content: "\f2a6";
}

.fa-signing:before,
.fa-sign-language:before {
  content: "\f2a7";
}

.fa-low-vision:before {
  content: "\f2a8";
}

.fa-viadeo:before {
  content: "\f2a9";
}

.fa-viadeo-square:before {
  content: "\f2aa";
}

.fa-snapchat:before {
  content: "\f2ab";
}

.fa-snapchat-ghost:before {
  content: "\f2ac";
}

.fa-snapchat-square:before {
  content: "\f2ad";
}

.fa-pied-piper:before {
  content: "\f2ae";
}

.fa-first-order:before {
  content: "\f2b0";
}

.fa-yoast:before {
  content: "\f2b1";
}

.fa-themeisle:before {
  content: "\f2b2";
}

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\f2b3";
}

.fa-fa:before,
.fa-font-awesome:before {
  content: "\f2b4";
}

.fa-handshake-o:before {
  content: "\f2b5";
}

.fa-envelope-open:before {
  content: "\f2b6";
}

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

.fa-linode:before {
  content: "\f2b8";
}

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

.fa-address-book-o:before {
  content: "\f2ba";
}

.fa-vcard:before,
.fa-address-card:before {
  content: "\f2bb";
}

.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\f2bc";
}

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

.fa-user-circle-o:before {
  content: "\f2be";
}

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

.fa-id-badge:before {
  content: "\f2c1";
}

.fa-drivers-license:before,
.fa-id-card:before {
  content: "\f2c2";
}

.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\f2c3";
}

.fa-quora:before {
  content: "\f2c4";
}

.fa-free-code-camp:before {
  content: "\f2c5";
}

.fa-telegram:before {
  content: "\f2c6";
}

.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\f2c7";
}

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\f2c8";
}

.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\f2c9";
}

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\f2ca";
}

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\f2cb";
}

.fa-shower:before {
  content: "\f2cc";
}

.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\f2cd";
}

.fa-podcast:before {
  content: "\f2ce";
}

.fa-window-maximize:before {
  content: "\f2d0";
}

.fa-window-minimize:before {
  content: "\f2d1";
}

.fa-window-restore:before {
  content: "\f2d2";
}

.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\f2d3";
}

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\f2d4";
}

.fa-bandcamp:before {
  content: "\f2d5";
}

.fa-grav:before {
  content: "\f2d6";
}

.fa-etsy:before {
  content: "\f2d7";
}

.fa-imdb:before {
  content: "\f2d8";
}

.fa-ravelry:before {
  content: "\f2d9";
}

.fa-eercast:before {
  content: "\f2da";
}

.fa-microchip:before {
  content: "\f2db";
}

.fa-snowflake-o:before {
  content: "\f2dc";
}

.fa-superpowers:before {
  content: "\f2dd";
}

.fa-wpexplorer:before {
  content: "\f2de";
}

.fa-meetup:before {
  content: "\f2e0";
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

@-webkit-keyframes bs-notify-fadeOut {
  0% {
    opacity: 0.9;
  }

  100% {
    opacity: 0;
  }
}

@-o-keyframes bs-notify-fadeOut {
  0% {
    opacity: 0.9;
  }

  100% {
    opacity: 0;
  }
}

@keyframes bs-notify-fadeOut {
  0% {
    opacity: 0.9;
  }

  100% {
    opacity: 0;
  }
}

select.bs-select-hidden,
.bootstrap-select > select.bs-select-hidden,
select.selectpicker {
  display: none !important;
}

.bootstrap-select {
  width: 220px \0;
  /*IE9 and below*/
  vertical-align: middle;
}

.bootstrap-select > .dropdown-toggle {
  position: relative;
  width: 100%;
  text-align: right;
  white-space: nowrap;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.bootstrap-select > .dropdown-toggle:after {
  margin-top: -1px;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder,
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder:active {
  color: #999;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:active {
  color: rgba(255, 255, 255, 0.5);
}

.bootstrap-select > select {
  position: absolute !important;
  bottom: 0;
  left: 50%;
  display: block !important;
  width: 0.5px !important;
  height: 100% !important;
  padding: 0 !important;
  opacity: 0 !important;
  border: none;
  z-index: 0 !important;
}

.bootstrap-select > select.mobile-device {
  top: 0;
  left: 0;
  display: block !important;
  width: 100% !important;
  z-index: 2 !important;
}

.has-error .bootstrap-select .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle,
.bootstrap-select.is-invalid .dropdown-toggle,
.was-validated .bootstrap-select select:invalid + .dropdown-toggle {
  border-color: rgb(185, 74, 72);
}

.bootstrap-select.is-valid .dropdown-toggle,
.was-validated .bootstrap-select select:valid + .dropdown-toggle {
  border-color: #28a745;
}

.bootstrap-select.fit-width {
  width: auto !important;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 220px;
}

.bootstrap-select > select.mobile-device:focus + .dropdown-toggle,
.bootstrap-select .dropdown-toggle:focus {
  outline: thin dotted #333333 !important;
  outline: 5px auto -webkit-focus-ring-color !important;
  outline-offset: -2px;
}

.bootstrap-select.form-control {
  margin-bottom: 0;
  padding: 0;
  border: none;
  height: auto;
}

:not(.input-group) > .bootstrap-select.form-control:not([class*=col-]) {
  width: 100%;
}

.bootstrap-select.form-control.input-group-btn {
  float: none;
  z-index: auto;
}

.form-inline .bootstrap-select,
.form-inline .bootstrap-select.form-control:not([class*=col-]) {
  width: auto;
}

.bootstrap-select:not(.input-group-btn),
.bootstrap-select[class*=col-] {
  float: none;
  display: inline-block;
  margin-left: 0;
}

.bootstrap-select.dropdown-menu-right,
.bootstrap-select[class*=col-].dropdown-menu-right,
.row .bootstrap-select[class*=col-].dropdown-menu-right {
  float: right;
}

.form-inline .bootstrap-select,
.form-horizontal .bootstrap-select,
.form-group .bootstrap-select {
  margin-bottom: 0;
}

.form-group-lg .bootstrap-select.form-control,
.form-group-sm .bootstrap-select.form-control {
  padding: 0;
}

.form-group-lg .bootstrap-select.form-control .dropdown-toggle,
.form-group-sm .bootstrap-select.form-control .dropdown-toggle {
  height: 100%;
  font-size: inherit;
  line-height: inherit;
  -webkit-border-radius: inherit;
  border-radius: inherit;
}

.bootstrap-select.form-control-sm .dropdown-toggle,
.bootstrap-select.form-control-lg .dropdown-toggle {
  font-size: inherit;
  line-height: inherit;
  -webkit-border-radius: inherit;
  border-radius: inherit;
}

.bootstrap-select.form-control-sm .dropdown-toggle {
  padding: 0.25rem 0.5rem;
}

.bootstrap-select.form-control-lg .dropdown-toggle {
  padding: 0.5rem 1rem;
}

.form-inline .bootstrap-select .form-control {
  width: 100%;
}

.bootstrap-select.disabled,
.bootstrap-select > .disabled {
  cursor: not-allowed;
}

.bootstrap-select.disabled:focus,
.bootstrap-select > .disabled:focus {
  outline: none !important;
}

.bootstrap-select.bs-container {
  position: absolute;
  top: 0;
  left: 0;
  height: 0 !important;
  padding: 0 !important;
}

.bootstrap-select.bs-container .dropdown-menu {
  z-index: 1060;
}

.bootstrap-select .dropdown-toggle .filter-option {
  position: static;
  top: 0;
  left: 0;
  float: left;
  height: 100%;
  width: 100%;
  text-align: left;
  overflow: hidden;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}

.bs3.bootstrap-select .dropdown-toggle .filter-option {
  padding-right: inherit;
}

.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option {
  position: absolute;
  padding-top: inherit;
  padding-bottom: inherit;
  padding-left: inherit;
  float: none;
}

.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner {
  padding-right: inherit;
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  overflow: hidden;
}

.bootstrap-select .dropdown-toggle .filter-expand {
  width: 0 !important;
  float: left;
  opacity: 0 !important;
  overflow: hidden;
}

.bootstrap-select .dropdown-toggle .caret {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -2px;
  vertical-align: middle;
}

.input-group .bootstrap-select.form-control .dropdown-toggle {
  -webkit-border-radius: inherit;
  border-radius: inherit;
}

.bootstrap-select[class*=col-] .dropdown-toggle {
  width: 100%;
}

.bootstrap-select .dropdown-menu {
  min-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.bootstrap-select .dropdown-menu > .inner:focus {
  outline: none !important;
}

.bootstrap-select .dropdown-menu.inner {
  position: static;
  float: none;
  border: 0;
  padding: 0;
  margin: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.bootstrap-select .dropdown-menu li {
  position: relative;
}

.bootstrap-select .dropdown-menu li.active small {
  color: rgba(255, 255, 255, 0.5) !important;
}

.bootstrap-select .dropdown-menu li.disabled a {
  cursor: not-allowed;
}

.bootstrap-select .dropdown-menu li a {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.bootstrap-select .dropdown-menu li a.opt {
  position: relative;
  padding-left: 2.25em;
}

.bootstrap-select .dropdown-menu li a span.check-mark {
  display: none;
}

.bootstrap-select .dropdown-menu li a span.text {
  display: inline-block;
}

.bootstrap-select .dropdown-menu li small {
  padding-left: 0.5em;
}

.bootstrap-select .dropdown-menu .notify {
  position: absolute;
  bottom: 5px;
  width: 96%;
  margin: 0 2%;
  min-height: 26px;
  padding: 3px 5px;
  background: rgb(245, 245, 245);
  border: 1px solid rgb(227, 227, 227);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  pointer-events: none;
  opacity: 0.9;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.bootstrap-select .dropdown-menu .notify.fadeOut {
  -webkit-animation: 300ms linear 750ms forwards bs-notify-fadeOut;
  -o-animation: 300ms linear 750ms forwards bs-notify-fadeOut;
  animation: 300ms linear 750ms forwards bs-notify-fadeOut;
}

.bootstrap-select .no-results {
  padding: 3px;
  background: #f5f5f5;
  margin: 0 5px;
  white-space: nowrap;
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option {
  position: static;
  display: inline;
  padding: 0;
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,
.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner {
  display: inline;
}

.bootstrap-select.fit-width .dropdown-toggle .bs-caret:before {
  content: " ";
}

.bootstrap-select.fit-width .dropdown-toggle .caret {
  position: static;
  top: auto;
  margin-top: -1px;
}

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
  position: absolute;
  display: inline-block;
  right: 15px;
  top: 5px;
}

.bootstrap-select.show-tick .dropdown-menu li a span.text {
  margin-right: 34px;
}

.bootstrap-select .bs-ok-default:after {
  content: "";
  display: block;
  width: 0.5em;
  height: 1em;
  border-style: solid;
  border-width: 0 0.26em 0.26em 0;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle,
.bootstrap-select.show-menu-arrow.show > .dropdown-toggle {
  z-index: 1061;
}

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before {
  content: "";
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(204, 204, 204, 0.2);
  position: absolute;
  bottom: -4px;
  left: 9px;
  display: none;
}

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after {
  content: "";
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  position: absolute;
  bottom: -4px;
  left: 10px;
  display: none;
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before {
  bottom: auto;
  top: -4px;
  border-top: 7px solid rgba(204, 204, 204, 0.2);
  border-bottom: 0;
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after {
  bottom: auto;
  top: -4px;
  border-top: 6px solid white;
  border-bottom: 0;
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before {
  right: 12px;
  left: auto;
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after {
  right: 13px;
  left: auto;
}

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:before,
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:after,
.bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:before,
.bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:after {
  display: block;
}

.bs-searchbox,
.bs-actionsbox,
.bs-donebutton {
  padding: 4px 8px;
}

.bs-actionsbox {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.bs-actionsbox .btn-group button {
  width: 50%;
}

.bs-donebutton {
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.bs-donebutton .btn-group button {
  width: 100%;
}

.bs-searchbox + .bs-actionsbox {
  padding: 0 8px 4px;
}

.bs-searchbox .form-control {
  margin-bottom: 0;
  width: 100%;
  float: none;
}

/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

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

body {
  margin: 0;
}

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

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

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

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type=checkbox],
input[type=radio] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td,
th {
  padding: 0;
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */

@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }

  .navbar {
    display: none;
  }

  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }

  .label {
    border: 1px solid #000;
  }

  .table {
    border-collapse: collapse !important;
  }

  .table td,
  .table th {
    background-color: #fff !important;
  }

  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}

@font-face {
  font-family: "Glyphicons Halflings";
  src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot");
  src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/bootstrap/glyphicons-halflings-regular.woff2") format("woff2"), url("../fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
}

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.glyphicon-asterisk:before {
  content: "*";
}

.glyphicon-plus:before {
  content: "+";
}

.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "€";
}

.glyphicon-minus:before {
  content: "−";
}

.glyphicon-cloud:before {
  content: "☁";
}

.glyphicon-envelope:before {
  content: "✉";
}

.glyphicon-pencil:before {
  content: "✏";
}

.glyphicon-glass:before {
  content: "\e001";
}

.glyphicon-music:before {
  content: "\e002";
}

.glyphicon-search:before {
  content: "\e003";
}

.glyphicon-heart:before {
  content: "\e005";
}

.glyphicon-star:before {
  content: "\e006";
}

.glyphicon-star-empty:before {
  content: "\e007";
}

.glyphicon-user:before {
  content: "\e008";
}

.glyphicon-film:before {
  content: "\e009";
}

.glyphicon-th-large:before {
  content: "\e010";
}

.glyphicon-th:before {
  content: "\e011";
}

.glyphicon-th-list:before {
  content: "\e012";
}

.glyphicon-ok:before {
  content: "\e013";
}

.glyphicon-remove:before {
  content: "\e014";
}

.glyphicon-zoom-in:before {
  content: "\e015";
}

.glyphicon-zoom-out:before {
  content: "\e016";
}

.glyphicon-off:before {
  content: "\e017";
}

.glyphicon-signal:before {
  content: "\e018";
}

.glyphicon-cog:before {
  content: "\e019";
}

.glyphicon-trash:before {
  content: "\e020";
}

.glyphicon-home:before {
  content: "\e021";
}

.glyphicon-file:before {
  content: "\e022";
}

.glyphicon-time:before {
  content: "\e023";
}

.glyphicon-road:before {
  content: "\e024";
}

.glyphicon-download-alt:before {
  content: "\e025";
}

.glyphicon-download:before {
  content: "\e026";
}

.glyphicon-upload:before {
  content: "\e027";
}

.glyphicon-inbox:before {
  content: "\e028";
}

.glyphicon-play-circle:before {
  content: "\e029";
}

.glyphicon-repeat:before {
  content: "\e030";
}

.glyphicon-refresh:before {
  content: "\e031";
}

.glyphicon-list-alt:before {
  content: "\e032";
}

.glyphicon-lock:before {
  content: "\e033";
}

.glyphicon-flag:before {
  content: "\e034";
}

.glyphicon-headphones:before {
  content: "\e035";
}

.glyphicon-volume-off:before {
  content: "\e036";
}

.glyphicon-volume-down:before {
  content: "\e037";
}

.glyphicon-volume-up:before {
  content: "\e038";
}

.glyphicon-qrcode:before {
  content: "\e039";
}

.glyphicon-barcode:before {
  content: "\e040";
}

.glyphicon-tag:before {
  content: "\e041";
}

.glyphicon-tags:before {
  content: "\e042";
}

.glyphicon-book:before {
  content: "\e043";
}

.glyphicon-bookmark:before {
  content: "\e044";
}

.glyphicon-print:before {
  content: "\e045";
}

.glyphicon-camera:before {
  content: "\e046";
}

.glyphicon-font:before {
  content: "\e047";
}

.glyphicon-bold:before {
  content: "\e048";
}

.glyphicon-italic:before {
  content: "\e049";
}

.glyphicon-text-height:before {
  content: "\e050";
}

.glyphicon-text-width:before {
  content: "\e051";
}

.glyphicon-align-left:before {
  content: "\e052";
}

.glyphicon-align-center:before {
  content: "\e053";
}

.glyphicon-align-right:before {
  content: "\e054";
}

.glyphicon-align-justify:before {
  content: "\e055";
}

.glyphicon-list:before {
  content: "\e056";
}

.glyphicon-indent-left:before {
  content: "\e057";
}

.glyphicon-indent-right:before {
  content: "\e058";
}

.glyphicon-facetime-video:before {
  content: "\e059";
}

.glyphicon-picture:before {
  content: "\e060";
}

.glyphicon-map-marker:before {
  content: "\e062";
}

.glyphicon-adjust:before {
  content: "\e063";
}

.glyphicon-tint:before {
  content: "\e064";
}

.glyphicon-edit:before {
  content: "\e065";
}

.glyphicon-share:before {
  content: "\e066";
}

.glyphicon-check:before {
  content: "\e067";
}

.glyphicon-move:before {
  content: "\e068";
}

.glyphicon-step-backward:before {
  content: "\e069";
}

.glyphicon-fast-backward:before {
  content: "\e070";
}

.glyphicon-backward:before {
  content: "\e071";
}

.glyphicon-play:before {
  content: "\e072";
}

.glyphicon-pause:before {
  content: "\e073";
}

.glyphicon-stop:before {
  content: "\e074";
}

.glyphicon-forward:before {
  content: "\e075";
}

.glyphicon-fast-forward:before {
  content: "\e076";
}

.glyphicon-step-forward:before {
  content: "\e077";
}

.glyphicon-eject:before {
  content: "\e078";
}

.glyphicon-chevron-left:before {
  content: "\e079";
}

.glyphicon-chevron-right:before {
  content: "\e080";
}

.glyphicon-plus-sign:before {
  content: "\e081";
}

.glyphicon-minus-sign:before {
  content: "\e082";
}

.glyphicon-remove-sign:before {
  content: "\e083";
}

.glyphicon-ok-sign:before {
  content: "\e084";
}

.glyphicon-question-sign:before {
  content: "\e085";
}

.glyphicon-info-sign:before {
  content: "\e086";
}

.glyphicon-screenshot:before {
  content: "\e087";
}

.glyphicon-remove-circle:before {
  content: "\e088";
}

.glyphicon-ok-circle:before {
  content: "\e089";
}

.glyphicon-ban-circle:before {
  content: "\e090";
}

.glyphicon-arrow-left:before {
  content: "\e091";
}

.glyphicon-arrow-right:before {
  content: "\e092";
}

.glyphicon-arrow-up:before {
  content: "\e093";
}

.glyphicon-arrow-down:before {
  content: "\e094";
}

.glyphicon-share-alt:before {
  content: "\e095";
}

.glyphicon-resize-full:before {
  content: "\e096";
}

.glyphicon-resize-small:before {
  content: "\e097";
}

.glyphicon-exclamation-sign:before {
  content: "\e101";
}

.glyphicon-gift:before {
  content: "\e102";
}

.glyphicon-leaf:before {
  content: "\e103";
}

.glyphicon-fire:before {
  content: "\e104";
}

.glyphicon-eye-open:before {
  content: "\e105";
}

.glyphicon-eye-close:before {
  content: "\e106";
}

.glyphicon-warning-sign:before {
  content: "\e107";
}

.glyphicon-plane:before {
  content: "\e108";
}

.glyphicon-calendar:before {
  content: "\e109";
}

.glyphicon-random:before {
  content: "\e110";
}

.glyphicon-comment:before {
  content: "\e111";
}

.glyphicon-magnet:before {
  content: "\e112";
}

.glyphicon-chevron-up:before {
  content: "\e113";
}

.glyphicon-chevron-down:before {
  content: "\e114";
}

.glyphicon-retweet:before {
  content: "\e115";
}

.glyphicon-shopping-cart:before {
  content: "\e116";
}

.glyphicon-folder-close:before {
  content: "\e117";
}

.glyphicon-folder-open:before {
  content: "\e118";
}

.glyphicon-resize-vertical:before {
  content: "\e119";
}

.glyphicon-resize-horizontal:before {
  content: "\e120";
}

.glyphicon-hdd:before {
  content: "\e121";
}

.glyphicon-bullhorn:before {
  content: "\e122";
}

.glyphicon-bell:before {
  content: "\e123";
}

.glyphicon-certificate:before {
  content: "\e124";
}

.glyphicon-thumbs-up:before {
  content: "\e125";
}

.glyphicon-thumbs-down:before {
  content: "\e126";
}

.glyphicon-hand-right:before {
  content: "\e127";
}

.glyphicon-hand-left:before {
  content: "\e128";
}

.glyphicon-hand-up:before {
  content: "\e129";
}

.glyphicon-hand-down:before {
  content: "\e130";
}

.glyphicon-circle-arrow-right:before {
  content: "\e131";
}

.glyphicon-circle-arrow-left:before {
  content: "\e132";
}

.glyphicon-circle-arrow-up:before {
  content: "\e133";
}

.glyphicon-circle-arrow-down:before {
  content: "\e134";
}

.glyphicon-globe:before {
  content: "\e135";
}

.glyphicon-wrench:before {
  content: "\e136";
}

.glyphicon-tasks:before {
  content: "\e137";
}

.glyphicon-filter:before {
  content: "\e138";
}

.glyphicon-briefcase:before {
  content: "\e139";
}

.glyphicon-fullscreen:before {
  content: "\e140";
}

.glyphicon-dashboard:before {
  content: "\e141";
}

.glyphicon-paperclip:before {
  content: "\e142";
}

.glyphicon-heart-empty:before {
  content: "\e143";
}

.glyphicon-link:before {
  content: "\e144";
}

.glyphicon-phone:before {
  content: "\e145";
}

.glyphicon-pushpin:before {
  content: "\e146";
}

.glyphicon-usd:before {
  content: "\e148";
}

.glyphicon-gbp:before {
  content: "\e149";
}

.glyphicon-sort:before {
  content: "\e150";
}

.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}

.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}

.glyphicon-sort-by-order:before {
  content: "\e153";
}

.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}

.glyphicon-sort-by-attributes:before {
  content: "\e155";
}

.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}

.glyphicon-unchecked:before {
  content: "\e157";
}

.glyphicon-expand:before {
  content: "\e158";
}

.glyphicon-collapse-down:before {
  content: "\e159";
}

.glyphicon-collapse-up:before {
  content: "\e160";
}

.glyphicon-log-in:before {
  content: "\e161";
}

.glyphicon-flash:before {
  content: "\e162";
}

.glyphicon-log-out:before {
  content: "\e163";
}

.glyphicon-new-window:before {
  content: "\e164";
}

.glyphicon-record:before {
  content: "\e165";
}

.glyphicon-save:before {
  content: "\e166";
}

.glyphicon-open:before {
  content: "\e167";
}

.glyphicon-saved:before {
  content: "\e168";
}

.glyphicon-import:before {
  content: "\e169";
}

.glyphicon-export:before {
  content: "\e170";
}

.glyphicon-send:before {
  content: "\e171";
}

.glyphicon-floppy-disk:before {
  content: "\e172";
}

.glyphicon-floppy-saved:before {
  content: "\e173";
}

.glyphicon-floppy-remove:before {
  content: "\e174";
}

.glyphicon-floppy-save:before {
  content: "\e175";
}

.glyphicon-floppy-open:before {
  content: "\e176";
}

.glyphicon-credit-card:before {
  content: "\e177";
}

.glyphicon-transfer:before {
  content: "\e178";
}

.glyphicon-cutlery:before {
  content: "\e179";
}

.glyphicon-header:before {
  content: "\e180";
}

.glyphicon-compressed:before {
  content: "\e181";
}

.glyphicon-earphone:before {
  content: "\e182";
}

.glyphicon-phone-alt:before {
  content: "\e183";
}

.glyphicon-tower:before {
  content: "\e184";
}

.glyphicon-stats:before {
  content: "\e185";
}

.glyphicon-sd-video:before {
  content: "\e186";
}

.glyphicon-hd-video:before {
  content: "\e187";
}

.glyphicon-subtitles:before {
  content: "\e188";
}

.glyphicon-sound-stereo:before {
  content: "\e189";
}

.glyphicon-sound-dolby:before {
  content: "\e190";
}

.glyphicon-sound-5-1:before {
  content: "\e191";
}

.glyphicon-sound-6-1:before {
  content: "\e192";
}

.glyphicon-sound-7-1:before {
  content: "\e193";
}

.glyphicon-copyright-mark:before {
  content: "\e194";
}

.glyphicon-registration-mark:before {
  content: "\e195";
}

.glyphicon-cloud-download:before {
  content: "\e197";
}

.glyphicon-cloud-upload:before {
  content: "\e198";
}

.glyphicon-tree-conifer:before {
  content: "\e199";
}

.glyphicon-tree-deciduous:before {
  content: "\e200";
}

.glyphicon-cd:before {
  content: "\e201";
}

.glyphicon-save-file:before {
  content: "\e202";
}

.glyphicon-open-file:before {
  content: "\e203";
}

.glyphicon-level-up:before {
  content: "\e204";
}

.glyphicon-copy:before {
  content: "\e205";
}

.glyphicon-paste:before {
  content: "\e206";
}

.glyphicon-alert:before {
  content: "\e209";
}

.glyphicon-equalizer:before {
  content: "\e210";
}

.glyphicon-king:before {
  content: "\e211";
}

.glyphicon-queen:before {
  content: "\e212";
}

.glyphicon-pawn:before {
  content: "\e213";
}

.glyphicon-bishop:before {
  content: "\e214";
}

.glyphicon-knight:before {
  content: "\e215";
}

.glyphicon-baby-formula:before {
  content: "\e216";
}

.glyphicon-tent:before {
  content: "⛺";
}

.glyphicon-blackboard:before {
  content: "\e218";
}

.glyphicon-bed:before {
  content: "\e219";
}

.glyphicon-apple:before {
  content: "\f8ff";
}

.glyphicon-erase:before {
  content: "\e221";
}

.glyphicon-hourglass:before {
  content: "⌛";
}

.glyphicon-lamp:before {
  content: "\e223";
}

.glyphicon-duplicate:before {
  content: "\e224";
}

.glyphicon-piggy-bank:before {
  content: "\e225";
}

.glyphicon-scissors:before {
  content: "\e226";
}

.glyphicon-bitcoin:before {
  content: "\e227";
}

.glyphicon-btc:before {
  content: "\e227";
}

.glyphicon-xbt:before {
  content: "\e227";
}

.glyphicon-yen:before {
  content: "¥";
}

.glyphicon-jpy:before {
  content: "¥";
}

.glyphicon-ruble:before {
  content: "₽";
}

.glyphicon-rub:before {
  content: "₽";
}

.glyphicon-scale:before {
  content: "\e230";
}

.glyphicon-ice-lolly:before {
  content: "\e231";
}

.glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}

.glyphicon-education:before {
  content: "\e233";
}

.glyphicon-option-horizontal:before {
  content: "\e234";
}

.glyphicon-option-vertical:before {
  content: "\e235";
}

.glyphicon-menu-hamburger:before {
  content: "\e236";
}

.glyphicon-modal-window:before {
  content: "\e237";
}

.glyphicon-oil:before {
  content: "\e238";
}

.glyphicon-grain:before {
  content: "\e239";
}

.glyphicon-sunglasses:before {
  content: "\e240";
}

.glyphicon-text-size:before {
  content: "\e241";
}

.glyphicon-text-color:before {
  content: "\e242";
}

.glyphicon-text-background:before {
  content: "\e243";
}

.glyphicon-object-align-top:before {
  content: "\e244";
}

.glyphicon-object-align-bottom:before {
  content: "\e245";
}

.glyphicon-object-align-horizontal:before {
  content: "\e246";
}

.glyphicon-object-align-left:before {
  content: "\e247";
}

.glyphicon-object-align-vertical:before {
  content: "\e248";
}

.glyphicon-object-align-right:before {
  content: "\e249";
}

.glyphicon-triangle-right:before {
  content: "\e250";
}

.glyphicon-triangle-left:before {
  content: "\e251";
}

.glyphicon-triangle-bottom:before {
  content: "\e252";
}

.glyphicon-triangle-top:before {
  content: "\e253";
}

.glyphicon-console:before {
  content: "\e254";
}

.glyphicon-superscript:before {
  content: "\e255";
}

.glyphicon-subscript:before {
  content: "\e256";
}

.glyphicon-menu-left:before {
  content: "\e257";
}

.glyphicon-menu-right:before {
  content: "\e258";
}

.glyphicon-menu-down:before {
  content: "\e259";
}

.glyphicon-menu-up:before {
  content: "\e260";
}

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

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  font-family: "Lato", sans-serif;
  font-size: 14px;
  line-height: 1.6;
  color: #636b6f;
  background-color: #f5f8fa;
}

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

a {
  color: #3097D1;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #216a94;
  text-decoration: underline;
}

a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

figure {
  margin: 0;
}

img {
  vertical-align: middle;
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

.img-rounded {
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

.img-thumbnail {
  padding: 4px;
  line-height: 1.6;
  background-color: #f5f8fa;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.img-circle {
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

hr {
  margin-top: 22px;
  margin-bottom: 22px;
  border: 0;
  border-top: 1px solid #eeeeee;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

[role=button] {
  cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}

h1 small,
h1 .small,
h2 small,
h2 .small,
h3 small,
h3 .small,
h4 small,
h4 .small,
h5 small,
h5 .small,
h6 small,
h6 .small,
.h1 small,
.h1 .small,
.h2 small,
.h2 .small,
.h3 small,
.h3 .small,
.h4 small,
.h4 .small,
.h5 small,
.h5 .small,
.h6 small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777777;
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 22px;
  margin-bottom: 11px;
}

h1 small,
h1 .small,
.h1 small,
.h1 .small,
h2 small,
h2 .small,
.h2 small,
.h2 .small,
h3 small,
h3 .small,
.h3 small,
.h3 .small {
  font-size: 65%;
}

h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 11px;
  margin-bottom: 11px;
}

h4 small,
h4 .small,
.h4 small,
.h4 .small,
h5 small,
h5 .small,
.h5 small,
.h5 .small,
h6 small,
h6 .small,
.h6 small,
.h6 .small {
  font-size: 75%;
}

h1,
.h1 {
  font-size: 36px;
}

h2,
.h2 {
  font-size: 30px;
}

h3,
.h3 {
  font-size: 24px;
}

h4,
.h4 {
  font-size: 18px;
}

h5,
.h5 {
  font-size: 14px;
}

h6,
.h6 {
  font-size: 12px;
}

p {
  margin: 0 0 11px;
}

.lead {
  margin-bottom: 22px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}

@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}

small,
.small {
  font-size: 85%;
}

mark,
.mark {
  background-color: #fcf8e3;
  padding: 0.2em;
}

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

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

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

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

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

.text-lowercase {
  text-transform: lowercase;
}

.text-uppercase,
.initialism {
  text-transform: uppercase;
}

.text-capitalize {
  text-transform: capitalize;
}

.text-muted {
  color: #777777;
}

.text-primary {
  color: #3097D1;
}

a.text-primary:hover,
a.text-primary:focus {
  color: #2579a9;
}

.text-success {
  color: #3c763d;
}

a.text-success:hover,
a.text-success:focus {
  color: #2b542c;
}

.text-info {
  color: #31708f;
}

a.text-info:hover,
a.text-info:focus {
  color: #245269;
}

.text-warning {
  color: #8a6d3b;
}

a.text-warning:hover,
a.text-warning:focus {
  color: #66512c;
}

.text-danger {
  color: #a94442;
}

a.text-danger:hover,
a.text-danger:focus {
  color: #843534;
}

.bg-primary {
  color: #fff;
}

.bg-primary {
  background-color: #3097D1;
}

a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #2579a9;
}

.bg-success {
  background-color: #dff0d8;
}

a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3;
}

.bg-info {
  background-color: #d9edf7;
}

a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee;
}

.bg-warning {
  background-color: #fcf8e3;
}

a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5;
}

.bg-danger {
  background-color: #f2dede;
}

a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9;
}

.page-header {
  padding-bottom: 10px;
  margin: 44px 0 22px;
  border-bottom: 1px solid #eeeeee;
}

ul,
ol {
  margin-top: 0;
  margin-bottom: 11px;
}

ul ul,
ul ol,
ol ul,
ol ol {
  margin-bottom: 0;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}

.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

dl {
  margin-top: 0;
  margin-bottom: 22px;
}

dt,
dd {
  line-height: 1.6;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

.dl-horizontal dd:before,
.dl-horizontal dd:after {
  content: " ";
  display: table;
}

.dl-horizontal dd:after {
  clear: both;
}

@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .dl-horizontal dd {
    margin-left: 180px;
  }
}

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777777;
}

.initialism {
  font-size: 90%;
}

blockquote {
  padding: 11px 22px;
  margin: 0 0 22px;
  font-size: 17.5px;
  border-left: 5px solid #eeeeee;
}

blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}

blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.6;
  color: #777777;
}

blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: "— ";
}

.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
  text-align: right;
}

.blockquote-reverse footer:before,
.blockquote-reverse small:before,
.blockquote-reverse .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before,
blockquote.pull-right .small:before {
  content: "";
}

.blockquote-reverse footer:after,
.blockquote-reverse small:after,
.blockquote-reverse .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after,
blockquote.pull-right .small:after {
  content: " —";
}

address {
  margin-bottom: 22px;
  font-style: normal;
  line-height: 1.6;
}

code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}

kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  -webkit-box-shadow: none;
  box-shadow: none;
}

pre {
  display: block;
  padding: 10.5px;
  margin: 0 0 11px;
  font-size: 13px;
  line-height: 1.6;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.container:before,
.container:after {
  content: " ";
  display: table;
}

.container:after {
  clear: both;
}

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}

@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.container-fluid:before,
.container-fluid:after {
  content: " ";
  display: table;
}

.container-fluid:after {
  clear: both;
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}

.row:before,
.row:after {
  content: " ";
  display: table;
}

.row:after {
  clear: both;
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  float: left;
}

.col-xs-1 {
  width: 8.3333333333%;
}

.col-xs-2 {
  width: 16.6666666667%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-4 {
  width: 33.3333333333%;
}

.col-xs-5 {
  width: 41.6666666667%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-7 {
  width: 58.3333333333%;
}

.col-xs-8 {
  width: 66.6666666667%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-10 {
  width: 83.3333333333%;
}

.col-xs-11 {
  width: 91.6666666667%;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-pull-1 {
  right: 8.3333333333%;
}

.col-xs-pull-2 {
  right: 16.6666666667%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-4 {
  right: 33.3333333333%;
}

.col-xs-pull-5 {
  right: 41.6666666667%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-7 {
  right: 58.3333333333%;
}

.col-xs-pull-8 {
  right: 66.6666666667%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-10 {
  right: 83.3333333333%;
}

.col-xs-pull-11 {
  right: 91.6666666667%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-push-1 {
  left: 8.3333333333%;
}

.col-xs-push-2 {
  left: 16.6666666667%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-4 {
  left: 33.3333333333%;
}

.col-xs-push-5 {
  left: 41.6666666667%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-7 {
  left: 58.3333333333%;
}

.col-xs-push-8 {
  left: 66.6666666667%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-10 {
  left: 83.3333333333%;
}

.col-xs-push-11 {
  left: 91.6666666667%;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-offset-0 {
  margin-left: 0%;
}

.col-xs-offset-1 {
  margin-left: 8.3333333333%;
}

.col-xs-offset-2 {
  margin-left: 16.6666666667%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-4 {
  margin-left: 33.3333333333%;
}

.col-xs-offset-5 {
  margin-left: 41.6666666667%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-7 {
  margin-left: 58.3333333333%;
}

.col-xs-offset-8 {
  margin-left: 66.6666666667%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-10 {
  margin-left: 83.3333333333%;
}

.col-xs-offset-11 {
  margin-left: 91.6666666667%;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

@media (min-width: 768px) {
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left;
  }

  .col-sm-1 {
    width: 8.3333333333%;
  }

  .col-sm-2 {
    width: 16.6666666667%;
  }

  .col-sm-3 {
    width: 25%;
  }

  .col-sm-4 {
    width: 33.3333333333%;
  }

  .col-sm-5 {
    width: 41.6666666667%;
  }

  .col-sm-6 {
    width: 50%;
  }

  .col-sm-7 {
    width: 58.3333333333%;
  }

  .col-sm-8 {
    width: 66.6666666667%;
  }

  .col-sm-9 {
    width: 75%;
  }

  .col-sm-10 {
    width: 83.3333333333%;
  }

  .col-sm-11 {
    width: 91.6666666667%;
  }

  .col-sm-12 {
    width: 100%;
  }

  .col-sm-pull-0 {
    right: auto;
  }

  .col-sm-pull-1 {
    right: 8.3333333333%;
  }

  .col-sm-pull-2 {
    right: 16.6666666667%;
  }

  .col-sm-pull-3 {
    right: 25%;
  }

  .col-sm-pull-4 {
    right: 33.3333333333%;
  }

  .col-sm-pull-5 {
    right: 41.6666666667%;
  }

  .col-sm-pull-6 {
    right: 50%;
  }

  .col-sm-pull-7 {
    right: 58.3333333333%;
  }

  .col-sm-pull-8 {
    right: 66.6666666667%;
  }

  .col-sm-pull-9 {
    right: 75%;
  }

  .col-sm-pull-10 {
    right: 83.3333333333%;
  }

  .col-sm-pull-11 {
    right: 91.6666666667%;
  }

  .col-sm-pull-12 {
    right: 100%;
  }

  .col-sm-push-0 {
    left: auto;
  }

  .col-sm-push-1 {
    left: 8.3333333333%;
  }

  .col-sm-push-2 {
    left: 16.6666666667%;
  }

  .col-sm-push-3 {
    left: 25%;
  }

  .col-sm-push-4 {
    left: 33.3333333333%;
  }

  .col-sm-push-5 {
    left: 41.6666666667%;
  }

  .col-sm-push-6 {
    left: 50%;
  }

  .col-sm-push-7 {
    left: 58.3333333333%;
  }

  .col-sm-push-8 {
    left: 66.6666666667%;
  }

  .col-sm-push-9 {
    left: 75%;
  }

  .col-sm-push-10 {
    left: 83.3333333333%;
  }

  .col-sm-push-11 {
    left: 91.6666666667%;
  }

  .col-sm-push-12 {
    left: 100%;
  }

  .col-sm-offset-0 {
    margin-left: 0%;
  }

  .col-sm-offset-1 {
    margin-left: 8.3333333333%;
  }

  .col-sm-offset-2 {
    margin-left: 16.6666666667%;
  }

  .col-sm-offset-3 {
    margin-left: 25%;
  }

  .col-sm-offset-4 {
    margin-left: 33.3333333333%;
  }

  .col-sm-offset-5 {
    margin-left: 41.6666666667%;
  }

  .col-sm-offset-6 {
    margin-left: 50%;
  }

  .col-sm-offset-7 {
    margin-left: 58.3333333333%;
  }

  .col-sm-offset-8 {
    margin-left: 66.6666666667%;
  }

  .col-sm-offset-9 {
    margin-left: 75%;
  }

  .col-sm-offset-10 {
    margin-left: 83.3333333333%;
  }

  .col-sm-offset-11 {
    margin-left: 91.6666666667%;
  }

  .col-sm-offset-12 {
    margin-left: 100%;
  }
}

@media (min-width: 992px) {
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
  }

  .col-md-1 {
    width: 8.3333333333%;
  }

  .col-md-2 {
    width: 16.6666666667%;
  }

  .col-md-3 {
    width: 25%;
  }

  .col-md-4 {
    width: 33.3333333333%;
  }

  .col-md-5 {
    width: 41.6666666667%;
  }

  .col-md-6 {
    width: 50%;
  }

  .col-md-7 {
    width: 58.3333333333%;
  }

  .col-md-8 {
    width: 66.6666666667%;
  }

  .col-md-9 {
    width: 75%;
  }

  .col-md-10 {
    width: 83.3333333333%;
  }

  .col-md-11 {
    width: 91.6666666667%;
  }

  .col-md-12 {
    width: 100%;
  }

  .col-md-pull-0 {
    right: auto;
  }

  .col-md-pull-1 {
    right: 8.3333333333%;
  }

  .col-md-pull-2 {
    right: 16.6666666667%;
  }

  .col-md-pull-3 {
    right: 25%;
  }

  .col-md-pull-4 {
    right: 33.3333333333%;
  }

  .col-md-pull-5 {
    right: 41.6666666667%;
  }

  .col-md-pull-6 {
    right: 50%;
  }

  .col-md-pull-7 {
    right: 58.3333333333%;
  }

  .col-md-pull-8 {
    right: 66.6666666667%;
  }

  .col-md-pull-9 {
    right: 75%;
  }

  .col-md-pull-10 {
    right: 83.3333333333%;
  }

  .col-md-pull-11 {
    right: 91.6666666667%;
  }

  .col-md-pull-12 {
    right: 100%;
  }

  .col-md-push-0 {
    left: auto;
  }

  .col-md-push-1 {
    left: 8.3333333333%;
  }

  .col-md-push-2 {
    left: 16.6666666667%;
  }

  .col-md-push-3 {
    left: 25%;
  }

  .col-md-push-4 {
    left: 33.3333333333%;
  }

  .col-md-push-5 {
    left: 41.6666666667%;
  }

  .col-md-push-6 {
    left: 50%;
  }

  .col-md-push-7 {
    left: 58.3333333333%;
  }

  .col-md-push-8 {
    left: 66.6666666667%;
  }

  .col-md-push-9 {
    left: 75%;
  }

  .col-md-push-10 {
    left: 83.3333333333%;
  }

  .col-md-push-11 {
    left: 91.6666666667%;
  }

  .col-md-push-12 {
    left: 100%;
  }

  .col-md-offset-0 {
    margin-left: 0%;
  }

  .col-md-offset-1 {
    margin-left: 8.3333333333%;
  }

  .col-md-offset-2 {
    margin-left: 16.6666666667%;
  }

  .col-md-offset-3 {
    margin-left: 25%;
  }

  .col-md-offset-4 {
    margin-left: 33.3333333333%;
  }

  .col-md-offset-5 {
    margin-left: 41.6666666667%;
  }

  .col-md-offset-6 {
    margin-left: 50%;
  }

  .col-md-offset-7 {
    margin-left: 58.3333333333%;
  }

  .col-md-offset-8 {
    margin-left: 66.6666666667%;
  }

  .col-md-offset-9 {
    margin-left: 75%;
  }

  .col-md-offset-10 {
    margin-left: 83.3333333333%;
  }

  .col-md-offset-11 {
    margin-left: 91.6666666667%;
  }

  .col-md-offset-12 {
    margin-left: 100%;
  }
}

@media (min-width: 1200px) {
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left;
  }

  .col-lg-1 {
    width: 8.3333333333%;
  }

  .col-lg-2 {
    width: 16.6666666667%;
  }

  .col-lg-3 {
    width: 25%;
  }

  .col-lg-4 {
    width: 33.3333333333%;
  }

  .col-lg-5 {
    width: 41.6666666667%;
  }

  .col-lg-6 {
    width: 50%;
  }

  .col-lg-7 {
    width: 58.3333333333%;
  }

  .col-lg-8 {
    width: 66.6666666667%;
  }

  .col-lg-9 {
    width: 75%;
  }

  .col-lg-10 {
    width: 83.3333333333%;
  }

  .col-lg-11 {
    width: 91.6666666667%;
  }

  .col-lg-12 {
    width: 100%;
  }

  .col-lg-pull-0 {
    right: auto;
  }

  .col-lg-pull-1 {
    right: 8.3333333333%;
  }

  .col-lg-pull-2 {
    right: 16.6666666667%;
  }

  .col-lg-pull-3 {
    right: 25%;
  }

  .col-lg-pull-4 {
    right: 33.3333333333%;
  }

  .col-lg-pull-5 {
    right: 41.6666666667%;
  }

  .col-lg-pull-6 {
    right: 50%;
  }

  .col-lg-pull-7 {
    right: 58.3333333333%;
  }

  .col-lg-pull-8 {
    right: 66.6666666667%;
  }

  .col-lg-pull-9 {
    right: 75%;
  }

  .col-lg-pull-10 {
    right: 83.3333333333%;
  }

  .col-lg-pull-11 {
    right: 91.6666666667%;
  }

  .col-lg-pull-12 {
    right: 100%;
  }

  .col-lg-push-0 {
    left: auto;
  }

  .col-lg-push-1 {
    left: 8.3333333333%;
  }

  .col-lg-push-2 {
    left: 16.6666666667%;
  }

  .col-lg-push-3 {
    left: 25%;
  }

  .col-lg-push-4 {
    left: 33.3333333333%;
  }

  .col-lg-push-5 {
    left: 41.6666666667%;
  }

  .col-lg-push-6 {
    left: 50%;
  }

  .col-lg-push-7 {
    left: 58.3333333333%;
  }

  .col-lg-push-8 {
    left: 66.6666666667%;
  }

  .col-lg-push-9 {
    left: 75%;
  }

  .col-lg-push-10 {
    left: 83.3333333333%;
  }

  .col-lg-push-11 {
    left: 91.6666666667%;
  }

  .col-lg-push-12 {
    left: 100%;
  }

  .col-lg-offset-0 {
    margin-left: 0%;
  }

  .col-lg-offset-1 {
    margin-left: 8.3333333333%;
  }

  .col-lg-offset-2 {
    margin-left: 16.6666666667%;
  }

  .col-lg-offset-3 {
    margin-left: 25%;
  }

  .col-lg-offset-4 {
    margin-left: 33.3333333333%;
  }

  .col-lg-offset-5 {
    margin-left: 41.6666666667%;
  }

  .col-lg-offset-6 {
    margin-left: 50%;
  }

  .col-lg-offset-7 {
    margin-left: 58.3333333333%;
  }

  .col-lg-offset-8 {
    margin-left: 66.6666666667%;
  }

  .col-lg-offset-9 {
    margin-left: 75%;
  }

  .col-lg-offset-10 {
    margin-left: 83.3333333333%;
  }

  .col-lg-offset-11 {
    margin-left: 91.6666666667%;
  }

  .col-lg-offset-12 {
    margin-left: 100%;
  }
}

table {
  background-color: transparent;
}

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left;
}

th {
  text-align: left;
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 22px;
}

.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.6;
  vertical-align: top;
  border-top: 1px solid #ddd;
}

.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}

.table > caption + thead > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > th,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}

.table > tbody + tbody {
  border-top: 2px solid #ddd;
}

.table .table {
  background-color: #f5f8fa;
}

.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}

.table-bordered {
  border: 1px solid #ddd;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}

.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}

table col[class*=col-] {
  position: static;
  float: none;
  display: table-column;
}

table td[class*=col-],
table th[class*=col-] {
  position: static;
  float: none;
  display: table-cell;
}

.table > thead > tr > td.active,
.table > thead > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}

.table > thead > tr > td.success,
.table > thead > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}

.table > thead > tr > td.info,
.table > thead > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}

.table > thead > tr > td.warning,
.table > thead > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}

.table > thead > tr > td.danger,
.table > thead > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}

.table-responsive {
  overflow-x: auto;
  min-height: 0.01%;
}

@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 16.5px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }

  .table-responsive > .table {
    margin-bottom: 0;
  }

  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }

  .table-responsive > .table-bordered {
    border: 0;
  }

  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }

  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }

  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 22px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}

input[type=search] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

input[type=radio],
input[type=checkbox] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}

input[type=file] {
  display: block;
}

input[type=range] {
  display: block;
  width: 100%;
}

select[multiple],
select[size] {
  height: auto;
}

input[type=file]:focus,
input[type=radio]:focus,
input[type=checkbox]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.6;
  color: #555555;
}

.form-control {
  display: block;
  width: 100%;
  height: 36px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.6;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccd0d2;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}

.form-control:focus {
  border-color: #98cbe8;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(152, 203, 232, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(152, 203, 232, 0.6);
}

.form-control::-moz-placeholder {
  color: #b1b7ba;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #b1b7ba;
}

.form-control::-webkit-input-placeholder {
  color: #b1b7ba;
}

.form-control::-ms-expand {
  border: 0;
  background-color: transparent;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eeeeee;
  opacity: 1;
}

.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}

textarea.form-control {
  height: auto;
}

input[type=search] {
  -webkit-appearance: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type=date].form-control,
  input[type=time].form-control,
  input[type=datetime-local].form-control,
  input[type=month].form-control {
    line-height: 36px;
  }

  input[type=date].input-sm,
  .input-group-sm > .input-group-btn > input[type=date].btn,
  .input-group-sm input[type=date],
  input[type=time].input-sm,
  .input-group-sm > .input-group-btn > input[type=time].btn,
  .input-group-sm input[type=time],
  input[type=datetime-local].input-sm,
  .input-group-sm > .input-group-btn > input[type=datetime-local].btn,
  .input-group-sm input[type=datetime-local],
  input[type=month].input-sm,
  .input-group-sm > .input-group-btn > input[type=month].btn,
  .input-group-sm input[type=month] {
    line-height: 30px;
  }

  input[type=date].input-lg,
  .input-group-lg > .input-group-btn > input[type=date].btn,
  .input-group-lg input[type=date],
  input[type=time].input-lg,
  .input-group-lg > .input-group-btn > input[type=time].btn,
  .input-group-lg input[type=time],
  input[type=datetime-local].input-lg,
  .input-group-lg > .input-group-btn > input[type=datetime-local].btn,
  .input-group-lg input[type=datetime-local],
  input[type=month].input-lg,
  .input-group-lg > .input-group-btn > input[type=month].btn,
  .input-group-lg input[type=month] {
    line-height: 46px;
  }
}

.form-group {
  margin-bottom: 15px;
}

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}

.radio label,
.checkbox label {
  min-height: 22px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}

.radio input[type=radio],
.radio-inline input[type=radio],
.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9;
}

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}

input[type=radio][disabled],
input[type=radio].disabled,
fieldset[disabled] input[type=radio],
input[type=checkbox][disabled],
input[type=checkbox].disabled,
fieldset[disabled] input[type=checkbox] {
  cursor: not-allowed;
}

.radio-inline.disabled,
fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}

.radio.disabled label,
fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}

.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
  min-height: 36px;
}

.form-control-static.input-lg,
.input-group-lg > .form-control-static.form-control,
.input-group-lg > .form-control-static.input-group-addon,
.input-group-lg > .input-group-btn > .form-control-static.btn,
.form-control-static.input-sm,
.input-group-sm > .form-control-static.form-control,
.input-group-sm > .form-control-static.input-group-addon,
.input-group-sm > .input-group-btn > .form-control-static.btn {
  padding-left: 0;
  padding-right: 0;
}

.input-sm,
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

select.input-sm,
.input-group-sm > select.form-control,
.input-group-sm > select.input-group-addon,
.input-group-sm > .input-group-btn > select.btn {
  height: 30px;
  line-height: 30px;
}

textarea.input-sm,
.input-group-sm > textarea.form-control,
.input-group-sm > textarea.input-group-addon,
.input-group-sm > .input-group-btn > textarea.btn,
select[multiple].input-sm,
.input-group-sm > select[multiple].form-control,
.input-group-sm > select[multiple].input-group-addon,
.input-group-sm > .input-group-btn > select[multiple].btn {
  height: auto;
}

.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px;
}

.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}

.form-group-sm .form-control-static {
  height: 30px;
  min-height: 34px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.input-lg,
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

select.input-lg,
.input-group-lg > select.form-control,
.input-group-lg > select.input-group-addon,
.input-group-lg > .input-group-btn > select.btn {
  height: 46px;
  line-height: 46px;
}

textarea.input-lg,
.input-group-lg > textarea.form-control,
.input-group-lg > textarea.input-group-addon,
.input-group-lg > .input-group-btn > textarea.btn,
select[multiple].input-lg,
.input-group-lg > select[multiple].form-control,
.input-group-lg > select[multiple].input-group-addon,
.input-group-lg > .input-group-btn > select[multiple].btn {
  height: auto;
}

.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px;
}

.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}

.form-group-lg .form-control-static {
  height: 46px;
  min-height: 40px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}

.has-feedback {
  position: relative;
}

.has-feedback .form-control {
  padding-right: 45px;
}

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  pointer-events: none;
}

.input-lg + .form-control-feedback,
.input-group-lg > .form-control + .form-control-feedback,
.input-group-lg > .input-group-addon + .form-control-feedback,
.input-group-lg > .input-group-btn > .btn + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}

.input-sm + .form-control-feedback,
.input-group-sm > .form-control + .form-control-feedback,
.input-group-sm > .input-group-addon + .form-control-feedback,
.input-group-sm > .input-group-btn > .btn + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d;
}

.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}

.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8;
}

.has-success .form-control-feedback {
  color: #3c763d;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b;
}

.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}

.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3;
}

.has-warning .form-control-feedback {
  color: #8a6d3b;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442;
}

.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}

.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede;
}

.has-error .form-control-feedback {
  color: #a94442;
}

.has-feedback label ~ .form-control-feedback {
  top: 27px;
}

.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #a4aaae;
}

@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }

  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }

  .form-inline .form-control-static {
    display: inline-block;
  }

  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }

  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }

  .form-inline .input-group > .form-control {
    width: 100%;
  }

  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }

  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }

  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }

  .form-inline .radio input[type=radio],
  .form-inline .checkbox input[type=checkbox] {
    position: relative;
    margin-left: 0;
  }

  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}

.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 29px;
}

.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px;
}

.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
  content: " ";
  display: table;
}

.form-horizontal .form-group:after {
  clear: both;
}

@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
  }
}

.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}

@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px;
  }
}

@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px;
  }
}

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.6;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.btn:focus,
.btn.focus,
.btn:active:focus,
.btn:active.focus,
.btn.active:focus,
.btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn:hover,
.btn:focus,
.btn.focus {
  color: #636b6f;
  text-decoration: none;
}

.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}

a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}

.btn-default {
  color: #636b6f;
  background-color: #fff;
  border-color: #ccc;
}

.btn-default:focus,
.btn-default.focus {
  color: #636b6f;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}

.btn-default:hover {
  color: #636b6f;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.btn-default:active,
.btn-default.active,
.open > .btn-default.dropdown-toggle {
  color: #636b6f;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.btn-default:active:hover,
.btn-default:active:focus,
.btn-default:active.focus,
.btn-default.active:hover,
.btn-default.active:focus,
.btn-default.active.focus,
.open > .btn-default.dropdown-toggle:hover,
.open > .btn-default.dropdown-toggle:focus,
.open > .btn-default.dropdown-toggle.focus {
  color: #636b6f;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}

.btn-default:active,
.btn-default.active,
.open > .btn-default.dropdown-toggle {
  background-image: none;
}

.btn-default.disabled:hover,
.btn-default.disabled:focus,
.btn-default.disabled.focus,
.btn-default[disabled]:hover,
.btn-default[disabled]:focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default.focus {
  background-color: #fff;
  border-color: #ccc;
}

.btn-default .badge {
  color: #fff;
  background-color: #636b6f;
}

.btn-primary {
  color: #fff;
  background-color: #3097D1;
  border-color: #2a88bd;
}

.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #2579a9;
  border-color: #133d55;
}

.btn-primary:hover {
  color: #fff;
  background-color: #2579a9;
  border-color: #1f648b;
}

.btn-primary:active,
.btn-primary.active,
.open > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #2579a9;
  border-color: #1f648b;
}

.btn-primary:active:hover,
.btn-primary:active:focus,
.btn-primary:active.focus,
.btn-primary.active:hover,
.btn-primary.active:focus,
.btn-primary.active.focus,
.open > .btn-primary.dropdown-toggle:hover,
.open > .btn-primary.dropdown-toggle:focus,
.open > .btn-primary.dropdown-toggle.focus {
  color: #fff;
  background-color: #1f648b;
  border-color: #133d55;
}

.btn-primary:active,
.btn-primary.active,
.open > .btn-primary.dropdown-toggle {
  background-image: none;
}

.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #3097D1;
  border-color: #2a88bd;
}

.btn-primary .badge {
  color: #3097D1;
  background-color: #fff;
}

.btn-success {
  color: #fff;
  background-color: #2ab27b;
  border-color: #259d6d;
}

.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: #20895e;
  border-color: #0d3625;
}

.btn-success:hover {
  color: #fff;
  background-color: #20895e;
  border-color: #196c4b;
}

.btn-success:active,
.btn-success.active,
.open > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #20895e;
  border-color: #196c4b;
}

.btn-success:active:hover,
.btn-success:active:focus,
.btn-success:active.focus,
.btn-success.active:hover,
.btn-success.active:focus,
.btn-success.active.focus,
.open > .btn-success.dropdown-toggle:hover,
.open > .btn-success.dropdown-toggle:focus,
.open > .btn-success.dropdown-toggle.focus {
  color: #fff;
  background-color: #196c4b;
  border-color: #0d3625;
}

.btn-success:active,
.btn-success.active,
.open > .btn-success.dropdown-toggle {
  background-image: none;
}

.btn-success.disabled:hover,
.btn-success.disabled:focus,
.btn-success.disabled.focus,
.btn-success[disabled]:hover,
.btn-success[disabled]:focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success.focus {
  background-color: #2ab27b;
  border-color: #259d6d;
}

.btn-success .badge {
  color: #2ab27b;
  background-color: #fff;
}

.btn-info {
  color: #fff;
  background-color: #8eb4cb;
  border-color: #7da8c3;
}

.btn-info:focus,
.btn-info.focus {
  color: #fff;
  background-color: #6b9dbb;
  border-color: #3d6983;
}

.btn-info:hover {
  color: #fff;
  background-color: #6b9dbb;
  border-color: #538db0;
}

.btn-info:active,
.btn-info.active,
.open > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #6b9dbb;
  border-color: #538db0;
}

.btn-info:active:hover,
.btn-info:active:focus,
.btn-info:active.focus,
.btn-info.active:hover,
.btn-info.active:focus,
.btn-info.active.focus,
.open > .btn-info.dropdown-toggle:hover,
.open > .btn-info.dropdown-toggle:focus,
.open > .btn-info.dropdown-toggle.focus {
  color: #fff;
  background-color: #538db0;
  border-color: #3d6983;
}

.btn-info:active,
.btn-info.active,
.open > .btn-info.dropdown-toggle {
  background-image: none;
}

.btn-info.disabled:hover,
.btn-info.disabled:focus,
.btn-info.disabled.focus,
.btn-info[disabled]:hover,
.btn-info[disabled]:focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info.focus {
  background-color: #8eb4cb;
  border-color: #7da8c3;
}

.btn-info .badge {
  color: #8eb4cb;
  background-color: #fff;
}

.btn-warning {
  color: #fff;
  background-color: #cbb956;
  border-color: #c5b143;
}

.btn-warning:focus,
.btn-warning.focus {
  color: #fff;
  background-color: #b6a338;
  border-color: #685d20;
}

.btn-warning:hover {
  color: #fff;
  background-color: #b6a338;
  border-color: #9b8a30;
}

.btn-warning:active,
.btn-warning.active,
.open > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #b6a338;
  border-color: #9b8a30;
}

.btn-warning:active:hover,
.btn-warning:active:focus,
.btn-warning:active.focus,
.btn-warning.active:hover,
.btn-warning.active:focus,
.btn-warning.active.focus,
.open > .btn-warning.dropdown-toggle:hover,
.open > .btn-warning.dropdown-toggle:focus,
.open > .btn-warning.dropdown-toggle.focus {
  color: #fff;
  background-color: #9b8a30;
  border-color: #685d20;
}

.btn-warning:active,
.btn-warning.active,
.open > .btn-warning.dropdown-toggle {
  background-image: none;
}

.btn-warning.disabled:hover,
.btn-warning.disabled:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled]:hover,
.btn-warning[disabled]:focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning.focus {
  background-color: #cbb956;
  border-color: #c5b143;
}

.btn-warning .badge {
  color: #cbb956;
  background-color: #fff;
}

.btn-danger {
  color: #fff;
  background-color: #bf5329;
  border-color: #aa4a24;
}

.btn-danger:focus,
.btn-danger.focus {
  color: #fff;
  background-color: #954120;
  border-color: #411c0e;
}

.btn-danger:hover {
  color: #fff;
  background-color: #954120;
  border-color: #78341a;
}

.btn-danger:active,
.btn-danger.active,
.open > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #954120;
  border-color: #78341a;
}

.btn-danger:active:hover,
.btn-danger:active:focus,
.btn-danger:active.focus,
.btn-danger.active:hover,
.btn-danger.active:focus,
.btn-danger.active.focus,
.open > .btn-danger.dropdown-toggle:hover,
.open > .btn-danger.dropdown-toggle:focus,
.open > .btn-danger.dropdown-toggle.focus {
  color: #fff;
  background-color: #78341a;
  border-color: #411c0e;
}

.btn-danger:active,
.btn-danger.active,
.open > .btn-danger.dropdown-toggle {
  background-image: none;
}

.btn-danger.disabled:hover,
.btn-danger.disabled:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled]:hover,
.btn-danger[disabled]:focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger.focus {
  background-color: #bf5329;
  border-color: #aa4a24;
}

.btn-danger .badge {
  color: #bf5329;
  background-color: #fff;
}

.btn-link {
  color: #3097D1;
  font-weight: normal;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}

.btn-link:hover,
.btn-link:focus {
  color: #216a94;
  text-decoration: underline;
  background-color: transparent;
}

.btn-link[disabled]:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:hover,
fieldset[disabled] .btn-link:focus {
  color: #777777;
  text-decoration: none;
}

.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block {
  width: 100%;
}

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

.fade.in {
  opacity: 1;
}

.collapse {
  display: none;
}

.collapse.in {
  display: block;
}

tr.collapse.in {
  display: table-row;
}

tbody.collapse.in {
  display: table-row-group;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  -o-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.dropup,
.dropdown {
  position: relative;
}

.dropdown-toggle:focus {
  outline: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}

.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

.dropdown-menu .divider {
  height: 1px;
  margin: 10px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.6;
  color: #333333;
  white-space: nowrap;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #3097D1;
}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777777;
}

.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}

.open > .dropdown-menu {
  display: block;
}

.open > a {
  outline: 0;
}

.dropdown-menu-right {
  left: auto;
  right: 0;
}

.dropdown-menu-left {
  left: 0;
  right: auto;
}

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.6;
  color: #777777;
  white-space: nowrap;
}

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}

.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
  content: "";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }

  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}

.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}

.btn-toolbar {
  margin-left: -5px;
}

.btn-toolbar:before,
.btn-toolbar:after {
  content: " ";
  display: table;
}

.btn-toolbar:after {
  clear: both;
}

.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}

.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  -webkit-border-radius: 0;
  border-radius: 0;
}

.btn-group > .btn:first-child {
  margin-left: 0;
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
}

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
}

.btn-group > .btn-group {
  float: left;
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  -webkit-border-radius: 0;
  border-radius: 0;
}

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
}

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}

.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
}

.btn-group > .btn-lg + .dropdown-toggle,
.btn-group-lg.btn-group > .btn + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}

.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn .caret {
  margin-left: 0;
}

.btn-lg .caret,
.btn-group-lg > .btn .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}

.dropup .btn-lg .caret,
.dropup .btn-group-lg > .btn .caret {
  border-width: 0 5px 5px;
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}

.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after {
  content: " ";
  display: table;
}

.btn-group-vertical > .btn-group:after {
  clear: both;
}

.btn-group-vertical > .btn-group > .btn {
  float: none;
}

.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  -webkit-border-radius: 0;
  border-radius: 0;
}

.btn-group-vertical > .btn:first-child:not(:last-child) {
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn:last-child:not(:first-child) {
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  -webkit-border-radius: 0;
  border-radius: 0;
}

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
}

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}

.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  float: none;
  display: table-cell;
  width: 1%;
}

.btn-group-justified > .btn-group .btn {
  width: 100%;
}

.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}

[data-toggle=buttons] > .btn input[type=radio],
[data-toggle=buttons] > .btn input[type=checkbox],
[data-toggle=buttons] > .btn-group > .btn input[type=radio],
[data-toggle=buttons] > .btn-group > .btn input[type=checkbox] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}

.input-group[class*=col-] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}

.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}

.input-group .form-control:focus {
  z-index: 3;
}

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}

.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  -webkit-border-radius: 0;
  border-radius: 0;
}

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}

.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #ccd0d2;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.input-group-addon.input-sm,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .input-group-addon.btn {
  padding: 5px 10px;
  font-size: 12px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.input-group-addon.input-lg,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .input-group-addon.btn {
  padding: 10px 16px;
  font-size: 18px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

.input-group-addon input[type=radio],
.input-group-addon input[type=checkbox] {
  margin-top: 0;
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
}

.input-group-addon:first-child {
  border-right: 0;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
}

.input-group-addon:last-child {
  border-left: 0;
}

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}

.input-group-btn > .btn {
  position: relative;
}

.input-group-btn > .btn + .btn {
  margin-left: -1px;
}

.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  z-index: 2;
}

.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}

.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}

.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}

.nav:before,
.nav:after {
  content: " ";
  display: table;
}

.nav:after {
  clear: both;
}

.nav > li {
  position: relative;
  display: block;
}

.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}

.nav > li.disabled > a {
  color: #777777;
}

.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777777;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #3097D1;
}

.nav .nav-divider {
  height: 1px;
  margin: 10px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.nav > li > a > img {
  max-width: none;
}

.nav-tabs {
  border-bottom: 1px solid #ddd;
}

.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}

.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.6;
  border: 1px solid transparent;
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #ddd;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555555;
  background-color: #f5f8fa;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}

.nav-pills > li {
  float: left;
}

.nav-pills > li > a {
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.nav-pills > li + li {
  margin-left: 2px;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #3097D1;
}

.nav-stacked > li {
  float: none;
}

.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}

.nav-justified,
.nav-tabs.nav-justified {
  width: 100%;
}

.nav-justified > li,
.nav-tabs.nav-justified > li {
  float: none;
}

.nav-justified > li > a,
.nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}

.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}

@media (min-width: 768px) {
  .nav-justified > li,
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }

  .nav-justified > li > a,
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}

.nav-tabs-justified,
.nav-tabs.nav-justified {
  border-bottom: 0;
}

.nav-tabs-justified > li > a,
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.nav-tabs-justified > .active > a,
.nav-tabs.nav-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd;
}

@media (min-width: 768px) {
  .nav-tabs-justified > li > a,
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
  }

  .nav-tabs-justified > .active > a,
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #f5f8fa;
  }
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
}

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 22px;
  border: 1px solid transparent;
}

.navbar:before,
.navbar:after {
  content: " ";
  display: table;
}

.navbar:after {
  clear: both;
}

@media (min-width: 768px) {
  .navbar {
    -webkit-border-radius: 4px;
    border-radius: 4px;
  }
}

.navbar-header:before,
.navbar-header:after {
  content: " ";
  display: table;
}

.navbar-header:after {
  clear: both;
}

@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}

.navbar-collapse {
  overflow-x: visible;
  padding-right: 15px;
  padding-left: 15px;
  border-top: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}

.navbar-collapse:before,
.navbar-collapse:after {
  content: " ";
  display: table;
}

.navbar-collapse:after {
  clear: both;
}

.navbar-collapse.in {
  overflow-y: auto;
}

@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }

  .navbar-collapse.in {
    overflow-y: visible;
  }

  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }
}

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}

@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}

.container > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-header,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}

@media (min-width: 768px) {
  .container > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-header,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}

.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}

@media (min-width: 768px) {
  .navbar-static-top {
    -webkit-border-radius: 0;
    border-radius: 0;
  }
}

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}

@media (min-width: 768px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    -webkit-border-radius: 0;
    border-radius: 0;
  }
}

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}

.navbar-brand {
  float: left;
  padding: 14px 15px;
  font-size: 18px;
  line-height: 22px;
  height: 50px;
}

.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}

.navbar-brand > img {
  display: block;
}

@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}

.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 15px;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.navbar-toggle:focus {
  outline: 0;
}

.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
}

.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}

@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}

.navbar-nav {
  margin: 7px -15px;
}

.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 22px;
}

@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }

  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 22px;
  }

  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}

@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }

  .navbar-nav > li {
    float: left;
  }

  .navbar-nav > li > a {
    padding-top: 14px;
    padding-bottom: 14px;
  }
}

.navbar-form {
  margin-left: -15px;
  margin-right: -15px;
  padding: 10px 15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 7px;
  margin-bottom: 7px;
}

@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }

  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }

  .navbar-form .form-control-static {
    display: inline-block;
  }

  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }

  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control {
    width: auto;
  }

  .navbar-form .input-group > .form-control {
    width: 100%;
  }

  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }

  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }

  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-left: 0;
  }

  .navbar-form .radio input[type=radio],
  .navbar-form .checkbox input[type=checkbox] {
    position: relative;
    margin-left: 0;
  }

  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}

@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }

  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}

.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
}

.navbar-btn {
  margin-top: 7px;
  margin-bottom: 7px;
}

.navbar-btn.btn-sm,
.btn-group-sm > .navbar-btn.btn {
  margin-top: 10px;
  margin-bottom: 10px;
}

.navbar-btn.btn-xs,
.btn-group-xs > .navbar-btn.btn {
  margin-top: 14px;
  margin-bottom: 14px;
}

.navbar-text {
  margin-top: 14px;
  margin-bottom: 14px;
}

@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-left: 15px;
    margin-right: 15px;
  }
}

@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
  }

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

  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}

.navbar-default {
  background-color: #fff;
  border-color: #d3e0e9;
}

.navbar-default .navbar-brand {
  color: #777;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}

.navbar-default .navbar-text {
  color: #777;
}

.navbar-default .navbar-nav > li > a {
  color: #777;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #eeeeee;
}

.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}

.navbar-default .navbar-toggle {
  border-color: #ddd;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #d3e0e9;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: #eeeeee;
  color: #555;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }

  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }

  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #eeeeee;
  }

  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}

.navbar-default .navbar-link {
  color: #777;
}

.navbar-default .navbar-link:hover {
  color: #333;
}

.navbar-default .btn-link {
  color: #777;
}

.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
  color: #333;
}

.navbar-default .btn-link[disabled]:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:hover,
fieldset[disabled] .navbar-default .btn-link:focus {
  color: #ccc;
}

.navbar-inverse {
  background-color: #222;
  border-color: #090909;
}

.navbar-inverse .navbar-brand {
  color: #9d9d9d;
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}

.navbar-inverse .navbar-text {
  color: #9d9d9d;
}

.navbar-inverse .navbar-nav > li > a {
  color: #9d9d9d;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #090909;
}

.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}

.navbar-inverse .navbar-toggle {
  border-color: #333;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}

.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #090909;
  color: #fff;
}

@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #090909;
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #090909;
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #090909;
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}

.navbar-inverse .navbar-link {
  color: #9d9d9d;
}

.navbar-inverse .navbar-link:hover {
  color: #fff;
}

.navbar-inverse .btn-link {
  color: #9d9d9d;
}

.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
  color: #fff;
}

.navbar-inverse .btn-link[disabled]:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:hover,
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444;
}

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 22px;
  list-style: none;
  background-color: #f5f5f5;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.breadcrumb > li {
  display: inline-block;
}

.breadcrumb > li + li:before {
  content: "/ ";
  padding: 0 5px;
  color: #ccc;
}

.breadcrumb > .active {
  color: #777777;
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 22px 0;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.pagination > li {
  display: inline;
}

.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.6;
  text-decoration: none;
  color: #3097D1;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: -1px;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
}

.pagination > li > a:hover,
.pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
  z-index: 2;
  color: #216a94;
  background-color: #eeeeee;
  border-color: #ddd;
}

.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  background-color: #3097D1;
  border-color: #3097D1;
  cursor: default;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777777;
  background-color: #fff;
  border-color: #ddd;
  cursor: not-allowed;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  -webkit-border-bottom-left-radius: 6px;
  border-bottom-left-radius: 6px;
  -webkit-border-top-left-radius: 6px;
  border-top-left-radius: 6px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  -webkit-border-bottom-right-radius: 6px;
  border-bottom-right-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  border-top-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
}

.pager {
  padding-left: 0;
  margin: 22px 0;
  list-style: none;
  text-align: center;
}

.pager:before,
.pager:after {
  content: " ";
  display: table;
}

.pager:after {
  clear: both;
}

.pager li {
  display: inline;
}

.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}

.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}

.pager .next > a,
.pager .next > span {
  float: right;
}

.pager .previous > a,
.pager .previous > span {
  float: left;
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #777777;
  background-color: #fff;
  cursor: not-allowed;
}

.label {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  -webkit-border-radius: 0.25em;
  border-radius: 0.25em;
}

.label:empty {
  display: none;
}

.btn .label {
  position: relative;
  top: -1px;
}

a.label:hover,
a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.label-default {
  background-color: #777777;
}

.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #5e5e5e;
}

.label-primary {
  background-color: #3097D1;
}

.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #2579a9;
}

.label-success {
  background-color: #2ab27b;
}

.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #20895e;
}

.label-info {
  background-color: #8eb4cb;
}

.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #6b9dbb;
}

.label-warning {
  background-color: #cbb956;
}

.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #b6a338;
}

.label-danger {
  background-color: #bf5329;
}

.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #954120;
}

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  background-color: #777777;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.btn-xs .badge,
.btn-group-xs > .btn .badge {
  top: 0;
  padding: 1px 5px;
}

.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #3097D1;
  background-color: #fff;
}

.list-group-item > .badge {
  float: right;
}

.list-group-item > .badge + .badge {
  margin-right: 5px;
}

.nav-pills > li > a > .badge {
  margin-left: 3px;
}

a.badge:hover,
a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eeeeee;
}

.jumbotron h1,
.jumbotron .h1 {
  color: inherit;
}

.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}

.jumbotron > hr {
  border-top-color: #d5d5d5;
}

.container .jumbotron,
.container-fluid .jumbotron {
  -webkit-border-radius: 6px;
  border-radius: 6px;
  padding-left: 15px;
  padding-right: 15px;
}

.jumbotron .container {
  max-width: 100%;
}

@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-left: 60px;
    padding-right: 60px;
  }

  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 63px;
  }
}

.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 22px;
  line-height: 1.6;
  background-color: #f5f8fa;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
}

.thumbnail > img,
.thumbnail a > img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.thumbnail .caption {
  padding: 9px;
  color: #636b6f;
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #3097D1;
}

.alert {
  padding: 15px;
  margin-bottom: 22px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.alert h4 {
  margin-top: 0;
  color: inherit;
}

.alert .alert-link {
  font-weight: bold;
}

.alert > p,
.alert > ul {
  margin-bottom: 0;
}

.alert > p + p {
  margin-top: 5px;
}

.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}

.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}

.alert-success hr {
  border-top-color: #c9e2b3;
}

.alert-success .alert-link {
  color: #2b542c;
}

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}

.alert-info hr {
  border-top-color: #a6e1ec;
}

.alert-info .alert-link {
  color: #245269;
}

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}

.alert-warning hr {
  border-top-color: #f7e1b5;
}

.alert-warning .alert-link {
  color: #66512c;
}

.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}

.alert-danger hr {
  border-top-color: #e4b9c0;
}

.alert-danger .alert-link {
  color: #843534;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }

  to {
    background-position: 0 0;
  }
}

@-o-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }

  to {
    background-position: 0 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }

  to {
    background-position: 0 0;
  }
}

.progress {
  overflow: hidden;
  height: 22px;
  margin-bottom: 22px;
  background-color: #f5f5f5;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 22px;
  color: #fff;
  text-align: center;
  background-color: #3097D1;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}

.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
  background-size: 40px 40px;
}

.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar-success {
  background-color: #2ab27b;
}

.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-info {
  background-color: #8eb4cb;
}

.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-warning {
  background-color: #cbb956;
}

.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-danger {
  background-color: #bf5329;
}

.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.media {
  margin-top: 15px;
}

.media:first-child {
  margin-top: 0;
}

.media,
.media-body {
  zoom: 1;
  overflow: hidden;
}

.media-body {
  width: 10000px;
}

.media-object {
  display: block;
}

.media-object.img-thumbnail {
  max-width: none;
}

.media-right,
.media > .pull-right {
  padding-left: 10px;
}

.media-left,
.media > .pull-left {
  padding-right: 10px;
}

.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}

.media-middle {
  vertical-align: middle;
}

.media-bottom {
  vertical-align: bottom;
}

.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

.media-list {
  padding-left: 0;
  list-style: none;
}

.list-group {
  margin-bottom: 20px;
  padding-left: 0;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #d3e0e9;
}

.list-group-item:first-child {
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
}

.list-group-item:last-child {
  margin-bottom: 0;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

a.list-group-item,
button.list-group-item {
  color: #555;
}

a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: #333;
}

a.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:hover,
button.list-group-item:focus {
  text-decoration: none;
  color: #555;
  background-color: #f5f5f5;
}

button.list-group-item {
  width: 100%;
  text-align: left;
}

.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
  background-color: #eeeeee;
  color: #777777;
  cursor: not-allowed;
}

.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}

.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
  color: #777777;
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #3097D1;
  border-color: #3097D1;
}

.list-group-item.active .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit;
}

.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: #d7ebf6;
}

.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}

a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d;
}

a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
  color: inherit;
}

a.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:hover,
button.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}

a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active,
button.list-group-item-success.active:hover,
button.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}

.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}

a.list-group-item-info,
button.list-group-item-info {
  color: #31708f;
}

a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
  color: inherit;
}

a.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:hover,
button.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}

a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active,
button.list-group-item-info.active:hover,
button.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}

.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}

a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b;
}

a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}

a.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:hover,
button.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}

a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active,
button.list-group-item-warning.active:hover,
button.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}

.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}

a.list-group-item-danger,
button.list-group-item-danger {
  color: #a94442;
}

a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}

a.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:hover,
button.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}

a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active,
button.list-group-item-danger.active:hover,
button.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}

.panel {
  margin-bottom: 22px;
  background-color: #fff;
  border: 1px solid transparent;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-body {
  padding: 15px;
}

.panel-body:before,
.panel-body:after {
  content: " ";
  display: table;
}

.panel-body:after {
  clear: both;
}

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
}

.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}

.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #d3e0e9;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}

.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
}

.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
}

.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}

.list-group + .panel-footer {
  border-top-width: 0;
}

.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}

.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-left: 15px;
  padding-right: 15px;
}

.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
}

.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
}

.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
}

.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
}

.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd;
}

.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}

.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}

.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}

.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}

.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}

.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}

.panel > .table-responsive {
  border: 0;
  margin-bottom: 0;
}

.panel-group {
  margin-bottom: 22px;
}

.panel-group .panel {
  margin-bottom: 0;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.panel-group .panel + .panel {
  margin-top: 5px;
}

.panel-group .panel-heading {
  border-bottom: 0;
}

.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #d3e0e9;
}

.panel-group .panel-footer {
  border-top: 0;
}

.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #d3e0e9;
}

.panel-default {
  border-color: #d3e0e9;
}

.panel-default > .panel-heading {
  color: #333333;
  background-color: #fff;
  border-color: #d3e0e9;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d3e0e9;
}

.panel-default > .panel-heading .badge {
  color: #fff;
  background-color: #333333;
}

.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d3e0e9;
}

.panel-primary {
  border-color: #3097D1;
}

.panel-primary > .panel-heading {
  color: #fff;
  background-color: #3097D1;
  border-color: #3097D1;
}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #3097D1;
}

.panel-primary > .panel-heading .badge {
  color: #3097D1;
  background-color: #fff;
}

.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #3097D1;
}

.panel-success {
  border-color: #d6e9c6;
}

.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}

.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}

.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}

.panel-info {
  border-color: #bce8f1;
}

.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}

.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}

.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}

.panel-warning {
  border-color: #faebcc;
}

.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}

.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}

.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}

.panel-danger {
  border-color: #ebccd1;
}

.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}

.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}

.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}

.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
  padding-bottom: 75%;
}

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}

.well-lg {
  padding: 24px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

.well-sm {
  padding: 9px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.modal-open {
  overflow: hidden;
}

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}

.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -o-transform 0.3s ease-out;
}

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}

.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}

.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}

.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}

.modal-header:before,
.modal-header:after {
  content: " ";
  display: table;
}

.modal-header:after {
  clear: both;
}

.modal-header .close {
  margin-top: -2px;
}

.modal-title {
  margin: 0;
  line-height: 1.6;
}

.modal-body {
  position: relative;
  padding: 15px;
}

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}

.modal-footer:before,
.modal-footer:after {
  content: " ";
  display: table;
}

.modal-footer:after {
  clear: both;
}

.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }

  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }

  .modal-sm {
    width: 300px;
  }
}

@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.6;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 12px;
  opacity: 0;
  filter: alpha(opacity=0);
}

.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}

.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}

.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}

.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.6;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 14px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.popover.top {
  margin-top: -10px;
}

.popover.right {
  margin-left: 10px;
}

.popover.bottom {
  margin-top: 10px;
}

.popover.left {
  margin-left: -10px;
}

.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}

.popover-content {
  padding: 9px 14px;
}

.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover > .arrow {
  border-width: 11px;
}

.popover > .arrow:after {
  border-width: 10px;
  content: "";
}

.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}

.popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #fff;
}

.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
}

.popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #fff;
}

.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}

.popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #fff;
}

.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}

.popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #fff;
  bottom: -10px;
}

.carousel {
  position: relative;
}

.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.carousel-inner > .item {
  display: none;
  position: relative;
  -webkit-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
  line-height: 1;
}

@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    -o-transition: -o-transform 0.6s ease-in-out;
    transition: -webkit-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out, -o-transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
  }

  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0;
  }

  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
  }

  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}

.carousel-inner > .active {
  left: 0;
}

.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}

.carousel-inner > .next {
  left: 100%;
}

.carousel-inner > .prev {
  left: -100%;
}

.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}

.carousel-inner > .active.left {
  left: -100%;
}

.carousel-inner > .active.right {
  left: 100%;
}

.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0);
}

.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80000000", endColorstr="#00000000", GradientType=1);
}

.carousel-control.right {
  left: auto;
  right: 0;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#80000000", GradientType=1);
}

.carousel-control:hover,
.carousel-control:focus {
  outline: 0;
  color: #fff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  z-index: 5;
  display: inline-block;
}

.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}

.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}

.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  line-height: 1;
  font-family: serif;
}

.carousel-control .icon-prev:before {
  content: "‹";
}

.carousel-control .icon-next:before {
  content: "›";
}

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center;
}

.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #fff;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
}

.carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #fff;
}

.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.carousel-caption .btn {
  text-shadow: none;
}

@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
  }

  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px;
  }

  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px;
  }

  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px;
  }

  .carousel-indicators {
    bottom: 20px;
  }
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.hidden {
  display: none !important;
}

.affix {
  position: fixed;
}

@-ms-viewport {
  width: device-width;
}

.visible-xs {
  display: none !important;
}

.visible-sm {
  display: none !important;
}

.visible-md {
  display: none !important;
}

.visible-lg {
  display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }

  table.visible-xs {
    display: table !important;
  }

  tr.visible-xs {
    display: table-row !important;
  }

  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }

  table.visible-sm {
    display: table !important;
  }

  tr.visible-sm {
    display: table-row !important;
  }

  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }

  table.visible-md {
    display: table !important;
  }

  tr.visible-md {
    display: table-row !important;
  }

  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }

  table.visible-lg {
    display: table !important;
  }

  tr.visible-lg {
    display: table-row !important;
  }

  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}

.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }

  table.visible-print {
    display: table !important;
  }

  tr.visible-print {
    display: table-row !important;
  }

  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}

.visible-print-block {
  display: none !important;
}

@media print {
  .visible-print-block {
    display: block !important;
  }
}

.visible-print-inline {
  display: none !important;
}

@media print {
  .visible-print-inline {
    display: inline !important;
  }
}

.visible-print-inline-block {
  display: none !important;
}

@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}

@media print {
  .hidden-print {
    display: none !important;
  }
}

@-webkit-keyframes plyr-progress {
  to {
    background-position: 25px 0;
    background-position: var(--plyr-progress-loading-size, 25px) 0;
  }
}

@-o-keyframes plyr-progress {
  to {
    background-position: 25px 0;
    background-position: var(--plyr-progress-loading-size, 25px) 0;
  }
}

@keyframes plyr-progress {
  to {
    background-position: 25px 0;
    background-position: var(--plyr-progress-loading-size, 25px) 0;
  }
}

@-webkit-keyframes plyr-popup {
  0% {
    opacity: 0.5;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-o-keyframes plyr-popup {
  0% {
    opacity: 0.5;
    -o-transform: translateY(10px);
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes plyr-popup {
  0% {
    opacity: 0.5;
    -webkit-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes plyr-fade-in {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-o-keyframes plyr-fade-in {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes plyr-fade-in {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.plyr {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  direction: ltr;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-family: inherit;
  font-family: var(--plyr-font-family, inherit);
  font-variant-numeric: tabular-nums;
  font-weight: 400;
  font-weight: var(--plyr-font-weight-regular, 400);
  line-height: 1.7;
  line-height: var(--plyr-line-height, 1.7);
  max-width: 100%;
  min-width: 200px;
  position: relative;
  text-shadow: none;
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  -o-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
  z-index: 0;
}

.plyr audio,
.plyr iframe,
.plyr video {
  display: block;
  height: 100%;
  width: 100%;
}

.plyr button {
  font: inherit;
  line-height: inherit;
  width: auto;
}

.plyr:focus {
  outline: 0;
}

.plyr--full-ui {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.plyr--full-ui *,
.plyr--full-ui :after,
.plyr--full-ui :before {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}

.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

.plyr__badge {
  background: #4a5464;
  background: var(--plyr-badge-background, #4a5464);
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-border-radius: var(--plyr-badge-border-radius, 2px);
  border-radius: var(--plyr-badge-border-radius, 2px);
  color: #fff;
  color: var(--plyr-badge-text-color, #fff);
  font-size: 9px;
  font-size: var(--plyr-font-size-badge, 9px);
  line-height: 1;
  padding: 3px 4px;
}

.plyr--full-ui ::-webkit-media-text-track-container {
  display: none;
}

.plyr__captions {
  -webkit-animation: plyr-fade-in 0.3s ease;
  -o-animation: plyr-fade-in 0.3s ease;
  animation: plyr-fade-in 0.3s ease;
  bottom: 0;
  display: none;
  font-size: 13px;
  font-size: var(--plyr-font-size-small, 13px);
  left: 0;
  padding: 10px;
  padding: var(--plyr-control-spacing, 10px);
  position: absolute;
  text-align: center;
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
  transition: -webkit-transform 0.4s ease-in-out;
  -o-transition: -o-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out, -o-transform 0.4s ease-in-out;
  width: 100%;
}

.plyr__captions span:empty {
  display: none;
}

@media (min-width: 480px) {
  .plyr__captions {
    font-size: 15px;
    font-size: var(--plyr-font-size-base, 15px);
    padding: 20px;
    padding: -webkit-calc(var(--plyr-control-spacing, 10px) * 2);
    padding: calc(var(--plyr-control-spacing, 10px) * 2);
  }
}

@media (min-width: 768px) {
  .plyr__captions {
    font-size: 18px;
    font-size: var(--plyr-font-size-large, 18px);
  }
}

.plyr--captions-active .plyr__captions {
  display: block;
}

.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions {
  -webkit-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  -o-transform: translateY(-40px);
  transform: translateY(-40px);
  -webkit-transform: translateY(-webkit-calc(var(--plyr-control-spacing, 10px) * -4));
  -ms-transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4));
  -o-transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4));
  transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4));
}

.plyr__caption {
  background: rgba(0, 0, 0, 0.8);
  background: var(--plyr-captions-background, rgba(0, 0, 0, 0.8));
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  color: #fff;
  color: var(--plyr-captions-text-color, #fff);
  line-height: 185%;
  padding: 0.2em 0.5em;
  white-space: pre-wrap;
}

.plyr__caption div {
  display: inline;
}

.plyr__control {
  background: rgba(0, 0, 0, 0);
  border: 0;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-border-radius: var(--plyr-control-radius, 4px);
  border-radius: var(--plyr-control-radius, 4px);
  color: inherit;
  cursor: pointer;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  overflow: visible;
  padding: 7px;
  padding: -webkit-calc(var(--plyr-control-spacing, 10px) * 0.7);
  padding: calc(var(--plyr-control-spacing, 10px) * 0.7);
  position: relative;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.plyr__control svg {
  fill: currentColor;
  display: block;
  height: 18px;
  height: var(--plyr-control-icon-size, 18px);
  pointer-events: none;
  width: 18px;
  width: var(--plyr-control-icon-size, 18px);
}

.plyr__control:focus {
  outline: 0;
}

.plyr__control:focus-visible {
  outline: 2px dashed #00b2ff;
  outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  outline-offset: 2px;
}

a.plyr__control {
  text-decoration: none;
}

.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control.plyr__control--pressed .label--not-pressed,
.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed,
a.plyr__control:after,
a.plyr__control:before {
  display: none;
}

.plyr--full-ui ::-webkit-media-controls {
  display: none;
}

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

.plyr__controls .plyr__progress__container {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
}

.plyr__controls .plyr__controls__item {
  margin-left: 2.5px;
  margin-left: -webkit-calc(var(--plyr-control-spacing, 10px) / 4);
  margin-left: calc(var(--plyr-control-spacing, 10px) / 4);
}

.plyr__controls .plyr__controls__item:first-child {
  margin-left: 0;
  margin-right: auto;
}

.plyr__controls .plyr__controls__item.plyr__progress__container {
  padding-left: 2.5px;
  padding-left: -webkit-calc(var(--plyr-control-spacing, 10px) / 4);
  padding-left: calc(var(--plyr-control-spacing, 10px) / 4);
}

.plyr__controls .plyr__controls__item.plyr__time {
  padding: 0 5px;
  padding: 0 -webkit-calc(var(--plyr-control-spacing, 10px) / 2);
  padding: 0 calc(var(--plyr-control-spacing, 10px) / 2);
}

.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,
.plyr__controls .plyr__controls__item.plyr__time + .plyr__time,
.plyr__controls .plyr__controls__item.plyr__time:first-child {
  padding-left: 0;
}

.plyr [data-plyr=airplay],
.plyr [data-plyr=captions],
.plyr [data-plyr=fullscreen],
.plyr [data-plyr=pip],
.plyr__controls:empty {
  display: none;
}

.plyr--airplay-supported [data-plyr=airplay],
.plyr--captions-enabled [data-plyr=captions],
.plyr--fullscreen-enabled [data-plyr=fullscreen],
.plyr--pip-supported [data-plyr=pip] {
  display: inline-block;
}

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

.plyr__menu .plyr__control svg {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: -o-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease;
}

.plyr__menu .plyr__control[aria-expanded=true] svg {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
  display: none;
}

.plyr__menu__container {
  -webkit-animation: plyr-popup 0.2s ease;
  -o-animation: plyr-popup 0.2s ease;
  animation: plyr-popup 0.2s ease;
  background: rgba(255, 255, 255, 0.9019607843);
  background: var(--plyr-menu-background, rgba(255, 255, 255, 0.9019607843));
  -webkit-border-radius: 8px;
  border-radius: 8px;
  -webkit-border-radius: var(--plyr-menu-radius, 8px);
  border-radius: var(--plyr-menu-radius, 8px);
  bottom: 100%;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1490196078);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, 0.1490196078));
  box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, 0.1490196078));
  color: #4a5464;
  color: var(--plyr-menu-color, #4a5464);
  font-size: 15px;
  font-size: var(--plyr-font-size-base, 15px);
  margin-bottom: 10px;
  position: absolute;
  right: -3px;
  text-align: left;
  white-space: nowrap;
  z-index: 3;
}

.plyr__menu__container > div {
  overflow: hidden;
  -webkit-transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.plyr__menu__container:after {
  border: 4px solid rgba(0, 0, 0, 0);
  border-top-color: rgba(255, 255, 255, 0.9019607843);
  border: var(--plyr-menu-arrow-size, 4px) solid rgba(0, 0, 0, 0);
  border-top-color: var(--plyr-menu-background, rgba(255, 255, 255, 0.9019607843));
  content: "";
  height: 0;
  position: absolute;
  right: 14px;
  right: -webkit-calc(var(--plyr-control-icon-size, 18px) / 2 + var(--plyr-control-spacing, 10px) * 0.7 - var(--plyr-menu-arrow-size, 4px) / 2);
  right: calc(var(--plyr-control-icon-size, 18px) / 2 + var(--plyr-control-spacing, 10px) * 0.7 - var(--plyr-menu-arrow-size, 4px) / 2);
  top: 100%;
  width: 0;
}

.plyr__menu__container [role=menu] {
  padding: 7px;
  padding: -webkit-calc(var(--plyr-control-spacing, 10px) * 0.7);
  padding: calc(var(--plyr-control-spacing, 10px) * 0.7);
}

.plyr__menu__container [role=menuitem],
.plyr__menu__container [role=menuitemradio] {
  margin-top: 2px;
}

.plyr__menu__container [role=menuitem]:first-child,
.plyr__menu__container [role=menuitemradio]:first-child {
  margin-top: 0;
}

.plyr__menu__container .plyr__control {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #4a5464;
  color: var(--plyr-menu-color, #4a5464);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 13px;
  font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
  padding: 4.66667px 10.5px;
  padding: -webkit-calc(var(--plyr-control-spacing, 10px) * 0.7 / 1.5) -webkit-calc(var(--plyr-control-spacing, 10px) * 0.7 * 1.5);
  padding: calc(var(--plyr-control-spacing, 10px) * 0.7 / 1.5) calc(var(--plyr-control-spacing, 10px) * 0.7 * 1.5);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}

.plyr__menu__container .plyr__control > span {
  -webkit-box-align: inherit;
  -webkit-align-items: inherit;
  -ms-flex-align: inherit;
  align-items: inherit;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.plyr__menu__container .plyr__control:after {
  border: 4px solid rgba(0, 0, 0, 0);
  border: var(--plyr-menu-item-arrow-size, 4px) solid rgba(0, 0, 0, 0);
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.plyr__menu__container .plyr__control--forward {
  padding-right: 28px;
  padding-right: -webkit-calc(var(--plyr-control-spacing, 10px) * 0.7 * 4);
  padding-right: calc(var(--plyr-control-spacing, 10px) * 0.7 * 4);
}

.plyr__menu__container .plyr__control--forward:after {
  border-left-color: #728197;
  border-left-color: var(--plyr-menu-arrow-color, #728197);
  right: 6.5px;
  right: -webkit-calc(var(--plyr-control-spacing, 10px) * 0.7 * 1.5 - var(--plyr-menu-item-arrow-size, 4px));
  right: calc(var(--plyr-control-spacing, 10px) * 0.7 * 1.5 - var(--plyr-menu-item-arrow-size, 4px));
}

.plyr__menu__container .plyr__control--forward:focus-visible:after,
.plyr__menu__container .plyr__control--forward:hover:after {
  border-left-color: initial;
}

.plyr__menu__container .plyr__control--back {
  font-weight: 400;
  font-weight: var(--plyr-font-weight-regular, 400);
  margin: 7px;
  margin: -webkit-calc(var(--plyr-control-spacing, 10px) * 0.7);
  margin: calc(var(--plyr-control-spacing, 10px) * 0.7);
  margin-bottom: 3.5px;
  margin-bottom: -webkit-calc(var(--plyr-control-spacing, 10px) * 0.7 / 2);
  margin-bottom: calc(var(--plyr-control-spacing, 10px) * 0.7 / 2);
  padding-left: 28px;
  padding-left: -webkit-calc(var(--plyr-control-spacing, 10px) * 0.7 * 4);
  padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7 * 4);
  position: relative;
  width: -webkit-calc(100% - 14px);
  width: calc(100% - 14px);
  width: -webkit-calc(100% - var(--plyr-control-spacing, 10px) * 0.7 * 2);
  width: calc(100% - var(--plyr-control-spacing, 10px) * 0.7 * 2);
}

.plyr__menu__container .plyr__control--back:after {
  border-right-color: #728197;
  border-right-color: var(--plyr-menu-arrow-color, #728197);
  left: 6.5px;
  left: -webkit-calc(var(--plyr-control-spacing, 10px) * 0.7 * 1.5 - var(--plyr-menu-item-arrow-size, 4px));
  left: calc(var(--plyr-control-spacing, 10px) * 0.7 * 1.5 - var(--plyr-menu-item-arrow-size, 4px));
}

.plyr__menu__container .plyr__control--back:before {
  background: #dcdfe5;
  background: var(--plyr-menu-back-border-color, #dcdfe5);
  -webkit-box-shadow: 0 1px 0 #fff;
  box-shadow: 0 1px 0 #fff;
  -webkit-box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
  box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
  content: "";
  height: 1px;
  left: 0;
  margin-top: 3.5px;
  margin-top: -webkit-calc(var(--plyr-control-spacing, 10px) * 0.7 / 2);
  margin-top: calc(var(--plyr-control-spacing, 10px) * 0.7 / 2);
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 100%;
}

.plyr__menu__container .plyr__control--back:focus-visible:after,
.plyr__menu__container .plyr__control--back:hover:after {
  border-right-color: initial;
}

.plyr__menu__container .plyr__control[role=menuitemradio] {
  padding-left: 7px;
  padding-left: -webkit-calc(var(--plyr-control-spacing, 10px) * 0.7);
  padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7);
}

.plyr__menu__container .plyr__control[role=menuitemradio]:after,
.plyr__menu__container .plyr__control[role=menuitemradio]:before {
  -webkit-border-radius: 100%;
  border-radius: 100%;
}

.plyr__menu__container .plyr__control[role=menuitemradio]:before {
  background: rgba(0, 0, 0, 0.1019607843);
  content: "";
  display: block;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 16px;
  margin-right: 10px;
  margin-right: var(--plyr-control-spacing, 10px);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 16px;
}

.plyr__menu__container .plyr__control[role=menuitemradio]:after {
  background: #fff;
  border: 0;
  height: 6px;
  left: 12px;
  opacity: 0;
  top: 50%;
  -webkit-transform: translateY(-50%) scale(0);
  -ms-transform: translateY(-50%) scale(0);
  -o-transform: translateY(-50%) scale(0);
  transform: translateY(-50%) scale(0);
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  -o-transition: opacity 0.3s ease, -o-transform 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease;
  width: 6px;
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before {
  background: #00b2ff;
  background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after {
  opacity: 1;
  -webkit-transform: translateY(-50%) scale(1);
  -ms-transform: translateY(-50%) scale(1);
  -o-transform: translateY(-50%) scale(1);
  transform: translateY(-50%) scale(1);
}

.plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible:before,
.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before {
  background: rgba(35, 40, 47, 0.1019607843);
}

.plyr__menu__container .plyr__menu__value {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  margin-right: -5px;
  margin-right: -webkit-calc(var(--plyr-control-spacing, 10px) * 0.7 * -1 + 2px);
  margin-right: calc(var(--plyr-control-spacing, 10px) * 0.7 * -1 + 2px);
  overflow: hidden;
  padding-left: 24.5px;
  padding-left: -webkit-calc(var(--plyr-control-spacing, 10px) * 0.7 * 3.5);
  padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7 * 3.5);
  pointer-events: none;
}

.plyr--full-ui input[type=range] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: rgba(0, 0, 0, 0);
  border: 0;
  -webkit-border-radius: 26px;
  border-radius: 26px;
  -webkit-border-radius: -webkit-calc(var(--plyr-range-thumb-height, 13px) * 2);
  border-radius: calc(var(--plyr-range-thumb-height, 13px) * 2);
  color: #00b2ff;
  color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  display: block;
  height: 19px;
  height: -webkit-calc(var(--plyr-range-thumb-active-shadow-width, 3px) * 2 + var(--plyr-range-thumb-height, 13px));
  height: calc(var(--plyr-range-thumb-active-shadow-width, 3px) * 2 + var(--plyr-range-thumb-height, 13px));
  margin: 0;
  min-width: 0;
  padding: 0;
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  -o-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
  width: 100%;
}

.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
  background: rgba(0, 0, 0, 0);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, currentColor), color-stop(0, rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, currentColor 0, rgba(0, 0, 0, 0) 0);
  background-image: linear-gradient(90deg, currentColor 0, rgba(0, 0, 0, 0) 0);
  background-image: -webkit-gradient(linear, left top, right top, from(currentColor), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, currentColor var(--value, 0), rgba(0, 0, 0, 0) var(--value, 0));
  background-image: linear-gradient(to right, currentColor var(--value, 0), rgba(0, 0, 0, 0) var(--value, 0));
  border: 0;
  -webkit-border-radius: 2.5px;
  border-radius: 2.5px;
  -webkit-border-radius: -webkit-calc(var(--plyr-range-track-height, 5px) / 2);
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -webkit-transition: box-shadow 0.3s ease;
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
  -webkit-user-select: none;
  user-select: none;
}

.plyr--full-ui input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background: #fff;
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  -webkit-box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2);
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2);
  -webkit-box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2));
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2));
  height: 13px;
  height: var(--plyr-range-thumb-height, 13px);
  margin-top: -4px;
  margin-top: -webkit-calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px)) / 2 * -1);
  margin-top: calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px)) / 2 * -1);
  position: relative;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height, 13px);
}

.plyr--full-ui input[type=range]::-moz-range-track {
  background: rgba(0, 0, 0, 0);
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -moz-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  -moz-user-select: none;
  user-select: none;
}

.plyr--full-ui input[type=range]::-moz-range-thumb {
  background: #fff;
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2));
  height: 13px;
  height: var(--plyr-range-thumb-height, 13px);
  position: relative;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height, 13px);
}

.plyr--full-ui input[type=range]::-moz-range-progress {
  background: currentColor;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
}

.plyr--full-ui input[type=range]::-ms-track {
  color: rgba(0, 0, 0, 0);
}

.plyr--full-ui input[type=range]::-ms-fill-upper,
.plyr--full-ui input[type=range]::-ms-track {
  background: rgba(0, 0, 0, 0);
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -ms-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  -ms-user-select: none;
  user-select: none;
}

.plyr--full-ui input[type=range]::-ms-fill-lower {
  background: rgba(0, 0, 0, 0);
  background: currentColor;
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -ms-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  -ms-user-select: none;
  user-select: none;
}

.plyr--full-ui input[type=range]::-ms-thumb {
  background: #fff;
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2));
  height: 13px;
  height: var(--plyr-range-thumb-height, 13px);
  margin-top: 0;
  position: relative;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height, 13px);
}

.plyr--full-ui input[type=range]::-ms-tooltip {
  display: none;
}

.plyr--full-ui input[type=range]::-moz-focus-outer {
  border: 0;
}

.plyr--full-ui input[type=range]:focus {
  outline: 0;
}

.plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track {
  outline: 2px dashed #00b2ff;
  outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  outline-offset: 2px;
}

.plyr--full-ui input[type=range]:focus-visible::-moz-range-track {
  outline: 2px dashed #00b2ff;
  outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  outline-offset: 2px;
}

.plyr--full-ui input[type=range]:focus-visible::-ms-track {
  outline: 2px dashed #00b2ff;
  outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  outline-offset: 2px;
}

.plyr__poster {
  background-color: #000;
  background-color: var(--plyr-video-background, var(--plyr-video-background, #000));
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  width: 100%;
  z-index: 1;
}

.plyr--stopped.plyr__poster-enabled .plyr__poster {
  opacity: 1;
}

.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster {
  display: none;
}

.plyr__time {
  font-size: 13px;
  font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
}

.plyr__time + .plyr__time:before {
  content: "⁄";
  margin-right: 10px;
  margin-right: var(--plyr-control-spacing, 10px);
}

@media (max-width: 767px) {
  .plyr__time + .plyr__time {
    display: none;
  }
}

.plyr__tooltip {
  background: #fff;
  background: var(--plyr-tooltip-background, #fff);
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-border-radius: var(--plyr-tooltip-radius, 5px);
  border-radius: var(--plyr-tooltip-radius, 5px);
  bottom: 100%;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1490196078);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.1490196078));
  box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.1490196078));
  color: #4a5464;
  color: var(--plyr-tooltip-color, #4a5464);
  font-size: 13px;
  font-size: var(--plyr-font-size-small, 13px);
  font-weight: 400;
  font-weight: var(--plyr-font-weight-regular, 400);
  left: 50%;
  line-height: 1.3;
  margin-bottom: 10px;
  margin-bottom: -webkit-calc(var(--plyr-control-spacing, 10px) / 2 * 2);
  margin-bottom: calc(var(--plyr-control-spacing, 10px) / 2 * 2);
  opacity: 0;
  padding: 5px 7.5px;
  padding: -webkit-calc(var(--plyr-control-spacing, 10px) / 2) -webkit-calc(var(--plyr-control-spacing, 10px) / 2 * 1.5);
  padding: calc(var(--plyr-control-spacing, 10px) / 2) calc(var(--plyr-control-spacing, 10px) / 2 * 1.5);
  pointer-events: none;
  position: absolute;
  -webkit-transform: translate(-50%, 10px) scale(0.8);
  -ms-transform: translate(-50%, 10px) scale(0.8);
  -o-transform: translate(-50%, 10px) scale(0.8);
  transform: translate(-50%, 10px) scale(0.8);
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition: opacity 0.2s ease 0.1s, -webkit-transform 0.2s ease 0.1s;
  transition: opacity 0.2s ease 0.1s, -webkit-transform 0.2s ease 0.1s;
  -o-transition: opacity 0.2s ease 0.1s, -o-transform 0.2s ease 0.1s;
  transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s;
  transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s, -webkit-transform 0.2s ease 0.1s, -o-transform 0.2s ease 0.1s;
  white-space: nowrap;
  z-index: 2;
}

.plyr__tooltip:before {
  border-left: 4px solid rgba(0, 0, 0, 0);
  border-left: var(--plyr-tooltip-arrow-size, 4px) solid rgba(0, 0, 0, 0);
  border-right: 4px solid rgba(0, 0, 0, 0);
  border-right: var(--plyr-tooltip-arrow-size, 4px) solid rgba(0, 0, 0, 0);
  border-top: 4px solid #fff;
  border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff);
  bottom: -4px;
  bottom: -webkit-calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
  bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
  z-index: 2;
}

.plyr .plyr__control:focus-visible .plyr__tooltip,
.plyr .plyr__control:hover .plyr__tooltip,
.plyr__tooltip--visible {
  opacity: 1;
  -webkit-transform: translate(-50%) scale(1);
  -ms-transform: translate(-50%) scale(1);
  -o-transform: translate(-50%) scale(1);
  transform: translate(-50%) scale(1);
}

.plyr .plyr__control:hover .plyr__tooltip {
  z-index: 3;
}

.plyr__controls > .plyr__control:first-child .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip {
  left: 0;
  -webkit-transform: translateY(10px) scale(0.8);
  -ms-transform: translateY(10px) scale(0.8);
  -o-transform: translateY(10px) scale(0.8);
  transform: translateY(10px) scale(0.8);
  -webkit-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
  transform-origin: 0 100%;
}

.plyr__controls > .plyr__control:first-child .plyr__tooltip:before,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip:before {
  left: 16px;
  left: -webkit-calc(var(--plyr-control-icon-size, 18px) / 2 + var(--plyr-control-spacing, 10px) * 0.7);
  left: calc(var(--plyr-control-icon-size, 18px) / 2 + var(--plyr-control-spacing, 10px) * 0.7);
}

.plyr__controls > .plyr__control:last-child .plyr__tooltip {
  left: auto;
  right: 0;
  -webkit-transform: translateY(10px) scale(0.8);
  -ms-transform: translateY(10px) scale(0.8);
  -o-transform: translateY(10px) scale(0.8);
  transform: translateY(10px) scale(0.8);
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

.plyr__controls > .plyr__control:last-child .plyr__tooltip:before {
  left: auto;
  right: 16px;
  right: -webkit-calc(var(--plyr-control-icon-size, 18px) / 2 + var(--plyr-control-spacing, 10px) * 0.7);
  right: calc(var(--plyr-control-icon-size, 18px) / 2 + var(--plyr-control-spacing, 10px) * 0.7);
  -webkit-transform: translateX(50%);
  -ms-transform: translateX(50%);
  -o-transform: translateX(50%);
  transform: translateX(50%);
}

.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible,
.plyr__controls > .plyr__control:first-child + .plyr__control:focus-visible .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip,
.plyr__controls > .plyr__control:first-child:focus-visible .plyr__tooltip,
.plyr__controls > .plyr__control:first-child:hover .plyr__tooltip,
.plyr__controls > .plyr__control:last-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:last-child:focus-visible .plyr__tooltip,
.plyr__controls > .plyr__control:last-child:hover .plyr__tooltip {
  -webkit-transform: translate(0) scale(1);
  -ms-transform: translate(0) scale(1);
  -o-transform: translate(0) scale(1);
  transform: translate(0) scale(1);
}

.plyr__progress {
  left: 6.5px;
  left: -webkit-calc(var(--plyr-range-thumb-height, 13px) * 0.5);
  left: calc(var(--plyr-range-thumb-height, 13px) * 0.5);
  margin-right: 13px;
  margin-right: var(--plyr-range-thumb-height, 13px);
  position: relative;
}

.plyr__progress input[type=range],
.plyr__progress__buffer {
  margin-left: -6.5px;
  margin-left: -webkit-calc(var(--plyr-range-thumb-height, 13px) * -0.5);
  margin-left: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
  margin-right: -6.5px;
  margin-right: -webkit-calc(var(--plyr-range-thumb-height, 13px) * -0.5);
  margin-right: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
  width: -webkit-calc(100% + 13px);
  width: calc(100% + 13px);
  width: -webkit-calc(100% + var(--plyr-range-thumb-height, 13px));
  width: calc(100% + var(--plyr-range-thumb-height, 13px));
}

.plyr__progress input[type=range] {
  position: relative;
  z-index: 2;
}

.plyr__progress .plyr__tooltip {
  left: 0;
  max-width: 120px;
  overflow-wrap: break-word;
}

.plyr__progress__buffer {
  -webkit-appearance: none;
  background: rgba(0, 0, 0, 0);
  border: 0;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  left: 0;
  margin-top: -2.5px;
  margin-top: -webkit-calc(var(--plyr-range-track-height, 5px) / 2 * -1);
  margin-top: calc(var(--plyr-range-track-height, 5px) / 2 * -1);
  padding: 0;
  position: absolute;
  top: 50%;
}

.plyr__progress__buffer::-webkit-progress-bar {
  background: rgba(0, 0, 0, 0);
}

.plyr__progress__buffer::-webkit-progress-value {
  background: currentColor;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  min-width: 5px;
  min-width: var(--plyr-range-track-height, 5px);
  -webkit-transition: width 0.2s ease;
  transition: width 0.2s ease;
}

.plyr__progress__buffer::-moz-progress-bar {
  background: currentColor;
  border-radius: 100px;
  min-width: 5px;
  min-width: var(--plyr-range-track-height, 5px);
  -moz-transition: width 0.2s ease;
  transition: width 0.2s ease;
}

.plyr__progress__buffer::-ms-fill {
  border-radius: 100px;
  -ms-transition: width 0.2s ease;
  transition: width 0.2s ease;
}

.plyr--loading .plyr__progress__buffer {
  -webkit-animation: plyr-progress 1s linear infinite;
  -o-animation: plyr-progress 1s linear infinite;
  animation: plyr-progress 1s linear infinite;
  background-image: -webkit-linear-gradient(135deg, rgba(35, 40, 47, 0.6) 25%, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 50%, rgba(35, 40, 47, 0.6) 0, rgba(35, 40, 47, 0.6) 75%, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(135deg, rgba(35, 40, 47, 0.6) 25%, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 50%, rgba(35, 40, 47, 0.6) 0, rgba(35, 40, 47, 0.6) 75%, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0));
  background-image: linear-gradient(-45deg, rgba(35, 40, 47, 0.6) 25%, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 50%, rgba(35, 40, 47, 0.6) 0, rgba(35, 40, 47, 0.6) 75%, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0));
  background-image: -webkit-linear-gradient(135deg, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(135deg, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
  background-image: linear-gradient(-45deg, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
  background-repeat: repeat-x;
  -webkit-background-size: 25px 25px;
  background-size: 25px 25px;
  -webkit-background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px);
  background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px);
  color: rgba(0, 0, 0, 0);
}

.plyr--video.plyr--loading .plyr__progress__buffer {
  background-color: rgba(255, 255, 255, 0.2509803922);
  background-color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.2509803922));
}

.plyr--audio.plyr--loading .plyr__progress__buffer {
  background-color: rgba(193, 200, 209, 0.6);
  background-color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6));
}

.plyr__progress__marker {
  background-color: #fff;
  background-color: var(--plyr-progress-marker-background, #fff);
  -webkit-border-radius: 1px;
  border-radius: 1px;
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 3px;
  width: var(--plyr-progress-marker-width, 3px);
  z-index: 3;
}

.plyr__volume {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.plyr__volume input[type=range] {
  margin-left: 5px;
  margin-left: -webkit-calc(var(--plyr-control-spacing, 10px) / 2);
  margin-left: calc(var(--plyr-control-spacing, 10px) / 2);
  margin-right: 5px;
  margin-right: -webkit-calc(var(--plyr-control-spacing, 10px) / 2);
  margin-right: calc(var(--plyr-control-spacing, 10px) / 2);
  max-width: 90px;
  min-width: 60px;
  position: relative;
  z-index: 2;
}

.plyr--audio {
  display: block;
}

.plyr--audio .plyr__controls {
  background: #fff;
  background: var(--plyr-audio-controls-background, #fff);
  -webkit-border-radius: inherit;
  border-radius: inherit;
  color: #4a5464;
  color: var(--plyr-audio-control-color, #4a5464);
  padding: 10px;
  padding: var(--plyr-control-spacing, 10px);
}

.plyr--audio .plyr__control:focus-visible,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded=true] {
  background: #00b2ff;
  background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  color: #fff;
  color: var(--plyr-audio-control-color-hover, #fff);
}

.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
  background-color: rgba(193, 200, 209, 0.6);
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)));
}

.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
  background-color: rgba(193, 200, 209, 0.6);
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)));
}

.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
  background-color: rgba(193, 200, 209, 0.6);
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)));
}

.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
  -webkit-box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1019607843);
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1019607843);
  -webkit-box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1019607843));
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1019607843));
}

.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1019607843);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1019607843));
}

.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1019607843);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1019607843));
}

.plyr--audio .plyr__progress__buffer {
  color: rgba(193, 200, 209, 0.6);
  color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6));
}

.plyr--video {
  overflow: hidden;
}

.plyr--video.plyr--menu-open {
  overflow: visible;
}

.plyr__video-wrapper {
  background: #000;
  background: var(--plyr-video-background, var(--plyr-video-background, #000));
  -webkit-border-radius: inherit;
  border-radius: inherit;
  height: 100%;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
  aspect-ratio: 16/9;
}

@supports not (aspect-ratio: 16/9) {
  .plyr__video-embed,
  .plyr__video-wrapper--fixed-ratio {
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
  }
}

.plyr__video-embed iframe,
.plyr__video-wrapper--fixed-ratio video {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
  padding-bottom: 240%;
  position: relative;
  -webkit-transform: translateY(-38.28125%);
  -ms-transform: translateY(-38.28125%);
  -o-transform: translateY(-38.28125%);
  transform: translateY(-38.28125%);
}

.plyr--video .plyr__controls {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.7490196078)));
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7490196078));
  background: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7490196078));
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7490196078));
  background: var(--plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7490196078)));
  -webkit-border-bottom-left-radius: inherit;
  border-bottom-left-radius: inherit;
  -webkit-border-bottom-right-radius: inherit;
  border-bottom-right-radius: inherit;
  bottom: 0;
  color: #fff;
  color: var(--plyr-video-control-color, #fff);
  left: 0;
  padding: 5px;
  padding: -webkit-calc(var(--plyr-control-spacing, 10px) / 2);
  padding: calc(var(--plyr-control-spacing, 10px) / 2);
  padding-top: 20px;
  padding-top: -webkit-calc(var(--plyr-control-spacing, 10px) * 2);
  padding-top: calc(var(--plyr-control-spacing, 10px) * 2);
  position: absolute;
  right: 0;
  -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out, -o-transform 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out, -o-transform 0.4s ease-in-out;
  z-index: 3;
}

@media (min-width: 480px) {
  .plyr--video .plyr__controls {
    padding: 10px;
    padding: var(--plyr-control-spacing, 10px);
    padding-top: 35px;
    padding-top: -webkit-calc(var(--plyr-control-spacing, 10px) * 3.5);
    padding-top: calc(var(--plyr-control-spacing, 10px) * 3.5);
  }
}

.plyr--video.plyr--hide-controls .plyr__controls {
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}

.plyr--video .plyr__control:focus-visible,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true] {
  background: #00b2ff;
  background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  color: #fff;
  color: var(--plyr-video-control-color-hover, #fff);
}

.plyr__control--overlaid {
  background: #00b2ff;
  background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  border: 0;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  color: #fff;
  color: var(--plyr-video-control-color, #fff);
  display: none;
  left: 50%;
  opacity: 0.9;
  padding: 15px;
  padding: -webkit-calc(var(--plyr-control-spacing, 10px) * 1.5);
  padding: calc(var(--plyr-control-spacing, 10px) * 1.5);
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  z-index: 2;
}

.plyr__control--overlaid svg {
  left: 2px;
  position: relative;
}

.plyr__control--overlaid:focus,
.plyr__control--overlaid:hover {
  opacity: 1;
}

.plyr--playing .plyr__control--overlaid {
  opacity: 0;
  visibility: hidden;
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {
  display: block;
}

.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
  background-color: rgba(255, 255, 255, 0.2509803922);
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.2509803922)));
}

.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
  background-color: rgba(255, 255, 255, 0.2509803922);
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.2509803922)));
}

.plyr--full-ui.plyr--video input[type=range]::-ms-track {
  background-color: rgba(255, 255, 255, 0.2509803922);
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.2509803922)));
}

.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
  -webkit-box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5019607843);
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5019607843);
  -webkit-box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5019607843));
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5019607843));
}

.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5019607843);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5019607843));
}

.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5019607843);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5019607843));
}

.plyr--video .plyr__progress__buffer {
  color: rgba(255, 255, 255, 0.2509803922);
  color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.2509803922));
}

.plyr:-webkit-full-screen {
  background: #000;
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}

.plyr:-moz-full-screen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}

.plyr:-ms-fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}

.plyr:fullscreen {
  background: #000;
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}

.plyr:-webkit-full-screen video {
  height: 100%;
}

.plyr:-moz-full-screen video {
  height: 100%;
}

.plyr:-ms-fullscreen video {
  height: 100%;
}

.plyr:fullscreen video {
  height: 100%;
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr:-webkit-full-screen.plyr--hide-controls {
  cursor: none;
}

.plyr:-moz-full-screen.plyr--hide-controls {
  cursor: none;
}

.plyr:-ms-fullscreen.plyr--hide-controls {
  cursor: none;
}

.plyr:fullscreen.plyr--hide-controls {
  cursor: none;
}

@media (min-width: 1024px) {
  .plyr:-webkit-full-screen .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
  .plyr:-moz-full-screen .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
  .plyr:-ms-fullscreen .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
  .plyr:fullscreen .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
}

.plyr--fullscreen-fallback {
  background: #000;
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important;
  bottom: 0;
  height: 100%;
  left: 0;
  margin: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 10000000;
}

.plyr--fullscreen-fallback video {
  height: 100%;
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr--fullscreen-fallback.plyr--hide-controls {
  cursor: none;
}

@media (min-width: 1024px) {
  .plyr--fullscreen-fallback .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
}

.plyr__ads {
  -webkit-border-radius: inherit;
  border-radius: inherit;
  bottom: 0;
  cursor: pointer;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}

.plyr__ads > div,
.plyr__ads > div iframe {
  height: 100%;
  position: absolute;
  width: 100%;
}

.plyr__ads:after {
  background: #23282f;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  bottom: 10px;
  bottom: var(--plyr-control-spacing, 10px);
  color: #fff;
  content: attr(data-badge-text);
  font-size: 11px;
  padding: 2px 6px;
  pointer-events: none;
  position: absolute;
  right: 10px;
  right: var(--plyr-control-spacing, 10px);
  z-index: 3;
}

.plyr__ads:empty:after {
  display: none;
}

.plyr__cues {
  background: currentColor;
  display: block;
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  left: 0;
  opacity: 0.8;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 3px;
  z-index: 3;
}

.plyr__preview-thumb {
  background-color: #fff;
  background-color: var(--plyr-tooltip-background, #fff);
  -webkit-border-radius: 8px;
  border-radius: 8px;
  -webkit-border-radius: var(--plyr-menu-radius, 8px);
  border-radius: var(--plyr-menu-radius, 8px);
  bottom: 100%;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1490196078);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.1490196078));
  box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.1490196078));
  margin-bottom: 10px;
  margin-bottom: -webkit-calc(var(--plyr-control-spacing, 10px) / 2 * 2);
  margin-bottom: calc(var(--plyr-control-spacing, 10px) / 2 * 2);
  opacity: 0;
  padding: 3px;
  pointer-events: none;
  position: absolute;
  -webkit-transform: translateY(10px) scale(0.8);
  -ms-transform: translateY(10px) scale(0.8);
  -o-transform: translateY(10px) scale(0.8);
  transform: translateY(10px) scale(0.8);
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition: opacity 0.2s ease 0.1s, -webkit-transform 0.2s ease 0.1s;
  transition: opacity 0.2s ease 0.1s, -webkit-transform 0.2s ease 0.1s;
  -o-transition: opacity 0.2s ease 0.1s, -o-transform 0.2s ease 0.1s;
  transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s;
  transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s, -webkit-transform 0.2s ease 0.1s, -o-transform 0.2s ease 0.1s;
  z-index: 2;
}

.plyr__preview-thumb--is-shown {
  opacity: 1;
  -webkit-transform: translate(0) scale(1);
  -ms-transform: translate(0) scale(1);
  -o-transform: translate(0) scale(1);
  transform: translate(0) scale(1);
}

.plyr__preview-thumb:before {
  border-left: 4px solid rgba(0, 0, 0, 0);
  border-left: var(--plyr-tooltip-arrow-size, 4px) solid rgba(0, 0, 0, 0);
  border-right: 4px solid rgba(0, 0, 0, 0);
  border-right: var(--plyr-tooltip-arrow-size, 4px) solid rgba(0, 0, 0, 0);
  border-top: 4px solid #fff;
  border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff);
  bottom: -4px;
  bottom: -webkit-calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
  bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
  content: "";
  height: 0;
  left: -webkit-calc(50% + var(--preview-arrow-offset));
  left: calc(50% + var(--preview-arrow-offset));
  position: absolute;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
  z-index: 2;
}

.plyr__preview-thumb__image-container {
  background: #c1c8d1;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  -webkit-border-radius: -webkit-calc(var(--plyr-menu-radius, 8px) - 1px);
  border-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.plyr__preview-thumb__image-container img,
.plyr__preview-thumb__image-container:after {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.plyr__preview-thumb__image-container:after {
  -webkit-border-radius: inherit;
  border-radius: inherit;
  -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1490196078);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1490196078);
  content: "";
  pointer-events: none;
}

.plyr__preview-thumb__image-container img {
  max-height: none;
  max-width: none;
}

.plyr__preview-thumb__time-container {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.7490196078)));
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7490196078));
  background: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7490196078));
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7490196078));
  background: var(--plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7490196078)));
  -webkit-border-bottom-left-radius: 7px;
  border-bottom-left-radius: 7px;
  -webkit-border-bottom-left-radius: -webkit-calc(var(--plyr-menu-radius, 8px) - 1px);
  border-bottom-left-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
  -webkit-border-bottom-right-radius: 7px;
  border-bottom-right-radius: 7px;
  -webkit-border-bottom-right-radius: -webkit-calc(var(--plyr-menu-radius, 8px) - 1px);
  border-bottom-right-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
  bottom: 0;
  left: 0;
  line-height: 1.1;
  padding: 20px 6px 6px;
  position: absolute;
  right: 0;
  z-index: 3;
}

.plyr__preview-thumb__time-container span {
  color: #fff;
  font-size: 13px;
  font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
}

.plyr__preview-scrubbing {
  bottom: 0;
  -webkit-filter: blur(1px);
  filter: blur(1px);
  height: 100%;
  left: 0;
  margin: auto;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  width: 100%;
  z-index: 1;
}

.plyr__preview-scrubbing--is-shown {
  opacity: 1;
}

.plyr__preview-scrubbing img {
  height: 100%;
  left: 0;
  max-height: none;
  max-width: none;
  -o-object-fit: contain;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%;
}

.plyr--no-transition {
  -webkit-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

.plyr__sr-only {
  clip: rect(1px, 1px, 1px, 1px);
  border: 0 !important;
  height: 1px !important;
  overflow: hidden;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

.plyr [hidden] {
  display: none !important;
}

.star-rating {
  width: 0;
  position: relative;
  display: inline-block;
  background-image: url("star_0.svg");
  background-position: 0 0;
  background-repeat: repeat-x;
  cursor: pointer;
}

.star-rating .star-value {
  position: absolute;
  height: 100%;
  width: 100%;
  background: url("./star_1.svg");
  background-repeat: repeat-x;
}

.star-rating.disabled {
  cursor: default;
}

.star-rating.is-busy {
  cursor: wait;
}

.star-rating .star-value.rtl {
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
  -webkit-filter: FlipH;
  filter: FlipH;
  -ms-filter: "FlipH";
  right: 0;
  left: auto;
}

/* Slider */

.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.col-ms-1,
.col-ms-2,
.col-ms-3,
.col-ms-4,
.col-ms-5,
.col-ms-6,
.col-ms-7,
.col-ms-8,
.col-ms-9,
.col-ms-10,
.col-ms-11,
.col-ms-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 480px) and (max-width: 767px) {
  .col-ms-1,
  .col-ms-2,
  .col-ms-3,
  .col-ms-4,
  .col-ms-5,
  .col-ms-6,
  .col-ms-7,
  .col-ms-8,
  .col-ms-9,
  .col-ms-10,
  .col-ms-11 {
    float: left;
  }

  .col-ms-1 {
    width: 8.33333%;
  }

  .col-ms-2 {
    width: 16.66667%;
  }

  .col-ms-3 {
    width: 25%;
  }

  .col-ms-4 {
    width: 33.33333%;
  }

  .col-ms-5 {
    width: 41.66667%;
  }

  .col-ms-6 {
    width: 50%;
  }

  .col-ms-7 {
    width: 58.33333%;
  }

  .col-ms-8 {
    width: 66.66667%;
  }

  .col-ms-9 {
    width: 75%;
  }

  .col-ms-10 {
    width: 83.33333%;
  }

  .col-ms-11 {
    width: 91.66667%;
  }

  .col-ms-12 {
    width: 100%;
  }

  .col-ms-push-1 {
    left: 8.33333%;
  }

  .col-ms-push-2 {
    left: 16.66667%;
  }

  .col-ms-push-3 {
    left: 25%;
  }

  .col-ms-push-4 {
    left: 33.33333%;
  }

  .col-ms-push-5 {
    left: 41.66667%;
  }

  .col-ms-push-6 {
    left: 50%;
  }

  .col-ms-push-7 {
    left: 58.33333%;
  }

  .col-ms-push-8 {
    left: 66.66667%;
  }

  .col-ms-push-9 {
    left: 75%;
  }

  .col-ms-push-10 {
    left: 83.33333%;
  }

  .col-ms-push-11 {
    left: 91.66667%;
  }

  .col-ms-pull-1 {
    right: 8.33333%;
  }

  .col-ms-pull-2 {
    right: 16.66667%;
  }

  .col-ms-pull-3 {
    right: 25%;
  }

  .col-ms-pull-4 {
    right: 33.33333%;
  }

  .col-ms-pull-5 {
    right: 41.66667%;
  }

  .col-ms-pull-6 {
    right: 50%;
  }

  .col-ms-pull-7 {
    right: 58.33333%;
  }

  .col-ms-pull-8 {
    right: 66.66667%;
  }

  .col-ms-pull-9 {
    right: 75%;
  }

  .col-ms-pull-10 {
    right: 83.33333%;
  }

  .col-ms-pull-11 {
    right: 91.66667%;
  }

  .col-ms-offset-1 {
    margin-left: 8.33333%;
  }

  .col-ms-offset-2 {
    margin-left: 16.66667%;
  }

  .col-ms-offset-3 {
    margin-left: 25%;
  }

  .col-ms-offset-4 {
    margin-left: 33.33333%;
  }

  .col-ms-offset-5 {
    margin-left: 41.66667%;
  }

  .col-ms-offset-6 {
    margin-left: 50%;
  }

  .col-ms-offset-7 {
    margin-left: 58.33333%;
  }

  .col-ms-offset-8 {
    margin-left: 66.66667%;
  }

  .col-ms-offset-9 {
    margin-left: 75%;
  }

  .col-ms-offset-10 {
    margin-left: 83.33333%;
  }

  .col-ms-offset-11 {
    margin-left: 91.66667%;
  }
}

@media (min-width: 480px) and (max-width: 767px) {
  .container {
    max-width: 748px;
  }

  .form-horizontal .form-group .control-label {
    text-align: right;
  }
}

/**
 * Text Align Responsive
 * @author Kevin Pei
 */

.text-left-not-xs,
.text-left-not-sm,
.text-left-not-md,
.text-left-not-lg {
  text-align: left;
}

.text-center-not-xs,
.text-center-not-sm,
.text-center-not-md,
.text-center-not-lg {
  text-align: center;
}

.text-right-not-xs,
.text-right-not-sm,
.text-right-not-md,
.text-right-not-lg {
  text-align: right;
}

.text-justify-not-xs,
.text-justify-not-sm,
.text-justify-not-md,
.text-justify-not-lg {
  text-align: justify;
}

@media (max-width: 767px) {
  .text-left-not-xs,
  .text-center-not-xs,
  .text-right-not-xs,
  .text-justify-not-xs {
    text-align: inherit;
  }

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

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

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

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

@media (min-width: 768px) and (max-width: 991px) {
  .text-left-not-sm,
  .text-center-not-sm,
  .text-right-not-sm,
  .text-justify-not-sm {
    text-align: inherit;
  }

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

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

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

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

@media (min-width: 992px) and (max-width: 1199px) {
  .text-left-not-md,
  .text-center-not-md,
  .text-right-not-md,
  .text-justify-not-md {
    text-align: inherit;
  }

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

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

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

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

@media (min-width: 1200px) {
  .text-left-not-lg,
  .text-center-not-lg,
  .text-right-not-lg,
  .text-justify-not-lg {
    text-align: inherit;
  }

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

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

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

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

/**
 * ██╗░░██╗██╗░░░██╗░█████╗░░█████╗░██╗░░░░░██╗░░░██╗
 * ██║░██╔╝██║░░░██║██╔══██╗██╔══██╗██║░░░░░╚██╗░██╔╝
 * █████═╝░██║░░░██║███████║███████║██║░░░░░░╚████╔╝░
 * ██╔═██╗░██║░░░██║██╔══██║██╔══██║██║░░░░░░░╚██╔╝░░
 * ██║░╚██╗╚██████╔╝██║░░██║██║░░██║███████╗░░░██║░░░
 * ╚═╝░░╚═╝░╚═════╝░╚═╝░░╚═╝╚═╝░░╚═╝╚══════╝░░░╚═╝░░░
 *
 * Copyright (c) 2025.
 * A Cibersons Portfolio Project.
 */

/** @import "mixins";*/

/**
 * ██╗░░██╗██╗░░░██╗░█████╗░░█████╗░██╗░░░░░██╗░░░██╗
 * ██║░██╔╝██║░░░██║██╔══██╗██╔══██╗██║░░░░░╚██╗░██╔╝
 * █████═╝░██║░░░██║███████║███████║██║░░░░░░╚████╔╝░
 * ██╔═██╗░██║░░░██║██╔══██║██╔══██║██║░░░░░░░╚██╔╝░░
 * ██║░╚██╗╚██████╔╝██║░░██║██║░░██║███████╗░░░██║░░░
 * ╚═╝░░╚═╝░╚═════╝░╚═╝░░╚═╝╚═╝░░╚═╝╚══════╝░░░╚═╝░░░
 *
 * Copyright (c) 2025.
 * A Cibersons Portfolio Project.
 */

/*
 * CKEditor 5 (v38.0.1) content styles.
 * Generated on Wed, 14 Jun 2023 08:26:36 GMT.
 * For more information, check out https://ckeditor.com/docs/ckeditor5/latest/installation/advanced/content-styles.html
 */

:root {
  --ck-color-image-caption-background: hsl(0, 0%, 97%);
  --ck-color-image-caption-text: hsl(0, 0%, 20%);
  --ck-color-mention-background: hsla(341, 100%, 30%, 0.1);
  --ck-color-mention-text: hsl(341, 100%, 30%);
  --ck-color-table-caption-background: hsl(0, 0%, 97%);
  --ck-color-table-caption-text: hsl(0, 0%, 20%);
  --ck-highlight-marker-blue: hsl(201, 97%, 72%);
  --ck-highlight-marker-green: hsl(120, 93%, 68%);
  --ck-highlight-marker-pink: hsl(345, 96%, 73%);
  --ck-highlight-marker-yellow: hsl(60, 97%, 73%);
  --ck-highlight-pen-green: hsl(112, 100%, 27%);
  --ck-highlight-pen-red: hsl(0, 85%, 49%);
  --ck-image-style-spacing: 1.5em;
  --ck-inline-image-style-spacing: -webkit-calc(var(--ck-image-style-spacing) / 2);
  --ck-inline-image-style-spacing: calc(var(--ck-image-style-spacing) / 2);
  --ck-todo-list-checkmark-size: 16px;
}

.ck-content blockquote {
  overflow: hidden;
  padding-right: 1.5em;
  padding-left: 1.5em;
  margin-left: 0;
  margin-right: 0;
  font-style: italic;
  border-left: solid 5px hsl(0, 0%, 80%);
}

.ck-content code {
  background-color: hsla(0, 0%, 78%, 0.3);
  padding: 0.15em;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

.ck-content .text-tiny {
  font-size: 0.7em;
}

.ck-content .text-small {
  font-size: 0.85em;
}

.ck-content .text-big {
  font-size: 1.4em;
}

.ck-content .text-huge {
  font-size: 1.8em;
}

.ck-content .marker-yellow {
  background-color: var(--ck-highlight-marker-yellow);
}

.ck-content .marker-green {
  background-color: var(--ck-highlight-marker-green);
}

.ck-content .marker-pink {
  background-color: var(--ck-highlight-marker-pink);
}

.ck-content .marker-blue {
  background-color: var(--ck-highlight-marker-blue);
}

.ck-content .pen-red {
  color: var(--ck-highlight-pen-red);
  background-color: transparent;
}

.ck-content .pen-green {
  color: var(--ck-highlight-pen-green);
  background-color: transparent;
}

.ck-content .image.image_resized {
  max-width: 100%;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.ck-content .image.image_resized img {
  width: 100%;
}

.ck-content .image.image_resized > figcaption {
  display: block;
}

.ck-content .image {
  display: table;
  clear: both;
  text-align: center;
  margin: 0.9em auto;
  min-width: 50px;
}

.ck-content .image img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  min-width: 100%;
}

.ck-content .image > figcaption {
  display: table-caption;
  caption-side: bottom;
  word-break: break-word;
  color: var(--ck-color-image-caption-text);
  background-color: var(--ck-color-image-caption-background);
  padding: 0.6em;
  font-size: 0.75em;
  outline-offset: -1px;
}

.ck-content .image-inline {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  max-width: 100%;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.ck-content .image-inline picture {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  max-width: 100%;
}

.ck-content .image-inline img {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  max-width: 100%;
}

.ck-content .image-style-block-align-left {
  max-width: -webkit-calc(100% - var(--ck-image-style-spacing));
  max-width: calc(100% - var(--ck-image-style-spacing));
  margin-left: 0;
  margin-right: auto;
}

.ck-content .image-style-block-align-right {
  max-width: -webkit-calc(100% - var(--ck-image-style-spacing));
  max-width: calc(100% - var(--ck-image-style-spacing));
  margin-right: 0;
  margin-left: auto;
}

.ck-content .image-style-align-left {
  clear: none;
  float: left;
  margin-right: var(--ck-image-style-spacing);
}

.ck-content .image-style-align-right {
  clear: none;
  float: right;
  margin-left: var(--ck-image-style-spacing);
}

.ck-content .image-style-side {
  float: right;
  margin-left: var(--ck-image-style-spacing);
  max-width: 50%;
}

.ck-content .image-style-align-center {
  margin-left: auto;
  margin-right: auto;
}

.ck-content p + .image-style-align-left {
  margin-top: 0;
}

.ck-content p + .image-style-align-right {
  margin-top: 0;
}

.ck-content p + .image-style-side {
  margin-top: 0;
}

.ck-content .image-inline.image-style-align-left {
  margin-top: var(--ck-inline-image-style-spacing);
  margin-bottom: var(--ck-inline-image-style-spacing);
  margin-right: var(--ck-inline-image-style-spacing);
}

.ck-content .image-inline.image-style-align-right {
  margin-top: var(--ck-inline-image-style-spacing);
  margin-bottom: var(--ck-inline-image-style-spacing);
  margin-left: var(--ck-inline-image-style-spacing);
}

.ck-content ol {
  list-style-type: decimal;
}

.ck-content ol ol {
  list-style-type: lower-latin;
}

.ck-content ol ol ol {
  list-style-type: lower-roman;
}

.ck-content ol ol ol ol {
  list-style-type: upper-latin;
}

.ck-content ol ol ol ol ol {
  list-style-type: upper-roman;
}

.ck-content ul {
  list-style-type: disc;
}

.ck-content ul ul {
  list-style-type: circle;
}

.ck-content ul ul ul {
  list-style-type: square;
}

.ck-content ul ul ul ul {
  list-style-type: square;
}

.ck-content .todo-list {
  list-style: none;
}

.ck-content .todo-list li {
  margin-bottom: 5px;
}

.ck-content .todo-list li .todo-list {
  margin-top: 5px;
}

.ck-content .todo-list .todo-list__label > input {
  -webkit-appearance: none;
  display: inline-block;
  position: relative;
  width: var(--ck-todo-list-checkmark-size);
  height: var(--ck-todo-list-checkmark-size);
  vertical-align: middle;
  border: 0;
  left: -25px;
  margin-right: -15px;
  right: 0;
  margin-left: 0;
}

.ck-content .todo-list .todo-list__label > input::before {
  display: block;
  position: absolute;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  content: "";
  width: 100%;
  height: 100%;
  border: 1px solid hsl(0, 0%, 20%);
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: 250ms ease-in-out box-shadow, 250ms ease-in-out background, 250ms ease-in-out border;
  -o-transition: 250ms ease-in-out box-shadow, 250ms ease-in-out background, 250ms ease-in-out border;
  transition: 250ms ease-in-out box-shadow, 250ms ease-in-out background, 250ms ease-in-out border;
}

.ck-content .todo-list .todo-list__label > input::after {
  display: block;
  position: absolute;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  pointer-events: none;
  content: "";
  left: -webkit-calc(var(--ck-todo-list-checkmark-size) / 3);
  left: calc(var(--ck-todo-list-checkmark-size) / 3);
  top: -webkit-calc(var(--ck-todo-list-checkmark-size) / 5.3);
  top: calc(var(--ck-todo-list-checkmark-size) / 5.3);
  width: -webkit-calc(var(--ck-todo-list-checkmark-size) / 5.3);
  width: calc(var(--ck-todo-list-checkmark-size) / 5.3);
  height: -webkit-calc(var(--ck-todo-list-checkmark-size) / 2.6);
  height: calc(var(--ck-todo-list-checkmark-size) / 2.6);
  border-style: solid;
  border-color: transparent;
  border-width: 0 -webkit-calc(var(--ck-todo-list-checkmark-size) / 8) -webkit-calc(var(--ck-todo-list-checkmark-size) / 8) 0;
  border-width: 0 calc(var(--ck-todo-list-checkmark-size) / 8) calc(var(--ck-todo-list-checkmark-size) / 8) 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.ck-content .todo-list .todo-list__label > input[checked]::before {
  background: hsl(126, 64%, 41%);
  border-color: hsl(126, 64%, 41%);
}

.ck-content .todo-list .todo-list__label > input[checked]::after {
  border-color: hsl(0, 0%, 100%);
}

.ck-content .todo-list .todo-list__label .todo-list__label__description {
  vertical-align: middle;
}

.ck-content .media {
  clear: both;
  margin: 0.9em 0;
  display: block;
  min-width: 15em;
}

.ck-content .page-break {
  position: relative;
  clear: both;
  padding: 5px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ck-content .page-break::after {
  content: "";
  position: absolute;
  border-bottom: 2px dashed hsl(0, 0%, 77%);
  width: 100%;
}

.ck-content .page-break__label {
  position: relative;
  z-index: 1;
  padding: 0.3em 0.6em;
  display: block;
  text-transform: uppercase;
  border: 1px solid hsl(0, 0%, 77%);
  -webkit-border-radius: 2px;
  border-radius: 2px;
  font-family: Helvetica, Arial, Tahoma, Verdana, Sans-Serif;
  font-size: 0.75em;
  font-weight: bold;
  color: hsl(0, 0%, 20%);
  background: hsl(0, 0%, 100%);
  -webkit-box-shadow: 2px 2px 1px hsla(0, 0%, 0%, 0.15);
  box-shadow: 2px 2px 1px hsla(0, 0%, 0%, 0.15);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ck-content .table {
  margin: 0.9em auto;
  display: table;
}

.ck-content .table > figcaption {
  display: table-caption;
  caption-side: top;
  word-break: break-word;
  text-align: center;
  color: var(--ck-color-table-caption-text);
  background-color: var(--ck-color-table-caption-background);
  padding: 0.6em;
  font-size: 0.75em;
  outline-offset: -1px;
}

.ck-content .table table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  height: 100%;
  border: 1px double hsl(0, 0%, 70%);
  overflow: hidden;
}

.ck-content .table table td {
  min-width: 2em;
  padding: 0.4em;
  border: 1px solid hsl(0, 0%, 75%);
}

.ck-content .table table th {
  min-width: 2em;
  padding: 0.4em;
  border: 1px solid hsl(0, 0%, 75%);
  font-weight: bold;
  background: hsla(0, 0%, 0%, 0.05);
}

.ck-content .table .ck-table-resized {
  table-layout: fixed;
}

.ck-content .table td {
  position: relative;
}

.ck-content .table th {
  position: relative;
}

.ck-content pre {
  padding: 1em;
  color: hsl(0, 0%, 20.8%);
  background: hsla(0, 0%, 78%, 0.3);
  border: 1px solid hsl(0, 0%, 77%);
  -webkit-border-radius: 2px;
  border-radius: 2px;
  text-align: left;
  direction: ltr;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  white-space: pre-wrap;
  font-style: normal;
  min-width: 200px;
}

.ck-content pre code {
  background: unset;
  padding: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.ck-content hr {
  margin: 15px 0;
  height: 4px;
  background: hsl(0, 0%, 87%);
  border: 0;
}

.ck-content .mention {
  background: var(--ck-color-mention-background);
  color: var(--ck-color-mention-text);
}

.ck-content[dir=rtl] blockquote {
  border-left: 0;
  border-right: solid 5px hsl(0, 0%, 80%);
}

.ck-content[dir=rtl] .table th {
  text-align: right;
}

.ck-content[dir=ltr] .table th {
  text-align: left;
}

@media only screen and (max-width: 767px) {
  .ck-content .image-style-side {
    float: none;
    display: block;
    margin: 0 auto;
    width: 100% !important;
  }

  .ck-content .image-style-align-left {
    float: none;
    display: block;
    margin: 0 auto;
    width: 100% !important;
  }
}

.cbx {
  margin: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}

.cbx span {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.cbx span:first-child {
  position: relative;
  width: 18px;
  height: 18px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  vertical-align: middle;
  border: 1px solid #9098A9;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.cbx span:first-child svg {
  position: absolute;
  top: 3px;
  left: 2px;
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 16px;
  stroke-dashoffset: 16px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.cbx span:first-child:before {
  content: "";
  width: 100%;
  height: 100%;
  background: #506EEC;
  display: block;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  opacity: 1;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.cbx span:last-child {
  padding-left: 8px;
}

.cbx:hover span:first-child {
  border-color: #506EEC;
}

.inp-cbx:checked + .cbx span:first-child {
  background: #506EEC;
  border-color: #506EEC;
  -webkit-animation: wave 0.4s ease;
  -o-animation: wave 0.4s ease;
  animation: wave 0.4s ease;
}

.inp-cbx:checked + .cbx span:first-child svg {
  stroke-dashoffset: 0;
}

.inp-cbx:checked + .cbx span:first-child:before {
  -webkit-transform: scale(3.5);
  -ms-transform: scale(3.5);
  -o-transform: scale(3.5);
  transform: scale(3.5);
  opacity: 0;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

@-webkit-keyframes wave {
  50% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@-o-keyframes wave {
  50% {
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@keyframes wave {
  50% {
    -webkit-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
}

/**
 * ██╗░░██╗██╗░░░██╗░█████╗░░█████╗░██╗░░░░░██╗░░░██╗
 * ██║░██╔╝██║░░░██║██╔══██╗██╔══██╗██║░░░░░╚██╗░██╔╝
 * █████═╝░██║░░░██║███████║███████║██║░░░░░░╚████╔╝░
 * ██╔═██╗░██║░░░██║██╔══██║██╔══██║██║░░░░░░░╚██╔╝░░
 * ██║░╚██╗╚██████╔╝██║░░██║██║░░██║███████╗░░░██║░░░
 * ╚═╝░░╚═╝░╚═════╝░╚═╝░░╚═╝╚═╝░░╚═╝╚══════╝░░░╚═╝░░░
 *
 * Copyright (c) 2025.
 * A Cibersons Portfolio Project.
 */

.loadingoverlay {
  background: rgba(255, 255, 255, 0.9);
  z-index: 999999;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  -webkit-background-size: 100px auto;
  background-size: 100px auto;
  /* Variables */
}

.loadingoverlay .cube-wrapper .logo-bg {
  width: 50px;
  height: 50px;
  margin: -33px auto 30px 31px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.loadingoverlay .logo {
  position: absolute;
  margin: -68px auto 25px 40px;
  width: 40px;
  height: 28px;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
  background-repeat: no-repeat;
}

.loadingoverlay .cube-wrapper {
  position: fixed;
  left: 50%;
  top: 50%;
  margin-top: -50px;
  margin-left: -50px;
  width: 100px;
  height: 100px;
  text-align: center;
}

.loadingoverlay .lds-ring {
  display: inline-block;
  width: 70px;
  height: 70px;
  position: absolute;
  top: -51px;
  left: 13px;
  z-index: -500;
}

.loadingoverlay .lds-ring div {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 70px;
  height: 70px;
  margin: 8px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  -o-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
}

.loadingoverlay .lds-ring .first {
  border: 8px solid rgb(36, 0, 255);
  border-color: rgb(36, 0, 255) transparent transparent transparent;
}

.loadingoverlay .lds-ring .second {
  border: 8px solid rgb(253, 55, 0);
  border-color: rgb(253, 55, 0) transparent transparent transparent;
}

.loadingoverlay .lds-ring .third {
  border: 8px solid rgb(255, 140, 0);
  border-color: rgb(255, 140, 0) transparent transparent transparent;
}

.loadingoverlay .lds-ring .fourth {
  border: 8px solid rgb(6, 6, 96);
  border-color: rgb(6, 6, 96) transparent transparent transparent;
}

.loadingoverlay .lds-ring div:nth-child(1) {
  -webkit-animation-delay: -0.45s;
  -o-animation-delay: -0.45s;
  animation-delay: -0.45s;
}

.loadingoverlay .lds-ring div:nth-child(2) {
  -webkit-animation-delay: -0.3s;
  -o-animation-delay: -0.3s;
  animation-delay: -0.3s;
}

.loadingoverlay .lds-ring div:nth-child(3) {
  -webkit-animation-delay: -0.15s;
  -o-animation-delay: -0.15s;
  animation-delay: -0.15s;
}

@-webkit-keyframes lds-ring {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-o-keyframes lds-ring {
  0% {
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes lds-ring {
  0% {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/**
 * ██╗░░██╗██╗░░░██╗░█████╗░░█████╗░██╗░░░░░██╗░░░██╗
 * ██║░██╔╝██║░░░██║██╔══██╗██╔══██╗██║░░░░░╚██╗░██╔╝
 * █████═╝░██║░░░██║███████║███████║██║░░░░░░╚████╔╝░
 * ██╔═██╗░██║░░░██║██╔══██║██╔══██║██║░░░░░░░╚██╔╝░░
 * ██║░╚██╗╚██████╔╝██║░░██║██║░░██║███████╗░░░██║░░░
 * ╚═╝░░╚═╝░╚═════╝░╚═╝░░╚═╝╚═╝░░╚═╝╚══════╝░░░╚═╝░░░
 *
 * Copyright (c) 2025.
 * A Cibersons Portfolio Project.
 */

#change-password-request .modal-body {
  min-height: 500px;
  background-blend-mode: hard-light;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #FFF), color-stop(55%, #6DB3F2)), url("../img/change-password-bg.png");
  background-image: -webkit-linear-gradient(top, #FFF 30%, #6DB3F2 55%), url("../img/change-password-bg.png");
  background-image: -o-linear-gradient(top, #FFF 30%, #6DB3F2 55%), url("../img/change-password-bg.png");
  background-image: linear-gradient(to bottom, #FFF 30%, #6DB3F2 55%), url("../img/change-password-bg.png");
}

#change-password-request .modal-body .close {
  padding: 10px 15px;
}

#change-password-request .modal-body h2 {
  background-image: url("../img/change-password-ic.png");
  min-height: 250px;
  width: 100%;
  -webkit-background-size: 80% 80%;
  background-size: 80%;
  background-position: center bottom;
  background-repeat: no-repeat;
  padding: 15px;
}

#change-password-request .modal-body .bottom-content {
  padding: 15px;
}

#change-password-request .modal-body .bottom-content form label {
  color: #FFFFFF;
}

/**
 * ██╗░░██╗██╗░░░██╗░█████╗░░█████╗░██╗░░░░░██╗░░░██╗
 * ██║░██╔╝██║░░░██║██╔══██╗██╔══██╗██║░░░░░╚██╗░██╔╝
 * █████═╝░██║░░░██║███████║███████║██║░░░░░░╚████╔╝░
 * ██╔═██╗░██║░░░██║██╔══██║██╔══██║██║░░░░░░░╚██╔╝░░
 * ██║░╚██╗╚██████╔╝██║░░██║██║░░██║███████╗░░░██║░░░
 * ╚═╝░░╚═╝░╚═════╝░╚═╝░░╚═╝╚═╝░░╚═╝╚══════╝░░░╚═╝░░░
 *
 * Copyright (c) 2025.
 * A Cibersons Portfolio Project.
 */

#modalRegister .register-method > div {
  padding: 15px;
}

#modalRegister .register-method .title {
  padding: 20px;
  text-align: center;
}

#modalRegister .register-method .btn-group {
  width: 100%;
}

#modalRegister .register-method .method {
  text-align: center;
  font-size: 30px;
  padding: 20px;
}

#modalRegister .register-method .method i {
  display: block;
  margin-bottom: 10px;
}

#modalRegister .register-method .method span {
  font-size: 20px;
  display: block;
  margin-top: 10px;
  text-transform: uppercase;
}

#modalRegister .register-method .form-group {
  margin-bottom: 15px;
  margin-top: 15px;
}

/**
 * ██╗░░██╗██╗░░░██╗░█████╗░░█████╗░██╗░░░░░██╗░░░██╗
 * ██║░██╔╝██║░░░██║██╔══██╗██╔══██╗██║░░░░░╚██╗░██╔╝
 * █████═╝░██║░░░██║███████║███████║██║░░░░░░╚████╔╝░
 * ██╔═██╗░██║░░░██║██╔══██║██╔══██║██║░░░░░░░╚██╔╝░░
 * ██║░╚██╗╚██████╔╝██║░░██║██║░░██║███████╗░░░██║░░░
 * ╚═╝░░╚═╝░╚═════╝░╚═╝░░╚═╝╚═╝░░╚═╝╚══════╝░░░╚═╝░░░
 *
 * Copyright (c) 2025.
 * A Cibersons Portfolio Project.
 */

#modal_un_curso_por_vez .modal-header {
  background-blend-mode: hard-light;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3799ac), to(#2c5f8e)), url("../img/change-password-bg.png");
  background-image: -webkit-linear-gradient(top, #3799ac, #2c5f8e), url("../img/change-password-bg.png");
  background-image: -o-linear-gradient(top, #3799ac, #2c5f8e), url("../img/change-password-bg.png");
  background-image: linear-gradient(to bottom, #3799ac, #2c5f8e), url("../img/change-password-bg.png");
}

@media (max-width: 420px) {
  #modal_un_curso_por_vez .modal-header {
    min-height: 85px;
  }
}

#modal_un_curso_por_vez .modal-header h4 {
  font-size: 30px;
  color: #FFF;
  text-align: center;
}

@media (max-width: 420px) {
  #modal_un_curso_por_vez .modal-header h4 {
    font-size: 20px;
  }
}

#modal_un_curso_por_vez .modal-header div {
  position: absolute;
  right: 5px;
  top: 1px;
  font-size: 45px;
  width: 66px;
  height: 73px;
  color: #DDD;
  font-weight: bold;
  overflow: hidden;
  padding-left: 29px;
}

#modal_un_curso_por_vez .modal-header div::after {
  position: absolute;
  content: " ";
  right: -9px;
  top: 6px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: solid 5px;
  width: 65px;
  height: 65px;
  padding: 0 10px;
}

#modal_un_curso_por_vez .modal-body .close {
  padding: 10px 15px;
}

#modal_un_curso_por_vez .modal-body h2 {
  background-image: url("../img/change-password-ic.png");
  min-height: 250px;
  width: 100%;
  -webkit-background-size: 80% 80%;
  background-size: 80%;
  background-position: center bottom;
  background-repeat: no-repeat;
  padding: 15px;
}

#modal_un_curso_por_vez .modal-body .bottom-content {
  padding: 15px;
}

#modal_un_curso_por_vez .modal-body .bottom-content form label {
  color: #FFFFFF;
}

/**
 * CSS para pagina KUAALY
 * @author Federico Romero
 * @version 2.0.0
 */

/**
 * Common Styles
 **/

.no-padding {
  padding: 0 !important;
}

.no-margin {
  margin: 0 !important;
}

.thread-content .header .profile .profile-data .photo,
.thread-content .respond-content .profile .profile-data .photo,
.thread-content .response .profile .profile-data .photo,
header .navbar-kuaaly .profile-img {
  position: relative;
  top: -5px;
  float: left;
  left: -5px;
  width: 30px;
  height: 30px;
  background-color: #232323;
  -webkit-background-size: cover;
  background-size: cover;
}

.table-display {
  display: table;
}

.social > a {
  font-size: 31px;
  display: inline-block;
  margin: 0 5px;
}

.social > a > .fa-facebook-official {
  color: #3B5998;
}

.social > a > .fa-twitter-square {
  color: #1DA1F2;
}

.social > a > .fa-youtube-play {
  color: #FF0000;
}

.social > a > .fa-google-plus-square {
  color: #DF493A;
}

.social > a > .fa-linkedin-square {
  color: #0077B5;
}

.no-courses-found h4 {
  text-align: center;
  color: #999;
}

body.test .course-header.info,
body.login,
.help-footer,
header .coursesBg,
header .navbar-kuaaly,
.loadingoverlay .cube-wrapper .logo-bg {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#07075e+0,12123b+86 */
  background: #07075e;
  /* Old browsers */
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #07075e 0%, #12123b 86%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(#07075e), color-stop(86%, #12123b));
  background: -o-linear-gradient(left, #07075e 0%, #12123b 86%);
  background: linear-gradient(to right, #07075e 0%, #12123b 86%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#07075e", endColorstr="#12123b", GradientType=1);
  /* IE6-9 */
}

/**
 * BASE SETS
 **/

html {
  height: 100%;
}

body {
  color: #696969;
  background: #F3F3F3;
  position: relative;
  min-height: 100%;
  overflow: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /** Modals in middle **/
}

body:not(.login) {
  padding-bottom: 250px;
}

@media only screen and (max-width: 767px) {
  body:not(.login) {
    padding-bottom: 450px;
  }
}

@media only screen and (max-width: 479px) {
  body:not(.login) {
    padding-bottom: 470px;
  }
}

body:not(.lesson):not(.login):not(.home) > .container {
  background: none;
  position: relative;
}

body:not(.lesson):not(.login):not(.home) > .container.author-page {
  padding: 80px 24px 72px !important;
}

@media only screen and (max-width: 767px) {
  body:not(.lesson):not(.login):not(.home) > .container.author-page {
    padding: 80px 10px 72px !important;
  }
}

body > .container {
  padding-top: 70px;
}

body.home > .container {
  padding-top: 120px !important;
}

@media only screen and (max-width: 479px) {
  body.home > .container {
    padding-top: 82px !important;
  }
}

body.login > .container {
  padding-top: 0 !important;
}

@media only screen and (min-width: 768px) {
  body .container-fluid {
    width: 750px;
  }
}

@media only screen and (min-width: 992px) {
  body .container-fluid {
    width: 970px;
  }
}

@media only screen and (min-width: 1200px) {
  body .container-fluid {
    width: 1170px;
  }
}

body .modal-backdrop {
  background-color: #FFFFFF;
}

a {
  color: rgb(36, 0, 255);
}

a > :hover {
  color: #4526ff;
}

/****
 **** COMPONENTS ************
 *****/

/**
 * HEADER OF SITE
 **/

body.loading > .loadingoverlay {
  display: block;
}

.testing-warn-inside {
  margin-bottom: 38px;
}

.testing-warn-inside .navbar-kuaaly {
  margin-top: 0 !important;
}

.testing-warn-inside .testing-warn {
  margin-bottom: 10px;
}

header .navbar-kuaaly {
  -webkit-border-radius: 0;
  border-radius: 0;
  padding: 5px 0;
}

header .navbar-kuaaly.no-bg {
  background: none !important;
  margin-top: 15px;
  padding-bottom: 15px;
}

header .navbar-kuaaly.no-bg .dropdown.user a > img {
  width: 50px;
  height: 50px;
  top: -13px;
  margin-right: 10px;
}

header .navbar-kuaaly.no-bg .dropdown.user a > span {
  left: 4.8rem;
}

header .navbar-kuaaly .testing-warn {
  background: #ECE112;
  text-align: center;
  padding: 7px;
  color: #92460E;
  font-size: 15px;
  width: 100%;
  margin-top: -5px;
}

header .navbar-kuaaly #form_search .form-group input[type=text] {
  background: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: none;
  border-bottom: solid thin #DDD;
  margin-right: -4px;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  color: #FFF;
}

@media only screen and (min-width: 767px) and (max-width: 991px) {
  header .navbar-kuaaly #form_search .form-group input[type=text] {
    width: 100%;
  }
}

header .navbar-kuaaly #form_search .form-group .input-group-addon {
  position: absolute;
  right: 0;
  padding: 10px;
  border: none;
  z-index: 999;
  background: rgba(255, 255, 255, 0.05);
  border-right: solid thin #444;
}

header .navbar-kuaaly #form_search .form-group .input-group-addon:hover {
  background: rgba(255, 255, 255, 0.8);
  color: #000;
}

@media only screen and (min-width: 767px) and (max-width: 991px) {
  header .navbar-kuaaly #form_search .form-group {
    width: 50%;
  }
}

header .navbar-kuaaly #form_search button {
  background: rgba(255, 255, 255, 0.1);
  color: #FFF;
  -webkit-border-radius: 0;
  border-radius: 0;
  border-bottom: solid thin #ddd;
}

header .navbar-kuaaly #form_search button:hover {
  background: rgb(255, 255, 255);
  color: #000;
}

@media only screen and (min-width: 767px) and (max-width: 991px) {
  header .navbar-kuaaly #form_search button {
    margin-left: 5px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  header .navbar-kuaaly #form_search {
    width: 280px;
  }
}

@media only screen and (max-width: 767px) {
  header .navbar-kuaaly #form_search {
    display: none;
  }
}

header .navbar-kuaaly .nav > li > a {
  color: #FFFFFF;
}

header .navbar-kuaaly .nav > li > a:hover,
header .navbar-kuaaly .nav > li > a:focus {
  background: rgba(255, 255, 255, 0.1);
}

header .navbar-kuaaly .nav > li.open > a {
  color: #FFFFFF;
  background: rgba(255, 255, 255, 0.1);
}

header .navbar-kuaaly .nav > li.open > a:hover,
header .navbar-kuaaly .nav > li.open > a:focus {
  background: rgba(255, 255, 255, 0.1);
}

@media only screen and (max-width: 767px) {
  header .navbar-kuaaly .dropdown-menu > li > a {
    color: #FFFFFF;
  }

  header .navbar-kuaaly .dropdown-menu > li > a:hover,
  header .navbar-kuaaly .dropdown-menu > li > a:active {
    background-color: rgba(255, 255, 255, 0.1);
  }

  header .navbar-kuaaly .dropdown-menu .divider {
    color: #8B8B8B;
  }
}

header .navbar-kuaaly .navbar-toggle .icon-bar {
  background: #FFFFFF;
}

header .navbar-kuaaly .profile-img {
  position: relative;
  top: -5px;
  float: left;
  left: -5px;
  width: 30px;
  height: 30px;
  background-color: #232323;
  -webkit-background-size: cover;
  background-size: cover;
}

header .navbar-kuaaly .navbar-logo {
  display: inline-block;
  position: relative;
  margin-left: 20px;
}

header .navbar-kuaaly .navbar-logo h1 {
  display: none;
}

@media only screen and (max-width: 767px) {
  header .navbar-kuaaly .navbar-logo {
    margin-left: 15px;
  }
}

header .navbar-kuaaly .navbar-logo img {
  height: 45px;
}

header .navbar-kuaaly .navbar-logo label {
  position: absolute;
  left: 30px;
  bottom: -12px;
  color: #fff;
  font-size: 10px;
  font-style: italic;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  header .navbar-kuaaly .dropdown.user a {
    max-width: 200px;
    max-height: 50px;
    line-height: 2;
    overflow: hidden;
  }
}

@media only screen and (max-width: 767px) {
  header .navbar-kuaaly .navbar-nav {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#07075e+0,12123b+86 */
    background: #07075e;
    /* Old browsers */
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #07075e 0%, #12123b 86%);
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(#07075e), color-stop(86%, #12123b));
    background: -o-linear-gradient(left, #07075e 0%, #12123b 86%);
    background: linear-gradient(to right, #07075e 0%, #12123b 86%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#07075e", endColorstr="#12123b", GradientType=1);
    /* IE6-9 */
    padding-bottom: 15px;
  }
}

header .coursesBg {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 261px;
  top: 0;
  overflow: hidden;
}

header .coursesBg .resource {
  background: url("../img/resource-bg-header-02.svg");
  position: absolute;
  width: 220px;
  height: 540px;
  background-repeat: no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  -webkit-transform: rotate(61deg);
  -ms-transform: rotate(61deg);
  -o-transform: rotate(61deg);
  transform: rotate(61deg);
  right: 60px;
  top: -30px;
}

@media only screen and (max-width: 480px) {
  header .coursesBg .resource {
    -webkit-transform: rotate(64deg);
    -ms-transform: rotate(64deg);
    -o-transform: rotate(64deg);
    transform: rotate(64deg);
    right: 50px;
    top: 25px;
    width: 150px;
    height: 400px;
  }
}

@media only screen and (max-width: 767px) {
  body.search-show #form_search {
    display: block;
    width: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  body.search-show #form_search .form-group {
    width: -webkit-calc(100% - 100px) !important;
    width: calc(100% - 100px) !important;
    float: left;
  }
}

@media only screen and (max-width: 480px) {
  body.search-show #form_search .form-group {
    width: -webkit-calc(100% - 90px) !important;
    width: calc(100% - 90px) !important;
    float: left;
  }
}

@media only screen and (max-width: 767px) {
  body.search-show #form_search .form-group .input-group {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  body.search-show #form_search .form-group .input-group button {
    padding: 10px 20px 11px 10px;
    background: #fff;
    color: #07075e;
  }
}

@media only screen and (max-width: 767px) {
  body.search-show #form_search button {
    background: #fff;
    color: #07075e;
  }
}

@media only screen and (max-width: 767px) {
  body.search-show .coursesBg {
    height: 280px;
  }
}

@media only screen and (max-width: 767px) {
  body.search-show > div.container {
    padding-top: 150px !important;
  }
}

@media only screen and (max-width: 767px) {
  body.search-show #bs-example-navbar-collapse-1 {
    position: absolute;
    width: 100%;
    z-index: 9999;
  }
}

@media only screen and (max-width: 480px) {
  body.search-show .courses header {
    background: rgba(14, 14, 73, 0.5);
  }
}

@media only screen and (max-width: 767px) {
  body.search-show .courses header #header-category {
    font-size: 27px;
  }
}

@media only screen and (max-width: 767px) {
  body.search-show .courses header #header-category b {
    font-size: 75%;
  }
}

@media only screen and (max-width: 480px) {
  body.search-show .courses header #header-category b {
    font-weight: 400;
  }
}

@media only screen and (max-width: 767px) {
  body.search-show .no-courses-found {
    margin-top: 50px;
  }
}

/**
 * FOOTER OF SITE
 **/

.footer-site {
  background: #F5F5F5;
  color: #444;
  position: absolute;
  width: 100%;
  right: 0;
  bottom: 0;
  left: 0;
  border-top: solid thin #FFF;
}

.footer-site > .row {
  margin: 0 auto;
  padding: 35px 0;
}

.footer-site > .row > div {
  margin-top: 20px;
}

.footer-site > .row .important-links {
  text-align: center;
}

.footer-site > .row .contact-us {
  text-align: center;
}

.footer-site > .row .contact-us .fa {
  color: #888;
  margin-right: 5px;
}

.footer-site > .row .contact-us a,
.footer-site > .row .contact-us a:hover,
.footer-site > .row .contact-us a:active,
.footer-site > .row .contact-us a:focus {
  color: #444;
}

.footer-site > .row .language-selector {
  text-align: center;
}

.footer-site > .row .language-selector .dropdown-toggle .filter-option {
  text-align: center;
}

.footer-site > .row .language-selector .dropdown-menu li {
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .footer-site > .row {
    padding: 10px 0;
  }
}

@media only screen and (min-width: 768px) {
  .footer-site > .row {
    width: 750px;
  }
}

@media only screen and (min-width: 992px) {
  .footer-site > .row {
    width: 970px;
  }
}

@media only screen and (min-width: 1200px) {
  .footer-site > .row {
    width: 1170px;
  }
}

.footer-site ul {
  margin: 0;
  padding: 0;
}

.footer-site ul li {
  list-style: none;
}

.footer-site h5 {
  font-weight: bold;
  text-transform: uppercase;
  color: #444;
}

.footer-site .logofooter {
  font-size: 12px;
}

.footer-site .logofooter .logo-gray1 {
  width: 35px;
}

@media only screen and (max-width: 767px) {
  .footer-site .logofooter .logo-gray1 {
    width: 25px;
  }
}

.footer-site .logofooter .logo-gray2 {
  width: 100px;
}

@media only screen and (max-width: 767px) {
  .footer-site .logofooter .logo-gray2 {
    width: 75px;
  }
}

.footer-site .logofooter .version {
  display: block;
  font-weight: 300;
  vertical-align: -6px;
}

@media only screen and (min-width: 768px) {
  .footer-site .logofooter .version {
    margin-left: 45px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-site .logofooter .version {
    display: block;
    margin-top: -3px;
    margin-bottom: 5px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-site .logofooter {
    text-align: center;
  }
}

.footer-site .powered-by {
  margin-top: 20px;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}

@media only screen and (min-width: 768px) {
  .footer-site .powered-by {
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: right;
    width: auto;
    margin: 5px 10px;
    opacity: 0.6;
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
  }
}

.footer-site .powered-by h5 {
  margin: 0;
}

@media only screen and (min-width: 768px) {
  .footer-site .powered-by h5 {
    text-transform: none;
  }
}

@media only screen and (min-width: 768px) {
  .footer-site .powered-by a {
    cursor: pointer;
    text-align: center;
    font-size: 10px;
  }
}

.help-footer {
  position: fixed;
  bottom: 0px;
  left: 10px;
  z-index: 9999;
  padding: 7px 35px;
  font-size: 16px;
  color: #FFF;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
}

.help-footer:active,
.help-footer:hover,
.help-footer:focus {
  color: #FFF;
  text-decoration: none;
}

@media only screen and (max-width: 768px) {
  .help-footer {
    bottom: 5px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    padding: 10px 20px;
    font-size: 25px;
  }
}

.help-footer span {
  margin-left: 5px;
}

@media only screen and (max-width: 768px) {
  .help-footer span {
    display: none;
  }
}

/**
 * 404 PAGE
 **/

img.e404 {
  width: 239px;
  max-width: 90%;
}

/**
 * HOME PAGE
 **/

.google-tag {
  display: none;
  visibility: hidden;
}

.categories a.active {
  font-weight: bold;
  color: #FD3700;
}

.categories > ul {
  opacity: 0.95;
  background: #FFFFFF;
  padding: 20px 30px;
  min-height: 150px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}

.categories > ul > li {
  list-style: none;
}

.categories > ul > li > a {
  display: block;
  font-size: 14px;
  padding: 10px 0;
  color: #2F2F2F;
}

.categories > ul > li > a:not(.last) {
  border-bottom: solid thin #D0D0D0;
}

.categories > ul > li > a:hover,
.categories > ul > li > a:active {
  text-decoration: none;
  color: #2400ff;
}

.categories > ul h4 {
  font-size: 16px;
  font-weight: bold;
  color: #2F2F2F;
}

.breadcrumb {
  background: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  padding: 8px 0;
  font-size: 16px;
}

.breadcrumb a {
  color: #FFFFFF;
}

.breadcrumb li.active {
  font-weight: bold;
  color: #FFFFFF;
}

.courses header {
  color: #FFF;
  min-height: 163px;
}

.courses header h3 {
  font-size: 36px;
}

@media only screen and (max-width: 480px) {
  .courses header ul,
  .courses header h3 {
    padding: 0;
    margin: 0;
  }
}

@media only screen and (max-width: 480px) {
  .courses header ul {
    font-size: 14px;
    margin-bottom: 10px;
  }
}

.courses header .categSelect {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .courses header .categSelect {
    background: none;
    height: auto;
    color: #FFF;
    font-size: 31px;
    width: 100%;
  }
}

.courses header .categSelect option {
  color: #232323;
}

@media only screen and (max-width: 480px) {
  .courses header {
    min-height: 106px;
  }
}

.curso {
  width: 100%;
  max-width: 100%;
  margin: 0 auto 40px;
  position: relative;
  display: block;
}

.curso.row {
  margin-top: 5px;
  margin-bottom: 5px;
  background: #FFFFFF;
  padding: 7px 0;
}

.curso.row:first-child {
  margin-top: 0;
}

.curso:link,
.curso:hover,
.curso:visited {
  color: #FFFFFF;
  text-decoration: none;
}

.curso img.cover {
  width: 100%;
  min-width: 69px;
}

.curso .itemcourses h4 {
  color: #333;
  margin: 0;
  font-size: 20px;
}

.curso .itemcourses .more-info-header {
  text-align: right;
}

@media only screen and (max-width: 767px) {
  .curso .itemcourses .more-info-header {
    text-align: left;
  }
}

.curso .itemcourses .more-info-header .author,
.curso .itemcourses .more-info-header .date-published {
  font-weight: normal;
  font-size: 13px;
  line-height: normal;
  vertical-align: middle;
  overflow: hidden;
  padding: 0px 15px;
  text-align: center;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.curso .itemcourses .more-info-header .author:after,
.curso .itemcourses .more-info-header .author:before,
.curso .itemcourses .more-info-header .date-published:after,
.curso .itemcourses .more-info-header .date-published:before {
  display: none;
}

.curso .itemcourses .more-info-header .author {
  color: #696969;
  background: #F2F2F2;
}

.curso .itemcourses .more-info-header .author:hover,
.curso .itemcourses .more-info-header .author:hover i {
  color: #000;
}

.curso .itemcourses .more-info-header .date-published {
  color: #FFFFFF;
  background: rgb(253, 55, 0);
}

.curso .itemcourses .description {
  color: #999;
  font-size: 13px;
  line-height: 1.3;
  height: 50px;
  overflow: hidden;
  width: 101%;
  margin-top: 5px;
}

@media only screen and (max-width: 480px) {
  .curso .itemcourses {
    padding-left: 40px;
  }
}

/**
 * Course Page
 **/

.course-content {
  background: #FFFFFF;
  padding-top: 15px;
}

.course-content .date-published {
  color: grey;
  float: right;
}

@media only screen and (max-width: 767px) {
  .course-content .date-published {
    display: block;
    text-align: right;
    float: none;
  }
}

.course-content .courseTitle {
  font-weight: bold;
  color: #3B3B3B;
  margin: 0 0 15px;
}

.course-content .rater-shower-course-xs {
  cursor: pointer !important;
}

.course-content .course-header {
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
  position: relative;
  margin: 0;
  color: rgb(36, 0, 255);
  text-transform: uppercase;
  font-weight: bold;
  padding-top: 5px;
}

.course-content .course-header .author-image > img {
  width: 60px;
  height: 60px;
  background: #FFF;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: solid thin #DDD;
  margin-top: -5px;
}

.course-content .course-header .detail-title {
  font-weight: bold;
  font-size: 13px;
  color: #333;
  text-transform: capitalize;
}

.course-content .course-header .price {
  padding-top: 10px;
}

@media only screen and (max-width: 767px) {
  .course-content .course-header .price {
    padding-top: 0;
  }
}

.course-content .course-header .btn.course_action {
  white-space: normal;
  white-space: -moz-pre-wrap !important;
}

.course-content .course-description {
  margin-top: 15px;
}

.course-content .course-description img {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .course-content .course-description img {
    max-height: 300px;
    max-width: 100%;
    width: auto;
    display: block;
    margin: 0 auto;
  }
}

.course-content .courseProgress {
  color: #3B3B3B;
}

.course-content .courseProgress span.numbers {
  font-weight: bold;
  color: #1d00cc;
}

.course-content .courseProgress .progress {
  height: 14px;
  margin-bottom: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.course-content .courseProgress .progress .progress-bar {
  background-color: #1d00cc;
}

@media only screen and (min-width: 768px) {
  .course-content .courseProgress .progress.course {
    margin-right: -15px;
  }
}

.course-content .courseProgress .progress.test {
  margin-bottom: 1px;
}

@media only screen and (min-width: 768px) {
  .course-content .courseProgress .progress.test {
    margin-left: -10px;
  }
}

.course-content .courseProgress .medal svg {
  width: 100% !important;
  height: 46px !important;
  fill: #DCDCDC;
  margin-top: -1px;
}

.course-content .courseProgress .medal svg.approved {
  fill: #1d00cc;
}

.course-content .courseProgress .medal img {
  visibility: hidden;
}

.course-content .course-divider {
  background: #C5C5C5;
  display: inline-block;
  width: 100%;
  margin-bottom: 30px;
  margin-top: 30px;
  height: 1px;
  padding: 0;
  text-align: center;
  line-height: 0;
}

.course-content .course-divider > div {
  height: 6px;
  width: 5%;
  margin: 0 auto 0 -10px;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: solid 4px #FFF;
}

.course-content .panel-group .tabs {
  margin: 0;
  padding: 0;
}

.course-content .panel-group .tabs li {
  list-style: none;
  padding: 0;
  float: left;
  margin-right: -1px;
}

.course-content .panel-group .tabs li > a {
  display: block;
  padding: 10px 20px;
  border: solid thin #AEAEAE;
  -webkit-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  border-bottom: none;
  color: #5E5E5E;
}

.course-content .panel-group .tabs li > a:hover,
.course-content .panel-group .tabs li > a.active {
  text-decoration: none;
  color: #000000;
}

.course-content .panel-group .tabs li > a.active {
  border-bottom: solid 2px transparent;
  margin-bottom: -2px;
  color: #3B3B3B;
}

.course-content .panel-group .panel-container {
  border: solid thin #D0D0D0;
  border-top: none;
}

.course-content .panel-group .panel-container .panel-kuaaly {
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.course-content .panel-group .panel-container .panel-kuaaly.accordion {
  border: none;
  margin-top: 0;
}

.course-content .panel-group .panel-container .panel-kuaaly:nth-child(n+2) .panel-title {
  border-top: solid thin #D0D0D0;
}

.course-content .panel-group .panel-container .panel-kuaaly .info .aprovado img {
  height: 18px;
  vertical-align: text-bottom;
}

.course-content .panel-group .panel-container .panel-kuaaly .panel-heading {
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-border-radius: 0;
  border-radius: 0;
  color: #4d4d4d;
  padding: 0;
}

.course-content .panel-group .panel-container .panel-kuaaly .panel-heading .panel-title > a {
  padding: 17px 15px;
  display: block;
}

.course-content .panel-group .panel-container .panel-kuaaly .panel-heading .panel-title > a .module-name {
  display: inline-block;
  width: 100%;
  font-weight: 500;
}

.course-content .panel-group .panel-container .panel-kuaaly .panel-heading .panel-title > a .module-name .fa {
  font-size: 20px;
  vertical-align: middle;
  margin: -5px 10px 0 0;
  color: #000000;
  opacity: 0.1;
}

.course-content .panel-group .panel-container .panel-kuaaly .panel-heading .panel-title > a .module-name .fa.approved {
  color: #11931b;
  opacity: 1;
}

@media only screen and (min-width: 1200px) {
  .course-content .panel-group .panel-container .panel-kuaaly .panel-heading .panel-title > a .module-name {
    width: 96%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .course-content .panel-group .panel-container .panel-kuaaly .panel-heading .panel-title > a .module-name {
    width: 95%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .course-content .panel-group .panel-container .panel-kuaaly .panel-heading .panel-title > a .module-name {
    width: 94%;
  }
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
  .course-content .panel-group .panel-container .panel-kuaaly .panel-heading .panel-title > a .module-name {
    width: 93%;
  }
}

@media only screen and (min-width: 321px) and (max-width: 480px) {
  .course-content .panel-group .panel-container .panel-kuaaly .panel-heading .panel-title > a .module-name {
    width: 89%;
  }
}

@media only screen and (max-width: 320px) {
  .course-content .panel-group .panel-container .panel-kuaaly .panel-heading .panel-title > a .module-name {
    width: 85%;
  }
}

.course-content .panel-group .panel-container .panel-kuaaly .panel-heading .panel-title > a > .see-more {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
  opacity: 0.7;
  margin-top: 4px;
}

.course-content .panel-group .panel-container .panel-kuaaly .panel-heading .panel-title > a.collapsed > .see-more {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-top: 6px;
}

.course-content .panel-group .panel-container .panel-kuaaly .panel-heading:hover {
  background: rgba(0, 0, 0, 0.03);
}

.course-content .panel-group .panel-container .panel-kuaaly .list-group {
  border-top: solid thin #D0D0D0;
}

.course-content .panel-group .panel-container .panel-kuaaly .list-group .list-group-item {
  background: none;
  border-color: rgba(0, 0, 0, 0.03);
  padding: 0;
}

.course-content .panel-group .panel-container .panel-kuaaly .list-group .list-group-item .lesson-approved {
  font-size: 20px;
  vertical-align: middle;
  margin: -5px 10px 0 0;
  color: #11931b;
}

.course-content .panel-group .panel-container .panel-kuaaly .list-group .list-group-item img.read {
  height: 20px;
  float: right;
}

.course-content .panel-group .panel-container .panel-kuaaly .list-group .list-group-item.module-footer > a {
  padding: 20px 30px;
}

.course-content .panel-group .panel-container .panel-kuaaly .list-group .list-group-item.module-footer > a:nth-child(n+1) {
  border-left: solid thin rgba(0, 0, 0, 0.1);
}

.course-content .panel-group .panel-container .panel-kuaaly .list-group .list-group-item > a {
  display: block;
  padding: 10px 15px 10px 40px;
  color: #525252;
  -webkit-transition: all 100ms ease-in-out;
  -o-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
  padding-left: 14px;
}

@media only screen and (min-width: 768px) {
  .course-content .panel-group .panel-container .panel-kuaaly .list-group .list-group-item > a {
    padding-left: 30px;
  }
}

.course-content .panel-group .panel-container .panel-kuaaly .list-group .list-group-item > a:hover {
  text-decoration: none;
  color: #000000;
  background: #F3F3F3;
}

.course-content .panel-group .panel-container .panel-kuaaly .list-group .list-group-item > a > img,
.course-content .panel-group .panel-container .panel-kuaaly .list-group .list-group-item > a > svg {
  -webkit-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  opacity: 0.5;
  display: inline-block;
  margin-right: 5px;
  width: 18px;
  fill: #5a5a5a;
}

@media only screen and (min-width: 768px) {
  .course-content .panel-group .panel-container .panel-kuaaly .list-group .list-group-item > a > img,
  .course-content .panel-group .panel-container .panel-kuaaly .list-group .list-group-item > a > svg {
    width: initial;
  }
}

.course-content .panel-group .panel-container .panel-kuaaly .list-group .list-group-item > a > img.svg-checked,
.course-content .panel-group .panel-container .panel-kuaaly .list-group .list-group-item > a > svg.svg-checked {
  fill: #11931b;
  opacity: 0.9;
}

.course-content .panel-group .panel-container .panel-kuaaly .list-group .list-group-item > a > img.svg-checked-trophy,
.course-content .panel-group .panel-container .panel-kuaaly .list-group .list-group-item > a > svg.svg-checked-trophy {
  fill: #e3b538;
  opacity: 0.9;
}

.course-content .panel-group .panel-container .panel-kuaaly .list-group .list-group-item > a:hover > img,
.course-content .panel-group .panel-container .panel-kuaaly .list-group .list-group-item > a:hover > svg {
  opacity: 0.8;
}

@media only screen and (max-width: 320px) {
  .course-content .panel-group .panel-container .panel-kuaaly .list-group .list-group-item > a .lesson-name {
    max-width: 35%;
  }
}

@media only screen and (min-width: 321px) and (max-width: 480px) {
  .course-content .panel-group .panel-container .panel-kuaaly .list-group .list-group-item > a .lesson-name {
    max-width: 60%;
  }
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
  .course-content .panel-group .panel-container .panel-kuaaly .list-group .list-group-item > a .lesson-name {
    max-width: 70%;
  }
}

@media only screen and (min-width: 768px) {
  .course-content .panel-group .panel-container .panel-kuaaly .list-group .list-group-item > a .lesson-name {
    max-width: 78%;
  }
}

@media only screen and (min-width: 993px) {
  .course-content .panel-group .panel-container .panel-kuaaly .list-group .list-group-item > a .lesson-name {
    max-width: 85%;
  }
}

.course-content .panel-group .panel-container .panel-kuaaly .list-group .list-group-item > a div > span.fa {
  margin-right: 10px;
}

.star-rating {
  width: 0;
  position: relative;
  display: inline-block;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDguOSIgaGVpZ2h0PSIxMDMuNiIgdmlld0JveD0iMCAwIDEwOC45IDEwMy42Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2UzZTZlNjt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPnN0YXJfMDwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48cG9seWdvbiBjbGFzcz0iY2xzLTEiIHBvaW50cz0iMTA4LjkgMzkuNiA3MS4zIDM0LjEgNTQuNCAwIDM3LjYgMzQuMSAwIDM5LjYgMjcuMiA2Ni4xIDIwLjggMTAzLjYgNTQuNCA4NS45IDg4LjEgMTAzLjYgODEuNyA2Ni4xIDEwOC45IDM5LjYiLz48L2c+PC9nPjwvc3ZnPg0K");
  background-position: 0 0;
  background-repeat: repeat-x;
  cursor: pointer;
}

.star-rating.disabled {
  cursor: default;
}

.star-rating.is-busy {
  cursor: wait;
}

.star-rating .star-value {
  position: absolute;
  height: 100%;
  width: 100%;
  background: url("data:image/svg+xml;base64,PHN2Zw0KCXhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwOC45IiBoZWlnaHQ9IjEwMy42IiB2aWV3Qm94PSIwIDAgMTA4LjkgMTAzLjYiPg0KCTxkZWZzPg0KCQk8c3R5bGU+LmNscy0xe2ZpbGw6I2YxYzk0Nzt9PC9zdHlsZT4NCgk8L2RlZnM+DQoJPHRpdGxlPnN0YXIxPC90aXRsZT4NCgk8ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIj4NCgkJPGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj4NCgkJCTxwb2x5Z29uIGNsYXNzPSJjbHMtMSIgcG9pbnRzPSI1NC40IDAgNzEuMyAzNC4xIDEwOC45IDM5LjYgODEuNyA2Ni4xIDg4LjEgMTAzLjYgNTQuNCA4NS45IDIwLjggMTAzLjYgMjcuMiA2Ni4xIDAgMzkuNiAzNy42IDM0LjEgNTQuNCAwIi8+DQoJCTwvZz4NCgk8L2c+DQo8L3N2Zz4NCg==");
  background-repeat: repeat-x;
}

.star-rating .star-value.rtl {
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
  -webkit-filter: fliph();
  filter: fliph();
  -ms-filter: "FlipH";
  right: 0;
  left: auto;
}

#review {
  border-top: solid 2px #FFD400 !important;
}

#review .header {
  margin-top: 10px;
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  #review .header {
    margin-top: 0;
  }
}

@media only screen and (max-width: 767px) {
  #review .header .rating-show,
  #review .header .comments-show {
    padding: 0;
  }
}

#review .header .header-title {
  padding: 25px 0;
  color: #464646;
  border: solid 2px #FFD400;
  text-align: center;
  background: #FFD400;
}

#review .header .header-title h3 {
  margin: 0;
}

#review .header .header-title h3 > i {
  margin-right: 10px;
}

#review .header h4 {
  color: #5E5E5E;
  font-weight: bolder;
  border: solid thin #FFD400;
  border-top: none;
  margin: 0;
  padding: 10px;
  min-height: 69px;
}

#review .user-reviews .user-review,
#review .user-reviews .own-review {
  padding: 10px;
}

#review .user-reviews .user-review .review-body,
#review .user-reviews .own-review .review-body {
  background: #EEE;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 3px -2px;
  box-shadow: 0 2px 3px -2px;
  padding: 10px 15px;
  width: auto;
  max-width: 91.66667%;
}

@media only screen and (max-width: 991px) {
  #review .user-reviews .user-review .review-body,
  #review .user-reviews .own-review .review-body {
    max-width: 83.33333%;
  }
}

#review .user-reviews .user-review .review-body::before,
#review .user-reviews .own-review .review-body::before {
  position: absolute;
  margin-left: -31px;
  content: "◀";
  color: #EEE;
  font-size: 22px;
  text-shadow: -1px 1px 1px rgba(0, 0, 0, 0.3);
  background: none;
}

@media only screen and (max-width: 480px) {
  #review .user-reviews .user-review .review-body::before,
  #review .user-reviews .own-review .review-body::before {
    font-size: 19px;
    margin-left: -28px;
  }
}

#review .user-reviews .user-review .review-body .user-name,
#review .user-reviews .own-review .review-body .user-name {
  text-transform: capitalize;
  font-weight: bold;
  text-align: left;
}

#review .user-reviews .user-review .review-body .rating .star-rating,
#review .user-reviews .own-review .review-body .rating .star-rating {
  height: 18px;
  width: 18px;
  -webkit-background-size: 18px 18px;
  background-size: 18px;
  margin: 0 7px -3px 0;
}

#review .user-reviews .user-review .review-body .rating .star-rating .star-value,
#review .user-reviews .own-review .review-body .rating .star-rating .star-value {
  -webkit-background-size: 18px 18px;
  background-size: 18px;
}

#review .user-reviews .user-review .review-body .rating span,
#review .user-reviews .own-review .review-body .rating span {
  font-weight: bold;
  margin-right: 5px;
}

#review .user-reviews .user-review .review-body .rating,
#review .user-reviews .own-review .review-body .rating {
  display: inline;
}

#review .user-reviews .user-review .review-body .date,
#review .user-reviews .own-review .review-body .date {
  display: inline;
  color: #999;
}

#review .user-reviews .user-review .review-body .date::before,
#review .user-reviews .own-review .review-body .date::before {
  display: inline;
  content: " - ";
  color: #999;
}

#review .user-reviews .user-review .profile-img,
#review .user-reviews .own-review .profile-img {
  padding-left: 0;
}

#review .user-reviews .user-review .profile-img img,
#review .user-reviews .own-review .profile-img img {
  max-width: 65px;
}

#review .user-reviews .user-review .profile-img .medal-rating svg,
#review .user-reviews .user-review .profile-img .medal-rating img,
#review .user-reviews .own-review .profile-img .medal-rating svg,
#review .user-reviews .own-review .profile-img .medal-rating img {
  fill: #160099;
  width: 100%;
  height: 35px !important;
}

#review .user-reviews .own-review .review-body {
  text-align: right;
  background: #d0f2ff;
  float: right;
}

#review .user-reviews .own-review .review-body::before {
  content: "";
}

#review .user-reviews .own-review .review-body::after {
  position: absolute;
  right: -16px;
  top: 10px;
  content: "▶";
  color: #d0f2ff;
  font-size: 22px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

#review .user-reviews .own-review .review-body .user-name {
  text-align: right;
}

#review .user-reviews .own-review .profile-img {
  padding-left: 15px;
  padding-right: 0;
  float: right;
}

#review .user-reviews nav .pagination li:not(.active) a {
  color: #0e0066;
}

#review .user-reviews nav .pagination li.active > a {
  background-color: #0e0066;
  border-color: #0e0066;
}

#review .write-review {
  padding: 0 15px;
}

#content {
  border-top: solid 2px #160099 !important;
}

#detail {
  border-top: solid 2px rgb(253, 55, 0) !important;
}

#institution {
  border-top: solid 2px rgb(255, 140, 0) !important;
}

#forum {
  border-top: solid 2px #034b38 !important;
}

#forum .content {
  margin-top: 10px;
}

@media only screen and (max-width: 767px) {
  #forum .content {
    margin-top: 0;
  }
}

#forum .content .header-title {
  padding: 25px 0;
  color: #FFF;
  border: solid 2px #034b38;
  text-align: center;
  background: #034b38;
}

#forum .content .header-title h3 {
  margin: 0;
}

#forum .content .header-title h3 > i {
  margin-right: 10px;
}

#forum .content h4 {
  color: #034b38;
  font-weight: bolder;
  border: solid thin #034b38;
  border-top: none;
  margin: 0;
  padding: 10px;
}

#forum .content .amount-threads,
#forum .content .amount-homework {
  padding: 0 5px 0 25px;
}

#forum .content .amount-threads .threads,
#forum .content .amount-threads .homework,
#forum .content .amount-homework .threads,
#forum .content .amount-homework .homework {
  margin-bottom: 20px;
  margin-top: 10px;
  padding: 0 20px;
}

#forum .content .amount-threads .threads > .title,
#forum .content .amount-threads .homework > .title,
#forum .content .amount-homework .threads > .title,
#forum .content .amount-homework .homework > .title {
  border-bottom: solid thin #AAA;
  padding-bottom: 15px;
}

#forum .content .amount-threads .threads .thread,
#forum .content .amount-threads .homework .thread,
#forum .content .amount-homework .threads .thread,
#forum .content .amount-homework .homework .thread {
  background: #EFE;
  -webkit-box-shadow: 1px 1px 5px -4px;
  box-shadow: 1px 1px 5px -4px;
  margin-bottom: 10px !important;
}

#forum .content .amount-threads .threads .thread .content,
#forum .content .amount-threads .homework .thread .content,
#forum .content .amount-homework .threads .thread .content,
#forum .content .amount-homework .homework .thread .content {
  border-left: solid thin #DDD;
}

#forum .content .amount-threads .threads .thread .content > .title,
#forum .content .amount-threads .homework .thread .content > .title,
#forum .content .amount-homework .threads .thread .content > .title,
#forum .content .amount-homework .homework .thread .content > .title {
  font-weight: bold;
  font-size: 15px;
}

#forum .content .amount-threads .threads .thread .content .description,
#forum .content .amount-threads .homework .thread .content .description,
#forum .content .amount-homework .threads .thread .content .description,
#forum .content .amount-homework .homework .thread .content .description {
  line-height: 1;
  font-size: 12px;
}

#forum .content .amount-threads .threads .thread .content .thread-footer,
#forum .content .amount-threads .homework .thread .content .thread-footer,
#forum .content .amount-homework .threads .thread .content .thread-footer,
#forum .content .amount-homework .homework .thread .content .thread-footer {
  margin-top: 10px;
}

#forum .content .amount-threads .threads .thread .content .thread-footer .author,
#forum .content .amount-threads .homework .thread .content .thread-footer .author,
#forum .content .amount-homework .threads .thread .content .thread-footer .author,
#forum .content .amount-homework .homework .thread .content .thread-footer .author {
  margin-top: 10px;
}

@media only screen and (max-width: 767px) {
  #forum .content .amount-threads,
  #forum .content .amount-homework {
    padding: 0 15px;
  }
}

#forum .content .amount-homework {
  padding: 0 25px 0 5px;
}

@media only screen and (max-width: 767px) {
  #forum .content .amount-homework {
    padding: 0 15px;
  }
}

#forum > .link > .btn {
  background-color: #034b38;
}

#forum > .link > .btn:hover {
  background-color: #2ab27b;
}

#modal-review .modal-dialog .modal-header {
  padding: 0;
  background: #ffdd33;
  color: #2F2F2F;
}

#modal-review .modal-dialog .modal-header img {
  float: right;
  max-width: 130px;
  padding: 20px;
}

@media only screen and (max-width: 480px) {
  #modal-review .modal-dialog .modal-header img {
    max-width: 100px;
  }
}

#modal-review .modal-dialog .modal-header h4 {
  font-size: 37px;
  text-align: center;
  padding: 30px 130px 0 20px;
  font-weight: 300;
}

@media only screen and (max-width: 480px) {
  #modal-review .modal-dialog .modal-header h4 {
    font-size: 24px;
    padding: 25px 110px 0 20px;
  }
}

#modal-coupon {
  font-weight: 300;
}

#modal-coupon .modal-dialog .modal-header {
  padding: 0;
  background: #0C6F96;
  color: #FFF;
}

#modal-coupon .modal-dialog .modal-header img {
  float: right;
  max-width: 130px;
  padding-right: 10px;
}

@media only screen and (max-width: 480px) {
  #modal-coupon .modal-dialog .modal-header img {
    max-width: 100px;
  }
}

#modal-coupon .modal-dialog .modal-header h4 {
  font-size: 37px;
  text-align: center;
  padding: 30px 130px 0 20px;
  font-weight: 300;
}

@media only screen and (max-width: 480px) {
  #modal-coupon .modal-dialog .modal-header h4 {
    font-size: 24px;
    padding: 25px 110px 0 20px;
  }
}

#modal-coupon .modal-dialog .modal-body {
  padding: 15px 0;
}

#modal-coupon .modal-dialog .modal-body .limited-course {
  font-size: 19px;
  font-weight: lighter;
}

@media only screen and (max-width: 480px) {
  #modal-coupon .modal-dialog .modal-body .limited-course {
    font-size: 15px;
  }
}

#modal-coupon .modal-dialog .modal-body .options {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-shadow: 0px 0px 5px -2px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 5px -2px rgba(0, 0, 0, 0.5);
  margin-top: 10px;
  margin-bottom: -15px;
  border-top: solid thin #FFF;
  background: #FBFBFB;
  padding-bottom: 15px;
}

#modal-coupon .modal-dialog .modal-body .options h4 {
  color: #111;
}

#modal-coupon .modal-dialog .modal-body .options .coupon-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

#modal-coupon .modal-dialog .modal-body .options .coupon-form label {
  font-weight: normal;
}

@media only screen and (max-width: 768px) {
  #modal-coupon .modal-dialog .modal-body .options .coupon-form {
    width: 100%;
  }
}

#modal-coupon .modal-dialog .modal-body .options .divider {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 3px -10px 0;
  width: 20px;
}

#modal-coupon .modal-dialog .modal-body .options .divider .table-display {
  width: 100%;
  height: 100%;
}

#modal-coupon .modal-dialog .modal-body .options .divider .table-display .line {
  height: 100%;
  position: absolute;
  margin-left: 11px;
  border-left: solid thin #999;
}

#modal-coupon .modal-dialog .modal-body .options .divider .table-display .or {
  display: table-cell;
  vertical-align: middle;
}

#modal-coupon .modal-dialog .modal-body .options .divider .table-display .or div {
  background: #FFF;
  z-index: 99;
  position: relative;
  padding: 5px 0;
  text-align: center;
}

#modal-coupon .modal-dialog .modal-body .options .divider-horizontal {
  display: block;
  width: 100%;
  text-align: center;
  margin: 70px 0 20px;
}

#modal-coupon .modal-dialog .modal-body .options .divider-horizontal .line {
  border-top: solid thin #999;
  margin-top: 12px;
  position: absolute;
  width: 100%;
}

#modal-coupon .modal-dialog .modal-body .options .divider-horizontal .or {
  display: inline-block;
  padding: 0 10px;
  background: #FFF;
  position: relative;
  font-weight: bold;
}

#modal-coupon .modal-dialog .modal-body .options .payment-form {
  display: block;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

#modal-coupon .modal-dialog .modal-body .options .payment-form .price-container {
  margin-top: 18px;
}

#modal-coupon .modal-dialog .modal-body .options .payment-form .price-container .price {
  font-weight: normal;
  text-transform: capitalize;
  color: #222;
}

#modal-coupon .modal-dialog .modal-body .options .payment-form a.btn {
  display: block;
}

#modal-coupon .modal-dialog .modal-body .options .payment-form .method-logos {
  text-align: center;
}

#modal-coupon .modal-dialog .modal-body .options .payment-form .method-logos .input-group {
  width: 100%;
}

#modal-coupon .modal-dialog .modal-body .options .payment-form .method-logos input,
#modal-coupon .modal-dialog .modal-body .options .payment-form .method-logos label {
  display: inline;
}

#modal-coupon .modal-dialog .modal-body .options .payment-form .method-logos img {
  width: -webkit-calc(100% - 30px);
  width: calc(100% - 30px);
  margin-top: 10px;
}

#modal-coupon .modal-dialog .modal-body .options .payment-form .method-logos .pagopar-ci {
  margin-top: 10px;
}

@media only screen and (max-width: 768px) {
  #modal-coupon .modal-dialog .modal-body .options .payment-form {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) {
  #modal-coupon .modal-dialog {
    width: 700px;
  }
}

/**
 * Forum Page
 **/

.forum-content {
  background: #fff;
  padding-top: 15px;
}

.forum-content .tabs {
  margin-bottom: 15px;
}

.forum-content .tabs a {
  padding: 10px 15px;
  font-size: 19px;
  font-weight: bolder;
  border: solid thin #CCC;
  color: #666666;
  margin-top: 20px;
}

.forum-content .tabs a:hover {
  background: #EEE;
  color: #333;
  text-decoration: none;
}

.forum-content .tabs a.active {
  background: #59BD16;
  color: #FFF;
}

.forum-content .tabs a:first-child {
  border-right: none;
}

.thread-header.info {
  color: #696969;
  padding: 20px 0;
  z-index: 999;
  width: 100%;
  font-weight: bold;
  border-bottom: solid thin #D0D0D0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.12);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.12);
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  background: #FFF;
}

.thread-header.info .thread-name {
  font-size: 22px;
  text-transform: initial;
  margin-top: 10px;
  margin-bottom: 25px;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .thread-header.info .thread-name {
    font-size: 16px;
  }
}

.thread-content {
  padding-top: 15px;
}

.thread-content .header,
.thread-content .respond-content,
.thread-content .response {
  margin-bottom: 30px;
}

.thread-content .header .teacher-title,
.thread-content .header .student-title,
.thread-content .respond-content .teacher-title,
.thread-content .respond-content .student-title,
.thread-content .response .teacher-title,
.thread-content .response .student-title {
  font-weight: normal;
  font-size: 11px;
}

.thread-content .header.teacher .profile-box,
.thread-content .respond-content.teacher .profile-box,
.thread-content .response.teacher .profile-box {
  padding: 0;
}

.thread-content .header.teacher .profile-box .profile,
.thread-content .respond-content.teacher .profile-box .profile,
.thread-content .response.teacher .profile-box .profile {
  width: 100%;
  background-color: #F0FFF0;
  background-image: url("/assets/img/worn-dots.png");
  -webkit-background-size: 40% 40%;
  background-size: 40%;
  background-blend-mode: luminosity;
  border: solid thin #FFF;
  -webkit-box-shadow: -1px 1px 3px -2px;
  box-shadow: -1px 1px 3px -2px;
}

.thread-content .header.teacher .content,
.thread-content .respond-content.teacher .content,
.thread-content .response.teacher .content {
  background-color: #F0FFF0;
  background-image: url("/assets/img/worn-dots.png");
  -webkit-background-size: 7% 7%;
  background-size: 7%;
  background-blend-mode: luminosity;
  border: solid thin #FFF;
  -webkit-box-shadow: 1px 1px 4px -3px #000;
  box-shadow: 1px 1px 4px -3px #000;
}

.thread-content .header .profile,
.thread-content .respond-content .profile,
.thread-content .response .profile {
  background: #FFFFFF;
  padding: 20px 10px;
  border: solid thin #ddd;
  border-right: none;
}

.thread-content .header .profile .profile-data,
.thread-content .respond-content .profile .profile-data,
.thread-content .response .profile .profile-data {
  font-weight: bolder;
}

.thread-content .header .profile .profile-data .photo,
.thread-content .respond-content .profile .profile-data .photo,
.thread-content .response .profile .profile-data .photo {
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  float: none;
}

.thread-content .header .profile .date,
.thread-content .respond-content .profile .date,
.thread-content .response .profile .date {
  margin-top: 15px;
  font-size: 11px;
}

.thread-content .header .content,
.thread-content .respond-content .content,
.thread-content .response .content {
  background: #fff;
  padding-bottom: 20px;
  padding-top: 20px;
  min-height: 220px;
  border: solid thin #ddd;
}

.thread-content .header .content textarea,
.thread-content .respond-content .content textarea,
.thread-content .response .content textarea {
  display: block;
  width: 100%;
}

.thread-content .header .content .send-respond,
.thread-content .respond-content .content .send-respond,
.thread-content .response .content .send-respond {
  margin-top: 15px;
}

.thread-content .header .content .footer,
.thread-content .respond-content .content .footer,
.thread-content .response .content .footer {
  position: absolute;
  bottom: 10px;
  right: 15px;
}

.thread-content .pagination-info .title-responses {
  padding-bottom: 10px;
  font-weight: bold;
}

.thread-content .pagination-info span {
  display: inline-block;
  margin-bottom: 15px;
  padding: 10px 10px 5px;
  border-bottom: solid thin #666;
}

.thread-create {
  background: #fff;
  padding-top: 15px;
}

.thread-create h5 {
  font-size: 15px;
  font-weight: bolder;
  border-bottom: solid thin #EEE;
  padding-bottom: 15px;
  margin-bottom: 30px;
  margin-top: 0;
}

.thread-create form {
  padding: 20px;
}

.thread-create form .name-thread {
  border: none;
  border-bottom: solid 2px #CCC;
  margin-bottom: 20px;
  font-size: 23px;
  display: block;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  min-width: 200px;
}

.thread-create form .name-thread:active,
.thread-create form .name-thread:focus {
  border-bottom: solid 2px #696969;
}

/**
 * Waiting Payment
 */

.waiting-payment > .waiting-container {
  background: #FFF !important;
  min-height: 60vh;
  padding: 10px;
  text-align: center;
}

.waiting-payment > .waiting-container .table-display {
  width: 100%;
  height: 60vh;
}

.waiting-payment > .waiting-container .table-display .waiting-message {
  display: table-cell;
  vertical-align: middle;
}

.waiting-payment > .waiting-container .table-display .waiting-message img {
  width: 130px;
}

@media only screen and (max-width: 768px) {
  .waiting-payment > .waiting-container .table-display .waiting-message img {
    width: 100px;
  }
}

.waiting-payment > .waiting-container .table-display .waiting-message h3 {
  font-weight: 300;
}

@media only screen and (max-width: 768px) {
  .waiting-payment > .waiting-container .table-display .waiting-message h3 {
    margin-top: 10px;
    font-size: 20px;
  }
}

/**
 * Lesson Page
 **/

body.lesson header > .course-header {
  color: #696969;
  padding-top: 60px;
  z-index: 999;
  width: 100%;
  text-transform: uppercase;
  font-weight: bold;
}

@media (max-width: 767px) {
  body.lesson header > .course-header {
    position: fixed;
    top: 0;
  }
}

body.lesson header > .course-header.info {
  background: #FFFFFF;
  border-bottom: solid thin #D0D0D0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.12);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.12);
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

body.lesson header > .course-header.info .container {
  padding: 10px 15px;
}

body.lesson header > .course-header.info .container .backcourse {
  font-size: 13px;
  color: #000000;
  display: inline-block;
  font-weight: normal;
}

body.lesson header > .course-header.info .container .course-name {
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  display: block;
  padding: 8px 0;
  text-transform: capitalize;
  color: #2F2F2F;
}

body.lesson header > .course-header.info .container .prevnextbtn {
  display: inline-block;
  font-weight: normal;
  color: #000000;
}

body.lesson header > .course-header.info .container .prevnextbtn > span {
  font-size: 13px;
}

body.lesson header > .course-header.info .container .prevnextbtn:last-child {
  margin-left: 10px;
}

@media (max-width: 479px) {
  body.lesson header > .course-header.info .container .prevnextbtn:last-child {
    margin-left: 3px;
  }
}

@media only screen and (min-width: 768px) {
  body.lesson header > .course-header.info .container {
    width: 750px;
  }
}

@media only screen and (min-width: 992px) {
  body.lesson header > .course-header.info .container {
    width: 970px;
  }
}

@media only screen and (min-width: 1200px) {
  body.lesson header > .course-header.info .container {
    width: 1170px;
  }
}

body.lesson header.testing-warn-inside .course-header {
  padding-top: 93px;
}

footer.footerLesson {
  font-size: 13px;
  margin-bottom: -20px;
  margin: 30px -20px -20px;
  background: #F2F2F2;
  border-top: solid thin #FFF;
  -webkit-box-shadow: 0px -2px 1px -1px rgba(0, 0, 0, 0.15);
  box-shadow: 0px -2px 1px -1px rgba(0, 0, 0, 0.15);
  padding: 10px 25px;
}

footer.footerLesson > div > a {
  color: #000000;
}

@media only screen and (max-width: 767px) {
  footer.footerLesson .go-back-controller a {
    width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 10px;
  }
}

footer.footerLesson .take-test {
  text-align: center;
  margin-top: -15px;
}

@media only screen and (max-width: 767px) {
  footer.footerLesson .take-test {
    margin-top: 0;
  }
}

footer.footerLesson .take-test a {
  display: inline-block;
  padding: 10px;
  margin-top: -17px;
  border: solid thin #CCC;
  font-size: 16px;
}

@media only screen and (max-width: 767px) {
  footer.footerLesson .take-test a {
    margin-top: 0;
  }
}

footer.footerLesson .take-test a img {
  width: 30px;
}

footer.footerLesson .take-test a .svg {
  vertical-align: middle;
  margin-right: 7px;
  width: 30px;
  height: 30px;
}

footer.footerLesson .p-n-controllers {
  text-align: right;
}

@media only screen and (max-width: 767px) {
  footer.footerLesson .p-n-controllers {
    margin-top: 10px;
    text-align: center;
  }
}

footer.footerLesson .p-n-controllers .prevnextbtn {
  display: inline-block;
  font-weight: normal;
  color: #000000;
}

footer.footerLesson .p-n-controllers .prevnextbtn > span {
  padding: 0 5px;
}

footer.footerLesson .p-n-controllers .prevnextbtn:first-child > span {
  padding-right: 10px;
}

footer.footerLesson .p-n-controllers .prevnextbtn:nth-child(2) > span {
  border-left: solid thin #999;
}

.lesson > .container {
  padding-top: 0px !important;
  margin-top: 20px;
}

.lesson > .container .arrow-navigation {
  background: white;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  padding: 20px 30px;
  -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 50%;
  margin-top: -20px;
  font-size: 25px;
  color: #333;
  z-index: 999;
}

.lesson > .container .arrow-navigation.left {
  margin-left: -45px;
}

@media only screen and (max-width: 768px) {
  .lesson > .container .arrow-navigation.left {
    display: none;
  }
}

.lesson > .container .arrow-navigation.right {
  margin-left: 1100px;
}

@media only screen and (max-width: 1200px) {
  .lesson > .container .arrow-navigation.right {
    margin-left: 905px;
  }
}

@media only screen and (max-width: 991px) {
  .lesson > .container .arrow-navigation.right {
    margin-left: 685px;
  }
}

@media only screen and (max-width: 768px) {
  .lesson > .container .arrow-navigation.right {
    display: none;
  }
}

.lesson > .container .mobile-arrow-navigation-container {
  text-align: center;
  position: relative;
  z-index: 999;
}

.lesson > .container .mobile-arrow-navigation-container .arrow-navigation-mobile {
  display: inline-block;
  background: white;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 20px 30px;
  -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
  font-size: 20px;
  color: #333;
  z-index: 999;
}

.lesson > .container .lesson-content {
  margin: 0;
  background: rgba(255, 255, 255, 0.8);
  padding: 20px;
  color: #333;
  -webkit-box-shadow: 0 0 8px -5px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px -5px rgba(0, 0, 0, 0.6);
}

.lesson > .container .lesson-content .cards .slick-prev,
.lesson > .container .lesson-content .cards .slick-next {
  display: none !important;
}

.lesson > .container .lesson-content figure {
  margin: 1em 40px;
}

.lesson > .container .lesson-content figure.image {
  text-align: center;
}

.lesson > .container .lesson-content figure.image img {
  width: 100%;
}

.lesson > .container .lesson-content figure.image > figcaption {
  display: table-caption;
  caption-side: bottom;
  word-break: break-word;
  color: #333;
  background-color: #f7f7f7;
  padding: 0.6em;
  font-size: 0.75em;
  outline-offset: -1px;
  width: 100%;
}

@media only screen and (max-width: 480px) {
  .lesson > .container .lesson-content figure.image {
    width: 100% !important;
  }
}

.lesson > .container .lesson-content figure.image,
.lesson > .container .lesson-content figure.image.image_resized {
  margin-left: auto;
  margin-right: auto;
}

.lesson > .container .lesson-content figure.image.image-style-side {
  position: relative;
  float: right;
  margin-left: 1.5em;
  max-width: 50%;
}

@media only screen and (max-width: 480px) {
  .lesson > .container .lesson-content figure.image.image-style-side {
    max-width: 80% !important;
  }
}

.lesson > .container .lesson-content figure.table {
  margin-left: auto;
  margin-right: auto;
}

.lesson > .container .lesson-content figure.table table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  height: 100%;
}

.lesson > .container .lesson-content figure.table table td {
  min-width: 2em;
  padding: 0.4em;
}

.lesson > .container .lesson-content figure.media {
  clear: both;
  margin: 1em 0;
  display: block;
  min-width: 15em;
}

.lesson > .container .lesson-content hr {
  border-top-color: #5e5e5e;
}

.lesson > .container .lesson-content .text-tiny {
  font-size: 0.7em;
}

.lesson > .container .lesson-content .text-small {
  font-size: 0.85em;
}

.lesson > .container .lesson-content .text-big {
  font-size: 1.4em;
}

.lesson > .container .lesson-content .text-huge {
  font-size: 1.8em;
}

.lesson > .container .lesson-content mark.marker-yellow {
  background: #fdfd77;
}

.lesson > .container .lesson-content mark.marker-green {
  background-color: #63f963;
}

.lesson > .container .lesson-content mark.marker-pink {
  background-color: #fc7999;
}

.lesson > .container .lesson-content mark.marker-blue {
  background-color: #72cdfd;
}

.lesson > .container .lesson-content mark.pen-red {
  color: #e91313;
  background-color: transparent;
}

.lesson > .container .lesson-content mark.pen-green {
  color: #180;
  background-color: transparent;
}

.lesson > .container .lesson-content blockquote {
  overflow: hidden;
  padding-right: 1.5em;
  padding-left: 1.5em;
  margin-left: 0;
  margin-right: 0;
  font-style: italic;
  border-left: 5px solid #ccc;
  font-size: 17.5px;
}

.lesson > .container .lesson-content h3 {
  margin: 5px 0 15px;
  font-weight: bold;
}

.lesson > .container .lesson-content.kuaaly-full-content-container {
  padding: 0;
  max-height: 600px;
  margin: 0 auto;
  max-width: 765px;
}

@media only screen and (max-width: 768px) {
  .lesson > .container .lesson-content.kuaaly-full-content-container {
    margin-top: 100px;
  }
}

.lesson > .container .lesson-content.kuaaly-full-content-container h3:first-child {
  display: none;
  padding: 15px 20px;
  text-align: center;
  margin: 0;
}

@media only screen and (max-width: 480px) {
  .lesson > .container .lesson-content.kuaaly-full-content-container h3:first-child {
    font-size: 17px;
  }
}

.lesson > .container .lesson-content.kuaaly-full-content-container figure {
  margin: 0;
  width: 100%;
}

.lesson > .container .lesson-content.kuaaly-full-content-container img {
  width: 100%;
}

@media (max-width: 767px) {
  .lesson > .container .lesson-content {
    margin-top: 100px;
  }
}

.lesson > .container .next-content {
  margin-top: 15px;
  margin-bottom: 15px;
}

.lesson > .container .notif-next-lesson {
  position: fixed;
  bottom: 150px;
  left: 0;
  width: 100%;
  z-index: 9999;
  display: none;
}

.lesson > .container .notif-next-lesson .container {
  padding: 10px 15px;
}

.lesson > .container .notif-next-lesson .container .notification {
  min-height: 100px;
  padding: 10px;
  border: solid thin #B9B9B9;
  background: #FFFFFF;
}

.lesson > .container .notif-next-lesson .container .notification .icon {
  font-size: 55px;
  text-align: center;
}

.lesson > .container .notif-next-lesson .container .notification .icon .take-test {
  width: 100% !important;
  fill: #cc7000;
}

.lesson > .container .notif-next-lesson .container .notification header {
  font-weight: bold;
  font-size: 15px;
}

.lesson > .container .notif-next-lesson .container .notification .loadingNextLesson .wrapper {
  position: relative;
  /*margin: 40px auto;*/
  background: white;
}

.lesson > .container .notif-next-lesson .container .notification .loadingNextLesson .wrapper.completed .filler.pie {
  opacity: 1 !important;
}

.lesson > .container .notif-next-lesson .container .notification .loadingNextLesson .wrapper.completed .mask {
  z-index: -1;
}

.lesson > .container .notif-next-lesson .container .notification .loadingNextLesson .wrapper,
.lesson > .container .notif-next-lesson .container .notification .loadingNextLesson .wrapper * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.lesson > .container .notif-next-lesson .container .notification .loadingNextLesson .wrapper {
  width: 62px;
  height: 62px;
}

.lesson > .container .notif-next-lesson .container .notification .loadingNextLesson .wrapper .pie {
  width: 50%;
  height: 100%;
  -webkit-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  position: absolute;
  background: #FFFFFF;
  border: 6px solid #AEAEAE;
}

.lesson > .container .notif-next-lesson .container .notification .loadingNextLesson .wrapper .spinner {
  -webkit-border-radius: 100% 0 0 100%/50% 0 0 50%;
  border-radius: 100% 0 0 100%/50% 0 0 50%;
  z-index: 200;
  border-right: none;
}

.lesson > .container .notif-next-lesson .container .notification .loadingNextLesson .wrapper.animate .spinner {
  -webkit-animation: rota 10s linear;
  -o-animation: rota 10s linear;
  animation: rota 10s linear;
}

.lesson > .container .notif-next-lesson .container .notification .loadingNextLesson .wrapper:hover .spinner,
.lesson > .container .notif-next-lesson .container .notification .loadingNextLesson .wrapper:hover .filler,
.lesson > .container .notif-next-lesson .container .notification .loadingNextLesson .wrapper:hover .mask {
  -webkit-animation-play-state: running;
  -o-animation-play-state: running;
  animation-play-state: running;
}

.lesson > .container .notif-next-lesson .container .notification .loadingNextLesson .wrapper .filler {
  -webkit-border-radius: 0 100% 100% 0/0 50% 50% 0;
  border-radius: 0 100% 100% 0/0 50% 50% 0;
  left: 50%;
  opacity: 0;
  z-index: 100;
  border-left: none;
}

.lesson > .container .notif-next-lesson .container .notification .loadingNextLesson .wrapper.animate .filler {
  animation: opa 10s steps(1, end) reverse;
}

.lesson > .container .notif-next-lesson .container .notification .loadingNextLesson .wrapper .mask {
  width: 50%;
  height: 100%;
  position: absolute;
  background: inherit;
  opacity: 1;
  z-index: 300;
}

.lesson > .container .notif-next-lesson .container .notification .loadingNextLesson .wrapper.animate .mask {
  -webkit-animation: opa 10s steps(1, end);
  -o-animation: opa 10s steps(1, end);
  animation: opa 10s steps(1, end);
}

@-webkit-keyframes rota {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-o-keyframes rota {
  0% {
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rota {
  0% {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes opa {
  0% {
    opacity: 1;
  }

  50%, 100% {
    opacity: 0;
  }
}

@-o-keyframes opa {
  0% {
    opacity: 1;
  }

  50%, 100% {
    opacity: 0;
  }
}

@keyframes opa {
  0% {
    opacity: 1;
  }

  50%, 100% {
    opacity: 0;
  }
}

@media only screen and (max-width: 767px) {
  .lesson > .container .notif-next-lesson {
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    height: 225px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .lesson > .container .notif-next-lesson {
    bottom: 162px;
  }
}

.lesson > .container #modal-confirm-test .modal-header {
  padding: 0;
  background: #DBD800;
  color: #232323;
  display: table;
  width: 100%;
}

.lesson > .container #modal-confirm-test .modal-header .modal-title {
  font-size: 40px;
  text-align: center;
  padding: 15px 5px 15px 40px;
  font-weight: 300;
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
  .lesson > .container #modal-confirm-test .modal-header .modal-title {
    font-size: 30px;
  }
}

@media only screen and (max-width: 480px) {
  .lesson > .container #modal-confirm-test .modal-header .modal-title {
    font-size: 25px;
    padding: 5px 5px 5px 30px;
  }
}

.lesson > .container #modal-confirm-test .modal-header img {
  max-width: 130px;
}

@media only screen and (max-width: 768px) {
  .lesson > .container #modal-confirm-test .modal-header img {
    max-width: 100px;
  }
}

.lesson > .container #modal-confirm-test .modal-body > div {
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
  .lesson > .container #modal-confirm-test .modal-body > div {
    font-size: 15px;
  }
}

@media only screen and (max-width: 480px) {
  .lesson > .container #modal-confirm-test .modal-body > div {
    font-size: 13px;
  }
}

@media screen and (max-width: 500px) {
  .lesson > .container .plyr .plyr__controls button[data-plyr=pip],
  .lesson > .container .plyr .plyr__controls button[data-plyr=mute],
  .lesson > .container .plyr .plyr__controls button[data-plyr=volume],
  .lesson > .container .plyr .plyr__controls .plyr__volume {
    display: none;
  }
}

#back-to-course {
  background-color: #0D0E4B;
  color: white;
  border: none;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  -webkit-box-shadow: 0 4px 6px rgba(0, 123, 255, 0.3);
  box-shadow: 0 4px 6px rgba(0, 123, 255, 0.3);
  -webkit-transition: background-color 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: background-color 0.3s ease, -webkit-box-shadow 0.3s ease;
  -o-transition: background-color 0.3s ease, box-shadow 0.3s ease;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
  transition: background-color 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
}

.modal-confirm-test-limite .modal-header {
  padding: 0;
  background: #db6d0a;
  color: #232323;
  display: table;
  width: 100%;
}

.modal-confirm-test-limite .modal-header .modal-title {
  font-size: 32px;
  text-align: center;
  padding: 15px 5px 15px 40px;
  font-weight: normal;
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  color: #FFF;
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
  .modal-confirm-test-limite .modal-header .modal-title {
    font-size: 30px;
  }
}

@media only screen and (max-width: 480px) {
  .modal-confirm-test-limite .modal-header .modal-title {
    font-size: 25px;
    padding: 5px 5px 5px 30px;
  }
}

.modal-confirm-test-limite .modal-header img {
  max-width: 130px;
}

@media only screen and (max-width: 768px) {
  .modal-confirm-test-limite .modal-header img {
    max-width: 100px;
  }
}

.modal-confirm-test-limite .modal-body > div {
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
  .modal-confirm-test-limite .modal-body > div {
    font-size: 15px;
  }
}

@media only screen and (max-width: 480px) {
  .modal-confirm-test-limite .modal-body > div {
    font-size: 13px;
  }
}

/**
 * Kuaaly banners
 */

.ka {
  text-align: center;
}

.ka img {
  max-width: 100%;
}

/**
 * Terminos y Condiciones Page
 **/

.tyc-content {
  margin: 0;
  background: rgba(255, 255, 255, 0.8);
  padding: 20px;
  color: #333;
}

/**
 * LOGIN PAGE
 **/

/**
 * LOGIN PAGE
 **/

body.login {
  width: 100%;
}

body.login .container-background {
  display: block !important;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-image: url("../img/resource-bg-01.svg");
  background-repeat: no-repeat;
  -webkit-background-size: auto 90%;
  background-size: auto 90%;
  background-position-y: center;
  background-position-x: 20%;
}

body.login #frm-forgot-mobile input[type=number],
body.login #frm-forgot-mobile-last input[type=number] {
  -moz-appearance: textfield;
}

body.login #frm-forgot-mobile input[type=number]::-webkit-outer-spin-button,
body.login #frm-forgot-mobile input[type=number]::-webkit-inner-spin-button,
body.login #frm-forgot-mobile-last input[type=number]::-webkit-outer-spin-button,
body.login #frm-forgot-mobile-last input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

body.login #frm-register .modal-body {
  padding-bottom: 0;
}

body.login #frm-register .control-label {
  margin-bottom: 0;
}

body.login #frm-register .chosen-container {
  width: 100% !important;
  height: 36px;
}

body.login #frm-register .chosen-container .chosen-single {
  padding: 5px 10px;
  height: 36px;
}

body.login #frm-register .chosen-container .chosen-single div {
  padding-top: 5px;
}

@media (max-width: 479px) {
  body.login #frm-register .checkbox {
    margin-top: -10px;
    margin-bottom: -35px;
  }
}

@media (max-width: 359px) and (min-width: 320px) {
  body.login #frm-register .g-recaptcha {
    -webkit-transform: scale(0.82);
    -ms-transform: scale(0.82);
    -o-transform: scale(0.82);
    transform: scale(0.82);
    margin-left: -15px;
  }
}

@media (max-width: 319px) {
  body.login #frm-register .g-recaptcha {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
    margin-left: -30px;
  }
}

body.login #frm-register .g-recaptcha > div {
  margin: 0 auto;
}

body.login #frm-register .second-step-new-acc input {
  height: 38px;
  font-size: 30px;
  text-align: center;
  -moz-appearance: textfield;
  /* Chrome, Safari, Edge, Opera */
}

body.login #frm-register .second-step-new-acc input::-webkit-outer-spin-button,
body.login #frm-register .second-step-new-acc input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

body.login #frm-register .second-step-new-acc input::-webkit-input-placeholder {
  font-size: 14px;
}

body.login #frm-register .second-step-new-acc input::-moz-placeholder {
  font-size: 14px;
}

body.login #frm-register .second-step-new-acc input:-ms-input-placeholder {
  font-size: 14px;
}

body.login #frm-register .second-step-new-acc input::-ms-input-placeholder {
  font-size: 14px;
}

body.login #frm-register .second-step-new-acc input::placeholder {
  font-size: 14px;
}

body.login #frm-register .second-step-new-acc .resend-sms {
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
}

body.login #frm-register .second-step-new-acc .resend-sms span.time {
  position: absolute;
  margin: -7px -13px;
  background: #3097d1;
  height: 36.4px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  width: 0;
  z-index: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
}

body.login #frm-register .second-step-new-acc .resend-sms span.resend-text {
  z-index: 20;
  position: relative;
}

body.login .container {
  display: table;
  height: 100vh;
}

body.login .container .vertical-center {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}

body.login .container .account-box {
  -webkit-border-radius: 50px;
  border-radius: 50px;
  z-index: 3;
  font-size: 13px !important;
  padding: 0 50px 20px;
  background: rgb(255, 255, 255);
  min-height: 100%;
  -webkit-box-shadow: 0 0 200px 200px rgba(62, 167, 255, 0.05);
  box-shadow: 0 0 200px 200px rgba(62, 167, 255, 0.05);
  text-align: center;
}

@media only screen and (max-width: 479px) {
  body.login .container .account-box {
    padding: 0 15px 20px;
  }
}

body.login .container .account-box .logo {
  text-align: center;
  padding: 60px 0 20px;
}

body.login .container .account-box .logo img {
  width: 140px;
}

@media only screen and (max-width: 479px) {
  body.login .container .account-box .logo {
    padding: 25px 0 5px;
  }
}

body.login .container .account-box .title {
  color: #000000;
  text-align: center;
  margin: 0 0 10px 0;
  font-weight: normal;
  font-family: "Lato", sans-serif;
}

@media only screen and (max-width: 479px) {
  body.login .container .account-box .title {
    margin: 0 0 10px 0;
  }
}

body.login .container .account-box .login-body {
  overflow: hidden;
  max-height: 0;
  height: auto;
  -webkit-transition: max-height 300ms ease-in-out;
  -o-transition: max-height 300ms ease-in-out;
  transition: max-height 300ms ease-in-out;
}

body.login .container .account-box .login-body.expanded {
  max-height: 5000px;
  padding: 20px 15px 25px;
  -webkit-transition: max-height 300ms ease-in-out;
  -o-transition: max-height 300ms ease-in-out;
  transition: max-height 300ms ease-in-out;
}

body.login .container .account-box .login-body .social-login .title {
  font-size: 22px;
  margin-bottom: 0;
}

@media only screen and (max-width: 479px) {
  body.login .container .account-box .login-body .social-login .title {
    font-size: 20px;
  }
}

body.login .container .account-box .login-body .social-login > div {
  margin: 10px 0;
}

body.login .container .account-box .login-body .social-login > div a {
  font-size: 15px;
}

@media only screen and (max-width: 479px) {
  body.login .container .account-box .login-body .social-login > div a {
    font-size: 14px;
  }
}

body.login .container .account-box .login-body .social-login > div a i {
  margin-right: 5%;
  display: inline-block;
  font-size: 17px;
}

@media only screen and (max-width: 479px) {
  body.login .container .account-box .login-body .social-login > div a i {
    font-size: 14px;
  }
}

body.login .container .account-box .login-body .social-login .facebook .btn-facebook {
  background-color: #4267B2;
  padding: 4px 12px;
  font-size: 14px;
}

body.login .container .account-box .login-body .social-login .facebook .btn-facebook img {
  vertical-align: middle;
  height: 20px;
  margin-right: 5px;
  margin-top: -2px;
}

body.login .container .account-box .login-body .social-login .google .btn-google {
  background-color: #d34836;
}

body.login .container .account-box .login-body .login-with-email,
body.login .container .account-box .login-body .login-with-number {
  padding-right: 27px;
  margin-top: 10px;
}

body.login .container .account-box .login-body .login-with-email i,
body.login .container .account-box .login-body .login-with-number i {
  margin-right: 5%;
}

body.login .container .account-box .login-body .conventional-login {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 200ms ease;
  -o-transition: max-height 200ms ease;
  transition: max-height 200ms ease;
  border-top: none !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body.login .container .account-box .login-body .conventional-login.expanded {
  max-height: 600px;
  border-top: 1px solid #dcdcdc !important;
  margin-top: 20px !important;
  padding-top: 20px !important;
}

body.login .container .account-box .login-body .conventional-login .title {
  font-size: 17px;
  color: #060660;
}

@media only screen and (max-width: 479px) {
  body.login .container .account-box .login-body .conventional-login .title {
    font-size: 15px;
  }
}

body.login .container .account-box .login-body .conventional-login .form-control {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #F2F2F2;
  color: #4949a1;
}

body.login .container .account-box .login-body .conventional-login .forgotLnk {
  display: block;
  color: black;
  margin-top: 3px;
}

body.login .container .account-box .login-body .conventional-login .forgotLnk:hover,
body.login .container .account-box .login-body .conventional-login .forgotLnk:active {
  color: #5a5a5a;
}

@media only screen and (max-width: 767px) {
  body.login .container .account-box .login-body .conventional-login .forgotLnk {
    margin-top: 10px;
  }
}

body.login .container .account-box .login-body .conventional-login #btn_login {
  font-size: 20px;
}

body.login .container .account-box .login-body button {
  font-size: 14px;
}

body.login .container .account-box .login-body button i {
  margin-right: 5%;
  display: inline-block;
  font-size: 17px;
}

@media only screen and (max-width: 479px) {
  body.login .container .account-box .login-body button i {
    font-size: 14px;
  }
}

body.login .container .account-box .login-body .blue-bg {
  background-color: #5033ff;
  color: #FFFFFF;
  font-family: "Lato", sans-serif;
}

body.login .container .account-box .login-body .red-bg {
  background-color: rgb(253, 55, 0);
  color: #FFFFFF;
  font-family: "Lato", sans-serif;
}

body.login .container .account-box .login-body .orange-bg {
  background: rgb(255, 140, 0);
  color: #FFF;
}

body.login .container .account-box .login-body .register-panel {
  margin-top: 20px !important;
  padding-top: 20px !important;
}

body.login .container .account-box .login-body .register-panel .btn {
  background-color: #1a8732;
  border: none;
  color: #FFFFFF;
  font-family: "Lato", sans-serif;
}

@media only screen and (max-width: 479px) {
  body.login .container .account-box .login-body .register-panel {
    margin-top: 10px !important;
    padding-top: 10px !important;
  }
}

body.login .container .account-box .login-body .or-box {
  position: relative;
  border-top: 1px solid #DCDCDC;
  padding-top: 30px;
  margin-top: 50px;
  border-top: 2px solid #ecebeb;
}

body.login .container .account-box .login-body .or-box .or {
  color: #060660;
  background-color: #FFFFFF;
  position: absolute;
  text-align: center;
  top: -13px;
  width: 30px;
  display: inline-block;
  margin-left: -15px;
}

@media only screen and (max-width: 479px) {
  body.login .container .account-box .login-body .or-box {
    padding-top: 15px;
    margin-top: 20px;
  }
}

body.login .container .account-box .login-body .btn:hover {
  text-decoration: none;
}

body.login .container .copyright {
  margin: 0;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

body.login .container .copyright .copyright-text {
  font-size: 12px;
}

body.login .container .login-language-selector {
  text-align: right;
}

@media only screen and (max-width: 767px) {
  body.login .container {
    width: 100%;
  }
}

/**
 * PROFILE PAGE
 **/

.profile-header {
  position: relative;
  overflow: hidden;
  margin: 0;
  margin-top: -9px;
}

.profile-header .info {
  width: 100%;
  padding: 20px;
  overflow: hidden;
  position: relative;
  background-color: rgba(14, 0, 102, 0.4);
}

.profile-header .info .overlay {
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
  -webkit-filter: blur(10px);
  filter: blur(10px);
  top: -10%;
  left: -3%;
  width: 105%;
  height: 115%;
  position: absolute;
}

.profile-header .info .institucion {
  margin: 20px auto 10px;
  font-size: 14px;
  width: 150px;
  max-width: 100%;
  text-align: center;
  display: block;
}

.profile-header .info .institucion img {
  width: 100%;
  height: auto;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #FFFFFF;
  -webkit-background-size: cover;
  background-size: cover;
  display: block;
}

.profile-header .info .institucion label {
  color: #FFFFFF;
}

.profile-header .info .btn {
  margin-top: 15px;
}

.profile-body {
  background: #FFFFFF;
  padding: 25px 15px 60px;
}

/**
 * TEST PAGE
 **/

/**
 * TEST PAGE
 **/

body.test .testing-warn-inside .course-header.info {
  padding-top: 85px;
}

body.test .course-header.info {
  color: #696969;
  padding-top: 60px;
  z-index: 999;
  width: 100%;
  font-weight: bold;
  border-bottom: solid thin #D0D0D0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.12);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.12);
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

body.test .course-header.info .test-of {
  text-align: center;
  margin-top: 30px;
  text-transform: none;
  color: #FFF;
  font-weight: 400;
  font-size: 15px;
}

body.test .course-header.info h3 {
  font-size: 22px;
  text-transform: initial;
  color: rgb(255, 140, 0);
  margin-top: 10px;
  margin-bottom: 25px;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  body.test .course-header.info h3 {
    font-size: 16px;
  }
}

body.test > .container {
  margin-top: 30px;
  margin-bottom: 80px;
  padding: 0;
}

body.test > .container.started {
  width: 100%;
  background: #FFFFFF !important;
}

body.test > .container.started > .container {
  margin: 0 auto;
}

body.test > .container:not(.started) .container {
  padding: 0 !important;
  background: #FFFFFF !important;
}

body.test > .container .arrow-navigation {
  background: white;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  padding: 20px 30px;
  -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 50%;
  margin-top: -20px;
  font-size: 25px;
  color: #333;
  z-index: 999;
}

body.test > .container .arrow-navigation.left {
  margin-left: -45px;
}

@media only screen and (max-width: 768px) {
  body.test > .container .arrow-navigation.left {
    display: none;
  }
}

body.test > .container .arrow-navigation.right {
  margin-left: 1100px;
}

@media only screen and (max-width: 1200px) {
  body.test > .container .arrow-navigation.right {
    margin-left: 905px;
  }
}

@media only screen and (max-width: 991px) {
  body.test > .container .arrow-navigation.right {
    margin-left: 685px;
  }
}

@media only screen and (max-width: 768px) {
  body.test > .container .arrow-navigation.right {
    display: none;
  }
}

body.test > .container .mobile-arrow-navigation-container {
  text-align: center;
  position: relative;
  z-index: 999;
}

body.test > .container .mobile-arrow-navigation-container .arrow-navigation-mobile {
  display: inline-block;
  background: white;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 20px 30px;
  -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
  font-size: 20px;
  color: #333;
  z-index: 999;
}

body.test > .container .test-modal .modal-header {
  padding: 0;
  color: #232323;
  display: table;
  width: 100%;
}

body.test > .container .test-modal .modal-header.popup-offline {
  background: #FF6D6D;
  color: #FFFFFF;
}

body.test > .container .test-modal .modal-header .modal-title {
  font-size: 40px;
  text-align: center;
  padding: 15px 5px 15px 40px;
  font-weight: 300;
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
  body.test > .container .test-modal .modal-header .modal-title {
    font-size: 30px;
  }
}

@media only screen and (max-width: 480px) {
  body.test > .container .test-modal .modal-header .modal-title {
    font-size: 25px;
    padding: 5px 5px 5px 30px;
  }
}

body.test > .container .test-modal .modal-header img {
  max-width: 130px;
}

@media only screen and (max-width: 768px) {
  body.test > .container .test-modal .modal-header img {
    max-width: 100px;
  }
}

body.test > .container .test-modal .modal-body > div {
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
  body.test > .container .test-modal .modal-body > div {
    font-size: 15px;
  }
}

@media only screen and (max-width: 480px) {
  body.test > .container .test-modal .modal-body > div {
    font-size: 13px;
  }
}

body.test > .container .container {
  padding: 40px 10px;
  background: #FFFFFF !important;
}

body.test > .container .container .start-test,
body.test > .container .container .test-ended,
body.test > .container .container .limit-reached-test,
body.test > .container .container .limit-reached-test-but-allowed-retry {
  min-height: -webkit-calc(100vh - 450px);
  min-height: calc(100vh - 450px);
  display: table;
  width: 100%;
}

body.test > .container .container .start-test .header,
body.test > .container .container .test-ended .header,
body.test > .container .container .limit-reached-test .header,
body.test > .container .container .limit-reached-test-but-allowed-retry .header {
  padding: 0;
  display: table;
  width: 100%;
  color: #FFFFFF;
}

body.test > .container .container .start-test .header .title,
body.test > .container .container .test-ended .header .title,
body.test > .container .container .limit-reached-test .header .title,
body.test > .container .container .limit-reached-test-but-allowed-retry .header .title {
  font-size: 40px;
  text-align: center;
  padding: 15px 5px 15px 40px;
  font-weight: 300;
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
  body.test > .container .container .start-test .header .title,
  body.test > .container .container .test-ended .header .title,
  body.test > .container .container .limit-reached-test .header .title,
  body.test > .container .container .limit-reached-test-but-allowed-retry .header .title {
    font-size: 30px;
  }
}

@media only screen and (max-width: 480px) {
  body.test > .container .container .start-test .header .title,
  body.test > .container .container .test-ended .header .title,
  body.test > .container .container .limit-reached-test .header .title,
  body.test > .container .container .limit-reached-test-but-allowed-retry .header .title {
    font-size: 25px;
    padding: 5px 5px 5px 30px;
  }
}

body.test > .container .container .start-test .header img,
body.test > .container .container .test-ended .header img,
body.test > .container .container .limit-reached-test .header img,
body.test > .container .container .limit-reached-test-but-allowed-retry .header img {
  max-width: 130px;
}

@media only screen and (max-width: 768px) {
  body.test > .container .container .start-test .header img,
  body.test > .container .container .test-ended .header img,
  body.test > .container .container .limit-reached-test .header img,
  body.test > .container .container .limit-reached-test-but-allowed-retry .header img {
    max-width: 100px;
  }
}

body.test > .container .container .start-test .body,
body.test > .container .container .test-ended .body,
body.test > .container .container .limit-reached-test .body,
body.test > .container .container .limit-reached-test-but-allowed-retry .body {
  text-align: center;
  display: table-row;
}

body.test > .container .container .start-test .body p,
body.test > .container .container .test-ended .body p,
body.test > .container .container .limit-reached-test .body p,
body.test > .container .container .limit-reached-test-but-allowed-retry .body p {
  font-size: 20px;
  text-align: center;
  margin-top: 35px;
  padding: 0 45px;
}

body.test > .container .container .start-test .body ul,
body.test > .container .container .test-ended .body ul,
body.test > .container .container .limit-reached-test .body ul,
body.test > .container .container .limit-reached-test-but-allowed-retry .body ul {
  display: inline-block;
}

body.test > .container .container .start-test .body ul li,
body.test > .container .container .test-ended .body ul li,
body.test > .container .container .limit-reached-test .body ul li,
body.test > .container .container .limit-reached-test-but-allowed-retry .body ul li {
  font-size: 14px;
}

body.test > .container .container .start-test .body .attempt-limit span,
body.test > .container .container .test-ended .body .attempt-limit span,
body.test > .container .container .limit-reached-test .body .attempt-limit span,
body.test > .container .container .limit-reached-test-but-allowed-retry .body .attempt-limit span {
  color: white;
  display: inline-block;
  padding: 5px 10px;
  font-size: 15px;
}

body.test > .container .container .start-test .footer,
body.test > .container .container .test-ended .footer,
body.test > .container .container .limit-reached-test .footer,
body.test > .container .container .limit-reached-test-but-allowed-retry .footer {
  display: table-footer-group;
  text-align: center;
}

body.test > .container .container .start-test .header,
body.test > .container .container .limit-reached-test .header,
body.test > .container .container .limit-reached-test-but-allowed-retry .header {
  background: #017296;
}

body.test > .container .container .limit-reached-test,
body.test > .container .container .limit-reached-test-but-allowed-retry {
  display: none;
}

body.test > .container .container .ongoing-test {
  display: none;
}

body.test > .container .container .ongoing-test .preguntas {
  text-align: center;
  display: none;
}

body.test > .container .container .ongoing-test .preguntas h2 {
  font-size: 25px;
  margin-bottom: 30px;
  margin-top: 0;
  padding: 2px;
  color: #070033;
  font-weight: bold;
  text-shadow: 1px 1px 1px #FFF;
}

body.test > .container .container .ongoing-test .preguntas .respuestas .row.respuesta {
  display: table;
  width: 100%;
  margin: 15px 0;
  -webkit-transition: 0.3s, background-position 0s;
  -o-transition: 0.3s, background-position 0s;
  transition: 0.3s, background-position 0s;
  background: -webkit-linear-gradient(#F2F2F2 0 0) -webkit-calc(100% - var(--p, 0%))/var(--p, 0%) no-repeat;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F2F2F2)) calc(100% - var(--p, 0%))/var(--p, 0%) no-repeat;
  background: -o-linear-gradient(#F2F2F2 0 0) calc(100% - var(--p, 0%))/var(--p, 0%) no-repeat;
  background: linear-gradient(#F2F2F2 0 0) calc(100% - var(--p, 0%))/var(--p, 0%) no-repeat;
}

body.test > .container .container .ongoing-test .preguntas .respuestas .row.respuesta:hover,
body.test > .container .container .ongoing-test .preguntas .respuestas .row.respuesta.active {
  --p: 100%;
  -webkit-box-shadow: 2px 2px 5px -3px rgba(0, 0, 0, 0.4);
  box-shadow: 2px 2px 5px -3px rgba(0, 0, 0, 0.4);
}

body.test > .container .container .ongoing-test .preguntas .respuestas .row.respuesta.active {
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

body.test > .container .container .ongoing-test .preguntas .respuestas .row.respuesta.active .arrow {
  display: none;
}

body.test > .container .container .ongoing-test .preguntas .respuestas .row.respuesta.active a {
  color: #222;
}

body.test > .container .container .ongoing-test .preguntas .respuestas .row.respuesta.success {
  background: #116240;
  color: white !important;
}

body.test > .container .container .ongoing-test .preguntas .respuestas .row.respuesta.success a {
  color: white;
}

body.test > .container .container .ongoing-test .preguntas .respuestas .row.respuesta.success a input[type=checkbox]:checked + label > span {
  border-color: #116240;
}

body.test > .container .container .ongoing-test .preguntas .respuestas .row.respuesta.error {
  background: #b00208;
  color: white !important;
}

body.test > .container .container .ongoing-test .preguntas .respuestas .row.respuesta.error a {
  color: white;
}

body.test > .container .container .ongoing-test .preguntas .respuestas .row.respuesta.error a input[type=checkbox]:checked + label > span {
  border-color: #b00208;
}

body.test > .container .container .ongoing-test .preguntas .respuestas .row.respuesta .arrow {
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 20px solid #F2F2F2;
  margin-top: 5px;
}

body.test > .container .container .ongoing-test .preguntas .respuestas .row.respuesta a {
  display: table-cell;
  color: #181818;
  padding: 5px 20px;
  margin: 10px 0;
  text-align: left;
  height: 50px;
  vertical-align: middle;
  font-weight: 500;
  font-size: 18px;
}

body.test > .container .container .ongoing-test .preguntas .respuestas .row.respuesta a:hover,
body.test > .container .container .ongoing-test .preguntas .respuestas .row.respuesta a.active,
body.test > .container .container .ongoing-test .preguntas .respuestas .row.respuesta a:active {
  text-decoration: none;
}

body.test > .container .container .ongoing-test .preguntas .respuestas .row.respuesta a input[type=checkbox] {
  height: 0;
  width: 0;
  display: none;
}

body.test > .container .container .ongoing-test .preguntas .respuestas .row.respuesta a input[type=checkbox] + label {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0.6em 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: color 250ms cubic-bezier(0.4, 0, 0.23, 1);
  -o-transition: color 250ms cubic-bezier(0.4, 0, 0.23, 1);
  transition: color 250ms cubic-bezier(0.4, 0, 0.23, 1);
  font-weight: normal;
}

body.test > .container .container .ongoing-test .preguntas .respuestas .row.respuesta a input[type=checkbox] + label > span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 1em;
  width: 1.2em;
  height: 1.2em;
  background: transparent;
  border: 2px solid #9E9E9E;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  cursor: pointer;
  -webkit-transition: all 250ms cubic-bezier(0.4, 0, 0.23, 1);
  -o-transition: all 250ms cubic-bezier(0.4, 0, 0.23, 1);
  transition: all 250ms cubic-bezier(0.4, 0, 0.23, 1);
}

body.test > .container .container .ongoing-test .preguntas .respuestas .row.respuesta a input[type=checkbox]:checked + label > span {
  border: 0.6em solid #656565;
  -webkit-animation: shrink-bounce 200ms cubic-bezier(0.4, 0, 0.23, 1);
  -o-animation: shrink-bounce 200ms cubic-bezier(0.4, 0, 0.23, 1);
  animation: shrink-bounce 200ms cubic-bezier(0.4, 0, 0.23, 1);
}

body.test > .container .container .ongoing-test .preguntas .respuestas .row.respuesta a input[type=checkbox]:checked + label > span:before {
  content: "";
  position: absolute;
  top: 0.7em;
  left: 0.27em;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 0% 100%;
  -ms-transform-origin: 0% 100%;
  -o-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
  -webkit-animation: checkbox-check 125ms 250ms cubic-bezier(0.4, 0, 0.23, 1) forwards;
  -o-animation: checkbox-check 125ms 250ms cubic-bezier(0.4, 0, 0.23, 1) forwards;
  animation: checkbox-check 125ms 250ms cubic-bezier(0.4, 0, 0.23, 1) forwards;
}

body.test > .container .container .ongoing-test .preguntas .respuestas .row.respuesta:nth-child(1) a {
  -webkit-animation-delay: 0.05s;
  -o-animation-delay: 0.05s;
  animation-delay: 0.05s;
}

body.test > .container .container .ongoing-test .preguntas .respuestas .row.respuesta:nth-child(2) a {
  -webkit-animation-delay: 0.1s;
  -o-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

body.test > .container .container .ongoing-test .preguntas .respuestas .row.respuesta:nth-child(3) a {
  -webkit-animation-delay: 0.15s;
  -o-animation-delay: 0.15s;
  animation-delay: 0.15s;
}

body.test > .container .container .ongoing-test .preguntas .respuestas .row.respuesta:nth-child(4) a {
  -webkit-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

body.test > .container .container .ongoing-test .preguntas .respuestas .row.respuesta:nth-child(5) a {
  -webkit-animation-delay: 0.25s;
  -o-animation-delay: 0.25s;
  animation-delay: 0.25s;
}

body.test > .container .container .ongoing-test .preguntas .respuestas .row.respuesta:nth-child(6) a {
  -webkit-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

body.test > .container .container .ongoing-test .preguntas .respuestas .row.respuesta:nth-child(7) a {
  -webkit-animation-delay: 0.35s;
  -o-animation-delay: 0.35s;
  animation-delay: 0.35s;
}

body.test > .container .container .test-ended {
  display: none;
}

body.test > .container .container .test-ended .approved {
  display: none;
}

body.test > .container .container .test-ended .approved > div {
  display: table;
  width: 100%;
}

body.test > .container .container .test-ended .approved > div .header.popup-aprobado {
  background: #034b38;
  color: #FFFFFF;
}

body.test > .container .container .test-ended .approved > div .body .star {
  font-size: 17px;
}

body.test > .container .container .test-ended .approved > div .body .star i {
  color: yellow;
  text-shadow: -1px 0 rgba(0, 0, 0, 0.3), 0 1px rgba(0, 0, 0, 0.3), 1px 0 rgba(0, 0, 0, 0.3), 0 -1px rgba(0, 0, 0, 0.3);
  margin-left: 10px;
  font-size: 25px;
}

body.test > .container .container .test-ended .failed {
  display: none;
}

body.test > .container .container .test-ended .failed > div {
  display: table;
  width: 100%;
}

body.test > .container .container .test-ended .failed > div .header.popup-reprobado {
  background: #FF6D6D;
  color: #FFFFFF;
}

body.test > .container #countdown {
  margin: 15px 0;
  text-align: center;
}

@-webkit-keyframes shrink-bounce {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  33% {
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-o-keyframes shrink-bounce {
  0% {
    -o-transform: scale(1);
    transform: scale(1);
  }

  33% {
    -o-transform: scale(0.85);
    transform: scale(0.85);
  }

  100% {
    -o-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes shrink-bounce {
  0% {
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }

  33% {
    -webkit-transform: scale(0.85);
    -o-transform: scale(0.85);
    transform: scale(0.85);
  }

  100% {
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes checkbox-check {
  0% {
    width: 0;
    height: 0;
    border-color: #F2F2F2;
    -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
    transform: translate3d(0, 0, 0) rotate(45deg);
  }

  33% {
    width: 0.3em;
    height: 0;
    -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
    transform: translate3d(0, 0, 0) rotate(45deg);
  }

  100% {
    width: 0.3em;
    height: 0.7em;
    border-color: #F2F2F2;
    -webkit-transform: translate3d(0, -0.5em, 0) rotate(45deg);
    transform: translate3d(0, -0.5em, 0) rotate(45deg);
  }
}

@-o-keyframes checkbox-check {
  0% {
    width: 0;
    height: 0;
    border-color: #F2F2F2;
    transform: translate3d(0, 0, 0) rotate(45deg);
  }

  33% {
    width: 0.3em;
    height: 0;
    transform: translate3d(0, 0, 0) rotate(45deg);
  }

  100% {
    width: 0.3em;
    height: 0.7em;
    border-color: #F2F2F2;
    transform: translate3d(0, -0.5em, 0) rotate(45deg);
  }
}

@keyframes checkbox-check {
  0% {
    width: 0;
    height: 0;
    border-color: #F2F2F2;
    -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
    transform: translate3d(0, 0, 0) rotate(45deg);
  }

  33% {
    width: 0.3em;
    height: 0;
    -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
    transform: translate3d(0, 0, 0) rotate(45deg);
  }

  100% {
    width: 0.3em;
    height: 0.7em;
    border-color: #F2F2F2;
    -webkit-transform: translate3d(0, -0.5em, 0) rotate(45deg);
    transform: translate3d(0, -0.5em, 0) rotate(45deg);
  }
}

/**
 * INSTITUTION PAGE
 **/

.author-page .institution-header {
  min-height: 250px;
}

.author-page .institution-header .overlay {
  min-height: 200px;
  position: absolute;
  width: 97%;
  padding: 20px;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.4);
}

.author-page .institution-header .overlay div {
  -webkit-filter: none !important;
  filter: none !important;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

@media only screen and (max-width: 767px) {
  .author-page .institution-header .overlay {
    left: 0;
    width: 100%;
    z-index: 55;
  }
}

.author-page .institution-header .info {
  padding-top: 50px;
}

.author-page .institution-header .info .logo {
  min-height: 150px;
  background: #E7E7E7;
  border: solid 2px #FFF;
  -webkit-box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.3);
  box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.5);
  padding: 0;
}

.author-page .institution-header .info .logo img {
  width: 100%;
  background-color: transparent;
}

.author-page .institution-header .info .logo .letter-logo {
  height: 100%;
  position: absolute;
  width: 100%;
  display: table;
}

.author-page .institution-header .info .logo .letter-logo > div {
  display: table-cell;
  vertical-align: middle;
  font-size: 65px;
  font-weight: bolder;
}

@media only screen and (max-width: 767px) {
  .author-page .institution-header .info .logo {
    max-width: 130px;
    min-height: 130px;
    width: 100%;
    position: relative;
    z-index: 555;
    display: inline-block;
    float: none;
  }
}

.author-page .institution-header .info .name {
  margin-top: 104px;
  position: relative;
  z-index: 222;
  color: #FFF;
  padding: 0;
}

.author-page .institution-header .info .name label {
  font-size: 17px;
  padding: 10px 20px;
  display: inline-block;
  background: rgba(0, 0, 0, 0.5);
  margin: 0;
  min-width: 50%;
  color: #FFFFFF;
}

@media only screen and (max-width: 767px) {
  .author-page .institution-header .info .name label {
    background: none;
    color: #444;
    font-size: 18px;
    padding-bottom: 27px;
  }
}

@media only screen and (max-width: 767px) {
  .author-page .institution-header .info .name {
    margin-top: 0;
    border-bottom: solid thin #EEE;
  }
}

@media only screen and (max-width: 767px) {
  .author-page .institution-header .info {
    padding-top: 150px;
    text-align: center;
  }
}

.author-page .institution-content .about-institution {
  background: #FFFFFF;
  min-height: 93px;
  border: solid thin #DDD;
  margin-bottom: 30px;
}

.author-page .institution-content .about-institution .title {
  color: #333;
}

.author-page .institution-content .about-institution .logo {
  min-height: 150px;
  background: #e7e7e7;
  border: solid 2px #fff;
  -webkit-box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.5);
  box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.5);
  padding: 0;
  display: none;
}

.author-page .institution-content .about-institution .logo img {
  width: 100%;
}

.author-page .institution-content .about-institution .content {
  text-align: justify;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  overflow: hidden;
}

.author-page .institution-content .about-institution .content i.fa {
  display: inline-block !important;
  margin-right: 10px;
}

@media only screen and (max-width: 767px) {
  .author-page .institution-content .about-institution .content .social,
  .author-page .institution-content .about-institution .content .address,
  .author-page .institution-content .about-institution .content .phone,
  .author-page .institution-content .about-institution .content .email {
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  .author-page .institution-content .about-institution .content .social a {
    font-size: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .author-page .institution-content .about-institution .content {
    display: none;
  }
}

.author-page .institution-content .about-institution .see-more-info {
  text-align: center;
  display: block;
  margin: 5px -15px 0;
  border-top: solid thin #FFF;
  padding: 10px 0;
  font-size: 15px;
}

@media only screen and (min-width: 768px) {
  .author-page .institution-content .about-institution .see-more-info {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .author-page .institution-content .about-institution {
    margin-top: -500px;
  }
}

.author-page .institution-content .courses-institution-page {
  padding-right: 0;
  padding-left: 0;
}

.author-page .institution-content .courses-institution-page .title {
  color: #333;
  float: none;
}

.author-page .institution-content .courses-institution-page video,
.author-page .institution-content .courses-institution-page .videoYoutube {
  width: 95%;
  height: 404px;
  margin: 0 auto;
  display: block;
}

@media only screen and (min-width: 768px) {
  .author-page .institution-content .courses-institution-page {
    padding-left: 7px;
  }
}

@media only screen and (max-width: 767px) {
  .author-page .institution-content .courses-institution-page {
    margin-bottom: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .author-page {
    padding: 0;
  }
}

/**
 * RANKING PAGE
 **/

body.ranking .container {
  background: #FFFFFF !important;
}

body.ranking .container h2 {
  text-align: center;
}

body.ranking .container .ranking-best tr th,
body.ranking .container .ranking-best tr td {
  vertical-align: middle;
}

body.ranking .container .ranking-best tr th .medal,
body.ranking .container .ranking-best tr td .medal {
  max-width: 45px;
  margin-top: -9px;
}

body.ranking .container .ranking-best tr th .medal.normal-medal,
body.ranking .container .ranking-best tr td .medal.normal-medal {
  max-width: 33px;
  opacity: 0.3;
  margin-left: 6px;
}

body.ranking .container .ranking-best tr th .medal.silver-medal,
body.ranking .container .ranking-best tr td .medal.silver-medal {
  max-width: 41px;
  margin-left: 3px;
}

body.ranking .container .ranking-best tr th .medal.bronce-medal,
body.ranking .container .ranking-best tr td .medal.bronce-medal {
  max-width: 37px;
  margin-left: 5px;
}

body.ranking .container .ranking-best tr th .profile-img,
body.ranking .container .ranking-best tr td .profile-img {
  width: 25px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  height: 25px;
  margin-right: 10px;
}

body.ranking .container .ranking-best tr th.share,
body.ranking .container .ranking-best tr td.share {
  width: 20%;
}

body.ranking .container .ranking-best tr th.score,
body.ranking .container .ranking-best tr td.score {
  text-align: center;
}

body.ranking .container .ranking-best tr th.score .star-medal,
body.ranking .container .ranking-best tr td.score .star-medal {
  width: 15px;
  margin-top: -4px;
  opacity: 0.7;
}

/**
 * NOTIFICATIONS PAGE
 **/

/* Boton para mostrar nuevamente la confirmacion de notification */

#show-push-confirmation-btn {
  display: none;
  margin-top: -50px;
  margin-bottom: 20px;
}

/** Overlay **/

.overlay-push-permission {
  position: fixed;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
  top: 0;
  z-index: 9999;
  display: table;
}

.overlay-push-permission .arrow {
  display: table-cell;
  height: 100%;
}

.overlay-push-permission .arrow img {
  width: 150px;
  position: absolute;
  left: 190px;
  top: 140px;
  -webkit-transform: rotate(180deg) scaleX(-1);
  -ms-transform: rotate(180deg) scaleX(-1);
  -o-transform: rotate(180deg) scaleX(-1);
  transform: rotate(180deg) scaleX(-1);
}

.overlay-push-permission .message {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  height: 100vh;
}

.overlay-push-permission .message img {
  display: block;
  text-align: center;
  margin: 0 auto;
  width: 180px;
  margin-bottom: 40px;
  opacity: 0.9;
}

.overlay-push-permission .message span {
  font-size: 30px;
  color: rgba(255, 255, 255, 0.75);
}

.overlay-push-permission .message span b {
  color: #FFFFFF;
}

@media only screen and (max-width: 767px) {
  .overlay-push-permission {
    display: none !important;
  }
}

.notif-point {
  z-index: 1;
  top: 0.3rem;
  left: 2.8rem;
  background: #f2a100;
  color: #fff;
  display: inline-block;
  font-weight: 700;
  text-align: center;
  position: absolute;
  font-size: 1.2rem;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  height: 1em;
  width: 1em;
  margin: 0;
}

.request-permits-modal .modal-header {
  padding: 0;
  color: #232323;
  display: table;
  width: 100%;
}

.request-permits-modal .modal-header.popup-body {
  background: #017296;
  color: #FFFFFF;
}

.request-permits-modal .modal-header .modal-title {
  font-size: 20px;
  text-align: center;
  padding: 15px 5px 15px 40px;
  font-weight: 300;
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
  .request-permits-modal .modal-header .modal-title {
    font-size: 30px;
  }
}

@media only screen and (max-width: 480px) {
  .request-permits-modal .modal-header .modal-title {
    font-size: 25px;
    padding: 5px 5px 5px 30px;
  }
}

.request-permits-modal .modal-header img {
  max-width: 130px;
}

@media only screen and (max-width: 768px) {
  .request-permits-modal .modal-header img {
    max-width: 100px;
  }
}

.request-permits-modal .modal-body > div {
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
  .request-permits-modal .modal-body > div {
    font-size: 15px;
  }
}

@media only screen and (max-width: 480px) {
  .request-permits-modal .modal-body > div {
    font-size: 13px;
  }
}

#popup-body img {
  padding: 15px 15px 0;
}

/**
 * FAQ PAGE
 **/

body.faq .container {
  background: #FFF !important;
}

/**
 * ADD To desktop
 */

body .add-desktop {
  background: whitesmoke;
  border: solid thin #E9E9E9;
  text-align: center;
  margin-bottom: 150px;
}

@media (max-width: 320px) {
  body .add-desktop {
    margin-bottom: 100px;
  }
}

body .add-desktop h1 {
  font-weight: bold;
  font-size: 30px;
  color: #444;
}

body .add-desktop h4 {
  font-weight: 300;
  font-size: 17px;
}

body .add-desktop .browsers {
  margin: 15px 0 -5px;
  background: #FFF;
  -webkit-box-shadow: 0 7px 15px -15px rgba(0, 0, 0, 0.5);
  box-shadow: 0 7px 15px -15px rgba(0, 0, 0, 0.5);
  padding: 15px 0;
  display: inline-block;
  border-top: solid thin #EEE;
}

body .add-desktop .browsers .browser > img {
  width: 100%;
  max-width: 140px;
}

@media (max-width: 480px) {
  body .add-desktop .browsers .browser > img {
    max-width: 100px;
  }
}

body .to-add-desktop {
  counter-reset: item;
}

body .to-add-desktop .modal-title img {
  width: 30px;
  margin-right: 15px;
}

body .to-add-desktop ol {
  list-style: none;
  text-align: center;
  padding: 0;
  margin-top: 30px;
}

body .to-add-desktop ol li {
  counter-increment: item;
}

body .to-add-desktop ol li:before {
  content: counter(item);
  background: #199341;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  color: #FFF;
  width: 29px;
  text-align: center;
  position: absolute;
  font-size: 18px;
  margin: -10px 0 0 -10px;
  border-bottom: solid thin #CCC;
  border-right: solid thin #CCC;
}

body .to-add-desktop ol li img {
  max-height: 70vh;
  margin-bottom: 20px;
  max-width: 100%;
}

/** Guiding **/

#closeGuide {
  position: absolute;
  font-size: 20px;
  top: -17px;
  background: black;
  padding: 0;
  width: 32px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  color: white;
  right: 0;
}

/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@-o-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  -o-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  -o-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@-o-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  -o-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@-o-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  -o-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@-o-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  -o-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@-o-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  -o-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@-o-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  -o-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  -o-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@-o-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  -o-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  -o-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@-o-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  -o-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-o-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  -o-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@-o-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    -o-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    -o-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    -o-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    -o-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -o-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    -o-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    -o-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    -o-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    -o-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    -o-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    -o-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -o-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    -o-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    -o-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  -o-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  -o-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-o-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

.heartBeat {
  -webkit-animation-name: heartBeat;
  -o-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  -o-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  -o-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@-o-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-duration: 0.75s;
  -o-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  -o-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-o-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  -o-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-o-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  -o-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-o-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  -o-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-o-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  -o-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@-o-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

.bounceOut {
  -webkit-animation-duration: 0.75s;
  -o-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  -o-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@-o-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  -o-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@-o-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  -o-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@-o-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  -o-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@-o-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  -o-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-o-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-o-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-o-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  -o-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-o-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  -o-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-o-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  -o-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-o-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  -o-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-o-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  -o-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-o-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-o-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  -o-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@-o-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  -o-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@-o-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  -o-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@-o-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  -o-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@-o-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  -o-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@-o-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  -o-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@-o-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  -o-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@-o-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  -o-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@-o-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  -o-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@-o-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  -o-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@-o-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  -o-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@-o-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  -o-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@-o-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  -o-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@-o-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-duration: 0.75s;
  -o-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  -o-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@-o-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-animation-duration: 0.75s;
  -o-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  -o-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-o-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    -o-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    -o-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    -o-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    -o-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  -o-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@-o-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  -o-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  -o-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-o-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  -o-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-o-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  -o-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-o-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  -o-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-o-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  -o-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-o-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  -o-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@-o-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  -o-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@-o-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  -o-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@-o-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  -o-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@-o-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  -o-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@-o-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  -o-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@-o-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  -o-animation-name: hinge;
  animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-o-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    -o-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    -o-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  -o-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-o-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  -o-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@-o-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  -o-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@-o-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  -o-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@-o-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  -o-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@-o-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  -o-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@-o-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  -o-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@-o-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  -o-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

@-o-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  -o-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@-o-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  -o-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@-o-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  -o-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@-o-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  -o-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@-o-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  -o-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-o-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  -o-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-o-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  -o-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-o-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  -o-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-o-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  -o-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@-o-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  -o-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@-o-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  -o-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@-o-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  -o-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@-o-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  -o-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

.animated {
  -webkit-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.delay-1s {
  -webkit-animation-delay: 1s;
  -o-animation-delay: 1s;
  animation-delay: 1s;
}

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  -o-animation-delay: 2s;
  animation-delay: 2s;
}

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  -o-animation-delay: 3s;
  animation-delay: 3s;
}

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  -o-animation-delay: 4s;
  animation-delay: 4s;
}

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  -o-animation-delay: 5s;
  animation-delay: 5s;
}

.animated.fast {
  -webkit-animation-duration: 800ms;
  -o-animation-duration: 800ms;
  animation-duration: 800ms;
}

.animated.faster {
  -webkit-animation-duration: 500ms;
  -o-animation-duration: 500ms;
  animation-duration: 500ms;
}

.animated.slow {
  -webkit-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.slower {
  -webkit-animation-duration: 3s;
  -o-animation-duration: 3s;
  animation-duration: 3s;
}

@media (print), (prefers-reduced-motion: reduce) {
  .animated {
    -webkit-animation-duration: 1ms !important;
    -o-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    -o-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    -o-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }
}

.xdsoft_flipcountdown {
  display: inline-block;
}

.xdsoft_flipcountdown .xdsoft_digit {
  float: left;
  background-repeat: no-repeat;
}

.xdsoft_flipcountdown .xdsoft_clearex {
  clear: both;
  float: none;
}

.xdsoft_flipcountdown > .xdsoft_digit {
  background-position: 0px 0px;
}

.xdsoft_flipcountdown > .xdsoft_digit.xdsoft_separator,
.xdsoft_flipcountdown > .xdsoft_digit.xdsoft_dot {
  opacity: 0.9;
}

.xdsoft_flipcountdown.xdsoft_size_lg > .xdsoft_digit {
  width: 53px;
  height: 76px;
  background-image: url("../img/digit-lg.png");
}

.xdsoft_flipcountdown.xdsoft_size_lg > .xdsoft_digit.xdsoft_space,
.xdsoft_flipcountdown.xdsoft_size_lg > .xdsoft_digit.xdsoft_separator,
.xdsoft_flipcountdown.xdsoft_size_lg > .xdsoft_digit.xdsoft_dot {
  width: 14px;
  background-position: -19px -5082px;
}

.xdsoft_flipcountdown.xdsoft_size_lg > .xdsoft_digit.xdsoft_dot {
  background-position: -41px -5082px;
}

.xdsoft_flipcountdown.xdsoft_size_lg > .xdsoft_digit.xdsoft_space {
  background-position: -100px -5082px;
}

.xdsoft_flipcountdown.xdsoft_size_md > .xdsoft_digit {
  width: 36px;
  height: 51px;
  background-image: url("../img/digit-md.png");
}

.xdsoft_flipcountdown.xdsoft_size_md > .xdsoft_digit.xdsoft_space,
.xdsoft_flipcountdown.xdsoft_size_md > .xdsoft_digit.xdsoft_separator,
.xdsoft_flipcountdown.xdsoft_size_md > .xdsoft_digit.xdsoft_dot {
  width: 10px;
  background-position: -13px -3432px;
}

.xdsoft_flipcountdown.xdsoft_size_sm > .xdsoft_digit {
  width: 24px;
  height: 34px;
  background-image: url("../img/digit-sm.png");
}

.xdsoft_flipcountdown.xdsoft_size_sm > .xdsoft_digit.xdsoft_space,
.xdsoft_flipcountdown.xdsoft_size_sm > .xdsoft_digit.xdsoft_separator,
.xdsoft_flipcountdown.xdsoft_size_sm > .xdsoft_digit.xdsoft_dot {
  width: 10px;
  background-position: -6px -2310px;
}

.xdsoft_flipcountdown.xdsoft_size_xs > .xdsoft_digit {
  width: 16px;
  height: 23px;
  background-image: url("../img/digit-xs.png");
}

.xdsoft_flipcountdown.xdsoft_size_xs > .xdsoft_digit.xdsoft_space,
.xdsoft_flipcountdown.xdsoft_size_xs > .xdsoft_digit.xdsoft_separator,
.xdsoft_flipcountdown.xdsoft_size_xs > .xdsoft_digit.xdsoft_dot {
  width: 5px;
  background-position: -5px -1584px;
}

.smartbanner-show {
  margin-top: 80px;
}

.smartbanner-show .smartbanner {
  display: block;
}

/** Default **/

.smartbanner {
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  width: 100%;
  height: 80px;
  line-height: 80px;
  font-family: "Helvetica Neue", sans-serif;
  background: #f4f4f4;
  z-index: 9998;
  -webkit-font-smoothing: antialiased;
  overflow: hidden;
  -webkit-text-size-adjust: none;
}

.smartbanner-container {
  margin: 0 auto;
  white-space: nowrap;
}

.smartbanner-close {
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px 0 5px;
  font-family: "ArialRoundedMTBold", Arial;
  font-size: 20px;
  text-align: center;
  color: #888;
  text-decoration: none;
  border: 0;
  -webkit-border-radius: 14px;
  border-radius: 14px;
  -webkit-font-smoothing: subpixel-antialiased;
}

.smartbanner-close:active,
.smartbanner-close:hover {
  color: #aaa;
}

.smartbanner-icon {
  display: inline-block;
  vertical-align: middle;
  width: 57px;
  height: 57px;
  margin-right: 12px;
  -webkit-background-size: cover;
  background-size: cover;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.smartbanner-info {
  display: inline-block;
  vertical-align: middle;
  width: 44%;
  font-size: 11px;
  line-height: 1.2em;
  font-weight: bold;
}

.smartbanner-title {
  font-size: 13px;
  line-height: 18px;
}

.smartbanner-button {
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  height: 24px;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  font-weight: bold;
  color: #6a6a6a;
  text-transform: uppercase;
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

.smartbanner-button:active,
.smartbanner-button:hover {
  color: #aaa;
}

/** iOS **/

.smartbanner-ios {
  background: #f4f4f4;
  background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#cdcdcd));
  background: -webkit-linear-gradient(top, #f4f4f4, #cdcdcd);
  background: -o-linear-gradient(top, #f4f4f4, #cdcdcd);
  background: linear-gradient(to bottom, #f4f4f4, #cdcdcd);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  line-height: 80px;
}

.smartbanner-ios .smartbanner-close {
  border: 0;
  width: 18px;
  height: 18px;
  line-height: 18px;
  color: #888;
  text-shadow: 0 1px 0 white;
}

.smartbanner-ios .smartbanner-close:active,
.smartbanner-ios .smartbanner-close:hover {
  color: #aaa;
}

.smartbanner-ios .smartbanner-icon {
  background: rgba(0, 0, 0, 0.6);
  -webkit-background-size: cover;
  background-size: cover;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.smartbanner-ios .smartbanner-info {
  color: #6a6a6a;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

.smartbanner-ios .smartbanner-title {
  color: #4d4d4d;
  font-weight: bold;
}

.smartbanner-ios .smartbanner-button {
  padding: 0 10px;
  min-width: 10%;
  color: #6a6a6a;
  background: #efefef;
  background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#dcdcdc));
  background: -webkit-linear-gradient(top, #efefef, #dcdcdc);
  background: -o-linear-gradient(top, #efefef, #dcdcdc);
  background: linear-gradient(to bottom, #efefef, #dcdcdc);
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 0 1px #bfbfbf, 0 1px 0 rgba(255, 255, 255, 0.6), 0 2px 0 rgba(255, 255, 255, 0.7) inset;
  box-shadow: inset 0 0 0 1px #bfbfbf, 0 1px 0 rgba(255, 255, 255, 0.6), 0 2px 0 rgba(255, 255, 255, 0.7) inset;
}

.smartbanner-ios .smartbanner-button:active,
.smartbanner-ios .smartbanner-button:hover {
  background: #dcdcdc;
  background: -webkit-gradient(linear, left top, left bottom, from(#dcdcdc), to(#efefef));
  background: -webkit-linear-gradient(top, #dcdcdc, #efefef);
  background: -o-linear-gradient(top, #dcdcdc, #efefef);
  background: linear-gradient(to bottom, #dcdcdc, #efefef);
}

/** Android **/

.smartbanner-android {
  background: #3d3d3d url("data:image/gif;base64,R0lGODlhCAAIAIABAFVVVf///yH5BAEHAAEALAAAAAAIAAgAAAINRG4XudroGJBRsYcxKAA7");
  -webkit-box-shadow: inset 0 4px 0 #88b131;
  box-shadow: inset 0 4px 0 #88b131;
  line-height: 82px;
}

.smartbanner-android .smartbanner-close {
  border: 0;
  width: 17px;
  height: 17px;
  line-height: 17px;
  margin-right: 7px;
  color: #b1b1b3;
  background: #1c1e21;
  text-shadow: 0 1px 1px #000;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) inset, 0 1px 1px rgba(255, 255, 255, 0.3);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) inset, 0 1px 1px rgba(255, 255, 255, 0.3);
}

.smartbanner-android .smartbanner-close:active,
.smartbanner-android .smartbanner-close:hover {
  color: #eee;
}

.smartbanner-android .smartbanner-icon {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.smartbanner-android .smartbanner-info {
  color: #ccc;
  text-shadow: 0 1px 2px #000;
}

.smartbanner-android .smartbanner-title {
  color: #fff;
  font-weight: bold;
}

.smartbanner-android .smartbanner-button {
  min-width: 12%;
  color: #d1d1d1;
  padding: 0;
  background: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 0 0 0 1px #333, 0 0 0 2px #dddcdc;
  box-shadow: 0 0 0 1px #333, 0 0 0 2px #dddcdc;
}

.smartbanner-android .smartbanner-button:active,
.smartbanner-android .smartbanner-button:hover {
  background: none;
}

.smartbanner-android .smartbanner-button-text {
  text-align: center;
  display: block;
  padding: 0 10px;
  background: #42b6c9;
  background: -webkit-gradient(linear, left top, left bottom, from(#42b6c9), to(#39a9bb));
  background: -webkit-linear-gradient(top, #42b6c9, #39a9bb);
  background: -o-linear-gradient(top, #42b6c9, #39a9bb);
  background: linear-gradient(to bottom, #42b6c9, #39a9bb);
  text-transform: none;
  text-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.smartbanner-android .smartbanner-button-text:active,
.smartbanner-android .smartbanner-button-text:hover {
  background: #2ac7e1;
}

/** Windows **/

.smartbanner-windows {
  background: #f4f4f4;
  background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#cdcdcd));
  background: -webkit-linear-gradient(top, #f4f4f4, #cdcdcd);
  background: -o-linear-gradient(top, #f4f4f4, #cdcdcd);
  background: linear-gradient(to bottom, #f4f4f4, #cdcdcd);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  line-height: 80px;
}

.smartbanner-windows .smartbanner-close {
  border: 0;
  width: 18px;
  height: 18px;
  line-height: 18px;
  color: #888;
  text-shadow: 0 1px 0 white;
}

.smartbanner-windows .smartbanner-close:active,
.smartbanner-windows .smartbanner-close:hover {
  color: #aaa;
}

.smartbanner-windows .smartbanner-icon {
  background: rgba(0, 0, 0, 0.6);
  -webkit-background-size: cover;
  background-size: cover;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.smartbanner-windows .smartbanner-info {
  color: #6a6a6a;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

.smartbanner-windows .smartbanner-title {
  color: #4d4d4d;
  font-weight: bold;
}

.smartbanner-windows .smartbanner-button {
  padding: 0 10px;
  min-width: 10%;
  color: #6a6a6a;
  background: #efefef;
  background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#dcdcdc));
  background: -webkit-linear-gradient(top, #efefef, #dcdcdc);
  background: -o-linear-gradient(top, #efefef, #dcdcdc);
  background: linear-gradient(to bottom, #efefef, #dcdcdc);
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 0 1px #bfbfbf, 0 1px 0 rgba(255, 255, 255, 0.6), 0 2px 0 rgba(255, 255, 255, 0.7) inset;
  box-shadow: inset 0 0 0 1px #bfbfbf, 0 1px 0 rgba(255, 255, 255, 0.6), 0 2px 0 rgba(255, 255, 255, 0.7) inset;
}

.smartbanner-windows .smartbanner-button:active,
.smartbanner-windows .smartbanner-button:hover {
  background: #dcdcdc;
  background: -webkit-gradient(linear, left top, left bottom, from(#dcdcdc), to(#efefef));
  background: -webkit-linear-gradient(top, #dcdcdc, #efefef);
  background: -o-linear-gradient(top, #dcdcdc, #efefef);
  background: linear-gradient(to bottom, #dcdcdc, #efefef);
}

/*
 * Kuaaly template v2
 * Visual source: listado_cursos.png + detalle_curso.png
 */

:root {
  --primary: #2f33ff;
  --primary-hover: #2024d9;
  --primary-light: #eeeeff;
  --secondary: #26344d;
  --secondary-hover: #17243a;
  --secondary-light: #eef2f8;
  --text-primary: #07172d;
  --text-secondary: #35415a;
  --text-muted: #737c90;
  --border: #ccd1e4;
  --border-subtle: #e7e9f1;
  --background: #ffffff;
  --background-subtle: #f8f9ff;
  --success: #079d7b;
  --warning: #e99b00;
  --error: #d74444;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
}

/* Foundation and shared primitives */

html {
  scroll-behavior: smooth;
}

body,
body:not(.login) {
  background: #f8f9ff;
  color: #07172d;
  font-family: "Inter", "Segoe UI", Arial, sans-serif;
  font-size: 15px;
  line-height: 1.55;
  min-height: 100vh;
  padding-bottom: 0;
  -webkit-font-smoothing: antialiased;
}

body:not(.login):not(.home) > .container,
body:not(.login) > .container,
body.home > .container {
  background: transparent;
  margin: 0;
  max-width: none;
  min-height: -webkit-calc(100vh - 80px);
  min-height: calc(100vh - 80px);
  padding: 80px 0 0 !important;
  width: 100%;
}

.app-shell {
  margin-left: auto;
  margin-right: auto;
  max-width: 1160px;
  width: -webkit-calc(100% - 40px);
  width: calc(100% - 40px);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #07172d;
  font-family: "Inter", "Segoe UI", Arial, sans-serif;
  font-weight: 600;
  letter-spacing: -0.025em;
}

a {
  color: #2f33ff;
}

a:hover,
a:focus {
  color: #2024d9;
}

/* The product deliberately uses component state, not the browser's black
   focus ring. This also prevents the click outline on links and buttons. */

*,
*::before,
*::after {
  -webkit-tap-highlight-color: transparent;
}

*:focus,
*:focus-visible,
*:active {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  outline: 0 !important;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
}

.eyebrow {
  color: #2f33ff;
  display: block;
  font-family: "Roboto Mono", Consolas, monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.085em;
  text-transform: uppercase;
}

.section-title {
  font-size: 20px;
  font-weight: 500;
  margin: 0 0 24px;
}

.app-button,
.btn,
button,
input[type=button],
input[type=submit] {
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  font-family: "Roboto Mono", Consolas, monospace;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.055em;
  min-height: 40px;
  text-align: center;
  text-transform: uppercase;
  -webkit-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important;
}

.app-button,
.btn,
button {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1;
}

.btn,
button {
  vertical-align: middle;
}

.btn-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

a.btn,
button.btn {
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  line-height: 1 !important;
}

a.btn-block,
button.btn-block {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

a.btn .fa,
button.btn .fa {
  line-height: 1;
}

.app-button {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 22px;
}

.app-button--primary,
.btn-primary,
.btn-kuaaly-primary,
fieldset[disabled] .btn-kuaaly-primary,
fieldset[disabled] .btn-kuaaly-primary:hover,
fieldset[disabled] .btn-kuaaly-primary:focus,
fieldset[disabled] .btn-kuaaly-primary:active,
fieldset[disabled] .btn-kuaaly-primary.active,
.blue-bg {
  background: #2f33ff !important;
  border: 1px solid #2f33ff !important;
  color: #fff !important;
}

.app-button--primary:hover,
.app-button--primary:active,
.btn-primary:hover,
.btn-primary:active,
.btn-kuaaly-primary:hover,
fieldset[disabled] .btn-kuaaly-primary:hover,
.btn-kuaaly-primary:active,
fieldset[disabled] .btn-kuaaly-primary:active,
.blue-bg:hover,
.blue-bg:active {
  background: #2024d9 !important;
  border-color: #2024d9 !important;
  color: #fff !important;
}

.btn-default {
  background: #fff;
  border: 1px solid #ccd1e4;
  color: #35415a;
}

.btn-default:hover,
.btn-default:active {
  background: #eeeeff;
  border-color: #2f33ff;
  color: #2f33ff;
}

.btn-success {
  background: #079d7b;
  border-color: #079d7b;
}

.btn-danger {
  background: #d74444;
  border-color: #d74444;
}

.btn-kuaaly-warning,
fieldset[disabled] .btn-kuaaly-warning,
fieldset[disabled] .btn-kuaaly-warning:hover,
fieldset[disabled] .btn-kuaaly-warning:focus,
fieldset[disabled] .btn-kuaaly-warning:active,
fieldset[disabled] .btn-kuaaly-warning.active,
.btn-warning {
  background: #e99b00;
  border-color: #e99b00;
  color: #fff;
  -webkit-transition: -webkit-filter 0.15s ease;
  transition: -webkit-filter 0.15s ease;
  -o-transition: filter 0.15s ease;
  transition: filter 0.15s ease;
  transition: filter 0.15s ease, -webkit-filter 0.15s ease;
}

.btn-kuaaly-warning:hover,
fieldset[disabled] .btn-kuaaly-warning:hover,
.btn-kuaaly-warning:focus,
fieldset[disabled] .btn-kuaaly-warning:focus,
.btn-kuaaly-warning:active,
fieldset[disabled] .btn-kuaaly-warning:active,
.btn-kuaaly-warning.active,
fieldset[disabled] .active.btn-kuaaly-warning {
  background: #e99b00 !important;
  border-color: #e99b00 !important;
  color: #fff !important;
}

.btn-kuaaly-warning:hover,
fieldset[disabled] .btn-kuaaly-warning:hover {
  -webkit-filter: brightness(0.92);
  filter: brightness(0.92);
}

.btn.disabled,
.btn[disabled],
button[disabled] {
  background: #eef0f5 !important;
  border-color: #dee1e9 !important;
  color: #9ca3b3 !important;
  cursor: not-allowed;
  opacity: 1;
}

.icon-button {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: transparent;
  border: 1px solid #ccd1e4;
  color: #35415a;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 48px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 48px;
  padding: 0;
  width: 42px;
}

.icon-button:hover {
  border-color: #2f33ff;
  color: #2f33ff;
}

.form-control,
.bootstrap-select > .dropdown-toggle,
.chosen-container-single .chosen-single {
  background: #fff;
  border: 1px solid #ccd1e4;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #07172d;
  font-family: "Inter", "Segoe UI", Arial, sans-serif;
  font-size: 14px;
  min-height: 44px;
}

.bootstrap-select.open > .dropdown-toggle {
  border-color: #2f33ff;
  -webkit-box-shadow: 0 0 0 3px rgba(47, 51, 255, 0.1);
  box-shadow: 0 0 0 3px rgba(47, 51, 255, 0.1);
}

label,
.control-label {
  color: #35415a;
  font-size: 13px;
  font-weight: 600;
}

.help-block {
  color: #737c90;
}

.ui-progress {
  background: #dbe5f7;
  -webkit-border-radius: 999px;
  border-radius: 999px;
  height: 10px;
  overflow: hidden;
  width: 100%;
}

.ui-progress > span {
  background: -webkit-gradient(linear, left top, right top, from(#2f33ff), to(#a4a8ff));
  background: -webkit-linear-gradient(left, #2f33ff 0%, #a4a8ff 100%);
  background: -o-linear-gradient(left, #2f33ff 0%, #a4a8ff 100%);
  background: linear-gradient(90deg, #2f33ff 0%, #a4a8ff 100%);
  -webkit-border-radius: inherit;
  border-radius: inherit;
  display: block;
  height: 100%;
}

.progress {
  background: #dbe5f7;
  -webkit-border-radius: 999px;
  border-radius: 999px;
  -webkit-box-shadow: none;
  box-shadow: none;
  height: 10px;
}

.progress .progress-bar {
  background: #2f33ff;
  -webkit-border-radius: 999px;
  border-radius: 999px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.dropdown-menu {
  border: 1px solid #ccd1e4;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 12px 32px rgba(7, 23, 45, 0.12);
  box-shadow: 0 12px 32px rgba(7, 23, 45, 0.12);
  min-width: 220px;
  padding: 6px;
}

.dropdown-menu > li > a {
  -webkit-border-radius: 4px;
  border-radius: 4px;
  color: #35415a;
  padding: 10px 12px;
}

.dropdown-menu > li > a .fa {
  color: #737c90;
  margin-right: 9px;
  width: 16px;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background: #eeeeff;
  color: #2f33ff;
}

.dropdown-menu .divider {
  background: #e7e9f1;
  margin: 5px 0;
}

.modal-content {
  border: 1px solid #ccd1e4;
  -webkit-border-radius: 12px !important;
  border-radius: 12px !important;
  -webkit-box-shadow: 0 24px 70px rgba(7, 23, 45, 0.18);
  box-shadow: 0 24px 70px rgba(7, 23, 45, 0.18);
  overflow: hidden;
}

.modal-header,
.modal-footer {
  border-color: #e7e9f1;
  padding: 20px 24px;
}

.modal-body {
  padding: 24px;
}

.modal-title {
  font-size: 20px;
}

.modal-backdrop {
  background: rgba(7, 17, 38, 0.74) !important;
}

.modal-backdrop.in {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  opacity: 1;
}

/* Registration flow */

#modalRegister .modal-register__dialog {
  margin: 4vh auto;
  max-width: 920px;
  width: -webkit-calc(100% - 40px);
  width: calc(100% - 40px);
}

#modalRegister .modal-register__content {
  border: 1px solid rgba(255, 255, 255, 0.18);
  -webkit-border-radius: 12px;
  border-radius: 12px;
  -webkit-box-shadow: 0 28px 80px rgba(7, 17, 38, 0.28);
  box-shadow: 0 28px 80px rgba(7, 17, 38, 0.28);
  overflow: hidden;
}

#modalRegister .modal-register__form {
  background: #26344d;
  min-height: 570px;
  position: relative;
}

#modalRegister .modal-register__showcase {
  bottom: 0;
  color: #fff;
  left: 0;
  overflow: hidden;
  padding: 42px;
  position: absolute;
  top: 0;
  width: 310px;
}

#modalRegister .modal-register__showcase::before,
#modalRegister .modal-register__showcase::after {
  border: 1px solid rgba(255, 255, 255, 0.12);
  -webkit-border-radius: 50%;
  border-radius: 50%;
  content: "";
  position: absolute;
}

#modalRegister .modal-register__showcase::before {
  height: 260px;
  left: -100px;
  top: 105px;
  width: 260px;
}

#modalRegister .modal-register__showcase::after {
  bottom: -95px;
  height: 290px;
  right: -145px;
  width: 290px;
}

#modalRegister .modal-register__brand {
  height: 42px;
  position: relative;
  z-index: 2;
}

#modalRegister .modal-register__brand img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
  max-height: 38px;
  max-width: 150px;
  -o-object-fit: contain;
  object-fit: contain;
}

#modalRegister .modal-register__brand span {
  color: #fff;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: -0.04em;
}

#modalRegister .modal-register__visual {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: -webkit-linear-gradient(305deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.06));
  background: -o-linear-gradient(305deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.06));
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.06));
  border: 1px solid rgba(255, 255, 255, 0.2);
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 24px 60px rgba(0, 0, 0, 0.16);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.16);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 154px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 100px auto 0;
  position: relative;
  width: 154px;
  z-index: 2;
}

#modalRegister .modal-register__visual::after {
  background: #2f33ff;
  border: 5px solid #26344d;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  bottom: 4px;
  content: "\f00c";
  font-family: FontAwesome;
  font-size: 15px;
  height: 38px;
  line-height: 29px;
  position: absolute;
  right: 4px;
  text-align: center;
  width: 38px;
}

#modalRegister .modal-register__visual > .fa {
  font-size: 58px;
}

#modalRegister .modal-register__decoration {
  bottom: 38px;
  display: grid;
  gap: 10px;
  left: 42px;
  position: absolute;
  right: 42px;
  z-index: 2;
}

#modalRegister .modal-register__decoration span {
  background: rgba(255, 255, 255, 0.12);
  -webkit-border-radius: 4px;
  border-radius: 4px;
  height: 10px;
}

#modalRegister .modal-register__decoration span:nth-child(1) {
  width: 72%;
}

#modalRegister .modal-register__decoration span:nth-child(2) {
  width: 100%;
}

#modalRegister .modal-register__decoration span:nth-child(3) {
  width: 48%;
}

#modalRegister .modal-register__panel {
  background: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: 310px;
  min-height: 570px;
  overflow-y: auto;
  position: relative;
}

#modalRegister .modal-register__close,
#modalRegister .modal-header .close {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  border: 1px solid #ccd1e4;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  color: #737c90;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-family: Arial, sans-serif;
  font-size: 0;
  height: 34px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 34px;
  opacity: 1;
  line-height: 1;
  padding: 0;
  position: absolute;
  right: 24px;
  top: 22px;
  width: 34px;
  z-index: 5;
}

#modalRegister .modal-register__close::before,
#modalRegister .modal-header .close::before {
  content: "×";
  display: block;
  font-size: 22px;
  font-weight: 400;
  line-height: 30px;
  text-align: center;
  width: 32px;
}

#modalRegister .modal-register__close:hover,
#modalRegister .modal-header .close:hover {
  border-color: #2f33ff;
  color: #2f33ff;
}

#modalRegister .modal-register__steps {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 24px 70px 0;
}

#modalRegister .modal-register__steps strong,
#modalRegister .modal-register__steps b {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #ccd1e4;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  color: #737c90;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-family: "Roboto Mono", Consolas, monospace;
  font-size: 11px;
  height: 36px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 36px;
}

#modalRegister .modal-register__steps strong {
  background: #2f33ff;
  border-color: #2f33ff;
  color: #fff;
}

#modalRegister .modal-register__steps > span {
  background: #ccd1e4;
  height: 1px;
  width: 54px;
}

#modalRegister .modal-register__body {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 30px 34px 18px;
}

#modalRegister .register-method > .modal-register__showcase {
  padding: 42px;
}

#modalRegister .register-method > .modal-register__panel {
  padding: 0;
}

#modalRegister .modal-register__body > .title,
#modalRegister .modal-title {
  color: #07172d;
  font-size: 27px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 28px;
  padding: 0;
  text-align: left;
}

#modalRegister .use-for-account {
  display: grid;
  gap: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 28px;
}

#modalRegister .use-for-account .method {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  border: 1px solid #ccd1e4;
  -webkit-border-radius: 0;
  border-radius: 0;
  color: #35415a;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 10px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  min-height: 64px;
  padding: 12px 16px;
  width: 100%;
}

#modalRegister .use-for-account .method:first-of-type {
  -webkit-border-radius: 8px 0 0 8px;
  border-radius: 8px 0 0 8px;
}

#modalRegister .use-for-account .method:last-of-type {
  border-left-width: 0;
  -webkit-border-radius: 0 8px 8px 0;
  border-radius: 0 8px 8px 0;
}

#modalRegister .use-for-account .method:last-of-type.active,
#modalRegister .use-for-account .method:last-of-type.btn-primary {
  border-left-width: 1px;
  margin-left: -1px;
}

#modalRegister .use-for-account .method.active,
#modalRegister .use-for-account .method.btn-primary {
  background: #eeeeff;
  border-color: #2f33ff;
  color: #2f33ff;
}

#modalRegister .use-for-account .method i {
  font-size: 19px;
  margin: 0;
}

#modalRegister .use-for-account .method span {
  display: block;
  font-family: "Roboto Mono", Consolas, monospace;
  font-size: 11px;
  margin: 0;
  text-transform: uppercase;
}

#modalRegister .form-group {
  margin: 0 0 20px;
}

#modalRegister #frm-first-step .modal-register__body > .modal-register__field {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}

#modalRegister #frm-first-step .modal-register__body > .modal-register__field[style*="display: none"] {
  display: none !important;
}

#modalRegister .modal-register__field > .control-label {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 92px;
  -ms-flex: 0 0 92px;
  flex: 0 0 92px;
  margin: 0;
  padding: 0;
  width: 92px;
}

#modalRegister .modal-register__field > .modal-register__control {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 0;
  width: auto;
}

#modalRegister .modal-register__field .form-control {
  display: block;
  min-width: 0;
  width: 100% !important;
}

#modalRegister .control-label {
  line-height: 1.3;
  padding-top: 12px;
  text-align: left;
}

#modalRegister .form-control {
  background: #f8f9ff;
  border-color: #ccd1e4;
  height: 46px;
}

#modalRegister .form-control:focus {
  background: #fff;
  border-color: #2f33ff;
}

#modalRegister .g-recaptcha > div {
  margin: 0;
}

#modalRegister #frm-first-step .modal-register__body > .modal-register__captcha-row {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 30px;
}

#modalRegister #frm-first-step .modal-register__body > .modal-register__captcha-row > div {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

#modalRegister .modal-register__captcha-row .g-recaptcha > div {
  margin-left: auto;
  margin-right: auto;
}

#modalRegister .modal-header {
  border: 0;
  padding: 30px 34px 8px;
}

#modalRegister .modal-body {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 18px 34px 10px;
}

#modalRegister .modal-footer {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid #e7e9f1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: auto;
  padding: 18px 34px 22px;
}

#modalRegister .modal-footer .btn {
  min-width: 112px;
}

#modalRegister .modal-footer .btn-success {
  background: #2f33ff;
  border-color: #2f33ff;
  color: #fff;
}

#modalRegister .modal-footer .btn-success:hover {
  background: #2024d9;
  border-color: #2024d9;
}

#modalRegister .checkbox {
  margin-top: 4px;
  text-align: left;
}

#modalRegister .checkbox label {
  color: #35415a;
  font-size: 12px;
  line-height: 1.55;
  padding-left: 24px;
}

#modalRegister .checkbox input {
  margin-left: -24px;
}

#modalRegister .second-step-new-acc h5 {
  color: #35415a;
  font-size: 15px;
  line-height: 1.55;
}

/* Account recovery */

#forgotPassword .recovery-modal__dialog {
  margin: 8vh auto;
  max-width: 620px;
  width: -webkit-calc(100% - 40px);
  width: calc(100% - 40px);
}

#forgotPassword .recovery-modal__content {
  border: 1px solid #ccd1e4;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  -webkit-box-shadow: 0 28px 80px rgba(7, 17, 38, 0.24);
  box-shadow: 0 28px 80px rgba(7, 17, 38, 0.24);
  overflow: hidden;
}

#forgotPassword .recovery-modal__header {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #f8f9ff;
  border-bottom: 1px solid #e7e9f1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 14px;
  min-height: 104px;
  padding: 22px 28px;
  position: relative;
}

#forgotPassword .recovery-modal__icon {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #eeeeff;
  border: 1px solid #cfd1ff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  color: #2f33ff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 54px;
  -ms-flex: 0 0 54px;
  flex: 0 0 54px;
  height: 54px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 54px;
}

#forgotPassword .recovery-modal__icon .fa {
  font-size: 21px;
}

#forgotPassword .recovery-modal__header .modal-title {
  color: #07172d;
  font-size: 23px;
  font-weight: 700;
  margin: 0;
}

#forgotPassword .recovery-modal__header .close {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  border: 1px solid #ccd1e4;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  color: #737c90;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-family: Arial, sans-serif;
  font-size: 0;
  height: 34px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 34px;
  opacity: 1;
  padding: 0;
  position: absolute;
  right: 22px;
  top: 22px;
  width: 34px;
}

#forgotPassword .recovery-modal__header .close::before {
  content: "×";
  font-size: 22px;
  font-weight: 400;
  line-height: 30px;
  text-align: center;
  width: 32px;
}

#forgotPassword .recovery-modal__header .close:hover {
  border-color: #2f33ff;
  color: #2f33ff;
}

#forgotPassword .recovery-modal__body {
  padding: 28px;
}

#forgotPassword .recovery-modal__intro {
  color: #35415a;
  font-size: 15px;
  line-height: 1.6;
  margin: 0 0 24px;
  max-width: 500px;
}

#forgotPassword .recovery-modal__field {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 14px;
  margin: 0;
}

#forgotPassword .recovery-modal__field > .control-label {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 92px;
  -ms-flex: 0 0 92px;
  flex: 0 0 92px;
  margin: 0;
  padding: 0;
  text-align: left;
  width: 92px;
}

#forgotPassword .recovery-modal__control {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 0;
}

#forgotPassword .recovery-modal__control .form-control {
  background: #f8f9ff;
  border-color: #ccd1e4;
  height: 46px;
  width: 100%;
}

#forgotPassword .recovery-modal__control .form-control:focus {
  background: #fff;
  border-color: #2f33ff;
}

#forgotPassword .recovery-modal__footer {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid #e7e9f1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 18px 28px 22px;
}

#forgotPassword .recovery-modal__footer .btn {
  min-width: 132px;
}

/* One-course-at-a-time confirmation */

.modal-one-course .modal-dialog {
  max-width: 560px;
  width: -webkit-calc(100% - 32px);
  width: calc(100% - 32px);
}

.modal-one-course .modal-content {
  background: #fff;
}

.modal-one-course__header {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #f8f9ff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  min-height: 112px;
  padding: 24px 28px;
  position: relative;
}

#modal_un_curso_por_vez .modal-one-course__header {
  background: #f8f9ff;
  background-image: none;
}

#modal_un_curso_por_vez .modal-one-course__header > div {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  height: auto;
  overflow: visible;
  padding: 0;
  position: static;
  width: auto;
}

#modal_un_curso_por_vez .modal-one-course__header > div::after {
  content: none;
  display: none;
}

.modal-one-course__header .close {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  border: 1px solid #ccd1e4;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  color: #737c90;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-family: Arial, sans-serif;
  font-size: 22px;
  height: 32px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 32px;
  opacity: 1;
  padding: 0 0 2px;
  position: absolute;
  right: 20px;
  text-transform: none;
  top: 20px;
  width: 32px;
}

.modal-one-course__header .close:hover {
  border-color: #2f33ff;
  color: #2f33ff;
}

.modal-one-course__icon {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #eeeeff;
  border: 1px solid #cfd1ff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  color: #2f33ff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 64px;
  -ms-flex: 0 0 64px;
  flex: 0 0 64px;
  height: 64px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  width: 64px;
}

.modal-one-course__icon .fa {
  font-size: 25px;
}

.modal-one-course__icon strong {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #2f33ff;
  border: 2px solid #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  bottom: -2px;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-family: "Roboto Mono", Consolas, monospace;
  font-size: 10px;
  height: 23px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  right: -2px;
  width: 23px;
}

.modal-one-course__header .eyebrow {
  margin-bottom: 4px;
}

#modal_un_curso_por_vez .modal-one-course__header .modal-title {
  color: #07172d;
  font-size: 24px;
  line-height: 1.2;
  padding-right: 36px;
  text-align: left;
}

.modal-one-course__body {
  color: #35415a;
  font-size: 15px;
  line-height: 1.65;
  padding: 28px;
}

.modal-one-course__body b {
  color: #07172d;
  font-weight: 700;
}

.modal-one-course__body br {
  display: none;
}

.modal-one-course__body i {
  background: #eeeeff;
  border-left: 3px solid #2f33ff;
  -webkit-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
  color: #07172d;
  display: block !important;
  font-style: normal;
  font-weight: 600;
  margin-top: 22px;
  padding: 13px 16px;
  text-align: left !important;
}

.modal-one-course__footer {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 18px 28px;
}

.modal-one-course__footer .btn {
  min-width: 104px;
}

.modal-one-course__footer .btn-kuaaly-primary,
.modal-one-course__footer fieldset[disabled] .btn-kuaaly-primary,
fieldset[disabled] .modal-one-course__footer .btn-kuaaly-primary {
  background: #2f33ff;
  border-color: #2f33ff;
  color: #fff;
}

/* Confirmation for retaking an already approved test */

.modal-test-approved .modal-dialog {
  max-width: 540px;
  width: -webkit-calc(100% - 32px);
  width: calc(100% - 32px);
}

.modal-test-approved .modal-content {
  background: #fff;
}

#modal-confirm-test .modal-test-approved__header {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #f8f9ff;
  background-image: none;
  color: #07172d;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  min-height: 112px;
  padding: 24px 28px;
  position: relative;
  width: 100%;
}

#modal-confirm-test .modal-test-approved__header > div {
  color: inherit;
  display: block;
  height: auto;
  padding: 0;
  position: static;
  width: auto;
}

.modal-test-approved__header .close {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  border: 1px solid #ccd1e4;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  color: #737c90;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-family: Arial, sans-serif;
  font-size: 22px;
  height: 32px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 32px;
  opacity: 1;
  padding: 0 0 2px;
  position: absolute;
  right: 20px;
  text-transform: none;
  top: 20px;
  width: 32px;
}

.modal-test-approved__header .close:hover {
  border-color: #2f33ff;
  color: #2f33ff;
}

.modal-test-approved__icon {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #eeeeff;
  border: 1px solid #cfd1ff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  color: #2f33ff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 64px;
  -ms-flex: 0 0 64px;
  flex: 0 0 64px;
  height: 64px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  width: 64px;
}

.modal-test-approved__icon > .fa-trophy {
  font-size: 27px;
}

.modal-test-approved__icon > .fa-check {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #079d7b;
  border: 2px solid #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  bottom: -2px;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 10px;
  height: 23px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  right: -2px;
  width: 23px;
}

.modal-test-approved__header .eyebrow {
  margin-bottom: 4px;
}

#modal-confirm-test .modal-test-approved__header .modal-title {
  color: #07172d;
  display: block;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
  padding: 0 36px 0 0;
  text-align: left;
  width: auto;
}

.modal-test-approved__body {
  color: #35415a;
  font-size: 15px;
  line-height: 1.65;
  padding: 28px;
}

.modal-test-approved__question {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background: #eeeeff;
  border-left: 3px solid #2f33ff;
  -webkit-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
  color: #07172d;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  padding: 15px 16px;
}

.modal-test-approved__question > .fa {
  color: #2f33ff;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 16px;
  margin-top: 4px;
}

.modal-test-approved__question > span {
  font-weight: 600;
}

.modal-test-approved__footer {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 18px 28px;
}

.modal-test-approved__footer .btn {
  min-width: 104px;
}

.modal-test-approved__footer .btn-kuaaly-primary,
.modal-test-approved__footer fieldset[disabled] .btn-kuaaly-primary,
fieldset[disabled] .modal-test-approved__footer .btn-kuaaly-primary {
  background: #2f33ff;
  border-color: #2f33ff;
  color: #fff;
}

.alert {
  background: #fff;
  border: 1px solid #ccd1e4;
  border-left: 3px solid currentColor;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.empty-state {
  border: 1px dashed #ccd1e4;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  color: #737c90;
  grid-column: 1/-1;
  padding: 56px 24px;
  text-align: center;
}

.empty-state > .fa {
  color: #2f33ff;
  font-size: 30px;
}

.empty-state h2 {
  font-size: 18px;
  margin: 12px 0 0;
}

/* Global header */

.app-header .app-navbar,
header .navbar-kuaaly,
header .navbar-kuaaly.no-bg {
  background: rgba(255, 255, 255, 0.985) !important;
  border: 0;
  border-bottom: 1px solid #ccd1e4;
  -webkit-box-shadow: none;
  box-shadow: none;
  left: 0;
  margin: 0 !important;
  min-height: 80px;
  padding: 0;
  right: 0;
  top: 0;
}

.app-navbar__inner {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: grid;
  gap: 28px;
  grid-template-columns: auto minmax(190px, 256px) minmax(0, 1fr);
  height: 80px;
}

.app-navbar__inner--compact {
  grid-template-columns: auto minmax(0, 1fr);
}

.app-navbar__brand {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.app-navbar__logo,
header .navbar-kuaaly .navbar-logo {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 79px;
  margin: 0;
  padding: 0;
  text-decoration: none;
}

.app-navbar__logo img {
  -webkit-filter: none;
  filter: none;
  height: auto;
  max-height: 38px;
  max-width: 112px;
  -o-object-fit: contain;
  object-fit: contain;
}

.app-navbar__wordmark {
  color: #07172d;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: -0.04em;
}

.app-navbar__search,
header .navbar-kuaaly #form_search {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 256px;
  -ms-flex: 0 1 256px;
  flex: 0 1 256px;
  margin: 0;
  padding: 0;
}

.app-navbar__search .form-group,
.app-navbar__search .input-group,
header .navbar-kuaaly #form_search .form-group,
header .navbar-kuaaly #form_search .input-group {
  display: block;
  height: 42px;
  margin: 0;
  position: relative;
  width: 100%;
}

.app-navbar__search .form-group input[type=text],
header .navbar-kuaaly #form_search .form-group input[type=text] {
  background: #f1f4fc;
  border: 1px solid #ccd1e4;
  -webkit-border-radius: 22px;
  border-radius: 22px;
  color: #07172d;
  height: 42px;
  min-width: 0;
  padding: 9px 40px;
  width: 100%;
}

.app-navbar__search .form-group input[type=text]::-webkit-input-placeholder, header .navbar-kuaaly #form_search .form-group input[type=text]::-webkit-input-placeholder {
  color: #737c90;
}

.app-navbar__search .form-group input[type=text]::-moz-placeholder, header .navbar-kuaaly #form_search .form-group input[type=text]::-moz-placeholder {
  color: #737c90;
}

.app-navbar__search .form-group input[type=text]:-ms-input-placeholder, header .navbar-kuaaly #form_search .form-group input[type=text]:-ms-input-placeholder {
  color: #737c90;
}

.app-navbar__search .form-group input[type=text]::-ms-input-placeholder, header .navbar-kuaaly #form_search .form-group input[type=text]::-ms-input-placeholder {
  color: #737c90;
}

.app-navbar__search .form-group input[type=text]::placeholder,
header .navbar-kuaaly #form_search .form-group input[type=text]::placeholder {
  color: #737c90;
}

.app-navbar__search .form-group input[type=text]:focus,
header .navbar-kuaaly #form_search .form-group input[type=text]:focus {
  background: #fff;
}

.app-navbar__search .app-navbar__search-icon,
header .navbar-kuaaly #form_search .app-navbar__search-icon {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: transparent !important;
  border: 0 !important;
  color: #737c90;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  left: 2px;
  padding: 0;
  position: absolute;
  right: auto !important;
  top: -webkit-calc(50% + 1px);
  top: calc(50% + 1px);
  -webkit-transform: translateY(-50%) !important;
  -ms-transform: translateY(-50%) !important;
  -o-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important;
  width: 40px;
  z-index: 4;
}

.app-navbar__search .clear-search,
header .navbar-kuaaly #form_search .clear-search {
  background: transparent !important;
  border: 0 !important;
  color: #737c90;
  height: 36px;
  padding: 8px 10px;
  position: absolute;
  left: auto !important;
  right: 5px !important;
  top: 3px;
  width: 36px;
  z-index: 5;
}

.app-navbar__menu {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr);
  height: 80px !important;
  margin: 0;
  padding: 0;
  width: 100%;
}

header .navbar-kuaaly .navbar-collapse.collapse.app-navbar__menu {
  display: grid !important;
}

.app-navbar__menu::before,
.app-navbar__menu::after {
  content: none !important;
  display: none !important;
}

.app-navbar__nav,
.app-navbar__actions {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: none !important;
  height: 80px;
  margin: 0;
}

.app-navbar__nav > li,
.app-navbar__actions > li {
  float: none !important;
}

.app-navbar__actions {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  min-width: 0;
}

.app-navbar__mobile-icon {
  display: none;
}

header .navbar-kuaaly .app-navbar__nav > li > a,
header .navbar-kuaaly .app-navbar__actions > li > a {
  background: transparent;
  -webkit-border-radius: 0;
  border-radius: 0;
  color: #35415a;
  font-size: 13px;
  font-weight: 500;
  line-height: 79px;
  margin: 0;
  padding: 0 15px;
  position: relative;
}

header .navbar-kuaaly .app-navbar__nav > li > a {
  font-family: "Roboto Mono", Consolas, monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

header .navbar-kuaaly .app-navbar__nav > li > a:hover,
header .navbar-kuaaly .app-navbar__actions > li > a:hover {
  background: transparent;
  color: #2f33ff;
}

.app-navbar__nav > li.is-active > a {
  color: #2f33ff !important;
  font-family: "Roboto Mono", Consolas, monospace;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.app-navbar__nav > li.is-active > a::after {
  background: #2f33ff;
  bottom: -1px;
  content: "";
  height: 2px;
  left: 15px;
  position: absolute;
  right: 15px;
}

header .navbar-kuaaly .app-navbar__continue > a.app-button {
  background: #2f33ff !important;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  color: #fff !important;
  font-size: 11px;
  height: 40px;
  line-height: 40px;
  margin: 0 12px;
  padding: 0 22px;
}

header .navbar-kuaaly .app-navbar__icon > a {
  color: #35415a;
  font-size: 19px;
  padding: 0 12px;
}

header .navbar-kuaaly .app-navbar__icon.is-active > a {
  color: #2f33ff !important;
}

header .navbar-kuaaly .app-navbar__icon.is-active > a::after {
  background: #2f33ff;
  bottom: -1px;
  content: "";
  height: 2px;
  left: 12px;
  position: absolute;
  right: 12px;
}

.app-navbar__user .dropdown-menu > li.is-active > a {
  background: #eeeeff;
  color: #2f33ff;
}

.app-navbar__actions > li + li.app-navbar__user {
  border-left: 1px solid #ccd1e4;
  margin-left: 4px;
}

header .navbar-kuaaly .app-navbar__user > a {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  padding-left: 16px;
}

header .navbar-kuaaly .profile-img {
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
  border: 1px solid #ccd1e4;
  -webkit-box-shadow: none;
  box-shadow: none;
  float: none;
  height: 40px;
  left: auto;
  margin: 0;
  position: static;
  top: auto;
  width: 40px;
}

.app-navbar__user-name {
  color: #07172d;
  max-width: 92px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.notif-point {
  background: #d74444;
  border: 2px solid #fff;
}

.app-navbar__backdrop {
  display: none;
}

/* Catalogue */

.catalog-page__main {
  margin: 0 auto;
  max-width: 1160px;
  min-height: -webkit-calc(100vh - 160px);
  min-height: calc(100vh - 160px);
  padding: 35px 0 88px;
  width: -webkit-calc(100% - 48px);
  width: calc(100% - 48px);
}

.continue-learning {
  margin-bottom: 45px;
}

.continue-learning__header {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 14px;
  margin-bottom: 24px;
}

.continue-learning__header .section-title {
  margin: 0;
}

.continue-learning__more {
  color: #2f33ff;
  font-family: "Roboto Mono", Consolas, monospace;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.continue-learning__grid {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.continue-card {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  border: 1px solid #ccd1e4;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  color: #07172d;
  display: grid;
  gap: 24px;
  grid-template-columns: 192px minmax(0, 1fr);
  min-height: 226px;
  padding: 22px 24px;
  text-decoration: none;
}

.continue-card:hover {
  border-color: #2f33ff;
  color: #07172d;
  text-decoration: none;
}

.continue-card__image {
  -webkit-border-radius: 4px;
  border-radius: 4px;
  height: 128px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 192px;
}

.continue-card__body {
  min-width: 0;
}

.continue-card__body h2 {
  font-size: 23px;
  margin: 9px 0 7px;
}

.continue-card__body p {
  color: #35415a;
  display: -webkit-box;
  font-size: 15px;
  margin: 0 0 26px;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.progress-row {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: grid;
  gap: 16px;
  grid-template-columns: 1fr auto;
}

.progress-row strong {
  color: #35415a;
  font-family: "Roboto Mono", Consolas, monospace;
  font-size: 11px;
}

.catalog-layout {
  -webkit-box-align: start;
  -webkit-align-items: start;
  -ms-flex-align: start;
  align-items: start;
  display: grid;
  gap: 48px;
  grid-template-columns: 255px minmax(0, 1fr);
}

.catalog-sidebar h2 {
  font-size: 18px;
  font-weight: 500;
  margin: 0 0 26px;
}

.catalog-sidebar .categories {
  float: none;
  position: static;
  width: auto;
}

.catalog-sidebar .categories > ul {
  background: transparent;
  border: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  min-height: 0;
  padding: 0;
  position: static !important;
  top: auto !important;
  width: auto !important;
}

.catalog-sidebar .categories li {
  list-style: none;
}

.catalog-sidebar .categories li > a {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 0 !important;
  border-left: 3px solid transparent !important;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  color: #35415a;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-family: "Roboto Mono", Consolas, monospace;
  font-size: 11px;
  gap: 12px;
  letter-spacing: 0.035em;
  margin-bottom: 5px;
  min-height: 42px;
  padding: 10px 14px;
  text-decoration: none;
}

.catalog-sidebar .categories li > a .fa {
  color: #35415a;
  font-family: FontAwesome;
  font-size: 14px;
  width: 16px;
}

.catalog-sidebar .categories li > a:hover,
.catalog-sidebar .categories li > a:focus {
  background: #f3f4fa;
  color: #2f33ff;
}

.catalog-sidebar .categories li > a.active {
  background: #eeeeff;
  border-left-color: #2f33ff !important;
  color: #2f33ff;
}

.catalog-sidebar .categories li > a.active .fa {
  color: #2f33ff;
}

.catalog-content {
  min-width: 0;
}

.catalog-heading {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 30px;
}

.catalog-heading h1 {
  font-size: 30px;
  margin: 5px 0 7px;
}

.catalog-heading p {
  color: #35415a;
  font-size: 15px;
  margin: 0;
}

.catalog-heading__prefix {
  font-weight: 600;
}

.course-view-switcher {
  border-bottom: 1px solid #ccd1e4;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  margin: -5px 0 24px;
}

.course-view-switcher a {
  border-bottom: 2px solid transparent;
  color: #737c90;
  padding: 10px 0;
}

.course-view-switcher a.active {
  border-bottom-color: #2f33ff;
  color: #2f33ff;
}

.course-grid {
  display: grid;
  gap: 34px 24px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.course-grid__item {
  min-width: 0;
}

.course-grid__item.is-infinite-hidden {
  display: none !important;
}

.course-grid__sentinel {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #737c90;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-family: "Roboto Mono", Consolas, monospace;
  font-size: 10px;
  gap: 9px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  letter-spacing: 0.05em;
  min-height: 72px;
  opacity: 0;
  text-transform: uppercase;
  -webkit-transition: opacity 0.15s ease;
  -o-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease;
}

.course-grid__sentinel.is-loading {
  opacity: 1;
}

.course-grid__sentinel.is-finished {
  display: none;
}

.course-grid__spinner {
  -webkit-animation: course-grid-spin 0.7s linear infinite;
  -o-animation: course-grid-spin 0.7s linear infinite;
  animation: course-grid-spin 0.7s linear infinite;
  border: 2px solid #ccd1e4;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border-top-color: #2f33ff;
  height: 18px;
  width: 18px;
}

@-webkit-keyframes course-grid-spin {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-o-keyframes course-grid-spin {
  to {
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes course-grid-spin {
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.curso.course-card {
  background: transparent;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #07172d;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0;
  min-height: 100%;
  padding: 0;
  text-decoration: none;
}

.curso.course-card:hover {
  color: #07172d;
  text-decoration: none;
}

.curso.course-card:hover .course-card__media {
  -webkit-box-shadow: 0 0 0 2px #2f33ff;
  box-shadow: 0 0 0 2px #2f33ff;
}

.course-card__media {
  aspect-ratio: 4/3;
  background: #e9ecf4;
  border: 1px solid rgba(204, 209, 228, 0.72);
  -webkit-border-radius: 4px;
  border-radius: 4px;
  isolation: isolate;
  overflow: hidden;
  position: relative;
}

.course-card__media::after {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(7, 23, 45, 0.025)), to(rgba(7, 23, 45, 0.08)));
  background: -webkit-linear-gradient(top, rgba(7, 23, 45, 0.025), rgba(7, 23, 45, 0.08));
  background: -o-linear-gradient(top, rgba(7, 23, 45, 0.025), rgba(7, 23, 45, 0.08));
  background: linear-gradient(180deg, rgba(7, 23, 45, 0.025), rgba(7, 23, 45, 0.08));
  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 2;
}

.course-card__media-backdrop {
  -webkit-filter: blur(18px) saturate(0.72);
  filter: blur(18px) saturate(0.72);
  height: 116%;
  left: -8%;
  -o-object-fit: cover;
  object-fit: cover;
  opacity: 0.38;
  position: absolute;
  top: -8%;
  -webkit-transform: scale(1.08);
  -ms-transform: scale(1.08);
  -o-transform: scale(1.08);
  transform: scale(1.08);
  width: 116%;
  z-index: 0;
}

.course-card__media .cover {
  background: rgba(255, 255, 255, 0.12);
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  position: relative;
  -webkit-transition: -webkit-transform 0.24s ease;
  transition: -webkit-transform 0.24s ease;
  -o-transition: -o-transform 0.24s ease;
  transition: transform 0.24s ease;
  transition: transform 0.24s ease, -webkit-transform 0.24s ease, -o-transform 0.24s ease;
  width: 100%;
  z-index: 1;
}

.curso.course-card:hover .course-card__media .cover {
  -webkit-transform: scale(1.015);
  -ms-transform: scale(1.015);
  -o-transform: scale(1.015);
  transform: scale(1.015);
}

.course-card__badge {
  background: #2f33ff;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  color: #fff;
  font-family: "Roboto Mono", Consolas, monospace;
  font-size: 10px;
  font-weight: 700;
  left: 12px;
  letter-spacing: 0.05em;
  padding: 5px 8px;
  position: absolute;
  text-transform: uppercase;
  top: 12px;
  z-index: 3;
}

.course-card__badge--success {
  background: #079d7b;
}

.course-card__body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  padding: 13px 0 0;
}

.course-card__meta {
  color: #35415a;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-family: "Roboto Mono", Consolas, monospace;
  font-size: 10px;
  font-weight: 600;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.course-card__body h2 {
  font-size: 19px;
  line-height: 1.25;
  margin: 8px 0;
}

.course-card__body .description {
  color: #737c90;
  font-size: 13px;
  height: auto;
  line-height: 1.45;
  margin: 0 0 14px;
  width: 100%;
}

.course-card__footer {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid #e7e9f1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: auto;
  min-height: 42px;
  padding-top: 10px;
}

.course-card__publisher {
  color: #737c90;
  font-size: 11px;
  max-width: 48%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.course-card__publisher .fa {
  color: #2f33ff;
  margin-right: 5px;
}

.course-card__action {
  color: #2f33ff;
  font-family: "Roboto Mono", Consolas, monospace;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.045em;
  text-transform: uppercase;
}

.course-card__action .fa {
  margin: 0 4px;
}

/* Institution page */

.institution-page__main {
  margin: 0 auto;
  max-width: 1160px;
  padding: 32px 0 88px;
  width: -webkit-calc(100% - 40px);
  width: calc(100% - 40px);
}

.institution-hero {
  background-color: #26344d;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
  border: 1px solid #ccd1e4;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  min-height: 320px;
  overflow: hidden;
  position: relative;
}

.institution-hero--plain {
  background: -webkit-linear-gradient(315deg, #26344d, #17243a);
  background: -o-linear-gradient(315deg, #26344d, #17243a);
  background: linear-gradient(135deg, #26344d, #17243a);
}

.institution-hero::after {
  background-image: -webkit-radial-gradient(75% 20%, circle, rgba(255, 255, 255, 0.13) 0 2px, transparent 3px);
  background-image: -o-radial-gradient(75% 20%, circle, rgba(255, 255, 255, 0.13) 0 2px, transparent 3px);
  background-image: radial-gradient(circle at 75% 20%, rgba(255, 255, 255, 0.13) 0 2px, transparent 3px);
  -webkit-background-size: 28px 28px;
  background-size: 28px 28px;
  bottom: 0;
  content: "";
  opacity: 0.35;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 38%;
}

.institution-hero__content {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  left: 0;
  padding: 38px;
  position: absolute;
  right: 0;
  z-index: 2;
}

.institution-hero__logo {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  border: 1px solid rgba(255, 255, 255, 0.65);
  -webkit-border-radius: 12px;
  border-radius: 12px;
  -webkit-box-shadow: 0 18px 46px rgba(0, 0, 0, 0.22);
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.22);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 128px;
  -ms-flex: 0 0 128px;
  flex: 0 0 128px;
  height: 128px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  padding: 15px;
  width: 128px;
}

.institution-hero__logo img {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}

.institution-hero__logo span {
  color: #2f33ff;
  font-size: 48px;
  font-weight: 700;
}

.institution-hero__identity {
  color: #fff;
  min-width: 0;
  padding-bottom: 5px;
}

.institution-hero__identity .eyebrow {
  color: #bfc2ff;
  margin-bottom: 8px;
}

.institution-hero__identity h1 {
  color: #fff;
  font-size: 38px;
  line-height: 1.12;
  margin: 0;
}

.institution-hero__identity p {
  color: rgba(255, 255, 255, 0.82);
  font-size: 14px;
  line-height: 1.55;
  margin: 12px 0 0;
  max-width: 650px;
}

.institution-layout {
  -webkit-box-align: start;
  -webkit-align-items: start;
  -ms-flex-align: start;
  align-items: start;
  display: grid;
  gap: 32px;
  grid-template-columns: 292px minmax(0, 1fr);
  margin-top: 32px;
}

.institution-profile {
  background: #fff;
  border: 1px solid #ccd1e4;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  padding: 24px;
  position: -webkit-sticky;
  position: sticky;
  top: 104px;
}

.institution-profile__heading {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}

.institution-profile__icon {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #eeeeff;
  border: 1px solid #d5d7ff;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  color: #2f33ff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 44px;
  -ms-flex: 0 0 44px;
  flex: 0 0 44px;
  height: 44px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 44px;
}

.institution-profile__icon .fa {
  font-size: 18px;
}

.institution-profile__heading .eyebrow {
  font-size: 9px;
  margin-bottom: 2px;
}

.institution-profile__heading h2 {
  font-size: 20px;
  margin: 0;
}

.institution-profile__description {
  border-top: 1px solid #e7e9f1;
  color: #35415a;
  font-size: 13px;
  line-height: 1.65;
  margin-top: 20px;
  padding-top: 20px;
}

.institution-profile__description > :last-child {
  margin-bottom: 0;
}

.institution-contact {
  border-top: 1px solid #e7e9f1;
  display: grid;
  gap: 15px;
  margin-top: 20px;
  padding-top: 20px;
}

.institution-contact__item {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  color: #35415a;
  display: grid;
  font-size: 12px;
  gap: 10px;
  grid-template-columns: 18px minmax(0, 1fr);
  line-height: 1.45;
}

.institution-contact__item > .fa {
  color: #2f33ff;
  font-size: 15px;
  margin-top: 2px;
  text-align: center;
}

.institution-contact__item a {
  color: #35415a;
  overflow-wrap: anywhere;
}

.institution-contact__item a:hover {
  color: #2f33ff;
}

.institution-social {
  border-top: 1px solid #e7e9f1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 20px;
  padding-top: 20px;
}

.institution-social a {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #f8f9ff;
  border: 1px solid #ccd1e4;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  color: #35415a;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 36px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 36px;
}

.institution-social a:hover {
  background: #2f33ff;
  border-color: #2f33ff;
  color: #fff;
  text-decoration: none;
}

.institution-courses {
  min-width: 0;
}

.institution-courses__header {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  border-bottom: 1px solid #ccd1e4;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 24px;
  padding: 4px 2px 18px;
}

.institution-courses__header .eyebrow {
  margin-bottom: 5px;
}

.institution-courses__header h2 {
  font-size: 28px;
  margin: 0;
}

.institution-courses__header > .fa {
  color: #2f33ff;
  font-size: 20px;
  margin-bottom: 5px;
}

.institution-courses .course-grid {
  gap: 30px 20px;
}

.institution-courses .course-grid__sentinel {
  grid-column: 1/-1;
}

/* Course detail */

.course-page__main {
  margin: 0 auto;
  max-width: 1160px;
  min-height: -webkit-calc(100vh - 160px);
  min-height: calc(100vh - 160px);
  padding: 32px 0 84px;
  width: -webkit-calc(100% - 48px);
  width: calc(100% - 48px);
}

.approval-menu {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: rgba(233, 155, 0, 0.07);
  border: 1px solid rgba(233, 155, 0, 0.4);
  -webkit-border-radius: 8px;
  border-radius: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 24px;
  padding: 14px 18px;
}

.approval-menu p {
  margin: 4px 0 0;
}

.approval-menu .btn + .btn {
  margin-left: 8px;
}

.course-hero {
  -webkit-box-align: start;
  -webkit-align-items: start;
  -ms-flex-align: start;
  align-items: start;
  display: grid;
  gap: 24px;
  grid-template-columns: minmax(0, 2.05fr) minmax(320px, 1fr);
}

.course-hero__main {
  padding: 0 0 0 0;
}

.course-hero__breadcrumb {
  margin: 2px 0 20px;
}

.course-hero__breadcrumb span {
  color: #737c90;
  margin: 0 6px;
}

.course-hero h1 {
  font-size: 46px;
  line-height: 1.08;
  margin: 0 0 20px;
}

.course-hero__description {
  color: #35415a;
  font-size: 17px;
  line-height: 1.65;
  max-width: 750px;
}

.course-hero__meta {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #35415a;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 12px;
  gap: 18px;
  margin-top: 24px;
}

.course-hero__meta .fa {
  color: #2f33ff;
  margin-right: 6px;
}

.course-hero__meta .fa-star {
  color: #e99b00;
}

.course-hero__meta a {
  color: #35415a;
}

.course-start {
  margin-top: 28px;
}

.course-start .btn {
  min-width: 190px;
}

.course-resume {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  border: 1px solid #ccd1e4;
  border-left: 4px solid #2f33ff;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  display: grid;
  gap: 12px 24px;
  grid-template-columns: minmax(0, 1fr) auto;
  margin-top: 30px;
  padding: 20px 24px;
}

.course-resume__content h2 {
  font-size: 19px;
  margin: 7px 0 3px;
}

.course-resume__content p {
  color: #35415a;
  font-size: 13px;
  margin: 0;
}

.course-resume__content p .fa {
  color: #2f33ff;
  margin-right: 7px;
}

.course-resume__actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.course-resume__actions .btn {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 9px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 40px;
  min-width: 142px;
}

.course-resume__progress {
  grid-column: 1/-1;
  margin-top: 10px;
}

.course-resume__progress-label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 8px;
}

.course-resume__progress-label strong {
  color: #2f33ff;
  font-family: "Roboto Mono", Consolas, monospace;
}

.course-resume .ui-progress {
  height: 11px;
}

.course-sidebar {
  align-self: start;
  grid-column: 2;
  grid-row: 1/span 2;
  min-width: 0;
  position: -webkit-sticky;
  position: sticky;
  top: 104px;
}

.course-preview {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  aspect-ratio: 16/9;
  background: #dce3ef;
  border: 1px solid #ccd1e4;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
}

.course-preview > img {
  -webkit-filter: saturate(0.75);
  filter: saturate(0.75);
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.course-preview--empty > .fa {
  color: #2f33ff;
  font-size: 64px;
}

.course-preview__play {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  border: 1px solid #ccd1e4;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  color: #2f33ff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 64px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 64px;
}

.course-preview__play:hover {
  background: #2f33ff;
  color: #fff;
  text-decoration: none;
}

.course-stats {
  display: grid;
  gap: 14px 16px;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 24px;
}

.course-stats > div {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  border: 1px solid #ccd1e4;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 112px;
  padding: 13px;
}

.course-stats > div > .fa {
  color: #2f33ff;
  font-size: 23px;
  margin-bottom: 5px;
}

.course-stats > div strong {
  font-size: 19px;
}

.course-stats > div span {
  color: #35415a;
  font-family: "Roboto Mono", Consolas, monospace;
  font-size: 9px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.course-stats > .course-stats__duration {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 12px;
  grid-column: 1/-1;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  min-height: 62px;
  padding: 14px 18px;
}

.course-stats__duration > .fa {
  margin: 0 !important;
}

.course-stats__duration strong {
  margin-left: auto;
}

.course-sidebar__action {
  margin-top: 14px;
}

.course-sidebar__action .btn {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 9px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 48px;
  width: 100%;
}

.course-sidebar__action > .disabled {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.course-sections {
  grid-column: 1;
  margin-top: 0;
  max-width: 100%;
  min-width: 0;
}

.course-sections > .tabs,
.course-content .tabs {
  border-bottom: 1px solid #ccd1e4;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 0;
  list-style: none;
  margin: 0;
  overflow-x: auto;
  padding: 0;
}

.course-sections > .tabs > li {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.course-sections > .tabs > li > a,
.course-sections > .tabs > li > a.color1,
.course-sections > .tabs > li > a.color2,
.course-sections > .tabs > li > a.color3,
.course-sections > .tabs > li > a.color4,
.course-sections > .tabs > li > a.color5 {
  background: transparent;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  color: #35415a;
  display: block;
  font-size: 16px;
  font-weight: 500;
  margin: 0;
  padding: 14px 16px 12px;
  text-decoration: none;
}

.course-sections > .tabs > li > a.active,
.course-sections > .tabs > li > a.active {
  border-bottom-color: #2f33ff !important;
  color: #2f33ff;
}

.course-sections > .panel-container {
  border: 0 !important;
  padding: 0;
}

.course-sections > .panel-container > #content {
  border: 0 !important;
}

.module-list {
  border: 1px solid #ccd1e4;
  -webkit-border-radius: 0 0 8px 8px;
  border-radius: 0 0 8px 8px;
  border-top: 0;
  overflow: hidden;
}

.module-list .module {
  background: #fff;
  border: 0 !important;
  border-bottom: 1px solid #ccd1e4 !important;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 0 !important;
  overflow: hidden;
}

.module-list .module:last-child {
  border-bottom: 0 !important;
}

.module-list .panel-heading {
  background: #fff;
  border: 0;
  padding: 0;
}

.module-list .panel-title > a {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #07172d;
  display: grid;
  gap: 12px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  min-height: 60px;
  padding: 16px 18px;
  text-decoration: none;
}

.module-list .panel-title > a > .fa {
  color: #737c90;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.module-list .panel-title > a.collapsed > .fa {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
}

.module-list .panel-title > a > span {
  font-size: 16px;
  font-weight: 600;
}

.module-list .panel-title > a > small {
  color: #737c90;
  font-size: 11px;
  font-weight: 400;
}

.module-list .list-group {
  margin: 0;
}

.module-list .list-group-item {
  border: 0;
  border-top: 1px solid #e7e9f1;
  padding: 0;
}

.lesson-row > a {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #35415a;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  min-height: 56px;
  padding: 13px 16px;
  text-decoration: none;
}

.lesson-row__state {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #ccd1e4;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  color: #737c90;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20px;
  -ms-flex: 0 0 20px;
  flex: 0 0 20px;
  height: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
  width: 20px;
}

.lesson-row__state > .fa {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1;
  width: 100%;
}

.lesson-row__state > .fa-circle-o::before {
  border: 1px solid currentColor;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  content: "";
  display: block;
  height: 8px;
  width: 8px;
}

.lesson-row__state > .fa-dot-circle-o::before {
  background: currentColor;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  content: "";
  display: block;
  height: 8px;
  width: 8px;
}

.lesson-row__type {
  color: #b5bccd;
}

.lesson-row .lesson-name {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
}

.lesson-row__duration {
  color: #737c90;
  font-size: 11px;
}

.lesson-row.is-complete .lesson-row__state {
  background: #dfe0ff;
  border-color: #dfe0ff;
  color: #2f33ff;
}

.lesson-row.is-complete .lesson-name {
  color: #35415a;
  text-decoration: line-through;
}

.lesson-row.is-current {
  background: #eeeeff;
  -webkit-box-shadow: inset 3px 0 0 #2f33ff;
  box-shadow: inset 3px 0 0 #2f33ff;
}

.lesson-row.is-current .lesson-row__state,
.lesson-row.is-current .lesson-row__type,
.lesson-row.is-current .lesson-row__duration {
  color: #2f33ff;
}

.lesson-row.is-current .lesson-row__state {
  border-color: #2f33ff;
}

.lesson-row.is-current .lesson-name {
  color: #07172d;
  font-weight: 600;
}

.lesson-row.is-locked {
  background: #fafbfc;
  opacity: 0.65;
}

.lesson-row > a:hover {
  background: #eeeeff;
  color: #2f33ff;
}

.module-footer > a {
  color: #2f33ff;
  display: block;
  font-family: "Roboto Mono", Consolas, monospace;
  font-size: 10px;
  padding: 14px 18px;
  text-transform: uppercase;
}

.module-footer .fa {
  margin-right: 8px;
}

.course-reviews,
.course-details-panel,
.course-institution,
.course-forum {
  background: #fff;
  border: 1px solid #ccd1e4;
  -webkit-border-radius: 0 0 8px 8px;
  border-radius: 0 0 8px 8px;
  border-top: 0;
  padding: 24px;
}

.course-sections #review.course-reviews {
  border-top: 0 !important;
}

.course-sections #forum.course-forum {
  border-top: 0 !important;
}

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

.course-forum p {
  text-align: left;
}

.course-forum .btn {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.course-sections > .tabs > li > a.color4 {
  border-top: 0 !important;
}

.course-reviews {
  padding: 28px 30px 32px;
}

.course-reviews__summary {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  border: 0 !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 9px;
  -webkit-box-pack: start !important;
  -webkit-justify-content: flex-start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
  margin: 0 0 22px !important;
  padding: 0;
}

.course-reviews__summary h2 {
  color: #07172d;
  font-size: 20px;
  font-weight: 700;
  margin: 0 !important;
}

.course-reviews__summary h2 .fa,
.modal-all-reviews .modal-header .fa {
  color: #e99b00;
}

.course-reviews__summary > span {
  color: #737c90;
}

.course-reviews__summary > strong {
  color: #07172d;
  font-size: 18px;
}

.course-reviews__featured,
.all-reviews-list {
  display: grid;
  gap: 0 30px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.review-card-v2 {
  border-top: 1px solid #ccd1e4;
  display: grid;
  gap: 12px;
  grid-template-columns: 42px minmax(0, 1fr);
  min-width: 0;
  padding: 18px 0 22px;
}

.review-card-v2__avatar {
  background: #f8f9ff;
  border: 1px solid #ccd1e4;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  height: 40px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 40px;
}

.review-card-v2__heading {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.review-card-v2__heading strong {
  color: #07172d;
  font-size: 14px;
  line-height: 1.3;
}

.review-card-v2__heading time {
  color: #737c90;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 10px;
}

.review-card-v2__rating {
  color: #e99b00;
  font-size: 11px;
  margin: 4px 0 8px;
}

.review-card-v2__rating .fa {
  margin-right: 2px;
}

.review-card-v2__rating span {
  color: #737c90;
  margin-left: 6px;
}

.review-card-v2 p {
  color: #35415a;
  display: -webkit-box;
  font-size: 14px;
  line-height: 1.6;
  margin: 0;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.course-reviews__all-action {
  margin-top: 22px;
  text-align: center;
}

.course-reviews__all-button,
.all-reviews-load-more {
  background: #fff;
  border: 1px solid #2f33ff;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  color: #2f33ff;
  font-family: "Roboto Mono", Consolas, monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.03em;
  padding: 10px 16px;
  text-transform: uppercase;
}

.course-reviews__all-button:hover,
.course-reviews__all-button:focus,
.all-reviews-load-more:hover,
.all-reviews-load-more:focus {
  background: #eeeeff;
  color: #2f33ff;
}

.course-reviews .add-new-review {
  display: block;
  margin: 20px auto 0;
}

.modal-all-reviews .modal-dialog {
  margin: 40px auto;
  max-width: 820px;
  width: -webkit-calc(100% - 32px);
  width: calc(100% - 32px);
}

.modal-all-reviews .modal-content {
  border: 0;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0 18px 50px rgba(15, 28, 55, 0.2);
  box-shadow: 0 18px 50px rgba(15, 28, 55, 0.2);
  overflow: hidden;
}

.modal-all-reviews .modal-header {
  border-bottom: 1px solid #ccd1e4;
  padding: 22px 26px 18px;
}

.modal-all-reviews .modal-header .close {
  color: #07172d;
  font-size: 28px;
  margin-top: -4px;
  opacity: 0.7;
}

.modal-all-reviews .modal-title {
  color: #07172d;
  font-size: 22px;
  font-weight: 700;
}

.modal-all-reviews .modal-header p {
  color: #35415a;
  margin: 7px 0 0;
}

.modal-all-reviews .modal-body {
  max-height: -webkit-calc(100vh - 190px);
  max-height: calc(100vh - 190px);
  overflow-y: auto;
  padding: 4px 26px 26px;
}

.modal-all-reviews .review-card-v2 p {
  display: block;
  overflow: visible;
}

.all-reviews-load-more {
  display: block;
  margin: 22px auto 0;
}

.course-details-panel dl > div {
  border-top: 1px solid #e7e9f1;
  display: grid;
  grid-template-columns: 1fr 2fr;
  padding: 12px 0;
}

.course-details-panel dt {
  color: #737c90;
}

.course-institution h2 {
  font-size: 20px;
}

.course-institution h2 img {
  border: 1px solid #ccd1e4;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  height: 48px;
  margin-right: 12px;
  -o-object-fit: contain;
  object-fit: contain;
  width: 48px;
}

/* Forum and homework */

.forum-content .tabs a.active {
  background: #26344d;
  border-color: #26344d;
  color: #fff;
}

.forum-content .tabs a.active:hover,
.forum-content .tabs a.active:focus {
  background: #17243a;
  border-color: #17243a;
  color: #fff;
}

/* Lesson viewer */

body.lesson {
  background: #f8f9ff;
}

body.lesson > header > .course-header.info {
  background: #fff;
  border-bottom: 1px solid #ccd1e4;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #35415a;
  padding-top: 72px;
}

body.lesson > header > .course-header.info .container {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 76px;
  padding: 12px 15px;
}

body.lesson > header > .course-header.info .course-name {
  color: #07172d;
  padding: 0;
}

body.lesson > header > .course-header.info .backcourse {
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  display: -webkit-inline-box !important;
  display: -webkit-inline-flex !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  line-height: 1 !important;
}

.lesson-header__titles {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 3px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 40px;
  text-align: center;
}

.lesson-header__titles .course-name {
  font-size: 14px;
  line-height: 1.2;
}

.lesson-header__name {
  color: #35415a;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.25;
  text-transform: none;
}

body.lesson:not(.login) > .container {
  margin: 0 auto;
  max-width: 1040px;
  padding: 32px 24px 64px !important;
}

body.lesson .lesson-content {
  background: #fff;
  border: 1px solid #ccd1e4;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #35415a;
  font-size: 16px;
  line-height: 1.75;
  padding: 28px;
}

body.lesson .lesson-content > h3:first-child {
  display: none !important;
}

body.lesson .lesson-content .cards,
body.lesson .lesson-content .slick-list,
body.lesson .lesson-content .slick-track {
  line-height: 0;
}

body.lesson .lesson-content .card {
  display: block !important;
  line-height: 0;
}

body.lesson .lesson-content .card img {
  display: block;
  height: auto;
  width: 100%;
}

body.lesson .plyr {
  -webkit-border-radius: 8px;
  border-radius: 8px;
  overflow: hidden;
}

body.lesson .plyr--full-ui input[type=range] {
  color: #2f33ff;
}

body.lesson .plyr__control--overlaid,
body.lesson .plyr__control:hover {
  background: #2f33ff;
}

body.lesson .plyr__control--overlaid {
  -webkit-transform: translate(-50%, -50%) !important;
  -ms-transform: translate(-50%, -50%) !important;
  -o-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
}

body.lesson .action-buttons {
  border-top: 1px solid #e7e9f1;
  margin-top: 28px;
  padding-top: 18px;
}

body.lesson .arrow-navigation,
body.lesson #back-to-course {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  border: 1px solid #ccd1e4;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #35415a;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 52px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 52px;
  -ms-flex: 0 0 52px;
  flex: 0 0 52px;
  min-width: 52px;
  padding: 0 !important;
  width: 52px;
}

body.lesson .arrow-navigation .fa {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1;
  margin: 0;
  padding: 0;
  width: 100%;
}

body.lesson .arrow-navigation-mobile,
body.lesson .arrow-navigation-mobile:visited,
body.lesson .arrow-navigation-mobile:hover,
body.lesson .arrow-navigation-mobile:focus {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff !important;
  border: 1px solid #ccd1e4 !important;
  -webkit-border-radius: 50% !important;
  border-radius: 50% !important;
  -webkit-box-shadow: 0 2px 4px rgba(7, 23, 45, 0.18) !important;
  box-shadow: 0 2px 4px rgba(7, 23, 45, 0.18) !important;
  color: #35415a !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 48px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 48px;
  outline: 0 !important;
  padding: 0 !important;
  -webkit-tap-highlight-color: transparent;
  width: 48px;
}

body.lesson .arrow-navigation-mobile:active {
  background: #eeeeff !important;
  border-color: #2f33ff !important;
  color: #2f33ff !important;
}

body.lesson .arrow-navigation-mobile .fa {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1;
  margin: 0;
  padding: 0;
  width: 100%;
}

body.lesson .arrow-navigation,
body.lesson .arrow-navigation:hover,
body.lesson .arrow-navigation:focus,
body.lesson .arrow-navigation:active,
body.lesson .arrow-navigation-mobile,
body.lesson .arrow-navigation-mobile:hover,
body.lesson .arrow-navigation-mobile:focus,
body.lesson .arrow-navigation-mobile:active {
  text-decoration: none !important;
}

body.lesson .arrow-navigation:hover,
body.lesson #back-to-course:hover {
  border-color: #2f33ff;
  color: #2f33ff;
}

body.lesson .notif-next-lesson .notification {
  background: #fff;
  border: 1px solid #ccd1e4;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 16px 40px rgba(7, 23, 45, 0.12);
  box-shadow: 0 16px 40px rgba(7, 23, 45, 0.12);
}

/* Quiz, answering and result states */

body.test {
  background: #f8f9ff;
}

body.test .course-header.info {
  background: #fff !important;
  border-bottom: 1px solid #ccd1e4;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #07172d;
  padding: 108px 24px 28px;
}

.test-context-header__inner {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 18px;
  margin: 0 auto;
  max-width: 1040px;
  padding: 0 !important;
  position: relative;
}

.test-context-header__icon {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #eeeeff;
  border: 1px solid #cfd1ff;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  color: #2f33ff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 58px;
  -ms-flex: 0 0 58px;
  flex: 0 0 58px;
  font-size: 25px;
  height: 58px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.test-context-header__copy {
  min-width: 0;
}

.test-context-header__eyebrow {
  color: #2f33ff;
  display: block;
  font-family: "Roboto Mono", Consolas, monospace;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.1em;
  margin-bottom: 5px;
  text-transform: uppercase;
}

body.test .test-context-header h1 {
  color: #07172d;
  font-size: 25px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
  overflow-wrap: anywhere;
}

.test-context-header__path {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #737c90;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 12px;
  gap: 0;
  list-style: none;
  margin: 7px 0 0;
  padding: 0;
}

.test-context-header__path li {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.test-context-header__path li + li::before {
  color: #ccd1e4;
  content: "/";
  margin: 0 8px;
}

body.test:not(.login) > .container {
  margin: 0 auto;
  max-width: 1040px;
  padding: 40px 24px 72px !important;
}

body.test:not(.login) > .container.started {
  background: transparent !important;
  width: 100%;
}

body.test:not(.login) > .container .container {
  background: transparent !important;
  border: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  margin: 0;
  padding: 0 !important;
  width: 100%;
}

body.test .start-test,
body.test .test-ended,
body.test .limit-reached-test,
body.test .limit-reached-test-but-allowed-retry {
  -webkit-border-radius: 12px;
  border-radius: 12px;
  min-height: 380px;
  overflow: hidden;
}

body.test .start-test .header,
body.test .test-ended .header,
body.test .limit-reached-test .header {
  background: #fff !important;
  border-bottom: 1px solid #e7e9f1;
  color: #07172d !important;
}

body.test .start-test .header .title,
body.test .test-ended .header .title {
  color: #07172d;
  font-size: 28px;
  font-weight: 600;
}

body.test .start-test .body p,
body.test .test-ended .body p {
  color: #35415a;
  font-size: 16px;
}

body.test > .container .container .test-start-card {
  background: #fff;
  border: 1px solid #ccd1e4;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  -webkit-box-shadow: 0 18px 44px rgba(7, 23, 45, 0.07);
  box-shadow: 0 18px 44px rgba(7, 23, 45, 0.07);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 0 !important;
  overflow: hidden;
  width: 100%;
}

body.test > .container.started .test-start-card {
  display: none !important;
}

body.test > .container .container .test-start-card .test-start-card__header {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #f8f9ff !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  padding: 26px 30px;
  width: 100%;
}

.test-start-card__symbol {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #2f33ff;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 52px;
  -ms-flex: 0 0 52px;
  flex: 0 0 52px;
  font-size: 22px;
  height: 52px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

body.test > .container .container .test-start-card .test-start-card__header > div:last-child {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 0;
  width: auto;
}

body.test > .container .container .test-start-card .test-start-card__header .test-start-card__symbol {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 52px;
  width: 52px;
}

body.test > .container .container .test-start-card .test-start-card__header .eyebrow {
  color: #2f33ff;
  display: block;
  font-family: "Roboto Mono", Consolas, monospace;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.1em;
  margin-bottom: 4px;
  text-transform: uppercase;
}

body.test > .container .container .test-start-card .test-start-card__header .title {
  display: block;
  font-size: 25px;
  line-height: 1.2;
  margin: 0;
  padding: 0;
  text-align: left;
  width: auto;
}

body.test .test-start-card .test-start-card__body {
  display: block;
  padding: 32px 30px 28px;
  text-align: left;
}

body.test > .container .container .test-start-card .test-start-card__body .test-start-card__intro {
  font-size: 15px;
  line-height: 1.65;
  margin: 0 0 24px;
  max-width: 720px;
  padding: 0;
  text-align: left;
}

.test-start-card__facts {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.test-start-card__fact {
  background: #f8f9ff;
  border: 1px solid #e7e9f1;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  display: grid;
  gap: 2px 12px;
  grid-template-columns: 38px minmax(0, 1fr);
  padding: 16px;
}

.test-start-card__fact > .fa {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #eeeeff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  color: #2f33ff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  grid-row: 1/3;
  height: 38px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 38px;
}

.test-start-card__fact > span {
  color: #737c90;
  font-size: 11px;
  line-height: 1.2;
}

.test-start-card__fact > strong {
  color: #07172d;
  font-size: 17px;
  line-height: 1.2;
}

body.test .test-start-card .test-start-card__notice {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background: rgba(233, 155, 0, 0.08);
  border: 1px solid rgba(233, 155, 0, 0.28);
  -webkit-border-radius: 8px;
  border-radius: 8px;
  color: #35415a;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  margin-top: 22px;
  padding: 13px 15px;
  text-align: left;
}

body.test .test-start-card .test-start-card__notice > .fa {
  color: #e99b00;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-top: 3px;
}

body.test .test-start-card .test-start-card__notice span {
  background: transparent;
  color: inherit;
  display: block;
  font-size: 13px;
  line-height: 1.5;
  padding: 0;
}

body.test > .container .container .test-start-card .test-start-card__footer {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid #e7e9f1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 20px 30px;
  text-align: right;
}

body.test .test-start-card .test-start-card__footer .btn {
  gap: 9px;
  min-width: 150px;
}

body.test .test-start-card .test-start-card__footer .btn-kuaaly-warning {
  background: #2f33ff;
  border-color: #2f33ff;
  color: #fff;
}

body.test > .container:not(.started) > .navigation .arrow-navigation,
body.test > .container:not(.started) > .navigation .mobile-arrow-navigation-container {
  display: none !important;
}

body.test .ongoing-test {
  padding: 32px;
}

body.test .ongoing-test .preguntas {
  text-align: left;
}

body.test .ongoing-test .preguntas h2 {
  color: #07172d;
  font-size: 24px;
  text-shadow: none;
}

body.test .ongoing-test .preguntas .respuestas .row.respuesta {
  background: #fff;
  border: 1px solid #ccd1e4;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 10px 0;
  min-height: 58px;
}

body.test .ongoing-test .preguntas .respuestas .row.respuesta:hover,
body.test .ongoing-test .preguntas .respuestas .row.respuesta.active {
  background: #eeeeff;
  border-color: #2f33ff;
  -webkit-box-shadow: none;
  box-shadow: none;
}

body.test .ongoing-test .preguntas .respuestas .row.respuesta.success {
  background: rgba(7, 157, 123, 0.06);
  border-color: #079d7b;
  color: #079d7b !important;
}

body.test .ongoing-test .preguntas .respuestas .row.respuesta.error {
  background: rgba(215, 68, 68, 0.06);
  border-color: #d74444;
  color: #d74444 !important;
}

body.test .ongoing-test .preguntas .respuestas .row.respuesta .arrow {
  display: none;
}

body.test .ongoing-test .preguntas .respuestas .row.respuesta a {
  color: #35415a;
  font-size: 15px;
  padding: 10px 16px;
}

body.test .ongoing-test .preguntas .respuestas .row.respuesta.success a {
  color: #079d7b;
}

body.test .ongoing-test .preguntas .respuestas .row.respuesta.error a {
  color: #d74444;
}

body.test > .container .container .ongoing-test .preguntas .respuestas .row.respuesta {
  background: #fff;
  border: 1px solid #ccd1e4;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 2px 7px rgba(7, 23, 45, 0.03);
  box-shadow: 0 2px 7px rgba(7, 23, 45, 0.03);
  color: #35415a;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: background-color 0.18s ease, border-color 0.18s ease, -webkit-box-shadow 0.18s ease, -webkit-transform 0.18s ease;
  transition: background-color 0.18s ease, border-color 0.18s ease, -webkit-box-shadow 0.18s ease, -webkit-transform 0.18s ease;
  -o-transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, -o-transform 0.18s ease;
  transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
  transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease, -webkit-box-shadow 0.18s ease, -webkit-transform 0.18s ease, -o-transform 0.18s ease;
}

body.test > .container .container .ongoing-test .preguntas .respuestas .row.respuesta:hover {
  background: #eeeeff;
  border-color: rgba(47, 51, 255, 0.55);
  -webkit-box-shadow: 0 7px 18px rgba(47, 51, 255, 0.1);
  box-shadow: 0 7px 18px rgba(47, 51, 255, 0.1);
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
}

body.test > .container .container .ongoing-test .preguntas .respuestas .row.respuesta:active {
  -webkit-box-shadow: 0 2px 7px rgba(47, 51, 255, 0.08);
  box-shadow: 0 2px 7px rgba(47, 51, 255, 0.08);
  -webkit-transform: translateY(0) scale(0.995);
  -ms-transform: translateY(0) scale(0.995);
  -o-transform: translateY(0) scale(0.995);
  transform: translateY(0) scale(0.995);
}

body.test > .container .container .ongoing-test .preguntas .respuestas .row.respuesta > a {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #35415a;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto !important;
  line-height: 1.45;
  min-height: 58px;
  padding: 14px 52px 14px 18px;
  text-decoration: none;
  overflow-wrap: anywhere;
}

body.test > .container .container .ongoing-test .preguntas .respuestas .row.respuesta > a label {
  color: inherit;
  cursor: pointer;
  margin: 0;
  width: 100%;
}

body.test > .container .container .ongoing-test .preguntas .respuestas .row.respuesta > a input[type=checkbox] {
  display: none;
}

body.test > .container .container .ongoing-test .preguntas .respuestas .row.respuesta > a input[type=checkbox] + label {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.45;
  margin: 0;
  position: relative;
}

body.test > .container .container .ongoing-test .preguntas .respuestas .row.respuesta > a input[type=checkbox] + label > span {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  border: 1.5px solid #ccd1e4;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20px;
  -ms-flex: 0 0 20px;
  flex: 0 0 20px;
  height: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 12px 0 0;
  position: relative;
  -webkit-transition: background-color 0.16s ease, border-color 0.16s ease, -webkit-box-shadow 0.16s ease;
  transition: background-color 0.16s ease, border-color 0.16s ease, -webkit-box-shadow 0.16s ease;
  -o-transition: background-color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
  transition: background-color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
  transition: background-color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, -webkit-box-shadow 0.16s ease;
  width: 20px;
}

body.test > .container .container .ongoing-test .preguntas .respuestas .row.respuesta > a input[type=checkbox]:checked + label > span {
  -webkit-animation: none;
  -o-animation: none;
  animation: none;
  background: #2f33ff;
  border: 1.5px solid #2f33ff;
  -webkit-box-shadow: 0 0 0 3px rgba(47, 51, 255, 0.1);
  box-shadow: 0 0 0 3px rgba(47, 51, 255, 0.1);
}

body.test > .container .container .ongoing-test .preguntas .respuestas .row.respuesta > a input[type=checkbox]:checked + label > span::before {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-animation: none;
  -o-animation: none;
  animation: none;
  border: 0;
  color: #fff;
  content: "\f00c";
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-family: FontAwesome;
  font-size: 11px;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  left: 0;
  line-height: 1;
  position: absolute;
  top: 0;
  -webkit-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  width: 100%;
}

body.test > .container .container .ongoing-test .preguntas .respuestas .row.respuesta.active:not(.success):not(.error) {
  background: #eeeeff;
  border-color: #2f33ff;
  -webkit-box-shadow: inset 3px 0 0 #2f33ff, 0 6px 16px rgba(47, 51, 255, 0.09);
  box-shadow: inset 3px 0 0 #2f33ff, 0 6px 16px rgba(47, 51, 255, 0.09);
}

body.test > .container .container .ongoing-test .preguntas .respuestas .row.respuesta:has(input:checked):not(.success):not(.error) {
  background: #eeeeff;
  border-color: #2f33ff;
  -webkit-box-shadow: inset 3px 0 0 #2f33ff, 0 6px 16px rgba(47, 51, 255, 0.09);
  box-shadow: inset 3px 0 0 #2f33ff, 0 6px 16px rgba(47, 51, 255, 0.09);
}

body.test > .container .container .ongoing-test .preguntas .respuestas .row.respuesta.success {
  background: rgba(7, 157, 123, 0.1) !important;
  border-color: rgba(7, 157, 123, 0.62) !important;
  -webkit-box-shadow: inset 4px 0 0 #079d7b !important;
  box-shadow: inset 4px 0 0 #079d7b !important;
  color: #045945 !important;
}

body.test > .container .container .ongoing-test .preguntas .respuestas .row.respuesta.error {
  background: rgba(215, 68, 68, 0.09) !important;
  border-color: rgba(215, 68, 68, 0.58) !important;
  -webkit-box-shadow: inset 4px 0 0 #d74444 !important;
  box-shadow: inset 4px 0 0 #d74444 !important;
  color: #b32626 !important;
}

body.test > .container .container .ongoing-test .preguntas .respuestas .row.respuesta.success::after,
body.test > .container .container .ongoing-test .preguntas .respuestas .row.respuesta.error::after {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-family: FontAwesome;
  font-size: 12px;
  height: 26px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  right: 16px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 26px;
}

body.test > .container .container .ongoing-test .preguntas .respuestas .row.respuesta.success::after {
  background: #079d7b;
  content: "\f00c";
}

body.test > .container .container .ongoing-test .preguntas .respuestas .row.respuesta.error::after {
  background: #d74444;
  content: "\f00d";
}

body.test > .container .container .ongoing-test .preguntas .respuestas .row.respuesta.success > a,
body.test > .container .container .ongoing-test .preguntas .respuestas .row.respuesta.success > a label {
  color: #045945 !important;
  font-weight: 600;
}

body.test > .container .container .ongoing-test .preguntas .respuestas .row.respuesta.error > a,
body.test > .container .container .ongoing-test .preguntas .respuestas .row.respuesta.error > a label {
  color: #b32626 !important;
  font-weight: 600;
}

body.test > .container .container .ongoing-test .preguntas .respuestas .row.respuesta.success > a input[type=checkbox]:checked + label > span {
  background: #079d7b;
  border-color: #079d7b;
  -webkit-box-shadow: 0 0 0 3px rgba(7, 157, 123, 0.1);
  box-shadow: 0 0 0 3px rgba(7, 157, 123, 0.1);
}

body.test > .container .container .ongoing-test .preguntas .respuestas .row.respuesta.error > a input[type=checkbox]:checked + label > span {
  background: #d74444;
  border-color: #d74444;
  -webkit-box-shadow: 0 0 0 3px rgba(215, 68, 68, 0.1);
  box-shadow: 0 0 0 3px rgba(215, 68, 68, 0.1);
}

body.test #countdown {
  color: #35415a;
  font-family: "Roboto Mono", Consolas, monospace;
}

body.test .ongoing-test #countdown {
  margin: 0 auto 24px;
  max-width: 100%;
  text-align: center;
}

body.test .ongoing-test #pregunta {
  margin: 0 auto;
  max-width: 760px;
  width: 100%;
}

body.test .ongoing-test #pregunta > h2 {
  line-height: 1.25;
  margin: 0 auto 28px;
  max-width: 720px;
  padding: 0 12px;
  text-align: center;
}

body.test .ongoing-test #respuestas,
body.test .ongoing-test #div_btn_responder {
  float: none;
  margin-left: auto;
  margin-right: auto;
  max-width: 640px;
}

body.test .ongoing-test #div_btn_responder {
  padding-top: 6px;
  text-align: center;
}

body.test .ongoing-test #btn_responder {
  background: #2f33ff;
  border-color: #2f33ff;
  color: #fff;
  float: none;
  margin: 0 auto;
  min-width: 150px;
}

body.test .test-ended .approved .header {
  border-top: 3px solid #079d7b;
}

body.test .test-ended .failed .header {
  border-top: 3px solid #d74444;
}

body.test .test-ended .star i {
  color: #e99b00 !important;
  text-shadow: none !important;
}

.test-result-card {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  border: 1px solid #ccd1e4;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  -webkit-box-shadow: 0 18px 44px rgba(7, 23, 45, 0.08);
  box-shadow: 0 18px 44px rgba(7, 23, 45, 0.08);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 auto;
  max-width: 680px;
  padding: 40px;
  text-align: center;
}

.test-result-card__icon {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 27px;
  height: 70px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 18px;
  width: 70px;
}

.test-result-card--success .test-result-card__icon {
  background: rgba(7, 157, 123, 0.1);
  border: 1px solid rgba(7, 157, 123, 0.25);
  color: #079d7b;
}

.test-result-card--failed .test-result-card__icon {
  background: rgba(215, 68, 68, 0.09);
  border: 1px solid rgba(215, 68, 68, 0.22);
  color: #d74444;
}

.test-result-card--cooldown .test-result-card__icon {
  background: rgba(233, 155, 0, 0.1);
  border: 1px solid rgba(233, 155, 0, 0.25);
  color: #e99b00;
}

.test-result-card > .eyebrow {
  color: #2f33ff;
  font-family: "Roboto Mono", Consolas, monospace;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.1em;
  margin-bottom: 6px;
  text-transform: uppercase;
}

body.test .test-ended .test-result-card h2 {
  color: #07172d;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
}

body.test .test-ended .test-result-card__description {
  color: #35415a;
  font-size: 15px;
  line-height: 1.6;
  margin: 14px 0 24px;
  max-width: 500px;
}

.test-result-card__score {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #f8f9ff;
  border: 1px solid #e7e9f1;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  display: grid;
  gap: 2px 20px;
  grid-template-columns: minmax(0, 1fr) auto;
  min-width: 330px;
  padding: 17px 20px;
  text-align: left;
}

.test-result-card__score > span {
  color: #737c90;
  font-size: 12px;
}

.test-result-card__score > strong {
  color: #07172d;
  font-size: 29px;
  grid-row: 1/3;
  grid-column: 2;
  line-height: 1;
}

.test-result-card__score > small {
  color: #35415a;
  font-size: 12px;
}

.test-result-card__points {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #35415a;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 13px;
  gap: 6px;
  margin-top: 14px;
}

.test-result-card__points .fa {
  color: #e99b00;
}

.test-confetti {
  height: 100%;
  left: 0;
  overflow: hidden;
  pointer-events: none;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1060;
}

.test-confetti__piece {
  -webkit-animation: test-confetti-fall 3.5s cubic-bezier(0.15, 0.65, 0.35, 1) forwards;
  -o-animation: test-confetti-fall 3.5s cubic-bezier(0.15, 0.65, 0.35, 1) forwards;
  animation: test-confetti-fall 3.5s cubic-bezier(0.15, 0.65, 0.35, 1) forwards;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  display: block;
  opacity: 0;
  position: absolute;
  top: -24px;
  -webkit-transform: translate3d(0, -8vh, 0) rotate(0deg);
  transform: translate3d(0, -8vh, 0) rotate(0deg);
  will-change: transform, opacity;
}

.test-confetti__piece:nth-child(3n) {
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.test-confetti__piece:nth-child(4n) {
  height: 5px !important;
}

@-webkit-keyframes test-confetti-fall {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -8vh, 0) rotate(0deg);
    transform: translate3d(0, -8vh, 0) rotate(0deg);
  }

  9% {
    opacity: 1;
  }

  82% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(var(--confetti-drift), 105vh, 0) rotate(var(--confetti-rotation));
    transform: translate3d(var(--confetti-drift), 105vh, 0) rotate(var(--confetti-rotation));
  }
}

@-o-keyframes test-confetti-fall {
  0% {
    opacity: 0;
    transform: translate3d(0, -8vh, 0) rotate(0deg);
  }

  9% {
    opacity: 1;
  }

  82% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: translate3d(var(--confetti-drift), 105vh, 0) rotate(var(--confetti-rotation));
  }
}

@keyframes test-confetti-fall {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -8vh, 0) rotate(0deg);
    transform: translate3d(0, -8vh, 0) rotate(0deg);
  }

  9% {
    opacity: 1;
  }

  82% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(var(--confetti-drift), 105vh, 0) rotate(var(--confetti-rotation));
    transform: translate3d(var(--confetti-drift), 105vh, 0) rotate(var(--confetti-rotation));
  }
}

@media (prefers-reduced-motion: reduce) {
  .test-confetti {
    display: none !important;
  }
}

body.test .test-result-card__encouragement {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background: #eeeeff;
  border-left: 3px solid #2f33ff;
  -webkit-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
  color: #35415a;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 13px;
  gap: 9px;
  line-height: 1.5;
  margin: 18px 0 0;
  max-width: 440px;
  padding: 12px 14px;
  text-align: left;
}

.test-result-card__encouragement .fa {
  color: #2f33ff;
  margin-top: 3px;
}

.test-result-card__actions {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 26px;
}

.test-result-card__actions .btn {
  gap: 9px;
  min-width: 160px;
}

/* Secondary screens inherit the same system */

.profile-header {
  border: 1px solid #ccd1e4;
  -webkit-border-radius: 12px 12px 0 0;
  border-radius: 12px 12px 0 0;
  margin: 32px 0 0;
}

.profile-header .info {
  background: #26344d;
  padding: 32px;
}

.profile-header .info .overlay {
  display: none;
}

.profile-header .institucion {
  color: #07172d;
  margin: 0 auto 12px;
}

.profile-header .institucion img {
  border: 1px solid #ccd1e4;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.profile-header .institucion label {
  color: #07172d;
}

.profile-body {
  border: 1px solid #ccd1e4;
  -webkit-border-radius: 0 0 12px 12px;
  border-radius: 0 0 12px 12px;
  padding: 28px 20px 40px;
}

body.ranking > .container {
  margin: 0 auto;
  max-width: 1160px;
  padding: 120px 24px 72px !important;
}

.ranking-best {
  background: #fff;
  border: 1px solid #ccd1e4;
  border-collapse: separate;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  border-spacing: 0;
  overflow: hidden;
}

.ranking-best > thead > tr > th {
  background: #f8f9ff;
  border-bottom: 1px solid #ccd1e4;
  color: #737c90;
  font-family: "Roboto Mono", Consolas, monospace;
  font-size: 10px;
  letter-spacing: 0.06em;
  padding: 14px;
  text-transform: uppercase;
}

.ranking-best > tbody > tr > td {
  border-top: 1px solid #e7e9f1;
  padding: 14px;
  vertical-align: middle;
}

.ranking-best .user-ranking {
  background: #eeeeff;
}

.search-result-card,
.home .courses a.curso.row,
.search-page .courses a.curso.row,
.notifications-list a.curso {
  background: #fff;
  border: 1px solid #ccd1e4;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.panel,
.well,
.list-group-item {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.panel {
  border-color: #ccd1e4;
}

.panel-heading {
  background: #f8f9ff;
  border-color: #e7e9f1;
}

.table > thead > tr > th {
  border-bottom-color: #ccd1e4;
}

.table > tbody > tr > td {
  border-top-color: #e7e9f1;
}

/* Notification center */

body.notifications-page {
  background: #ffffff;
}

body.notifications-page > .container {
  max-width: 1160px;
  padding: 116px 24px 76px !important;
}

.notification-center {
  margin: 0 auto;
  width: 100%;
}

.notification-center__header {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  border-bottom: 1px solid #ccd1e4;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 32px;
  padding-bottom: 24px;
}

.notification-center__header .eyebrow,
.notification-feed__toolbar .eyebrow {
  color: #2f33ff;
  display: block;
  font-family: "Roboto Mono", Consolas, monospace;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.1em;
  margin-bottom: 7px;
  text-transform: uppercase;
}

.notification-center__header h1 {
  color: #07172d;
  font-size: 34px;
  font-weight: 700;
  line-height: 1.12;
  margin: 0;
}

.notification-center__header p {
  color: #737c90;
  font-size: 13px;
  margin: 8px 0 0;
}

#show-push-confirmation-btn {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: none;
  gap: 9px;
  margin: 0;
}

.notification-center__layout {
  -webkit-box-align: start;
  -webkit-align-items: start;
  -ms-flex-align: start;
  align-items: start;
  display: grid;
  gap: 40px;
  grid-template-columns: 224px minmax(0, 1fr);
}

.notification-filters {
  position: -webkit-sticky;
  position: sticky;
  top: 104px;
}

.notification-filters h2 {
  color: #07172d;
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 14px;
}

.notification-filters nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 5px;
}

.notification-filters nav a {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-left: 3px solid transparent;
  -webkit-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
  color: #35415a;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-family: "Roboto Mono", Consolas, monospace;
  font-size: 11px;
  gap: 12px;
  letter-spacing: 0.03em;
  min-height: 42px;
  padding: 10px 13px;
  text-decoration: none;
}

.notification-filters nav a .fa {
  color: #737c90;
  font-size: 14px;
  text-align: center;
  width: 16px;
}

.notification-filters nav a:hover {
  background: rgba(47, 51, 255, 0.045);
  color: #2f33ff;
}

.notification-filters nav a.active {
  background: #eeeeff;
  border-left-color: #2f33ff;
  color: #2f33ff;
  font-weight: 600;
}

.notification-filters nav a.active .fa {
  color: #2f33ff;
}

.notification-feed {
  min-width: 0;
}

.notification-feed__toolbar {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 16px;
  min-height: 47px;
}

.notification-feed__toolbar h2 {
  color: #07172d;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
}

.notification-filter-mobile {
  display: none;
  margin: 0;
}

.notifications-list {
  background: #fff;
  border: 1px solid #ccd1e4;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  overflow: hidden;
}

.notification-item {
  margin: 0;
}

.notification-item + .notification-item {
  border-top: 1px solid #e7e9f1;
}

.notification-item > a {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  color: #07172d;
  display: grid;
  gap: 16px;
  grid-template-columns: 48px minmax(0, 1fr) 34px;
  min-height: 102px;
  padding: 18px 20px;
  text-decoration: none;
  -webkit-transition: background 0.18s ease;
  -o-transition: background 0.18s ease;
  transition: background 0.18s ease;
}

.notification-item > a:hover {
  background: #f8f9ff;
}

.notification-item.is-unread > a {
  background: -webkit-gradient(linear, left top, right top, from(rgba(47, 51, 255, 0.055)), color-stop(38%, #fff));
  background: -webkit-linear-gradient(left, rgba(47, 51, 255, 0.055), #fff 38%);
  background: -o-linear-gradient(left, rgba(47, 51, 255, 0.055), #fff 38%);
  background: linear-gradient(90deg, rgba(47, 51, 255, 0.055), #fff 38%);
}

.notification-item.is-unread > a:hover {
  background: -webkit-gradient(linear, left top, right top, from(rgba(47, 51, 255, 0.085)), color-stop(45%, #f8f9ff));
  background: -webkit-linear-gradient(left, rgba(47, 51, 255, 0.085), #f8f9ff 45%);
  background: -o-linear-gradient(left, rgba(47, 51, 255, 0.085), #f8f9ff 45%);
  background: linear-gradient(90deg, rgba(47, 51, 255, 0.085), #f8f9ff 45%);
}

.notification-item__icon {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #eeeeff;
  border: 1px solid rgba(47, 51, 255, 0.14);
  -webkit-border-radius: 50%;
  border-radius: 50%;
  color: #2f33ff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 17px;
  height: 48px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 48px;
}

.notification-item__content {
  display: block;
  min-width: 0;
}

.notification-item__heading {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 9px;
}

.notification-item__heading strong {
  color: #07172d;
  display: block;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.notification-item.is-unread .notification-item__heading strong {
  font-weight: 700;
}

.notification-item__unread {
  background: #2f33ff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 3px rgba(47, 51, 255, 0.09);
  box-shadow: 0 0 0 3px rgba(47, 51, 255, 0.09);
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 7px;
  -ms-flex: 0 0 7px;
  flex: 0 0 7px;
  height: 7px;
  margin-top: 7px;
  width: 7px;
}

.notification-item__summary {
  color: #35415a;
  display: -webkit-box;
  font-size: 13px;
  line-height: 1.5;
  margin-top: 5px;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.notification-item time {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #737c90;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-family: "Roboto Mono", Consolas, monospace;
  font-size: 10px;
  gap: 6px;
  margin-top: 9px;
}

.notification-item__arrow {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #ccd1e4;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  color: #737c90;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 32px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: border-color 0.18s ease, color 0.18s ease, -webkit-transform 0.18s ease;
  transition: border-color 0.18s ease, color 0.18s ease, -webkit-transform 0.18s ease;
  -o-transition: border-color 0.18s ease, color 0.18s ease, -o-transform 0.18s ease;
  transition: border-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
  transition: border-color 0.18s ease, color 0.18s ease, transform 0.18s ease, -webkit-transform 0.18s ease, -o-transform 0.18s ease;
  width: 32px;
}

.notification-item > a:hover .notification-item__arrow {
  border-color: #2f33ff;
  color: #2f33ff;
  -webkit-transform: translateX(2px);
  -ms-transform: translateX(2px);
  -o-transform: translateX(2px);
  transform: translateX(2px);
}

.notification-empty {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  border: 1px dashed #ccd1e4;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 300px;
  padding: 40px 24px;
  text-align: center;
}

.notification-empty > span {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #eeeeff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  color: #2f33ff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 25px;
  height: 66px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 66px;
}

.notification-empty h3 {
  color: #07172d;
  font-size: 18px;
  margin: 18px 0 0;
}

.notification-pagination {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 28px;
}

.notification-pagination a {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  border: 1px solid #ccd1e4;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  color: #35415a;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-family: "Roboto Mono", Consolas, monospace;
  font-size: 11px;
  height: 36px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 36px;
  padding: 0 10px;
  text-decoration: none;
}

.notification-pagination a:hover {
  border-color: #2f33ff;
  color: #2f33ff;
}

.notification-pagination a.active {
  background: #2f33ff;
  border-color: #2f33ff;
  color: #fff;
}

body:not(.catalog-page):not(.course-page):not(.lesson):not(.test):not(.login) > .container:not(.author-page) {
  margin: 0 auto;
  max-width: 1160px;
  padding: 112px 24px 72px !important;
}

/* Error states */

body.error-page > .container {
  margin: 0;
  max-width: none;
  min-height: 0;
  padding: 80px 0 0 !important;
  width: 100%;
}

.error-page__main {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
  min-height: -webkit-calc(100vh - 275px);
  min-height: calc(100vh - 275px);
  padding: 52px 20px 68px;
  width: 100%;
}

.error-state {
  background: #fff;
  border: 1px solid #ccd1e4;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  -webkit-box-shadow: 0 24px 70px rgba(7, 17, 38, 0.09);
  box-shadow: 0 24px 70px rgba(7, 17, 38, 0.09);
  display: grid;
  grid-template-columns: 320px minmax(0, 1fr);
  max-width: 900px;
  min-height: 390px;
  overflow: hidden;
  width: 100%;
}

.error-state__visual {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: -webkit-linear-gradient(305deg, #26344d, #17243a);
  background: -o-linear-gradient(305deg, #26344d, #17243a);
  background: linear-gradient(145deg, #26344d, #17243a);
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
}

.error-state__visual::before,
.error-state__visual::after {
  border: 1px solid rgba(255, 255, 255, 0.13);
  -webkit-border-radius: 50%;
  border-radius: 50%;
  content: "";
  position: absolute;
}

.error-state__visual::before {
  height: 250px;
  left: -115px;
  top: -70px;
  width: 250px;
}

.error-state__visual::after {
  bottom: -105px;
  height: 285px;
  right: -130px;
  width: 285px;
}

.error-state__code {
  color: rgba(255, 255, 255, 0.09);
  font-family: "Roboto Mono", Consolas, monospace;
  font-size: 112px;
  font-weight: 700;
  left: 50%;
  letter-spacing: -0.09em;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-52%, -50%);
  -ms-transform: translate(-52%, -50%);
  -o-transform: translate(-52%, -50%);
  transform: translate(-52%, -50%);
  white-space: nowrap;
}

.error-state__icon {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.13);
  border: 1px solid rgba(255, 255, 255, 0.22);
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 38px;
  height: 112px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  width: 112px;
  z-index: 2;
}

.error-state__icon::after {
  background: #2f33ff;
  border: 4px solid #26344d;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  bottom: 1px;
  content: "!";
  font-family: "Roboto Mono", Consolas, monospace;
  font-size: 12px;
  font-weight: 700;
  height: 30px;
  line-height: 23px;
  position: absolute;
  right: 1px;
  text-align: center;
  width: 30px;
}

.error-state__dot {
  background: #2f33ff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  height: 9px;
  position: absolute;
  width: 9px;
}

.error-state__dot--one {
  left: 42px;
  top: 98px;
}

.error-state__dot--two {
  bottom: 72px;
  height: 6px;
  right: 52px;
  width: 6px;
}

.error-state--forbidden .error-state__icon::after {
  background: #e99b00;
}

.error-state--server .error-state__icon::after {
  background: #d74444;
}

.error-state__content {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  padding: 44px 48px;
}

.error-state__content > .eyebrow {
  margin-bottom: 10px;
}

.error-state__content h1 {
  color: #07172d;
  font-size: 32px;
  line-height: 1.2;
  margin: 0;
}

.error-state__message {
  color: #35415a;
  font-size: 16px;
  line-height: 1.65;
  margin: 16px 0 0;
  max-width: 480px;
}

.error-state__context {
  background: #f8f9ff;
  border-left: 3px solid #2f33ff;
  -webkit-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
  display: grid;
  gap: 4px;
  margin-top: 22px;
  padding: 14px 16px;
}

.error-state--forbidden .error-state__context {
  border-left-color: #e99b00;
}

.error-state__context strong {
  color: #07172d;
  font-size: 14px;
}

.error-state__context span {
  color: #35415a;
  font-size: 13px;
}

.error-state__context small {
  color: #737c90;
  font-size: 12px;
  line-height: 1.45;
}

.error-state__actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 28px;
}

.error-state__actions .btn {
  gap: 8px;
  min-width: 140px;
}

.error-state__debug {
  border-top: 1px solid #e7e9f1;
  margin-top: 28px;
  padding-top: 18px;
}

.error-state__debug summary {
  color: #35415a;
  cursor: pointer;
  font-family: "Roboto Mono", Consolas, monospace;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
}

.error-state__debug p {
  color: #d74444;
  font-size: 12px;
  margin: 12px 0;
}

.error-state__debug pre {
  background: #111827;
  border: 0;
  color: #d8dee9;
  font-size: 11px;
  margin: 12px 0 0;
  max-height: 190px;
  overflow: auto;
  padding: 14px;
  white-space: pre-wrap;
}

.loadingoverlay {
  background: rgba(255, 255, 255, 0.94);
}

.loadingoverlay .lds-ring div {
  border-color: #2f33ff transparent transparent transparent;
}

/* Push notification permission */

.request-permits-modal .modal-dialog {
  margin: 88px auto 30px;
  max-width: 540px;
  width: -webkit-calc(100% - 32px);
  width: calc(100% - 32px);
}

.request-permits-modal .modal-content {
  background: #fff;
  border: 1px solid #ccd1e4;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  -webkit-box-shadow: 0 22px 60px rgba(20, 28, 58, 0.18);
  box-shadow: 0 22px 60px rgba(20, 28, 58, 0.18);
  overflow: hidden;
}

.request-permits-modal__body {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  border: 0;
  color: #07172d;
  display: grid !important;
  gap: 24px;
  grid-template-columns: 104px minmax(0, 1fr);
  padding: 30px 30px 24px;
  width: 100%;
}

.request-permits-modal__icon {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #eeeeff;
  border: 1px solid #ccd1e4;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 104px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  width: 104px;
}

.request-permits-modal__body img {
  height: 76px;
  max-width: none;
  -o-object-fit: contain;
  object-fit: contain;
  width: 76px;
}

.request-permits-modal__copy {
  min-width: 0;
}

.request-permits-modal__copy .eyebrow {
  display: block;
  margin-bottom: 7px;
}

.request-permits-modal__body .modal-title {
  color: #07172d;
  display: block;
  font-family: "Inter", "Segoe UI", Arial, sans-serif;
  font-size: 23px;
  font-weight: 700;
  line-height: 1.25;
  margin: 0 0 8px;
  padding: 0;
  text-align: left;
  width: auto;
}

.request-permits-modal__copy p {
  color: #35415a;
  font-size: 14px;
  line-height: 1.55;
  margin: 0;
}

.request-permits-modal .modal-footer {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fafbff;
  border-top: 1px solid #e7e9f1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 16px 24px;
}

.request-permits-modal .modal-footer::before,
.request-permits-modal .modal-footer::after {
  content: none;
}

.request-permits-modal .modal-footer .btn {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: "Roboto Mono", Consolas, monospace;
  font-size: 10px;
  font-weight: 700;
  gap: 8px;
  height: 42px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  letter-spacing: 0.055em;
  margin: 0;
  padding: 0 18px;
  text-transform: uppercase;
}

.request-permits-modal__later {
  background: #fff;
  border-color: #ccd1e4;
  color: #35415a;
}

.request-permits-modal__accept {
  min-width: 116px;
}

.request-permits-modal__accept .fa {
  font-size: 13px;
}

.footer-site {
  background: #fff;
  border-top: 1px solid #e7e9f1;
  bottom: auto;
  color: #737c90;
  font-family: "Inter", "Segoe UI", Arial, sans-serif;
  font-size: 13px;
  line-height: 1.55;
  position: relative;
}

.footer-site > .row {
  max-width: 1160px;
  padding: 32px 20px;
  width: auto;
}

.footer-site h5 {
  color: #07172d;
  font-family: "Roboto Mono", Consolas, monospace;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.4;
  margin: 0 0 12px;
  text-transform: uppercase;
}

.footer-site .important-links ul {
  line-height: 1.7;
}

.footer-site .important-links a,
.footer-site .contact-us a,
.footer-site .contact-us span {
  color: #35415a;
  font-family: "Inter", "Segoe UI", Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.65;
}

.footer-site .important-links a {
  display: inline-block;
  text-decoration: none;
}

.footer-site .important-links a:hover,
.footer-site .contact-us a:hover {
  color: #2f33ff;
  text-decoration: none;
}

.footer-site .contact-us .fa {
  color: #737c90;
  font-size: 13px;
  margin-right: 6px;
  vertical-align: 1px;
}

.help-footer {
  display: none;
}

body.login {
  background: #f8f9ff;
  color: #07172d;
  font-family: "Inter", "Segoe UI", Arial, sans-serif;
  min-height: 100vh;
  overflow-x: hidden;
}

body.login .container-background {
  display: none !important;
}

body.login > .container.login-page {
  display: block;
  height: auto;
  max-width: none;
  min-height: 100vh;
  padding: 0 !important;
  width: 100%;
}

.login-shell {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(440px, 0.9fr);
  min-height: 100vh;
}

.login-showcase {
  background: #26344d;
  color: #fff;
  min-height: 100vh;
  overflow: hidden;
  padding: 62px clamp(48px, 7vw, 112px);
  position: relative;
}

.login-showcase::before {
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px), -webkit-linear-gradient(left, rgba(255, 255, 255, 0.045) 1px, transparent 1px);
  background-image: -o-linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px), -o-linear-gradient(left, rgba(255, 255, 255, 0.045) 1px, transparent 1px);
  background-image: linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px);
  -webkit-background-size: 46px 46px;
  background-size: 46px 46px;
  content: "";
  inset: 0;
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.75)), color-stop(90%, transparent));
  -webkit-mask-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.75), transparent 90%);
  mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.75)), color-stop(90%, transparent));
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.75), transparent 90%);
  opacity: 0.52;
  position: absolute;
}

.login-showcase__glow {
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-filter: blur(2px);
  filter: blur(2px);
  pointer-events: none;
  position: absolute;
}

.login-showcase__glow--one {
  background: rgba(47, 51, 255, 0.55);
  height: 380px;
  right: -150px;
  top: -150px;
  width: 380px;
}

.login-showcase__glow--two {
  background: rgba(42, 201, 223, 0.16);
  bottom: -190px;
  height: 440px;
  left: -160px;
  width: 440px;
}

.login-showcase__content {
  max-width: 560px;
  position: relative;
  z-index: 2;
}

.login-showcase__brand {
  color: #fff;
  display: inline-block;
  font-size: 31px;
  font-weight: 800;
  letter-spacing: -0.055em;
  line-height: 1;
  margin-bottom: clamp(72px, 12vh, 132px);
  text-decoration: none;
}

.login-showcase__brand:hover {
  color: #fff;
  text-decoration: none;
}

.login-showcase .eyebrow {
  color: #aeb5ff;
  margin-bottom: 14px;
}

.login-showcase h1 {
  color: #fff;
  font-size: clamp(42px, 5vw, 66px);
  font-weight: 700;
  letter-spacing: -0.045em;
  line-height: 1.02;
  margin: 0;
  max-width: 540px;
}

.login-showcase__content > p {
  color: rgba(255, 255, 255, 0.72);
  font-size: 17px;
  line-height: 1.65;
  margin: 24px 0 32px;
  max-width: 510px;
}

.login-showcase__benefits {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 12px;
}

.login-showcase__benefits > div {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.12);
  -webkit-border-radius: 8px;
  border-radius: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  min-height: 46px;
  padding: 8px 14px 8px 9px;
}

.login-showcase__benefits span {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.12);
  -webkit-border-radius: 4px;
  border-radius: 4px;
  color: #c8ccff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 29px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 29px;
}

.login-showcase__benefits strong {
  color: rgba(255, 255, 255, 0.9);
  font-family: "Roboto Mono", Consolas, monospace;
  font-size: 10px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.login-showcase__visual {
  bottom: 68px;
  height: 230px;
  position: absolute;
  right: clamp(42px, 6vw, 100px);
  width: 230px;
  z-index: 1;
}

.login-showcase__orbit {
  border: 1px solid rgba(255, 255, 255, 0.16);
  -webkit-border-radius: 50%;
  border-radius: 50%;
  inset: 0;
  position: absolute;
}

.login-showcase__orbit--two {
  inset: 33px;
}

.login-showcase__core {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #2f33ff;
  border: 8px solid rgba(255, 255, 255, 0.08);
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 18px 46px rgba(0, 0, 0, 0.2);
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.2);
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 38px;
  height: 96px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  left: 67px;
  position: absolute;
  top: 67px;
  width: 96px;
}

.login-showcase__node {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
  color: #2f33ff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 42px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  width: 42px;
}

.login-showcase__node--book {
  left: 8px;
  top: 34px;
}

.login-showcase__node--play {
  right: 2px;
  top: 95px;
}

.login-showcase__node--star {
  bottom: 6px;
  left: 62px;
}

.login-panel {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 100vh;
  padding: 54px clamp(32px, 6vw, 82px);
  position: relative;
}

body.login .login-panel .account-box {
  background: transparent;
  border: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  max-width: 450px;
  min-height: 0;
  padding: 0;
  text-align: left;
  width: 100%;
}

body.login .account-box .logo {
  padding: 0 0 28px;
  text-align: left;
}

body.login .account-box .logo img {
  height: auto;
  max-height: 54px;
  max-width: 150px;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: left center;
  object-position: left center;
  width: auto;
}

body.login .account-box .login-body {
  height: auto;
  max-height: none;
  overflow: visible;
}

body.login .account-box .login-body.expanded {
  max-height: none;
  padding: 0;
}

body.login .social-login > h3.title {
  color: #07172d;
  font-family: "Inter", "Segoe UI", Arial, sans-serif;
  font-size: 29px;
  font-weight: 700;
  letter-spacing: -0.025em;
  line-height: 1.2;
  margin: 0 0 24px;
  text-align: left;
}

body.login .account-box .login-body .login-with-email,
body.login .account-box .login-body .login-with-number,
body.login .account-box #btn-google {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff !important;
  border: 1px solid #ccd1e4 !important;
  -webkit-border-radius: 8px !important;
  border-radius: 8px !important;
  color: #35415a !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-family: "Inter", "Segoe UI", Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 50px;
  padding: 0 18px;
  width: 100%;
}

body.login .account-box .login-body .login-with-email:hover,
body.login .account-box .login-body .login-with-number:hover,
body.login .account-box #btn-google:hover {
  background: #eeeeff !important;
  border-color: rgba(47, 51, 255, 0.38) !important;
  color: #2f33ff !important;
}

body.login .account-box .login-body .login-with-email,
body.login .account-box .login-body .login-with-number {
  margin: 0 0 10px;
  padding-right: 18px;
}

body.login .account-box .login-body .is-login-method-hidden {
  display: none !important;
}

body.login .account-box .login-body .login-with-email .fa,
body.login .account-box .login-body .login-with-number .fa {
  color: #2f33ff;
  font-size: 16px;
  margin: 0 10px 0 0;
}

body.login .account-box #btn-google {
  margin-top: 0;
}

body.login .account-box #btn-google img {
  height: 18px;
  margin-right: 10px;
  width: 18px;
}

body.login .account-box .conventional-login {
  border: 0 !important;
  margin: 0 !important;
  max-height: 0;
  overflow: hidden;
  padding: 0 !important;
}

body.login .account-box .conventional-login.expanded {
  border: 0 !important;
  margin: 0 0 18px !important;
  max-height: 560px;
  padding: 0 !important;
}

body.login .account-box .conventional-login .title {
  color: #07172d;
  font-family: "Inter", "Segoe UI", Arial, sans-serif;
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 20px;
  text-align: left;
}

body.login .account-box .conventional-login .form-group {
  margin-bottom: 13px;
}

body.login .account-box .conventional-login .form-control,
body.login .account-box .modal .form-control {
  background: #fff;
  border: 1px solid #ccd1e4;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #07172d;
  font-family: "Inter", "Segoe UI", Arial, sans-serif;
  font-size: 14px;
  height: 48px;
  padding: 11px 14px;
}

body.login .account-box .conventional-login .form-control:focus {
  border-color: #2f33ff;
  -webkit-box-shadow: 0 0 0 3px rgba(47, 51, 255, 0.08) !important;
  box-shadow: 0 0 0 3px rgba(47, 51, 255, 0.08) !important;
}

body.login .account-box #btn_login {
  background: #2f33ff !important;
  border: 1px solid #2f33ff !important;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  color: #fff;
  font-family: "Roboto Mono", Consolas, monospace;
  font-size: 11px;
  min-height: 48px;
  width: 100%;
}

body.login .account-box #btn_login:hover {
  background: #2024d9 !important;
}

body.login .account-box .forgotLnk {
  color: #07172d;
  font-size: 13px;
  font-weight: 600;
  margin-top: 20px !important;
  text-align: center;
  text-decoration: underline;
  -webkit-text-decoration-color: rgba(47, 51, 255, 0.42);
  -moz-text-decoration-color: rgba(47, 51, 255, 0.42);
  text-decoration-color: rgba(47, 51, 255, 0.42);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  -webkit-transition: color 0.18s ease, -webkit-text-decoration-color 0.18s ease;
  transition: color 0.18s ease, -webkit-text-decoration-color 0.18s ease;
  -o-transition: color 0.18s ease, text-decoration-color 0.18s ease;
  transition: color 0.18s ease, text-decoration-color 0.18s ease;
  transition: color 0.18s ease, text-decoration-color 0.18s ease, -webkit-text-decoration-color 0.18s ease, -moz-text-decoration-color 0.18s ease;
}

body.login .account-box .forgotLnk:hover {
  color: #2f33ff;
  -webkit-text-decoration-color: #2f33ff;
  -moz-text-decoration-color: #2f33ff;
  text-decoration-color: #2f33ff;
}

body.login .account-box .only-or-box {
  border: 0 !important;
  border-top: 1px solid #e7e9f1 !important;
  float: none;
  height: 1px;
  margin: 34px 24px !important;
  padding: 0 !important;
  position: relative;
  width: -webkit-calc(100% - 48px);
  width: calc(100% - 48px);
}

body.login .account-box .only-or-box .or {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  color: #2f33ff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-family: "Roboto Mono", Consolas, monospace;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  left: 50%;
  line-height: 1;
  margin: 0;
  padding: 0 11px;
  position: absolute;
  text-transform: uppercase;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: auto;
}

body.login .account-box .only-or-box .or {
  display: none !important;
}

body.login .account-box .register-panel {
  border-top: 1px solid #e7e9f1;
  margin: 22px 0 0 !important;
  padding: 22px 0 0 !important;
}

body.login .account-box .register-panel .btn {
  background: #fff !important;
  border: 1px solid #2f33ff !important;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  color: #2f33ff !important;
  font-family: "Roboto Mono", Consolas, monospace;
  font-size: 11px;
  min-height: 46px;
}

body.login .account-box .register-panel .btn:hover {
  background: #eeeeff !important;
}

body.login .account-box .alert {
  font-size: 13px;
  margin-bottom: 20px;
  text-align: left;
}

body.login .account-box .copyright {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid #e7e9f1;
  color: #737c90;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 10px;
  line-height: 1.45;
  margin: 26px 0 0;
  padding-top: 18px;
}

body.login .account-box .copyright > div {
  padding: 0;
}

body.login .account-box .copyright-text {
  font-size: 10px;
}

body.login .account-box .login-language-selector {
  text-align: right;
}

body.login .account-box .login-language-selector .bootstrap-select > .dropdown-toggle,
body.login .account-box .login-language-selector select {
  border-color: #ccd1e4;
  font-family: "Inter", "Segoe UI", Arial, sans-serif;
  font-size: 11px;
  height: 34px;
  min-height: 34px;
}

/* Responsive */

@media (max-width: 1199px) {
  .login-showcase {
    padding: 52px 48px;
  }

  .login-showcase__brand {
    margin-bottom: 92px;
  }

  .login-showcase__visual {
    bottom: 42px;
    right: 35px;
    -webkit-transform: scale(0.82);
    -ms-transform: scale(0.82);
    -o-transform: scale(0.82);
    transform: scale(0.82);
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }

  .course-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .continue-card {
    grid-template-columns: 150px minmax(0, 1fr);
  }

  .continue-card__image {
    height: 110px;
    width: 150px;
  }
}

@media (max-width: 991px) {
  .error-state {
    grid-template-columns: 260px minmax(0, 1fr);
  }

  .error-state__content {
    padding: 38px 36px;
  }

  .institution-page__main {
    padding-top: 24px;
    width: -webkit-calc(100% - 32px);
    width: calc(100% - 32px);
  }

  .institution-hero {
    min-height: 290px;
  }

  .institution-hero__content {
    padding: 30px;
  }

  .institution-layout {
    grid-template-columns: 1fr;
  }

  .institution-profile {
    position: static;
  }

  .institution-profile__description {
    font-size: 14px;
  }

  .login-shell {
    grid-template-columns: 1fr;
  }

  .login-showcase {
    min-height: 300px;
    padding: 42px clamp(32px, 8vw, 72px);
  }

  .login-showcase__brand {
    margin-bottom: 52px;
  }

  .login-showcase h1 {
    font-size: 42px;
    max-width: 540px;
  }

  .login-showcase__content > p {
    font-size: 15px;
    margin: 16px 0 22px;
    max-width: 520px;
  }

  .login-showcase__visual {
    bottom: 18px;
    right: 28px;
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -o-transform: scale(0.6);
    transform: scale(0.6);
  }

  .login-panel {
    min-height: auto;
    padding: 54px 32px 46px;
  }

  body.app-navbar-open {
    overflow: hidden;
  }

  .app-navbar__backdrop {
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    background: rgba(7, 17, 38, 0.74);
    bottom: 0;
    display: block;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
    z-index: 1020;
  }

  body.app-navbar-open .app-navbar__backdrop {
    opacity: 1;
    pointer-events: auto;
  }

  .app-header .app-navbar,
  header .navbar-kuaaly,
  header .navbar-kuaaly.no-bg {
    min-height: 72px;
  }

  .app-navbar__inner {
    display: block;
    height: 72px;
    width: -webkit-calc(100% - 32px);
    width: calc(100% - 32px);
  }

  .app-navbar__brand {
    float: none;
  }

  .app-navbar__logo,
  header .navbar-kuaaly .navbar-logo {
    height: 71px;
  }

  header .navbar-toggle {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border: 1px solid #ccd1e4;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #07172d;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 18px;
    height: 40px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 15px 0 0;
    padding: 0;
    width: 40px;
  }

  header .navbar-toggle:not(.collapsed) {
    background: #eeeeff;
    border-color: #2f33ff;
    color: #2f33ff;
  }

  header .navbar-toggle:not(.collapsed) .fa-bars::before {
    content: "\f00d";
  }

  .app-navbar__search {
    display: none;
  }

  .app-navbar__menu {
    background: #fff;
    border-top: 1px solid #ccd1e4;
    -webkit-box-shadow: 0 18px 36px rgba(7, 23, 45, 0.14);
    box-shadow: 0 18px 36px rgba(7, 23, 45, 0.14);
    display: none !important;
    height: auto !important;
    left: 0;
    margin: 0 !important;
    max-height: -webkit-calc(100vh - 72px) !important;
    max-height: calc(100vh - 72px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding: 12px 16px 20px;
    position: fixed;
    right: 0;
    top: 72px;
  }

  header .navbar-kuaaly .navbar-collapse.collapse.app-navbar__menu {
    display: none !important;
  }

  header .navbar-kuaaly .navbar-collapse.collapse.app-navbar__menu.in {
    display: block !important;
  }

  header .navbar-kuaaly .app-navbar__menu .app-navbar__nav,
  header .navbar-kuaaly .app-navbar__menu .app-navbar__actions {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    background: #fff !important;
    background-image: none !important;
    display: block;
    height: auto;
    margin: 0 !important;
    padding: 0 !important;
  }

  .app-navbar__nav {
    border: 1px solid #ccd1e4;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
  }

  .app-navbar__actions {
    margin-top: 12px !important;
  }

  .app-navbar__nav > li + li {
    border-top: 1px solid #e7e9f1;
  }

  header .navbar-kuaaly .app-navbar__nav > li > a,
  header .navbar-kuaaly .app-navbar__actions > li > a {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #35415a;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    line-height: 1.2;
    min-height: 52px;
    padding: 10px 14px;
    width: 100%;
  }

  .app-navbar__mobile-icon {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #737c90;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 16px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 22px;
  }

  .app-navbar__nav > li.is-active > a {
    background: #eeeeff !important;
    color: #2f33ff !important;
  }

  .app-navbar__nav > li.is-active > a .app-navbar__mobile-icon {
    color: #2f33ff;
  }

  .app-navbar__nav > li.is-active > a::after {
    bottom: 0;
    height: auto;
    left: 0;
    right: auto;
    top: 0;
    width: 3px;
  }

  .app-navbar__actions > li + li.app-navbar__user,
  .app-navbar__actions > li.app-navbar__user {
    border: 1px solid #ccd1e4;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    margin: 0;
    overflow: hidden;
  }

  header .navbar-kuaaly .app-navbar__user > a,
  header .navbar-kuaaly .app-navbar__user.open > a {
    background: #f8f9ff !important;
    border-bottom: 1px solid #e7e9f1;
    color: #07172d !important;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    min-height: 68px;
    padding: 12px 14px;
    pointer-events: none;
  }

  header .navbar-kuaaly .app-navbar__user > a .caret {
    display: none;
  }

  header .navbar-kuaaly .app-navbar__user .profile-img {
    height: 44px;
    width: 44px;
  }

  .app-navbar__user-name {
    font-size: 14px;
    font-weight: 600;
    max-width: -webkit-calc(100vw - 115px);
    max-width: calc(100vw - 115px);
  }

  header .navbar-kuaaly .app-navbar__user .dropdown-menu {
    background: #fff !important;
    border: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: block !important;
    float: none;
    margin: 0;
    padding: 6px;
    position: static;
    width: 100%;
  }

  header .navbar-kuaaly .app-navbar__user .dropdown-menu > li > a {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #35415a;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 44px;
    padding: 9px 10px;
  }

  header .navbar-kuaaly .app-navbar__user .dropdown-menu > li > a:hover,
  header .navbar-kuaaly .app-navbar__user .dropdown-menu > li > a:focus {
    background: #eeeeff;
    color: #2f33ff;
  }

  .app-navbar__dropdown-my-courses {
    display: none;
  }

  .app-navbar__login > a.app-button {
    background: #2f33ff !important;
    border: 1px solid #2f33ff;
    -webkit-border-radius: 4px !important;
    border-radius: 4px !important;
    color: #fff !important;
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    min-height: 46px !important;
  }

  .app-navbar__login > a.app-button .app-navbar__mobile-icon {
    color: #fff;
  }

  body:not(.login) > .container,
  body.home > .container {
    padding-top: 72px !important;
  }

  .catalog-page__main,
  .course-page__main {
    width: -webkit-calc(100% - 32px);
    width: calc(100% - 32px);
  }

  .continue-learning__grid {
    grid-template-columns: 1fr;
  }

  .continue-learning {
    margin-bottom: 45px;
  }

  .catalog-layout {
    gap: 30px;
    grid-template-columns: 210px minmax(0, 1fr);
  }

  .course-hero {
    grid-template-columns: 1fr;
  }

  .course-sidebar {
    display: grid;
    gap: 20px;
    grid-column: 1;
    grid-row: auto;
    grid-template-columns: 1fr 1fr;
    position: static;
  }

  .course-stats {
    margin: 0;
  }

  .course-sidebar__action {
    grid-column: 1/-1;
    margin-top: 0;
  }

  .course-sections {
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  body.error-page > .container {
    padding-top: 72px !important;
  }

  .error-page__main {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    min-height: -webkit-calc(100vh - 220px);
    min-height: calc(100vh - 220px);
    padding: 24px 12px 52px;
  }

  .error-state {
    display: block;
    min-height: 0;
  }

  .error-state__visual {
    min-height: 150px;
  }

  .error-state__code {
    font-size: 92px;
  }

  .error-state__icon {
    font-size: 25px;
    height: 76px;
    width: 76px;
  }

  .error-state__icon::after {
    border-width: 3px;
    bottom: -2px;
    height: 25px;
    line-height: 19px;
    right: -2px;
    width: 25px;
  }

  .error-state__content {
    padding: 28px 24px 30px;
  }

  .error-state__content h1 {
    font-size: 25px;
  }

  .error-state__message {
    font-size: 14px;
    margin-top: 12px;
  }

  .error-state__actions {
    margin-top: 24px;
  }

  .error-state__actions .btn {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 125px;
  }

  .institution-page__main {
    padding: 18px 0 60px;
    width: -webkit-calc(100% - 24px);
    width: calc(100% - 24px);
  }

  .institution-hero {
    min-height: 300px;
  }

  .institution-hero::after {
    width: 58%;
  }

  .institution-hero__content {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 16px;
    padding: 22px;
  }

  .institution-hero__logo {
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -webkit-flex-basis: 88px;
    -ms-flex-preferred-size: 88px;
    flex-basis: 88px;
    height: 88px;
    padding: 10px;
    width: 88px;
  }

  .institution-hero__logo span {
    font-size: 34px;
  }

  .institution-hero__identity h1 {
    font-size: 28px;
  }

  .institution-hero__identity p {
    display: none;
  }

  .institution-layout {
    gap: 28px;
    margin-top: 20px;
  }

  .institution-profile {
    padding: 20px;
  }

  .institution-courses__header {
    margin-bottom: 20px;
    padding-bottom: 14px;
  }

  .institution-courses__header h2 {
    font-size: 24px;
  }

  .login-showcase {
    min-height: 225px;
    padding: 30px 24px;
  }

  .login-showcase__brand {
    font-size: 28px;
    margin-bottom: 36px;
  }

  .login-showcase .eyebrow {
    margin-bottom: 8px;
  }

  .login-showcase h1 {
    font-size: 34px;
    max-width: 420px;
  }

  .login-showcase__content > p {
    display: none;
  }

  .login-showcase__benefits {
    margin-top: 18px;
  }

  .login-showcase__benefits > div {
    min-height: 38px;
    padding: 5px 10px 5px 6px;
  }

  .login-showcase__benefits span {
    height: 26px;
    width: 26px;
  }

  .login-showcase__benefits strong {
    font-size: 9px;
  }

  .login-showcase__visual {
    display: none;
  }

  .login-panel {
    padding: 38px 20px 32px;
  }

  body.login .account-box .logo {
    padding-bottom: 22px;
  }

  body.login .social-login > h3.title {
    font-size: 25px;
    margin-bottom: 20px;
  }

  body.login .account-box .copyright {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: block;
    text-align: center;
  }

  body.login .account-box .copyright > div {
    width: 100%;
  }

  body.login .account-box .login-language-selector {
    margin-top: 14px;
    text-align: center;
  }

  #forgotPassword .recovery-modal__dialog {
    margin: 16px auto;
    width: -webkit-calc(100% - 24px);
    width: calc(100% - 24px);
  }

  #forgotPassword .recovery-modal__header {
    min-height: 88px;
    padding: 18px 20px;
  }

  #forgotPassword .recovery-modal__icon {
    -webkit-flex-basis: 46px;
    -ms-flex-preferred-size: 46px;
    flex-basis: 46px;
    height: 46px;
    width: 46px;
  }

  #forgotPassword .recovery-modal__icon .fa {
    font-size: 18px;
  }

  #forgotPassword .recovery-modal__header .modal-title {
    font-size: 20px;
    padding-right: 34px;
  }

  #forgotPassword .recovery-modal__header .close {
    right: 18px;
    top: 18px;
  }

  #forgotPassword .recovery-modal__body {
    padding: 22px 20px;
  }

  #forgotPassword .recovery-modal__intro {
    font-size: 14px;
    margin-bottom: 20px;
  }

  #forgotPassword .recovery-modal__field {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: block;
  }

  #forgotPassword .recovery-modal__field > .control-label {
    display: block;
    margin-bottom: 8px;
    width: 100%;
  }

  #forgotPassword .recovery-modal__footer {
    padding: 16px 20px 20px;
  }

  #forgotPassword .recovery-modal__footer .btn {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
  }

  #modalRegister .modal-register__dialog {
    margin: 12px auto;
    width: -webkit-calc(100% - 24px);
    width: calc(100% - 24px);
  }

  #modalRegister .modal-register__form {
    background: #fff;
    min-height: 0;
  }

  #modalRegister .modal-register__showcase {
    background: #26344d;
    height: 104px;
    padding: 22px 24px;
    position: relative;
    width: 100%;
  }

  #modalRegister .register-method > .modal-register__showcase {
    padding: 22px 24px;
  }

  #modalRegister .modal-register__brand {
    height: 32px;
  }

  #modalRegister .modal-register__brand img {
    max-height: 30px;
    max-width: 125px;
  }

  #modalRegister .modal-register__brand span {
    font-size: 25px;
  }

  #modalRegister .modal-register__visual {
    height: 64px;
    margin: 0;
    position: absolute;
    right: 24px;
    top: 20px;
    width: 64px;
  }

  #modalRegister .modal-register__visual > .fa {
    font-size: 25px;
  }

  #modalRegister .modal-register__visual::after {
    border-width: 3px;
    bottom: -3px;
    font-size: 9px;
    height: 22px;
    line-height: 17px;
    right: -3px;
    width: 22px;
  }

  #modalRegister .modal-register__decoration {
    display: none;
  }

  #modalRegister .modal-register__panel {
    margin-left: 0;
    max-height: -webkit-calc(100vh - 128px);
    max-height: calc(100vh - 128px);
    min-height: 0;
  }

  #modalRegister .modal-register__steps {
    height: 36px;
    margin: 18px 64px 0;
  }

  #modalRegister .modal-register__steps strong,
  #modalRegister .modal-register__steps b {
    font-size: 10px;
    height: 32px;
    width: 32px;
  }

  #modalRegister .modal-register__steps > span {
    width: 44px;
  }

  #modalRegister .modal-register__close,
  #modalRegister .modal-header .close {
    right: 20px;
    top: 17px;
  }

  #modalRegister .modal-register__body {
    padding: 22px 22px 14px;
  }

  #modalRegister .modal-register__body > .title,
  #modalRegister .modal-title {
    font-size: 23px;
    margin-bottom: 22px;
  }

  #modalRegister .use-for-account {
    gap: 8px;
    margin-bottom: 22px;
  }

  #modalRegister .use-for-account .method {
    min-height: 56px;
    padding: 10px 12px;
  }

  #modalRegister .use-for-account .method i {
    font-size: 16px;
  }

  #modalRegister .use-for-account .method span {
    font-size: 9px;
  }

  #modalRegister .control-label {
    padding: 0 0 7px;
  }

  #modalRegister #frm-first-step .modal-register__body > .modal-register__field {
    gap: 10px;
  }

  #modalRegister .modal-register__field > .control-label {
    -webkit-flex-basis: 78px;
    -ms-flex-preferred-size: 78px;
    flex-basis: 78px;
    width: 78px;
  }

  #modalRegister .modal-header {
    padding: 24px 22px 4px;
  }

  #modalRegister .modal-body {
    padding: 14px 22px 8px;
  }

  #modalRegister .modal-footer {
    padding: 16px 22px 20px;
  }

  #modalRegister .modal-footer .btn {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
  }

  #modalRegister .g-recaptcha {
    margin: 0 auto;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    -o-transform-origin: center top;
    transform-origin: center top;
    width: 304px;
  }

  #modalRegister #frm-first-step .modal-register__body > .modal-register__captcha-row {
    margin-top: 26px;
  }

  body.notifications-page > .container {
    padding: 92px 12px 52px !important;
  }

  .notification-center__header {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 18px;
    margin-bottom: 24px;
    padding: 0 4px 20px;
  }

  .notification-center__header h1 {
    font-size: 28px;
  }

  .notification-center__header #show-push-confirmation-btn {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 42px;
    -ms-flex: 0 0 42px;
    flex: 0 0 42px;
    height: 42px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 42px;
    padding: 0;
    width: 42px;
  }

  .notification-center__header #show-push-confirmation-btn span {
    display: none;
  }

  .notification-center__layout {
    display: block;
  }

  .notification-filters {
    display: none;
  }

  .notification-feed__toolbar {
    gap: 14px;
    padding: 0 4px;
  }

  .notification-feed__toolbar h2 {
    font-size: 20px;
  }

  .notification-filter-mobile {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 144px;
    -ms-flex: 0 0 144px;
    flex: 0 0 144px;
  }

  .notification-filter-mobile .form-control {
    background-color: #fff;
    border-color: #ccd1e4;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #35415a;
    font-family: "Roboto Mono", Consolas, monospace;
    font-size: 10px;
    height: 40px;
    padding: 7px 28px 7px 10px;
  }

  .notification-item > a {
    gap: 12px;
    grid-template-columns: 42px minmax(0, 1fr) 28px;
    min-height: 94px;
    padding: 16px 14px;
  }

  .notification-item__icon {
    font-size: 15px;
    height: 42px;
    width: 42px;
  }

  .notification-item__heading strong {
    font-size: 15px;
  }

  .notification-item__summary {
    font-size: 12px;
  }

  .notification-item__arrow {
    height: 28px;
    width: 28px;
  }

  .catalog-page__main,
  .course-page__main {
    padding: 28px 0 56px;
    width: -webkit-calc(100% - 24px);
    width: calc(100% - 24px);
  }

  .section-title {
    font-size: 18px;
    margin-bottom: 18px;
  }

  .continue-card {
    gap: 14px;
    grid-template-columns: 108px minmax(0, 1fr);
    min-height: 170px;
    padding: 16px;
  }

  .continue-card__image {
    height: 86px;
    width: 108px;
  }

  .continue-card__body h2 {
    font-size: 17px;
    margin: 5px 0;
  }

  .continue-card__body p {
    display: none;
  }

  .continue-card__body .progress-row {
    margin-top: 18px;
  }

  .catalog-layout {
    display: block;
  }

  .catalog-sidebar {
    margin-bottom: 24px;
  }

  .catalog-sidebar h2 {
    margin-bottom: 12px;
  }

  .catalog-heading {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .catalog-heading h1 {
    font-size: 26px;
  }

  .catalog-heading__prefix {
    display: block;
  }

  .course-grid {
    grid-template-columns: 1fr;
  }

  .course-card__media {
    aspect-ratio: 16/10;
  }

  .course-hero h1 {
    font-size: 36px;
  }

  .course-hero__description {
    font-size: 15px;
  }

  .course-hero__meta {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: grid;
    gap: 8px;
  }

  .course-resume {
    grid-template-columns: 1fr;
    padding: 18px;
  }

  .course-resume__actions {
    display: grid;
    grid-row: 2;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .course-resume__actions .btn {
    min-width: 0;
    width: 100%;
  }

  .course-resume__actions .btn:only-child {
    grid-column: 1/-1;
  }

  .course-resume__progress {
    grid-row: 3;
  }

  .course-sidebar {
    display: block;
  }

  .course-stats {
    margin-top: 18px;
  }

  .course-sidebar__action {
    margin-top: 14px;
  }

  .course-sections {
    margin-top: 34px;
  }

  .course-sections > .tabs > li > a {
    font-size: 14px;
    padding: 12px;
  }

  .module-list .panel-title > a {
    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start;
    grid-template-columns: auto 1fr;
  }

  .module-list .panel-title > a > small {
    grid-column: 2;
  }

  .lesson-row > a {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 9px;
  }

  .lesson-row .lesson-name {
    -webkit-flex-basis: -webkit-calc(100% - 72px);
    -ms-flex-preferred-size: calc(100% - 72px);
    flex-basis: calc(100% - 72px);
  }

  .lesson-row__duration {
    margin-left: 62px;
  }

  .course-reviews {
    padding: 22px 18px 26px;
  }

  .course-reviews__summary {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .course-reviews__summary h2 {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    font-size: 18px;
  }

  .course-reviews__summary > strong {
    font-size: 15px;
  }

  .course-reviews__featured,
  .all-reviews-list {
    grid-template-columns: 1fr;
  }

  .modal-all-reviews .modal-dialog {
    margin: 20px auto;
  }

  .modal-all-reviews .modal-header {
    padding: 20px 18px 16px;
  }

  .modal-all-reviews .modal-body {
    max-height: -webkit-calc(100vh - 140px);
    max-height: calc(100vh - 140px);
    padding: 4px 18px 22px;
  }

  .modal-one-course .modal-dialog {
    margin: 18px auto;
  }

  .modal-one-course__header {
    gap: 13px;
    min-height: 96px;
    padding: 20px;
  }

  .modal-one-course__icon {
    -webkit-flex-basis: 54px;
    -ms-flex-preferred-size: 54px;
    flex-basis: 54px;
    height: 54px;
    width: 54px;
  }

  .modal-one-course__icon .fa {
    font-size: 21px;
  }

  .modal-one-course__header .close {
    right: 14px;
    top: 14px;
  }

  #modal_un_curso_por_vez .modal-one-course__header .modal-title {
    font-size: 20px;
    padding-right: 28px;
  }

  .modal-one-course__body {
    font-size: 14px;
    padding: 22px 20px;
  }

  .modal-one-course__body i {
    margin-top: 18px;
    padding: 12px 14px;
  }

  .modal-one-course__footer {
    padding: 16px 20px;
  }

  .modal-test-approved .modal-dialog {
    margin: 18px auto;
  }

  #modal-confirm-test .modal-test-approved__header {
    gap: 13px;
    min-height: 96px;
    padding: 20px;
  }

  .modal-test-approved__icon {
    -webkit-flex-basis: 54px;
    -ms-flex-preferred-size: 54px;
    flex-basis: 54px;
    height: 54px;
    width: 54px;
  }

  .modal-test-approved__icon > .fa-trophy {
    font-size: 23px;
  }

  .modal-test-approved__header .close {
    right: 14px;
    top: 14px;
  }

  #modal-confirm-test .modal-test-approved__header .modal-title {
    font-size: 20px;
    padding-right: 28px;
  }

  .modal-test-approved__body {
    font-size: 14px;
    padding: 22px 20px;
  }

  .modal-test-approved__question {
    padding: 13px 14px;
  }

  .modal-test-approved__footer {
    padding: 16px 20px;
  }

  body.lesson > header > .course-header.info .container {
    gap: 12px;
  }

  body.lesson > header > .course-header.info .container > div:first-child {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
  }

  body.lesson > header > .course-header.info .container > div:nth-child(2) {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
  }

  body.lesson .lesson-header__titles {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 48px;
    text-align: center;
    width: 100%;
  }

  body.lesson > header > .course-header.info .container .lesson-header__titles .course-name {
    color: #2f33ff;
    display: block;
    font-family: "Roboto Mono", Consolas, monospace;
    font-size: 9px;
    letter-spacing: 0.06em;
    line-height: 1.2;
    overflow: hidden;
    padding: 0 !important;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
    width: 100%;
  }

  body.lesson .lesson-header__name {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #07172d;
    display: -webkit-box;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;
    max-height: 2.6em;
    overflow: hidden;
    text-align: center;
    width: 100%;
  }

  body.lesson:not(.login) > .container {
    padding: 145px 12px 48px !important;
  }

  body.lesson .lesson-content {
    -webkit-border-radius: 8px;
    border-radius: 8px;
    font-size: 15px;
    padding: 18px;
  }

  body.test .course-header.info {
    padding: 88px 16px 20px;
  }

  .test-context-header__inner {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 12px;
  }

  .test-context-header__icon {
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -webkit-flex-basis: 44px;
    -ms-flex-preferred-size: 44px;
    flex-basis: 44px;
    font-size: 19px;
    height: 44px;
  }

  body.test .test-context-header h1 {
    font-size: 19px;
  }

  .test-context-header__path {
    font-size: 10px;
    line-height: 1.4;
    margin-top: 5px;
  }

  body.test > .container {
    padding: 24px 12px 48px !important;
  }

  body.test > .container.started {
    overflow-x: hidden;
    padding: 18px 12px 48px !important;
  }

  body.test .ongoing-test {
    padding: 12px 0 24px;
    width: 100%;
  }

  body.test .ongoing-test #countdown {
    line-height: 1;
    margin-bottom: 14px;
  }

  body.test .ongoing-test #pregunta {
    max-width: none;
    padding: 0;
  }

  body.test .ongoing-test #pregunta > h2 {
    font-size: 22px;
    line-height: 1.18;
    margin: 0 auto 28px;
    padding: 0 4px;
    width: 100%;
  }

  body.test .ongoing-test #respuestas,
  body.test .ongoing-test #div_btn_responder {
    float: none;
    margin: 0;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }

  body.test > .container .container .ongoing-test .preguntas .respuestas .row.respuesta {
    display: block;
    height: auto;
    margin: 0 0 12px;
    min-height: 0;
    width: 100%;
  }

  body.test .start-test .header .title,
  body.test .test-ended .header .title {
    font-size: 22px;
    padding: 16px;
  }

  body.test > .container .container .test-start-card .test-start-card__header {
    gap: 13px;
    padding: 20px;
  }

  .test-start-card__symbol {
    -webkit-flex-basis: 44px;
    -ms-flex-preferred-size: 44px;
    flex-basis: 44px;
    font-size: 19px;
    height: 44px;
  }

  body.test > .container .container .test-start-card .test-start-card__header .test-start-card__symbol {
    height: 44px;
    width: 44px;
  }

  body.test > .container .container .test-start-card .test-start-card__header .title {
    font-size: 20px;
    padding: 0;
  }

  body.test .test-start-card .test-start-card__body {
    padding: 24px 20px;
  }

  body.test > .container .container .test-start-card .test-start-card__body .test-start-card__intro {
    font-size: 14px;
    margin-bottom: 18px;
  }

  .test-start-card__facts {
    grid-template-columns: 1fr;
  }

  .test-start-card__fact {
    padding: 14px;
  }

  body.test > .container .container .test-start-card .test-start-card__footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 16px 20px;
  }

  body.test .test-start-card .test-start-card__footer .btn {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    min-width: 0;
  }

  body.test > .container .container .ongoing-test .preguntas .respuestas .row.respuesta:hover {
    -webkit-box-shadow: 0 2px 7px rgba(7, 23, 45, 0.03);
    box-shadow: 0 2px 7px rgba(7, 23, 45, 0.03);
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }

  body.test > .container .container .ongoing-test .preguntas .respuestas .row.respuesta > a {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 15px;
    height: auto !important;
    min-height: 58px;
    padding: 14px 44px 14px 14px;
    width: 100% !important;
  }

  body.test > .container .container .ongoing-test .preguntas .respuestas .row.respuesta > a label {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.4;
    overflow-wrap: anywhere;
  }

  body.test .ongoing-test #div_btn_responder {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 6px;
  }

  body.test .ongoing-test #btn_responder {
    min-height: 42px;
    min-width: 148px;
  }

  body.test > .container .container .ongoing-test .preguntas .respuestas .row.respuesta.success::after,
  body.test > .container .container .ongoing-test .preguntas .respuestas .row.respuesta.error::after {
    height: 24px;
    right: 12px;
    width: 24px;
  }

  .test-result-card {
    padding: 30px 20px 22px;
  }

  .test-result-card__icon {
    font-size: 23px;
    height: 60px;
    width: 60px;
  }

  body.test .test-ended .test-result-card h2 {
    font-size: 23px;
  }

  .test-result-card__score {
    min-width: 0;
    width: 100%;
  }

  .test-result-card__actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }

  .test-result-card__actions .btn {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    min-width: 0;
  }

  .footer-site > .row {
    padding: 24px 16px;
  }

  .request-permits-modal .modal-dialog {
    margin-top: 82px;
  }

  .request-permits-modal__body {
    gap: 16px;
    grid-template-columns: 72px minmax(0, 1fr);
    padding: 22px 20px 18px;
  }

  .request-permits-modal__icon {
    height: 72px;
    width: 72px;
  }

  .request-permits-modal__body img {
    height: 54px;
    width: 54px;
  }

  .request-permits-modal__body .modal-title {
    font-size: 19px;
  }

  .request-permits-modal__copy p {
    font-size: 13px;
  }

  .request-permits-modal .modal-footer {
    padding: 14px 18px;
  }
}

@media (max-width: 479px) {
  .error-state__actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .error-state__actions .btn {
    width: 100%;
  }

  .login-showcase {
    min-height: 205px;
  }

  .login-showcase h1 {
    font-size: 30px;
  }

  .login-showcase__benefits > div:nth-child(2) {
    display: none;
  }

  .login-panel {
    padding-left: 16px;
    padding-right: 16px;
  }

  body.login .account-box .login-body .login-with-email,
  body.login .account-box .login-body .login-with-number,
  body.login .account-box #btn-google {
    min-height: 48px;
  }

  .notification-center__header p {
    font-size: 11px;
  }

  .notification-feed__toolbar {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .notification-filter-mobile {
    -webkit-flex-basis: 126px;
    -ms-flex-preferred-size: 126px;
    flex-basis: 126px;
  }

  .notification-item > a {
    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start;
    grid-template-columns: 38px minmax(0, 1fr);
  }

  .notification-item__icon {
    height: 38px;
    width: 38px;
  }

  .notification-item__arrow {
    display: none;
  }

  .notification-item__heading {
    gap: 7px;
  }

  .notification-pagination {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .continue-card {
    grid-template-columns: 84px minmax(0, 1fr);
  }

  .continue-card__image {
    height: 72px;
    width: 84px;
  }

  .course-stats {
    gap: 10px;
  }

  .course-stats > div {
    min-height: 96px;
  }

  .modal-dialog {
    margin: 10px;
  }

  .modal-header,
  .modal-footer,
  .modal-body {
    padding: 18px;
  }

  .modal-one-course__header {
    padding: 18px;
  }

  .modal-one-course__footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 14px 18px;
  }

  .modal-one-course__footer .btn {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    margin: 0 !important;
    min-width: 0;
    width: auto;
  }

  #modal-confirm-test .modal-test-approved__header {
    padding: 18px;
  }

  .modal-test-approved__footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 14px 18px;
  }

  .modal-test-approved__footer .btn {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    margin: 0 !important;
    min-width: 0;
    width: auto;
  }

  .request-permits-modal__body {
    display: block !important;
    text-align: center;
  }

  .request-permits-modal__icon {
    margin: 0 auto 16px;
  }

  .request-permits-modal__body .modal-title {
    text-align: center;
  }

  .request-permits-modal .modal-footer {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .request-permits-modal .modal-footer .btn {
    width: 100%;
  }

  .test-result-card__actions {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .test-result-card__actions .btn {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
  }

  body.test .test-modal .modal-footer {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
  }

  body.test .test-modal .modal-footer .btn {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 -webkit-calc(50% - 8px);
    -ms-flex: 1 1 calc(50% - 8px);
    flex: 1 1 calc(50% - 8px);
    margin: 0;
    min-width: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    -webkit-animation-duration: 0.01ms !important;
    -o-animation-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    -webkit-animation-iteration-count: 1 !important;
    -o-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    -webkit-transition-duration: 0.01ms !important;
    -o-transition-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}