/*@import url(https://fonts.googleapis.com/css?family=Rubik:300,400,500,600,700);
@import url(https://fonts.googleapis.com/css?family=Lato:700);
@import url(https://use.fontawesome.com/releases/v5.0.13/css/all.css);
*/
@-webkit-keyframes shakeX {

  0%,
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(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 shakeX {

  0%,
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(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)
  }
}

@charset "UTF-8";

*,
:after,
:before {
  box-sizing: border-box
}

html {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-family: sans-serif;
  line-height: 1.15
}

article,
figcaption,
figure,
footer,
header,
main,
nav,
section {
  display: block
}

body {
  background-color: #fff;
  color: #495057;
  font-family: Rubik, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5;
  margin: 0;
  text-align: left
}

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}

h1,
h2,
h3,
h4,
h5 {
  margin-bottom: .5rem;
  margin-top: 0
}

ol,
p,
ul {
  margin-bottom: 1rem;
  margin-top: 0
}

ol ol,
ol ul,
ul ol,
ul ul {
  margin-bottom: 0
}

dd {
  margin-bottom: .5rem;
  margin-left: 0
}

blockquote {
  margin: 0 0 1rem
}

b,
strong {
  font-weight: bolder
}

small {
  font-size: 80%
}

sub {
  bottom: -.25em;
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

a {
  background-color: transparent;
  color: #ff8052
}

a,
a:hover {
  text-decoration: none
}

a:hover {
  color: #9f2a00
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none
}

code,
pre {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  font-size: 1em
}

pre {
  -ms-overflow-style: scrollbar;
  margin-bottom: 1rem;
  margin-top: 0;
  overflow: auto
}

figure {
  margin: 0 0 1rem
}

img {
  border-style: none
}

img,
svg {
  vertical-align: middle
}

svg {
  overflow: hidden
}

table {
  border-collapse: collapse
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent
}

label {
  display: inline-block;
  margin-bottom: .5rem
}

button {
  border-radius: 0
}

button:focus:not(:focus-visible) {
  outline: 0
}

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

button,
input {
  overflow: visible
}

button,
select {
  text-transform: none
}

[role=button] {
  cursor: pointer
}

select {
  word-wrap: normal
}

[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: button
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
  cursor: pointer
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0
}

textarea {
  overflow: auto;
  resize: vertical
}

fieldset {
  border: 0;
  margin: 0;
  min-width: 0;
  padding: 0
}

progress {
  vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto
}

[type=search] {
  -webkit-appearance: none;
  outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

output {
  display: inline-block
}

summary {
  cursor: pointer;
  display: list-item
}

template {
  display: none
}

[hidden] {
  display: none !important
}

.h1,
.h2,
.h3,
.h4,
.h5,
h1,
h2,
h3,
h4,
h5 {
  color: inherit;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: .5rem
}

.h1,
h1 {
  font-size: 2.4rem
}

.h2,
h2 {
  font-size: 1.6rem
}

.h3,
h3 {
  font-size: 1.3rem
}

.h4,
h4 {
  font-size: 1.5rem
}

.h5,
h5 {
  font-size: 1.25rem
}

hr {
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, .1);
  margin-bottom: 1rem;
  margin-top: 1rem
}

.small,
small {
  font-size: .875em;
  font-weight: 400
}

.mark,
mark {
  background-color: #fcf8e3;
  padding: .2em
}

.list-unstyled {
  list-style: none;
  padding-left: 0
}

.blockquote {
  font-size: 1.25rem;
  margin-bottom: 1rem
}

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

.figure {
  display: inline-block
}

code {
  word-wrap: break-word;
  color: #e83e8c;
  font-size: 87.5%
}

a>code {
  color: inherit
}

pre {
  color: #495057;
  display: block;
  font-size: 87.5%
}

pre code {
  color: inherit;
  font-size: inherit;
  word-break: normal
}

.container,
.container-fluid {
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%
}

@media (min-width:576px) {
  .container {
    max-width: 576px
  }
}

@media (min-width:768px) {
  .container {
    max-width: 740px
  }
}

@media (min-width:992px) {
  .container {
    max-width: 960px
  }
}

@media (min-width:1200px) {
  .container {
    max-width: 1300px
  }
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px
}

.no-gutters {
  margin-left: 0;
  margin-right: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
  padding-left: 0;
  padding-right: 0
}

.col,
.col-10,
.col-12,
.col-2,
.col-3,
.col-4,
.col-6,
.col-8,
.col-9,
.col-lg-10,
.col-lg-12,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-md-10,
.col-md-12,
.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-sm-10,
.col-sm-12,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-xl-3,
.col-xl-4,
.col-xl-6 {
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  width: 100%
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%
}

.col-2 {
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%
}

.col-4 {
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%
}

.col-8 {
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%
}

.col-10 {
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%
}

@media (min-width:576px) {
  .col-sm-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%
  }

  .col-sm-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%
  }

  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%
  }

  .col-sm-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%
  }

  .col-sm-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%
  }

  .col-sm-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%
  }

  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%
  }
}

@media (min-width:768px) {
  .col-md-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%
  }

  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%
  }

  .col-md-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%
  }

  .col-md-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%
  }

  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%
  }

  .col-md-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%
  }

  .col-md-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%
  }

  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%
  }

  .col-md-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%
  }

  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%
  }

  .order-md-first {
    order: -1
  }

  .order-md-last {
    order: 13
  }
}

@media (min-width:992px) {
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%
  }

  .col-lg-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%
  }

  .col-lg-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%
  }

  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%
  }

  .col-lg-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%
  }

  .col-lg-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%
  }

  .col-lg-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%
  }

  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%
  }
}

@media (min-width:1200px) {
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%
  }

  .col-xl-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%
  }

  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%
  }
}

.table {
  background-color: transparent;
  color: #212529;
  margin-bottom: 1rem;
  width: 100%
}

.table td,
.table th {
  border-top: 1px solid #dee2e6;
  padding: .75rem;
  vertical-align: top
}

.table thead th {
  border-bottom: 2px solid #dee2e6;
  vertical-align: bottom
}

.table tbody+tbody {
  border-top: 2px solid #dee2e6
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, .05)
}

.table-hover tbody tr:hover {
  color: #212529
}

.table-active,
.table-active>td,
.table-active>th,
.table-hover .table-active:hover,
.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th,
.table-hover tbody tr:hover {
  background-color: rgba(0, 0, 0, .075)
}

.table-responsive {
  -webkit-overflow-scrolling: touch;
  display: block;
  overflow-x: auto;
  width: 100%
}

.form-control {
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  color: #495057;
  display: block;
  font-size: 1rem;
  font-weight: 400;
  height: calc(1.5em + .75rem + 2px);
  line-height: 1.5;
  padding: .375rem .75rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  width: 100%
}

@media (prefers-reduced-motion:reduce) {
  .form-control {
    transition: none
  }
}

.form-control::-ms-expand {
  background-color: transparent;
  border: 0
}

.form-control:focus {
  background-color: #fff;
  border-color: #80bdff;
  box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
  color: #495057;
  outline: 0
}

.form-control::-moz-placeholder {
  color: #6c757d;
  opacity: 1
}

.form-control::placeholder {
  color: #6c757d;
  opacity: 1
}

.form-control:disabled,
.form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1
}

input[type=date].form-control,
input[type=month].form-control,
input[type=time].form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

select.form-control:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057
}

select.form-control:focus::-ms-value {
  background-color: #fff;
  color: #495057
}

select.form-control[multiple],
select.form-control[size],
textarea.form-control {
  height: auto
}

.form-group {
  margin-bottom: 1rem
}

.form-text {
  display: block;
  margin-top: .25rem
}

.form-check {
  display: block;
  padding-left: 1.25rem;
  position: relative
}

.form-check-input {
  margin-left: -1.25rem;
  margin-top: .3rem;
  position: absolute
}

.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
  color: #6c757d
}

.form-check-label {
  margin-bottom: 0
}

.form-check-inline {
  align-items: center;
  display: inline-flex;
  margin-right: .75rem;
  padding-left: 0
}

.form-check-inline .form-check-input {
  margin-left: 0;
  margin-right: .3125rem;
  margin-top: 0;
  position: static
}

.btn {
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: .25rem;
  color: #495057;
  display: inline-block;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  padding: .375rem .75rem;
  text-align: center;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  vertical-align: middle
}

@media (prefers-reduced-motion:reduce) {
  .btn {
    transition: none
  }
}

.btn:hover {
  color: #495057;
  text-decoration: none
}

.btn.focus,
.btn:focus {
  box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
  outline: 0
}

.btn.disabled,
.btn:disabled {
  opacity: .65
}

.btn:not(:disabled):not(.disabled) {
  cursor: pointer
}

a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none
}

.btn-primary {
  background-color: #ff8052;
  border-color: #ff8052;
  color: #fff
}

.btn-primary.focus,
.btn-primary:focus,
.btn-primary:hover {
  background-color: #ff642c;
  border-color: #ff5b1f;
  color: #fff
}

.btn-primary.focus,
.btn-primary:focus {
  box-shadow: 0 0 0 .2rem rgba(255, 147, 108, .5)
}

.btn-primary.disabled,
.btn-primary:disabled {
  background-color: #ff8052;
  border-color: #ff8052;
  color: #fff
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
  background-color: #ff5b1f;
  border-color: #ff5112;
  color: #fff
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(255, 147, 108, .5)
}

.btn-secondary {
  background-color: #999;
  border-color: #999;
  color: #fff
}

