/*
Theme Name: Museo de Ciencias 
Theme URI: http://bluerabbit.io
Description: Software escolar para museo de ciencias
Author: Gauden
Author URI: http://bluerabbit.io
Version: 1.0.2021
*/
/* Material Color palette */
/* Color */
/* Background - Color */
/* BORDER COLOR */
* {
  outline: none;
  font-family: inherit;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

:-moz-selection {
  background-color: #222;
  color: #FFF; }

:selection {
  background-color: #222;
  color: #FFF; }

body, html {
  margin: 0;
  padding: 0 0 25px;
  width: 100%;
  font-family: "proxima-nova", sans-serif;
  font-size: 16px;
  line-height: 1.42857143;
  background-color: #eceff1 !important; }

a:link, a:visited, a:focus, a:hover, a:active {
  color: inherit;
  text-decoration: none; }

button {
  cursor: pointer; }

button, input, optgroup, select, textarea {
  font: inherit; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 100;
  margin: 0;
  padding: 0;
  line-height: 1.1;
  font-family: inherit;
  position: relative; }
  h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
    color: inherit; }
  h1:hover .tool-tip, h2:hover .tool-tip, h3:hover .tool-tip, h4:hover .tool-tip, h5:hover .tool-tip, h6:hover .tool-tip {
    display: block; }

::-webkit-scrollbar-track {
  background-color: #546e7a !important; }

::-webkit-scrollbar {
  width: 12px;
  height: 10px;
  background-color: rgba(158, 158, 158, 0.5) !important; }

::-webkit-scrollbar-thumb {
  background-color: white !important;
  cursor: pointer;
  width: 8px;
  border: solid 2px;
  border-color: #546e7a !important; }

.icon {
  text-align: center;
  border: solid 0px #FFF;
  position: relative; }
  .icon.icon-xs {
    font-size: 1em;
    font-weight: 100; }
  .icon.icon-sm {
    font-size: 2em;
    font-weight: 100; }
  .icon.icon-md {
    font-size: 3em;
    font-weight: 100; }
  .icon.icon-lg {
    font-size: 4em;
    font-weight: 100; }
  .icon.icon-xl {
    font-size: 5em;
    font-weight: 100; }
  .icon.icon-xxl {
    font-size: 7.5em;
    font-weight: 100; }

span.icon {
  display: inline-block;
  position: relative; }

div.table, span.table {
  display: table;
  width: 100%;
  height: 100%;
  margin: 0; }
  div.table.boxed, span.table.boxed {
    max-width: 1200px;
    margin: 0 auto; }

div.table-cell, span.table-cell {
  width: 100%;
  height: 100%;
  display: table-cell;
  vertical-align: middle; }
  div.table-cell.bottom, span.table-cell.bottom {
    vertical-align: bottom; }

.main-content {
  position: relative;
  width: 100%; }
  .main-content.fixed {
    position: fixed;
    top: 0;
    left: 0; }

.glowing-choice {
  box-shadow: none !important;
  animation-iteration-count: 6;
  -webkit-animation-duration: 1s;
  -webkit-animation-direction: alternate;
  -webkit-animation-fill-mode: backwards;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-name: br-glowing-choice;
  -webkit-animation-iteration-count: 1;
  -moz-animation-duration: 1s;
  -moz-animation-direction: alternate;
  -moz-animation-fill-mode: backwards;
  -moz-animation-timing-function: ease-out;
  -moz-animation-name: br-glowing-choice;
  -moz-animation-iteration-count: 1;
  animation-duration: 1s;
  animation-direction: alternate;
  animation-fill-mode: backwards;
  animation-timing-function: ease-out;
  animation-name: br-glowing-choice;
  animation-iteration-count: 1; }

/***************************************************************/
/************************** BR FORM ****************************/
/***************************************************************/
.br-form-control, #loginform input.input {
  border: none;
  padding: 0.5em;
  background-color: #F5F5F5;
  color: #607d8b; }

input.br-form-control, #loginform input.input {
  font-size: 1em;
  font-weight: 300;
  display: block;
  width: 100%; }
  input.br-form-control::-webkit-input-placeholder, #loginform input.input::-webkit-input-placeholder {
    color: #e0e0e0 !important; }
  input.br-form-control:-moz-placeholder, #loginform input.input:-moz-placeholder {
    color: #e0e0e0 !important; }
  input.br-form-control:-ms-input-placeholder, #loginform input.input:-ms-input-placeholder {
    color: #e0e0e0 !important; }
  input.br-form-control[disabled], #loginform input.input[disabled] {
    cursor: no-drop;
    background-color: #e0e0e0 !important;
    color: #757575 !important; }
  input.br-form-control.w-100, #loginform input.input.w-100 {
    width: 100px; }
  input.br-form-control.w-150, #loginform input.input.w-150 {
    width: 150px; }
  input.br-form-control.w-200, #loginform input.input.w-200 {
    width: 200px; }
  input.br-form-control.w-250, #loginform input.input.w-250 {
    width: 250px; }
  input.br-form-control.w-300, #loginform input.input.w-300 {
    width: 300px; }
  input.br-form-control.w-350, #loginform input.input.w-350 {
    width: 350px; }

select.br-form-control {
  cursor: pointer;
  font-size: 1em;
  font-weight: 300;
  display: block;
  width: 100%; }
  select.br-form-control:hover {
    background-color: #e0e0e0 !important; }
  select.br-form-control.xl {
    font-size: 2.5em;
    font-weight: 900; }
    select.br-form-control.xl option {
      font-size: 0.5em;
      font-weight: 300; }
  select.br-form-control option {
    font-size: 0.75em;
    font-weight: 300; }

button.br-form-control, a.br-form-control, #loginform input.button {
  display: inline-block;
  padding: 0.5em;
  border: none;
  border-radius: 4px;
  box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.3);
  font-family: "proxima-nova-extra-condensed", sans-serif;
  font-weight: 500;
  cursor: pointer;
  position: relative;
  color: #FFF;
  background-color: #AAA; }
  button.br-form-control .headline, a.br-form-control .headline, #loginform input.button .headline {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 0.65em;
    font-weight: 300; }
  button.br-form-control.notificacionesPerms, a.br-form-control.notificacionesPerms, #loginform input.button.notificacionesPerms {
    display: none; }
  button.br-form-control:hover, a.br-form-control:hover, #loginform input.button:hover {
    text-decoration: none; }
    button.br-form-control:hover .tool-tip, a.br-form-control:hover .tool-tip, #loginform input.button:hover .tool-tip {
      display: block; }
  button.br-form-control:active, a.br-form-control:active, #loginform input.button:active {
    opacity: 0.8;
    box-shadow: 0px 2px 4px 0 black; }
  button.br-form-control span.disabled-text, a.br-form-control span.disabled-text, #loginform input.button span.disabled-text {
    display: none; }
  button.br-form-control[disabled], a.br-form-control[disabled], #loginform input.button[disabled] {
    cursor: no-drop;
    background-color: #e0e0e0 !important;
    color: #757575 !important; }
    button.br-form-control[disabled] span.enabled-text, a.br-form-control[disabled] span.enabled-text, #loginform input.button[disabled] span.enabled-text {
      display: none; }
    button.br-form-control[disabled] span.disabled-text, a.br-form-control[disabled] span.disabled-text, #loginform input.button[disabled] span.disabled-text {
      display: inline; }
    button.br-form-control[disabled]:hover, a.br-form-control[disabled]:hover, #loginform input.button[disabled]:hover {
      background-color: #e0e0e0 !important;
      color: #757575 !important; }

#loginform input.button {
  font-size: 1.5em;
  font-weight: 100;
  margin: 10px 0;
  background-color: #2196f3 !important; }

textarea.br-form-control {
  display: block;
  min-width: 100%;
  max-width: 100%; }

ul.br-select-list {
  margin: 10px 0;
  padding: 0;
  display: block;
  text-align: center; }
  ul.br-select-list li {
    display: inline-block;
    margin: 0 10px;
    padding: 10px 20px;
    border-radius: 100em;
    text-align: center;
    background-color: #90a4ae !important;
    color: white !important;
    font-size: 24px;
    font-weight: 900;
    cursor: pointer; }
    ul.br-select-list li:hover {
      background-color: #78909c !important; }
    ul.br-select-list li.active {
      background-color: #37474f !important;
      box-shadow: 0 8px 8px -4px rgba(0, 0, 0, 0.3); }

#loginform p, #loginform .aiowps-captcha-equation {
  width: 100%; }
#loginform label {
  width: 1%; }

.br-input-group, #loginform p {
  position: relative;
  display: table;
  border-collapse: separate;
  margin: 0 0 10px 0; }
  .br-input-group label, #loginform p label {
    padding: 0px 12px;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    display: table-cell;
    font-size: 16px;
    font-weight: 500;
    color: #FFF;
    background-color: #607d8b; }
    .br-input-group label span.instructions, #loginform p label span.instructions {
      display: block;
      padding: 5px;
      width: 90%;
      max-width: 300px;
      clear: both;
      font-size: 12px;
      font-weight: 300;
      text-transform: none; }
    .br-input-group label a.br-form-control, .br-input-group label button.br-form-control, #loginform p label a.br-form-control, #loginform p label button.br-form-control {
      margin: 0;
      box-shadow: none;
      background-color: rgba(0, 0, 0, 0) !important; }
      .br-input-group label a.br-form-control:hover, .br-input-group label button.br-form-control:hover, #loginform p label a.br-form-control:hover, #loginform p label button.br-form-control:hover {
        background-color: rgba(0, 0, 0, 0.5) !important; }
  .br-input-group.full-width, #loginform p.full-width {
    width: 100%; }
    .br-input-group.full-width label, #loginform p.full-width label {
      width: 1%; }
  .br-input-group:hover .tool-tip, #loginform p:hover .tool-tip {
    display: block; }

.mechanics-challenge .br-left-sidebar .br-input-group {
  width: 100%; }
  .mechanics-challenge .br-left-sidebar .br-input-group label {
    text-align: left;
    width: 60%;
    white-space: normal;
    font-size: 14px;
    font-weight: 300; }