.btn-secondary.focus,
.btn-secondary:focus,
.btn-secondary:hover {
  background-color: #868686;
  border-color: gray;
  color: #fff
}

.btn-secondary.focus,
.btn-secondary:focus {
  box-shadow: 0 0 0 .2rem hsla(0, 0%, 66%, .5)
}

.btn-secondary.disabled,
.btn-secondary:disabled {
  background-color: #999;
  border-color: #999;
  color: #fff
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
  background-color: gray;
  border-color: #797979;
  color: #fff
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem hsla(0, 0%, 66%, .5)
}

.show>.btn-success.dropdown-toggle {
  background-color: #1e8449;
  border-color: #1b7a43;
  color: #fff
}

.show>.btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(71, 186, 120, .5)
}

.show>.btn-info.dropdown-toggle {
  background-color: #117a8b;
  border-color: #10707f;
  color: #fff
}

.show>.btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

.btn-warning {
  background-color: #f0c807;
  border-color: #f0c807;
  color: #495057
}

.btn-warning.focus,
.btn-warning:focus,
.btn-warning:hover {
  background-color: #cba906;
  border-color: #be9f06;
  color: #fff
}

.btn-warning.focus,
.btn-warning:focus {
  box-shadow: 0 0 0 .2rem rgba(215, 182, 19, .5)
}

.btn-warning.disabled,
.btn-warning:disabled {
  background-color: #f0c807;
  border-color: #f0c807;
  color: #495057
}

.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show>.btn-warning.dropdown-toggle {
  background-color: #be9f06;
  border-color: #b29405;
  color: #fff
}

.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(215, 182, 19, .5)
}

.show>.btn-danger.dropdown-toggle {
  background-color: #bd2130;
  border-color: #b21f2d;
  color: #fff
}

.show>.btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}

.btn-light {
  background-color: #e9ecef;
  border-color: #e9ecef;
  color: #495057
}

.btn-light.focus,
.btn-light:focus,
.btn-light:hover {
  background-color: #d3d9df;
  border-color: #cbd3da;
  color: #495057
}

.btn-light.focus,
.btn-light:focus {
  box-shadow: 0 0 0 .2rem hsla(206, 8%, 83%, .5)
}

.btn-light.disabled,
.btn-light:disabled {
  background-color: #e9ecef;
  border-color: #e9ecef;
  color: #495057
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle {
  background-color: #cbd3da;
  border-color: #c4ccd4;
  color: #495057
}

.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem hsla(206, 8%, 83%, .5)
}

.show>.btn-dark.dropdown-toggle {
  background-color: #32373b;
  border-color: #2c3034;
  color: #fff
}

.show>.btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem hsla(210, 6%, 42%, .5)
}

.show>.btn-purple.dropdown-toggle {
  background-color: #413345;
  border-color: #3a2d3e;
  color: #fff
}

.show>.btn-purple.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(116, 99, 122, .5)
}

.show>.btn-gray.dropdown-toggle {
  background-color: gray;
  border-color: #797979;
  color: #fff
}

.show>.btn-gray.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem hsla(0, 0%, 66%, .5)
}

.show>.btn-light-gray.dropdown-toggle {
  background-color: #919ca6;
  border-color: #8a95a1;
  color: #fff
}

.show>.btn-light-gray.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem hsla(210, 9%, 65%, .5)
}

.btn-text-dark {
  background-color: #495057;
  border-color: #495057;
  color: #fff
}

.btn-text-dark.focus,
.btn-text-dark:focus,
.btn-text-dark:hover {
  background-color: #383d42;
  border-color: #32373b;
  color: #fff
}

.btn-text-dark.focus,
.btn-text-dark:focus {
  box-shadow: 0 0 0 .2rem hsla(210, 6%, 42%, .5)
}

.btn-text-dark.disabled,
.btn-text-dark:disabled {
  background-color: #495057;
  border-color: #495057;
  color: #fff
}

.btn-text-dark:not(:disabled):not(.disabled).active,
.btn-text-dark:not(:disabled):not(.disabled):active,
.show>.btn-text-dark.dropdown-toggle {
  background-color: #32373b;
  border-color: #2c3034;
  color: #fff
}

.btn-text-dark:not(:disabled):not(.disabled).active:focus,
.btn-text-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-text-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem hsla(210, 6%, 42%, .5)
}

.btn-outline-primary {
  border-color: #ff8052;
  color: #ff8052
}

.btn-outline-primary:hover {
  background-color: #ff8052;
  border-color: #ff8052;
  color: #fff
}

.btn-outline-primary.focus,
.btn-outline-primary:focus {
  box-shadow: 0 0 0 .2rem rgba(255, 128, 82, .5)
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
  background-color: transparent;
  color: #ff8052
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
  background-color: #ff8052;
  border-color: #ff8052;
  color: #fff
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(255, 128, 82, .5)
}

.show>.btn-outline-secondary.dropdown-toggle {
  background-color: #999;
  border-color: #999;
  color: #fff
}

.show>.btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem hsla(0, 0%, 60%, .5)
}

.show>.btn-outline-success.dropdown-toggle {
  background-color: #27ae60;
  border-color: #27ae60;
  color: #fff
}

.show>.btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(39, 174, 96, .5)
}

.show>.btn-outline-info.dropdown-toggle {
  background-color: #17a2b8;
  border-color: #17a2b8;
  color: #fff
}

.show>.btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.show>.btn-outline-warning.dropdown-toggle {
  background-color: #f0c807;
  border-color: #f0c807;
  color: #495057
}

.show>.btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(240, 200, 7, .5)
}

.show>.btn-outline-danger.dropdown-toggle {
  background-color: #dc3545;
  border-color: #dc3545;
  color: #fff
}

.show>.btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.show>.btn-outline-light.dropdown-toggle {
  background-color: #e9ecef;
  border-color: #e9ecef;
  color: #495057
}

.show>.btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(233, 236, 239, .5)
}

.show>.btn-outline-dark.dropdown-toggle {
  background-color: #495057;
  border-color: #495057;
  color: #fff
}

.show>.btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(73, 80, 87, .5)
}

.show>.btn-outline-purple.dropdown-toggle {
  background-color: #5c4863;
  border-color: #5c4863;
  color: #fff
}

.show>.btn-outline-purple.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(92, 72, 99, .5)
}

.show>.btn-outline-gray.dropdown-toggle {
  background-color: #999;
  border-color: #999;
  color: #fff
}

.show>.btn-outline-gray.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem hsla(0, 0%, 60%, .5)
}

.show>.btn-outline-light-gray.dropdown-toggle {
  background-color: #adb5bd;
  border-color: #adb5bd;
  color: #495057
}

.show>.btn-outline-light-gray.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(173, 181, 189, .5)
}

.btn-outline-text-dark {
  border-color: #495057;
  color: #495057
}

.btn-outline-text-dark:hover {
  background-color: #495057;
  border-color: #495057;
  color: #fff
}

.btn-outline-text-dark.focus,
.btn-outline-text-dark:focus {
  box-shadow: 0 0 0 .2rem rgba(73, 80, 87, .5)
}

.btn-outline-text-dark.disabled,
.btn-outline-text-dark:disabled {
  background-color: transparent;
  color: #495057
}

.btn-outline-text-dark:not(:disabled):not(.disabled).active,
.btn-outline-text-dark:not(:disabled):not(.disabled):active,
.show>.btn-outline-text-dark.dropdown-toggle {
  background-color: #495057;
  border-color: #495057;
  color: #fff
}

.btn-outline-text-dark:not(:disabled):not(.disabled).active:focus,
.btn-outline-text-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-text-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(73, 80, 87, .5)
}

.btn-link {
  color: #ff8052;
  font-weight: 400;
  text-decoration: none
}

.btn-link:hover {
  color: #9f2a00
}

.btn-link.focus,
.btn-link:focus,
.btn-link:hover {
  text-decoration: none
}

.btn-link.disabled,
.btn-link:disabled {
  color: #6c757d;
  pointer-events: none
}

.btn-lg {
  border-radius: .3rem;
  font-size: 1.25rem;
  line-height: 1.5;
  padding: .5rem 1rem
}

.btn-sm {
  border-radius: .2rem;
  font-size: .875rem;
  line-height: 1.5;
  padding: .25rem .5rem
}

.btn-block {
  display: block;
  width: 100%
}

.btn-block+.btn-block {
  margin-top: .5rem
}

input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
  width: 100%
}

.fade {
  transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
  .fade {
    transition: none
  }
}

.fade:not(.show) {
  opacity: 0
}

.collapse:not(.show) {
  display: none
}

.collapsing {
  height: 0;
  overflow: hidden;
  position: relative;
  transition: height .35s ease
}

@media (prefers-reduced-motion:reduce) {
  .collapsing {
    transition: none
  }
}

.collapsing.width {
  height: auto;
  transition: width .35s ease;
  width: 0
}

@media (prefers-reduced-motion:reduce) {
  .collapsing.width {
    transition: none
  }
}

.dropdown {
  position: relative
}

.dropdown-toggle {
  white-space: nowrap
}

.dropdown-toggle:after {
  border-bottom: 0;
  border-left: .3em solid transparent;
  border-right: .3em solid transparent;
  border-top: .3em solid;
  content: "";
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em
}

.dropdown-toggle:empty:after {
  margin-left: 0
}

.dropdown-menu {
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: .25rem;
  color: #212529;
  display: none;
  float: left;
  font-size: 1rem;
  left: 0;
  list-style: none;
  margin: .125rem 0 0;
  min-width: 10rem;
  padding: .5rem 0;
  position: absolute;
  text-align: left;
  top: 100%;
  z-index: 1000
}

.dropdown-menu-right {
  left: auto;
  right: 0
}

.dropdown-divider {
  border-top: 1px solid #e9ecef;
  height: 0;
  margin: .5rem 0;
  overflow: hidden
}

.dropdown-item {
  background-color: transparent;
  border: 0;
  clear: both;
  color: #495057;
  display: block;
  font-weight: 400;
  padding: .25rem 1.5rem;
  text-align: inherit;
  white-space: nowrap;
  width: 100%
}

.dropdown-item:focus,
.dropdown-item:hover {
  background-color: #e9ecef;
  color: #3d4349;
  text-decoration: none
}

.dropdown-item.active,
.dropdown-item:active {
  background-color: #007bff;
  color: #fff;
  text-decoration: none
}

.dropdown-item.disabled,
.dropdown-item:disabled {
  background-color: transparent;
  color: #adb5bd;
  pointer-events: none
}

.dropdown-menu.show {
  display: block
}

.input-group {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  width: 100%
}

.input-group>.form-control {
  flex: 1 1 auto;
  margin-bottom: 0;
  min-width: 0;
  position: relative;
  width: 1%
}

.input-group>.form-control+.form-control {
  margin-left: -1px
}

.input-group>.form-control:focus {
  z-index: 3
}

.input-group>.form-control:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0
}

.input-group:not(.has-validation)>.form-control:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0
}

.input-group-lg>.form-control:not(textarea) {
  height: calc(1.5em + 1rem + 2px)
}

.input-group-lg>.form-control {
  border-radius: .3rem;
  font-size: 1.25rem;
  line-height: 1.5;
  padding: .5rem 1rem
}

.nav {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin-bottom: 0;
  padding-left: 0
}

.nav-link {
  display: block;
  padding: .5rem 1rem
}

.nav-link:focus,
.nav-link:hover {
  text-decoration: none
}

.nav-link.disabled {
  color: #6c757d;
  cursor: default;
  pointer-events: none
}

.nav-tabs .nav-item.show .nav-link {
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
  color: #495057
}

.nav-pills .nav-link {
  background: none;
  border: 0;
  border-radius: .25rem
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  background-color: #ff8052;
  color: #fff
}

.navbar {
  padding: .5rem 1rem;
  position: relative
}

.navbar,
.navbar .container,
.navbar .container-fluid {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.navbar-brand {
  display: inline-block;
  font-size: 1.25rem;
  line-height: inherit;
  margin-right: 1rem;
  padding-bottom: .3125rem;
  padding-top: .3125rem;
  white-space: nowrap
}

.navbar-brand:focus,
.navbar-brand:hover {
  text-decoration: none
}

.navbar-nav {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin-bottom: 0;
  padding-left: 0
}

.navbar-nav .nav-link {
  padding-left: 0;
  padding-right: 0
}

.navbar-nav .dropdown-menu {
  float: none;
  position: static
}

.navbar-collapse {
  align-items: center;
  flex-basis: 100%;
  flex-grow: 1
}

.navbar-toggler {
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: .25rem;
  font-size: 1.25rem;
  line-height: 1;
  padding: .25rem .5rem
}

.navbar-toggler:focus,
.navbar-toggler:hover {
  text-decoration: none
}

.navbar-toggler-icon {
  background: 50%/100% 100% no-repeat;
  content: "";
  display: inline-block;
  height: 1.5em;
  vertical-align: middle;
  width: 1.5em
}

@media (max-width:767.98px) {

  .navbar-expand-md>.container,
  .navbar-expand-md>.container-fluid {
    padding-left: 0;
    padding-right: 0
  }
}

@media (min-width:768px) {
  .navbar-expand-md {
    flex-flow: row nowrap;
    justify-content: flex-start
  }

  .navbar-expand-md .navbar-nav {
    flex-direction: row
  }

  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute
  }

  .navbar-expand-md .navbar-nav .nav-link {
    padding-left: .5rem;
    padding-right: .5rem
  }

  .navbar-expand-md>.container,
  .navbar-expand-md>.container-fluid {
    flex-wrap: nowrap
  }

  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto
  }

  .navbar-expand-md .navbar-toggler {
    display: none
  }
}

@media (max-width:991.98px) {

  .navbar-expand-lg>.container,
  .navbar-expand-lg>.container-fluid {
    padding-left: 0;
    padding-right: 0
  }
}

@media (min-width:992px) {
  .navbar-expand-lg {
    flex-flow: row nowrap;
    justify-content: flex-start
  }

  .navbar-expand-lg .navbar-nav {
    flex-direction: row
  }

  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute
  }

  .navbar-expand-lg .navbar-nav .nav-link {
    padding-left: .5rem;
    padding-right: .5rem
  }

  .navbar-expand-lg>.container,
  .navbar-expand-lg>.container-fluid {
    flex-wrap: nowrap
  }

  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto
  }

  .navbar-expand-lg .navbar-toggler {
    display: none
  }
}

.navbar-light .navbar-brand,
.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
  color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
  color: rgba(0, 0, 0, .7)
}

.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, .3)
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
  color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-toggler {
  border-color: hsla(0, 0%, 100%, .1);
  color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.navbar-dark .navbar-brand,
.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
  color: #fff
}

.navbar-dark .navbar-nav .nav-link {
  color: hsla(0, 0%, 100%, .5)
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
  color: hsla(0, 0%, 100%, .75)
}

.navbar-dark .navbar-nav .nav-link.disabled {
  color: hsla(0, 0%, 100%, .25)
}

.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show>.nav-link {
  color: #fff
}

.navbar-dark .navbar-toggler {
  border-color: hsla(0, 0%, 100%, .1);
  color: hsla(0, 0%, 100%, .5)
}

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.card {
  word-wrap: break-word;
  background-clip: border-box;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .125);
  border-radius: .25rem;
  display: flex;
  flex-direction: column;
  min-width: 0;
  position: relative
}

.card>hr {
  margin-left: 0;
  margin-right: 0
}

.card-body {
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem
}

.card-title {
  margin-bottom: .75rem
}

.card-header {
  background-color: rgba(0, 0, 0, .03);
  border-bottom: 1px solid rgba(0, 0, 0, .125);
  margin-bottom: 0;
  padding: .75rem 1.25rem
}

.card-header:first-child {
  border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-img-top {
  border-top-left-radius: calc(.25rem - 1px);
  border-top-right-radius: calc(.25rem - 1px);
  flex-shrink: 0;
  width: 100%
}

.accordion {
  overflow-anchor: none
}

.accordion>.card {
  overflow: hidden
}

.accordion>.card:not(:last-of-type) {
  border-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}

.accordion>.card:not(:first-of-type) {
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.accordion>.card>.card-header {
  border-radius: 0;
  margin-bottom: -1px
}

.breadcrumb {
  background-color: #e9ecef;
  border-radius: .25rem;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin-bottom: 1rem;
  padding: .75rem 1rem
}

.breadcrumb-item+.breadcrumb-item {
  padding-left: .5rem
}

.breadcrumb-item+.breadcrumb-item:before {
  color: #6c757d;
  content: "/";
  float: left;
  padding-right: .5rem
}

.breadcrumb-item+.breadcrumb-item:hover:before {
  text-decoration: underline;
  text-decoration: none
}

.breadcrumb-item.active {
  color: #6c757d
}

.pagination {
  border-radius: .25rem;
  display: flex;
  list-style: none;
  padding-left: 0
}

.page-link {
  background-color: #fff;
  border: 1px solid #dee2e6;
  color: #ff8052;
  display: block;
  line-height: 1.25;
  margin-left: -1px;
  padding: .5rem .75rem;
  position: relative
}

.page-link:hover {
  background-color: #e9ecef;
  border-color: #dee2e6;
  color: #9f2a00;
  text-decoration: none;
  z-index: 2
}

.page-link:focus {
  box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
  outline: 0;
  z-index: 3
}

.page-item:first-child .page-link {
  border-bottom-left-radius: .25rem;
  border-top-left-radius: .25rem;
  margin-left: 0
}

.page-item:last-child .page-link {
  border-bottom-right-radius: .25rem;
  border-top-right-radius: .25rem
}

.page-item.active .page-link {
  background-color: #ff8052;
  border-color: #ff8052;
  color: #fff;
  z-index: 3
}

.page-item.disabled .page-link {
  background-color: #fff;
  border-color: #dee2e6;
  color: #6c757d;
  cursor: auto;
  pointer-events: none
}

.badge {
  border-radius: .25rem;
  display: inline-block;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  padding: .25em .4em;
  text-align: center;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  vertical-align: baseline;
  white-space: nowrap
}

@media (prefers-reduced-motion:reduce) {
  .badge {
    transition: none
  }
}

a.badge:focus,
a.badge:hover {
  text-decoration: none
}

.badge:empty {
  display: none
}

.btn .badge {
  position: relative;
  top: -1px
}

.badge-success {
  background-color: #27ae60;
  color: #fff
}

a.badge-success:focus,
a.badge-success:hover {
  background-color: #1e8449;
  color: #fff
}

a.badge-success.focus,
a.badge-success:focus {
  box-shadow: 0 0 0 .2rem rgba(39, 174, 96, .5);
  outline: 0
}

.badge-info {
  background-color: #17a2b8;
  color: #fff
}

a.badge-info:focus,
a.badge-info:hover {
  background-color: #117a8b;
  color: #fff
}

a.badge-info.focus,
a.badge-info:focus {
  box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5);
  outline: 0
}

.alert {
  border: 1px solid transparent;
  border-radius: .25rem;
  margin-bottom: 1rem;
  padding: .75rem 1.25rem;
  position: relative
}

.alert-dismissible {
  padding-right: 4rem
}

.alert-dismissible .close {
  color: inherit;
  padding: .75rem 1.25rem;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2
}

.alert-success {
  background-color: #d4efdf;
  border-color: #c3e8d2;
  color: #145a32
}

.alert-success hr {
  border-top-color: #b1e1c4
}

.alert-info {
  background-color: #d1ecf1;
  border-color: #bee5eb;
  color: #0c5460
}

.alert-info hr {
  border-top-color: #abdde5
}

.alert-warning {
  background-color: #fcf4cd;
  border-color: #fbf0ba;
  color: #7d6804
}

.alert-warning hr {
  border-top-color: #faeba2
}

.alert-danger {
  background-color: #f8d7da;
  border-color: #f5c6cb;
  color: #721c24
}

.alert-danger hr {
  border-top-color: #f1b0b7
}

@keyframes progress-bar-stripes {
  0% {
    background-position: 1rem 0
  }

  to {
    background-position: 0 0
  }
}

.progress {
  background-color: #e9ecef;
  border-radius: .25rem;
  font-size: .75rem;
  height: 1rem;
  line-height: 0
}

.progress,
.progress-bar {
  display: flex;
  overflow: hidden
}

.progress-bar {
  background-color: #30b990;
  color: #fff;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  transition: width .6s ease;
  white-space: nowrap
}

@media (prefers-reduced-motion:reduce) {
  .progress-bar {
    transition: none
  }
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent);
  background-size: 1rem 1rem
}