ul.br-form-control {
  margin: 0;
  padding: 0; }
  ul.br-form-control li {
    position: relative;
    display: block;
    padding: 3px;
    margin: 5px;
    width: 30%;
    height: 200px;
    overflow: hidden;
    float: left;
    border: solid 1px #000;
    cursor: pointer;
    text-align: center;
    border-color: #263238 !important;
    background-color: #607d8b !important;
    color: white !important; }
    ul.br-form-control li h3 {
      margin: 0;
      padding: 10px 0;
      font-size: 24px;
      font-weight: 100; }
    ul.br-form-control li img.profile-pic {
      width: 120px;
      height: 120px;
      border-radius: 1000em;
      border: solid 2px #333;
      margin: 10px;
      border-color: #263238 !important; }
    ul.br-form-control li span.icon {
      display: none; }
    ul.br-form-control li span.icon.icon-achievement, ul.br-form-control li span.icon.icon-ticket {
      position: absolute;
      top: 10px;
      left: 52%;
      font-size: 100px;
      margin: 0;
      opacity: 0.6;
      color: #ffc107 !important; }
    ul.br-form-control li:hover {
      background-color: #455a64 !important; }
    ul.br-form-control li.active.achievement {
      border-color: #311b92 !important;
      background-color: #673ab7 !important; }
    ul.br-form-control li.active.ticket {
      border-color: #b71c1c !important;
      background-color: #f44336 !important; }
    ul.br-form-control li.active.team {
      border-color: #e65100 !important;
      background-color: #ff9800 !important; }
    ul.br-form-control li.active h3 {
      padding: 10px 0;
      font-size: 22px;
      font-weight: 900; }
    ul.br-form-control li.active img.profile-pic {
      width: 130px;
      height: 130px;
      border-color: #ffc107 !important;
      margin: 5px; }
    ul.br-form-control li.active span.icon.icon-check {
      display: inline-block; }
    ul.br-form-control li.active span.icon {
      display: block; }

.submit-buttons {
  padding: 15px 120px;
  text-align: right;
  background-color: #263238 !important;
  box-shadow: 0 -10px 16px -12px rgba(0, 0, 0, 0.5); }

.icon-group {
  display: table;
  position: relative;
  padding: 0 10px; }
  .icon-group .icon-button {
    float: left;
    display: table-cell;
    vertical-align: middle; }
  .icon-group .icon-data {
    padding: 0 10px;
    display: table-cell;
    vertical-align: middle;
    position: relative;
    line-height: 1; }
    .icon-group .icon-data span.line {
      display: block;
      clear: both; }
    .icon-group .icon-data.top {
      vertical-align: top; }

button.icon-button, a.icon-button, .icon-button {
  position: relative;
  width: 40px;
  height: 40px;
  border: none;
  display: inline-block;
  padding: 0;
  margin: 0;
  text-align: center;
  color: #FFF;
  background-color: #AAA;
  box-shadow: 0px 4px 4px -4px rgba(0, 0, 0, 0.3);
  border-radius: 10em;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat; }
  button.icon-button:hover .tool-tip, a.icon-button:hover .tool-tip, .icon-button:hover .tool-tip {
    display: block; }
  button.icon-button.icon-sm, a.icon-button.icon-sm, .icon-button.icon-sm {
    width: 28px;
    height: 28px; }
    button.icon-button.icon-sm .icon, a.icon-button.icon-sm .icon, .icon-button.icon-sm .icon {
      font-size: 18px;
      font-weight: 100; }
    button.icon-button.icon-sm .tool-tip.top, button.icon-button.icon-sm .tool-tip.bottom, a.icon-button.icon-sm .tool-tip.top, a.icon-button.icon-sm .tool-tip.bottom, .icon-button.icon-sm .tool-tip.top, .icon-button.icon-sm .tool-tip.bottom {
      left: -50px; }
  button.icon-button.icon-50, a.icon-button.icon-50, .icon-button.icon-50 {
    width: 50px;
    height: 50px; }
    button.icon-button.icon-50 .icon, a.icon-button.icon-50 .icon, .icon-button.icon-50 .icon {
      font-size: 34px;
      font-weight: 100; }
  button.icon-button.icon-lg, a.icon-button.icon-lg, .icon-button.icon-lg {
    width: 60px;
    height: 60px; }
    button.icon-button.icon-lg .icon, a.icon-button.icon-lg .icon, .icon-button.icon-lg .icon {
      font-size: 45px;
      font-weight: 100; }
    button.icon-button.icon-lg .tool-tip.top, button.icon-button.icon-lg .tool-tip.bottom, a.icon-button.icon-lg .tool-tip.top, a.icon-button.icon-lg .tool-tip.bottom, .icon-button.icon-lg .tool-tip.top, .icon-button.icon-lg .tool-tip.bottom {
      left: -8px; }
  button.icon-button.icon-xl, a.icon-button.icon-xl, .icon-button.icon-xl {
    width: 88px;
    height: 88px; }
    button.icon-button.icon-xl .icon, a.icon-button.icon-xl .icon, .icon-button.icon-xl .icon {
      font-size: 70px;
      font-weight: 100; }
    button.icon-button.icon-xl .tool-tip.top, button.icon-button.icon-xl .tool-tip.bottom, a.icon-button.icon-xl .tool-tip.top, a.icon-button.icon-xl .tool-tip.bottom, .icon-button.icon-xl .tool-tip.top, .icon-button.icon-xl .tool-tip.bottom {
      left: -8px; }
  button.icon-button.icon-xxl, a.icon-button.icon-xxl, .icon-button.icon-xxl {
    width: 160px;
    height: 160px; }
    button.icon-button.icon-xxl .icon, a.icon-button.icon-xxl .icon, .icon-button.icon-xxl .icon {
      font-size: 130px;
      font-weight: 100; }
    button.icon-button.icon-xxl .tool-tip.top, button.icon-button.icon-xxl .tool-tip.bottom, a.icon-button.icon-xxl .tool-tip.top, a.icon-button.icon-xxl .tool-tip.bottom, .icon-button.icon-xxl .tool-tip.top, .icon-button.icon-xxl .tool-tip.bottom {
      left: 0px; }
  button.icon-button .icon, a.icon-button .icon, .icon-button .icon {
    padding-top: 0;
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
    font-size: 24px;
    font-weight: 100; }
  button.icon-button .tool-tip, a.icon-button .tool-tip, .icon-button .tool-tip {
    min-width: 100px; }
    button.icon-button .tool-tip.top, button.icon-button .tool-tip.bottom, a.icon-button .tool-tip.top, a.icon-button .tool-tip.bottom, .icon-button .tool-tip.top, .icon-button .tool-tip.bottom {
      left: -30px; }

.divider {
  border-bottom: solid 1px #DDD;
  border-color: #b0bec5 !important;
  margin: 0 auto 45px;
  padding: 0 0 45px;
  width: 80%;
  height: 1px;
  clear: both; }
  .divider.long {
    width: 100%; }
  .divider.short {
    width: 50%; }
  .divider.thin {
    margin: 0 auto 15px;
    padding: 0 0 15px; }

span.divider {
  display: block; }

/*************************************************************/
/************************** LOGIN ****************************/
/*************************************************************/
.login-logo {
  width: 80vw;
  max-width: 600px; }

.register-now {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 3;
  padding: 5px; }

.login .br-head {
  min-height: 640px; }

.tool-tip {
  display: none;
  position: absolute;
  top: 100%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-weight: 300;
  z-index: 201; }
  .tool-tip.bottom {
    top: 100%;
    bottom: auto;
    left: 0; }
  .tool-tip.top {
    bottom: 100%;
    top: auto;
    left: 0; }
  .tool-tip.left {
    top: 50%;
    right: 105%;
    text-align: right;
    margin: -35% 0 0 0;
    min-width: 100px; }
  .tool-tip.right {
    top: 50%;
    left: 105%;
    text-align: left;
    margin: -35% 0 0 0;
    min-width: 100px; }
  .tool-tip.visible {
    display: block !important; }
  .tool-tip .tool-tip-text {
    display: inline-block;
    border-radius: 4px;
    padding: 5px 10px;
    color: #FFF;
    background-color: rgba(0, 0, 0, 0.7);
    position: relative;
    z-index: 10; }

/*************************************************************************/
/************************** FILTER ****************************/
/*************************************************************************/
ul.filter {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 5px 0;
  z-index: 798;
  text-align: center; }
  ul.filter li {
    display: inline-block; }
    ul.filter li .colored {
      display: none; }
    ul.filter li.label {
      padding: 10px 0 0; }
    ul.filter li.active .grey-bg-500 {
      display: none; }
    ul.filter li.active .colored {
      display: inline-block; }

/******************************************************************/
/************************** BR PAGE STRUCTURE ****************************/
/******************************************************************/
.spacer {
  display: block;
  position: relative;
  width: 100%;
  height: 100%; }
  .spacer.one-5th {
    height: 20%; }
  .spacer.two-5th {
    height: 40%; }
  .spacer.three-5th {
    height: 60%; }
  .spacer.four-5th {
    height: 80%; }
  .spacer.one-4th {
    height: 25%; }
  .spacer.half {
    height: 50%; }
  .spacer.three-4th {
    height: 75%; }
  .spacer.one-3rd {
    height: 33.3333%; }
  .spacer.two-3rd {
    height: 66.6666%; }
  .spacer.fixed-60 {
    height: 60px; }
  .spacer.fixed-125 {
    height: 125px; }
  .spacer.fixed-180 {
    height: 180px; }
  .spacer.fixed-250 {
    height: 250px; }
  .spacer.fixed-350 {
    height: 350px; }
  .spacer.fixed-540 {
    height: 540px; }
  .spacer.fluid {
    height: auto; }
  .spacer.bottom {
    position: absolute;
    bottom: 0; }

.blur {
  filter: blur(3px);
  -webkit-filter: blur(3px); }

.br-background, .background {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; }
  .br-background.fixed, .background.fixed {
    position: fixed; }
  .br-background.icons-bg-light, .background.icons-bg-light {
    background-image: url("images/icons-bg-light.png");
    background-blend-mode: overlay; }
  .br-background.icons-bg-dark, .background.icons-bg-dark {
    background-image: url("images/icons-bg-dark.png");
    background-blend-mode: overlay; }

.datepicker-group input.br-form-control {
  background-color: transparent !important;
  color: #FFF !important;
  padding: 15px 10px; }

.br-foreground, .foreground {
  position: relative;
  z-index: 2; }

.br-highlight {
  position: relative;
  clear: both;
  margin: 0 0 10px; }
  .br-highlight.no-padding {
    padding: 0; }
    .br-highlight.no-padding .icon-group {
      padding: 10px; }
  .br-highlight h1, .br-highlight h2, .br-highlight h3, .br-highlight h4, .br-highlight h5, .br-highlight h6, .br-highlight p {
    margin: 0; }
  .br-highlight h2.section-label {
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 10px;
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase; }
  .br-highlight .icon-group {
    display: inline-block;
    float: none; }
    .br-highlight .icon-group .icon-button .icon.icon-instructions {
      left: 2px; }
    .br-highlight .icon-group .icon-data {
      padding: 0 10px;
      position: relative; }
  .br-highlight .br-instructions {
    font-size: 14px;
    line-height: 1.7; }
    .br-highlight .br-instructions h1, .br-highlight .br-instructions h2, .br-highlight .br-instructions h3, .br-highlight .br-instructions h4, .br-highlight .br-instructions h5, .br-highlight .br-instructions h6 {
      font-weight: 300; }
  .br-highlight .highlight-cell {
    display: inline-block;
    height: 100%;
    position: relative;
    min-height: 60px; }
    .br-highlight .highlight-cell.pull-right {
      float: right;
      margin: 0; }
    .br-highlight .highlight-cell.pull-left {
      float: left;
      margin: 0; }

ul.cards {
  padding: 0;
  margin: 0; }
  ul.cards.categories {
    text-align: center; }
    ul.cards.categories li.br-card {
      vertical-align: top;
      width: 130px;
      height: 130px;
      display: inline-block; }
  ul.cards.projects {
    text-align: center; }
    ul.cards.projects li.br-card {
      display: inline-block; }

.br-card {
  display: inline-block;
  position: relative;
  width: 250px;
  height: 250px; }
  .br-card.br-form {
    width: 100%;
    height: auto;
    margin: 0; }
  .br-card.image-select {
    width: 100%;
    height: 200px; }
    .br-card.image-select button.icon-button.pink-bg-400 {
      z-index: 4; }
  .br-card.profile-image {
    width: 100%;
    height: 350px;
    background-color: #DDD;
    border: dashed 2px #CCC; }

ul.br-card-reqs {
  margin: 0;
  padding: 0;
  text-align: center; }
  ul.br-card-reqs li {
    display: inline-block;
    margin: 0 5px; }
    ul.br-card-reqs li .icon-button .br-background {
      border-radius: 1000em; }
    ul.br-card-reqs li.disabled {
      cursor: no-drop;
      border-color: #9e9e9e !important; }
      ul.br-card-reqs li.disabled .color-overlay {
        background-color: rgba(158, 158, 158, 0.5) !important; }

.br-badge-img {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  padding: 10px;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center center;
  background-color: #FFF;
  background-image: url("images/no-profile.png"); }

.badge-select-overlay {
  z-index: 50;
  position: absolute;
  bottom: 80px;
  width: 100%;
  text-align: center; }
  .badge-select-overlay button.br-form-control {
    border: solid 2px;
    border-color: white !important;
    margin: 0; }

.br-head {
  height: 50vh;
  position: relative;
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 10; }
  .br-head.short {
    height: 30vh; }
  .br-head.tall {
    height: 100vh; }
  .br-head.half-height {
    height: 50%; }
  .br-head.full-height {
    height: 100%; }
  .br-head.fluid {
    height: auto !important; }
  .br-head .floating-actions {
    padding: 10px 20px;
    border-radius: 10px;
    display: inline-block;
    font-size: 12px;
    color: white !important;
    background-color: rgba(0, 0, 0, 0.5) !important;
    border: dashed 1px #FFF; }
    .br-head .floating-actions .icon-button {
      background-color: rgba(0, 0, 0, 0.5) !important;
      color: white !important;
      border: dashed 1px #FFF; }
  .br-head .icon-button.main-icon {
    z-index: 10;
    width: 7vh;
    height: 7vh; }
    .br-head .icon-button.main-icon .icon {
      font-size: 3.5vh;
      top: 0.5vh; }
  .br-head .icon-button.close-icon {
    left: 30px; }
  .br-head .icon-group-holder {
    padding: 10px; }
  .br-head .icon-group {
    float: none;
    display: inline-table; }
  .br-head .corner {
    position: absolute;
    text-align: center;
    padding: 5px; }
    .br-head .corner:hover .tool-tip {
      display: block; }
    .br-head .corner.circle {
      width: 50px;
      height: 50px; }
    .br-head .corner.upper-center {
      top: 0;
      left: calc(50% - 50px); }
      .br-head .corner.upper-center.circle {
        width: 100px;
        height: 50px;
        padding: 10px 0 0 0;
        border-bottom-left-radius: 50px;
        border-bottom-right-radius: 50px; }
    .br-head .corner.upper-right {
      top: 0;
      right: 0; }
      .br-head .corner.upper-right.circle {
        padding: 10px 0 0 10px;
        border-bottom-left-radius: 100em; }
    .br-head .corner.upper-left {
      top: 0;
      left: 0; }
      .br-head .corner.upper-left.circle {
        padding: 10px 10px 0 0;
        border-bottom-right-radius: 100em; }
    .br-head .corner.bottom-right {
      bottom: 0;
      right: 0; }
      .br-head .corner.bottom-right.circle {
        padding: 16px 0 10px 10px;
        border-top-left-radius: 100em; }
    .br-head .corner.bottom-left {
      bottom: 0;
      left: 0; }
      .br-head .corner.bottom-left.circle {
        padding: 16px 10px 10px 0;
        border-top-right-radius: 100em; }
  .br-head input.br-form-control.card-title {
    padding: 10px;
    position: relative;
    color: white !important;
    background-color: rgba(255, 255, 255, 0.2) !important; }
    .br-head input.br-form-control.card-title:focus {
      background-color: rgba(255, 255, 255, 0.3) !important; }
  .br-head .head-floater {
    position: absolute;
    bottom: 88%; }
    .br-head .head-floater.upper-right {
      right: 0; }
    .br-head .head-floater.upper-left {
      left: 0; }
    .br-head .head-floater .br-quest-type-selector h3 {
      padding: 0 0 10px; }
    .br-head .head-floater .br-quest-type-selector a.icon-button, .br-head .head-floater .br-quest-type-selector button.icon-button, .br-head .head-floater .br-quest-type-selector .icon-button {
      width: 90px;
      height: 90px;
      animation-play-state: 13px 0 0; }
      .br-head .head-floater .br-quest-type-selector a.icon-button .icon, .br-head .head-floater .br-quest-type-selector button.icon-button .icon, .br-head .head-floater .br-quest-type-selector .icon-button .icon {
        font-size: 36px; }
      .br-head .head-floater .br-quest-type-selector a.icon-button .icon-button-label, .br-head .head-floater .br-quest-type-selector button.icon-button .icon-button-label, .br-head .head-floater .br-quest-type-selector .icon-button .icon-button-label {
        position: relative;
        top: -10px;
        font-size: 16px;
        display: block; }

.br-body {
  position: relative;
  z-index: 2;
  width: 100%;
  height: auto;
  padding: 10px 0;
  text-align: left;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; }
  .br-body.transparent {
    background-color: transparent !important; }
  .br-body .br-content {
    position: relative;
    padding: 0 10px;
    clear: both; }
    .br-body .br-content h1, .br-body .br-content h2, .br-body .br-content h3, .br-body .br-content h4, .br-body .br-content h5, .br-body .br-content h6 {
      margin: 0.5em 0; }
    .br-body .br-content ul.br-questions {
      margin: 0;
      padding: 0; }
      .br-body .br-content ul.br-questions.sortable li.br-question {
        cursor: all-scroll; }
        .br-body .br-content ul.br-questions.sortable li.br-question ul.br-question-options, .br-body .br-content ul.br-questions.sortable li.br-question .br-add-option, .br-body .br-content ul.br-questions.sortable li.br-question .br-question-actions, .br-body .br-content ul.br-questions.sortable li.br-question .question-image, .br-body .br-content ul.br-questions.sortable li.br-question .br-content {
          display: none; }
      .br-body .br-content ul.br-questions li.br-question {
        display: block;
        margin: 0 0 20px 0; }
        .br-body .br-content ul.br-questions li.br-question.challenge-question {
          height: 70vh; }
        .br-body .br-content ul.br-questions li.br-question .question-image {
          clear: both;
          position: relative;
          max-width: 100%;
          max-height: 250px;
          text-align: center; }
          .br-body .br-content ul.br-questions li.br-question .question-image img {
            display: inline-block;
            height: 250px;
            border: dashed 1px;
            border-color: #757575 !important;
            cursor: pointer; }
          .br-body .br-content ul.br-questions li.br-question .question-image .actions {
            display: block;
            position: absolute;
            top: 50%;
            left: 50%;
            margin: -20px 0 0 -20px; }
          .br-body .br-content ul.br-questions li.br-question .question-image.empty {
            position: absolute;
            top: 15px;
            right: 15px;
            width: 50px;
            height: 50px; }
            .br-body .br-content ul.br-questions li.br-question .question-image.empty img {
              display: inline-block;
              height: 50px;
              width: 50px;
              border: dashed 1px;
              border-color: #424242 !important;
              cursor: pointer;
              content: url("images/add-image.png"); }
            .br-body .br-content ul.br-questions li.br-question .question-image.empty .actions {
              display: none; }
    .br-body .br-content ul.br-question-options {
      width: 100%;
      margin: 0;
      padding: 0;
      position: relative;
      padding: 10px 0;
      text-align: center;
      vertical-align: top; }
      .br-body .br-content ul.br-question-options li {
        margin: 0 5px;
        vertical-align: top;
        display: inline-block; }
        .br-body .br-content ul.br-question-options li.br-option {
          opacity: 0.5;
          z-index: 2;
          position: relative;
          width: 180px;
          background-color: #cfd8dc !important; }
          .br-body .br-content ul.br-question-options li.br-option.cursor-pointer {
            height: 180px; }
          .br-body .br-content ul.br-question-options li.br-option .check {
            display: none;
            font-size: 155px; }
          .br-body .br-content ul.br-question-options li.br-option.form {
            opacity: 1; }
          .br-body .br-content ul.br-question-options li.br-option.active {
            opacity: 1;
            border: dashed 3px;
            border-color: #ffee58 !important; }
            .br-body .br-content ul.br-question-options li.br-option.active .check {
              display: block; }
          .br-body .br-content ul.br-question-options li.br-option .option-types {
            height: 38px;
            position: relative;
            width: 100%; }
            .br-body .br-content ul.br-question-options li.br-option .option-types .option-type {
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 38px;
              padding: 8px;
              text-align: center; }
          .br-body .br-content ul.br-question-options li.br-option .option-image {
            cursor: pointer;
            position: relative;
            width: 100%;
            height: 110px;
            border: solid 5px;
            border-color: #424242 !important;
            background-color: rgba(255, 255, 255, 0.6) !important;
            background-repeat: no-repeat;
            background-position: center center;
            background-size: cover; }
          .br-body .br-content ul.br-question-options li.br-option .option-text {
            padding: 5px;
            text-align: center;
            position: relative;
            width: 100%; }
            .br-body .br-content ul.br-question-options li.br-option .option-text h3 {
              margin: 0;
              padding: 0;
              font-size: 14px;
              font-weight: 300; }
            .br-body .br-content ul.br-question-options li.br-option .option-text input.br-form-control {
              font-size: 14px;
              font-weight: 300;
              box-shadow: none;
              background-color: white !important; }
          .br-body .br-content ul.br-question-options li.br-option .option-actions {
            position: absolute;
            top: -20px;
            right: -20px; }

.br-footer {
  position: relative;
  z-index: 3;
  left: 0;
  width: 100%;
  background-color: whitesmoke;
  padding: 10px;
  clear: both;
  min-height: 60px; }
  .br-footer .icon-group {
    float: left; }

.br-container {
  width: 100%;
  color: #546e7a !important;
  position: relative; }
  .br-container.boxed {
    max-width: 1200px;
    margin: 0 auto; }
  .br-container.boxed-small {
    max-width: 960px;
    margin: 0 auto; }
  .br-container.no-padding {
    padding: 0; }
  .br-container .br-rating {
    text-align: center;
    padding: 0 0 10px;
    margin: 0 0 10px; }
    .br-container .br-rating button.icon-button {
      background-color: #AAA; }
  .br-container .br-header {
    min-height: 170px;
    width: 100%;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat; }
    .br-container .br-header .br-action-icons {
      position: absolute;
      top: 100%;
      right: 20px;
      margin: -20px 0 0 0;
      text-align: right; }
    .br-container .br-header .br-headline {
      position: absolute;
      bottom: 0; }
  .br-container .br-headline {
    width: 100%;
    position: relative;
    padding: 20px 10px 10px; }
    .br-container .br-headline h1, .br-container .br-headline h2, .br-container .br-headline h3, .br-container .br-headline h4, .br-container .br-headline h5, .br-container .br-headline h6 {
      margin: 0;
      padding: 0; }
  .br-container .br-instructions {
    font-size: 18px;
    font-weight: 400;
    padding: 0 10px; }
  .br-container .br-row {
    width: 100%;
    clear: both;
    padding: 10px 20px; }
  .br-container .br-col-1 {
    width: 8.33333%; }
  .br-container .br-col-2 {
    width: 16.6666%; }
  .br-container .br-col-3 {
    width: 25%; }
  .br-container .br-col-4 {
    width: 33.33333%; }
  .br-container .br-col-5 {
    width: 41.6666%; }
  .br-container .br-col-6 {
    width: 50%; }
  .br-container .br-col-7 {
    width: 58.33333%; }
  .br-container .br-col-8 {
    width: 66.66666%; }
  .br-container .br-col-9 {
    width: 75%; }
  .br-container .br-col-10 {
    width: 83.33333%; }
  .br-container .br-col-11 {
    width: 91.66666%; }
  .br-container .br-col-12 {
    width: 100%; }
  .br-container .br-col-1, .br-container .br-col-2, .br-container .br-col-3, .br-container .br-col-4, .br-container .br-col-5, .br-container .br-col-6, .br-container .br-col-7, .br-container .br-col-8, .br-container .br-col-9, .br-container .br-col-10, .br-container .br-col-11, .br-container .br-col-12 {
    float: left;
    padding: 0 10px; }
  .br-container .br-left-sidebar {
    width: 244px;
    float: left; }
  .br-container .br-profile-sidebar {
    width: 300px;
    float: left; }
  .br-container .br-requirements {
    width: 100%; }
    .br-container .br-requirements ul {
      margin: 0;
      padding: 0; }
      .br-container .br-requirements ul li {
        display: block;
        color: white !important;
        vertical-align: middle;
        margin: 5px 0;
        font-size: 28px; }
        .br-container .br-requirements ul li.disabled .icon-button {
          cursor: no-drop;
          background-color: #bdbdbd !important;
          border-color: #bdbdbd !important; }
        .br-container .br-requirements ul li.disabled span.req-title {
          cursor: no-drop;
          background-color: #bdbdbd !important; }
  .br-container table.br-table {
    display: table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0px 12px;
    padding: 0 8px 8px 0; }
    .br-container table.br-table.small tbody tr td {
      height: auto;
      padding: 5px;
      vertical-align: middle;
      font-size: 16px;
      font-weight: 300;
      color: #263238 !important; }
    .br-container table.br-table.compact {
      border-spacing: 0px 3px; }
      .br-container table.br-table.compact tbody tr td {
        height: auto;
        padding: 3px;
        vertical-align: middle;
        font-size: 16px;
        font-weight: 300;
        color: #263238 !important; }
    .br-container table.br-table tr td {
      position: relative; }
      .br-container table.br-table tr td.image {
        width: 135px;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat; }
      .br-container table.br-table tr td .spread {
        visibility: hidden;
        width: 0;
        height: 0;
        overflow: hidden; }
      .br-container table.br-table tr td strong {
        font-weight: 900; }
      .br-container table.br-table tr td p {
        margin: 0 0 1em; }
      .br-container table.br-table tr td input.br-form-control, .br-container table.br-table tr td select.br-form-control, .br-container table.br-table tr td textarea.br-form-control {
        font-size: 1em;
        font-weight: 300; }
    .br-container table.br-table thead tr td {
      padding: 10px 5px;
      color: #78909c !important;
      font-size: 16px;
      font-weight: 100; }
    .br-container table.br-table tbody.sortable tr {
      cursor: all-scroll; }
    .br-container table.br-table tbody tr {
      box-shadow: 0px 10px 5px -7px rgba(0, 0, 0, 0.1);
      background-color: #FFF; }
      .br-container table.br-table tbody tr.draft {
        background-color: #fffde7 !important; }
      .br-container table.br-table tbody tr.trash {
        background-color: #ffcdd2 !important; }
      .br-container table.br-table tbody tr:hover td {
        background-color: #263238 !important;
        color: white !important; }
        .br-container table.br-table tbody tr:hover td .spread {
          visibility: visible;
          width: auto;
          height: auto;
          overflow: visible; }
      .br-container table.br-table tbody tr td {
        height: 75px;
        padding: 5px;
        vertical-align: middle;
        color: #263238 !important; }
        .br-container table.br-table tbody tr td.align-top {
          vertical-align: top; }
        .br-container table.br-table tbody tr td.short-lines {
          line-height: 0.7; }
        .br-container table.br-table tbody tr td[colspan] {
          background-color: #263238 !important;
          color: white !important; }
        .br-container table.br-table tbody tr td img {
          max-width: 100%; }
        .br-container table.br-table tbody tr td h1, .br-container table.br-table tbody tr td h2, .br-container table.br-table tbody tr td h3, .br-container table.br-table tbody tr td h4, .br-container table.br-table tbody tr td h5, .br-container table.br-table tbody tr td h6 {
          margin: 0; }
        .br-container table.br-table tbody tr td h3 {
          font-size: 20px;
          font-weight: 500; }
        .br-container table.br-table tbody tr td h5 {
          font-size: 14px;
          font-weight: 300; }
  .br-container .br-tabs {
    position: relative; }
    .br-container .br-tabs .br-tabs-header {
      position: sticky;
      top: 50px;
      width: 100%;
      background-color: #1976d2 !important;
      color: white !important;
      padding: 15px;
      z-index: 101; }
      .br-container .br-tabs .br-tabs-header.red {
        background-color: #d32f2f !important; }
      .br-container .br-tabs .br-tabs-header.amber {
        background-color: #ffa000 !important; }
      .br-container .br-tabs .br-tabs-header h1.tab-header {
        font-size: 36px;
        font-weight: 900;
        display: none; }
        .br-container .br-tabs .br-tabs-header h1.tab-header.active {
          display: block; }
      .br-container .br-tabs .br-tabs-header .br-tabs-buttons {
        width: 100%;
        margin: 10px 0; }
        .br-container .br-tabs .br-tabs-header .br-tabs-buttons button.br-tab-button {
          display: inline-block;
          margin: 0 10px 0 0;
          border: none;
          background-color: transparent;
          cursor: pointer;
          font-size: 16px;
          font-weight: 300;
          color: white !important; }
          .br-container .br-tabs .br-tabs-header .br-tabs-buttons button.br-tab-button.active {
            border-bottom: solid 3px;
            border-color: #448aff !important; }
    .br-container .br-tabs .br-tab {
      display: none;
      padding: 10px; }
      .br-container .br-tabs .br-tab.active {
        display: block;
        width: 100%;
        -webkit-animation-duration: 0.3s;
        -webkit-animation-direction: normal;
        -webkit-animation-fill-mode: forwards;
        -webkit-animation-timing-function: ease-out;
        -webkit-animation-name: br-box-shadow-animation;
        -webkit-animation-iteration-count: 1;
        -moz-animation-duration: 0.3s;
        -moz-animation-direction: normal;
        -moz-animation-fill-mode: forwards;
        -moz-animation-timing-function: ease-out;
        -moz-animation-name: br-box-shadow-animation;
        -moz-animation-iteration-count: 1;
        animation-duration: 0.3s;
        animation-direction: normal;
        animation-fill-mode: forwards;
        animation-timing-function: ease-out;
        animation-name: br-box-shadow-animation;
        animation-iteration-count: 1; }

.br-advanced-options {
  position: absolute;
  z-index: 300;
  top: 0;
  left: 0;
  min-height: 100vh;
  width: 100%;
  display: none; }

/* PAGINATION */
ul.br-pagination {
  margin: 0;
  padding: 0;
  text-align: center; }
  ul.br-pagination li {
    display: inline-block;
    padding: 5px;
    border: solid 1px;
    text-align: center;
    border-color: #42a5f5 !important;
    color: #42a5f5 !important; }
    ul.br-pagination li.active {
      background-color: #42a5f5 !important;
      color: white !important; }

ul.br-gallery {
  margin: 0;
  padding: 0;
  text-align: left; }
  ul.br-gallery li {
    display: inline-block;
    vertical-align: top;
    width: 150px;
    height: 150px;
    margin: 0 10px 10px 0;
    position: relative; }

.corner-box {
  position: fixed;
  z-index: 1999;
  width: 340px;
  max-height: 540px;
  border-radius: 6px;
  box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.4);
  background-color: rgba(0, 0, 0, 0.75) !important;
  color: white !important; }
  .corner-box .corner-box-close {
    position: absolute;
    top: -5px;
    right: -5px; }
  .corner-box.top-left {
    top: 10px;
    left: 10px; }
  .corner-box.bottom-left {
    bottom: 10px;
    left: 10px; }
  .corner-box.top-right {
    top: 10px;
    right: 10px; }
  .corner-box.bottom-right {
    bottom: 10px;
    right: 10px; }

.suggestion {
  opacity: 0.5;
  font-size: 12px;
  font-weight: 400; }

.spinner {
  margin: 0 auto;
  position: relative; }
  .spinner .number {
    text-align: center;
    padding: 0 0 0;
    position: relative;
    z-index: 10;
    background-color: transparent;
    border: none;
    color: white !important;
    font-size: 28px;
    display: inline-block;
    top: -5px; }
    .spinner .number::-webkit-outer-spin-button, .spinner .number::-webkit-inner-spin-button {
      /* display: none; <- Crashes Chrome on hover */
      -webkit-appearance: none;
      margin: 0;
      /* <-- Apparently some margin are still there even though it's hidden */ }
  .spinner button.icon-button {
    position: absolute;
    z-index: 12;
    top: 50%;
    margin: -20px 0 0;
    box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.3); }
    .spinner button.icon-button.spin-up {
      left: auto;
      right: -20px; }
    .spinner button.icon-button.spin-down {
      left: -20px; }

.confirm-action {
  display: none;
  position: absolute;
  bottom: 85%;
  left: 50%;
  margin: 0 0 0 -93px;
  width: 206px;
  padding: 10px;
  border-radius: 8px;
  z-index: 10; }
  .confirm-action.shadow {
    box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.5); }
  .confirm-action.bottom {
    top: 85%; }
  .confirm-action .close-confirm {
    position: absolute;
    left: auto;
    top: 0;
    right: 0;
    z-index: 11; }

/**************************************************************/
/************************** FOOTER ****************************/
/**************************************************************/
.footer {
  clear: both;
  position: relative;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center; }
  .footer ul {
    z-index: 12;
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 20px;
    text-align: center; }
    .footer ul li {
      display: inline-block;
      border-right: solid 1px #FFF;
      border-color: #546e7a !important;
      padding: 0.25em  0.5em 0.25em 0;
      margin: 0 0.5em 0 0;
      font-size: 16px;
      font-weight: 100; }
      .footer ul li:last-child {
        border: none; }

/***************************************************************/
/**************************  SPECIFIC IDS ****************************/
/***************************************************************/
/***************************************************************/
/************************** error-404 ****************************/
/***************************************************************/
.error-404 {
  text-align: center; }
  .error-404 img {
    width: 100%;
    max-width: 500px;
    margin: 20px 0; }

/***************************************************************/
/************************** OVERLAY ****************************/
/***************************************************************/
.overlay-layer {
  display: none;
  /* RESERVED CLASS FOR HIDING OVERLAY */ }

.loader {
  display: none;
  position: fixed;
  z-index: 100000;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: white !important;
  text-align: center; }
  .loader img.animated {
    -webkit-animation-duration: 1s;
    -webkit-animation-direction: normal;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-timing-function: linear;
    -webkit-animation-name: br-loader;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-duration: 1s;
    -moz-animation-direction: normal;
    -moz-animation-fill-mode: forwards;
    -moz-animation-timing-function: linear;
    -moz-animation-name: br-loader;
    -moz-animation-iteration-count: infinite;
    animation-duration: 1s;
    animation-direction: normal;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    animation-name: br-loader;
    animation-iteration-count: infinite; }

.small-loader {
  display: none;
  position: fixed;
  z-index: 100000;
  width: 50px;
  height: 50px;
  bottom: 120px;
  right: 5px; }
  .small-loader img.animated {
    -webkit-animation-duration: 1s;
    -webkit-animation-direction: normal;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-timing-function: linear;
    -webkit-animation-name: br-loader;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-duration: 1s;
    -moz-animation-direction: normal;
    -moz-animation-fill-mode: forwards;
    -moz-animation-timing-function: linear;
    -moz-animation-name: br-loader;
    -moz-animation-iteration-count: infinite;
    animation-duration: 1s;
    animation-direction: normal;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    animation-name: br-loader;
    animation-iteration-count: infinite; }

#notify-message {
  position: fixed;
  z-index: 1000;
  width: 200px;
  bottom: 100px;
  right: 0;
  text-align: center; }
  #notify-message ul.content {
    margin: 0;
    padding: 0; }
    #notify-message ul.content li {
      display: block;
      vertical-align: middle;
      font-size: 18px;
      font-weight: 300;
      border: solid 1px;
      padding: 10px;
      margin: 0 0 5px 0;
      border-color: #2196f3 !important;
      color: #2196f3 !important;
      background-color: #e3f2fd !important; }
      #notify-message ul.content li.good-news {
        border-color: #4caf50 !important;
        color: #4caf50 !important;
        background-color: #e8f5e9 !important; }
      #notify-message ul.content li.bad-news {
        border-color: #f44336 !important;
        color: #f44336 !important;
        background-color: #ffebee !important; }
      #notify-message ul.content li.warning {
        border-color: #ffc107 !important;
        color: #ff6f00 !important;
        background-color: #ffc107 !important; }

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

.alert {
  position: fixed;
  top: 10px;
  right: 70px;
  text-align: right;
  z-index: 10; }

.sticky-bottom {
  position: sticky !important;
  bottom: 50px;
  z-index: 100; }

.hover-animated-bg {
  overflow: hidden; }
  .hover-animated-bg .animated-element {
    transition: all 0.5s ease; }
  .hover-animated-bg:hover .animated-element {
    transform: scale(1.2); }

.fixed-bg {
  background-attachment: fixed; }

.responsive-video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden; }

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

.overlay {
  z-index: 5000;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; }
  .overlay.fixed {
    position: fixed; }

/* TEXT */
/* COLORS CLASES */
.red-50 {
  color: #FFEBEE  !important; }

.red-bg-50 {
  background-color: #FFEBEE !important; }

.red-border-50 {
  border-color: #FFEBEE !important; }

.red-100 {
  color: #FFCDD2  !important; }

.red-bg-100 {
  background-color: #FFCDD2 !important; }

.red-border-100 {
  border-color: #FFCDD2 !important; }

.red-200 {
  color: #EF9A9A  !important; }

.red-bg-200 {
  background-color: #EF9A9A !important; }

.red-border-200 {
  border-color: #EF9A9A !important; }

.red-300 {
  color: #E57373  !important; }

.red-bg-300 {
  background-color: #E57373 !important; }

.red-border-300 {
  border-color: #E57373 !important; }

.red-400 {
  color: #EF5350  !important; }

.red-bg-400 {
  background-color: #EF5350 !important; }

.red-border-400 {
  border-color: #EF5350 !important; }

.red-500 {
  color: #F44336  !important; }

.red-bg-500 {
  background-color: #F44336 !important; }

.red-border-500 {
  border-color: #F44336 !important; }

.red-600 {
  color: #E53935  !important; }

.red-bg-600 {
  background-color: #E53935 !important; }

.red-border-600 {
  border-color: #E53935 !important; }

.red-700 {
  color: #D32F2F  !important; }

.red-bg-700 {
  background-color: #D32F2F !important; }

.red-border-700 {
  border-color: #D32F2F !important; }

.red-800 {
  color: #C62828  !important; }

.red-bg-800 {
  background-color: #C62828 !important; }

.red-border-800 {
  border-color: #C62828 !important; }

.red-900 {
  color: #B71C1C  !important; }

.red-bg-900 {
  background-color: #B71C1C !important; }

.red-border-900 {
  border-color: #B71C1C !important; }

.red-A100 {
  color: #FF8A80  !important; }

.red-bg-A100 {
  background-color: #FF8A80 !important; }

.red-border-A100 {
  border-color: #FF8A80 !important; }

.red-A200 {
  color: #FF5252  !important; }

.red-bg-A200 {
  background-color: #FF5252 !important; }

.red-border-A200 {
  border-color: #FF5252 !important; }

.red-A400 {
  color: #FF1744  !important; }

.red-bg-A400 {
  background-color: #FF1744 !important; }

.red-border-A400 {
  border-color: #FF1744 !important; }

.red-A700 {
  color: #D50000  !important; }

.red-bg-A700 {
  background-color: #D50000 !important; }

.red-border-A700 {
  border-color: #D50000 !important; }

.pink-50 {
  color: #FCE4EC  !important; }

.pink-bg-50 {
  background-color: #FCE4EC !important; }

.pink-border-50 {
  border-color: #FCE4EC !important; }

.pink-100 {
  color: #F8BBD0  !important; }

.pink-bg-100 {
  background-color: #F8BBD0 !important; }

.pink-border-100 {
  border-color: #F8BBD0 !important; }

.pink-200 {
  color: #F48FB1  !important; }

.pink-bg-200 {
  background-color: #F48FB1 !important; }

.pink-border-200 {
  border-color: #F48FB1 !important; }

.pink-300 {
  color: #F06292  !important; }

.pink-bg-300 {
  background-color: #F06292 !important; }

.pink-border-300 {
  border-color: #F06292 !important; }

.pink-400 {
  color: #EC407A  !important; }

.pink-bg-400 {
  background-color: #EC407A !important; }

.pink-border-400 {
  border-color: #EC407A !important; }

.pink-500 {
  color: #E91E63  !important; }

.pink-bg-500 {
  background-color: #E91E63 !important; }

.pink-border-500 {
  border-color: #E91E63 !important; }

.pink-600 {
  color: #D81B60  !important; }

.pink-bg-600 {
  background-color: #D81B60 !important; }

.pink-border-600 {
  border-color: #D81B60 !important; }

.pink-700 {
  color: #C2185B  !important; }

.pink-bg-700 {
  background-color: #C2185B !important; }

.pink-border-700 {
  border-color: #C2185B !important; }

.pink-800 {
  color: #AD1457  !important; }

.pink-bg-800 {
  background-color: #AD1457 !important; }

.pink-border-800 {
  border-color: #AD1457 !important; }

.pink-900 {
  color: #880E4F  !important; }

.pink-bg-900 {
  background-color: #880E4F !important; }

.pink-border-900 {
  border-color: #880E4F !important; }

.pink-A100 {
  color: #FF80AB  !important; }

.pink-bg-A100 {
  background-color: #FF80AB !important; }

.pink-border-A100 {
  border-color: #FF80AB !important; }

.pink-A200 {
  color: #FF4081  !important; }

.pink-bg-A200 {
  background-color: #FF4081 !important; }

.pink-border-A200 {
  border-color: #FF4081 !important; }

.pink-A400 {
  color: #F50057  !important; }

.pink-bg-A400 {
  background-color: #F50057 !important; }

.pink-border-A400 {
  border-color: #F50057 !important; }

.pink-A700 {
  color: #C51162  !important; }

.pink-bg-A700 {
  background-color: #C51162 !important; }

.pink-border-A700 {
  border-color: #C51162 !important; }

.purple-50 {
  color: #F3E5F5  !important; }

.purple-bg-50 {
  background-color: #F3E5F5 !important; }

.purple-border-50 {
  border-color: #F3E5F5 !important; }

.purple-100 {
  color: #E1BEE7  !important; }

.purple-bg-100 {
  background-color: #E1BEE7 !important; }

.purple-border-100 {
  border-color: #E1BEE7 !important; }

.purple-200 {
  color: #CE93D8  !important; }

.purple-bg-200 {
  background-color: #CE93D8 !important; }

.purple-border-200 {
  border-color: #CE93D8 !important; }

.purple-300 {
  color: #BA68C8  !important; }

.purple-bg-300 {
  background-color: #BA68C8 !important; }

.purple-border-300 {
  border-color: #BA68C8 !important; }

.purple-400 {
  color: #AB47BC  !important; }

.purple-bg-400 {
  background-color: #AB47BC !important; }

.purple-border-400 {
  border-color: #AB47BC !important; }

.purple-500 {
  color: #9C27B0  !important; }

.purple-bg-500 {
  background-color: #9C27B0 !important; }

.purple-border-500 {
  border-color: #9C27B0 !important; }

.purple-600 {
  color: #8E24AA  !important; }

.purple-bg-600 {
  background-color: #8E24AA !important; }

.purple-border-600 {
  border-color: #8E24AA !important; }

.purple-700 {
  color: #7B1FA2  !important; }

.purple-bg-700 {
  background-color: #7B1FA2 !important; }

.purple-border-700 {
  border-color: #7B1FA2 !important; }

.purple-800 {
  color: #6A1B9A  !important; }

.purple-bg-800 {
  background-color: #6A1B9A !important; }

.purple-border-800 {
  border-color: #6A1B9A !important; }

.purple-900 {
  color: #4A148C  !important; }

.purple-bg-900 {
  background-color: #4A148C !important; }

.purple-border-900 {
  border-color: #4A148C !important; }

.purple-A100 {
  color: #EA80FC  !important; }

.purple-bg-A100 {
  background-color: #EA80FC !important; }

.purple-border-A100 {
  border-color: #EA80FC !important; }

.purple-A200 {
  color: #E040FB  !important; }

.purple-bg-A200 {
  background-color: #E040FB !important; }

.purple-border-A200 {
  border-color: #E040FB !important; }

.purple-A400 {
  color: #D500F9  !important; }

.purple-bg-A400 {
  background-color: #D500F9 !important; }

.purple-border-A400 {
  border-color: #D500F9 !important; }

.purple-A700 {
  color: #AA00FF  !important; }

.purple-bg-A700 {
  background-color: #AA00FF !important; }

.purple-border-A700 {
  border-color: #AA00FF !important; }

.deep-purple-50 {
  color: #EDE7F6  !important; }

.deep-purple-bg-50 {
  background-color: #EDE7F6 !important; }

.deep-purple-border-50 {
  border-color: #EDE7F6 !important; }

.deep-purple-100 {
  color: #D1C4E9  !important; }

.deep-purple-bg-100 {
  background-color: #D1C4E9 !important; }

.deep-purple-border-100 {
  border-color: #D1C4E9 !important; }

.deep-purple-200 {
  color: #B39DDB  !important; }

.deep-purple-bg-200 {
  background-color: #B39DDB !important; }

.deep-purple-border-200 {
  border-color: #B39DDB !important; }

.deep-purple-300 {
  color: #9575CD  !important; }

.deep-purple-bg-300 {
  background-color: #9575CD !important; }

.deep-purple-border-300 {
  border-color: #9575CD !important; }

.deep-purple-400 {
  color: #7E57C2  !important; }

.deep-purple-bg-400 {
  background-color: #7E57C2 !important; }

.deep-purple-border-400 {
  border-color: #7E57C2 !important; }

.deep-purple-500 {
  color: #673AB7  !important; }

.deep-purple-bg-500 {
  background-color: #673AB7 !important; }

.deep-purple-border-500 {
  border-color: #673AB7 !important; }

.deep-purple-600 {
  color: #5E35B1  !important; }

.deep-purple-bg-600 {
  background-color: #5E35B1 !important; }

.deep-purple-border-600 {
  border-color: #5E35B1 !important; }

.deep-purple-700 {
  color: #512DA8  !important; }

.deep-purple-bg-700 {
  background-color: #512DA8 !important; }

.deep-purple-border-700 {
  border-color: #512DA8 !important; }

.deep-purple-800 {
  color: #4527A0  !important; }

.deep-purple-bg-800 {
  background-color: #4527A0 !important; }

.deep-purple-border-800 {
  border-color: #4527A0 !important; }

.deep-purple-900 {
  color: #311B92  !important; }

.deep-purple-bg-900 {
  background-color: #311B92 !important; }

.deep-purple-border-900 {
  border-color: #311B92 !important; }

.deep-purple-A100 {
  color: #B388FF  !important; }

.deep-purple-bg-A100 {
  background-color: #B388FF !important; }

.deep-purple-border-A100 {
  border-color: #B388FF !important; }

.deep-purple-A200 {
  color: #7C4DFF  !important; }

.deep-purple-bg-A200 {
  background-color: #7C4DFF !important; }

.deep-purple-border-A200 {
  border-color: #7C4DFF !important; }

.deep-purple-A400 {
  color: #651FFF  !important; }

.deep-purple-bg-A400 {
  background-color: #651FFF !important; }

.deep-purple-border-A400 {
  border-color: #651FFF !important; }

.deep-purple-A700 {
  color: #6200EA  !important; }

.deep-purple-bg-A700 {
  background-color: #6200EA !important; }

.deep-purple-border-A700 {
  border-color: #6200EA !important; }

.indigo-50 {
  color: #E8EAF6  !important; }

.indigo-bg-50 {
  background-color: #E8EAF6 !important; }

.indigo-border-50 {
  border-color: #E8EAF6 !important; }

.indigo-100 {
  color: #C5CAE9  !important; }

.indigo-bg-100 {
  background-color: #C5CAE9 !important; }

.indigo-border-100 {
  border-color: #C5CAE9 !important; }

.indigo-200 {
  color: #9FA8DA  !important; }

.indigo-bg-200 {
  background-color: #9FA8DA !important; }

.indigo-border-200 {
  border-color: #9FA8DA !important; }

.indigo-300 {
  color: #7986CB  !important; }

.indigo-bg-300 {
  background-color: #7986CB !important; }

.indigo-border-300 {
  border-color: #7986CB !important; }

.indigo-400 {
  color: #5C6BC0  !important; }

.indigo-bg-400 {
  background-color: #5C6BC0 !important; }

.indigo-border-400 {
  border-color: #5C6BC0 !important; }

.indigo-500 {
  color: #3F51B5  !important; }

.indigo-bg-500 {
  background-color: #3F51B5 !important; }

.indigo-border-500 {
  border-color: #3F51B5 !important; }

.indigo-600 {
  color: #3949AB  !important; }

.indigo-bg-600 {
  background-color: #3949AB !important; }

.indigo-border-600 {
  border-color: #3949AB !important; }

.indigo-700 {
  color: #303F9F  !important; }

.indigo-bg-700 {
  background-color: #303F9F !important; }

.indigo-border-700 {
  border-color: #303F9F !important; }

.indigo-800 {
  color: #283593  !important; }

.indigo-bg-800 {
  background-color: #283593 !important; }

.indigo-border-800 {
  border-color: #283593 !important; }

.indigo-900 {
  color: #1A237E  !important; }

.indigo-bg-900 {
  background-color: #1A237E !important; }

.indigo-border-900 {
  border-color: #1A237E !important; }

.indigo-A100 {
  color: #8C9EFF  !important; }

.indigo-bg-A100 {
  background-color: #8C9EFF !important; }

.indigo-border-A100 {
  border-color: #8C9EFF !important; }

.indigo-A200 {
  color: #536DFE  !important; }

.indigo-bg-A200 {
  background-color: #536DFE !important; }

.indigo-border-A200 {
  border-color: #536DFE !important; }

.indigo-A400 {
  color: #3D5AFE  !important; }

.indigo-bg-A400 {
  background-color: #3D5AFE !important; }

.indigo-border-A400 {
  border-color: #3D5AFE !important; }

.indigo-A700 {
  color: #304FFE  !important; }

.indigo-bg-A700 {
  background-color: #304FFE !important; }

.indigo-border-A700 {
  border-color: #304FFE !important; }

.blue-50 {
  color: #E3F2FD  !important; }

.blue-bg-50 {
  background-color: #E3F2FD !important; }

.blue-border-50 {
  border-color: #E3F2FD !important; }

.blue-100 {
  color: #BBDEFB  !important; }

.blue-bg-100 {
  background-color: #BBDEFB !important; }

.blue-border-100 {
  border-color: #BBDEFB !important; }

.blue-200 {
  color: #90CAF9  !important; }

.blue-bg-200 {
  background-color: #90CAF9 !important; }

.blue-border-200 {
  border-color: #90CAF9 !important; }

.blue-300 {
  color: #64B5F6  !important; }

.blue-bg-300 {
  background-color: #64B5F6 !important; }

.blue-border-300 {
  border-color: #64B5F6 !important; }

.blue-400 {
  color: #42A5F5  !important; }

.blue-bg-400 {
  background-color: #42A5F5 !important; }

.blue-border-400 {
  border-color: #42A5F5 !important; }

.blue-500 {
  color: #2196F3  !important; }

.blue-bg-500 {
  background-color: #2196F3 !important; }

.blue-border-500 {
  border-color: #2196F3 !important; }

.blue-600 {
  color: #1E88E5  !important; }

.blue-bg-600 {
  background-color: #1E88E5 !important; }

.blue-border-600 {
  border-color: #1E88E5 !important; }

.blue-700 {
  color: #1976D2  !important; }

.blue-bg-700 {
  background-color: #1976D2 !important; }

.blue-border-700 {
  border-color: #1976D2 !important; }

.blue-800 {
  color: #1565C0  !important; }

.blue-bg-800 {
  background-color: #1565C0 !important; }

.blue-border-800 {
  border-color: #1565C0 !important; }

.blue-900 {
  color: #0D47A1  !important; }

.blue-bg-900 {
  background-color: #0D47A1 !important; }

.blue-border-900 {
  border-color: #0D47A1 !important; }

.blue-A100 {
  color: #82B1FF  !important; }

.blue-bg-A100 {
  background-color: #82B1FF !important; }

.blue-border-A100 {
  border-color: #82B1FF !important; }

.blue-A200 {
  color: #448AFF  !important; }

.blue-bg-A200 {
  background-color: #448AFF !important; }

.blue-border-A200 {
  border-color: #448AFF !important; }

.blue-A400 {
  color: #2979FF  !important; }

.blue-bg-A400 {
  background-color: #2979FF !important; }

.blue-border-A400 {
  border-color: #2979FF !important; }

.blue-A700 {
  color: #2962FF  !important; }

.blue-bg-A700 {
  background-color: #2962FF !important; }

.blue-border-A700 {
  border-color: #2962FF !important; }

.light-blue-50 {
  color: #E1F5FE  !important; }

.light-blue-bg-50 {
  background-color: #E1F5FE !important; }

.light-blue-border-50 {
  border-color: #E1F5FE !important; }

.light-blue-100 {
  color: #B3E5FC  !important; }

.light-blue-bg-100 {
  background-color: #B3E5FC !important; }

.light-blue-border-100 {
  border-color: #B3E5FC !important; }

.light-blue-200 {
  color: #81D4FA  !important; }

.light-blue-bg-200 {
  background-color: #81D4FA !important; }

.light-blue-border-200 {
  border-color: #81D4FA !important; }

.light-blue-300 {
  color: #4FC3F7  !important; }

.light-blue-bg-300 {
  background-color: #4FC3F7 !important; }

.light-blue-border-300 {
  border-color: #4FC3F7 !important; }

.light-blue-400 {
  color: #29B6F6  !important; }

.light-blue-bg-400 {
  background-color: #29B6F6 !important; }

.light-blue-border-400 {
  border-color: #29B6F6 !important; }

.light-blue-500 {
  color: #03A9F4  !important; }

.light-blue-bg-500 {
  background-color: #03A9F4 !important; }

.light-blue-border-500 {
  border-color: #03A9F4 !important; }

.light-blue-600 {
  color: #039BE5  !important; }

.light-blue-bg-600 {
  background-color: #039BE5 !important; }

.light-blue-border-600 {
  border-color: #039BE5 !important; }

.light-blue-700 {
  color: #0288D1  !important; }

.light-blue-bg-700 {
  background-color: #0288D1 !important; }

.light-blue-border-700 {
  border-color: #0288D1 !important; }

.light-blue-800 {
  color: #0277BD  !important; }

.light-blue-bg-800 {
  background-color: #0277BD !important; }

.light-blue-border-800 {
  border-color: #0277BD !important; }

.light-blue-900 {
  color: #01579B  !important; }

.light-blue-bg-900 {
  background-color: #01579B !important; }

.light-blue-border-900 {
  border-color: #01579B !important; }

.light-blue-A100 {
  color: #80D8FF  !important; }

.light-blue-bg-A100 {
  background-color: #80D8FF !important; }

.light-blue-border-A100 {
  border-color: #80D8FF !important; }

.light-blue-A200 {
  color: #40C4FF  !important; }

.light-blue-bg-A200 {
  background-color: #40C4FF !important; }

.light-blue-border-A200 {
  border-color: #40C4FF !important; }

.light-blue-A400 {
  color: #00B0FF  !important; }

.light-blue-bg-A400 {
  background-color: #00B0FF !important; }

.light-blue-border-A400 {
  border-color: #00B0FF !important; }

.cyan-50 {
  color: #E0F7FA  !important; }

.cyan-bg-50 {
  background-color: #E0F7FA !important; }

.cyan-border-50 {
  border-color: #E0F7FA !important; }

.cyan-100 {
  color: #B2EBF2  !important; }

.cyan-bg-100 {
  background-color: #B2EBF2 !important; }

.cyan-border-100 {
  border-color: #B2EBF2 !important; }

.cyan-200 {
  color: #80DEEA  !important; }

.cyan-bg-200 {
  background-color: #80DEEA !important; }

.cyan-border-200 {
  border-color: #80DEEA !important; }

.cyan-300 {
  color: #4DD0E1  !important; }

.cyan-bg-300 {
  background-color: #4DD0E1 !important; }

.cyan-border-300 {
  border-color: #4DD0E1 !important; }

.cyan-400 {
  color: #26C6DA  !important; }

.cyan-bg-400 {
  background-color: #26C6DA !important; }

.cyan-border-400 {
  border-color: #26C6DA !important; }

.cyan-500 {
  color: #00BCD4  !important; }

.cyan-bg-500 {
  background-color: #00BCD4 !important; }

.cyan-border-500 {
  border-color: #00BCD4 !important; }

.cyan-600 {
  color: #00ACC1  !important; }

.cyan-bg-600 {
  background-color: #00ACC1 !important; }

.cyan-border-600 {
  border-color: #00ACC1 !important; }

.cyan-700 {
  color: #0097A7  !important; }

.cyan-bg-700 {
  background-color: #0097A7 !important; }

.cyan-border-700 {
  border-color: #0097A7 !important; }

.cyan-800 {
  color: #00838F  !important; }

.cyan-bg-800 {
  background-color: #00838F !important; }

.cyan-border-800 {
  border-color: #00838F !important; }

.cyan-900 {
  color: #006064  !important; }

.cyan-bg-900 {
  background-color: #006064 !important; }

.cyan-border-900 {
  border-color: #006064 !important; }

.cyan-A100 {
  color: #84FFFF  !important; }

.cyan-bg-A100 {
  background-color: #84FFFF !important; }

.cyan-border-A100 {
  border-color: #84FFFF !important; }

.cyan-A200 {
  color: #18FFFF  !important; }

.cyan-bg-A200 {
  background-color: #18FFFF !important; }

.cyan-border-A200 {
  border-color: #18FFFF !important; }

.cyan-A400 {
  color: #00E5FF  !important; }

.cyan-bg-A400 {
  background-color: #00E5FF !important; }

.cyan-border-A400 {
  border-color: #00E5FF !important; }

.cyan-A700 {
  color: #00B8D4  !important; }

.cyan-bg-A700 {
  background-color: #00B8D4 !important; }

.cyan-border-A700 {
  border-color: #00B8D4 !important; }

.teal-50 {
  color: #E0F2F1  !important; }

.teal-bg-50 {
  background-color: #E0F2F1 !important; }

.teal-border-50 {
  border-color: #E0F2F1 !important; }

.teal-100 {
  color: #B2DFDB  !important; }

.teal-bg-100 {
  background-color: #B2DFDB !important; }

.teal-border-100 {
  border-color: #B2DFDB !important; }

.teal-200 {
  color: #80CBC4  !important; }

.teal-bg-200 {
  background-color: #80CBC4 !important; }

.teal-border-200 {
  border-color: #80CBC4 !important; }

.teal-300 {
  color: #4DB6AC  !important; }

.teal-bg-300 {
  background-color: #4DB6AC !important; }

.teal-border-300 {
  border-color: #4DB6AC !important; }

.teal-400 {
  color: #26A69A  !important; }

.teal-bg-400 {
  background-color: #26A69A !important; }

.teal-border-400 {
  border-color: #26A69A !important; }

.teal-500 {
  color: #009688  !important; }

.teal-bg-500 {
  background-color: #009688 !important; }

.teal-border-500 {
  border-color: #009688 !important; }

.teal-600 {
  color: #00897B  !important; }

.teal-bg-600 {
  background-color: #00897B !important; }

.teal-border-600 {
  border-color: #00897B !important; }

.teal-700 {
  color: #00796B  !important; }

.teal-bg-700 {
  background-color: #00796B !important; }

.teal-border-700 {
  border-color: #00796B !important; }

.teal-800 {
  color: #00695C  !important; }

.teal-bg-800 {
  background-color: #00695C !important; }

.teal-border-800 {
  border-color: #00695C !important; }

.teal-900 {
  color: #004D40  !important; }

.teal-bg-900 {
  background-color: #004D40 !important; }

.teal-border-900 {
  border-color: #004D40 !important; }

.teal-A100 {
  color: #A7FFEB  !important; }

.teal-bg-A100 {
  background-color: #A7FFEB !important; }

.teal-border-A100 {
  border-color: #A7FFEB !important; }

.teal-A200 {
  color: #64FFDA  !important; }

.teal-bg-A200 {
  background-color: #64FFDA !important; }

.teal-border-A200 {
  border-color: #64FFDA !important; }

.teal-A400 {
  color: #1DE9B6  !important; }

.teal-bg-A400 {
  background-color: #1DE9B6 !important; }

.teal-border-A400 {
  border-color: #1DE9B6 !important; }

.teal-A700 {
  color: #00BFA5  !important; }

.teal-bg-A700 {
  background-color: #00BFA5 !important; }

.teal-border-A700 {
  border-color: #00BFA5 !important; }

.green-50 {
  color: #E8F5E9  !important; }

.green-bg-50 {
  background-color: #E8F5E9 !important; }

.green-border-50 {
  border-color: #E8F5E9 !important; }

.green-100 {
  color: #C8E6C9  !important; }

.green-bg-100 {
  background-color: #C8E6C9 !important; }

.green-border-100 {
  border-color: #C8E6C9 !important; }

.green-200 {
  color: #A5D6A7  !important; }

.green-bg-200 {
  background-color: #A5D6A7 !important; }

.green-border-200 {
  border-color: #A5D6A7 !important; }

.green-300 {
  color: #81C784  !important; }

.green-bg-300 {
  background-color: #81C784 !important; }

.green-border-300 {
  border-color: #81C784 !important; }

.green-400 {
  color: #66BB6A  !important; }

.green-bg-400 {
  background-color: #66BB6A !important; }

.green-border-400 {
  border-color: #66BB6A !important; }

.green-500 {
  color: #4CAF50  !important; }

.green-bg-500 {
  background-color: #4CAF50 !important; }

.green-border-500 {
  border-color: #4CAF50 !important; }

.green-600 {
  color: #43A047  !important; }

.green-bg-600 {
  background-color: #43A047 !important; }

.green-border-600 {
  border-color: #43A047 !important; }

.green-700 {
  color: #388E3C  !important; }

.green-bg-700 {
  background-color: #388E3C !important; }

.green-border-700 {
  border-color: #388E3C !important; }

.green-800 {
  color: #2E7D32  !important; }

.green-bg-800 {
  background-color: #2E7D32 !important; }

.green-border-800 {
  border-color: #2E7D32 !important; }

.green-900 {
  color: #1B5E20  !important; }

.green-bg-900 {
  background-color: #1B5E20 !important; }

.green-border-900 {
  border-color: #1B5E20 !important; }

.green-A100 {
  color: #B9F6CA  !important; }

.green-bg-A100 {
  background-color: #B9F6CA !important; }

.green-border-A100 {
  border-color: #B9F6CA !important; }

.green-A200 {
  color: #69F0AE  !important; }

.green-bg-A200 {
  background-color: #69F0AE !important; }

.green-border-A200 {
  border-color: #69F0AE !important; }

.green-A400 {
  color: #00E676  !important; }

.green-bg-A400 {
  background-color: #00E676 !important; }

.green-border-A400 {
  border-color: #00E676 !important; }

.green-A700 {
  color: #00C853  !important; }

.green-bg-A700 {
  background-color: #00C853 !important; }

.green-border-A700 {
  border-color: #00C853 !important; }

.light-green-50 {
  color: #F1F8E9  !important; }

.light-green-bg-50 {
  background-color: #F1F8E9 !important; }

.light-green-border-50 {
  border-color: #F1F8E9 !important; }

.light-green-100 {
  color: #DCEDC8  !important; }

.light-green-bg-100 {
  background-color: #DCEDC8 !important; }

.light-green-border-100 {
  border-color: #DCEDC8 !important; }

.light-green-200 {
  color: #C5E1A5  !important; }

.light-green-bg-200 {
  background-color: #C5E1A5 !important; }

.light-green-border-200 {
  border-color: #C5E1A5 !important; }

.light-green-300 {
  color: #AED581  !important; }

.light-green-bg-300 {
  background-color: #AED581 !important; }

.light-green-border-300 {
  border-color: #AED581 !important; }

.light-green-400 {
  color: #9CCC65  !important; }

.light-green-bg-400 {
  background-color: #9CCC65 !important; }

.light-green-border-400 {
  border-color: #9CCC65 !important; }

.light-green-500 {
  color: #8BC34A  !important; }

.light-green-bg-500 {
  background-color: #8BC34A !important; }

.light-green-border-500 {
  border-color: #8BC34A !important; }

.light-green-600 {
  color: #7CB342  !important; }

.light-green-bg-600 {
  background-color: #7CB342 !important; }

.light-green-border-600 {
  border-color: #7CB342 !important; }

.light-green-700 {
  color: #689F38  !important; }

.light-green-bg-700 {
  background-color: #689F38 !important; }

.light-green-border-700 {
  border-color: #689F38 !important; }

.light-green-800 {
  color: #558B2F  !important; }

.light-green-bg-800 {
  background-color: #558B2F !important; }

.light-green-border-800 {
  border-color: #558B2F !important; }

.light-green-900 {
  color: #33691E  !important; }

.light-green-bg-900 {
  background-color: #33691E !important; }

.light-green-border-900 {
  border-color: #33691E !important; }

.light-green-A100 {
  color: #CCFF90  !important; }

.light-green-bg-A100 {
  background-color: #CCFF90 !important; }

.light-green-border-A100 {
  border-color: #CCFF90 !important; }

.light-green-A200 {
  color: #B2FF59  !important; }

.light-green-bg-A200 {
  background-color: #B2FF59 !important; }

.light-green-border-A200 {
  border-color: #B2FF59 !important; }

.light-green-A400 {
  color: #76FF03  !important; }

.light-green-bg-A400 {
  background-color: #76FF03 !important; }

.light-green-border-A400 {
  border-color: #76FF03 !important; }

.light-green-A700 {
  color: #64DD17  !important; }

.light-green-bg-A700 {
  background-color: #64DD17 !important; }

.light-green-border-A700 {
  border-color: #64DD17 !important; }

.lime-50 {
  color: #F9FBE7  !important; }

.lime-bg-50 {
  background-color: #F9FBE7 !important; }

.lime-border-50 {
  border-color: #F9FBE7 !important; }

.lime-100 {
  color: #F0F4C3  !important; }

.lime-bg-100 {
  background-color: #F0F4C3 !important; }

.lime-border-100 {
  border-color: #F0F4C3 !important; }

.lime-200 {
  color: #E6EE9C  !important; }

.lime-bg-200 {
  background-color: #E6EE9C !important; }

.lime-border-200 {
  border-color: #E6EE9C !important; }

.lime-300 {
  color: #DCE775  !important; }

.lime-bg-300 {
  background-color: #DCE775 !important; }

.lime-border-300 {
  border-color: #DCE775 !important; }

.lime-400 {
  color: #D4E157  !important; }

.lime-bg-400 {
  background-color: #D4E157 !important; }

.lime-border-400 {
  border-color: #D4E157 !important; }

.lime-500 {
  color: #CDDC39  !important; }

.lime-bg-500 {
  background-color: #CDDC39 !important; }

.lime-border-500 {
  border-color: #CDDC39 !important; }

.lime-600 {
  color: #C0CA33  !important; }

.lime-bg-600 {
  background-color: #C0CA33 !important; }

.lime-border-600 {
  border-color: #C0CA33 !important; }

.lime-700 {
  color: #AFB42B  !important; }

.lime-bg-700 {
  background-color: #AFB42B !important; }

.lime-border-700 {
  border-color: #AFB42B !important; }

.lime-800 {
  color: #9E9D24  !important; }

.lime-bg-800 {
  background-color: #9E9D24 !important; }

.lime-border-800 {
  border-color: #9E9D24 !important; }

.lime-900 {
  color: #827717  !important; }

.lime-bg-900 {
  background-color: #827717 !important; }

.lime-border-900 {
  border-color: #827717 !important; }

.lime-A100 {
  color: #F4FF81  !important; }

.lime-bg-A100 {
  background-color: #F4FF81 !important; }

.lime-border-A100 {
  border-color: #F4FF81 !important; }

.lime-A200 {
  color: #EEFF41  !important; }

.lime-bg-A200 {
  background-color: #EEFF41 !important; }

.lime-border-A200 {
  border-color: #EEFF41 !important; }

.lime-A400 {
  color: #C6FF00  !important; }

.lime-bg-A400 {
  background-color: #C6FF00 !important; }

.lime-border-A400 {
  border-color: #C6FF00 !important; }

.lime-A700 {
  color: #AEEA00  !important; }

.lime-bg-A700 {
  background-color: #AEEA00 !important; }

.lime-border-A700 {
  border-color: #AEEA00 !important; }

.yellow-50 {
  color: #FFFDE7  !important; }

.yellow-bg-50 {
  background-color: #FFFDE7 !important; }

.yellow-border-50 {
  border-color: #FFFDE7 !important; }

.yellow-100 {
  color: #FFF9C4  !important; }

.yellow-bg-100 {
  background-color: #FFF9C4 !important; }

.yellow-border-100 {
  border-color: #FFF9C4 !important; }

.yellow-200 {
  color: #FFF59D  !important; }

.yellow-bg-200 {
  background-color: #FFF59D !important; }

.yellow-border-200 {
  border-color: #FFF59D !important; }

.yellow-300 {
  color: #FFF176  !important; }

.yellow-bg-300 {
  background-color: #FFF176 !important; }

.yellow-border-300 {
  border-color: #FFF176 !important; }

.yellow-400 {
  color: #FFEE58  !important; }

.yellow-bg-400 {
  background-color: #FFEE58 !important; }

.yellow-border-400 {
  border-color: #FFEE58 !important; }

.yellow-500 {
  color: #FFEB3B  !important; }

.yellow-bg-500 {
  background-color: #FFEB3B !important; }

.yellow-border-500 {
  border-color: #FFEB3B !important; }

.yellow-600 {
  color: #FDD835  !important; }

.yellow-bg-600 {
  background-color: #FDD835 !important; }

.yellow-border-600 {
  border-color: #FDD835 !important; }

.yellow-700 {
  color: #FBC02D  !important; }

.yellow-bg-700 {
  background-color: #FBC02D !important; }

.yellow-border-700 {
  border-color: #FBC02D !important; }

.yellow-800 {
  color: #F9A825  !important; }

.yellow-bg-800 {
  background-color: #F9A825 !important; }

.yellow-border-800 {
  border-color: #F9A825 !important; }

.yellow-900 {
  color: #F57F17  !important; }

.yellow-bg-900 {
  background-color: #F57F17 !important; }

.yellow-border-900 {
  border-color: #F57F17 !important; }

.yellow-A100 {
  color: #FFFF8D  !important; }

.yellow-bg-A100 {
  background-color: #FFFF8D !important; }

.yellow-border-A100 {
  border-color: #FFFF8D !important; }

.yellow-A200 {
  color: #FFFF00  !important; }

.yellow-bg-A200 {
  background-color: #FFFF00 !important; }

.yellow-border-A200 {
  border-color: #FFFF00 !important; }

.yellow-A400 {
  color: #FFEA00  !important; }

.yellow-bg-A400 {
  background-color: #FFEA00 !important; }

.yellow-border-A400 {
  border-color: #FFEA00 !important; }

.yellow-A700 {
  color: #FFD600  !important; }

.yellow-bg-A700 {
  background-color: #FFD600 !important; }

.yellow-border-A700 {
  border-color: #FFD600 !important; }

.amber-50 {
  color: #FFF8E1  !important; }

.amber-bg-50 {
  background-color: #FFF8E1 !important; }

.amber-border-50 {
  border-color: #FFF8E1 !important; }

.amber-100 {
  color: #FFECB3  !important; }

.amber-bg-100 {
  background-color: #FFECB3 !important; }

.amber-border-100 {
  border-color: #FFECB3 !important; }

.amber-200 {
  color: #FFE082  !important; }

.amber-bg-200 {
  background-color: #FFE082 !important; }

.amber-border-200 {
  border-color: #FFE082 !important; }

.amber-300 {
  color: #FFD54F  !important; }

.amber-bg-300 {
  background-color: #FFD54F !important; }

.amber-border-300 {
  border-color: #FFD54F !important; }

.amber-400 {
  color: #FFCA28  !important; }

.amber-bg-400 {
  background-color: #FFCA28 !important; }

.amber-border-400 {
  border-color: #FFCA28 !important; }

.amber-500 {
  color: #FFC107  !important; }

.amber-bg-500 {
  background-color: #FFC107 !important; }

.amber-border-500 {
  border-color: #FFC107 !important; }

.amber-600 {
  color: #FFB300  !important; }

.amber-bg-600 {
  background-color: #FFB300 !important; }

.amber-border-600 {
  border-color: #FFB300 !important; }

.amber-700 {
  color: #FFA000  !important; }

.amber-bg-700 {
  background-color: #FFA000 !important; }

.amber-border-700 {
  border-color: #FFA000 !important; }

.amber-800 {
  color: #FF8F00  !important; }

.amber-bg-800 {
  background-color: #FF8F00 !important; }

.amber-border-800 {
  border-color: #FF8F00 !important; }

.amber-900 {
  color: #FF6F00  !important; }

.amber-bg-900 {
  background-color: #FF6F00 !important; }

.amber-border-900 {
  border-color: #FF6F00 !important; }

.amber-A100 {
  color: #FFE57F  !important; }

.amber-bg-A100 {
  background-color: #FFE57F !important; }

.amber-border-A100 {
  border-color: #FFE57F !important; }

.amber-A200 {
  color: #FFD740  !important; }

.amber-bg-A200 {
  background-color: #FFD740 !important; }

.amber-border-A200 {
  border-color: #FFD740 !important; }

.amber-A400 {
  color: #FFC400  !important; }

.amber-bg-A400 {
  background-color: #FFC400 !important; }

.amber-border-A400 {
  border-color: #FFC400 !important; }

.amber-A700 {
  color: #FFAB00  !important; }

.amber-bg-A700 {
  background-color: #FFAB00 !important; }

.amber-border-A700 {
  border-color: #FFAB00 !important; }

.orange-50 {
  color: #FFF3E0  !important; }

.orange-bg-50 {
  background-color: #FFF3E0 !important; }

.orange-border-50 {
  border-color: #FFF3E0 !important; }

.orange-100 {
  color: #FFE0B2  !important; }

.orange-bg-100 {
  background-color: #FFE0B2 !important; }

.orange-border-100 {
  border-color: #FFE0B2 !important; }

.orange-200 {
  color: #FFCC80  !important; }

.orange-bg-200 {
  background-color: #FFCC80 !important; }

.orange-border-200 {
  border-color: #FFCC80 !important; }

.orange-300 {
  color: #FFB74D  !important; }

.orange-bg-300 {
  background-color: #FFB74D !important; }

.orange-border-300 {
  border-color: #FFB74D !important; }

.orange-400 {
  color: #FFA726  !important; }

.orange-bg-400 {
  background-color: #FFA726 !important; }

.orange-border-400 {
  border-color: #FFA726 !important; }

.orange-500 {
  color: #FF9800  !important; }

.orange-bg-500 {
  background-color: #FF9800 !important; }

.orange-border-500 {
  border-color: #FF9800 !important; }

.orange-600 {
  color: #FB8C00  !important; }

.orange-bg-600 {
  background-color: #FB8C00 !important; }

.orange-border-600 {
  border-color: #FB8C00 !important; }

.orange-700 {
  color: #F57C00  !important; }

.orange-bg-700 {
  background-color: #F57C00 !important; }

.orange-border-700 {
  border-color: #F57C00 !important; }

.orange-800 {
  color: #EF6C00  !important; }

.orange-bg-800 {
  background-color: #EF6C00 !important; }

.orange-border-800 {
  border-color: #EF6C00 !important; }

.orange-900 {
  color: #E65100  !important; }

.orange-bg-900 {
  background-color: #E65100 !important; }

.orange-border-900 {
  border-color: #E65100 !important; }

.orange-A100 {
  color: #FFD180  !important; }

.orange-bg-A100 {
  background-color: #FFD180 !important; }

.orange-border-A100 {
  border-color: #FFD180 !important; }

.orange-A200 {
  color: #FFAB40  !important; }

.orange-bg-A200 {
  background-color: #FFAB40 !important; }

.orange-border-A200 {
  border-color: #FFAB40 !important; }

.orange-A400 {
  color: #FF9100  !important; }

.orange-bg-A400 {
  background-color: #FF9100 !important; }

.orange-border-A400 {
  border-color: #FF9100 !important; }

.orange-A700 {
  color: #FF6D00  !important; }

.orange-bg-A700 {
  background-color: #FF6D00 !important; }

.orange-border-A700 {
  border-color: #FF6D00 !important; }

.deep-orange-50 {
  color: #FBE9E7  !important; }

.deep-orange-bg-50 {
  background-color: #FBE9E7 !important; }

.deep-orange-border-50 {
  border-color: #FBE9E7 !important; }

.deep-orange-100 {
  color: #FFCCBC  !important; }

.deep-orange-bg-100 {
  background-color: #FFCCBC !important; }

.deep-orange-border-100 {
  border-color: #FFCCBC !important; }

.deep-orange-200 {
  color: #FFAB91  !important; }

.deep-orange-bg-200 {
  background-color: #FFAB91 !important; }

.deep-orange-border-200 {
  border-color: #FFAB91 !important; }

.deep-orange-300 {
  color: #FF8A65  !important; }

.deep-orange-bg-300 {
  background-color: #FF8A65 !important; }

.deep-orange-border-300 {
  border-color: #FF8A65 !important; }

.deep-orange-400 {
  color: #FF7043  !important; }

.deep-orange-bg-400 {
  background-color: #FF7043 !important; }

.deep-orange-border-400 {
  border-color: #FF7043 !important; }

.deep-orange-500 {
  color: #FF5722  !important; }

.deep-orange-bg-500 {
  background-color: #FF5722 !important; }

.deep-orange-border-500 {
  border-color: #FF5722 !important; }

.deep-orange-600 {
  color: #F4511E  !important; }

.deep-orange-bg-600 {
  background-color: #F4511E !important; }

.deep-orange-border-600 {
  border-color: #F4511E !important; }

.deep-orange-700 {
  color: #E64A19  !important; }

.deep-orange-bg-700 {
  background-color: #E64A19 !important; }

.deep-orange-border-700 {
  border-color: #E64A19 !important; }

.deep-orange-800 {
  color: #D84315  !important; }

.deep-orange-bg-800 {
  background-color: #D84315 !important; }

.deep-orange-border-800 {
  border-color: #D84315 !important; }

.deep-orange-900 {
  color: #BF360C  !important; }

.deep-orange-bg-900 {
  background-color: #BF360C !important; }

.deep-orange-border-900 {
  border-color: #BF360C !important; }

.deep-orange-A100 {
  color: #FF9E80  !important; }

.deep-orange-bg-A100 {
  background-color: #FF9E80 !important; }

.deep-orange-border-A100 {
  border-color: #FF9E80 !important; }

.deep-orange-A200 {
  color: #FF6E40  !important; }

.deep-orange-bg-A200 {
  background-color: #FF6E40 !important; }

.deep-orange-border-A200 {
  border-color: #FF6E40 !important; }

.deep-orange-A400 {
  color: #FF3D00  !important; }

.deep-orange-bg-A400 {
  background-color: #FF3D00 !important; }

.deep-orange-border-A400 {
  border-color: #FF3D00 !important; }

.deep-orange-A700 {
  color: #DD2C00  !important; }

.deep-orange-bg-A700 {
  background-color: #DD2C00 !important; }

.deep-orange-border-A700 {
  border-color: #DD2C00 !important; }

.brown-50 {
  color: #EFEBE9  !important; }

.brown-bg-50 {
  background-color: #EFEBE9 !important; }

.brown-border-50 {
  border-color: #EFEBE9 !important; }

.brown-100 {
  color: #D7CCC8  !important; }

.brown-bg-100 {
  background-color: #D7CCC8 !important; }

.brown-border-100 {
  border-color: #D7CCC8 !important; }

.brown-200 {
  color: #BCAAA4  !important; }

.brown-bg-200 {
  background-color: #BCAAA4 !important; }

.brown-border-200 {
  border-color: #BCAAA4 !important; }

.brown-300 {
  color: #A1887F  !important; }

.brown-bg-300 {
  background-color: #A1887F !important; }

.brown-border-300 {
  border-color: #A1887F !important; }

.brown-400 {
  color: #8D6E63  !important; }

.brown-bg-400 {
  background-color: #8D6E63 !important; }

.brown-border-400 {
  border-color: #8D6E63 !important; }

.brown-500 {
  color: #795548  !important; }

.brown-bg-500 {
  background-color: #795548 !important; }

.brown-border-500 {
  border-color: #795548 !important; }

.brown-600 {
  color: #6D4C41  !important; }

.brown-bg-600 {
  background-color: #6D4C41 !important; }

.brown-border-600 {
  border-color: #6D4C41 !important; }

.brown-700 {
  color: #5D4037  !important; }

.brown-bg-700 {
  background-color: #5D4037 !important; }

.brown-border-700 {
  border-color: #5D4037 !important; }

.brown-800 {
  color: #4E342E  !important; }

.brown-bg-800 {
  background-color: #4E342E !important; }

.brown-border-800 {
  border-color: #4E342E !important; }

.brown-900 {
  color: #3E2723  !important; }

.brown-bg-900 {
  background-color: #3E2723 !important; }

.brown-border-900 {
  border-color: #3E2723 !important; }

.grey-50 {
  color: #FAFAFA  !important; }

.grey-bg-50 {
  background-color: #FAFAFA !important; }

.grey-border-50 {
  border-color: #FAFAFA !important; }

.grey-100 {
  color: #F5F5F5  !important; }

.grey-bg-100 {
  background-color: #F5F5F5 !important; }

.grey-border-100 {
  border-color: #F5F5F5 !important; }

.grey-200 {
  color: #EEEEEE  !important; }

.grey-bg-200 {
  background-color: #EEEEEE !important; }

.grey-border-200 {
  border-color: #EEEEEE !important; }

.grey-300 {
  color: #E0E0E0  !important; }

.grey-bg-300 {
  background-color: #E0E0E0 !important; }

.grey-border-300 {
  border-color: #E0E0E0 !important; }

.grey-400 {
  color: #BDBDBD  !important; }

.grey-bg-400 {
  background-color: #BDBDBD !important; }

.grey-border-400 {
  border-color: #BDBDBD !important; }

.grey-500 {
  color: #9E9E9E  !important; }

.grey-bg-500 {
  background-color: #9E9E9E !important; }

.grey-border-500 {
  border-color: #9E9E9E !important; }

.grey-600 {
  color: #757575  !important; }

.grey-bg-600 {
  background-color: #757575 !important; }

.grey-border-600 {
  border-color: #757575 !important; }

.grey-700 {
  color: #616161  !important; }

.grey-bg-700 {
  background-color: #616161 !important; }

.grey-border-700 {
  border-color: #616161 !important; }

.grey-800 {
  color: #424242  !important; }

.grey-bg-800 {
  background-color: #424242 !important; }

.grey-border-800 {
  border-color: #424242 !important; }

.grey-900 {
  color: #212121  !important; }

.grey-bg-900 {
  background-color: #212121 !important; }

.grey-border-900 {
  border-color: #212121 !important; }

.blue-grey-50 {
  color: #ECEFF1  !important; }

.blue-grey-bg-50 {
  background-color: #ECEFF1 !important; }

.blue-grey-border-50 {
  border-color: #ECEFF1 !important; }

.blue-grey-100 {
  color: #CFD8DC  !important; }

.blue-grey-bg-100 {
  background-color: #CFD8DC !important; }

.blue-grey-border-100 {
  border-color: #CFD8DC !important; }

.blue-grey-200 {
  color: #B0BEC5  !important; }

.blue-grey-bg-200 {
  background-color: #B0BEC5 !important; }

.blue-grey-border-200 {
  border-color: #B0BEC5 !important; }

.blue-grey-300 {
  color: #90A4AE  !important; }

.blue-grey-bg-300 {
  background-color: #90A4AE !important; }

.blue-grey-border-300 {
  border-color: #90A4AE !important; }

.blue-grey-400 {
  color: #78909C  !important; }

.blue-grey-bg-400 {
  background-color: #78909C !important; }

.blue-grey-border-400 {
  border-color: #78909C !important; }

.blue-grey-500 {
  color: #607D8B  !important; }

.blue-grey-bg-500 {
  background-color: #607D8B !important; }

.blue-grey-border-500 {
  border-color: #607D8B !important; }

.blue-grey-600 {
  color: #546E7A  !important; }

.blue-grey-bg-600 {
  background-color: #546E7A !important; }

.blue-grey-border-600 {
  border-color: #546E7A !important; }

.blue-grey-700 {
  color: #455A64  !important; }

.blue-grey-bg-700 {
  background-color: #455A64 !important; }

.blue-grey-border-700 {
  border-color: #455A64 !important; }

.blue-grey-800 {
  color: #37474F  !important; }

.blue-grey-bg-800 {
  background-color: #37474F !important; }

.blue-grey-border-800 {
  border-color: #37474F !important; }

.blue-grey-900 {
  color: #263238  !important; }

.blue-grey-bg-900 {
  background-color: #263238 !important; }

.blue-grey-border-900 {
  border-color: #263238 !important; }

.white-color {
  color: #FFF !important; }

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

.white-border {
  border-color: #FFF !important; }

.black-color {
  color: #000 !important; }

.black-bg {
  background-color: #000 !important; }

.black-border {
  border-color: #000 !important; }

.transparent-bg {
  background-color: transparent !important; }

.pull-left, .alignleft {
  float: left !important; }

.pull-right, .alignright {
  float: right !important; }

.clear {
  display: block;
  width: 100%;
  clear: both;
  height: 0; }

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

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

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

.cursor-no-drop {
  cursor: no-drop; }

.cursor-pointer {
  cursor: pointer; }

.relative {
  position: relative; }

.sticky {
  position: sticky !important;
  top: 0; }

.absolute {
  position: absolute; }

.fixed {
  position: fixed; }

.top {
  top: 0px;
  bottom: auto; }

.bottom {
  bottom: 0px;
  top: auto; }

.left {
  left: 0px;
  right: auto; }

.right {
  right: 0px;
  left: auto; }

.top-1 {
  top: 1px !important;
  bottom: auto; }

.bottom-1 {
  bottom: 1px !important;
  top: auto; }

.left-1 {
  left: 1px !important;
  right: auto; }

.right-1 {
  right: 1px !important;
  left: auto; }

.top-2 {
  top: 2px !important;
  bottom: auto; }

.bottom-2 {
  bottom: 2px !important;
  top: auto; }

.left-2 {
  left: 2px !important;
  right: auto; }

.right-2 {
  right: 2px !important;
  left: auto; }

.top-3 {
  top: 3px !important;
  bottom: auto; }

.bottom-3 {
  bottom: 3px !important;
  top: auto; }

.left-3 {
  left: 3px !important;
  right: auto; }

.right-3 {
  right: 3px !important;
  left: auto; }

.top-4 {
  top: 4px !important;
  bottom: auto; }

.bottom-4 {
  bottom: 4px !important;
  top: auto; }

.left-4 {
  left: 4px !important;
  right: auto; }

.right-4 {
  right: 4px !important;
  left: auto; }

.top-5 {
  top: 5px !important;
  bottom: auto; }

.bottom-5 {
  bottom: 5px !important;
  top: auto; }

.left-5 {
  left: 5px !important;
  right: auto; }

.right-5 {
  right: 5px !important;
  left: auto; }

.top-6 {
  top: 6px !important;
  bottom: auto; }

.bottom-6 {
  bottom: 6px !important;
  top: auto; }

.left-6 {
  left: 6px !important;
  right: auto; }

.right-6 {
  right: 6px !important;
  left: auto; }

.top-7 {
  top: 7px !important;
  bottom: auto; }

.bottom-7 {
  bottom: 7px !important;
  top: auto; }

.left-7 {
  left: 7px !important;
  right: auto; }

.right-7 {
  right: 7px !important;
  left: auto; }

.top-8 {
  top: 8px !important;
  bottom: auto; }

.bottom-8 {
  bottom: 8px !important;
  top: auto; }

.left-8 {
  left: 8px !important;
  right: auto; }

.right-8 {
  right: 8px !important;
  left: auto; }

.top-9 {
  top: 9px !important;
  bottom: auto; }

.bottom-9 {
  bottom: 9px !important;
  top: auto; }

.left-9 {
  left: 9px !important;
  right: auto; }

.right-9 {
  right: 9px !important;
  left: auto; }

.top-10 {
  top: 10px !important;
  bottom: auto; }

.bottom-10 {
  bottom: 10px !important;
  top: auto; }

.left-10 {
  left: 10px !important;
  right: auto; }

.right-10 {
  right: 10px !important;
  left: auto; }

.top-11 {
  top: 11px !important;
  bottom: auto; }

.bottom-11 {
  bottom: 11px !important;
  top: auto; }

.left-11 {
  left: 11px !important;
  right: auto; }

.right-11 {
  right: 11px !important;
  left: auto; }

.top-12 {
  top: 12px !important;
  bottom: auto; }

.bottom-12 {
  bottom: 12px !important;
  top: auto; }

.left-12 {
  left: 12px !important;
  right: auto; }

.right-12 {
  right: 12px !important;
  left: auto; }

.top-13 {
  top: 13px !important;
  bottom: auto; }

.bottom-13 {
  bottom: 13px !important;
  top: auto; }

.left-13 {
  left: 13px !important;
  right: auto; }

.right-13 {
  right: 13px !important;
  left: auto; }

.top-14 {
  top: 14px !important;
  bottom: auto; }

.bottom-14 {
  bottom: 14px !important;
  top: auto; }

.left-14 {
  left: 14px !important;
  right: auto; }

.right-14 {
  right: 14px !important;
  left: auto; }

.top-15 {
  top: 15px !important;
  bottom: auto; }

.bottom-15 {
  bottom: 15px !important;
  top: auto; }

.left-15 {
  left: 15px !important;
  right: auto; }

.right-15 {
  right: 15px !important;
  left: auto; }

.top-16 {
  top: 16px !important;
  bottom: auto; }

.bottom-16 {
  bottom: 16px !important;
  top: auto; }

.left-16 {
  left: 16px !important;
  right: auto; }

.right-16 {
  right: 16px !important;
  left: auto; }

.top-17 {
  top: 17px !important;
  bottom: auto; }

.bottom-17 {
  bottom: 17px !important;
  top: auto; }

.left-17 {
  left: 17px !important;
  right: auto; }

.right-17 {
  right: 17px !important;
  left: auto; }

.top-18 {
  top: 18px !important;
  bottom: auto; }

.bottom-18 {
  bottom: 18px !important;
  top: auto; }

.left-18 {
  left: 18px !important;
  right: auto; }

.right-18 {
  right: 18px !important;
  left: auto; }

.top-19 {
  top: 19px !important;
  bottom: auto; }

.bottom-19 {
  bottom: 19px !important;
  top: auto; }

.left-19 {
  left: 19px !important;
  right: auto; }

.right-19 {
  right: 19px !important;
  left: auto; }

.top-20 {
  top: 20px !important;
  bottom: auto; }

.bottom-20 {
  bottom: 20px !important;
  top: auto; }

.left-20 {
  left: 20px !important;
  right: auto; }

.right-20 {
  right: 20px !important;
  left: auto; }

.h-center {
  left: 50%;
  transform: translateX(-50%); }

.v-center {
  top: 50%;
  transform: translateY(-50%); }

.perfect-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

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

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

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

.margin-5 {
  margin: 5px !important; }

.padding-10 {
  padding: 10px !important; }

.margin-10 {
  margin: 10px !important; }

.padding-15 {
  padding: 15px !important; }

.margin-15 {
  margin: 15px !important; }

.padding-20 {
  padding: 20px !important; }

.margin-20 {
  margin: 20px !important; }

.padding-30 {
  padding: 30px !important; }

.margin-30 {
  margin: 30px !important; }

.padding-40 {
  padding: 40px !important; }

.margin-40 {
  margin: 40px !important; }

.padding-50 {
  padding: 50px !important; }

.margin-50 {
  margin: 50px !important; }

.padding-60 {
  padding: 60px !important; }

.margin-60 {
  margin: 60px !important; }

.padding-100 {
  padding: 100px !important; }

.margin-100 {
  margin: 100px !important; }

.margin-center {
  margin-left: auto !important;
  margin-right: auto !important; }

.responsive-video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden; }

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

.fixed-bg {
  background-attachment: fixed; }

.repeat-bg {
  background-repeat: repeat; }

.hover-animated-bg {
  overflow: hidden; }
  .hover-animated-bg .animated-element {
    transition: all 0.5s ease; }
  .hover-animated-bg:hover .animated-element {
    transform: scale(1.2); }

.blend-overlay {
  background-blend-mode: overlay; }

.blend-soft-light {
  background-blend-mode: soft-light; }

.blend-luminosity {
  background-blend-mode: luminosity; }

.blend-multiply {
  background-blend-mode: multiply; }

.blend-color {
  background-blend-mode: color; }

.mix-blend-overlay {
  mix-blend-mode: overlay; }

.mix-blend-soft-light {
  mix-blend-mode: soft-light; }

.mix-blend-luminosity {
  mix-blend-mode: luminosity; }

.mix-blend-multiply {
  mix-blend-mode: multiply; }

.mix-blend-color {
  mix-blend-mode: color; }

.hidden {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  z-index: -100;
  position: fixed !important;
  top: 100% !important;
  left: 100% !important; }

.show-mobile {
  display: none !important; }

.overflow-hidden {
  overflow: hidden !important; }

.overflow-visible {
  overflow: visible !important; }

.opacity-0 {
  opacity: 0; }

.opacity-10 {
  opacity: .1; }

.opacity-20 {
  opacity: .2; }

.opacity-30 {
  opacity: .3; }

.opacity-40 {
  opacity: .4; }

.opacity-50 {
  opacity: .5; }

.opacity-60 {
  opacity: .6; }

.opacity-70 {
  opacity: .7; }

.opacity-80 {
  opacity: .8; }

.opacity-90 {
  opacity: .9; }

.opacity-100 {
  opacity: 1; }

.none {
  display: none; }

.block {
  display: block; }

.inline {
  display: inline; }

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

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

.flex {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap; }
  .flex.stretch {
    align-items: stretch; }
  .flex.wrap {
    flex-wrap: wrap; }
  .flex.flex-column {
    flex-direction: column; }
  .flex.perfect-center-flex {
    justify-content: center;
    align-items: center; }
  .flex.center-h {
    justify-content: center; }
  .flex.center-v {
    align-items: center; }
  .flex .col.col-1 {
    width: 4.167%; }
  .flex .col.col-2 {
    width: 8.333%; }
  .flex .col.col-3 {
    width: 12.5%; }
  .flex .col.col-4 {
    width: 16.667%; }
  .flex .col.col-5 {
    width: 20.833%; }
  .flex .col.col-6 {
    width: 25%; }
  .flex .col.col-7 {
    width: 29.167%; }
  .flex .col.col-8 {
    width: 33.333%; }
  .flex .col.col-9 {
    width: 37.5%; }
  .flex .col.col-10 {
    width: 41.667%; }
  .flex .col.col-11 {
    width: 45.833%; }
  .flex .col.col-12 {
    width: 50%; }
  .flex .col.col-13 {
    width: 54.167%; }
  .flex .col.col-14 {
    width: 58.333%; }
  .flex .col.col-15 {
    width: 62.5%; }
  .flex .col.col-16 {
    width: 66.667%; }
  .flex .col.col-17 {
    width: 70.833%; }
  .flex .col.col-18 {
    width: 75%; }
  .flex .col.col-19 {
    width: 79.167%; }
  .flex .col.col-20 {
    width: 83.333%; }
  .flex .col.col-21 {
    width: 87.5%; }
  .flex .col.col-22 {
    width: 91.667%; }
  .flex .col.col-23 {
    width: 95.833%; }
  .flex .col.col-24 {
    width: 100%; }

.line-240 {
  line-height: 2.4; }

.line-220 {
  line-height: 2.2; }

.line-200 {
  line-height: 2; }

.line-150 {
  line-height: 1.5; }

.line-70 {
  line-height: .7; }

.font.main {
  font-family: "proxima-nova", sans-serif !important; }
.font.condensed {
  font-family: "proxima-nova-extra-condensed", sans-serif !important; }
.font._6 {
  font-size: 6px; }
.font._8 {
  font-size: 8px; }
.font._9 {
  font-size: 9px; }
.font._10 {
  font-size: 10px; }
.font._11 {
  font-size: 11px; }
.font._12 {
  font-size: 12px; }
.font._14 {
  font-size: 14px; }
.font._13 {
  font-size: 13px; }
.font._16 {
  font-size: 16px; }
.font._18 {
  font-size: 18px; }
.font._20 {
  font-size: 20px; }
.font._22 {
  font-size: 22px; }
.font._24 {
  font-size: 24px; }
.font._25 {
  font-size: 25px; }
.font._26 {
  font-size: 26px; }
.font._28 {
  font-size: 28px; }
.font._30 {
  font-size: 30px; }
.font._32 {
  font-size: 32px; }
.font._36 {
  font-size: 36px; }
.font._40 {
  font-size: 40px; }
.font._42 {
  font-size: 42px; }
.font._46 {
  font-size: 46px; }
.font._48 {
  font-size: 48px; }
.font._50 {
  font-size: 50px; }
.font._52 {
  font-size: 52px; }
.font._56 {
  font-size: 56px; }
.font._60 {
  font-size: 60px; }
.font._64 {
  font-size: 64px; }
.font._68 {
  font-size: 68px; }
.font._70 {
  font-size: 70px; }
.font._72 {
  font-size: 72px; }
.font._80 {
  font-size: 80px; }
.font._88 {
  font-size: 88px; }
.font._96 {
  font-size: 96px; }
.font._100 {
  font-size: 100px; }
.font._110 {
  font-size: 110px; }
.font._120 {
  font-size: 120px; }
.font._130 {
  font-size: 130px; }
.font._140 {
  font-size: 140px; }
.font._160 {
  font-size: 160px; }
.font._200 {
  font-size: 200px; }
.font.w100 {
  font-weight: 100; }
.font.w200 {
  font-weight: 200; }
.font.w300 {
  font-weight: 300; }
.font.w400 {
  font-weight: 400; }
.font.w500 {
  font-weight: 500; }
.font.w600 {
  font-weight: 600; }
.font.w700 {
  font-weight: 700; }
.font.w800 {
  font-weight: 800; }
.font.w900 {
  font-weight: 900; }
.font.w1000 {
  font-weight: 1000; }
.font.w1100 {
  font-weight: 1100; }
.font.w1200 {
  font-weight: 1200; }
.font.uppercase {
  text-transform: uppercase; }
.font.lowercase {
  text-transform: lowercase; }
.font.capitalize {
  text-transform: capitalize; }
.font.kerning--1 {
  letter-spacing: -1px; }
.font.kerning--2 {
  letter-spacing: -2px; }
.font.kerning--3 {
  letter-spacing: -3px; }
.font.kerning--4 {
  letter-spacing: -4px; }
.font.kerning--5 {
  letter-spacing: -5px; }
.font.kerning-1 {
  letter-spacing: 1px; }
.font.kerning-2 {
  letter-spacing: 2px; }
.font.kerning-3 {
  letter-spacing: 3px; }
.font.kerning-4 {
  letter-spacing: 4px; }
.font.kerning-5 {
  letter-spacing: 5px; }
.font.kerning-6 {
  letter-spacing: 6px; }
.font.kerning-7 {
  letter-spacing: 7px; }
.font.kerning-8 {
  letter-spacing: 8px; }
.font.kerning-9 {
  letter-spacing: 9px; }
.font.kerning-10 {
  letter-spacing: 10px; }
.font.kerning-15 {
  letter-spacing: 15px; }
.font.kerning-20 {
  letter-spacing: 20px; }
.font.italic {
  font-style: italic; }

.border {
  border-width: 1px !important;
  border-style: none; }
  .border.rounded-4 {
    border-radius: 4px !important; }
  .border.rounded-5 {
    border-radius: 5px !important; }
  .border.rounded-7 {
    border-radius: 7px !important; }
  .border.rounded-8 {
    border-radius: 8px !important; }
  .border.rounded-10 {
    border-radius: 10px !important; }
  .border.rounded-12 {
    border-radius: 12px !important; }
  .border.rounded-14 {
    border-radius: 14px !important; }
  .border.rounded-20 {
    border-radius: 20px !important; }
  .border.rounded-max {
    border-radius: 1000em !important; }
  .border.border-right {
    border-right-style: solid !important; }
  .border.border-top {
    border-top-style: solid !important; }
  .border.border-left {
    border-left-style: solid !important; }
  .border.border-bottom {
    border-bottom-style: solid !important; }
  .border.border-all {
    border-style: solid !important; }
  .border.border-dashed {
    border-style: dashed !important; }
  .border.border-dotted {
    border-style: dotted !important !important; }
  .border.border-double {
    border-style: double; }
  .border.border-2 {
    border-width: 2px !important; }
  .border.border-3 {
    border-width: 3px !important; }
  .border.border-4 {
    border-width: 4px !important; }
  .border.border-5 {
    border-width: 5px !important; }
  .border.border-6 {
    border-width: 6px !important; }
  .border.border-7 {
    border-width: 7px !important; }
  .border.border-8 {
    border-width: 8px !important; }
  .border.border-9 {
    border-width: 9px !important; }
  .border.border-10 {
    border-width: 10px !important; }
  .border.border-15 {
    border-width: 15px !important; }
  .border.border-20 {
    border-width: 20px !important; }
  .border.border-25 {
    border-width: 25px !important; }

.shadow-glow {
  box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.3); }

.shadow-box {
  box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, 0.3); }

.corner {
  z-index: 1;
  position: absolute; }
  .corner.top-left {
    top: 0;
    left: 0; }
    .corner.top-left.rounded {
      border-bottom-left-radius: 1000em; }
  .corner.bottom-left {
    bottom: 0;
    left: 0; }
    .corner.bottom-left.rounded {
      border-top-left-radius: 1000em; }
  .corner.top-right {
    top: 0;
    right: 0; }
    .corner.top-right.rounded {
      border-bottom-right-radius: 1000em; }
  .corner.bottom-right {
    bottom: 0;
    right: 0; }
    .corner.bottom-right.rounded {
      border-top-right-radius: 1000em; }

.layer {
  z-index: auto; }
  .layer.deep-bg {
    z-index: 1; }
  .layer.background {
    z-index: 10; }
  .layer.base {
    z-index: 20; }
  .layer.foreground {
    z-index: 30; }
  .layer.overlay {
    z-index: 40; }
  .layer.top-overlay {
    z-index: 50; }
  .layer.alerts {
    z-index: 60; }
  .layer.feedback {
    z-index: 70; }
    .layer.feedback.fade {
      z-index: -1; }
      .layer.feedback.fade.active {
        z-index: 70; }
  .layer.loader {
    z-index: 80; }
    .layer.loader.fade {
      z-index: -1; }
      .layer.loader.fade.active {
        z-index: 80; }

.slide {
  transition: all .3s ease-in-out; }
  .slide.in-left {
    left: 100%; }
    .slide.in-left.active {
      left: 0; }
  .slide.out-left {
    left: 0%; }
    .slide.out-left.active {
      left: 100%; }
  .slide.in-right {
    right: 100%; }
    .slide.in-right.active {
      right: 0; }
  .slide.out-right {
    right: 0%; }
    .slide.out-right.active {
      right: 100%; }
  .slide.in-top {
    bottom: 100%; }
    .slide.in-top.active {
      bottom: 0; }
  .slide.out-top {
    bottom: 0%; }
    .slide.out-top.active {
      bottom: 100%; }
  .slide.in-bottom {
    top: 100%; }
    .slide.in-bottom.active {
      top: 0; }
  .slide.out-bottom {
    top: 0%; }
    .slide.out-bottom.active {
      top: 100%; }

.fade {
  transition: all .3s ease-in-out;
  opacity: 0; }
  .fade.active {
    opacity: 1; }

.boxed {
  max-width: 1200px;
  margin: 0 auto; }

.boxed-sm {
  max-width: 960px;
  margin: 0 auto; }

.boxed-xs {
  max-width: 720px;
  margin: 0 auto; }

.boxed-xxs {
  max-width: 340px;
  margin: 0 auto; }

.table {
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0px 12px;
  padding: 0 8px 8px 0; }
  .table.small tbody tr td {
    height: auto;
    padding: 5px;
    vertical-align: middle; }
  .table.compact {
    border-spacing: 0px 3px; }
    .table.compact tbody tr td {
      height: auto;
      padding: 3px;
      vertical-align: middle; }
  .table tr td {
    position: relative; }
    .table tr td p {
      margin: 0 0 1em; }
  .table thead tr {
    font-size: 16px;
    font-weight: 100; }
    .table thead tr td {
      padding: 10px 5px; }
  .table tbody.sortable tr {
    cursor: all-scroll; }
  .table tbody tr {
    box-shadow: 0px 10px 5px -7px rgba(0, 0, 0, 0.1);
    background-color: rgba(255, 255, 255, 0.2);
    position: relative; }
    .table tbody tr.unsortable {
      cursor: default; }
    .table tbody tr:hover td {
      opacity: 1; }
    .table tbody tr td {
      position: relative;
      z-index: 10;
      opacity: 0.8;
      height: 75px;
      padding: 5px;
      vertical-align: middle; }
      .table tbody tr td.align-top {
        vertical-align: top; }

.scroll-h {
  width: 100%;
  overflow-x: scroll; }

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

.w-tenth {
  width: 10%; }

.h-tenth {
  height: 10%; }

.sq-tenth {
  width: 10%;
  height: 10%; }

.w-quint {
  width: 20%; }

.h-quint {
  height: 20%; }

.sq-quint {
  width: 20%;
  height: 20%; }

.w-quart {
  width: 25%; }

.h-quart {
  height: 25%; }

.sq-quart {
  width: 25%;
  height: 25%; }

.w-third {
  width: 33.333%; }

.h-third {
  height: 33.333%; }

.sq-third {
  width: 33.333%;
  height: 33.333%; }

.w-half {
  width: 50%; }

.h-half {
  height: 50%; }

.sq-half {
  width: 50%;
  height: 50%; }

.w-full {
  width: 100%; }

.h-full {
  height: 100%; }

.sq-full {
  width: 100%;
  height: 100%; }

.w-10 {
  width: 10px; }

.h-10 {
  height: 10px; }

.sq-10 {
  width: 10px;
  height: 10px; }

.w-20 {
  width: 20px; }

.h-20 {
  height: 20px; }

.sq-20 {
  width: 20px;
  height: 20px; }

.w-24 {
  width: 24px; }

.h-24 {
  height: 24px; }

.sq-24 {
  width: 24px;
  height: 24px; }

.w-28 {
  width: 28px; }

.h-28 {
  height: 28px; }

.sq-28 {
  width: 28px;
  height: 28px; }

.w-30 {
  width: 30px; }

.h-30 {
  height: 30px; }

.sq-30 {
  width: 30px;
  height: 30px; }

.w-32 {
  width: 32px; }

.h-32 {
  height: 32px; }

.sq-32 {
  width: 32px;
  height: 32px; }

.w-36 {
  width: 36px; }

.h-36 {
  height: 36px; }

.sq-36 {
  width: 36px;
  height: 36px; }

.w-40 {
  width: 40px; }

.h-40 {
  height: 40px; }

.sq-40 {
  width: 40px;
  height: 40px; }

.w-48 {
  width: 48px; }

.h-48 {
  height: 48px; }

.sq-48 {
  width: 48px;
  height: 48px; }

.w-50 {
  width: 50px; }

.h-50 {
  height: 50px; }

.sq-50 {
  width: 50px;
  height: 50px; }

.w-56 {
  width: 56px; }

.h-56 {
  height: 56px; }

.sq-56 {
  width: 56px;
  height: 56px; }

.w-60 {
  width: 60px; }

.h-60 {
  height: 60px; }

.sq-60 {
  width: 60px;
  height: 60px; }

.w-64 {
  width: 64px; }

.h-64 {
  height: 64px; }

.sq-64 {
  width: 64px;
  height: 64px; }

.w-70 {
  width: 70px; }

.h-70 {
  height: 70px; }

.sq-70 {
  width: 70px;
  height: 70px; }

.w-72 {
  width: 72px; }

.h-72 {
  height: 72px; }

.sq-72 {
  width: 72px;
  height: 72px; }

.w-80 {
  width: 80px; }

.h-80 {
  height: 80px; }

.sq-80 {
  width: 80px;
  height: 80px; }

.w-90 {
  width: 90px; }

.h-90 {
  height: 90px; }

.sq-90 {
  width: 90px;
  height: 90px; }

.w-96 {
  width: 96px; }

.h-96 {
  height: 96px; }

.sq-96 {
  width: 96px;
  height: 96px; }

.w-100 {
  width: 100px; }

.h-100 {
  height: 100px; }

.sq-100 {
  width: 100px;
  height: 100px; }

.w-110 {
  width: 110px; }

.h-110 {
  height: 110px; }

.sq-110 {
  width: 110px;
  height: 110px; }

.w-120 {
  width: 120px; }

.h-120 {
  height: 120px; }

.sq-120 {
  width: 120px;
  height: 120px; }

.w-130 {
  width: 130px; }

.h-130 {
  height: 130px; }

.sq-130 {
  width: 130px;
  height: 130px; }

.w-140 {
  width: 140px; }

.h-140 {
  height: 140px; }

.sq-140 {
  width: 140px;
  height: 140px; }

.w-144 {
  width: 144px; }

.h-144 {
  height: 144px; }

.sq-144 {
  width: 144px;
  height: 144px; }

.w-150 {
  width: 150px; }

.h-150 {
  height: 150px; }

.sq-150 {
  width: 150px;
  height: 150px; }

.w-160 {
  width: 160px; }

.h-160 {
  height: 160px; }

.sq-160 {
  width: 160px;
  height: 160px; }

.w-170 {
  width: 170px; }

.h-170 {
  height: 170px; }

.sq-170 {
  width: 170px;
  height: 170px; }

.w-180 {
  width: 180px; }

.h-180 {
  height: 180px; }

.sq-180 {
  width: 180px;
  height: 180px; }

.w-190 {
  width: 190px; }

.h-190 {
  height: 190px; }

.sq-190 {
  width: 190px;
  height: 190px; }

.w-200 {
  width: 200px; }

.h-200 {
  height: 200px; }

.sq-200 {
  width: 200px;
  height: 200px; }

.w-210 {
  width: 210px; }

.h-210 {
  height: 210px; }

.sq-210 {
  width: 210px;
  height: 210px; }

.w-220 {
  width: 220px; }

.h-220 {
  height: 220px; }

.sq-220 {
  width: 220px;
  height: 220px; }

.w-230 {
  width: 230px; }

.h-230 {
  height: 230px; }

.sq-230 {
  width: 230px;
  height: 230px; }

.w-240 {
  width: 240px; }

.h-240 {
  height: 240px; }

.sq-240 {
  width: 240px;
  height: 240px; }

.w-250 {
  width: 250px; }

.h-250 {
  height: 250px; }

.sq-250 {
  width: 250px;
  height: 250px; }

.w-260 {
  width: 260px; }

.h-260 {
  height: 260px; }

.sq-260 {
  width: 260px;
  height: 260px; }

.w-270 {
  width: 270px; }

.h-270 {
  height: 270px; }

.sq-270 {
  width: 270px;
  height: 270px; }

.w-280 {
  width: 280px; }

.h-280 {
  height: 280px; }

.sq-280 {
  width: 280px;
  height: 280px; }

.w-290 {
  width: 290px; }

.h-290 {
  height: 290px; }

.sq-290 {
  width: 290px;
  height: 290px; }

.w-300 {
  width: 300px; }

.h-300 {
  height: 300px; }

.sq-300 {
  width: 300px;
  height: 300px; }

.w-310 {
  width: 310px; }

.h-310 {
  height: 310px; }

.sq-310 {
  width: 310px;
  height: 310px; }

.w-320 {
  width: 320px; }

.h-320 {
  height: 320px; }

.sq-320 {
  width: 320px;
  height: 320px; }

.w-330 {
  width: 330px; }

.h-330 {
  height: 330px; }

.sq-330 {
  width: 330px;
  height: 330px; }

.w-340 {
  width: 340px; }

.h-340 {
  height: 340px; }

.sq-340 {
  width: 340px;
  height: 340px; }

.w-350 {
  width: 350px; }

.h-350 {
  height: 350px; }

.sq-350 {
  width: 350px;
  height: 350px; }

.w-360 {
  width: 360px; }

.h-360 {
  height: 360px; }

.sq-360 {
  width: 360px;
  height: 360px; }

.w-400 {
  width: 400px; }

.h-400 {
  height: 400px; }

.sq-400 {
  width: 400px;
  height: 400px; }

.w-420 {
  width: 420px; }

.h-420 {
  height: 420px; }

.sq-420 {
  width: 420px;
  height: 420px; }

.w-450 {
  width: 450px; }

.h-450 {
  height: 450px; }

.sq-450 {
  width: 450px;
  height: 450px; }

.w-500 {
  width: 500px; }

.h-500 {
  height: 500px; }

.sq-500 {
  width: 500px;
  height: 500px; }

.w-550 {
  width: 550px; }

.h-550 {
  height: 550px; }

.sq-550 {
  width: 550px;
  height: 550px; }

.w-auto {
  width: auto !important; }

.h-auto {
  height: auto !important; }

/***************************************************************/
/************************** Animations  ****************************/
/***************************************************************/
@keyframes br-box-shadow-animation {
  from {
    background-color: transparent;
    top: 0px;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.3); }
  to {
    background-color: #FFF;
    top: -5px;
    box-shadow: 0px 15px 10px -10px rgba(0, 0, 0, 0.1); } }
@keyframes br-glowing-choice {
  from {
    box-shadow: 0px 0px 0px 0px rgba(205, 220, 57, 0); }
  to {
    box-shadow: 0px 0px 30px 20px #cddc39; } }
@keyframes br-loader {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }
/* XS - Cellphones */
@media (max-width: 719px) {
  .hide-mobile {
    display: none; }

  .show-mobile {
    display: block; }

  .br-container {
    padding: 0; }
    .br-container .br-col-1, .br-container .br-col-2, .br-container .br-col-3, .br-container .br-col-4, .br-container .br-col-5, .br-container .br-col-6, .br-container .br-col-7, .br-container .br-col-8, .br-container .br-col-9, .br-container .br-col-10, .br-container .br-col-11, .br-container .br-col-12 {
      width: 100%;
      clear: both;
      padding: 0; }
    .br-container .br-tabs .br-tabs-header h1.tab-header {
      text-align: center;
      font-size: 18px;
      font-weight: 900;
      margin: 5px;
      padding: 0; }
      .br-container .br-tabs .br-tabs-header h1.tab-header.active {
        display: block; }
    .br-container .br-tabs .br-tabs-header .br-tabs-buttons {
      width: auto;
      margin: 5px;
      padding: 0;
      text-align: center; }

  .start .cooper-nav ul {
    padding: 25px 0 55px; } }
/* SM - Tablet Portrait */
/* MD - Tablet Landscape */
/* LG - Desktop */