.progress-bar-animated {
  animation: progress-bar-stripes 1s linear infinite
}

@media (prefers-reduced-motion:reduce) {
  .progress-bar-animated {
    animation: none
  }
}

.media {
  align-items: flex-start;
  display: flex
}

.close {
  color: #000;
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  opacity: .5;
  text-shadow: 0 1px 0 #fff
}

.close:hover {
  color: #000;
  text-decoration: none
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
  opacity: .75
}

button.close {
  background-color: transparent;
  border: 0;
  padding: 0
}

a.close.disabled {
  pointer-events: none
}

.modal {
  display: none;
  height: 100%;
  left: 0;
  outline: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1050
}

.modal-dialog {
  margin: .5rem;
  pointer-events: none;
  position: relative;
  width: auto
}

.modal.fade .modal-dialog {
  transform: translateY(-50px);
  transition: transform .3s ease-out
}

@media (prefers-reduced-motion:reduce) {
  .modal.fade .modal-dialog {
    transition: none
  }
}

.modal.show .modal-dialog {
  transform: none
}

.modal-dialog-centered {
  align-items: center;
  display: flex;
  min-height: calc(100% - 1rem)
}

.modal-dialog-centered:before {
  content: "";
  display: block;
  height: calc(100vh - 1rem);
  height: -moz-min-content;
  height: min-content
}

.modal-content {
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: .3rem;
  display: flex;
  flex-direction: column;
  outline: 0;
  pointer-events: auto;
  position: relative;
  width: 100%
}

.modal-backdrop.show {
  opacity: .5
}

.modal-header {
  align-items: flex-start;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(.3rem - 1px);
  border-top-right-radius: calc(.3rem - 1px);
  display: flex;
  justify-content: space-between;
  padding: 1rem
}

.modal-header .close {
  margin: -1rem -1rem -1rem auto;
  padding: 1rem
}

.modal-title {
  line-height: 1.5;
  margin-bottom: 0
}

.modal-body {
  flex: 1 1 auto;
  padding: 1rem;
  position: relative
}

.modal-footer {
  align-items: center;
  border-bottom-left-radius: calc(.3rem - 1px);
  border-bottom-right-radius: calc(.3rem - 1px);
  border-top: 1px solid #dee2e6;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: .75rem
}

.modal-footer>* {
  margin: .25rem
}

@media (min-width:576px) {
  .modal-dialog {
    margin: 1.75rem auto;
    max-width: 500px
  }

  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem)
  }

  .modal-dialog-centered:before {
    height: calc(100vh - 3.5rem);
    height: -moz-min-content;
    height: min-content
  }

  .modal-sm {
    max-width: 300px
  }
}

@media (min-width:992px) {
  .modal-lg {
    max-width: 800px
  }
}

.tooltip {
  word-wrap: break-word;
  display: block;
  font-family: Rubik, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  font-size: .875rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.5;
  margin: 0;
  opacity: 0;
  position: absolute;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  z-index: 1070
}

.tooltip.show {
  opacity: .9
}

.tooltip .arrow {
  display: block;
  height: .4rem;
  position: absolute;
  width: .8rem
}

.tooltip .arrow:before {
  border-color: transparent;
  border-style: solid;
  content: "";
  position: absolute
}

.bs-tooltip-top {
  padding: .4rem 0
}

.bs-tooltip-top .arrow {
  bottom: 0
}

.bs-tooltip-top .arrow:before {
  border-top-color: #6c757d;
  border-width: .4rem .4rem 0;
  top: 0
}

.bs-tooltip-right {
  padding: 0 .4rem
}

.bs-tooltip-right .arrow {
  height: .8rem;
  left: 0;
  width: .4rem
}

.bs-tooltip-right .arrow:before {
  border-right-color: #6c757d;
  border-width: .4rem .4rem .4rem 0;
  right: 0
}

.bs-tooltip-bottom {
  padding: .4rem 0
}

.bs-tooltip-bottom .arrow {
  top: 0
}

.bs-tooltip-bottom .arrow:before {
  border-bottom-color: #6c757d;
  border-width: 0 .4rem .4rem;
  bottom: 0
}

.bs-tooltip-left {
  padding: 0 .4rem
}

.bs-tooltip-left .arrow {
  height: .8rem;
  right: 0;
  width: .4rem
}

.bs-tooltip-left .arrow:before {
  border-left-color: #6c757d;
  border-width: .4rem 0 .4rem .4rem;
  left: 0
}

.tooltip-inner {
  background-color: #6c757d;
  border-radius: .25rem;
  color: #fff;
  max-width: 200px;
  padding: .25rem .5rem;
  text-align: center
}

.popover {
  word-wrap: break-word;
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: .3rem;
  font-family: Rubik, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  font-size: .875rem;
  font-style: normal;
  font-weight: 400;
  left: 0;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.5;
  max-width: 276px;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  top: 0;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  z-index: 1060
}

.popover,
.popover .arrow {
  display: block;
  position: absolute
}

.popover .arrow {
  height: .5rem;
  margin: 0 .3rem;
  width: 1rem
}

.popover .arrow:after,
.popover .arrow:before {
  border-color: transparent;
  border-style: solid;
  content: "";
  display: block;
  position: absolute
}

.bs-popover-top {
  margin-bottom: .5rem
}

.bs-popover-top>.arrow {
  bottom: calc(-.5rem - 1px)
}

.bs-popover-top>.arrow:before {
  border-top-color: rgba(0, 0, 0, .25);
  border-width: .5rem .5rem 0;
  bottom: 0
}

.bs-popover-top>.arrow:after {
  border-top-color: #fff;
  border-width: .5rem .5rem 0;
  bottom: 1px
}

.bs-popover-right {
  margin-left: .5rem
}

.bs-popover-right>.arrow {
  height: 1rem;
  left: calc(-.5rem - 1px);
  margin: .3rem 0;
  width: .5rem
}

.bs-popover-right>.arrow:before {
  border-right-color: rgba(0, 0, 0, .25);
  border-width: .5rem .5rem .5rem 0;
  left: 0
}

.bs-popover-right>.arrow:after {
  border-right-color: #fff;
  border-width: .5rem .5rem .5rem 0;
  left: 1px
}

.bs-popover-left {
  margin-right: .5rem
}

.bs-popover-left>.arrow {
  height: 1rem;
  margin: .3rem 0;
  right: calc(-.5rem - 1px);
  width: .5rem
}

.bs-popover-left>.arrow:before {
  border-left-color: rgba(0, 0, 0, .25);
  border-width: .5rem 0 .5rem .5rem;
  right: 0
}

.bs-popover-left>.arrow:after {
  border-left-color: #fff;
  border-width: .5rem 0 .5rem .5rem;
  right: 1px
}

.popover-header {
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-top-left-radius: calc(.3rem - 1px);
  border-top-right-radius: calc(.3rem - 1px);
  color: inherit;
  font-size: 1rem;
  margin-bottom: 0;
  padding: .5rem .75rem
}

.popover-header:empty {
  display: none
}

.popover-body {
  color: #212529;
  padding: .5rem .75rem
}

.bg-primary {
  background-color: #ff8052 !important
}

a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
  background-color: #ff5b1f !important
}

.bg-secondary {
  background-color: #999 !important
}

a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover {
  background-color: gray !important
}

.bg-success {
  background-color: #27ae60 !important
}

a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
  background-color: #1e8449 !important
}

.bg-light {
  background-color: #e9ecef !important
}

a.bg-light:focus,
a.bg-light:hover,
button.bg-light:focus,
button.bg-light:hover {
  background-color: #cbd3da !important
}

.bg-dark {
  background-color: #495057 !important
}

a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover {
  background-color: #32373b !important
}

.bg-purple {
  background-color: #5c4863 !important
}

a.bg-purple:focus,
a.bg-purple:hover,
button.bg-purple:focus,
button.bg-purple:hover {
  background-color: #413345 !important
}

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

.border {
  border: 1px solid #dee2e6 !important
}

.border-top {
  border-top: 1px solid #dee2e6 !important
}

.border-right {
  border-right: 1px solid #dee2e6 !important
}

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important
}

.border-left {
  border-left: 1px solid #dee2e6 !important
}

.rounded {
  border-radius: .25rem !important
}

.rounded-lg {
  border-radius: .3rem !important
}

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

.clearfix:after {
  clear: both;
  content: "";
  display: block
}

.d-none {
  display: none !important
}

.d-inline-block {
  display: inline-block !important
}

.d-block {
  display: block !important
}

.d-flex {
  display: flex !important
}

@media (min-width:576px) {
  .d-sm-none {
    display: none !important
  }

  .d-sm-block {
    display: block !important
  }
}

@media (min-width:768px) {
  .d-md-none {
    display: none !important
  }

  .d-md-inline {
    display: inline !important
  }

  .d-md-block {
    display: block !important
  }

  .d-md-flex {
    display: flex !important
  }
}

@media (min-width:992px) {
  .d-lg-table {
    display: table !important
  }
}

.embed-responsive {
  display: block;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 100%
}

.embed-responsive:before {
  content: "";
  display: block
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
  border: 0;
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.embed-responsive-16by9:before {
  padding-top: 56.25%
}

.flex-column {
  flex-direction: column !important
}

.justify-content-start {
  justify-content: flex-start !important
}

.justify-content-end {
  justify-content: flex-end !important
}

.justify-content-center {
  justify-content: center !important
}

.justify-content-between {
  justify-content: space-between !important
}

.justify-content-around {
  justify-content: space-around !important
}

.align-items-center {
  align-items: center !important
}

.align-self-center {
  align-self: center !important
}

@media (min-width:768px) {
  .justify-content-md-center {
    justify-content: center !important
  }
}

.float-right {
  float: right !important
}

.overflow-hidden {
  overflow: hidden !important
}

@supports (position:sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020
  }
}

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

.h-100 {
  height: 100% !important
}

.mw-100 {
  max-width: 100% !important
}

.mh-100 {
  max-height: 100% !important
}

.mt-0,
.my-0 {
  margin-top: 0 !important
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important
}

.mt-1,
.my-1 {
  margin-top: .25rem !important
}

.mb-1,
.my-1 {
  margin-bottom: .25rem !important
}

.ml-1 {
  margin-left: .25rem !important
}

.mt-2,
.my-2 {
  margin-top: .5rem !important
}

.mr-2,
.mx-2 {
  margin-right: .5rem !important
}

.mb-2,
.my-2 {
  margin-bottom: .5rem !important
}

.ml-2,
.mx-2 {
  margin-left: .5rem !important
}

.mt-3,
.my-3 {
  margin-top: 1rem !important
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important
}

.mx-3 {
  margin-left: 1rem !important
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important
}

.mx-4 {
  margin-left: 1.5rem !important
}

.mt-5,
.my-5 {
  margin-top: 3rem !important
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important
}

.pt-0 {
  padding-top: 0 !important
}

.px-0 {
  padding-right: 0 !important
}

.pb-0 {
  padding-bottom: 0 !important
}

.pl-0,
.px-0 {
  padding-left: 0 !important
}

.pt-1,
.py-1 {
  padding-top: .25rem !important
}

.pr-1 {
  padding-right: .25rem !important
}

.pb-1,
.py-1 {
  padding-bottom: .25rem !important
}

.pt-2,
.py-2 {
  padding-top: .5rem !important
}

.px-2 {
  padding-right: .5rem !important
}

.pb-2,
.py-2 {
  padding-bottom: .5rem !important
}

.px-2 {
  padding-left: .5rem !important
}

.p-3 {
  padding: 1rem !important
}

.pt-3,
.py-3 {
  padding-top: 1rem !important
}

.px-3 {
  padding-right: 1rem !important
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important
}

.pl-3,
.px-3 {
  padding-left: 1rem !important
}

.p-4 {
  padding: 1.5rem !important
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important
}

.px-4 {
  padding-left: 1.5rem !important
}

.p-5 {
  padding: 3rem !important
}

.py-5 {
  padding-top: 3rem !important
}

.px-5 {
  padding-right: 3rem !important
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important
}

.px-5 {
  padding-left: 3rem !important
}

.mx-auto {
  margin-right: auto !important
}

.ml-auto,
.mx-auto {
  margin-left: auto !important
}

@media (min-width:576px) {
  .px-sm-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
  }

  .px-sm-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important
  }

  .px-sm-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important
  }
}

@media (min-width:768px) {
  .mt-md-1 {
    margin-top: .25rem !important
  }

  .my-md-2 {
    margin-bottom: .5rem !important;
    margin-top: .5rem !important
  }

  .mx-md-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important
  }

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

  .pt-md-1 {
    padding-top: .25rem !important
  }

  .px-md-2 {
    padding-right: .5rem !important
  }

  .pl-md-2,
  .px-md-2 {
    padding-left: .5rem !important
  }

  .p-md-3 {
    padding: 1rem !important
  }

  .py-md-3 {
    padding-top: 1rem !important
  }

  .px-md-3 {
    padding-right: 1rem !important
  }

  .py-md-3 {
    padding-bottom: 1rem !important
  }

  .px-md-3 {
    padding-left: 1rem !important
  }

  .py-md-5 {
    padding-bottom: 3rem !important;
    padding-top: 3rem !important
  }
}

@media (min-width:992px) {
  .p-lg-4 {
    padding: 1.5rem !important
  }

  .py-lg-4 {
    padding-top: 1.5rem !important
  }

  .px-lg-4 {
    padding-right: 1.5rem !important
  }

  .py-lg-4 {
    padding-bottom: 1.5rem !important
  }

  .px-lg-4 {
    padding-left: 1.5rem !important
  }

  .px-lg-5 {
    padding-right: 3rem !important
  }

  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important
  }
}

@media (min-width:1200px) {
  .px-xl-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important
  }
}

.text-justify {
  text-align: justify !important
}

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

.text-center {
  text-align: center !important
}

.text-uppercase {
  text-transform: uppercase !important
}

.font-weight-light {
  font-weight: 300 !important
}

.font-weight-normal {
  font-weight: 400 !important
}

.font-weight-bold {
  font-weight: 500 !important
}

.text-white {
  color: #fff !important
}

.text-primary {
  color: #ff8052 !important
}

a.text-primary:focus,
a.text-primary:hover {
  color: #ff4806 !important
}

.text-secondary {
  color: #999 !important
}

a.text-secondary:focus,
a.text-secondary:hover {
  color: #737373 !important
}

.text-success {
  color: #27ae60 !important
}

a.text-success:focus,
a.text-success:hover {
  color: #19703e !important
}

.text-danger {
  color: #dc3545 !important
}

a.text-danger:focus,
a.text-danger:hover {
  color: #a71d2a !important
}

.text-light {
  color: #e9ecef !important
}

a.text-light:focus,
a.text-light:hover {
  color: #bdc6cf !important
}

.text-dark {
  color: #495057 !important
}

a.text-dark:focus,
a.text-dark:hover {
  color: #262a2d !important
}

.text-gray {
  color: #999 !important
}

a.text-gray:focus,
a.text-gray:hover {
  color: #737373 !important
}

.text-light-gray {
  color: #adb5bd !important
}

a.text-light-gray:focus,
a.text-light-gray:hover {
  color: #838f9b !important
}

.text-muted {
  color: #6c757d !important
}

.visible {
  visibility: visible !important
}

@media print {

  *,
  :after,
  :before {
    box-shadow: none !important;
    text-shadow: none !important
  }

  a:not(.btn) {
    text-decoration: underline
  }

  pre {
    white-space: pre-wrap !important
  }

  blockquote,
  pre {
    border: 1px solid #adb5bd
  }

  blockquote,
  img,
  pre,
  tr {
    page-break-inside: avoid
  }

  h2,
  h3,
  p {
    orphans: 3;
    widows: 3
  }

  h2,
  h3 {
    page-break-after: avoid
  }

  @page {
    size: a3
  }

  .container,
  body {
    min-width: 992px !important
  }

  .navbar {
    display: none
  }

  .badge {
    border: 1px solid #000
  }

  .table {
    border-collapse: collapse !important
  }

  .table td,
  .table th {
    background-color: #fff !important
  }
}

@keyframes spinner-border {
  to {
    transform: rotate(1turn)
  }
}

@keyframes spinner-grow {
  0% {
    transform: scale(0)
  }

  50% {
    opacity: 1;
    transform: none
  }
}

.collapsing .nav-login-button,
.show .nav-login-button {
  margin-bottom: 10px;
  margin-right: 0;
  margin-top: 5px
}

.nav-login-button {
  margin-bottom: 0;
  margin-right: 5px;
  margin-top: 0
}

.collapsing .active-nav,
.show .active-nav {
  border-bottom: 0;
  margin-bottom: 0;
  -webkit-text-decoration: underline #ff8052;
  text-decoration: underline #ff8052
}

.active-nav {
  border-bottom: 4px solid #ff8052;
  margin-bottom: -4px;
  text-decoration: none
}

#main-nav .navbar-nav {
  border-top: 4px solid hsla(0, 0%, 100%, 0)
}

.dropdown-item {
  font-weight: 300
}

.banner {
  color: #fff;
  padding: 2rem 0;
  text-align: center
}

.banner h1 {
  text-size: 6rem;
  font-weight: 700
}

.banner p {
  line-height: 1.3
}

@media (min-width:576px) {
  .banner h1 {
    font-size: 3rem
  }

  .banner p {
    font-size: 1.3rem
  }
}

@media (min-width:768px) {
  .banner h1 {
    font-size: 4rem
  }

  .banner p {
    font-size: 1.35rem
  }
}

@media (min-width:992px) {
  .banner p {
    font-size: 6rem;
    font-size: 1.4rem
  }
}

.aa-input-search {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 2px solid #e4e4e4;
  border-radius: 4px;
  box-shadow: 4px 4px 0 hsla(0, 0%, 95%, .35);
  box-sizing: border-box;
  color: #333;
  padding: 12px 28px 12px 12px;
  transition: .2s;
  width: 100%
}

#aa-search-input,
input.aa-input-search.aa-hint {
  font-size: 1rem
}

@media (min-width:768px) {

  #aa-search-input,
  input.aa-input-search.aa-hint {
    font-size: 1.5rem
  }
}

.aa-suggestion {
  align-items: center;
  display: flex;
  font-size: 1rem;
  justify-content: flex-start;
  line-height: 1rem;
  padding: 10px;
  z-index: 99
}

.aa-input-container {
  display: inline-block;
  position: relative;
  width: 100%
}

.aa-input-search::-webkit-search-cancel-button,
.aa-input-search::-webkit-search-decoration,
.aa-input-search::-webkit-search-results-button,
.aa-input-search::-webkit-search-results-decoration {
  display: none
}

.aa-input-search:focus {
  border-color: #ff8052;
  box-shadow: 4px 4px 0 rgba(58, 150, 207, .1);
  outline: 0
}

.aa-hint {
  color: #e4e4e4
}

.aa-dropdown-menu {
  background-color: #fff;
  border: 2px solid #adb5bd;
  border-radius: 4px;
  border-top: 1px solid #adb5bd;
  box-shadow: 4px 4px 0 hsla(0, 0%, 95%, .35);
  box-sizing: border-box;
  color: #00a65a;
  font-size: 1rem;
  margin-top: 10px;
  text-align: left;
  width: 100%
}

.aa-suggestions-category {
  font-size: 2rem
}

.aa-suggestion.aa-cursor,
.aa-suggestion:hover {
  background-color: #e0e0e0
}

.aa-suggestion>span:first-child {
  color: #333;
  text-transform: uppercase
}

.aa-suggestion>a {
  color: #333
}

.aa-suggestion>span:last-child {
  color: #a9a9a9;
  font-size: .6rem;
  font-weight: lighter;
  text-transform: uppercase
}

.aa-suggestion>a:first-child em,
.aa-suggestion>span:last-child em {
  background-color: #f0c807;
  font-style: normal;
  font-weight: 700;
  padding: 2px 0 2px 2px
}

span.algolia-autocomplete {
  width: 100%
}

span.nomecurso {
  color: #a9a9a9;
  font-size: .7em;
  white-space: pre
}

.aa-suggestions-category {
  color: #ff8052;
  font-size: 1rem;
  font-weight: bolder;
  padding-left: 1rem;
  text-transform: uppercase
}

.aa-suggestions {
  align-items: center;
  border-top: 1px solid hsla(0, 0%, 89%, .6);
  color: #333;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  padding: 12px;
  transition: .2s
}

.sidebar-search .aa-suggestion {
  font-size: .9rem;
  line-height: 1rem;
  padding: 10px;
  z-index: 99
}

.topo-card {
  border-radius: 4px 4px 0 0;
  height: 6px
}

.corpo-card {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  min-height: 134px
}

.card-main {
  align-items: center;
  display: flex;
  flex: 1;
  justify-content: flex-start
}

.card-main h3 {
  color: #666;
  flex: 1;
  font-size: .95rem;
  font-weight: 300
}

.card-meta {
  color: #999;
  display: flex;
  font-size: 10px;
  justify-content: space-between;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px
}

.container-curso {
  transition-duration: .15s;
  transition-timing-function: ease-out
}

.container-curso:active,
.container-curso:focus,
.container-curso:hover {
  transform: translateY(-7px)
}

.container-curso-trilha {
  box-shadow: 0 2px 0 rgba(0, 0, 0, .06);
  transform: perspective(0);
  transition-duration: .15s;
  transition-timing-function: ease-in-out;
  vertical-align: middle
}

.container-curso-trilha:active,
.container-curso-trilha:focus,
.container-curso-trilha:hover {
  transform: translateY(-7px)
}

.corpo-card-trilha {
  background-color: #fff;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  min-height: 200px
}

.topo-card-trilha {
  border-radius: 5px 5px 0 0;
  height: 15px
}

.line-next {
  background-color: #ced4da;
  border-radius: 5px;
  height: 50px;
  margin: 20px auto 0;
  width: 10px
}

.progress-trilha {
  background-color: #e9ecef;
  display: flex;
  font-size: .75rem;
  height: 14px;
  width: 100%
}

.card-trilha {
  color: #eee;
  display: block;
  position: relative;
  text-align: center;
  transform-origin: center bottom;
  transition: transform .2s ease-in-out;
  will-change: transform
}

.card-trilha .content {
  background-color: #fff !important;
  border-radius: 3px;
  box-shadow: inset 2px 2px 2px rgba(0, 0, 0, .07), 2px 2px 2px rgba(0, 0, 0, .07);
  height: 180px;
  padding: 2rem 1rem;
  transform: translateY(-5px)
}

.card-trilha .title {
  border-radius: 3px;
  font-size: 1.25rem;
  padding: .5rem
}

.card-trilha:before {
  transform: translateY(2px) scale(.98);
  z-index: -1
}

.card-trilha:after,
.card-trilha:before {
  background-color: #fff !important;
  box-shadow: inset 2px 2px 2px rgba(0, 0, 0, .07), 2px 2px 2px rgba(0, 0, 0, .07)
}

.card-trilha:after {
  transform: translateY(10px) scale(.95);
  z-index: -2
}

.card-trilha:after,
.card-trilha:before {
  background-color: currentColor;
  border-radius: 3px;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform-origin: center bottom;
  transition: transform .2s ease-in-out;
  will-change: transform
}

.card-trilha:hover {
  transform: translate(-2.5px) rotate(-2.5deg)
}

.card-trilha:hover:before {
  transform: translate(2.5px) rotate(2.5deg)
}

.card-trilha:hover:after {
  background-color: #34afe3 !important;
  transform: translate(5px) rotate(5deg);
  transition: background-color .4s ease-in
}

.card-trilha h3 {
  color: #b9b9b9 !important;
  font-weight: 600 !important
}

.card-trilha:hover h3 {
  color: #1099d6 !important
}

.ribbon-sm {
  height: 120px;
  overflow: hidden;
  position: absolute;
  width: 120px
}

.ribbon-sm:after,
.ribbon-sm:before {
  border: 5px solid;
  content: "";
  display: block;
  position: absolute;
  z-index: -1
}

.ribbon-sm span {
  box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
  color: #fff;
  display: block;
  font-size: 12px;
  padding: 6px 0;
  position: absolute;
  text-align: center;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  text-transform: uppercase;
  width: 190px
}

.ribbon-primary span {
  background-color: #ff8052
}

.ribbon-primary:after,
.ribbon-primary:before {
  border-color: #eb3e00
}

.ribbon-secondary span {
  background-color: #5c4863
}

.ribbon-secondary:after,
.ribbon-secondary:before {
  border-color: #251d28
}

.ribbon-red span {
  background-color: #dc3545
}

.ribbon-red:after,
.ribbon-red:before {
  background-color: #921925
}

.ribbon-green span {
  background-color: #27ae60
}

.ribbon-green:after,
.ribbon-green:before {
  border-color: #145b32
}

.ribbon-blue span {
  background-color: #3498db
}

.ribbon-blue:after,
.ribbon-blue:before {
  border-color: #2980b9
}

.ribbon-top-left {
  left: -10px;
  top: -10px
}

.ribbon-top-left:after,
.ribbon-top-left:before {
  border-left-color: transparent;
  border-top-color: transparent
}

.ribbon-top-left:before {
  right: 0;
  top: 0
}

.ribbon-top-left:after {
  bottom: 0;
  left: 0
}

.ribbon-top-left span {
  right: -25px;
  top: 30px;
  transform: rotate(-45deg)
}

.ribbon-top-right {
  right: -10px;
  top: -10px
}

.ribbon-top-right:after,
.ribbon-top-right:before {
  border-right-color: transparent;
  border-top-color: transparent
}

.ribbon-top-right:before {
  left: 4px;
  top: 0
}

.ribbon-top-right:after {
  bottom: 4px;
  right: 0
}

.ribbon-top-right span {
  left: -25px;
  top: 30px;
  transform: rotate(45deg)
}

.ribbon-bottom-left {
  bottom: -10px;
  left: -10px
}

.ribbon-bottom-left:after,
.ribbon-bottom-left:before {
  border-bottom-color: transparent;
  border-left-color: transparent
}

.ribbon-bottom-left:before {
  bottom: 0;
  right: 0
}

.ribbon-bottom-left:after {
  left: 0;
  top: 0
}

.ribbon-bottom-left span {
  bottom: 30px;
  right: -25px;
  transform: rotate(225deg)
}

.ribbon-bottom-right {
  bottom: -10px;
  right: -10px
}

.ribbon-bottom-right:after,
.ribbon-bottom-right:before {
  border-bottom-color: transparent;
  border-right-color: transparent
}

.ribbon-bottom-right:before {
  bottom: 0;
  left: 0
}

.ribbon-bottom-right:after {
  right: 0;
  top: 0
}

.ribbon-bottom-right span {
  bottom: 30px;
  left: -25px;
  transform: rotate(-225deg)
}

.ribbon-ebook-top-left {
  left: 5px;
  top: -10px;
  z-index: 10
}

.ribbon-ebook-top-left:after,
.ribbon-ebook-top-left:before {
  border-left-color: transparent;
  border-top-color: transparent
}

.ribbon-ebook-top-left:before {
  right: 0;
  top: 0
}

.ribbon-ebook-top-left:after {
  bottom: 0;
  left: 0
}

.ribbon-ebook-top-left span {
  right: -29px;
  top: 30px;
  transform: rotate(-45deg)
}

#footer {
  background-color: #555
}

.footer-logo {
  padding: 3rem 0 2rem;
  text-align: center
}

.bottom-bar {
  background: #4c4a4a;
  color: #fff;
  font-size: .8rem;
  padding: .8rem
}

.img-half-width {
  margin: 0 auto;
  max-width: 40%
}

@media (min-width:768px) {
  .footer-logo {
    text-align: left
  }

  .img-half-width {
    max-width: 60%
  }

  .footer-social {
    text-align: right
  }
}

.footer-list,
.footer-social {
  padding-left: 0
}

.footer-list {
  color: #fff;
  line-height: 1.5;
  list-style-type: none;
  text-decoration: none
}

.footer-list a {
  color: #fff;
  font-weight: 300;
  padding: 6px
}

.footer-list a:hover {
  color: #ff8052;
  text-decoration: none
}

.display-block {
  display: inline-block
}

.social:hover {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1)
}

.social {
  -webkit-transform: scale(.8);
  -moz-transform: scale(.8);
  -o-transform: scale(.8);
  -webkit-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -o-transition-duration: .5s
}

#social-em,
#social-fb,
#social-yt {
  color: #fff
}

#social-fb:hover {
  color: #3b5998
}

#social-yt:hover {
  color: #d34836
}

#social-em:hover {
  color: #f93
}

.section-title {
  color: #495057;
  font-weight: 300
}

h3.section-title {
  font-size: 1.4rem;
  font-weight: 400
}

@media (min-width:576px) {
  h2.section-title {
    font-size: 2rem
  }
}

@media (min-width:768px) {
  h2.section-title {
    font-size: 2.5rem
  }
}

@media (min-width:992px) {
  h2.section-title {
    font-size: 3rem
  }
}

.background-gray {
  background-color: #edeff0
}

section.index-section {
  padding-bottom: 2rem;
  padding-top: 2rem
}

section.regular-section {
  padding: 2rem 0
}

.regular-section h2 {
  margin-top: 2.2rem
}

.regular-section p {
  margin-bottom: .7rem
}

.button-curso {
  background-color: #f0c807;
  color: #5c4863;
  font-size: .85rem;
  font-weight: 700;
  margin: .35rem;
  white-space: normal
}

.button-curso:hover {
  transition-duration: .4s
}

.button-curso-active,
.button-curso:hover {
  background-color: #5c4863;
  color: #ff8052
}

.button-trilha {
  background-color: #009bdd;
  border-color: #fff;
  color: #fff;
  font-size: .85rem;
  font-weight: 700;
  margin: .35rem;
  white-space: normal
}

.button-trilha:hover {
  transition-duration: .4s
}

.button-trilha-active,
.button-trilha:hover {
  background-color: #0075ad
}

.button-novidades {
  background-color: #495057;
  border-color: #fff;
  color: #fff;
  font-size: .85rem;
  font-weight: 700;
  margin: .35rem;
  white-space: normal
}

.button-novidades:hover {
  transition-duration: .4s
}

.button-novidades-active,
.button-novidades:hover {
  background-color: #5e656c
}

#meta-curso-lista {
  color: #999
}

.breadcrumb {
  background-color: #fff;
  font-size: .7rem;
  padding: .5rem 1rem
}

.aula-section {
  border-radius: .25rem
}

.aula-section h2,
.aula-section h3,
.aula-section h4 {
  margin-top: 1rem
}

.aula-section h3 {
  font-size: 1.2rem !important;
  text-transform: uppercase !important
}

.aula-section img {
  height: auto !important;
  margin: 2rem 0;
  max-width: 90% !important
}

.aula-section h1,
.aula-section h1 strong,
h2,
h2 strong,
h3,
h3 strong,
h4,
h4 strong {
  font-weight: 400
}

.aula-section h2:first-child,
.aula-section h3:first-child {
  margin-top: 0 !important
}

.titulo-aula {
  font-size: 1.6rem
}

@media (min-width:768px) {
  .titulo-aula {
    font-size: 2rem
  }
}

.aula-section blockquote {
  background-color: #f5f5f5;
  border-left: 4px solid;
  color: #8c8d96;
  font-size: .9rem;
  font-weight: 400;
  margin-bottom: 20px !important;
  margin-top: 20px;
  padding: 10px 30px 10px 35px;
  text-align: left;
  transition: all .2s
}

.aula-section blockquote:hover {
  background-color: #d0d0d0;
  color: #505158;
  cursor: default
}

.aula-section blockquote:before {
  content: url(/img/site/book2.svg);
  margin-left: -47px;
  position: absolute;
  transform: rotate(-10deg);
  width: 35px
}

.aula-section blockquote p:last-child {
  margin-bottom: 0 !important
}

.aula-section .importante {
  align-items: center;
  background: #f3f2ff;
  border-left: 4px solid #7833ff;
  color: #aaa0bd;
  display: flex;
  font-size: .93rem;
  font-weight: 400;
  margin-bottom: 20px !important;
  margin-top: 20px;
  padding: 20px 20px 20px 10px;
  text-align: left !important;
  transition: all .2s
}

.aula-section .importante:hover {
  background: #ded9ff;
  border-left: 4px solid #7833ff;
  color: #7833ff;
  cursor: default
}

.aula-section .icone-exclamacao {
  color: #7833ff;
  display: inline-block;
  font-size: 2rem;
  margin-right: 10px
}

.aula-section table {
  font-size: .85rem;
  margin-bottom: 2rem !important;
  margin-top: 2rem !important;
  padding: 10px;
  text-align: center
}

.aula-section table p {
  margin-bottom: 0 !important
}

.aula-section th {
  border-right: 2px solid #ff8052;
  padding: 10px
}

.aula-section th:last-of-type {
  border-right: none
}

.aula-section thead {
  border-bottom: 3px solid #ff8052
}

.aula-section td {
  border-right: 2px solid #ff8052;
  padding: 10px
}

.aula-section td:last-of-type {
  border-right: none
}

.aula-section tr {
  border-bottom: 1px dashed #ff8052
}

.aula-section tr:last-of-type {
  border-bottom: none
}

.sidebar-aula h3>a {
  color: #495057
}

.sidebar-aula h3>a:hover {
  color: #ff8052
}

.playlist-aulas1.active a {
  color: #495057 !important;
  font-weight: 700 !important
}

.playlist-aulas1 a {
  font-size: .9rem;
  font-weight: lighter;
  color: #fffff
}

.sidebar-aula-item {
  color: #737373;
  cursor: pointer;
  font-size: .95rem;
  margin-bottom: 5px !important;
  padding-bottom: 0;
  text-transform: uppercase
}

.sidebar-aula-item:hover {
  color: #ff8052
}

.video-player-wrap {
  background: #000;
  padding: 0
}

.embed-container {
  height: 0;
  max-width: 100%;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative
}

.embed-container embed,
.embed-container iframe,
.embed-container object {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.justificativa {
  box-shadow: 0 5px 5px 3px rgba(51, 51, 3, .05);
  margin: 1rem 0;
  padding: 2rem
}

.justificativa-certa {
  background-color: #ebffe5;
  border-left: 4px solid #2bf74d
}

.justificativa-errada {
  background-color: #ffefed;
  border-left: 4px solid #ff6d6d
}

.ebook-caption {
  font-size: .8rem !important;
  line-height: 1.2
}

.ebook-img {
  box-shadow: 10px 10px 18px -7px rgba(0, 0, 0, .38);
  transform: perspective(0);
  transition-duration: .15s;
  transition-property: transform;
  transition-timing-function: ease-in-out
}

.ebook-img:active,
.ebook-img:focus,
.ebook-img:hover {
  transform: translateY(-7px)
}

.loginBtn {
  border: none;
  border-radius: .2em;
  box-sizing: border-box;
  color: #fff;
  font-size: 16px;
  line-height: 34px;
  padding: 4px 15px 4px 46px;
  position: relative;
  white-space: nowrap;
  width: 200px
}

.loginBtn:before {
  box-sizing: border-box;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 5px;
  width: 34px
}

.loginBtn:focus {
  outline: none
}

.loginBtn:active {
  box-shadow: inset 0 0 0 32px rgba(0, 0, 0, .1)
}

.loginBtn--facebook {
  background-color: #4c69ba;
  background-image: linear-gradient(#4c69ba, #3b55a0);
  text-shadow: 0 -1px 0 #354c8c
}

.loginBtn--facebook:before {
  background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/14082/icon_facebook.png) 6px 6px no-repeat
}

.loginBtn--facebook:focus,
.loginBtn--facebook:hover {
  background-color: #5b7bd5;
  background-image: linear-gradient(#5b7bd5, #4864b1)
}

.google-btn {
  background-color: #4285f4;
  border-radius: 2px;
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .25);
  height: 42px;
  width: 200px
}

.google-btn .google-icon-wrapper {
  background-color: #fff;
  border-radius: 20px;
  height: 30px;
  margin: 0 2px 0 5px;
  width: 30px
}

.google-btn .google-icon {
  height: 18px;
  width: 18px
}

.google-btn div .btn-text {
  color: #fff;
  font-size: 14px;
  letter-spacing: .2px
}

.google-btn:hover {
  box-shadow: 0 0 6px #4285f4
}

.google-btn:active {
  background: #1669f2
}

.spinner-modal-lg .modal-dialog {
  display: table;
  margin: 0 auto;
  position: relative;
  top: calc(50% - 24px)
}

.spinner-modal-lg .modal-dialog .modal-content {
  background-color: transparent;
  border: none
}

@font-face {
  font-family: Lato;
  font-style: italic;
  font-weight: 400;
  src: local("Lato Italic"), local("Lato-Italic"), url(https://fonts.gstatic.com/s/lato/v13/YMOYVM-eg6Qs9YzV9OSqZfesZW2xOQ-xsNqO47m55DA.woff2) format("woff2");
  unicode-range: u+0100-024f, u+1e??, u+20a0-20ab, u+20ad-20cf, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
  font-family: Lato;
  font-style: italic;
  font-weight: 400;
  src: local("Lato Italic"), local("Lato-Italic"), url(https://fonts.gstatic.com/s/lato/v13/PLygLKRVCQnA5fhu3qk5fQ.woff2) format("woff2");
  unicode-range: u+00??, u+0131, u+0152-0153, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2212, u+2215
}

@font-face {
  font-family: Lato;
  font-style: normal;
  font-weight: 300;
  src: local("Lato Light"), local("Lato-Light"), url(https://fonts.gstatic.com/s/lato/v13/dPJ5r9gl3kK6ijoeP1IRsvY6323mHUZFJMgTvxaG2iE.woff2) format("woff2");
  unicode-range: u+0100-024f, u+1e??, u+20a0-20ab, u+20ad-20cf, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
  font-family: Lato;
  font-style: normal;
  font-weight: 300;
  src: local("Lato Light"), local("Lato-Light"), url(https://fonts.gstatic.com/s/lato/v13/EsvMC5un3kjyUhB9ZEPPwg.woff2) format("woff2");
  unicode-range: u+00??, u+0131, u+0152-0153, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2212, u+2215
}

@font-face {
  font-family: Lato;
  font-style: normal;
  font-weight: 400;
  src: local("Lato Regular"), local("Lato-Regular"), url(https://fonts.gstatic.com/s/lato/v13/UyBMtLsHKBKXelqf4x7VRQ.woff2) format("woff2");
  unicode-range: u+0100-024f, u+1e??, u+20a0-20ab, u+20ad-20cf, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
  font-family: Lato;
  font-style: normal;
  font-weight: 400;
  src: local("Lato Regular"), local("Lato-Regular"), url(https://fonts.gstatic.com/s/lato/v13/1YwB1sO8YE1Lyjf12WNiUA.woff2) format("woff2");
  unicode-range: u+00??, u+0131, u+0152-0153, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2212, u+2215
}

.hotsite-uppercase {
  text-transform: uppercase
}

.hotsite-btn {
  background: transparent;
  border: 0;
  color: inherit;
  cursor: pointer;
  display: inline-block;
  font: inherit;
  font-size: 1rem;
  outline: 0;
  padding: 0;
  transition: all .2s ease-in
}

.hotsite-btn-primary {
  background: #f93;
  border-radius: 2px;
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, .1);
  color: #fff;
  margin-top: 10px;
  padding: 20px 36px
}

.hotsite-btn-primary:hover {
  background: #f25d08
}

.hotsite-btn-primary:active {
  background: #f47a1d;
  box-shadow: inset 0 0 10px 2px rgba(0, 0, 0, .2)
}

@media screen and (min-width:700px) {
  .hotsite-btn-inside {
    margin-left: -45px
  }
}

.hotsite-form-field {
  background: #fff;
  border: 0;
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .1);
  color: #a3a3a3;
  font: inherit;
  font-size: 2.5rem;
  outline: 0;
  padding: 22px 18px;
  text-transform: uppercase;
  width: 75%
}

.hotsite-container {
  padding-top: 2rem
}

.hotsite-h1 {
  color: #fff;
  font-family: Lato, sans-serif;
  font-size: 4rem;
  margin-bottom: 3rem;
  text-transform: capitalize
}

@media screen and (max-width:700px) {
  .hotsite-h1 {
    font-size: 2.5rem
  }
}

.hotsite-h2 {
  color: #fff;
  font-family: Lato, sans-serif;
  font-size: 1.6rem;
  font-weight: 200;
  margin-bottom: 3rem;
  margin-top: 1rem
}

.hotsite-video-player-wrap {
  padding: 0
}

.hotsite-embed-container {
  height: 0;
  max-width: 100%;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative
}

.hotsite-embed-container embed,
.hotsite-embed-container iframe,
.hotsite-embed-container object {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

@media screen and (max-width:700px) {
  .hotsite-form-field {
    font-size: 1.5rem
  }
}

.post-body p {
  font-size: 1.3rem;
  font-weight: lighter;
  line-height: 1.4
}

.post-body blockquote {
  background-color: #ececec;
  color: #717171;
  margin-bottom: 35px !important;
  margin-top: 35px;
  padding: 30px
}

.post-body blockquote p {
  font-size: 1.15rem !important
}

.post-body blockquote p:last-child {
  margin-bottom: 0 !important
}

.post-body ul {
  list-style: none;
  padding-left: 0
}

.post-body ul li:before {
  color: green;
  content: "✓ ";
  font-weight: 700
}

.post-body ul li {
  font-size: 1.3rem;
  font-weight: lighter;
  line-height: 1.4
}

.post-body h2 {
  color: #ff8052;
  font-size: 1.8rem;
  font-weight: 700 !important;
  margin-top: 40px
}

.post-body h3 {
  color: #666;
  font-size: 1.4rem;
  font-weight: 700 !important;
  margin-top: 30px
}

.post-body img {
  height: auto !important;
  margin: 2rem 0;
  max-width: 90% !important
}

.post-body hr {
  max-width: 50%
}

.post-body h2:first-child,
.post-body h3:first-child {
  margin-top: 0 !important
}

@media (max-width:576px) {
  .post-body p {
    font-size: 1rem;
    line-height: 1.5
  }
}

form.register-form .main-fields label {
  color: #999;
  font-size: .9rem;
  margin-bottom: 0
}

form.register-form .segment-fields label {
  color: #999
}

form.register-form .segment-fields p {
  color: #999;
  font-weight: 700;
  margin-bottom: 5px
}

form.register-form div.segment-fields {
  margin-bottom: 20px;
  margin-top: 20px
}

.swal-button--confirm {
  background-color: #ff8052
}

.swal-button:not([disabled]):hover {
  background-color: #bf633d
}

.btn-primary {
  border: none !important;
  border-bottom: 3px solid #e1714a !important;
  color: #fff !important
}

.btn-primary:hover {
  background-color: #ffa585 !important;
  border-bottom: 3px solid #ff8052 !important
}

.btn-outline-primary:hover {
  color: #fff !important
}

.nps-btn {
  background: none;
  border: 3px solid #eee;
  border-radius: 100%;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  height: 40px;
  margin: 0 0 0 -1px;
  outline: none;
  text-align: center;
  transform: scale(1);
  transition: background .2s ease-in, color .2s ease-in, border-color .2s ease-in, transform .2s cubic-bezier(.5, 2, .5, .75);
  vertical-align: middle;
  white-space: nowrap;
  width: 40px
}

.nps-btn:focus {
  outline: 0
}

.detractor.active,
.detractor:hover {
  background: #f44336;
  border-color: #f55a4e;
  color: #fff;
  transform: scale(1.05)
}

.passive.active,
.passive:hover {
  background: #f57c00;
  border-color: #ff8910;
  color: #fff;
  transform: scale(1.05)
}

.promoter.active,
.promoter:hover {
  background: #4caf50;
  border-color: #5cb860;
  color: #fff;
  transform: scale(1.05)
}

.simulado-questoes-index {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  width: 100%
}

.simulado-questoes-index a {
  color: #999;
  color: #898989
}

.simulado-active-question a {
  color: #fff;
  font-weight: bolder !important
}

.simulado-active-question {
  background-color: #959595 !important
}

.simulado-quiz-correct-answer {
  color: green;
  font-weight: bolder
}

.simulado-quiz-wrong-answer label {
  text-decoration: line-through
}

.simulado-quiz-correct-answer a {
  color: green;
  font-weight: 400
}

.simulado-quiz-wrong-answer a {
  color: #d5555a
}

.simulado-questoes-index .simulado-quiz-wrong-answer {
  background-color: #ffc8c8 !important
}

.simulado-questoes-index .simulado-quiz-correct-answer {
  background-color: #a7deb2 !important
}

#simulado-proxima-questao-button:hover {
  color: #fff
}

#simulado-proxima-questao-button {
  color: #ff8052
}

.float-trilhante {
  transition-duration: .15s;
  transition-timing-function: ease-out
}

.float-trilhante:active,
.float-trilhante:focus,
.float-trilhante:hover {
  transform: translateY(-7px)
}

.shadow-hover-trilhante:active,
.shadow-hover-trilhante:focus,
.shadow-hover-trilhante:hover {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);
  transition-duration: .15s;
  transition-property: all
}

.card-trilhante {
  border-bottom: 2px solid #ccc
}