@charset "UTF-8";
/*********************************************
  :: Necessary SASS files
********************************************/
/*  Syntax Quick Reference
  --------------------------
  column($ratios: 1, $offset: 0, $cycle: 0, $uncycle: 0, $gutter: $jeet-gutter)
  span($ratio: 1, $offset: 0)
  shift($ratios: 0, $col_or_span: column, $gutter: $jeet-gutter)
  unshift()
  edit()
  center($max_width: 1410px, $pad: 0)
  stack($pad: 0, $align: false)
  unstack()
  align($direction: both)
  cf()
*/
/**
 * Grid settings.
 * All values are defaults and can therefore be easily overidden.
 */
/**
 * List functions courtesy of the wonderful folks at Team Sass.
 * Check out their awesome grid: Singularity.
 */
/**
 * Get  percentage from a given ratio.
 * @param {number} [$ratio=1] - The column ratio of the element.
 * @returns {number} - The percentage value.
 */
/**
 * Work out the column widths based on the ratio and gutter sizes.
 * @param {number} [$ratios=1] - The column ratio of the element.
 * @param {number} [$gutter=$jeet-gutter] - The gutter for the column.
 * @returns {list} $width $gutter - A list containing the with and gutter for the element.
 */
/**
 * Get the set layout direction for the project.
 * @returns {string} $direction - The layout direction.
 */
/**
 * Replace a specified list value with a new value (uses built in set-nth() if available)
 * @param {list} $list - The list of values you want to alter.
 * @param {number} $index - The index of the list item you want to replace.
 * @param {*} $value - The value you want to replace $index with.
 * @returns {list} $list - The list with the value replaced or removed.
 * @warn if an invalid index is supplied.
 */
/**
 * Reverse a list (progressively enhanced for Sass 3.3)
 * @param {list} $list - The list of values you want to reverse.
 * @returns {list} $result - The reversed list.
 */
/**
 * Get the opposite direction to a given value.
 * @param {string} $dir - The direction you want the opposite of.
 * @returns {string} - The opposite direction to $dir.
 * @warn if an incorrect string is provided.
 */
/**
 * Perform a value into a percentage value.
 * @param {number} $value - The value which should be converted.
 * @returns {number} $value - The percentage.
 */
/**
 * Style an element as a column with a gutter.
 * @param {number} [$ratios=1] - A width relative to its container as a fraction.
 * @param {number} [$offset=0] - A offset specified as a fraction (see $ratios).
 * @param {number} [$cycle=0] - Easily create an nth column grid where $cycle equals the number of columns.
 * @param {number} [$uncycle=0] - Undo a previous cycle value to allow for a new one.
 * @param {number} [$gutter=$jeet-gutter] - Specify the gutter width as a percentage of the containers width.
 */
/**
 * Aliases for j-column().
 */
/**
 * Get the width of a column and nothing else.
 * @param {number} [$ratios=1] - A width relative to its container as a fraction.
 * @param {number} [$gutter=$jeet-gutter] - Specify the gutter width as a percentage of the containers width.
 */
/**
 * Aliases for j-column-width().
 */
/**
 * Get the gutter size of a column and nothing else.
 * @param {number} [ratios=1] - A width relative to its container as a fraction.
 * @param {number} [gutter=jeet.gutter] - Specify the gutter width as a percentage of the containers width.
 */
/**
 * Alias for j-column-gutter().
 */
/**
 * Style an element as a column without any gutters for a seamless row.
 * @param {number} [$ratios=1] - A width relative to its container as a fraction.
 * @param {number} [$offset=0] - A offset specified as a fraction (see $ratios).
 * @param {number} [cycle=0] - Easily create an nth column grid where cycle equals the number of columns.
 * @param {number} [uncycle=0] - Undo a previous cycle value to allow for a new one.
 */
/**
 * Alias for j-span().
 */
/**
 * Reorder columns without altering the HTML.
 * @param {number} [$ratios=0] - Specify how far along you want the element to move.
 * @param {string} [$col-or-span=column] - Specify whether the element has a gutter or not.
 * @param {number} [$gutter=$jeet-gutter] - Specify the gutter width as a percentage of the containers width.
 */
/**
 * Alias for j-shift().
 */
/**
 * Reset an element that has had shift() applied to it.
 */
/**
 * Alias for j-unshift().
 */
/**
 * View the grid and its layers for easy debugging.
 * @param {string} [$color=black] - The background tint applied.
 * @param {boolean} [$important=false] - Whether to apply the style as !important.
 */
/**
 * Aliases for j-edit().
 */
/**
 * Horizontally center an element.
 * @param {number} [$max-width=1410px] - The max width the element can be.
 * @param {number} [$pad=0] - Specify the element's left and right padding.
 */
/**
 * Alias for j-center().
 */
/**
 * Uncenter an element.
 */
/**
 * Alias for j-uncenter().
 */
/**
 * Stack an element so that nothing is either side of it.
 * @param {number} [$pad=0] - Specify the element's left and right padding.
 * @param {boolean/string} [$align=false] - Specify the text align for the element.
 */
/**
 * Alias for j-stack().
 */
/**
 * Unstack an element.
 */
/**
 * Alias for j-unstack().
 */
/**
 * Center an element on either or both axes.
 * @requires A parent container with relative positioning.
 * @param {string} [$direction=both] - Specify which axes to center the element on.
 */
/**
 * Alias for j-align().
 */
/**
 * Apply a clearfix to an element.
 */
/**
 * Alias for j-cf().
 */
/*********************************************
  :: Sass Setup
  :: Variables, mixins and more!!
********************************************/
/*********************************************
  :: colors!!!!!!
  :: 3 most over used colors for the site
  :: usage = background: $primary-color;
********************************************/
/*********************************************
  :: typography defaults!!!!!!
  :: 3 most over used colors for the site
  :: usage = font-size: $body-copy-size; || line-height: $body-copy-lh;
********************************************/
/*********************************************
  :: breakpoint mixin
  :: simple custom defined breakpoints
  :: usage = @include breakpoint(gt760)
********************************************/
/*********************************************
  :: rgba mixin
  :: good for those pesky old browsers!!!
  :: usage = @include rgba(#000, 0.5)
********************************************/
/*********************************************
  :: Cross Browser - Border Radius
  :: good for those pesky old browsers!!!
  :: usage = @include border-radius(0px 0px 0px 0px)
********************************************/
@import url(//fonts.googleapis.com/css?family=Montserrat:400,700);
.jba2-btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: white;
  transition: transform 0.15s;
  transform: scale(1);
  border-width: 0px;
  white-space: normal;
  border-radius: 500px; }

.jba2-btn:hover {
  text-decoration: none !important;
  color: white !important; }

.jba2-btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5; }

.jba2-btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5; }

.jba2-btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333; }

.jba2-btn-xl {
  padding: 10px 22px;
  font-size: 24px;
  line-height: 1.3333333; }

@media screen and (max-width: 600px) {
  .jba2-btn {
    font-weight: 500 !important; } }

.instance-buttons-choice .jba2-btn.green, .instances-many-buttons .jba2-btn.green {
  background: #38b54a !important; }
  .instance-buttons-choice .jba2-btn.green:hover, .instances-many-buttons .jba2-btn.green:hover {
    background: #309c3e !important; }

.instance-buttons-choice .jba2-btn.red, .instances-many-buttons .jba2-btn.red {
  background: #dc0000 !important; }
  .instance-buttons-choice .jba2-btn.red:hover, .instances-many-buttons .jba2-btn.red:hover {
    background: #b30000 !important; }

.instance-buttons-choice .jba2-btn.red, .instance-buttons-choice .jba2-btn.green, .instances-many-buttons .jba2-btn.red, .instances-many-buttons .jba2-btn.green {
  color: #fff !important; }
  .instance-buttons-choice .jba2-btn.red:focus, .instance-buttons-choice .jba2-btn.green:focus, .instances-many-buttons .jba2-btn.red:focus, .instances-many-buttons .jba2-btn.green:focus {
    color: #fff; }

.image-center-instances {
  max-width: 100px;
  margin: 0 auto;
  padding-bottom: 2em; }

.d-flex {
  display: -ms-flexbox;
  display: flex; }

.j-end {
  -ms-flex-pack: end;
  justify-content: flex-end; }

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

.j-around {
  -ms-flex-pack: distribute;
  justify-content: space-around; }

.j-center {
  -ms-flex-pack: center;
  justify-content: center; }

.image-center-instances img.img-responsive {
  max-width: 100px;
  height: auto; }

.instance-message-wrap {
  max-width: 900px;
  margin: 0 auto; }

.purple-header {
  background: #6C1F5D;
  color: white;
  padding: 1em; }

.purple-header h3 {
  font-family: 'Lora';
  margin-top: 0 !important;
  margin-bottom: 0 !important; }
  .purple-header h3.title-instance {
    color: #fff !important; }

.d-flex.j-center.instance-buttons-choice {
  -ms-flex-align: center;
  align-items: center;
  margin-top: 2em; }

.d-flex.j-center.instance-buttons-choice a {
  margin-left: 10px;
  margin-right: 10px; }

@media screen and (max-width: 500px) {
  .d-flex.j-center.instance-buttons-choice {
    -ms-flex-direction: column;
    flex-direction: column; }
  .d-flex.j-center.instance-buttons-choice a {
    margin-bottom: 1em;
    width: 200px; } }

.d-flex.j-center.instances-many-buttons {
  margin-top: 2em;
  -ms-flex-direction: column;
  flex-direction: column; }

.d-flex.j-center.instances-many-buttons a {
  width: 200px;
  margin: 0 auto; }

.jbanew-course-card .element-item.course-item-instance {
  cursor: default;
  box-shadow: gray 1px 1px 5px 0px; }
  .jbanew-course-card .element-item.course-item-instance:hover {
    box-shadow: gray 1px 1px 5px 0px; }
  .jbanew-course-card .element-item.course-item-instance .element-item-background, .jbanew-course-card .element-item.course-item-instance .courses-container, .jbanew-course-card .element-item.course-item-instance .element-item-text {
    cursor: default; }

.self-discovery-mobile-card-fix.col-xs-12.instance-course {
  width: 91% !important;
  padding: 0; }

@media (min-width: 768px) and (max-width: 991px) {
  .self-discovery-mobile-card-fix.col-xs-12.instance-course {
    padding: 0 15%; }
  .instance-course .element-item {
    width: 97%;
    margin: 1.5%; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .self-discovery-mobile-card-fix.col-xs-12.instance-course {
    padding: 0 10%; }
  .instance-course .element-item {
    width: 97%;
    margin: 1.5%; } }

@media (min-width: 1200px) {
  .self-discovery-mobile-card-fix.col-xs-12.instance-course {
    padding: 0 20px; }
  .instance-course .element-item {
    width: 30%;
    margin: 1%; } }

/*********************************************
  :: The mixin
********************************************/
/**
 * Fix for vw, vh, vmin, vmax on iOS 7.
 * http://caniuse.com/#feat=viewport-units
 *
 * This fix works by replacing viewport units with px values on known screen sizes.
 *
 * iPhone 6 and 6 Plus cannot run iOS 7, so are not targeted by this fix.
 * Target devices running iOS 8+ will incidentally execute the media query,
 * but this will still produce the expected result; so this is not a problem.
 *
 * As an example, replace:
 *
 *   height: 50vh;
 *   font-size: 5vmin;
 *
 * with:
 *
 *   @include viewport-unit(height, 50vh);
 *   @include viewport-unit(font-size, 5vmin);
 */
/* .site-wrapper {
    background-image: url( https://worktheseasons.co.nz/images/theme-competenz/landing-background.jpg );
} */
/* Generated by Font Squirrel (https://www.fontsquirrel.com) on March 8, 2017 */
.orange-text {
  color: #D61A69 !important; }

.quoteable {
  font-size: 30px; }

body.staging:before {
  background: #f0f;
  border: 5px solid #0f0;
  content: '!STAGING SITE!';
  font-size: 30px;
  font-weight: bold;
  left: -130px;
  opacity: 0.5;
  padding: 10px 0;
  pointer-events: none;
  position: absolute;
  text-align: center;
  top: 40px;
  transform: rotate(-25deg);
  transition: opacity 10s linear;
  width: 500px;
  z-index: 100000; }

.panel.panel-default, .panel, .panel-secondary, #v-progess .panel-body {
  background: white !important;
  border: none !important;
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.16); }

.panel-heading {
  background: white !important;
  border: none !important; }

.panel-footer {
  background: white !important;
  border: none !important; }

.panel.panel-quote.dismissable {
  border: none;
  background-color: transparent !important;
  box-shadow: none !important;
  padding-top: 1em; }

.panel-quote .panel-heading {
  border: none !important;
  background: transparent !important; }

.quote-color {
  color: black !important; }

.quote-text, .wrap-side-info i {
  color: black !important; }

.tgl-light:checked + .tgl-btn, .filter-switch-checked {
  background: #D61A69 !important; }

.job-color, .course-color, .element-item-text.black a, .list-toggle-active, .learn-more-text {
  color: #D61A69 !important; }

nav .divider-left {
  border-left: #EBEBEB !important; }

.text-secondary.fa.fa-file-text {
  color: white !important; }

div#v-summary, div#v-summary .panel, div#v-progess .panel {
  background: transparent !important;
  border-bottom: none !important;
  box-shadow: none !important; }

div#v-summary .panel-heading, div#v-progess .panel-heading {
  background: transparent !important; }

#v-summary .panels-dashboard {
  background: white !important;
  padding: 2em;
  border: none;
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.16); }

.half-circle {
  display: none !important; }

#v-summary h3.title-color, #v-progess h3.title-color {
  color: black !important;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: bold; }

.pitches-list-parent {
  background: white !important; }

#v-dashboard-activity .panel.panel-secondary {
  margin-top: 0 !important; }

#v-summary h3.mts.mbs.tcenter.title-color::after, #v-progess h3.mts.mbs.tcenter.title-color::after {
  content: '';
  height: 2px;
  width: 40%;
  position: absolute;
  right: 0;
  top: 35px;
  box-shadow: 1px 1px 1px 1px #dedede inset; }

#v-summary h3.mts.mbs.tcenter.title-color::before, #v-progess h3.mts.mbs.tcenter.title-color::before {
  content: '';
  height: 2px;
  width: 40%;
  position: absolute;
  left: 0;
  box-shadow: 1px 1px 1px 1px #dedede inset;
  top: 35px; }

div#v-dashboard-activity h3 {
  text-align: center;
  color: black !important;
  text-transform: uppercase;
  font-size: 20px; }

.viewButton {
  color: #D61A69 !important; }

.viewButton.active {
  color: #6C1F5D !important; }

.profile-section {
  background: white;
  padding: 0;
  margin: 10px 0;
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.16); }

.text-secondary {
  color: #6E6E91 !important; }

.pakistan .jba-btn:not(.jba-btn-submit):not(.submit-sortable):not(.course-button), .competenz .jba-btn:not(.jba-btn-submit):not(.submit-sortable):not(.course-button), .intouch .jba-btn:not(.jba-btn-submit):not(.submit-sortable):not(.course-button) {
  background-image: none !important;
  background-color: #D61A69 !important;
  border: none !important;
  color: white !important;
  text-decoration: none !important; }

.jba-modal-btn, .btn-secondary, .jba-modal-btn:hover, .js-password2.bbtn {
  background-image: none !important;
  background-color: #D61A69 !important;
  border: none !important;
  color: white !important;
  text-decoration: none !important; }

.jba-btn-locked {
  background-color: grey !important;
  background-image: none !important; }

.jba-btn-visited {
  background-color: #6E6E91 !important; }

.jba-btn-no-bg {
  background-image: none !important; }

.progress-content {
  color: #000000 !important; }

input[type=range]::-webkit-slider-thumb {
  background: #000000 !important; }

.wrapper-exercise .bold.text-main {
  color: white !important; }

.progress-checkbox {
  background: url(../../images/theme-competenz/checkBoxBlack.svg) !important;
  background-repeat: no-repeat !important; }

.row.social-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 0.5em; }

img.icons-social {
  width: 80%; }

.help-section-competenz {
  background: black;
  padding: 2em 1em; }

.help-section-competenz a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: white;
  font-size: 16px; }

span.icon-contacts {
  margin-top: -5px; }

.icon-contacts img {
  width: 20px !important;
  margin-right: 20px; }

h4.social-heading {
  font-weight: bold; }

.help-wrap {
  margin-top: 2em; }

.border-sidebar {
  box-shadow: 1px 1px 1px 1px #dedede inset;
  height: 2px;
  margin-top: 2.2em; }

.name {
  color: #D61A69 !important; }

@media screen and (min-width: 980px) {
  div#page-content-wrapper {
    background-image: url("../../images/theme-lockerroom/lockerRoom.svg");
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: 100%; }
  .wrapper-exercise div#page-content-wrapper {
    background-image: none !important; } }

@media screen and (max-width: 1200px) {
  #v-summary h3.mts.mbs.tcenter.title-color::after, #v-progess h3.mts.mbs.tcenter.title-color::after {
    width: 35%;
    top: 35px; }
  #v-summary h3.mts.mbs.tcenter.title-color::before, #v-progess h3.mts.mbs.tcenter.title-color::before {
    width: 35%;
    top: 35px; } }

@media screen and (max-width: 767px) {
  #v-summary h3.mts.mbs.tcenter.title-color::after, #v-progess h3.mts.mbs.tcenter.title-color::after {
    width: 35%;
    right: 0;
    top: 35px; }
  #v-summary h3.mts.mbs.tcenter.title-color::before, #v-progess h3.mts.mbs.tcenter.title-color::before {
    width: 35%;
    left: 0;
    top: 35px; }
  a.navbar-brand.logo.mts.pt0.pr0.pb0.pl0 {
    right: 0 !important;
    left: 60% !important;
    margin-top: 10px !important; }
  a.navbar-brand.logo.mts.pt0.pr0.pb0.pl0 img {
    height: 30px !important; } }

@media screen and (max-width: 480px) {
  #v-summary h3.mts.mbs.tcenter.title-color::after, #v-progess h3.mts.mbs.tcenter.title-color::after {
    content: '';
    height: 2px;
    width: 26%;
    position: absolute;
    right: 0;
    top: 35px;
    box-shadow: 1px 1px 1px 1px #dedede inset; }
  #v-summary h3.mts.mbs.tcenter.title-color::before, #v-progess h3.mts.mbs.tcenter.title-color::before {
    content: '';
    height: 2px;
    width: 25%;
    position: absolute;
    left: 0;
    box-shadow: 1px 1px 1px 1px #dedede inset;
    top: 35px; } }

#v-progess h3.mts.mbs.tcenter.title-color::before, #v-progess h3.mts.mbs.tcenter.title-color::after {
  top: 50% !important; }

.social-box.tcenter {
  width: 20%; }

i.fa.fa-linkedin-square.icons-social {
  color: white;
  font-size: 40px; }

.list-toggle.list-toggle-competenz {
  -ms-flex-align: center;
  align-items: center; }

.list-toggle.list-toggle-competenz p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 0.3em;
  font-size: 18px;
  font-weight: bold; }

.wrapper-exercise .bold.text-main {
  color: #D61A69 !important; }

.menu-bar__item .fa {
  color: #D61A69 !important; }

@media screen and (min-width: 768px) {
  .panels-dashboard {
    width: 48% !important; }
  .col-xs-12.col-sm-6.sum-border.mtb.pbb.panels-dashboard {
    margin-right: 4% !important; } }

@media screen and (min-width: 1400px) {
  div#page-content-wrapper {
    background-position: 0 115%; }
  #page-content-wrapper {
    height: 100% !important;
    overflow: scroll; }
  i.fa.fa-linkedin-square.icons-social {
    font-size: 60px; } }

@media screen and (max-width: 767px) {
  a.navbar-brand.logo.mts.pt0.pr0.pb0.pl0 {
    width: 80% !important;
    margin-top: 4px !important;
    left: initial !important;
    margin-left: 0 !important; }
  a.navbar-brand.logo.mts.pt0.pr0.pb0.pl0 img {
    height: auto !important;
    max-height: 100%;
    max-width: 100%;
    right: 0;
    float: right; } }

/*********************************************
  :: The Core
********************************************/
.btn-main {
  color: #FFFFFF;
  background-color: #000000;
  border-color: #000000; }

.btn-main:hover,
.btn-main:focus,
.btn-main:active,
.btn-main.active,
.open .dropdown-toggle.btn-main {
  color: #FFFFFF;
  background-color: #000000;
  border-color: #000000; }

.btn-main:active,
.btn-main.active,
.open .dropdown-toggle.btn-main {
  background-image: none; }

.btn-main.disabled,
.btn-main[disabled],
fieldset[disabled] .btn-main,
.btn-main.disabled:hover,
.btn-main[disabled]:hover,
fieldset[disabled] .btn-main:hover,
.btn-main.disabled:focus,
.btn-main[disabled]:focus,
fieldset[disabled] .btn-main:focus,
.btn-main.disabled:active,
.btn-main[disabled]:active,
fieldset[disabled] .btn-main:active,
.btn-main.disabled.active,
.btn-main[disabled].active,
fieldset[disabled] .btn-main.active {
  background-color: #000000;
  border-color: #000000; }

.btn-main .badge {
  color: #000000;
  background-color: #FFFFFF; }

.btn-secondary {
  color: #FFFFFF;
  background-color: #D61A69;
  border-color: #D61A69; }

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active,
.open .dropdown-toggle.btn-secondary {
  color: #FFFFFF;
  background-color: #D61A69;
  border-color: #D61A69; }

.btn-secondary:active,
.btn-secondary.active,
.open .dropdown-toggle.btn-secondary {
  background-image: none; }

.btn-secondary.disabled,
.btn-secondary[disabled],
fieldset[disabled] .btn-secondary,
.btn-secondary.disabled:hover,
.btn-secondary[disabled]:hover,
fieldset[disabled] .btn-secondary:hover,
.btn-secondary.disabled:focus,
.btn-secondary[disabled]:focus,
fieldset[disabled] .btn-secondary:focus,
.btn-secondary.disabled:active,
.btn-secondary[disabled]:active,
fieldset[disabled] .btn-secondary:active,
.btn-secondary.disabled.active,
.btn-secondary[disabled].active,
fieldset[disabled] .btn-secondary.active {
  background-color: #D61A69;
  border-color: #D61A69; }

.btn-secondary .badge {
  color: #D61A69;
  background-color: #FFFFFF; }

.btn-tertiary {
  color: #FFFFFF;
  background-color: #000000;
  border-color: #000000; }

.btn-tertiary:hover,
.btn-tertiary:focus,
.btn-tertiary:active,
.btn-tertiary.active,
.open .dropdown-toggle.btn-tertiary {
  color: #FFFFFF;
  background-color: #000000;
  border-color: #000000; }

.btn-tertiary:active,
.btn-tertiary.active,
.open .dropdown-toggle.btn-tertiary {
  background-image: none; }

.btn-tertiary.disabled,
.btn-tertiary[disabled],
fieldset[disabled] .btn-tertiary,
.btn-tertiary.disabled:hover,
.btn-tertiary[disabled]:hover,
fieldset[disabled] .btn-tertiary:hover,
.btn-tertiary.disabled:focus,
.btn-tertiary[disabled]:focus,
fieldset[disabled] .btn-tertiary:focus,
.btn-tertiary.disabled:active,
.btn-tertiary[disabled]:active,
fieldset[disabled] .btn-tertiary:active,
.btn-tertiary.disabled.active,
.btn-tertiary[disabled].active,
fieldset[disabled] .btn-tertiary.active {
  background-color: #000000;
  border-color: #000000; }

.btn-tertiary .badge {
  color: #000000;
  background-color: #FFFFFF; }

.btn-quarternary {
  color: #FFFFFF;
  background-color: #EBEBEB;
  border-color: #EBEBEB; }

.btn-quarternary:hover,
.btn-quarternary:focus,
.btn-quarternary:active,
.btn-quarternary.active,
.open .dropdown-toggle.btn-quarternary {
  color: #FFFFFF;
  background-color: #EBEBEB;
  border-color: #EBEBEB; }

.btn-quarternary:active,
.btn-quarternary.active,
.open .dropdown-toggle.btn-quarternary {
  background-image: none; }

.btn-quarternary.disabled,
.btn-quarternary[disabled],
fieldset[disabled] .btn-quarternary,
.btn-quarternary.disabled:hover,
.btn-quarternary[disabled]:hover,
fieldset[disabled] .btn-quarternary:hover,
.btn-quarternary.disabled:focus,
.btn-quarternary[disabled]:focus,
fieldset[disabled] .btn-quarternary:focus,
.btn-quarternary.disabled:active,
.btn-quarternary[disabled]:active,
fieldset[disabled] .btn-quarternary:active,
.btn-quarternary.disabled.active,
.btn-quarternary[disabled].active,
fieldset[disabled] .btn-quarternary.active {
  background-color: #EBEBEB;
  border-color: #EBEBEB; }

.btn-quarternary .badge {
  color: #EBEBEB;
  background-color: #FFFFFF; }

.btn-quinary {
  color: #FFFFFF;
  background-color: #D61A69;
  border-color: #D61A69; }

.btn-quinary:hover,
.btn-quinary:focus,
.btn-quinary:active,
.btn-quinary.active,
.open .dropdown-toggle.btn-quinary {
  color: #FFFFFF;
  background-color: #D61A69;
  border-color: #D61A69; }

.btn-quinary:active,
.btn-quinary.active,
.open .dropdown-toggle.btn-quinary {
  background-image: none; }

.btn-quinary.disabled,
.btn-quinary[disabled],
fieldset[disabled] .btn-quinary,
.btn-quinary.disabled:hover,
.btn-quinary[disabled]:hover,
fieldset[disabled] .btn-quinary:hover,
.btn-quinary.disabled:focus,
.btn-quinary[disabled]:focus,
fieldset[disabled] .btn-quinary:focus,
.btn-quinary.disabled:active,
.btn-quinary[disabled]:active,
fieldset[disabled] .btn-quinary:active,
.btn-quinary.disabled.active,
.btn-quinary[disabled].active,
fieldset[disabled] .btn-quinary.active {
  background-color: #D61A69;
  border-color: #D61A69; }

.btn-quinary .badge {
  color: #D61A69;
  background-color: #FFFFFF; }

.btn-pink {
  color: #FFFFFF;
  background-color: #6E6E91;
  border-color: #6E6E91; }

.btn-pink:hover,
.btn-pink:focus,
.btn-pink:active,
.btn-pink.active,
.open .dropdown-toggle.btn-pink {
  color: #FFFFFF;
  background-color: #6E6E91;
  border-color: #6E6E91; }

.btn-pink:active,
.btn-pink.active,
.open .dropdown-toggle.btn-pink {
  background-image: none; }

.btn-pink.disabled,
.btn-pink[disabled],
fieldset[disabled] .btn-pink,
.btn-pink.disabled:hover,
.btn-pink[disabled]:hover,
fieldset[disabled] .btn-pink:hover,
.btn-pink.disabled:focus,
.btn-pink[disabled]:focus,
fieldset[disabled] .btn-pink:focus,
.btn-pink.disabled:active,
.btn-pink[disabled]:active,
fieldset[disabled] .btn-pink:active,
.btn-pink.disabled.active,
.btn-pink[disabled].active,
fieldset[disabled] .btn-pink.active {
  background-color: #6E6E91;
  border-color: #6E6E91; }

.btn-pink .badge {
  color: #6E6E91;
  background-color: #FFFFFF; }

/* Custom Brand Coloured Panels */
.panel-main {
  border-color: #000000; }

.panel-main > .panel-heading {
  color: #ffffff;
  background-color: #000000;
  border-color: #000000; }

.panel-main > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #000000; }

.panel-main > .panel-heading .badge {
  color: #000000;
  background-color: #ffffff; }

.panel-main > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #000000; }

.panel-secondary {
  border-color: #D61A69; }

.panel-secondary > .panel-heading {
  color: #ffffff;
  background-color: #D61A69;
  border-color: #D61A69; }

.panel-secondary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #D61A69; }

.panel-secondary > .panel-heading .badge {
  color: #D61A69;
  background-color: #ffffff; }

.panel-secondary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #D61A69; }

.panel-tertiary {
  border-color: #000000; }

.panel-tertiary > .panel-heading {
  color: #ffffff;
  background-color: #000000;
  border-color: #000000; }

.panel-tertiary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #000000; }

.panel-tertiary > .panel-heading .badge {
  color: #000000;
  background-color: #ffffff; }

.panel-tertiary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #000000; }

.panel-quarternary {
  border-color: #EBEBEB; }

.panel-quarternary > .panel-heading {
  color: #ffffff;
  background-color: #EBEBEB;
  border-color: #EBEBEB; }

.panel-quarternary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #EBEBEB; }

.panel-quarternary > .panel-heading .badge {
  color: #EBEBEB;
  background-color: #ffffff; }

.panel-quarternary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #EBEBEB; }

.panel-quinary {
  border-color: #D61A69; }

.panel-quinary > .panel-heading {
  color: #ffffff;
  background-color: #D61A69;
  border-color: #D61A69; }

.panel-quinary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #D61A69; }

.panel-quinary > .panel-heading .badge {
  color: #D61A69;
  background-color: #ffffff; }

.panel-quinary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #D61A69; }

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #000;
  background-color: #000000;
  border-color: #000000; }

@media (min-width: 768px) {
  .col-ms-offset-right-6 {
    margin-right: 50%; } }

@font-face {
  font-family: 'Cutive';
  src: url("../../fonts/cutive_regular-webfont.eot");
  src: url("../../fonts/cutive_regular-webfont.eot#iefix") format("embedded-opentype"), url("../../fonts/cutive_regular-webfont.woff") format("woff2"), url("../../fonts/cutive_regular-webfont.woff") format("woff"), url("../../fonts/cutive_regular-webfont.ttf") format("truetype"), url("../../fonts/cutive_regular-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Lato';
  src: url("../../fonts/lato_regular-webfont.eot");
  src: url("../../fonts/lato_regular-webfont.eot#iefix") format("embedded-opentype"), url("../../fonts/lato_regular-webfont.woff") format("woff2"), url("../../fonts/lato_regular-webfont.woff") format("woff"), url("../../fonts/lato_regular-webfont.ttf") format("truetype"), url("../../fonts/lato_regular-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Lato';
  src: url("../../fonts/lato_bold-webfont.eot");
  src: url("../../fonts/lato_bold-webfont.eot#iefix") format("embedded-opentype"), url("../../fonts/lato_bold-webfont.woff") format("woff2"), url("../../fonts/lato_bold-webfont.woff") format("woff"), url("../../fonts/lato_bold-webfont.ttf") format("truetype"), url("../../fonts/lato_bold-webfont.svg") format("svg");
  font-weight: bold;
  font-style: normal; }

/**
 * Font size helpers
 */
.font-size-8-px {
  font-size: 8px !important; }

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

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

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

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

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

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

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

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

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

.standard-title {
  font-size: 1rem;
  position: relative;
  width: 100%;
  display: inline-block; }
  .standard-title span {
    float: right;
    font-size: 0.875rem; }
  .standard-title .min-icon {
    display: none;
    font-size: 0.8125rem;
    font-style: italic;
    cursor: pointer; }
    .standard-title .min-icon img {
      position: relative;
      top: 2px;
      margin-left: 9px; }
    .standard-title .min-icon.active {
      display: inline-block; }
  @media (max-width: 500px) {
    .standard-title.mobi-clap {
      border-bottom: 1px solid #DDDDDD;
      padding-bottom: 13px;
      margin-bottom: 52px; }
      .standard-title.mobi-clap .simple-version {
        top: 35px; } }

.blue-center-plain {
  text-decoration: none;
  text-align: center;
  padding: 20px 0;
  display: block; }

.toggle-content-triggers {
  float: right; }
  .toggle-content-triggers span {
    float: right;
    color: #999999;
    font-size: 0.875rem; }
  .toggle-content-triggers .min-icon {
    display: none;
    font-size: 0.8125rem;
    color: #000000;
    font-style: italic;
    cursor: pointer; }
    .toggle-content-triggers .min-icon img {
      position: relative;
      top: 2px;
      margin-left: 9px; }
    .toggle-content-triggers .min-icon.active {
      display: inline-block; }

.mobi-menu {
  width: 80%;
  height: 100%;
  position: fixed;
  right: -90%;
  top: 0;
  background-color: #222222;
  border-left: 1px solid white;
  z-index: 100;
  overflow-y: auto;
  transition: all 0.3s ease-in-out; }
  .mobi-menu.active {
    right: 0; }
  .mobi-menu .close {
    position: absolute;
    left: -62px;
    top: 0px;
    padding: 23px;
    background-color: #000000; }
  .mobi-menu .top-banner-menu {
    width: 100%;
    height: 62px;
    background-color: #000000; }
    .mobi-menu .top-banner-menu .right {
      float: right; }
    .mobi-menu .top-banner-menu .profile {
      text-decoration: none;
      padding: 11px; }
      .mobi-menu .top-banner-menu .profile p {
        color: white;
        font-family: "Lato", serif;
        font-size: 0.875rem;
        display: inline-block;
        vertical-align: top;
        margin-top: 15px;
        margin-right: 15px; }
      .mobi-menu .top-banner-menu .profile img {
        width: 42px;
        height: 42px; }
  .mobi-menu .bottom-banner-menu {
    border-top: 1px solid rgba(255, 255, 255, 0.25);
    width: 100%;
    height: 50px;
    background-color: #000000; }
    .mobi-menu .bottom-banner-menu .profile-control {
      text-align: center;
      padding: 10px 0; }

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, span, applet, object, iframe, pre,
a, abbr, acronym, address, big, code,
del, dfn, em, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol.reset, ul.reset,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  box-sizing: border-box; }

b {
  font-weight: bold; }

em {
  font-style: italic; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
header, hgroup, menu, nav, section, main {
  display: block; }

body {
  margin: 0;
  padding: 0;
  background-color: #EEEEEE; }

ol.reset, ul.reset {
  list-style: none; }

i {
  font-style: italic; }

blockquote, q {
  quotes: none; }

strong {
  font-weight: bold; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

html, body {
  font-family: "Lato", sans-serif;
  font-size: 0.95em;
  height: 100%;
  overflow-x: -moz-scrollbars-none;
  -webkit-overflow-scrolling: touch; }

.col-12-1 {
  float: left;
  clear: none;
  width: 5.5833333333%;
  margin-left: 0;
  margin-right: 3%; }
  .col-12-1:last-child {
    margin-right: 0; }

.col-12-2 {
  float: left;
  clear: none;
  width: 14.1666666667%;
  margin-left: 0;
  margin-right: 3%; }
  .col-12-2:last-child {
    margin-right: 0; }

.col-12-3 {
  float: left;
  clear: none;
  width: 22.75%;
  margin-left: 0;
  margin-right: 3%; }
  .col-12-3:last-child {
    margin-right: 0; }

.col-12-4 {
  float: left;
  clear: none;
  width: 31.3333333333%;
  margin-left: 0;
  margin-right: 3%; }
  .col-12-4:last-child {
    margin-right: 0; }

.col-12-5 {
  float: left;
  clear: none;
  width: 39.9166666667%;
  margin-left: 0;
  margin-right: 3%; }
  .col-12-5:last-child {
    margin-right: 0; }

.col-12-6 {
  float: left;
  clear: none;
  width: 48.5%;
  margin-left: 0;
  margin-right: 3%; }
  .col-12-6:last-child {
    margin-right: 0; }

.col-12-7 {
  float: left;
  clear: none;
  width: 57.0833333333%;
  margin-left: 0;
  margin-right: 3%; }
  .col-12-7:last-child {
    margin-right: 0; }

.col-12-8 {
  float: left;
  clear: none;
  width: 65.6666666667%;
  margin-left: 0;
  margin-right: 3%; }
  .col-12-8:last-child {
    margin-right: 0; }

.col-12-9 {
  float: left;
  clear: none;
  width: 74.25%;
  margin-left: 0;
  margin-right: 3%; }
  .col-12-9:last-child {
    margin-right: 0; }

.col-12-10 {
  float: left;
  clear: none;
  width: 82.8333333333%;
  margin-left: 0;
  margin-right: 3%; }
  .col-12-10:last-child {
    margin-right: 0; }

.col-12-11 {
  float: left;
  clear: none;
  width: 91.4166666667%;
  margin-left: 0;
  margin-right: 3%; }
  .col-12-11:last-child {
    margin-right: 0; }

.col-12-12 {
  float: left;
  clear: none;
  width: 100%;
  margin-left: 0;
  margin-right: 3%; }
  .col-12-12:last-child {
    margin-right: 0; }

@media (max-width: 500px) {
  .col-stack {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0; }
    .col-stack:first-child {
      margin-left: auto; }
    .col-stack:last-child {
      margin-right: auto; } }

.desktop-only {
  display: inline-block !important; }
  @media (max-width: 768px) {
    .desktop-only {
      display: none !important; } }

.none-big-desktop {
  display: inline-block !important; }
  @media (min-width: 1024px) {
    .none-big-desktop {
      display: none !important; } }

.big-desktop-only {
  display: inline-block !important; }
  @media (max-width: 1024px) {
    .big-desktop-only {
      display: none !important; } }

.desktop-block-only {
  display: block !important; }
  @media (max-width: 768px) {
    .desktop-block-only {
      display: none !important; } }

.mobi-only {
  display: none !important; }
  @media (max-width: 768px) {
    .mobi-only {
      display: inline-block !important; } }

.mobi-block-only {
  display: none !important; }
  @media (max-width: 768px) {
    .mobi-block-only {
      display: block !important; } }

.row-100 {
  width: auto;
  max-width: 120px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-110 {
  width: auto;
  max-width: 130px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-120 {
  width: auto;
  max-width: 140px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-130 {
  width: auto;
  max-width: 150px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-140 {
  width: auto;
  max-width: 160px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-150 {
  width: auto;
  max-width: 170px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-160 {
  width: auto;
  max-width: 180px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-170 {
  width: auto;
  max-width: 190px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-180 {
  width: auto;
  max-width: 200px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-190 {
  width: auto;
  max-width: 210px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-200 {
  width: auto;
  max-width: 220px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-210 {
  width: auto;
  max-width: 230px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-220 {
  width: auto;
  max-width: 240px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-230 {
  width: auto;
  max-width: 250px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-240 {
  width: auto;
  max-width: 260px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-250 {
  width: auto;
  max-width: 270px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-260 {
  width: auto;
  max-width: 280px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-270 {
  width: auto;
  max-width: 290px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-280 {
  width: auto;
  max-width: 300px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-290 {
  width: auto;
  max-width: 310px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-300 {
  width: auto;
  max-width: 320px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-310 {
  width: auto;
  max-width: 330px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-320 {
  width: auto;
  max-width: 340px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-330 {
  width: auto;
  max-width: 350px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-340 {
  width: auto;
  max-width: 360px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-350 {
  width: auto;
  max-width: 370px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-360 {
  width: auto;
  max-width: 380px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-370 {
  width: auto;
  max-width: 390px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-380 {
  width: auto;
  max-width: 400px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-390 {
  width: auto;
  max-width: 410px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-400 {
  width: auto;
  max-width: 420px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-410 {
  width: auto;
  max-width: 430px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-420 {
  width: auto;
  max-width: 440px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-430 {
  width: auto;
  max-width: 450px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-440 {
  width: auto;
  max-width: 460px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-450 {
  width: auto;
  max-width: 470px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-460 {
  width: auto;
  max-width: 480px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-470 {
  width: auto;
  max-width: 490px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-480 {
  width: auto;
  max-width: 500px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-490 {
  width: auto;
  max-width: 510px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-500 {
  width: auto;
  max-width: 520px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-510 {
  width: auto;
  max-width: 530px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-520 {
  width: auto;
  max-width: 540px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-530 {
  width: auto;
  max-width: 550px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-540 {
  width: auto;
  max-width: 560px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-550 {
  width: auto;
  max-width: 570px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-560 {
  width: auto;
  max-width: 580px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-570 {
  width: auto;
  max-width: 590px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-580 {
  width: auto;
  max-width: 600px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-590 {
  width: auto;
  max-width: 610px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-600 {
  width: auto;
  max-width: 620px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-610 {
  width: auto;
  max-width: 630px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-620 {
  width: auto;
  max-width: 640px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-630 {
  width: auto;
  max-width: 650px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-640 {
  width: auto;
  max-width: 660px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-650 {
  width: auto;
  max-width: 670px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-660 {
  width: auto;
  max-width: 680px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-670 {
  width: auto;
  max-width: 690px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-680 {
  width: auto;
  max-width: 700px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-690 {
  width: auto;
  max-width: 710px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-700 {
  width: auto;
  max-width: 720px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-710 {
  width: auto;
  max-width: 730px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-720 {
  width: auto;
  max-width: 740px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-730 {
  width: auto;
  max-width: 750px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-740 {
  width: auto;
  max-width: 760px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-750 {
  width: auto;
  max-width: 770px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-760 {
  width: auto;
  max-width: 780px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-770 {
  width: auto;
  max-width: 790px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-780 {
  width: auto;
  max-width: 800px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-790 {
  width: auto;
  max-width: 810px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-800 {
  width: auto;
  max-width: 820px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-810 {
  width: auto;
  max-width: 830px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-820 {
  width: auto;
  max-width: 840px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-830 {
  width: auto;
  max-width: 850px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-840 {
  width: auto;
  max-width: 860px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-850 {
  width: auto;
  max-width: 870px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-860 {
  width: auto;
  max-width: 880px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-870 {
  width: auto;
  max-width: 890px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-880 {
  width: auto;
  max-width: 900px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-890 {
  width: auto;
  max-width: 910px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-900 {
  width: auto;
  max-width: 920px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-910 {
  width: auto;
  max-width: 930px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-920 {
  width: auto;
  max-width: 940px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-930 {
  width: auto;
  max-width: 950px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-940 {
  width: auto;
  max-width: 960px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-950 {
  width: auto;
  max-width: 970px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-960 {
  width: auto;
  max-width: 980px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-970 {
  width: auto;
  max-width: 990px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-980 {
  width: auto;
  max-width: 1000px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-990 {
  width: auto;
  max-width: 1010px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-1000 {
  width: auto;
  max-width: 1020px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

input[type='text'],
input[type='number'] {
  font-size: 16px !important; }

p:not(:first-child) {
  margin-top: 10px; }

/**
 * Width, height helpers
 */
.width-15-px {
  width: 15px; }

.height-15-px {
  height: 15px; }

.width-30-px {
  width: 30px; }

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

.width-45-px {
  width: 45px; }

.height-45-px {
  height: 45px; }

.width-60-px {
  width: 60px; }

.height-60-px {
  height: 60px; }

.width-75-px {
  width: 75px; }

.height-75-px {
  height: 75px; }

.width-90-px {
  width: 90px; }

.height-90-px {
  height: 90px; }

.width-105-px {
  width: 105px; }

.height-105-px {
  height: 105px; }

.width-120-px {
  width: 120px; }

.height-120-px {
  height: 120px; }

.width-135-px {
  width: 135px; }

.height-135-px {
  height: 135px; }

.width-150-px {
  width: 150px; }

.height-150-px {
  height: 150px; }

.width-165-px {
  width: 165px; }

.height-165-px {
  height: 165px; }

.width-180-px {
  width: 180px; }

.height-180-px {
  height: 180px; }

.width-195-px {
  width: 195px; }

.height-195-px {
  height: 195px; }

.width-210-px {
  width: 210px; }

.height-210-px {
  height: 210px; }

.width-225-px {
  width: 225px; }

.height-225-px {
  height: 225px; }

.width-240-px {
  width: 240px; }

.height-240-px {
  height: 240px; }

.width-255-px {
  width: 255px; }

.height-255-px {
  height: 255px; }

.width-270-px {
  width: 270px; }

.height-270-px {
  height: 270px; }

.width-285-px {
  width: 285px; }

.height-285-px {
  height: 285px; }

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

.height-300-px {
  height: 300px; }

.width-315-px {
  width: 315px; }

.height-315-px {
  height: 315px; }

.width-330-px {
  width: 330px; }

.height-330-px {
  height: 330px; }

.width-345-px {
  width: 345px; }

.height-345-px {
  height: 345px; }

.width-360-px {
  width: 360px; }

.height-360-px {
  height: 360px; }

.width-375-px {
  width: 375px; }

.height-375-px {
  height: 375px; }

.width-390-px {
  width: 390px; }

.height-390-px {
  height: 390px; }

.width-405-px {
  width: 405px; }

.height-405-px {
  height: 405px; }

.width-420-px {
  width: 420px; }

.height-420-px {
  height: 420px; }

.width-435-px {
  width: 435px; }

.height-435-px {
  height: 435px; }

.width-450-px {
  width: 450px; }

.height-450-px {
  height: 450px; }

.width-465-px {
  width: 465px; }

.height-465-px {
  height: 465px; }

.width-480-px {
  width: 480px; }

.height-480-px {
  height: 480px; }

.width-495-px {
  width: 495px; }

.height-495-px {
  height: 495px; }

.width-510-px {
  width: 510px; }

.height-510-px {
  height: 510px; }

.width-525-px {
  width: 525px; }

.height-525-px {
  height: 525px; }

.width-540-px {
  width: 540px; }

.height-540-px {
  height: 540px; }

.width-555-px {
  width: 555px; }

.height-555-px {
  height: 555px; }

.width-570-px {
  width: 570px; }

.height-570-px {
  height: 570px; }

.width-585-px {
  width: 585px; }

.height-585-px {
  height: 585px; }

.width-600-px {
  width: 600px; }

.height-600-px {
  height: 600px; }

/*********************************************
  :: Buttons
********************************************/
.btn {
  background-color: #60AEC8;
  text-align: center;
  cursor: pointer;
  border-radius: 11px;
  border: none;
  border-bottom: 3px solid #327990;
  color: white;
  font-family: "Lato", serif;
  line-height: 16px;
  padding: 13px 29px 11px 31px;
  display: inline-block;
  text-decoration: none;
  min-width: auto;
  transition: all 0.3s ease-in-out;
  -webkit-appearance: none; }
  .btn:hover {
    background-color: #327990; }
  .btn.right {
    float: right; }
  .btn.red {
    background-color: #DE2D0F;
    border-bottom: 3px solid #7e1a09; }
    .btn.red:hover {
      background-color: #7e1a09; }
  .btn.disabled {
    background-color: #999999;
    border-bottom: 3px solid #666666;
    cursor: default; }
    .btn.disabled:hover {
      background-color: #999999; }
  .btn.disabled, .btn.disabled-opportunity {
    background-color: #CCCCCC;
    border-bottom: 3px solid #999999;
    color: #666666; }
    .btn.disabled:hover, .btn.disabled-opportunity:hover {
      background-color: #999999; }
  .btn.btn-lg {
    font-size: 1em; }

.btn-tranparent-filter {
  background-color: transparent;
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-image: url(../../resources/images/down-arrow.png);
  font-size: 0.875rem;
  display: inline-block;
  vertical-align: top;
  padding: 15px 27px 15px 10px;
  color: black;
  text-decoration: none; }
  .btn-tranparent-filter.active {
    background-color: white;
    background-image: url(../../resources/images/up-arrow.png); }

.btn-filter {
  font-style: italic;
  color: white;
  font-size: 0.875rem;
  padding: 6px 19px;
  border-radius: 7px;
  border: none;
  display: inline-block;
  vertical-align: top;
  font-weight: 200;
  font-family: "Lato", sans-serif;
  transition: all 0.3s ease-in-out;
  text-decoration: none;
  background-color: #CCCCCC; }
  @media (max-width: 500px) {
    .btn-filter {
      padding: 6px 14px; } }
  .btn-filter img {
    position: relative;
    top: 2px;
    max-height: 13px;
    left: -7px; }
  .btn-filter:hover {
    background-color: #b3b3b3; }
  .btn-filter.blue.active {
    background-color: #5FACC5; }
    .btn-filter.blue.active:hover {
      background-color: #4095b1; }
  .btn-filter.orange.active {
    background-color: #F89838; }
    .btn-filter.orange.active:hover {
      background-color: #f47f09; }
  .btn-filter.red.active {
    background-color: #DE2D0F; }
    .btn-filter.red.active:hover {
      background-color: #ae230c; }
  .btn-filter.green.active {
    background-color: #3CBE66; }
    .btn-filter.green.active:hover {
      background-color: #309751; }
  .btn-filter.purple.active {
    background-color: #99238D; }
    .btn-filter.purple.active:hover {
      background-color: #6f1a67; }
  .btn-filter.pink.active {
    background-color: #D51367; }
    .btn-filter.pink.active:hover {
      background-color: #a60f50; }

.btn-cart {
  background-color: #3CBE66;
  border-bottom: 3px solid #2A9B4C;
  font-size: 13px;
  font-weight: 200;
  min-width: auto;
  padding: 5px 20px; }
  .btn-cart:hover {
    border-bottom: 3px solid #5FACC5; }

.btn-removecart {
  background-color: transparent;
  border-bottom: none;
  color: #5FACC5;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  vertical-align: middle;
  min-width: auto;
  padding: 4px 20px; }
  .btn-removecart img {
    vertical-align: middle;
    margin-left: 5px; }
  .btn-removecart:hover {
    background-color: transparent;
    color: #DE2D0F; }

.blue-link {
  color: #5FACC5;
  text-align: center;
  display: block;
  clear: both;
  text-decoration: none; }

.blue-link2 {
  font-size: 14px;
  color: #5FACC5;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  clear: both;
  text-decoration: none;
  background: transparent;
  border: none; }
  .blue-link2 img {
    vertical-align: top;
    display: inline-block; }

.btn-add {
  background-position: 95% center;
  background-repeat: no-repeat;
  background-image: url(../../resources/images/plus.png);
  border: 1px solid #000000;
  text-align: center;
  cursor: pointer;
  font-family: "Lato", serif;
  font-size: 0.875rem;
  color: #000000;
  padding: 14px 40px 14px 18px;
  display: inline-block;
  text-decoration: none;
  min-width: 170px;
  transition: all 0.3s ease-in-out; }
  .btn-add.active {
    background-image: url(../../resources/images/minus.png); }

.btn-transparent {
  background-color: transparent;
  text-align: center;
  cursor: pointer;
  border-radius: 11px;
  border: none;
  border: 1px solid transparent;
  font-size: 0.875rem;
  color: #60AEC8;
  font-family: "Lato", serif;
  padding: 17px 40px 14px 40px;
  display: inline-block;
  text-decoration: none;
  min-width: 170px;
  transition: all 0.3s ease-in-out; }

.btn-alt {
  border: 2px solid white;
  background-color: transparent;
  text-align: center;
  cursor: pointer;
  border-radius: 11px;
  font-size: 0.875rem;
  color: white;
  font-family: "Lato", serif;
  text-decoration: none;
  padding: 8px 18px;
  display: inline-block;
  transition: all 0.3s ease-in-out; }
  .btn-alt img {
    margin-right: 6px;
    position: relative;
    top: 2px;
    margin-left: 6px; }
  .btn-alt:hover {
    background-color: rgba(255, 255, 255, 0.3); }

.btn-small {
  text-align: center;
  cursor: pointer;
  border-radius: 6px;
  font-size: 12px;
  color: white;
  text-decoration: none;
  padding: 7px 12px 7px 12px;
  display: inline-block;
  transition: all 0.3s ease-in-out;
  background-repeat: no-repeat;
  background-position: 7px center;
  font-style: italic;
  color: white; }
  .btn-small.green {
    background-color: #3CBE66; }
  .btn-small.red {
    background-color: #DE2D0F; }
  .btn-small.orange {
    background-color: #E77334; }
  .btn-small.pad-left {
    padding-left: 26px; }

.btn.btn-upload {
  min-width: 140px;
  padding: 15px 0px 13px 0px;
  position: relative; }
  .btn.btn-upload input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.icon-text {
  text-decoration: none;
  display: inline-block; }
  .icon-text img {
    display: inline-block;
    position: relative;
    top: 1px;
    margin-right: 10px; }
  .icon-text.blue {
    color: #60AEC8; }

.btn-chat {
  margin: 5px 10px -5px 10px; }

.btn-continue {
  max-width: 230px;
  line-height: 17px; }

.clear {
  cursor: pointer; }

.top-padding-10 {
  padding-top: 10px; }

.bottom-padding-10 {
  padding-bottom: 10px; }

.top-margin-10 {
  margin-top: 10px; }

.bottom-margin-10 {
  margin-bottom: 10px; }

.top-padding-20 {
  padding-top: 20px; }

.bottom-padding-20 {
  padding-bottom: 20px; }

.top-margin-20 {
  margin-top: 20px; }

.bottom-margin-20 {
  margin-bottom: 20px; }

.top-padding-30 {
  padding-top: 30px; }

.bottom-padding-30 {
  padding-bottom: 30px; }

.top-margin-30 {
  margin-top: 30px; }

.bottom-margin-30 {
  margin-bottom: 30px; }

.top-padding-40 {
  padding-top: 40px; }

.bottom-padding-40 {
  padding-bottom: 40px; }

.top-margin-40 {
  margin-top: 40px; }

.bottom-margin-40 {
  margin-bottom: 40px; }

.top-padding-50 {
  padding-top: 50px; }

.bottom-padding-50 {
  padding-bottom: 50px; }

.top-margin-50 {
  margin-top: 50px; }

.bottom-margin-50 {
  margin-bottom: 50px; }

.top-padding-60 {
  padding-top: 60px; }

.bottom-padding-60 {
  padding-bottom: 60px; }

.top-margin-60 {
  margin-top: 60px; }

.bottom-margin-60 {
  margin-bottom: 60px; }

.top-padding-70 {
  padding-top: 70px; }

.bottom-padding-70 {
  padding-bottom: 70px; }

.top-margin-70 {
  margin-top: 70px; }

.bottom-margin-70 {
  margin-bottom: 70px; }

.top-padding-80 {
  padding-top: 80px; }

.bottom-padding-80 {
  padding-bottom: 80px; }

.top-margin-80 {
  margin-top: 80px; }

.bottom-margin-80 {
  margin-bottom: 80px; }

.top-padding-90 {
  padding-top: 90px; }

.bottom-padding-90 {
  padding-bottom: 90px; }

.top-margin-90 {
  margin-top: 90px; }

.bottom-margin-90 {
  margin-bottom: 90px; }

.top-padding-100 {
  padding-top: 100px; }

.bottom-padding-100 {
  padding-bottom: 100px; }

.top-margin-100 {
  margin-top: 100px; }

.bottom-margin-100 {
  margin-bottom: 100px; }

.bottom-padding-no {
  padding-bottom: 0 !important; }

.top-padding-no {
  padding-top: 0 !important; }

.left-padding-20 {
  padding-left: 20px; }

.left-padding-10 {
  padding-left: 10px; }

.input-block {
  padding: 14px 14px;
  margin-bottom: 2px;
  background-color: white;
  position: relative; }
  .input-block.half input[type="text"], .input-block.half input[type="password"], .input-block.half input[type="number"] {
    width: 42%;
    margin-right: 10px;
    font-size: 16px; }
    @media (max-width: 768px) {
      .input-block.half input[type="text"], .input-block.half input[type="password"], .input-block.half input[type="number"] {
        width: 45%; } }
    @media (max-width: 500px) {
      .input-block.half input[type="text"], .input-block.half input[type="password"], .input-block.half input[type="number"] {
        width: 40%; } }
    .input-block.half input[type="text"] + input[type="text"], .input-block.half input[type="text"] input[type="password"], .input-block.half input[type="text"] input[type="number"], .input-block.half input[type="password"] + input[type="text"], .input-block.half input[type="password"] input[type="password"], .input-block.half input[type="password"] input[type="number"], .input-block.half input[type="number"] + input[type="text"], .input-block.half input[type="number"] input[type="password"], .input-block.half input[type="number"] input[type="number"] {
      margin-left: 10px;
      margin-right: 0px; }
  .input-block.max-width {
    padding-left: 0;
    padding-right: 0; }
  .input-block .search-btn {
    background-color: transparent;
    border: none;
    position: absolute;
    padding: 10px;
    top: 14px;
    right: 0px;
    cursor: pointer; }
    .input-block .search-btn.top {
      top: 10px; }
  .input-block .edit {
    display: none; }
  .input-block.edit .edit {
    display: block; }
  .input-block.edit .preview {
    display: none; }
  .input-block .preview {
    overflow: hidden;
    width: 100%;
    position: relative; }
    .input-block .preview:not(.no-line) {
      padding-bottom: 20px;
      margin-bottom: 15px;
      border-bottom: 1px solid #DDDDDD; }
    .input-block .preview .preview-table {
      display: table;
      float: left; }
      .input-block .preview .preview-table .preview-table-cell {
        display: table-cell;
        vertical-align: middle; }
        .input-block .preview .preview-table .preview-table-cell p {
          margin-bottom: 3px; }
        .input-block .preview .preview-table .preview-table-cell h5 {
          color: #999999;
          font-size: 0.8125rem; }
        .input-block .preview .preview-table .preview-table-cell .edit-icon {
          cursor: pointer; }
          .input-block .preview .preview-table .preview-table-cell .edit-icon.bin {
            margin-right: 20px; }
      .input-block .preview .preview-table + .preview-table {
        float: right;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        margin: auto; }
    .input-block .preview .edit-swticher {
      float: right; }
  .input-block .edit-btns {
    margin-top: 20px; }
  .input-block .fake-input {
    border: 1px solid #ccc;
    padding: 10px 10px;
    width: 100%;
    display: none; }
    .input-block .fake-input.visible {
      display: block; }
  .input-block .noti {
    color: #999999;
    font-size: 0.8125rem; }
  .input-block label {
    font-size: 0.875rem;
    display: block;
    margin-bottom: 8px; }
    .input-block label .error {
      color: #000000;
      font-size: 0.875rem;
      margin-top: 8px; }
  .input-block input[type="text"], .input-block input[type="email"], .input-block input[type="password"], .input-block input[type="number"] {
    width: 100%;
    background-color: #E5E5E5;
    border: none;
    height: 38px;
    font-size: 16px;
    border-radius: 4px;
    padding: 0 10px;
    box-sizing: border-box; }
    .input-block input[type="text"] + input[type="text"], .input-block input[type="text"] input[type="password"], .input-block input[type="text"] input[type="number"], .input-block input[type="email"] + input[type="text"], .input-block input[type="email"] input[type="password"], .input-block input[type="email"] input[type="number"], .input-block input[type="password"] + input[type="text"], .input-block input[type="password"] input[type="password"], .input-block input[type="password"] input[type="number"], .input-block input[type="number"] + input[type="text"], .input-block input[type="number"] input[type="password"], .input-block input[type="number"] input[type="number"] {
      margin-top: 10px; }
  .input-block.error .error {
    display: block; }
  .input-block p.error, .input-block label.error {
    color: #000000;
    font-size: 0.875rem;
    margin-top: 8px; }

.checkbox-option input[type="checkbox"] {
  position: absolute;
  left: -9999px; }
  .checkbox-option input[type="checkbox"] + label {
    background-repeat: no-repeat;
    background-image: url(../../resources/images/uncheck.png);
    background-position: 7px center; }
  .checkbox-option input[type="checkbox"]:checked + label {
    background-image: url(../../resources/images/check.png); }

.checkbox-option label {
  cursor: pointer;
  display: inline-block;
  padding: 16px 14px 15px 37px; }

.radio-option input[type="radio"] {
  position: absolute;
  left: -9999px; }
  .radio-option input[type="radio"]:checked + label {
    color: black;
    background-image: url(../../resources/images/select.png); }

.radio-option label {
  color: #666666;
  background-repeat: no-repeat;
  background-image: url(../../resources/images/unselect.png);
  background-position: 0px center;
  display: block;
  padding: 20px 28px 22px 28px;
  cursor: pointer; }
  .radio-option label.error:not(.required) {
    background-image: none;
    color: #000000;
    float: right;
    padding-top: 20px; }

.add-more {
  padding-top: 20px;
  margin-top: 15px;
  border-top: 1px solid #DDDDDD; }

ul.checklist {
  list-style-type: disc !important;
  list-style-position: outside !important;
  list-style-image: url(../../resources/images/uncheck.png) !important; }
  ul.checklist li {
    margin-left: 16px; }
  ul.checklist.checked {
    list-style-image: url(../../resources/images/check.png) !important; }

body {
  overflow-x: hidden; }

#wrapper {
  padding-top: 62px;
  padding-left: 0;
  transition: all 0.5s ease; }

#wrapper.wrapper-exercise {
  padding-top: 0; }

#wrapper.toggled {
  padding-left: 230px; }

#sidebar-wrapper {
  z-index: 1000;
  position: fixed;
  left: 230px;
  width: 0;
  height: 100%;
  margin-left: -230px;
  overflow-y: auto;
  background: #222222;
  transition: all 0.5s ease; }

#wrapper.toggled #sidebar-wrapper {
  width: 230px; }

#page-content-wrapper {
  width: 100%;
  position: absolute; }

#wrapper.toggled #page-content-wrapper {
  position: absolute;
  margin-right: -230px; }

@media (min-width: 1025px) {
  #wrapper {
    padding-left: 230px; }
  #wrapper.toggled {
    padding-left: 0; }
  #sidebar-wrapper {
    width: 230px; }
    #sidebar-wrapper .menu-toggle {
      display: none; }
  #wrapper.toggled #sidebar-wrapper {
    width: 0; }
  #page-content-wrapper {
    position: relative; }
  #wrapper.toggled #page-content-wrapper {
    position: relative;
    margin-right: 0; } }

.course-recommended-banner {
  position: absolute;
  background: #D51A68;
  color: white;
  width: 260px;
  text-align: center;
  height: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  transform: rotate(-25deg) translateX(-73px) translateY(-15px); }

.list-toggle {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
  cursor: pointer;
  float: right; }

.list-toggle i {
  color: #D51A68;
  font-size: 30px;
  margin: 5px; }

.list-toggle i:hover {
  color: #A02C4D; }

.list-toggle-active {
  color: #6C1F5D !important; }

.flex-panel {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column; }

.self-awareness-output {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  height: 42px;
  font-family: 'AvenirNext', 'Montserrat', sans-serif;
  background-image: url(../../images/course-assets/buttons/rectangle-button.svg);
  background-repeat: no-repeat;
  background-size: 100% 100% !important;
  color: white;
  border: none !important;
  outline: none !important;
  float: left;
  position: relative;
  overflow: hidden;
  transform: scale(1);
  transition: .2s transform;
  padding: 14px;
  cursor: pointer;
  margin: 24px auto !important; }

.self-awareness-output:hover {
  background-image: url(../../images/course-assets/buttons/rectangle-button-hover.svg);
  color: white;
  text-decoration: none; }

.self-awareness-output:active {
  transform: scale(0.95); }

.element-item-flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.element-item {
  position: relative;
  width: 100%;
  height: 140px;
  color: #262524;
  margin: 1.5%;
  box-shadow: 1px 1px 5px grey;
  transform-origin: right bottom;
  transition: .1s transform;
  overflow: hidden;
  float: left;
  color: black !important;
  background-size: cover;
  padding: 0px;
  background: transparent;
  border: none;
  min-width: 220px; }

.company-card {
  height: 95px;
  padding: 0;
  border: none; }

.element-item-list-master .element-item-background {
  width: 80px !important;
  background-position: center; }

.element-item-text a {
  white-space: normal;
  color: #D51A68; }

.element-item-text a:hover {
  text-decoration: underline;
  color: #6C1F5D;
  cursor: pointer; }

.element-item:hover {
  color: black !important; }

.element-item:active {
  color: black !important; }

.element-item:focus {
  color: black !important; }

.element-item .white-box {
  height: 100% !important; }

.element-item .row {
  height: 100%; }

.element-item > * {
  margin: 0;
  padding: 0; }

.element-item.featured {
  border: #D51A68 1px solid !important; }

.element-item-text {
  height: auto;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  padding: 4px 10px;
  background: white; }

.element-item-background {
  -ms-flex-positive: 1;
  flex-grow: 1;
  transition: .2s all;
  background-size: cover;
  background-position: center; }

.element-item p {
  font-family: 'AvenirNext', 'Montserrat', sans-serif;
  font-size: 13.5px;
  margin-top: 0px;
  margin-bottom: 0px;
  line-height: 20px;
  text-align: left;
  color: black; }

.element-item .courses-container:hover {
  text-decoration: none;
  cursor: auto; }

.element-item-text a {
  margin: 0 !important;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis; }

.element-item-text p i {
  margin: 0 7px; }

.element-item-list-master .element-item:hover {
  box-shadow: none;
  color: black !important; }

.element-item-list-master .element-item:active {
  color: black !important; }

.element-item-list-master .element-item p {
  margin: 5px 0; }

.element-item-list-master .element-item .white-box {
  height: auto;
  box-shadow: none !important;
  cursor: auto; }

.element-item-list-master .element-item .white-box div .job-description {
  display: inline-block;
  cursor: auto; }

.element-item-list-master .element-item .white-box .logo {
  text-align: center; }

.element-item-list-master .element-item .white-box .logo img {
  height: 130px;
  width: auto; }

.element-item-list-master .element-item {
  width: 99.5%;
  overflow: visible;
  box-shadow: none !important;
  margin: 0 !important;
  margin-bottom: 1em !important;
  margin-top: 1em !important;
  height: 130px !important; }

.element-item-list-master .company-card {
  height: auto !important; }

.element-item .courses-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%; }

.element-item-description {
  display: none; }

.element-item-list-master .element-item {
  width: 100%;
  margin-top: 0px !important;
  padding: 10px 0;
  overflow: hidden;
  transition: .1s background; }

.element-item-list-master .element-item .courses-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row; }

.element-item-list-master .element-item .element-item-background {
  width: 30%;
  height: auto; }

.element-item-list-master .element-item .element-item-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: auto;
  -ms-flex-align: start;
  align-items: flex-start;
  background: transparent; }

.element-item-list-master .element-item .element-item-text i {
  margin-left: 0px; }

.element-item-list-master .element-item .element-item-description {
  display: block;
  font-size: 12px; }

.element-item-list-master .element-item:nth-child(odd) {
  background: #f2f2f2; }

.element-item-list-master .element-item:hover {
  transform: none;
  box-shadow: none; }

.element-item-list-master .course-recommended-banner {
  position: absolute;
  background: #D51A68;
  color: white;
  width: 260px;
  text-align: center;
  height: 22px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  transform: rotate(-38deg) translateX(-80px) translateY(-53px);
  font-size: 11px; }

.in-progress-icon {
  background-image: url(../../images/course-assets/buttons/circle-button-orange.svg); }

.output-icon {
  background-image: url(../../images/course-assets/buttons/circle-button.svg); }

.course-card-icon {
  position: absolute;
  top: 0;
  right: 0;
  margin: 5px;
  background-size: 100% 100%;
  color: white;
  display: -ms-flexbox;
  display: flex;
  height: 35px;
  width: 35px;
  transform: scale(1);
  transition: .2s all; }

.course-card-icon:hover {
  color: white; }

.course-card-icon:active {
  transform: scale(0.9);
  color: white; }

.course-card-icon i {
  margin: auto;
  line-height: 35px;
  font-size: 14px; }

.element-item-list-master .element-item:hover {
  background: #e6e6e6; }

.company-card .courses-container {
  -ms-flex-direction: row;
  flex-direction: row; }

.company-card .element-item-text {
  width: 60%;
  height: auto; }

.company-card .element-item-background {
  width: 95px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-positive: 0;
  flex-grow: 0; }

.element-item-list-master .company-card .element-item-text {
  -ms-flex-pack: end;
  justify-content: flex-end; }

.element-item-list-master .company-card .element-item-text {
  width: 80%; }

.element-item-list-master .company-card .company-overview {
  display: block; }

.company-overview {
  display: none; }

.element-item-list-master .company-card .element-item-background {
  width: 20%; }

@media (min-width: 768px) {
  .element-item {
    width: 30%;
    height: 155px; }
  .element-item-background {
    display: block !important; }
  .element-item {
    height: 182px; }
  .company-card {
    height: 120px; }
  .element-item-list-master .element-item .element-item-background {
    width: 30% !important;
    height: auto; }
  .element-item-list-master .company-card .element-item-background {
    width: 110px !important;
    height: 110px;
    -ms-flex-positive: 0;
    flex-grow: 0;
    margin-left: 10px; }
  .element-item-list-master .course-recommended-banner {
    position: absolute;
    background: #D51A68;
    color: white;
    width: 260px;
    text-align: center;
    height: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    transform: rotate(-25deg) translateX(-71px) translateY(-28px);
    font-size: 14px; }
  .company-card .element-item-background {
    width: 120px;
    -ms-flex-negative: 0;
    flex-shrink: 0; } }

@media (min-width: 1650px) {
  .element-item {
    width: 30%;
    margin: 1.66%; } }

.element-item-list-master .element-item.company-card {
  margin-bottom: 20px !important; }

/*********************************************
  :: Plugins Overrides
********************************************/
.dash__container {
  background-image: url(../../resources/images/dash-line.png);
  background-position: 12px top;
  background-repeat: repeat-y;
  padding-top: 20px; }
  @media (max-width: 768px) {
    .dash__container {
      background-image: none; } }

.dash__card {
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: 0px center;
  display: block;
  text-decoration: none;
  margin-bottom: 20px;
  padding-left: 48px; }
  @media (max-width: 768px) {
    .dash__card {
      background-image: none;
      padding-left: 0; } }
  @media (max-width: 500px) {
    .dash__card .image-card-vertical__image {
      width: 100% !important; }
      .dash__card .image-card-vertical__image img {
        width: 100% !important; }
    .dash__card .image-card-vertical__content {
      width: 100% !important; }
    .dash__card .image-card-vertical .play {
      display: none !important; } }

.dash__card-article {
  background-color: white;
  padding: 15px 15px;
  overflow: hidden;
  margin-bottom: 2px;
  clear: both; }
  .dash__card-article__image {
    float: left; }
    .dash__card-article__image img {
      border-radius: 7px;
      max-width: 42px;
      max-height: 42px; }
  .dash__card-article__info {
    float: left;
    color: black;
    margin-left: 11px;
    width: calc(100% - 60px); }
    .dash__card-article__info h4 {
      font-size: 1rem;
      font-style: italic;
      margin-bottom: 7px;
      margin-top: -6px; }
      .dash__card-article__info h4 span {
        color: #000000;
        top: 7px;
        position: relative;
        font-size: 0.8125rem;
        float: right; }
        @media (max-width: 768px) {
          .dash__card-article__info h4 span {
            color: #999999; } }
      .dash__card-article__info h4 img {
        position: relative;
        top: 5px;
        margin-left: 5px; }
    .dash__card-article__info p {
      font-size: 0.875rem;
      color: #000000; }
  .dash__card-article__text {
    *zoom: 1;
    clear: both;
    color: #5FACC5;
    margin-top: 53px; }
    .dash__card-article__text:before, .dash__card-article__text:after {
      content: '';
      display: table; }
    .dash__card-article__text:after {
      clear: both; }

.dash__card-comment {
  background-color: white;
  float: left;
  color: black;
  width: 100%;
  padding: 15px 15px;
  margin-bottom: 2px; }
  .dash__card-comment h3 {
    font-size: 0.875rem;
    font-style: italic;
    margin-bottom: 7px;
    margin-top: -6px; }
    .dash__card-comment h3 span {
      color: #000000;
      top: 7px;
      position: relative;
      font-size: 0.8125rem;
      float: right; }
      @media (max-width: 768px) {
        .dash__card-comment h3 span {
          color: #999999; } }
    .dash__card-comment h3 img {
      position: relative;
      top: 5px;
      margin-left: 5px; }
  .dash__card-comment p {
    font-size: 0.875rem;
    color: #E52677; }

.dash__card-select {
  background-color: white;
  padding: 15px 15px;
  overflow: hidden; }
  .dash__card-select img {
    position: relative;
    top: 3px; }
  .dash__card-select .reject {
    color: #E02B00;
    text-decoration: none;
    font-size: 0.875rem;
    margin-right: 15px; }
  .dash__card-select .accept {
    color: #5FACC5;
    text-decoration: none;
    font-size: 0.875rem;
    margin-right: 15px; }

.app-select {
  float: right; }
  .app-select .select2-selection__arrow {
    background: url(../../images/dropdown-icon.png) no-repeat center left; }
    .app-select .select2-selection__arrow b[role="presentation"] {
      display: none; }
  .app-select .select2-selection--single {
    border: none;
    background: none; }
  .app-select .select2-container--default {
    width: auto !important;
    min-width: 120px !important;
    background: none !important; }
  .app-select .select2-selection__rendered {
    color: #000 !important;
    min-width: 120px;
    font-size: 0.875rem; }

.select2 {
  width: 100% !important; }

.select2-small .select2-selection__rendered {
  padding-right: 28px !important; }

.select2-small-dropdown .select2-arrow {
  background: url(../../images/dropdown-icon.png); }

.select2-small-dropdown .select2-dropdown {
  background: none !important;
  border: none !important; }

.select2-large-white {
  height: 42px !important; }
  .select2-large-white .select2-selection__arrow {
    background: url(../../images/dropdown-icon.png) no-repeat bottom left;
    margin-right: 5px; }
    .select2-large-white .select2-selection__arrow b[role="presentation"] {
      display: none; }
  .select2-large-white .select2-selection__rendered {
    padding: 6px;
    padding-left: 12px !important; }

.select2-large-grey {
  width: 100%;
  max-width: 100%;
  height: 42px !important;
  background-color: #e5e5e5 !important;
  border: none !important; }
  .select2-large-grey .select2-selection__arrow {
    background: url(../../images/dropdown-icon.png) no-repeat bottom left;
    margin-right: 5px; }
    .select2-large-grey .select2-selection__arrow b[role="presentation"] {
      display: none; }
  .select2-large-grey .select2-selection__rendered {
    color: #000 !important;
    min-width: 120px;
    font-size: 16px;
    padding-left: 12px !important; }
  .select2-large-grey .select2-selection__rendered {
    padding: 7px; }

.select2-large-grey-dropdown {
  margin-top: -2px; }
  .select2-large-grey-dropdown.select2-dropdown--above {
    margin-top: 0;
    margin-bottom: -2px; }
  .select2-large-grey-dropdown .select2-results__option {
    padding: 7px !important; }
  .select2-large-grey-dropdown-smalltext {
    font-size: 14px; }
    .select2-large-grey-dropdown-smalltext li {
      padding-top: 8px;
      padding-bottom: 8px; }

@media (max-width: 768px) {
  .select2-search--dropdown .select2-search__field {
    font-size: 16px; } }

.picker__holder {
  margin-right: 10px;
  left: 0px; }
  @media (min-width: 768px) {
    .picker__holder {
      max-width: 298px; } }

.accordian__item.active, .accordian__item__content.active {
  overflow: visible; }

.picker__nav--next {
  right: 0px;
  left: auto; }

.picker__nav--prev {
  left: 0px;
  right: auto; }

.picker__select--year {
  padding: 0px;
  font-size: 16px;
  width: 25%; }

.picker__nav--next:before {
  border-right: 0;
  border-left: 0.75em solid #000000; }

.picker__nav--prev:before {
  border-left: 0;
  border-right: 0.75em solid #000000; }

.picker {
  direction: ltr;
  z-index: 1000; }

.inlarge {
  cursor: pointer; }

#inlarge-container {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
  height: 100%;
  left: 0;
  overflow: auto;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999999; }

#inlarge-close {
  color: #fff;
  font-size: 20px;
  font-family: Helvetica, Arial, Verdana;
  position: fixed;
  right: 12px;
  text-decoration: none;
  top: 10px;
  z-index: 1001; }

#inlarge-wrapper {
  display: table;
  height: 100%;
  table-layout: fixed;
  width: 100%; }

#inlarge-inside {
  display: table-cell;
  height: 100%;
  vertical-align: middle; }

#inlarge-inside img, #inlarge-inside iframe {
  display: block;
  margin: 0 auto;
  max-height: 100%; }

#inlarge-inside iframe {
  width: 100%; }

.white-popup-block.desktop-block-only {
  position: relative;
  background: #FFF;
  padding: 34px 24px 34px 34px;
  width: auto;
  max-width: 781px;
  margin: 95px auto; }

.white-popup-block.mobi-block-only {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 600px;
  margin: 20px auto; }
  .white-popup-block.mobi-block-only .selection-container .item-package .description-text {
    width: 68%; }
    @media (max-width: 768px) {
      .white-popup-block.mobi-block-only .selection-container .item-package .description-text {
        width: calc(100% - 30px); } }
  .white-popup-block.mobi-block-only .selection-container .item-package .price-item-text {
    width: 22%; }
    @media (max-width: 768px) {
      .white-popup-block.mobi-block-only .selection-container .item-package .price-item-text {
        width: 100%;
        margin: 10px 0 0 30px; } }
  .white-popup-block.mobi-block-only .plan-item {
    font-size: 0.9rem !important; }
    .white-popup-block.mobi-block-only .plan-item .plan-title {
      font-size: 0.8rem !important; }
    .white-popup-block.mobi-block-only .plan-item .plan-price {
      font-size: 1.2rem !important; }
      .white-popup-block.mobi-block-only .plan-item .plan-price span {
        font-size: 0.8rem !important; }
    .white-popup-block.mobi-block-only .plan-item .plan-description {
      font-size: 0.8rem !important; }

.chosen-container-multi .chosen-choices {
  min-height: 42px;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  background-image: none;
  background-color: #E5E5E5;
  padding: 2px 20px 0px 4px; }
  .chosen-container-multi .chosen-choices li.search-choice {
    min-height: 30px;
    padding: 7px 20px 7px 12px; }

.chosen-container-multi .chosen-drop {
  border-radius: 0 0 5px 5px; }
  .chosen-container-multi .chosen-drop ul.chosen-results li {
    min-height: 30px;
    padding: 7px;
    font-size: 16px !important; }
  .chosen-container-multi .chosen-drop li.highlighted {
    background-color: #5897fb;
    background-image: none; }

/*********************************************
  :: Plugins Override
********************************************/
/*********************************************
  :: The partials elements
********************************************/
.full-size-banner {
  background-color: white;
  width: 100%;
  position: relative; }
  .full-size-banner .icon-text {
    margin-left: 13px;
    padding-top: 4px; }
  .full-size-banner .single-link {
    background-image: none;
    margin-bottom: 5px; }
  .full-size-banner .status-block__container {
    position: absolute;
    top: inherit;
    bottom: 5px; }
    @media (max-width: 768px) {
      .full-size-banner .status-block__container {
        bottom: auto;
        top: 0px; } }

.half-size-banner {
  width: 49%;
  display: inline-block;
  vertical-align: top;
  border-left: 2px solid #DDDDDD; }
  .half-size-banner:first-child {
    border-left: none;
    border-top: none; }
  .half-size-banner .user-short-block {
    margin-bottom: 0; }
  @media (max-width: 768px) {
    .half-size-banner {
      width: 100%;
      padding: 0 8px;
      border-left: none;
      border-top: 2px solid #DDDDDD; } }

.letter-banner {
  background-color: #DDDDDD;
  color: #666666;
  font-size: 0.875rem;
  padding: 9px 10px 9px 16px;
  margin-bottom: 3px; }

.mobi-banner {
  height: 50px;
  position: relative;
  width: 100%; }
  .mobi-banner .aside-coantiner {
    background-color: #EEEEEE;
    position: fixed;
    top: 112px;
    z-index: 10; }
    .mobi-banner .aside-coantiner > .btn {
      margin: auto;
      margin-bottom: 41px;
      margin-top: 20px;
      display: block;
      width: 196px; }
  .mobi-banner .fixed-content {
    background-color: #000000; }
  .mobi-banner .center {
    float: none;
    text-align: center;
    display: block;
    margin: auto;
    color: white;
    height: 50px;
    line-height: 50px;
    width: 70%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .mobi-banner .center img {
      position: relative;
      top: 4px;
      margin-right: 7px; }
  .mobi-banner .left {
    position: absolute;
    top: 0;
    left: 0;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px; }
  .mobi-banner .right {
    position: absolute;
    top: 0;
    right: 0;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px; }

.iOS-position-fixed-hack .mobi-banner, .iOS-position-fixed-hack .header__top-banner {
  display: none !important; }

.unconnect-users {
  padding: 10px 10px;
  border-bottom: 1px solid #DDDDDD; }
  .unconnect-users > p {
    color: #000000;
    font-size: 0.875rem;
    margin-top: 5px;
    margin-bottom: 15px; }
  .unconnect-users > a {
    color: #6E6E91;
    text-decoration: none;
    display: block;
    text-align: center;
    font-size: 0.875rem;
    width: 100%; }

.user-short-block {
  background-color: white;
  overflow: hidden;
  border-radius: 7px;
  margin-bottom: 10px;
  padding: 14px 10px 8px 10px;
  display: inline-block;
  text-decoration: none; }
  .user-short-block.overflow {
    overflow: visible; }
  .user-short-block .user-action {
    float: right; }
    .user-short-block .user-action.connect-actions .accept img, .user-short-block .user-action.connect-actions .reject img {
      width: auto;
      vertical-align: inherit; }
    .user-short-block .user-action .dash__card-select {
      padding: 10px 0px 10px 10px; }
    .user-short-block .user-action .accept img {
      width: 14px;
      vertical-align: middle; }
    .user-short-block .user-action .reject img {
      width: 11px;
      vertical-align: middle; }
  .user-short-block > img {
    border-radius: 7px;
    float: left;
    max-width: 43px;
    max-height: 43px; }
  .user-short-block h4 {
    float: left;
    margin-left: 12px;
    margin-top: 7px;
    width: calc(100% - 140px);
    text-align: left; }
    @media (min-width: 768px) {
      .user-short-block h4 {
        width: auto; } }
    .user-short-block h4 i {
      color: black; }
    .user-short-block h4 img {
      position: relative;
      top: 4px;
      margin-left: 9px; }
    .user-short-block h4.staff-name {
      margin-top: -3px; }
      .user-short-block h4.staff-name .company-name {
        margin-top: 5px;
        color: #000000;
        display: block;
        font-weight: normal;
        text-decoration: none;
        font-size: 0.875rem; }
    .user-short-block h4 a {
      color: black;
      text-decoration: none; }
  .user-short-block .connect {
    display: inline-block;
    vertical-align: middle;
    margin: 10px 0 0 10px;
    cursor: pointer;
    text-align: center; }
    @media (max-width: 768px) {
      .user-short-block .connect {
        float: right; } }
    .user-short-block .connect img {
      margin: 0 auto; }
    .user-short-block .connect p {
      font-size: 13px;
      color: #6E6E91;
      margin-top: 0px; }
  .user-short-block.header {
    padding-bottom: 0; }

.unconnected-friends .user-short-block {
  width: 100%; }

.find-connection-list .user-short-block h4 {
  width: calc(100% - 154px); }

.privatechat-sidebar .user-short-block h4 {
  width: calc(100% - 60px); }

.transparent-block {
  border-bottom: 2px solid #DDDDDD; }
  .transparent-block h3 {
    font-size: 1.125rem;
    color: #6E6E91;
    margin-bottom: 5px; }
  .transparent-block p {
    color: #666666;
    font-size: 0.875rem; }

.icon {
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: top;
  display: inline-block;
  width: 42px;
  height: 47px;
  color: white;
  text-align: center;
  padding: 15px 0;
  text-decoration: none; }

.pink-icon {
  background-image: url(../../resources/images/pink.png); }

.yellow-icon {
  background-image: url(../../resources/images/yellow.png); }

.dash__container {
  padding-left: 30px;
  padding-top: 20px; }
  @media (max-width: 768px) {
    .dash__container {
      background-image: none; } }

.dash__card {
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: 0px center;
  display: block;
  text-decoration: none;
  margin-bottom: 20px;
  padding-left: 48px; }
  @media (max-width: 768px) {
    .dash__card {
      background-image: none !important;
      padding-left: 0px; } }
  @media (max-width: 500px) {
    .dash__card .image-card-vertical__image {
      width: 100% !important; }
      .dash__card .image-card-vertical__image img {
        width: 100% !important; }
    .dash__card .image-card-vertical__content {
      width: 100% !important; }
    .dash__card .image-card-vertical .play {
      display: none !important; } }

.dash__card-article {
  background-color: white;
  padding: 15px 15px;
  overflow: hidden;
  margin-bottom: 2px;
  clear: both; }
  .dash__card-article__image {
    float: left; }
    .dash__card-article__image img {
      border-radius: 7px;
      max-width: 42px;
      max-height: 42px; }
  .dash__card-article__info {
    float: left;
    color: black;
    margin-left: 11px;
    width: calc(100% - 60px); }
    .dash__card-article__info h4 {
      font-size: 1rem;
      font-style: italic;
      margin-bottom: 7px;
      margin-top: -6px; }
      .dash__card-article__info h4 span {
        color: #000000;
        top: 7px;
        position: relative;
        font-size: 0.8125rem;
        float: right; }
        @media (max-width: 768px) {
          .dash__card-article__info h4 span {
            color: #999999; } }
      .dash__card-article__info h4 img {
        position: relative;
        top: 5px;
        margin-left: 5px; }
      .dash__card-article__info h4 a {
        text-decoration: none;
        color: initial; }
    .dash__card-article__info p {
      font-size: 0.875rem;
      color: #000000; }
  .dash__card-article__text {
    *zoom: 1;
    clear: both;
    color: #5FACC5;
    margin-top: 53px;
    font-family: "Lato", serif; }
    .dash__card-article__text:before, .dash__card-article__text:after {
      content: '';
      display: table; }
    .dash__card-article__text:after {
      clear: both; }

.dash__card-comment {
  background-color: white;
  float: left;
  color: black;
  width: 100%;
  padding: 15px 15px;
  margin-bottom: 2px; }
  .dash__card-comment h3 {
    font-size: 0.875rem;
    font-style: italic;
    margin-bottom: 7px;
    margin-top: -6px; }
    .dash__card-comment h3 span {
      color: #000000;
      top: 7px;
      position: relative;
      font-size: 0.8125rem;
      float: right; }
      @media (max-width: 768px) {
        .dash__card-comment h3 span {
          color: #999999; } }
    .dash__card-comment h3 img {
      position: relative;
      top: 5px;
      margin-left: 5px; }
  .dash__card-comment p {
    font-size: 0.875rem;
    color: #E52677; }

.dash__card-select {
  background-color: white;
  padding: 15px 15px;
  overflow: hidden; }
  .dash__card-select img {
    position: relative;
    top: 3px; }
  .dash__card-select .reject {
    color: #E02B00;
    text-decoration: none;
    font-size: 0.875rem;
    margin-right: 15px; }
  .dash__card-select .accept {
    color: #5FACC5;
    text-decoration: none;
    font-size: 0.875rem;
    margin-right: 15px; }

.chatdash__container .chat-block__item__image {
  float: left; }
  .chatdash__container .chat-block__item__image img {
    max-width: 42px;
    max-height: 42px; }

.panel-wrapper {
  border-left: 2px solid #C8C8C8;
  margin-left: 10px;
  padding-left: 20px;
  padding-top: 8px;
  padding-bottom: 10px; }
  .panel-wrapper:first-child {
    padding-top: 16px; }
  .panel-wrapper .panel {
    margin-top: -40px;
    margin-bottom: 0; }
  .panel-wrapper .panel-icon {
    background: #EEEEEE;
    color: #000000;
    height: 0;
    left: -35px;
    position: relative;
    text-align: center;
    top: 10px;
    width: 30px;
    height: 40px; }
    .panel-wrapper .panel-icon .fa {
      font-size: 1.6em;
      padding-top: 8px; }

.conversation-block {
  overflow: hidden;
  padding: 15px 15px;
  border-radius: 7px;
  background-color: white;
  display: block;
  text-decoration: none;
  margin-bottom: 20px; }
  .conversation-block__image {
    float: left; }
    .conversation-block__image img {
      border-radius: 7px;
      max-width: 42px;
      max-height: 42px; }
  .conversation-block__info {
    float: left;
    color: black;
    margin-left: 11px;
    width: calc(100% - 60px); }
    .conversation-block__info h4 {
      font-size: 1rem;
      font-style: italic;
      margin-bottom: 7px;
      margin-top: -6px; }
      .conversation-block__info h4 span {
        color: #000000;
        top: 7px;
        position: relative;
        font-size: 0.8125rem;
        float: right; }
      .conversation-block__info h4 img {
        position: relative;
        top: 5px;
        margin-left: 5px; }
    .conversation-block__info p {
      font-size: 0.875rem; }

.share-btn {
  text-align: center; }
  .share-btn .share-item {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px; }

.exercises-block {
  border-top: 2px solid #DE2D0F;
  border-bottom: 3px solid #DDDDDD;
  margin-bottom: 20px;
  background-color: white;
  padding: 20px 20px;
  overflow: hidden;
  cursor: pointer; }
  .exercises-block .left {
    display: inline-block;
    vertical-align: top;
    float: left; }
    .exercises-block .left h4 {
      font-size: 0.875rem;
      line-height: 17px;
      margin-bottom: 5px;
      font-family: "Lato", serif;
      color: #000; }
    .exercises-block .left p {
      font-size: 0.8125rem;
      color: #DE2D0F; }
  .exercises-block .right {
    display: inline-block;
    vertical-align: top;
    float: right; }
    .exercises-block .right .incomplete {
      display: block; }
    .exercises-block .right .complete {
      display: none; }
  .exercises-block.none-start {
    border-top: 2px solid #999999; }
    .exercises-block.none-start .left p {
      color: #999999; }
  .exercises-block.complete {
    border-top: 2px solid #3CBE66; }
    .exercises-block.complete .left h4 {
      color: #999999; }
    .exercises-block.complete .left p {
      color: #3CBE66; }
    .exercises-block.complete .right .incomplete {
      display: none; }
    .exercises-block.complete .right .complete {
      display: block; }
  .exercises-block.commenced {
    border-top: 2px solid #E77334; }

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

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

.image-card-vertical {
  background-color: white;
  overflow: hidden;
  width: 100%; }
  .image-card-vertical__image {
    float: left;
    display: inline-block;
    vertical-align: top;
    position: relative; }
    @media (max-width: 500px) {
      .image-card-vertical__image {
        width: 140px; } }
    .image-card-vertical__image img {
      max-width: 320px;
      height: auto; }
      @media (max-width: 500px) {
        .image-card-vertical__image img {
          max-width: 100%; } }
      .image-card-vertical__image img.play {
        display: none;
        position: absolute;
        left: 8px;
        bottom: 8px;
        width: 34px;
        height: 34px; }
        @media (max-width: 500px) {
          .image-card-vertical__image img.play {
            display: block; } }
      @media (max-width: 500px) {
        .image-card-vertical__image img {
          padding: 10px; } }
  .image-card-vertical__content {
    float: left;
    display: inline-block;
    vertical-align: top;
    padding: 20px 20px;
    width: calc(100% - 320px); }
    @media (max-width: 500px) {
      .image-card-vertical__content {
        width: calc(100% - 140px);
        padding: 10px 10px; } }
    .image-card-vertical__content h4 {
      color: black;
      font-family: "Lato", serif;
      font-size: 0.875rem;
      margin-bottom: 10px; }
    .image-card-vertical__content p {
      color: #000000;
      font-size: 0.875rem; }
      .image-card-vertical__content p i {
        font-style: italic; }

.image-card-horizontal {
  background-color: white;
  padding: 10px; }
  .image-card-horizontal__image {
    text-align: center; }
  .image-card-horizontal__content {
    padding: 11px 0; }
    .image-card-horizontal__content h4 {
      color: black;
      font-size: 0.875rem;
      font-family: "Lato", serif;
      line-height: 1.3125rem; }
    .image-card-horizontal__content p {
      color: #000000;
      font-size: 0.875rem;
      line-height: 1.0625rem; }
      .image-card-horizontal__content p i {
        font-style: italic;
        line-height: 1.0625rem; }

/* Extra markup and styles for table-esque vertical and horizontal centering */
.site-wrapper {
  background-color: #999999;
  background-position: center center;
  background-size: cover;
  display: table;
  width: 100%;
  height: 100%;
  /* For at least Firefox */
  min-height: 100%;
  box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.5); }

.site-wrapper-inner {
  display: table-cell;
  vertical-align: top; }

.cover-container {
  margin-right: auto;
  margin-left: auto; }

/* Padding for spacing */
.inner {
  padding: 30px; }

/*
 * Header
 */
.masthead-brand {
  margin-top: 10px;
  margin-bottom: 10px; }

.masthead-nav > li {
  display: inline-block; }

.masthead-nav > li + li {
  margin-left: 20px; }

.masthead-nav > li > a {
  padding-right: 0;
  padding-left: 0;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  /* IE8 proofing */
  color: rgba(255, 255, 255, 0.75);
  border-bottom: 2px solid transparent; }

.masthead-nav > li > a:hover,
.masthead-nav > li > a:focus {
  background-color: transparent;
  border-bottom-color: #a9a9a9;
  border-bottom-color: rgba(255, 255, 255, 0.25); }

.masthead-nav > .active > a,
.masthead-nav > .active > a:hover,
.masthead-nav > .active > a:focus {
  color: #fff;
  border-bottom-color: #fff; }

@media (min-width: 768px) {
  .masthead-brand {
    float: left; }
  .masthead-nav {
    float: right; } }

/*
 * Cover
 */
.cover {
  padding: 0 20px; }

.cover .btn-lg {
  padding: 10px 20px;
  font-weight: bold; }

/*
 * Footer
 */
.mastfoot {
  color: #999;
  /* IE8 proofing */
  color: rgba(255, 255, 255, 0.5); }

/*
 * Affix and center
 */
@media (min-width: 768px) {
  /* Pull out the header and footer */
  .masthead {
    position: fixed;
    top: 0; }
  .mastfoot {
    position: fixed;
    bottom: 0; }
  /* Start the vertical centering */
  .site-wrapper-inner {
    vertical-align: middle; }
  /* Handle the widths */
  .masthead,
  .mastfoot,
  .cover-container {
    width: 100%;
    /* Must be percentage or pixels for horizontal alignment */ } }

.membership {
  width: 100%;
  min-height: 100%;
  position: relative;
  overflow: hidden;
  background-color: #000000; }
  .membership__background {
    width: 100%;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
  .membership__overlay {
    width: 100%;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center; }
  .membership__login-btn {
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 10; }
  .membership__cancel-btn {
    position: absolute;
    top: 30px;
    left: 30px;
    z-index: 10; }
  .membership__content {
    position: relative;
    z-index: 1; }
    .membership__content__logo {
      text-align: center;
      display: block;
      margin: auto;
      margin-top: 1.75rem;
      float: left;
      clear: none;
      width: 100%;
      margin-left: 0;
      margin-right: 3%;
      margin-bottom: 8%; }
      .membership__content__logo:last-child {
        margin-right: 0; }
      .membership__content__logo img {
        width: 120px;
        height: 100px; }
    .membership__content__map {
      padding-left: 11%;
      position: relative;
      float: left; }
      @media (max-width: 760px) {
        .membership__content__map {
          padding-left: 0;
          text-align: center; }
          .membership__content__map .membership__content__map-image {
            margin: auto; } }
      .membership__content__map-image {
        width: 225px;
        height: 225px;
        border: 4px solid white;
        border-radius: 50%;
        overflow: hidden;
        -webkit-animation-name: rotate-mob-size;
        -webkit-animation-duration: 18s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
        -webkit-animation-fill-mode: none;
        animation-name: rotate-mob-size;
        animation-duration: 18s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
        animation-fill-mode: none;
        background-size: 200%;
        background-repeat: repeat-x;
        box-shadow: 0px 0px 51px -16px black, inset -25px -25px 40px rgba(255, 255, 255, 0.5);
        position: relative; }
        .membership__content__map-image:before {
          content: "";
          position: absolute;
          top: 0%;
          left: 0%;
          width: 100%;
          height: 100%;
          border-radius: 50%;
          box-shadow: -40px 10px 70px 10px rgba(255, 255, 255, 0.5) inset;
          z-index: 2; }
        .membership__content__map-image:after {
          content: "";
          position: absolute;
          border-radius: 50%;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          -webkit-filter: blur(0);
          opacity: 0.3;
          background: radial-gradient(circle at 50% 80%, transparent, rgba(255, 255, 255, 0.5) 10%, #E91E63 66%, #000000 100%); }
        @media (min-width: 600px) {
          .membership__content__map-image {
            float: right;
            width: 285px;
            height: 285px;
            animation-name: rotate-tablet-size; } }
        @media (min-width: 960px) {
          .membership__content__map-image {
            width: 335px;
            height: 335px;
            animation-name: rotate; } }
    .membership__content .fake-stage {
      padding-left: 11%;
      position: relative;
      width: 200px;
      height: 200px;
      margin: 0 auto; }
      @media (min-width: 500px) {
        .membership__content .fake-stage {
          float: right;
          margin-top: 40px; } }
      @media (min-width: 500px) {
        .membership__content .fake-stage #Stage_globe {
          left: auto !important;
          right: 0px !important; } }
    .membership__content form {
      text-align: center;
      position: relative;
      top: -40px; }
      .membership__content form > p {
        color: white;
        font-size: 1.0625rem;
        margin-bottom: 20px; }
      .membership__content form input[type="text"], .membership__content form input[type="email"], .membership__content form input[type="password"] {
        width: 100%;
        max-width: 260px;
        height: 44px;
        border-radius: 7px;
        background-color: white;
        border: none;
        padding-left: 10px;
        font-size: 1.0625rem;
        display: block;
        margin: auto;
        margin-bottom: 20px;
        display: block; }
        .membership__content form input[type="text"].error, .membership__content form input[type="email"].error, .membership__content form input[type="password"].error {
          margin-bottom: 5px; }
      .membership__content form .link {
        color: white;
        text-decoration: none;
        font-weight: 300;
        display: block;
        width: 200px;
        margin: 0 auto 20px auto; }
      .membership__content form label.error {
        color: white;
        margin-bottom: 10px;
        display: block !important; }
      .membership__content form .form-error {
        margin-top: 10px; }
    .membership__content__info {
      padding-top: 82px;
      padding-bottom: 82px;
      color: white; }
      @media (max-width: 500px) {
        .membership__content__info {
          text-align: center;
          padding-right: 0;
          padding-top: 25px;
          padding-bottom: 25px; } }
      .membership__content__info .custom-selectbox {
        max-width: 337px;
        font-family: "Lato", sans-serif;
        margin-top: 37px;
        margin-bottom: 22px; }
        @media (max-width: 760px) {
          .membership__content__info .custom-selectbox {
            margin: auto;
            margin-bottom: 22px;
            text-align: center; }
            .membership__content__info .custom-selectbox .SumoSelect {
              text-align: left; } }
      .membership__content__info .video-group {
        margin-top: 70px;
        width: 100%; }
      .membership__content__info h4 {
        font-size: 1.125rem;
        max-width: 320px;
        margin-bottom: 39px;
        line-height: 21px;
        font-family: "Lato", serif; }
        @media (max-width: 500px) {
          .membership__content__info h4 {
            margin: auto;
            font-size: 0.875rem;
            margin-bottom: 39px; } }
    .membership__content .success {
      color: white;
      font-size: 1.0625rem;
      margin-bottom: 20px;
      text-align: center; }

.menu-bar {
  overflow-y: auto; }
  .menu-bar__link {
    color: white;
    display: block;
    overflow: hidden;
    font-size: 0.875rem;
    padding: 9px 0 8px 0;
    text-decoration: none;
    padding-left: 19px;
    line-height: 18px;
    text-decoration: none; }
  .menu-bar__item {
    color: white;
    font-family: "Lato", serif;
    border-bottom: 1px solid #333333;
    background-repeat: no-repeat;
    display: block;
    overflow: hidden;
    font-size: 0.8125rem;
    background-position: 17px center;
    padding: 17px 0 12px 0;
    text-decoration: none;
    padding-left: 15px;
    line-height: 18px;
    text-decoration: none; }
    .menu-bar__item.active, .menu-bar__item:hover {
      background-color: #444444; }
    .menu-bar__item .fa {
      font-size: 1.5em;
      width: 30px; }
  .menu-bar ul.shortcut-icons {
    border-bottom: 1px solid #333333;
    display: table;
    table-layout: fixed;
    width: 100%; }
    .menu-bar ul.shortcut-icons li {
      display: table-cell;
      float: none;
      padding-top: 0.75em;
      padding-bottom: 0.75em;
      text-align: center; }
      .menu-bar ul.shortcut-icons li a {
        color: #fff !important; }
        .menu-bar ul.shortcut-icons li a .fa {
          font-size: 2em; }

@media (min-width: 992px) {
  .lower-menu-options {
    bottom: 0;
    margin-bottom: 65px;
    position: absolute;
    width: 100%; } }

.question__item {
  background-color: white;
  border-bottom: 3px solid #DDDDDD; }
  .question__item__title {
    padding: 15px 15px; }
    .question__item__title h4 {
      color: #000000;
      font-style: italic;
      font-size: 0.8125rem;
      margin-bottom: 7px; }
    .question__item__title p {
      font-size: 0.875rem;
      color: black;
      margin-top: 12px;
      font-family: "Lato", serif; }
    .question__item__title h3 {
      font-size: 0.875rem;
      font-family: "Lato", serif; }
  .question__item__options {
    position: relative; }
    .question__item__options .radio-border-line {
      width: 100%;
      height: 0;
      border-top: 3px solid #DE2D0F;
      position: absolute;
      left: 0;
      top: 0; }
      .question__item__options .radio-border-line.green {
        border-top: 3px solid #3CBE66; }
    .question__item__options .option-text {
      border-top: 3px solid #3CBE66;
      font-size: 0.875rem;
      color: black;
      padding: 12px 15px;
      line-height: 19px; }
    .question__item__options .radio-option {
      border-top: 1px solid #DDDDDD; }
      .question__item__options .radio-option:first-child {
        border-top: none; }
      .question__item__options .radio-option input[type="radio"]:checked ~ .radio-border-line {
        border-top: 3px solid #3CBE66;
        z-index: 10; }
      .question__item__options .radio-option input[type="checkbox"]:checked ~ .radio-border-line {
        border-top: 3px solid #3CBE66;
        z-index: 10; }
      .question__item__options .radio-option label {
        margin-left: 16px;
        margin-right: 16px; }
    .question__item__options .input-block input[type="text"] ~ .radio-border-line {
      border-top: 3px solid #3CBE66;
      z-index: 10; }
    .question__item__options .input-block input[type="text"]:invalid ~ .radio-border-line {
      border-top: 3px solid #DE2D0F;
      z-index: 10; }
    .question__item__options .radio-option input[type="checkbox"] {
      position: absolute;
      left: -9999px; }
    .question__item__options .radio-option input[type="checkbox"]:checked + label {
      color: black;
      background-image: url(../../resources/images/select.png); }
  .question__item textarea {
    width: 100%;
    background-color: #E5E5E5;
    border: none;
    height: 38px;
    font-size: 16px;
    border-radius: 4px;
    padding: 10px;
    box-sizing: border-box;
    margin-top: 10px;
    font-family: "Lato", sans-serif; }
  .question__item .feedback {
    width: 100%;
    background-color: #E5E5E5;
    border: none;
    min-height: 38px;
    font-size: 16px;
    line-height: 20px;
    border-radius: 4px;
    padding: 10px;
    box-sizing: border-box; }

.message-bar {
  display: block;
  padding: 13px 15px;
  overflow: hidden; }
  .message-bar > p {
    color: white;
    font-size: 0.875rem;
    float: left;
    display: inline-block;
    vertical-align: top; }
  .message-bar > span {
    color: white;
    font-weight: 200;
    float: right;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    font-size: 0.8125rem; }
    .message-bar > span img {
      position: relative;
      top: 4px;
      margin-left: 6px; }
  .message-bar.success {
    background-color: #3CBE66; }
  .message-bar.error {
    background-color: #f49595; }

.circle-block {
  text-align: center;
  width: 172px;
  height: 161px;
  display: inline-block;
  vertical-align: top;
  margin: 1px;
  padding: 17px 17px;
  background-color: white;
  position: relative; }
  .circle-block.double {
    width: 346px; }
    @media (max-width: 370px) {
      .circle-block.double {
        width: 100%; } }
  .circle-block.reverse {
    background-color: #3CBE66; }
    .circle-block.reverse .circle-block__number {
      background-color: white;
      color: #3CBE66; }
      .circle-block.reverse .circle-block__number input {
        background-color: white;
        color: #3CBE66; }
    .circle-block.reverse > h4,
    .circle-block.reverse > p {
      color: white; }
  .circle-block__switch {
    overflow: hidden;
    margin-bottom: 17px; }
    @media (max-width: 768px) {
      .circle-block__switch {
        display: inline-block; } }
    .circle-block__switch .item {
      font-size: 15px;
      display: inline-block;
      vertical-align: top;
      cursor: pointer;
      color: #999999;
      padding: 7px 48px;
      border: 1px solid #60AEC8; }
      .circle-block__switch .item.active {
        background-color: #60AEC8;
        color: white; }
  .circle-block__switch-item {
    display: inline-block;
    vertical-align: top;
    max-width: 350px; }
    @media (max-width: 768px) {
      .circle-block__switch-item {
        display: none; } }
    @media (max-width: 768px) {
      .circle-block__switch-item.active {
        display: inline-block; } }
  .circle-block__main-container {
    font-size: 0;
    overflow: hidden; }
    @media (max-width: 768px) {
      .circle-block__main-container {
        text-align: center; } }
  .circle-block__sub-container {
    font-size: 0;
    float: left;
    width: 348px;
    overflow: hidden; }
    @media (max-width: 720px) {
      .circle-block__sub-container {
        float: none !important;
        margin-left: auto;
        margin-right: auto; } }
  .circle-block__info {
    background-color: white;
    margin-bottom: 13px;
    display: block;
    padding: 10px 10px;
    text-align: left; }
    .circle-block__info > p {
      line-height: 18px;
      font-size: 0.875rem; }
  .circle-block__title {
    color: #000000;
    background-color: white;
    padding: 14px 17px;
    font-size: 0.875rem;
    margin: 0 1px;
    margin-bottom: 1px; }
  .circle-block > h4 {
    font-family: "Lato", serif;
    font-size: 0.875rem;
    color: black;
    margin-bottom: 8px;
    min-height: 39px;
    line-height: 17px; }
  .circle-block__number {
    background-color: #3CBE66;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    margin: auto;
    text-align: center;
    padding: 9px 0;
    font-family: "Lato", serif;
    font-size: 1.875rem;
    margin-bottom: 9px;
    overflow: hidden;
    position: absolute;
    bottom: 13px;
    left: 0;
    right: 0;
    margin: auto; }
    .circle-block__number input {
      background-color: #3CBE66;
      border: none;
      font-size: 1.375rem;
      color: white;
      width: 100%;
      text-align: center;
      text-shadow: 0px 3px 2px rgba(82, 80, 80, 0.22); }
      @media only screen and (max-device-width: 760px) {
        .circle-block__number input {
          width: 35px; } }
      .circle-block__number input::-webkit-input-placeholder {
        color: white; }
      .circle-block__number input::-moz-placeholder {
        color: white; }
      .circle-block__number input:-moz-placeholder {
        color: white; }
      .circle-block__number input:-ms-input-placeholder {
        color: white; }
      .circle-block__number input:focus {
        outline: none; }
      .circle-block__number input:focus::-webkit-input-placeholder {
        color: transparent;
        text-shadow: none; }
      .circle-block__number input:focus:-moz-placeholder {
        color: transparent;
        text-shadow: none; }
      .circle-block__number input:focus::-moz-placeholder {
        color: transparent;
        text-shadow: none; }
      .circle-block__number input:focus:-ms-input-placeholder {
        color: transparent;
        text-shadow: none; }
      .circle-block__number input:disabled {
        opacity: 1;
        color: inherit; }
  .circle-block > p {
    color: #000000;
    font-size: 14px;
    font-style: italic; }

.visiting {
  text-align: center;
  padding: 0 34px; }
  .visiting p {
    color: white;
    font-size: 0.875rem;
    font-family: "Lato", serif;
    line-height: 20px;
    margin-bottom: 16px; }

.visiting-block {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../../resources/images/number.png);
  width: 160px;
  height: 49px;
  margin-bottom: 16px; }
  .visiting-block span {
    color: white;
    font-size: 2.5rem;
    padding-top: 4px;
    display: inline-block;
    margin: 0 2px; }

.cf {
  *zoom: 1; }
  .cf:before, .cf:after {
    content: '';
    display: table; }
  .cf:after {
    clear: both; }

.pitch-document__container .light {
  color: #999999; }

.pitch-document-block {
  overflow: hidden;
  position: relative;
  background-color: white;
  margin-bottom: 3px;
  padding: 6px 5px; }
  .pitch-document-block__title {
    float: left;
    padding: 6px 5px 6px 10px;
    width: 70%;
    text-decoration: none;
    color: black; }
  .pitch-document-block__edit {
    float: right;
    vertical-align: top;
    display: inline-block; }
    .pitch-document-block__edit > a {
      text-decoration: none;
      margin-left: 15px;
      display: inline-block;
      padding: 6px 5px; }

.btn-switch-pitch {
  padding: 10px; }
  .btn-switch-pitch a {
    width: 100%;
    text-align: left; }

.switch-pitch {
  display: none; }
  .switch-pitch a.cancel {
    font-size: 0.9375rem;
    margin-bottom: 5px;
    color: #6E6E91;
    text-decoration: none; }
    .switch-pitch a.cancel > div {
      padding: 20px 16px; }

.pitch-feedback-block {
  overflow: hidden;
  position: relative;
  background-color: white;
  margin-bottom: 3px;
  padding: 6px 5px; }
  .pitch-feedback-block .user-short-block h4 {
    width: auto !important; }
  .pitch-feedback-block .btn-small {
    margin-top: 10px;
    float: right; }

.name-card {
  background-color: white;
  overflow: hidden;
  padding: 16px 16px;
  border-bottom: 3px solid #DDDDDD; }
  .name-card__image {
    border-radius: 4px;
    display: inline-block;
    vertical-align: top;
    float: left; }
    .name-card__image img {
      border-radius: 5px; }
  .name-card__info {
    display: inline-block;
    vertical-align: top;
    float: left;
    padding-left: 20px;
    width: calc(100% - 87px);
    font-size: 0.875rem;
    line-height: 1.0625rem; }
    .name-card__info .right {
      float: right; }
    .name-card__info h4 {
      color: #6E6E91;
      font-size: 1rem;
      margin-bottom: 10px; }
      .name-card__info h4 img {
        position: relative;
        top: 5px;
        margin-left: 9px; }
    .name-card__info p {
      color: #666666; }
    .name-card__info .error {
      color: #000000;
      font-size: 0.875rem;
      margin-top: 8px;
      display: inline-block; }
    .name-card__info .error:empty {
      display: inline; }
    .name-card__info.what-is-jba h4 {
      margin-top: -10px;
      font-size: 1.125rem;
      font-style: italic; }

.company-name:empty {
  display: none; }

h4.staff-name {
  margin-top: -5px; }
  h4.staff-name .company-name {
    margin-top: 5px;
    color: #000000;
    display: block;
    font-weight: normal;
    text-decoration: none;
    font-size: 0.875rem; }

.name-card {
  background-color: white;
  overflow: hidden;
  padding: 16px 16px;
  border-bottom: 3px solid #DDDDDD; }
  .name-card__image {
    border-radius: 4px;
    display: inline-block;
    vertical-align: top;
    float: left; }
    .name-card__image img {
      border-radius: 5px; }
  .name-card__info {
    display: inline-block;
    vertical-align: top;
    float: left;
    padding-left: 20px;
    width: calc(100% - 87px);
    font-size: 0.875rem;
    line-height: 1.0625rem; }
    .name-card__info .right {
      float: right; }
    .name-card__info h4 {
      color: #6E6E91;
      font-size: 1rem;
      margin-bottom: 10px; }
      .name-card__info h4 img {
        position: relative;
        top: 5px;
        margin-left: 9px; }
    .name-card__info p {
      color: #666666; }
    .name-card__info .error {
      color: #000000;
      font-size: 0.875rem;
      margin-top: 8px;
      display: inline-block; }
    .name-card__info .error:empty {
      display: inline; }
    .name-card__info.what-is-jba h4 {
      margin-top: -10px;
      font-size: 1.125rem;
      font-style: italic; }

.company-name:empty {
  display: none; }

h4.staff-name {
  margin-top: -5px; }
  h4.staff-name .company-name {
    margin-top: 5px;
    color: #000000;
    display: block;
    font-weight: normal;
    text-decoration: none;
    font-size: 0.875rem; }

.status-block__container {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0; }
  .status-block__container.complete {
    display: none;
    cursor: default; }
    .status-block__container.complete .course__item__info p {
      color: #3CBE66; }
    .status-block__container.complete .mobi-course > p {
      color: #3CBE66; }
  .status-block__container.commenced {
    border-top: 3px solid #F79131; }
    .status-block__container.commenced .course__item__info p {
      color: #F79131; }
    .status-block__container.commenced .mobi-course > p {
      color: #F79131; }

.status-block.c-1-1 {
  float: left;
  clear: none;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  height: 3px;
  background-color: #CCCCCC;
  border-left: 3px solid white; }
  .status-block.c-1-1:first-child {
    border-left: none; }
  .status-block.c-1-1.active {
    background-color: #3CBE66; }

.status-block.c-1-2 {
  float: left;
  clear: none;
  width: 50%;
  margin-left: 0;
  margin-right: 0;
  height: 3px;
  background-color: #CCCCCC;
  border-left: 3px solid white; }
  .status-block.c-1-2:first-child {
    border-left: none; }
  .status-block.c-1-2.active {
    background-color: #3CBE66; }

.status-block.c-1-3 {
  float: left;
  clear: none;
  width: 33.3333333333%;
  margin-left: 0;
  margin-right: 0;
  height: 3px;
  background-color: #CCCCCC;
  border-left: 3px solid white; }
  .status-block.c-1-3:first-child {
    border-left: none; }
  .status-block.c-1-3.active {
    background-color: #3CBE66; }

.status-block.c-1-4 {
  float: left;
  clear: none;
  width: 25%;
  margin-left: 0;
  margin-right: 0;
  height: 3px;
  background-color: #CCCCCC;
  border-left: 3px solid white; }
  .status-block.c-1-4:first-child {
    border-left: none; }
  .status-block.c-1-4.active {
    background-color: #3CBE66; }

.status-block.c-1-5 {
  float: left;
  clear: none;
  width: 20%;
  margin-left: 0;
  margin-right: 0;
  height: 3px;
  background-color: #CCCCCC;
  border-left: 3px solid white; }
  .status-block.c-1-5:first-child {
    border-left: none; }
  .status-block.c-1-5.active {
    background-color: #3CBE66; }

.status-block.c-1-6 {
  float: left;
  clear: none;
  width: 16.6666666667%;
  margin-left: 0;
  margin-right: 0;
  height: 3px;
  background-color: #CCCCCC;
  border-left: 3px solid white; }
  .status-block.c-1-6:first-child {
    border-left: none; }
  .status-block.c-1-6.active {
    background-color: #3CBE66; }

.status-block.c-1-7 {
  float: left;
  clear: none;
  width: 14.2857142857%;
  margin-left: 0;
  margin-right: 0;
  height: 3px;
  background-color: #CCCCCC;
  border-left: 3px solid white; }
  .status-block.c-1-7:first-child {
    border-left: none; }
  .status-block.c-1-7.active {
    background-color: #3CBE66; }

.status-block.c-1-8 {
  float: left;
  clear: none;
  width: 12.5%;
  margin-left: 0;
  margin-right: 0;
  height: 3px;
  background-color: #CCCCCC;
  border-left: 3px solid white; }
  .status-block.c-1-8:first-child {
    border-left: none; }
  .status-block.c-1-8.active {
    background-color: #3CBE66; }

.status-block.c-1-9 {
  float: left;
  clear: none;
  width: 11.1111111111%;
  margin-left: 0;
  margin-right: 0;
  height: 3px;
  background-color: #CCCCCC;
  border-left: 3px solid white; }
  .status-block.c-1-9:first-child {
    border-left: none; }
  .status-block.c-1-9.active {
    background-color: #3CBE66; }

.status-block.c-1-10 {
  float: left;
  clear: none;
  width: 10%;
  margin-left: 0;
  margin-right: 0;
  height: 3px;
  background-color: #CCCCCC;
  border-left: 3px solid white; }
  .status-block.c-1-10:first-child {
    border-left: none; }
  .status-block.c-1-10.active {
    background-color: #3CBE66; }

.status-block.c-1-11 {
  float: left;
  clear: none;
  width: 9.0909090909%;
  margin-left: 0;
  margin-right: 0;
  height: 3px;
  background-color: #CCCCCC;
  border-left: 3px solid white; }
  .status-block.c-1-11:first-child {
    border-left: none; }
  .status-block.c-1-11.active {
    background-color: #3CBE66; }

.status-block.c-1-12 {
  float: left;
  clear: none;
  width: 8.3333333333%;
  margin-left: 0;
  margin-right: 0;
  height: 3px;
  background-color: #CCCCCC;
  border-left: 3px solid white; }
  .status-block.c-1-12:first-child {
    border-left: none; }
  .status-block.c-1-12.active {
    background-color: #3CBE66; }

.status-block.c-1-13 {
  float: left;
  clear: none;
  width: 7.6923076923%;
  margin-left: 0;
  margin-right: 0;
  height: 3px;
  background-color: #CCCCCC;
  border-left: 3px solid white; }
  .status-block.c-1-13:first-child {
    border-left: none; }
  .status-block.c-1-13.active {
    background-color: #3CBE66; }

.status-block.c-1-14 {
  float: left;
  clear: none;
  width: 7.1428571429%;
  margin-left: 0;
  margin-right: 0;
  height: 3px;
  background-color: #CCCCCC;
  border-left: 3px solid white; }
  .status-block.c-1-14:first-child {
    border-left: none; }
  .status-block.c-1-14.active {
    background-color: #3CBE66; }

.status-block.c-1-15 {
  float: left;
  clear: none;
  width: 6.6666666667%;
  margin-left: 0;
  margin-right: 0;
  height: 3px;
  background-color: #CCCCCC;
  border-left: 3px solid white; }
  .status-block.c-1-15:first-child {
    border-left: none; }
  .status-block.c-1-15.active {
    background-color: #3CBE66; }

.status-block.c-1-16 {
  float: left;
  clear: none;
  width: 6.25%;
  margin-left: 0;
  margin-right: 0;
  height: 3px;
  background-color: #CCCCCC;
  border-left: 3px solid white; }
  .status-block.c-1-16:first-child {
    border-left: none; }
  .status-block.c-1-16.active {
    background-color: #3CBE66; }

.status-block.c-1-17 {
  float: left;
  clear: none;
  width: 5.8823529412%;
  margin-left: 0;
  margin-right: 0;
  height: 3px;
  background-color: #CCCCCC;
  border-left: 3px solid white; }
  .status-block.c-1-17:first-child {
    border-left: none; }
  .status-block.c-1-17.active {
    background-color: #3CBE66; }

.status-block.c-1-18 {
  float: left;
  clear: none;
  width: 5.5555555556%;
  margin-left: 0;
  margin-right: 0;
  height: 3px;
  background-color: #CCCCCC;
  border-left: 3px solid white; }
  .status-block.c-1-18:first-child {
    border-left: none; }
  .status-block.c-1-18.active {
    background-color: #3CBE66; }

.status-block.c-1-19 {
  float: left;
  clear: none;
  width: 5.2631578947%;
  margin-left: 0;
  margin-right: 0;
  height: 3px;
  background-color: #CCCCCC;
  border-left: 3px solid white; }
  .status-block.c-1-19:first-child {
    border-left: none; }
  .status-block.c-1-19.active {
    background-color: #3CBE66; }

.status-block.c-1-20 {
  float: left;
  clear: none;
  width: 5%;
  margin-left: 0;
  margin-right: 0;
  height: 3px;
  background-color: #CCCCCC;
  border-left: 3px solid white; }
  .status-block.c-1-20:first-child {
    border-left: none; }
  .status-block.c-1-20.active {
    background-color: #3CBE66; }

.check-list__item {
  background-color: white;
  margin-bottom: 2px;
  overflow: hidden;
  padding: 0 15px; }

.check-list__title {
  background-color: white;
  margin-bottom: 2px;
  overflow: hidden;
  padding: 15px; }

.course__container .contact-info {
  border-top: 1px solid #CCCCCC;
  padding-top: 30px;
  margin-top: 40px; }

.course__title .clear {
  float: right;
  color: #5FACC5;
  cursor: pointer; }

.course__item {
  position: relative;
  background-color: white;
  display: inline-block;
  text-decoration: none;
  width: 100%;
  background-repeat: no-repeat;
  background-position: calc(96%) 21%;
  margin-top: 5px;
  margin-top: 13px; }
  .course__item.complete {
    border-top: 3px solid #3CBE66;
    cursor: default; }
    .course__item.complete .course__item__info p {
      color: #3CBE66; }
    .course__item.complete .mobi-course > p {
      color: #3CBE66; }
  .course__item.commenced {
    border-top: 3px solid #F79131; }
    .course__item.commenced .course__item__info p {
      color: #F79131; }
    .course__item.commenced .mobi-course > p {
      color: #F79131; }
  .course__item.incomplete {
    border-top: 3px solid #DE2D0F; }
    .course__item.incomplete .course__item__info p {
      color: #DE2D0F; }
    .course__item.incomplete .mobi-course > p {
      color: #DE2D0F; }
  .course__item.none-start .course__item__info p {
    color: #999999; }
  .course__item.none-start .mobi-course > p {
    color: #999999; }
  .course__item .link-container {
    text-decoration: inherit; }
  .course__item .icon {
    display: inline-block;
    vertical-align: top; }
    .course__item .icon + .course__item__info {
      padding-left: 16px;
      max-width: calc(100% - 220px); }
      .course__item .icon + .course__item__info.no-add-button {
        max-width: calc(100% - 50px); }
  .course__item__info {
    display: inline-block;
    vertical-align: top;
    max-width: 75%;
    width: 100%; }
    @media (max-width: 768px) {
      .course__item__info {
        max-width: 69% !important; } }
    .course__item__info h4 {
      color: black;
      margin-top: 5px;
      margin-bottom: 5px;
      font-family: "Lato", serif;
      line-height: 17px; }
    .course__item__info span {
      color: #999999;
      font-size: 0.8125rem; }
    .course__item__info :not(.wysiwyg-content) p {
      color: #DE2C0E;
      font-weight: 600;
      font-size: 0.8125rem;
      line-height: 0.9375rem; }
    .course__item__info .original-selectbox {
      margin: 20px 0 0 0;
      max-width: 280px; }
  .course__item__time {
    display: inline-block;
    vertical-align: top;
    color: #5FACC5;
    font-size: 0.875rem;
    margin-top: 13px;
    float: right;
    margin-right: 21px; }
    .course__item__time img {
      position: relative;
      top: 0px;
      margin-right: 8px; }
    .course__item__time p {
      display: inline-block;
      vertical-align: top;
      margin-top: 3px; }
  .course__item__addtocart {
    width: auto;
    float: right;
    padding-top: 10px; }
    @media (max-width: 768px) {
      .course__item__addtocart {
        width: 100%;
        margin-top: 10px;
        display: inline-block;
        border-top: 1px solid #EEEEEE; } }
    .course__item__addtocart span {
      color: #3CBE66;
      font-size: 18px;
      font-weight: 300;
      font-style: italic;
      text-align: right;
      margin-right: 20px;
      padding-top: 7px;
      float: right; }
      @media (max-width: 768px) {
        .course__item__addtocart span {
          float: left; } }
    .course__item__addtocart .btn-cart {
      float: right;
      padding: 6px 20px; }
  .course__item__removefromcart {
    width: 120px;
    float: right;
    padding-top: 0px; }
    @media (max-width: 768px) {
      .course__item__removefromcart {
        width: 100%;
        margin-top: 10px;
        padding-top: 10px;
        display: inline-block;
        border-top: 1px solid #EEEEEE; } }
    .course__item__removefromcart span {
      color: #3CBE66;
      font-size: 18px;
      font-weight: 300;
      font-style: italic;
      text-align: right;
      padding-top: 7px;
      float: right; }
      @media (max-width: 768px) {
        .course__item__removefromcart span {
          float: left;
          text-align: left;
          padding-top: 12px; } }
    .course__item__removefromcart .btn-removecart {
      float: right;
      padding: 10px 0px 4px 20px; }
      @media (max-width: 768px) {
        .course__item__removefromcart .btn-removecart {
          padding: 10px 0px 4px 20px;
          min-width: inherit; } }
  .course__item__participants {
    width: auto;
    float: right;
    padding-top: 10px; }
    @media (max-width: 768px) {
      .course__item__participants {
        width: 100%;
        margin-top: 10px;
        display: inline-block;
        border-top: 1px solid #EEEEEE; } }
    .course__item__participants span {
      color: #999;
      font-size: .8125rem; }
  .course__item.total {
    background-image: none !important; }
  .course__item .totalcost {
    float: right;
    font-size: 14px;
    color: black; }
    .course__item .totalcost span {
      margin-left: 5px;
      color: #3CBE66;
      font-size: 18px;
      font-weight: 300;
      font-style: italic; }
  .course__item .btn-filter {
    display: inline-block;
    float: right;
    margin-top: 9px;
    vertical-align: top; }

.big-desktop-only .course__item {
  padding: 10px; }
  .big-desktop-only .course__item__info {
    width: 100%;
    max-width: 80% !important; }
  .big-desktop-only .course__item__addtocart, .big-desktop-only .course__item__removefromcart {
    width: 100%;
    margin-top: 10px;
    display: inline-block;
    border-top: 1px solid #EEEEEE; }
    .big-desktop-only .course__item__addtocart span, .big-desktop-only .course__item__removefromcart span {
      float: left; }
    .big-desktop-only .course__item__addtocart .btn-removecart, .big-desktop-only .course__item__removefromcart .btn-removecart {
      padding-right: 0px; }

.big-desktop-only .totalcost {
  margin-right: 0px; }

.mobi-course {
  margin-top: 5px;
  position: relative;
  left: -20px;
  border-top: 2px solid #CCCCCC;
  width: calc(100% + 40px);
  padding: 20px 20px;
  padding-bottom: 0px; }
  .mobi-course .time {
    display: inline-block;
    vertical-align: top;
    color: #5FACC5;
    font-size: 0.875rem;
    margin-top: -2px;
    float: right;
    margin-right: 21px; }
    .mobi-course .time img {
      position: relative;
      top: 3px;
      margin-right: 8px; }
    .mobi-course .time p {
      display: inline-block;
      vertical-align: top; }
  .mobi-course > p {
    display: inline-block;
    vertical-align: top;
    font-weight: 600;
    float: left;
    color: #DE2C0E;
    font-size: 0.8125rem; }
  .mobi-course .btn-filter {
    display: inline-block;
    vertical-align: top;
    margin-top: -8px;
    float: right; }

@media screen and (max-width: 410px) {
  .truncate {
    width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; } }

.exercise-file .main-content {
  height: calc(100% - 62px); }

.exercise-file div#scorm_view_lesson_parent {
  width: 100%;
  height: 100%; }
  .exercise-file div#scorm_view_lesson_parent iframe, .exercise-file div#scorm_view_lesson_parent object {
    width: 100%;
    height: 100%; }

.exercise-file aside {
  height: calc(100% - 62px); }
  @media (max-width: 1024px) {
    .exercise-file aside {
      display: none; } }
  @media (max-width: 768px) {
    .exercise-file aside {
      display: none; } }

.course-emblem {
  margin-top: -10px;
  position: relative; }

.pagination-aside {
  position: relative;
  margin: 20px 0; }
  .pagination-aside .btn {
    min-width: 50px;
    width: 95px;
    padding: 12px 15px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 10; }
    .pagination-aside .btn ~ .btn {
      float: right; }
  .pagination-aside > p {
    position: absolute;
    left: 0;
    right: 0;
    top: 10px;
    text-align: center;
    margin: auto; }

.pagination-module {
  width: 100%;
  float: left;
  position: relative;
  text-align: center; }
  .pagination-module .older {
    float: left;
    max-width: 100px;
    min-width: 100px; }
  .pagination-module .newer {
    float: right;
    max-width: 100px;
    min-width: 100px; }
  .pagination-module .outof {
    margin: 0 auto;
    padding-top: 15px;
    width: 20%;
    display: inline-block;
    font-weight: 600; }

.label-card, .text-block {
  background-color: white;
  margin-bottom: 10px; }
  @media (max-width: 768px) {
    .label-card__mobi, .text-block__mobi {
      display: none; }
      .label-card__mobi.active, .text-block__mobi.active {
        display: block; } }
  .label-card__title, .text-block__title {
    color: #000000;
    padding: 19px 21px;
    border-bottom: 1px solid #DDDDDD; }
  .label-card__content, .text-block__content {
    padding: 19px 21px;
    color: #666666;
    line-height: 17px;
    border-bottom: 3px solid #DDDDDD;
    font-size: 0.875rem;
    line-height: 1.0625rem; }
    .label-card__content a, .text-block__content a {
      text-decoration: none;
      color: #6E6E91; }
    .label-card__content .right, .text-block__content .right {
      float: right; }
    .label-card__content .btn, .text-block__content .btn {
      color: white; }
    .label-card__content ul, .text-block__content ul {
      margin-top: 10px; }
      .label-card__content ul li, .text-block__content ul li {
        background-position: left -2px;
        background-repeat: no-repeat;
        background-image: url(../../resources/images/pink-dot.png);
        padding-left: 15px;
        margin-bottom: 15px; }
    .label-card__content p:not(:first-child), .text-block__content p:not(:first-child) {
      margin-top: 12px; }

.mobi-style.hide {
  height: 0;
  overflow: hidden;
  border-bottom: 2px solid #DDDDDD;
  margin-bottom: 20px; }

@media (max-width: 768px) {
  .mobi-style .label-card {
    margin-bottom: 0; } }

.text-block__content {
  color: black;
  border-bottom: none; }
  .text-block__content p {
    font-size: 14px; }

.loading-spinner {
  text-align: center; }
  .loading-spinner > p {
    color: #000000;
    font-style: italic;
    font-size: 0.875rem;
    margin-bottom: 10px; }
  .loading-spinner .spinner {
    width: 220px;
    text-align: center;
    margin: auto; }
  .loading-spinner .spinner > div {
    width: 14px;
    height: 14px;
    border-radius: 100%;
    display: inline-block;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both; }
  .loading-spinner .spinner .bounce1 {
    animation-delay: -0.32s;
    background-color: #ea883c; }
  .loading-spinner .spinner .bounce2 {
    animation-delay: -0.16s;
    background-color: #faec23; }
  .loading-spinner .spinner .bounce3 {
    animation-delay: -0.08s;
    background-color: #78c8d4; }
  .loading-spinner .spinner .bounce4 {
    animation-delay: -0.04s;
    background-color: #b172a3; }
  .loading-spinner .spinner .bounce5 {
    animation-delay: -0.02s;
    background-color: #892b7c; }

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    transform: scale(0); }
  40% {
    transform: scale(1); } }

.leader-user {
  overflow: hidden; }
  .leader-user:last-child .leader-user__order {
    min-height: 111px; }
  .leader-user__container {
    margin: 10px 0; }
  .leader-user__order {
    display: inline-block;
    vertical-align: top;
    width: 30px;
    float: left;
    background-repeat: no-repeat;
    background-position: top center;
    background-image: url(../../resources/images/line.png);
    height: 100%;
    color: #000000;
    min-height: 120px;
    text-align: center;
    padding: 24px 0; }
  .leader-user__block {
    position: relative;
    display: inline-block;
    vertical-align: top;
    background-color: white;
    width: calc(100% - 30px);
    padding-top: 10px; }
    .leader-user__block .photo {
      display: inline-block;
      vertical-align: top;
      margin-left: 10px;
      margin-right: 10px;
      overflow: hidden;
      border-radius: 7px;
      max-width: 42px;
      max-height: 42px;
      margin-bottom: 10px; }
      .leader-user__block .photo img {
        width: 100%; }
    .leader-user__block .info {
      width: calc(100% - 115px);
      display: inline-block;
      vertical-align: top; }
      .leader-user__block .info h4 {
        font-size: 1rem;
        margin-bottom: 6px;
        color: black; }
        .leader-user__block .info h4 img {
          position: relative;
          top: 2px;
          margin-left: 8px; }
      .leader-user__block .info .title {
        margin-top: 12px;
        margin-bottom: 5px;
        margin-left: 10px;
        font-family: "Lato", serif; }
      .leader-user__block .info p {
        font-size: 0.8125rem;
        margin-top: 4px;
        color: #999999; }
    .leader-user__block .add {
      display: inline-block;
      vertical-align: top;
      float: right;
      margin: 10px; }
    .leader-user__block .detail {
      border-top: 2px solid #EEEEEE; }
      .leader-user__block .detail > p {
        color: #999999;
        font-size: 0.8125rem;
        display: inline-block;
        vertical-align: top;
        border-left: 2px solid #EEEEEE;
        text-align: center;
        width: 32%;
        height: 46px;
        padding: 10px 10px;
        margin-top: 0px; }
        .leader-user__block .detail > p:first-child {
          border-left: none; }
        .leader-user__block .detail > p.last {
          color: #5FACC5; }
        .leader-user__block .detail > p.last.inactive {
          color: #CCCCCC; }
  .leader-user .posted-material-list {
    font-size: 0.8125rem;
    padding: 5px; }
    .leader-user .posted-material-list a {
      font-size: 0.8125rem;
      color: #5FACC5;
      text-decoration: none; }

.accordian__item {
  overflow: hidden;
  border-top: 2px solid #DDDDDD; }
  .accordian__item:first-child {
    border-top: none; }
  .accordian__item__title {
    background-image: url(../../resources/images/accordian-open.png);
    background-repeat: no-repeat;
    background-position: calc(100% - 20px) center;
    border-left: 3px solid #CCCCCC;
    padding: 10px 10px;
    display: table;
    width: 100%;
    background-color: white;
    cursor: pointer;
    transition: all 0.4s ease-in-out; }
    .accordian__item__title.no-active-status {
      border-left: none !important; }
    .accordian__item__title.disabled {
      background-image: none !important;
      cursor: default; }
  .accordian__item__content {
    overflow: hidden;
    max-height: 0px;
    transition: max-height 0.4s ease-in-out;
    border-top: 2px solid #DDDDDD;
    font-size: 0.875rem;
    line-height: 1.0625rem; }
    .accordian__item__content-hidden {
      padding: 16px 23px;
      background-color: white; }
    .accordian__item__content ul li {
      background-position: left -2px;
      background-repeat: no-repeat;
      background-image: url(../../resources/images/pink-dot.png);
      padding-left: 15px;
      margin-top: 15px; }
  .accordian__item.active .accordian__item__title {
    background-image: url(../../resources/images/accordian-close.png);
    border-left: 3px solid #3CBE66; }
  .accordian__item.active .accordian__item__content {
    max-height: 2000px;
    transition: max-height 0.4s ease-in-out; }

.text-accordian > p {
  float: left;
  padding: 3px 7px; }
  .text-accordian > p.hight-light {
    color: #5FACC5; }
    .text-accordian > p.hight-light img {
      position: relative;
      top: 3px;
      margin-right: 5px; }

.people-accordian {
  display: table-cell;
  width: 100%; }
  .people-accordian .people-logo {
    float: left;
    border-radius: 10px; }
  .people-accordian .people-type {
    float: left;
    padding: 9px 0px; }
  .people-accordian > p {
    float: left;
    padding: 0px 7px 15px 7px; }

.single-link {
  background-color: white;
  margin-bottom: 10px;
  background-repeat: no-repeat;
  background-position: calc(100% - 20px) center;
  background-image: url(../../resources/images/right-arrow.png);
  overflow: hidden;
  border-bottom: 3px solid #DDDDDD;
  padding: 7px 12px;
  display: block; }
  .single-link__icon {
    float: left;
    margin-right: 13px; }
  .single-link__text {
    vertical-align: top;
    display: inline-block;
    float: left;
    margin: 13px 13px;
    margin-left: 0;
    max-width: 55%;
    color: black;
    text-decoration: none; }
    .single-link__text.staff-name {
      margin-top: 8px; }
      .single-link__text.staff-name .company-name {
        margin-top: 3px;
        color: #000000;
        display: block;
        font-weight: normal;
        text-decoration: none;
        font-size: 0.875rem; }
    .single-link__text.user-name {
      font-weight: bold;
      font-style: italic; }
    @media (min-width: 768px) {
      .single-link__text.text-container {
        margin-top: 1px;
        margin-bottom: 2px; } }
    .single-link__text.text-container .course-detail {
      padding: 0 20px 0 0px; }
    .single-link__text.extra-container {
      max-width: calc(100% - 10px); }
      .single-link__text.extra-container h3 {
        font-size: 16px; }
      .single-link__text.extra-container h3 strong {
        max-width: calc(100% - 140px); }
      @media (min-width: 768px) {
        .single-link__text.extra-container {
          margin-top: 0;
          margin-bottom: 0; } }
      .single-link__text.extra-container .course-detail {
        padding: 0 20px 0 0px; }
    .single-link__text .icon + h3 {
      display: inline-block;
      padding: 16px 0 0 10px; }
    .single-link__text .icon + h3 {
      display: inline-block;
      padding: 16px 0 0 10px; }
    .single-link__text .company-name {
      color: #D61A69;
      line-height: 21px; }
    .single-link__text h3 {
      margin-bottom: 10px; }
      .single-link__text h3 > img {
        margin-left: 8px;
        position: relative;
        top: 4px;
        margin-right: 8px; }
      .single-link__text h3 .btn-filter {
        position: relative;
        top: 4px; }
    .single-link__text a {
      text-decoration: none; }
    .single-link__text .course-detail {
      color: #DE2C0E;
      font-weight: 600;
      font-size: 0.8125rem; }
      .single-link__text .course-detail > p {
        color: #5FACC5;
        font-size: 0.875rem;
        vertical-align: top;
        display: inline-block; }
        .single-link__text .course-detail > p img {
          position: relative;
          top: 3px;
          margin-right: 7px;
          margin-left: 12px;
          margin-top: -5px; }
        .single-link__text .course-detail > p:not(:first-child) {
          margin-top: 0px; }
    .single-link__text > img {
      position: relative;
      top: 4px;
      margin-left: 5px; }
    .single-link__text.no-margin-horizontal {
      margin-top: -4px;
      margin-bottom: 0; }
    .single-link__text.course-chat-banner {
      max-width: calc(100% - 60px);
      margin-bottom: 5px;
      font-weight: bold; }
  .single-link__image {
    vertical-align: top;
    display: inline-block;
    float: left;
    margin-right: 13px; }
  .single-link__type {
    margin-top: 9px;
    margin-left: -5px;
    float: left;
    vertical-align: top;
    display: inline-block; }
  .single-link__addtocart {
    width: auto;
    float: right;
    padding-top: 0px; }
    @media (max-width: 768px) {
      .single-link__addtocart {
        width: 100%;
        margin-top: 10px;
        padding-top: 10px;
        display: inline-block;
        border-top: 1px solid #EEEEEE; } }
    .single-link__addtocart span {
      color: #3CBE66;
      font-size: 18px;
      font-weight: 300;
      font-style: italic;
      text-align: right;
      margin-right: 20px;
      padding-top: 7px;
      float: right; }
      @media (max-width: 768px) {
        .single-link__addtocart span {
          float: left; } }
    .single-link__addtocart .btn-cart {
      float: right;
      padding: 8px 20px !important; }
  .single-link .btn {
    min-width: auto;
    padding: 10px 22px 10px 15px; }
    .single-link .btn img {
      margin-left: 5px;
      vertical-align: sub; }

.course-selection-link .single-link {
  padding-bottom: 0; }

.course-selection-link .single-link__text {
  padding-bottom: 0;
  margin-bottom: 0;
  width: calc(100%);
  max-width: none; }
  @media (min-width: 760px) {
    .course-selection-link .single-link__text {
      width: calc(100% - 220px); } }
  .course-selection-link .single-link__text .icon {
    float: left; }
  .course-selection-link .single-link__text h3 {
    float: left;
    width: calc(100% - 50px); }
  .course-selection-link .single-link__text p {
    margin-bottom: 5px; }

@media (min-width: 760px) {
  .course-selection-link .single-link__addtocart {
    padding-top: 5px; } }

.company-listing {
  position: relative;
  clear: both;
  text-align: center; }
  .company-listing__item {
    background-color: white;
    width: 135px;
    height: 135px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 3px;
    position: relative; }
    .company-listing__item img {
      max-width: 135px;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      margin: auto;
      max-height: 135px; }
    @media (max-width: 500px) {
      .company-listing__item {
        width: 135px;
        height: 135px; }
        .company-listing__item img {
          max-width: 72%;
          max-height: 72%; } }
    .company-listing__item:hover {
      outline: 1px #6E6E91 solid; }
    .company-listing__item i {
      position: absolute;
      bottom: 3px;
      right: 3px;
      background-color: #000000;
      color: white;
      border-radius: 9px;
      width: 28px;
      height: 18px;
      text-align: center;
      padding: 2px 0 6px 0;
      font-size: 0.875rem; }

.status-bar {
  padding-left: 20px;
  padding-right: 20px; }
  .status-bar__item {
    background-position: left top;
    background-repeat: no-repeat;
    background-image: url(../../resources/images/in.png);
    font-size: 0.875rem;
    color: #666666;
    padding-left: 18px;
    padding-top: 32px;
    height: 59px;
    line-height: 18px; }
    .status-bar__item.active {
      background-image: url(../../resources/images/ac.png);
      color: white; }

.profile-control {
  border-right: 1px solid #7D0738;
  margin-top: 7px;
  padding-right: 13px !important; }

.profile-icon {
  width: 27px;
  height: 19px;
  position: relative;
  display: inline-block;
  vertical-align: middle; }
  @media (max-width: 768px) {
    .profile-icon {
      margin-left: 0px; } }
  .profile-icon img {
    max-height: 21px; }
  .profile-icon > p {
    position: absolute;
    right: 7px;
    top: -21px;
    background-color: white;
    color: #000000;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    font-family: "Lato", serif;
    text-align: center;
    padding: 4px 0;
    font-size: 0.875rem; }

.role-icon {
  width: 20px; }

.profile-icon {
  width: 40px;
  height: auto;
  border-radius: 5px; }

.mobi-block-only .edit-profile-subscription-btns {
  text-align: center; }
  .mobi-block-only .edit-profile-subscription-btns .btn {
    font-family: "Lato", sans-serif;
    font-size: 0.9em;
    padding-right: 15px;
    padding-left: 15px; }

.mobi-block-only .plan-type-info {
  color: #fff;
  font-size: 1.5em; }

.mobi-block-only p span {
  color: #fff; }

.mobi-block-only .plan-type-basic p {
  color: #63165e; }

.mobi-block-only .plan-type-all-you-can-eat p {
  color: #d51467; }

.chatting-input {
  position: fixed;
  min-height: 60px;
  bottom: 0px;
  left: 0px;
  right: 0;
  background-color: white;
  border-top: 1px solid #DDDDDD;
  width: 100%; }
  @media (max-width: 768px) {
    .chatting-input {
      width: calc(100%);
      left: 0; } }
  @media (min-width: 768px) {
    .chatting-input {
      position: absolute;
      bottom: -30px; } }
  .chatting-input input[type="text"] {
    height: 100%;
    width: calc(100% - 107px);
    border: none;
    background-color: white;
    font-size: 0.875rem;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top; }
    .chatting-input input[type="text"]::-webkit-input-placeholder {
      color: #6E6E91; }
    .chatting-input input[type="text"]:-moz-placeholder {
      /* Firefox 18- */
      color: #6E6E91; }
    .chatting-input input[type="text"]::-moz-placeholder {
      /* Firefox 19+ */
      color: #6E6E91; }
    .chatting-input input[type="text"]:-ms-input-placeholder {
      color: #6E6E91; }
  .chatting-input textarea {
    height: 60px;
    resize: none;
    width: calc(100% - 107px);
    border: none;
    background-color: white;
    font-size: 1rem;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    font-family: "Lato", sans-serif; }
    .chatting-input textarea::-webkit-input-placeholder {
      color: #6E6E91; }
    .chatting-input textarea:-moz-placeholder {
      /* Firefox 18- */
      color: #6E6E91; }
    .chatting-input textarea::-moz-placeholder {
      /* Firefox 19+ */
      color: #6E6E91; }
    .chatting-input textarea:-ms-input-placeholder {
      color: #6E6E91; }
    .chatting-input textarea:empty {
      height: 60px; }
  .chatting-input .upload, .chatting-input .send {
    width: 94px;
    position: absolute;
    right: 10px;
    background-color: white;
    color: #6E6E91;
    text-decoration: none;
    display: inline-block;
    vertical-align: top;
    text-align: right;
    padding: 14px 0 11px 0; }
    .chatting-input .upload img, .chatting-input .send img {
      position: relative;
      top: 2px;
      margin-left: 8px;
      margin-right: 8px; }
  .chatting-input .send {
    display: none;
    padding: 7px 0; }
  .chatting-input.send .upload {
    display: none; }
  .chatting-input.send .send {
    display: inline-block; }

.chatting-input-error {
  position: fixed;
  bottom: 45px;
  left: 235px;
  color: #000000;
  width: calc(100% - 535px); }
  @media (max-width: 1024px) {
    .chatting-input-error {
      width: calc(100% - 225px); } }
  @media (max-width: 768px) {
    .chatting-input-error {
      width: calc(100%);
      left: 5px; } }

.company-short-block {
  background-color: white;
  margin-bottom: 3px;
  padding: 15px 10px;
  text-decoration: none;
  display: block; }
  .company-short-block .no-record {
    font-size: 0.875rem;
    color: #999999;
    margin: 2px 0; }
  .company-short-block > img {
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
    width: 44px;
    height: 44px;
    border-radius: 5px; }
  .company-short-block .info {
    display: inline-block;
    vertical-align: top; }
    .company-short-block .info h4 {
      font-size: 1rem;
      position: relative;
      top: -4px;
      color: black;
      margin-bottom: 5px; }
      .company-short-block .info h4 img {
        position: relative;
        top: 5px;
        margin-left: 10px; }
    .company-short-block .info p {
      font-size: 0.8125rem;
      color: #999999; }
  .company-short-block .btn-filter {
    display: inline-block;
    margin-top: 8px;
    vertical-align: top;
    float: right; }

.tab {
  overflow: hidden; }
  .tab__item {
    margin-bottom: 10px;
    background-color: white;
    max-width: 300px;
    height: 56px;
    position: relative;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 97% center;
    text-decoration: none;
    background-image: url(../../resources/images/right-arrow.png); }
    @media (max-width: 1024px) {
      .tab__item {
        width: calc(100% - 42px);
        max-width: 100% !important; } }
    .tab__item.what-is-jba-phone {
      max-width: initial;
      width: calc(100% - 42px); }
    .tab__item.active, .tab__item:hover {
      background-image: url(../../resources/images/right-arrow-white.png); }
      .tab__item.active .tab__item__head, .tab__item:hover .tab__item__head {
        background-color: white; }
      .tab__item.active .tab__item__text, .tab__item:hover .tab__item__text {
        color: white; }
    .tab__item__head {
      width: 56px;
      position: absolute;
      left: -28px;
      top: 0;
      height: 56px;
      display: inline-block;
      vertical-align: top;
      background-color: black;
      border-radius: 50%;
      transition: all 0.4s ease-in-out; }
    .tab__item__text {
      display: inline-block;
      vertical-align: top;
      height: 56px;
      font-family: "Lato", serif;
      width: 272px;
      padding: 0px 39px;
      font-size: 0.875rem;
      color: #000000;
      text-decoration: none;
      line-height: 17px;
      transition: all 0.4s ease-in-out;
      display: table; }
      @media (max-width: 1024px) {
        .tab__item__text {
          width: 100%; } }
      .tab__item__text p {
        display: table-cell;
        vertical-align: middle;
        text-decoration: none; }

.tab__item {
  float: right;
  overflow: visible !important; }
  .tab__item__head {
    background-repeat: no-repeat;
    background-position: center; }
  .tab__item:nth-child(1) .tab__item__head {
    background-color: #000000;
    background-image: url(../../images/logo-icon.png); }
  .tab__item:nth-child(2) .tab__item__head {
    background-color: #BD7CB5;
    background-image: url(../../resources/images/light.png); }
  .tab__item:nth-child(3) .tab__item__head {
    background-color: #D61A69;
    background-image: url(../../resources/images/key.png); }
  .tab__item:nth-child(4) .tab__item__head {
    background-color: #F79131;
    background-image: url(../../resources/images/people.png); }
  .tab__item:nth-child(5) .tab__item__head {
    background-color: #000000;
    background-image: url(../../resources/images/community.png); }
  .tab__item:hover:nth-child(1), .tab__item.active:nth-child(1) {
    background-color: #000000; }
    .tab__item:hover:nth-child(1) .tab__item__head, .tab__item.active:nth-child(1) .tab__item__head {
      background-color: white;
      background-image: url(../../images/logo-icon.png); }
  .tab__item:hover:nth-child(2), .tab__item.active:nth-child(2) {
    background-color: #BD7CB5; }
    .tab__item:hover:nth-child(2) .tab__item__head, .tab__item.active:nth-child(2) .tab__item__head {
      background-color: white;
      background-image: url(../../resources/images/light-active.png); }
  .tab__item:hover:nth-child(3), .tab__item.active:nth-child(3) {
    background-color: #D61A69; }
    .tab__item:hover:nth-child(3) .tab__item__head, .tab__item.active:nth-child(3) .tab__item__head {
      background-color: white;
      background-image: url(../../resources/images/key-active.png); }
  .tab__item:hover:nth-child(4), .tab__item.active:nth-child(4) {
    background-color: #F79131; }
    .tab__item:hover:nth-child(4) .tab__item__head, .tab__item.active:nth-child(4) .tab__item__head {
      background-color: white;
      background-image: url(../../resources/images/people-active.png); }
  .tab__item:hover:nth-child(5), .tab__item.active:nth-child(5) {
    background-color: #000000; }
    .tab__item:hover:nth-child(5) .tab__item__head, .tab__item.active:nth-child(5) .tab__item__head {
      background-color: white;
      background-image: url(../../resources/images/community-active.png); }

.chat-block__conatiner {
  overflow: hidden;
  padding-bottom: 40px; }

.chat-block__item {
  clear: both;
  background-color: white;
  border-radius: 7px;
  padding: 10px 10px;
  margin-bottom: 15px;
  position: relative; }
  @media (max-width: 500px) {
    .chat-block__item {
      width: 95%; } }
  .chat-block__item:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    position: absolute;
    top: 0px;
    bottom: 0px;
    margin: auto; }
  .chat-block__item.left {
    float: left;
    margin-left: 10px; }
    .chat-block__item.left:after {
      left: -10px;
      border-right: 10px solid white; }
  .chat-block__item.right {
    float: right;
    margin-right: 10px; }
    .chat-block__item.right:after {
      right: -10px;
      border-left: 10px solid white; }
  .chat-block__item__image {
    display: inline-block;
    vertical-align: top; }
  .chat-block__item__info {
    display: inline-block;
    vertical-align: top;
    width: 267px;
    margin-left: 10px; }
    @media (max-width: 500px) {
      .chat-block__item__info {
        width: 76%; } }
    .chat-block__item__info h4 {
      font-style: italic;
      font-size: 1rem;
      margin-bottom: 6px;
      max-width: calc(100% - 100px); }
      .chat-block__item__info h4 span, .chat-block__item__info h4 time {
        font-size: 0.875rem;
        color: #000000 !important;
        top: 4px;
        float: right;
        font-style: normal;
        position: absolute;
        top: 10px;
        right: 10px; }
      .chat-block__item__info h4 img {
        position: relative;
        top: 4px;
        margin-left: 5px; }
    .chat-block__item__info p {
      font-size: 0.875rem;
      line-height: 18px; }
      .chat-block__item__info p img {
        max-width: 100%; }
    .chat-block__item__info a {
      color: #6E6E91;
      text-decoration: none; }
      .chat-block__item__info a img {
        position: relative;
        top: 2px;
        margin-left: 5px; }

.dashboard-messages h4 {
  font-size: 1rem;
  margin-bottom: 16px;
  color: #6E6E91; }

.dashboard-messages .chat-block {
  text-decoration: none; }
  .dashboard-messages .chat-block time {
    font-size: 0.875rem;
    color: #000000 !important;
    position: relative;
    top: 4px;
    float: right;
    font-style: normal;
    position: absolute;
    top: 10px;
    right: 10px; }
  .dashboard-messages .chat-block * {
    color: #000; }
  .dashboard-messages .chat-block__item {
    max-width: 100%; }
    .dashboard-messages .chat-block__item__info {
      width: calc(100% - 60px); }
      .dashboard-messages .chat-block__item__info a {
        max-width: 200px; }
      .dashboard-messages .chat-block__item__info .document {
        color: #6E6E91; }
    .dashboard-messages .chat-block__item__image img {
      border-radius: 7px; }

.chat-block-additional-styles1 {
  position: relative;
  padding-bottom: 70px;
  height: 100%;
  min-height: 500px; }
  @media (min-width: 768px) {
    .chat-block-additional-styles1 {
      min-height: 500px; } }

.chat-block-additional-styles2 {
  position: absolute;
  bottom: 0;
  padding-bottom: 0;
  overflow: scroll;
  height: 100%;
  width: 97%; }

.no-messages {
  display: none;
  color: #999999; }

.chat-top-padding {
  padding-top: 20px; }
  @media (min-width: 768px) {
    .chat-top-padding.private-chat {
      padding-top: 100px; } }

.animate .fixed-chatbar {
  z-index: 5; }

.chat-content-page .chat-header-container {
  padding: 16px 12px; }

.panel-chat .chat-thumb {
  height: 30px;
  width: 30px; }

.panel-chat .panel-body {
  height: 100%;
  overflow-y: auto; }

.panel-chat .panel-footer {
  position: absolute;
  bottom: -16px; }

.sub-content {
  background-color: #EEEEEE;
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-top: 4px;
  float: left;
  transition: all 0.3s ease-in-out;
  width: 100%;
  overflow: hidden;
  margin-left: 6px;
  padding-bottom: 30px; }
  .sub-content.no-bottom-banner {
    margin-top: 0;
    height: calc(100% - 62px); }
  .sub-content.full {
    width: 100%;
    max-width: 100%; }
  .sub-content.no-right-aside {
    max-width: calc(100% - 318px); }
  @media (min-width: 1024px) {
    .sub-content {
      height: calc(100% - 62px);
      max-width: calc(100% - 318px); } }
  @media (max-width: 768px) {
    .sub-content {
      width: 100% !important;
      margin-top: 0;
      margin-left: 0;
      max-width: 100% !important; } }
  @media (min-width: 768px) {
    .sub-content {
      overflow: hidden;
      max-width: calc(100% - 623px);
      height: calc(100% - 122px);
      overflow-y: scroll; } }

.inner-main-conent {
  max-width: calc(100% - 370px);
  width: 100%;
  float: left;
  display: inline-block; }
  .inner-main-conent.height-auto {
    height: auto;
    min-height: 100%; }
  @media (min-width: 1024px) {
    .inner-main-conent {
      box-shadow: inset -7px 0 9px -7px rgba(102, 102, 102, 0.67); } }
  @media (max-width: 1024px) {
    .inner-main-conent {
      max-width: 100% !important;
      width: 100% !important; } }

.small-inner-main-conent {
  max-width: calc(100% - 300px);
  width: 100%;
  height: 100%;
  float: left;
  -webkit-overflow-scrolling: touch; }
  @media (max-width: 1024px) {
    .small-inner-main-conent {
      max-width: 100% !important;
      width: 100% !important; } }
  @media (min-width: 1024px) {
    .small-inner-main-conent {
      box-shadow: inset -7px 0 9px -7px rgba(102, 102, 102, 0.67); } }
  .small-inner-main-conent.height-auto {
    height: auto;
    min-height: 100%; }

.main-content {
  background-color: #EEEEEE;
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-top: 4px;
  left: 0%;
  float: left;
  transition: all 0.3s ease-in-out;
  padding-bottom: 30px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch; }
  .main-content.dashboard-scroll {
    height: calc(100% - 62px); }
  @media (min-width: 1024px) {
    .main-content {
      max-width: calc(100% - 236px);
      height: calc(100% - 62px); } }
  @media (max-width: 768px) {
    .main-content {
      width: 100% !important;
      margin-top: 0px;
      margin-left: 0;
      max-width: 100% !important;
      min-height: 600px;
      padding: 60px 0 0px 0; } }
  @media (min-width: 768px) {
    .main-content {
      overflow-y: auto;
      max-width: calc(100% - 541px); } }
  .main-content.no-right-aside {
    max-width: calc(100% - 230px); }
  .main-content.no-bottom-banner {
    margin-top: 0;
    height: calc(100% - 64px); }
    @media (max-width: 768px) {
      .main-content.no-bottom-banner {
        height: calc(100%); } }
  .main-content.chat {
    margin-top: 0;
    height: calc(100% - 72px); }
  .main-content.full {
    width: 100%;
    max-width: 100%; }

.main-content.what-is-jba-main-content {
  max-width: calc(100% - 312px); }
  @media (min-width: 768px) {
    .main-content.what-is-jba-main-content {
      box-shadow: inset 1px -3px 7px rgba(102, 102, 102, 0.67); } }

.main-content.cart-content .small-inner-main-conent {
  height: auto; }

.fixed-content {
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  width: 100%;
  z-index: 1000;
  height: 50px;
  position: fixed;
  top: 62px;
  left: 0;
  transition: all 0.3s ease-in-out; }
  .fixed-content.active {
    left: -80%; }

.absolute-content {
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  width: 100%;
  z-index: 1000;
  height: 50px;
  position: absolute;
  top: 0px;
  left: 0px; }

body.animate .main-content {
  transition: all 0.3s ease-in-out; }
  @media (max-width: 768px) {
    body.animate .main-content {
      left: -80%; } }

@media (max-width: 768px) {
  body.animate .sub-content {
    left: -80%; } }

body.animate .mobi-banner .fixed-content {
  z-index: 5; }

.hidden-toggle-content {
  display: none; }

.contact-info {
  text-align: center;
  padding: 50px 0;
  padding-bottom: 0; }
  .contact-info img {
    margin-bottom: 20px; }
  .contact-info h4 {
    font-size: 0.875rem;
    font-family: "Lato", serif;
    margin-bottom: 5px; }
  .contact-info p {
    font-size: 0.875rem;
    margin-bottom: 5px;
    color: #666666; }
  .contact-info a {
    font-size: 0.875rem;
    margin-bottom: 5px;
    color: #6E6E91; }
  .contact-info.vertical img {
    display: inline-block;
    vertical-align: top; }
  .contact-info.vertical .vertical-info {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    padding-left: 10px; }

.video-group > p {
  color: white;
  font-size: 0.875rem;
  font-family: "Lato", serif;
  margin-bottom: 10px;
  text-align: left;
  position: relative;
  z-index: 9; }
  @media (max-width: 500px) {
    .video-group > p {
      padding: 10px;
      margin-bottom: 0;
      background-color: #000000;
      text-align: center; } }

.video-group__container {
  font-size: 0; }

@media (min-width: 500px) {
  .video-selector {
    width: 48.5%;
    margin-left: 52%;
    float: left; } }

.video__item {
  display: inline-block;
  vertical-align: top;
  position: relative;
  cursor: pointer; }
  @media (max-width: 500px) {
    .video__item {
      float: left;
      clear: none;
      width: 33.3333333333%;
      margin-left: 0;
      margin-right: 0; }
      .video__item img {
        width: 100%; } }
  .video__item img {
    max-width: 100%; }
  .video__item img + .play {
    position: absolute;
    left: 9%;
    bottom: 9%;
    width: auto; }

.video-block__item {
  background-color: white;
  padding: 12px 12px;
  overflow: hidden;
  border-top: 3px solid #DDDDDD; }
  .video-block__item:first-child {
    border-top: none; }

.video-block .video__item {
  display: inline-block;
  vertical-align: top; }
  .video-block .video__item img {
    max-width: 98px; }
  .video-block .video__item img + img {
    max-width: 34px; }

.video-block__info {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 120px);
  float: right; }
  @media (max-width: 500px) {
    .video-block__info {
      width: calc(100% - 130px); } }
  .video-block__info h4 {
    font-size: 0.875rem;
    color: black;
    margin-bottom: 10px;
    font-family: "Lato", serif; }
  .video-block__info p {
    font-size: 0.875rem;
    color: #000000; }

.custom-selectbox {
  text-align: left; }
  .custom-selectbox select {
    font-size: 16px; }
  .custom-selectbox .select2-container {
    width: 100% !important; }
  .custom-selectbox.open .custom-selectbox__overlay {
    display: block; }
  .custom-selectbox.open .custom-selectbox__options {
    display: block; }
  .custom-selectbox.simple-version {
    min-width: 140px;
    z-index: 100; }
    .custom-selectbox.simple-version + .simple-version {
      right: 132px; }
    .custom-selectbox.simple-version.open .custom-selectbox__selected {
      background-color: white; }
    .custom-selectbox.simple-version .custom-selectbox__option {
      font-size: 0.875rem;
      color: black; }
    .custom-selectbox.simple-version .custom-selectbox__selected {
      font-size: 0.875rem;
      background-color: transparent;
      color: black; }
  .custom-selectbox__overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none; }
  .custom-selectbox__selected {
    background-color: white;
    border-radius: 5px;
    color: #999999;
    font-size: 1rem;
    padding: 14px 11px;
    background-repeat: no-repeat;
    background-position: 94% center;
    background-image: url(https://worktheseasons.co.nz/resources/images/dropdown-icon.png);
    cursor: pointer;
    position: relative;
    z-index: 10; }
    @media (max-width: 768px) {
      .custom-selectbox__selected {
        padding: 9px 11px; } }
  .custom-selectbox__options {
    background-color: white;
    border-radius: 5px;
    position: relative;
    top: 1px;
    display: none; }
    .custom-selectbox__options.active {
      display: block; }
  .custom-selectbox__option {
    padding: 14px 11px;
    border-top: 1px dotted #999999;
    color: #999999;
    cursor: pointer; }
    .custom-selectbox__option:first-child {
      border-top: none; }

.original-selectbox {
  padding: 0;
  margin: 0;
  border: none;
  width: 100%; }
  .original-selectbox select {
    padding: 5px 8px;
    width: 100%;
    height: 38px;
    font-size: 16px;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
    .original-selectbox select:focus {
      outline: none; }

.standard-title .simple-version {
  width: 120px;
  position: absolute;
  right: 10px;
  top: -14px;
  z-index: 100; }
  @media (max-width: 768px) {
    .standard-title .simple-version {
      top: -8px; } }

section.sy-pitch-file {
  display: inline-block;
  position: relative; }
  @media (max-width: 500px) {
    section.sy-pitch-file {
      width: 49%; }
      section.sy-pitch-file a:first-child {
        width: 100%;
        min-width: initial;
        white-space: nowrap; } }

.btn.sy-pitch-download-file {
  display: inline;
  position: absolute; }

.hidden-upload-container {
  display: inline;
  overflow: hidden;
  position: absolute;
  width: 400px; }

.js-sy-pitch-upload-file {
  display: inline;
  position: absolute;
  top: 100px; }

.js-sy-pitch-file.errors {
  padding-bottom: 10px; }

.pitch-file-name-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 15px; }
  .pitch-file-name-container span {
    margin-left: 10px; }
  .pitch-file-name-container p {
    margin: 0px; }

.animate .fixed-pitchbar {
  z-index: 5; }

.full-width-filter__container {
  border-bottom: 1px solid #DDDDDD;
  width: 100%;
  padding: 0px 19px; }
  .full-width-filter__container.no-border {
    border-bottom: none; }
  .full-width-filter__container .label {
    font-size: 0.875rem;
    display: inline-block;
    margin-top: 15px;
    margin-right: 14px; }
    @media (max-width: 500px) {
      .full-width-filter__container .label {
        margin-bottom: 10px; } }
  .full-width-filter__container .btn-filter {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px; }
    @media (max-width: 500px) {
      .full-width-filter__container .btn-filter {
        margin-right: 4px; } }
  .full-width-filter__container .top-filter .btn-tranparent-filter {
    margin-right: 10px;
    margin-right: -2px;
    border-right: 1px solid #DDDDDD; }
  .full-width-filter__container.select-filter {
    background: white;
    padding: 12px 0; }
    .full-width-filter__container.select-filter select, .full-width-filter__container.select-filter .select2-container {
      min-width: 360px; }
    @media (max-width: 768px) {
      .full-width-filter__container.select-filter select, .full-width-filter__container.select-filter .select2-container {
        width: 100% !important; } }

.filter-container.input-filter-group {
  width: auto;
  max-width: 700px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 1024px) {
    .filter-container.input-filter-group {
      width: auto;
      max-width: 1024px;
      float: none;
      display: block;
      margin-right: auto;
      margin-left: auto;
      padding-left: 10px;
      padding-right: 10px; }
      .filter-container.input-filter-group > .input-block {
        display: inline-block;
        vertical-align: top;
        margin-right: 14px;
        width: calc(100% - 500px); }
      .filter-container.input-filter-group .input-block-full {
        width: 100%; }
      .filter-container.input-filter-group .accordian__container {
        display: inline-block;
        vertical-align: top; }
        .filter-container.input-filter-group .accordian__container .accordian__item {
          display: inline-block;
          vertical-align: top;
          width: 236px;
          padding-left: 10px;
          border-left: 2px solid #DDDDDD;
          margin-top: 10px; }
        .filter-container.input-filter-group .accordian__container .accordian__item__title {
          border-top: none; }
        .filter-container.input-filter-group .accordian__container .hight-light img {
          display: none; } }
  .filter-container.input-filter-group > * {
    display: block; }
    .filter-container.input-filter-group > * .accordian__item {
      display: block;
      width: auto; }

.filter-container .input-block {
  padding-left: 0;
  padding-right: 0; }
  .filter-container .input-block + .input-block {
    padding-top: 0; }

.filter-container .accordian__item {
  border-top: none; }

.filter-container .accordian__item__title {
  border-left: none !important;
  padding-left: 0;
  padding-right: 0;
  border-top: 1px solid #DDDDDD; }

.filter-container .accordian__item__content {
  border-top: none; }
  .filter-container .accordian__item__content .input-block {
    margin-top: -10px; }

.connections-top {
  display: inline-block; }
  @media (min-width: 1024px) {
    .connections-top .input-block {
      width: 33% !important;
      margin: 0 2% 0 0;
      float: left;
      padding: 14px 0 !important; } }
  .connections-top .input-block .select2-large-grey {
    height: 38px !important; }

.hidden-status {
  display: none; }

.hidden-focus {
  display: none; }

.hidden-opportunity {
  display: none; }

.hidden-role {
  display: none; }

.hidden-country {
  display: none; }

.hidden-country.fadein {
  opacity: 0;
  display: inline-block; }

.hidden {
  display: none; }

.load-more {
  clear: both; }
  .load-more a {
    color: #6E6E91;
    text-decoration: none;
    display: block;
    text-align: center;
    font-size: 0.875rem; }

.course-filter {
  border-top: 1px solid #dddddd; }

.course-filter-hide {
  display: none; }

.course-filter-input-block {
  display: inline-block;
  padding-top: 10px;
  padding-right: 15px;
  background-color: white;
  padding-bottom: 10px;
  position: relative;
  width: 33%; }
  .course-filter-input-block .select2 {
    width: 100% !important; }
  .course-filter-input-block:last-child {
    padding-right: 0; }
  @media (max-width: 1024px) {
    .course-filter-input-block {
      padding-right: 0;
      width: 100% !important; } }

.input-forum {
  width: 100%;
  background-image: url(../../resources/images/dash-line.png);
  background-position: 12px top;
  background-repeat: repeat-y;
  padding-top: 20px; }
  @media (max-width: 768px) {
    .input-forum {
      background-image: none; } }
  .input-forum__card {
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 0px center;
    display: block;
    text-decoration: none;
    margin-bottom: 5px;
    padding-left: 48px; }
    @media (max-width: 768px) {
      .input-forum__card {
        background-image: none;
        padding-left: 0; } }
    @media (max-width: 500px) {
      .input-forum__card .image-card-vertical__image {
        width: 100% !important; }
        .input-forum__card .image-card-vertical__image img {
          width: 100% !important; }
      .input-forum__card .image-card-vertical__content {
        width: 100% !important; }
      .input-forum__card .image-card-vertical .play {
        display: none !important; } }
  .input-forum .input-post .input-block {
    padding: 0 0 6px 0; }
  .input-forum__card-article {
    background-color: white;
    padding: 15px 15px;
    overflow: hidden;
    margin-bottom: 2px;
    clear: both;
    border-left: 3px solid #CCCCCC;
    position: relative; }
    .input-forum__card-article__image {
      float: left; }
      .input-forum__card-article__image img {
        border-radius: 7px;
        max-width: 42px;
        max-height: 42px; }
    .input-forum__card-article__info {
      float: left;
      color: black;
      margin-left: 11px;
      width: 88%;
      position: relative; }
      @media (max-width: 500px) {
        .input-forum__card-article__info {
          width: 80%; } }
      .input-forum__card-article__info .name {
        font-size: 13px;
        color: #6E6E91;
        text-decoration: none; }
      .input-forum__card-article__info p {
        width: 95%;
        font-size: 14px; }
      .input-forum__card-article__info .time-ago {
        font-size: 13px;
        color: #999999; }
    .input-forum__card-article .role-icon {
      position: absolute;
      top: 10px;
      right: 10px; }

.wysiwyg-content h1, .wysiwyg-content h2, .wysiwyg-content h3, .wysiwyg-content h4, .wysiwyg-content h5, .wysiwyg-content h6 {
  font-family: "Lato", serif;
  color: #000; }

.wysiwyg-content h1 {
  font-size: 1.8rem;
  line-height: 2.4rem; }

.wysiwyg-content h2 {
  font-size: 1.6rem;
  line-height: 2.2rem; }

.wysiwyg-content h3 {
  font-size: 1.4rem;
  line-height: 1.8rem; }

.wysiwyg-content h4 {
  font-size: 1.3rem;
  line-height: 1.7rem; }

.wysiwyg-content h5, .wysiwyg-content h6 {
  font-size: 1.2rem;
  line-height: 1.6rem; }

.wysiwyg-content p {
  font-size: inherit;
  line-height: inherit;
  color: #666666; }

.wysiwyg-content ul {
  margin-top: 10px; }
  .wysiwyg-content ul li {
    color: #666666;
    font-size: inherit;
    line-height: inherit;
    background-position: left -4px;
    background-repeat: no-repeat;
    background-image: url(../../resources/images/pink-dot.png);
    padding-left: 15px;
    margin-bottom: 15px; }

.wysiwyg-content ol {
  margin-top: 10px; }
  .wysiwyg-content ol li {
    color: #666666;
    font-size: inherit;
    line-height: inherit;
    margin-bottom: 15px;
    margin-left: 15px;
    list-style: decimal; }

.wysiwyg-content a {
  color: #5FACC5; }

.wysiwyg-content img {
  max-width: 100%; }

.what-is-jba-wysiwyg-content h1, .what-is-jba-wysiwyg-content h2, .what-is-jba-wysiwyg-content h3 {
  line-height: 1.8rem; }

.what-is-jba-wysiwyg-content h4, .what-is-jba-wysiwyg-content h5, .what-is-jba-wysiwyg-content h6 {
  line-height: 1.6rem; }

.what-is-jba-wysiwyg-content h1, .what-is-jba-wysiwyg-content h3, .what-is-jba-wysiwyg-content h5 {
  color: #000000; }

.what-is-jba-wysiwyg-content h2, .what-is-jba-wysiwyg-content h4, .what-is-jba-wysiwyg-content h6 {
  color: #D61A69; }

.subscribe-popup .panel {
  position: relative; }
  .subscribe-popup .panel .plan-choice-overlay {
    z-index: 1;
    width: 100%;
    height: 100%;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0; }
    .subscribe-popup .panel .plan-choice-overlay .inner-content {
      padding: 15px;
      text-align: center; }
      .subscribe-popup .panel .plan-choice-overlay .inner-content .fa {
        cursor: pointer; }
    .subscribe-popup .panel .plan-choice-overlay .plan-choice {
      margin: 30% auto; }

.subscribe-popup h1 {
  padding-bottom: 10px;
  font-size: 1.2rem; }

.subscribe-popup .row-item {
  display: inline-block; }

.subscribe-popup .popup-content p {
  color: #666666;
  padding-bottom: 16px;
  border-bottom: 1px solid #e6e6e6; }

.subscribe-popup .popup-content .new-confirm-message {
  padding: 20px 0 10px 0; }

.subscribe-popup .popup-content .popup-btn-items {
  border: none;
  text-align: center; }
  .subscribe-popup .popup-content .popup-btn-items .cancel-checkout {
    color: #5eaec7;
    text-decoration: none; }
  .subscribe-popup .popup-content .popup-btn-items .btn {
    font-family: "Lato", sans-serif;
    font-size: 1rem; }

.subscribe-popup .selection-container {
  color: #fff; }
  .subscribe-popup .selection-container a {
    color: #fff;
    text-decoration: none; }
  .subscribe-popup .selection-container .item-package {
    width: 100%;
    border-radius: 5px;
    padding: 10px 0px 28px 10px; }
    @media (max-width: 768px) {
      .subscribe-popup .selection-container .item-package {
        padding: 10px 10px 10px 10px; } }
    .subscribe-popup .selection-container .item-package .image-drop-down {
      width: 26px;
      line-height: 40px;
      vertical-align: top; }
    .subscribe-popup .selection-container .item-package .description-text {
      width: 79%;
      font-size: 0.9rem; }
      .subscribe-popup .selection-container .item-package .description-text h3 {
        font-size: 1.15rem;
        padding-bottom: 5px; }
    .subscribe-popup .selection-container .item-package .price-item-text {
      width: 14.9%; }
      .subscribe-popup .selection-container .item-package .price-item-text .from-text {
        font-size: 0.6rem; }
      .subscribe-popup .selection-container .item-package .price-item-text .price-text {
        font-size: 1.45rem;
        padding-top: 5px; }
        .subscribe-popup .selection-container .item-package .price-item-text .price-text span {
          font-size: 0.7rem; }
    .subscribe-popup .selection-container .item-package .package-plans {
      padding-top: 20px;
      display: none; }
    .subscribe-popup .selection-container .item-package .plan-item {
      border-radius: 5px;
      border: 1px solid #fff;
      display: inline-block;
      font-size: 0.9rem;
      height: auto;
      padding: 5px;
      text-align: center;
      width: 24.4%;
      vertical-align: top;
      position: relative; }
      @media (max-width: 768px) {
        .subscribe-popup .selection-container .item-package .plan-item {
          width: 100%;
          margin-bottom: 3px; } }
      .subscribe-popup .selection-container .item-package .plan-item .plan-title {
        padding-bottom: 5px; }
        @media (max-width: 768px) {
          .subscribe-popup .selection-container .item-package .plan-item .plan-title {
            width: 50%;
            float: left;
            text-align: left;
            color: white !important;
            margin-top: 20px;
            font-size: 0.9rem !important; } }
      .subscribe-popup .selection-container .item-package .plan-item .plan-price {
        font-size: 1.7rem;
        padding-bottom: 5px; }
        @media (max-width: 768px) {
          .subscribe-popup .selection-container .item-package .plan-item .plan-price {
            width: 50%;
            float: right;
            text-align: right;
            margin-top: 10px; } }
        .subscribe-popup .selection-container .item-package .plan-item .plan-price span {
          font-size: 0.8rem; }
      @media (max-width: 768px) {
        .subscribe-popup .selection-container .item-package .plan-item .plan-description {
          float: right;
          color: white !important; } }
      .subscribe-popup .selection-container .item-package .plan-item .current-plan {
        width: calc(100% + 3px);
        height: 22px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        font-size: 0.7rem;
        padding: 4px 0px;
        position: absolute;
        bottom: -2px;
        left: -1px; }
    .subscribe-popup .selection-container .item-package .plan-type-basic .plan-title, .subscribe-popup .selection-container .item-package .plan-type-basic .plan-description {
      color: #63165e; }
    .subscribe-popup .selection-container .item-package .plan-type-basic .plan-price {
      color: #63165e; }
      .subscribe-popup .selection-container .item-package .plan-type-basic .plan-price span {
        color: #63165e; }
    .subscribe-popup .selection-container .item-package .plan-type-basic .current-plan {
      background-color: #63165e; }
    .subscribe-popup .selection-container .item-package .plan-type-all-you-can-eat .plan-title, .subscribe-popup .selection-container .item-package .plan-type-all-you-can-eat .plan-description {
      color: #d51467; }
    .subscribe-popup .selection-container .item-package .plan-type-all-you-can-eat .plan-price {
      color: #d51467; }
      .subscribe-popup .selection-container .item-package .plan-type-all-you-can-eat .plan-price span {
        color: #d51467; }
    .subscribe-popup .selection-container .item-package .plan-type-all-you-can-eat .current-plan {
      background-color: #d51467; }
    .subscribe-popup .selection-container .item-package .selected .plan-item {
      background: #fff; }
    .subscribe-popup .selection-container .item-package .selected .plan-type-basic .plan-title, .subscribe-popup .selection-container .item-package .selected .plan-type-basic .plan-description {
      color: #63165e !important; }
    .subscribe-popup .selection-container .item-package .selected .plan-type-basic .plan-price {
      color: #63165e !important; }
      .subscribe-popup .selection-container .item-package .selected .plan-type-basic .plan-price span {
        color: #63165e !important; }
    .subscribe-popup .selection-container .item-package .selected .plan-type-all-you-can-eat .plan-title, .subscribe-popup .selection-container .item-package .selected .plan-type-all-you-can-eat .plan-description {
      color: #d51467 !important; }
    .subscribe-popup .selection-container .item-package .selected .plan-type-all-you-can-eat .plan-price {
      color: #63165e !important; }
      .subscribe-popup .selection-container .item-package .selected .plan-type-all-you-can-eat .plan-price span {
        color: #63165e !important; }
  .subscribe-popup .selection-container .package-basic {
    background: #d51467;
    border: 1px solid #d51467; }
    .subscribe-popup .selection-container .package-basic .description-text h3 {
      color: #63165e; }
    .subscribe-popup .selection-container .package-basic .price-item-text {
      color: #63165e;
      vertical-align: top; }
  .subscribe-popup .selection-container .package-all-you-can-eat {
    background: #63165e;
    border: 1px solid #63165e; }
    .subscribe-popup .selection-container .package-all-you-can-eat .description-text h3 {
      color: #d51467; }
    .subscribe-popup .selection-container .package-all-you-can-eat .price-item-text {
      color: #d51467;
      vertical-align: top; }
  .subscribe-popup .selection-container .package-alumni {
    background: #71b9d1;
    border: 1px solid #71b9d1; }
    .subscribe-popup .selection-container .package-alumni .description-text h3 {
      color: #63165e; }
    .subscribe-popup .selection-container .package-alumni .price-item-text {
      color: #63165e;
      vertical-align: top; }
  .subscribe-popup .selection-container .back-top-plan {
    text-align: right; }
    .subscribe-popup .selection-container .back-top-plan .fa {
      color: #000000;
      font-size: 2em; }

.subscription-detail .subscribe-popup {
  background-color: transparent; }

.connection-group .connection-group-link-container {
  float: right; }
  .connection-group .connection-group-link-container .reject {
    marging-right: 0px; }

/*********************************************
  :: The Core - Layout & Components
********************************************/
/*********************************************
    :: Header                             
********************************************/
header {
  left: 0%;
  position: relative;
  transition: all 0.3s ease-in-out;
  margin-bottom: 0px;
  -webkit-overflow-scrolling: touch; }
  @media (max-width: 768px) {
    header {
      position: fixed;
      width: 100%;
      z-index: 999; } }
  @media (max-width: 768px) {
    header.no-mobile-header {
      display: none; } }
  header.no-mobile-header .header__bottom-banner {
    display: none !important; }
  header .header__top-banner {
    background-color: #000000;
    height: 62px;
    width: 100%;
    position: relative;
    top: 0px;
    z-index: 99999;
    -webkit-overflow-scrolling: touch; }
    header .header__top-banner .logo img {
      width: 58px;
      height: 50px; }
    header .header__top-banner .center {
      display: table;
      padding: 5px;
      margin: auto; }
    header .header__top-banner .mobi-logo {
      display: none;
      float: left;
      padding: 20px; }
      @media (max-width: 768px) {
        header .header__top-banner .mobi-logo {
          display: inline-block; } }
      header .header__top-banner .mobi-logo img {
        width: 24px;
        height: 19px; }
    header .header__top-banner .profile {
      cursor: pointer; }
      header .header__top-banner .profile ul {
        display: none;
        width: 230px;
        background-color: #222222;
        position: absolute;
        top: 62px;
        right: 0px;
        z-index: 1000; }
        header .header__top-banner .profile ul:before {
          content: "";
          width: 0;
          height: 0;
          border-bottom: 10px solid #222222;
          border-left: 10px solid transparent;
          border-right: 10px solid transparent;
          position: absolute;
          top: -7px;
          right: 27px; }
        header .header__top-banner .profile ul li {
          border-top: 1px solid #333333; }
          header .header__top-banner .profile ul li:first-child {
            border-top: none; }
          header .header__top-banner .profile ul li a {
            display: block;
            color: white;
            text-decoration: none;
            padding: 15px 15px; }
      header .header__top-banner .profile.active ul {
        display: block; }
      header .header__top-banner .profile p {
        color: white;
        font-family: "Lato", serif;
        font-size: 0.875rem;
        display: inline-block;
        vertical-align: top;
        margin-top: 15px;
        margin-right: 15px; }
      @media (max-width: 768px) {
        header .header__top-banner .profile {
          display: none; } }
    header .header__top-banner .right {
      float: right;
      padding: 10px 20px;
      text-decoration: none;
      position: relative; }
      @media (max-width: 768px) {
        header .header__top-banner .right {
          display: none; } }
      header .header__top-banner .right img {
        display: inline-block;
        vertical-align: top; }
      header .header__top-banner .right.profile img {
        border-radius: 8px; }
    header .header__top-banner .left {
      float: left;
      padding: 5px 0 0 5px; }
      @media (max-width: 768px) {
        header .header__top-banner .left {
          float: none;
          text-align: center;
          display: inherit;
          margin: auto;
          width: 100px; } }
    header .header__top-banner .mobi-menu-icon {
      display: none;
      padding: 20px;
      position: absolute;
      top: 0;
      right: 0; }
      @media (max-width: 768px) {
        header .header__top-banner .mobi-menu-icon {
          display: block; } }
      header .header__top-banner .mobi-menu-icon img {
        width: 18px;
        height: 15px; }
  header .header__bottom-banner {
    height: 60px;
    width: 100%;
    background: white;
    box-shadow: -1px 2px 5px 0px rgba(0, 0, 0, 0.3);
    font-family: "Lato", sans-serif;
    position: relative;
    z-index: 10; }
    header .header__bottom-banner .icon {
      position: relative;
      top: -11px; }
    header .header__bottom-banner h3 {
      font-size: 1.125rem;
      color: black;
      font-weight: bold;
      text-align: center;
      margin-top: 0px;
      padding: 20px; }

@media (max-width: 768px) {
  body.animate header {
    left: -80%; } }

nav {
  background-color: #000000;
  height: 62px; }
  nav .navbar-brand {
    width: 58px; }
    @media (max-width: 768px) {
      nav .navbar-brand {
        position: absolute;
        left: 50%;
        margin-left: -31px; } }
    nav .navbar-brand img {
      height: 54px;
      width: auto; }
  nav .nav > li > a:hover,
  nav .nav > li > a:focus,
  nav .nav > li > a:active,
  nav .nav .open > a,
  nav .nav .open > a:hover,
  nav .nav .open > a:focus,
  nav .nav .open > a:active {
    background-color: transparent !important;
    color: #fff !important; }
  nav .nav > li > a .fa {
    font-size: 1.4em !important; }
  nav .divider-left {
    border-left: 1px solid #D61A69; }
  nav .navbar-toggle {
    float: left; }
  nav .badge {
    background: #fff !important;
    color: #000000 !important;
    position: absolute;
    right: 0;
    top: 10px; }

/*********************************************
  :: Footer
********************************************/
footer .listing-item {
  display: inline-block;
  margin-right: 20px; }

footer a {
  color: #444; }

/* Brown Paper Bag Container */
.brownpaperbag-container {
  float: left;
  width: 100%;
  margin: 25px 0; }
  .brownpaperbag-container .left-section {
    float: left; }
  .brownpaperbag-container .right-section {
    float: right;
    clear: none; }
    @media (min-width: 960px) {
      .brownpaperbag-container .right-section {
        float: right;
        clear: none; } }
  .brownpaperbag-container a, .brownpaperbag-container p {
    color: #888;
    margin: 0px;
    font-family: "Roboto", sans-serif;
    text-decoration: none;
    line-height: 14px;
    font-size: 11px; }

aside {
  max-width: 312px;
  height: calc(100% - 122px);
  overflow: hidden;
  background-color: #EEEEEE;
  display: inline-block;
  vertical-align: top;
  margin-top: 0px;
  width: 100%; }
  aside.no-bottom-banner {
    height: calc(100% - 62px);
    margin-top: 0; }
  aside.left {
    max-width: 312px;
    height: calc(100% - 62px);
    float: left;
    box-shadow: 0px 5px 6px 4px rgba(196, 196, 196, 0.8);
    position: relative;
    z-index: 9; }
    aside.left .aside-coantiner {
      width: calc(312px + 15px); }
    @media (max-width: 768px) {
      aside.left {
        display: none; } }
  aside.right {
    max-width: 300px;
    float: right;
    box-shadow: 0px 5px 3px 4px rgba(196, 196, 196, 0.6); }
    aside.right .aside-coantiner {
      width: calc(300px + 15px); }
    @media (max-width: 1024px) {
      aside.right {
        display: none; } }
  @media (max-width: 1024px) {
    aside.help {
      display: none; } }
  aside.help.no-bottom-banner {
    margin-top: 0;
    height: calc(100% - 62px); }
  aside.small-aside {
    max-width: 230px;
    background-color: #222222; }
    aside.small-aside .aside-coantiner {
      width: calc(230px + 15px); }
    @media (max-width: 1024px) {
      aside.small-aside {
        display: inline-block; } }
    @media (max-width: 768px) {
      aside.small-aside {
        display: none; } }

.aside-coantiner, .what-is-jba-phone-container {
  overflow: auto;
  height: 100%;
  padding-bottom: 30px; }
  .aside-coantiner > .btn, .what-is-jba-phone-container > .btn {
    margin: 38px 0 0 41px; }
  .aside-coantiner > h5, .what-is-jba-phone-container > h5 {
    color: #000000;
    font-size: 16px;
    font-family: "Lato", sans-serif;
    padding: 0 17px;
    line-height: 21px;
    padding-top: 28px;
    margin-top: 3px;
    margin-bottom: 15px; }

.what-is-jba-phone-container {
  background-color: #EEEEEE;
  padding-top: 60px; }

.inner-main-conent__aside {
  box-shadow: 0px -6px 3px 4px rgba(196, 196, 196, 0.29);
  width: 100%;
  max-width: 370px;
  float: right;
  padding: 10px 10px;
  background-color: transparent;
  min-height: 100%; }
  @media (max-width: 1024px) {
    .inner-main-conent__aside {
      width: 100% !important;
      max-width: 100% !important;
      box-shadow: none; } }
  .inner-main-conent__aside .accordian__item__content-hidden {
    padding: 0; }
  @media (min-width: 768px) {
    .inner-main-conent__aside.js-course-leader-board h3 {
      margin-top: 20px; } }

.small-inner-main-conent__aside {
  width: 100%;
  max-width: 300px;
  float: right;
  background-color: transparent;
  min-height: 100%;
  position: relative; }
  @media (max-width: 1024px) {
    .small-inner-main-conent__aside {
      width: 100% !important;
      max-width: 100% !important; } }
  .small-inner-main-conent__aside .accordian__item__content-hidden {
    padding: 0; }
  .small-inner-main-conent__aside.boxshadow-left {
    box-shadow: 0px -6px 3px 4px rgba(196, 196, 196, 0.8); }

/*********************************************
  :: Views
********************************************/
.listing-container {
  background-color: #000000;
  text-align: center; }
  .listing-container .listing-content .listing-title {
    font-size: 2.5rem;
    color: white;
    margin-bottom: 10px; }
  .listing-container .listing-content .listing-item {
    width: auto;
    max-width: 920px;
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0; }
    .listing-container .listing-content .listing-item a {
      display: block;
      color: white;
      font-size: 1.25rem;
      text-decoration: none;
      padding: 0.625rem 1.875rem; }
      .listing-container .listing-content .listing-item a:hover {
        color: #b3b3b3; }

.chat-contact__user .user-short-block {
  border-radius: 0;
  width: 49.8%;
  min-width: 348px; }
  @media (max-width: 768px) {
    .chat-contact__user .user-short-block {
      width: 100%;
      min-width: 280px; } }

.chat-contact__company {
  margin-bottom: 17px; }
  @media (max-width: 720px) {
    .chat-contact__company .info {
      max-width: 45%; } }

@media (max-width: 991px) {
  .dash-latest-opportunity:first-child {
    margin-top: 16px; } }

@media (min-width: 992px) {
  .dash-latest-opportunity {
    border-right: 1px #ddd solid; }
    .dash-latest-opportunity:nth-of-type(3n) {
      border: none; } }

.opportunity-info {
  color: #666; }
  .opportunity-info h4 {
    font-size: 0.875rem;
    font-family: "Lato", serif;
    margin-bottom: 5px; }

.label-card.company {
  margin-top: 10px;
  margin-bottom: 10px; }

.standard-title.company {
  margin-top: 15px;
  margin-bottom: 10px;
  margin-left: 10px; }

.label-card__title.opportunity-info {
  color: #666;
  background: white;
  border-bottom: 2px solid #EEEEEE; }
  .label-card__title.opportunity-info h4 {
    margin-bottom: 15px; }
  .label-card__title.opportunity-info p {
    font-size: 0.875rem;
    line-height: 1.0625rem; }
  .label-card__title.opportunity-info p:not(:first-child) {
    margin-top: 15px; }
  .label-card__title.opportunity-info ul li {
    background-position: left -2px;
    background-repeat: no-repeat;
    background-image: url(../../resources/images/pink-dot.png);
    padding-left: 15px;
    margin-top: 15px; }
  .label-card__title.opportunity-info .blue {
    color: #6E6E91; }

.what-is-jba-main-content .staff-info a.user-short-block {
  width: 100%; }

.label-card__content.opportunity-info {
  padding: 0; }
  .label-card__content.opportunity-info .user-short-block {
    padding-bottom: 0; }
    .label-card__content.opportunity-info .user-short-block h4 {
      font-family: "Lato", sans-serif; }
  .label-card__content.opportunity-info .staff-info {
    float: left;
    width: 100%; }
    .label-card__content.opportunity-info .staff-info .user-short-block h4 {
      width: calc(100% - 10px); }
  .label-card__content.opportunity-info .post-button {
    float: right;
    padding: 12px 12px; }
    .label-card__content.opportunity-info .post-button .btn.btn-small {
      font-style: normal;
      font-size: 0.8125rem;
      padding: 4px 20px;
      min-width: 120px; }
    .label-card__content.opportunity-info .post-button .disabled {
      cursor: default; }
    .label-card__content.opportunity-info .post-button .disabled-pitch {
      cursor: default; }
    .label-card__content.opportunity-info .post-button .disabled-requirements {
      cursor: default; }

.opportunity-info .company-short-block {
  padding: 0;
  margin-bottom: 0px; }
  .opportunity-info .company-short-block h3 {
    margin-top: 10px;
    font-style: italic;
    font-weight: bold; }
  .opportunity-info .company-short-block img:last-child {
    margin-left: 5px;
    margin-bottom: -5px; }

.learn-more {
  color: #999999;
  margin-top: 10px; }
  .learn-more a {
    color: #5FACC5;
    text-decoration: none; }

.opportunity-info .accordian__item__content-hidden {
  background: white; }

.opportunity-info .description {
  padding-bottom: 14px; }

.opportunity-info .requirements .title {
  color: black;
  font-weight: bold;
  padding-bottom: 16px; }

.opportunity-info .requirements .course {
  display: block;
  background-repeat: no-repeat;
  background-position: right center;
  border-top: 1px solid #DDDDDD; }
  .opportunity-info .requirements .course.no-chevron {
    background-image: none; }
  .opportunity-info .requirements .course h4 {
    padding: 20px 20px 20px 40px;
    color: black;
    font-weight: bold;
    font-size: 1rem;
    font-family: "Lato", serif;
    margin-bottom: 0;
    background-repeat: no-repeat;
    background-image: url(../../resources/images/uncheck.png);
    background-position: 7px center; }
  .opportunity-info .requirements .course.completed h4 {
    background-image: url(../../resources/images/check.png); }

.opportunity-footer {
  border-top: #EEE 2px solid;
  background: white;
  display: inline-block;
  width: 100%; }
  .opportunity-footer .user-short-block i {
    color: #6E6E91;
    font-size: 1rem; }
  .opportunity-footer h4 {
    min-width: 150px; }

a.no-decoration {
  color: black;
  text-decoration: none; }
  a.no-decoration span.right {
    float: right; }

.left-margin-5 {
  margin-left: 5px; }

.right-margin-5 {
  margin-left: 5px; }

.width-10 {
  width: 10px; }

.top-margin-0 {
  top-margin: 0; }

.share-output .checkbox-option {
  width: 100%; }
  .share-output .checkbox-option .check-list__item {
    padding-left: 0; }
    .share-output .checkbox-option .check-list__item label {
      width: 100%;
      padding: 0;
      background-position: center right; }
      .share-output .checkbox-option .check-list__item label > img {
        float: left; }

.share-output label.error {
  color: #000000;
  font-size: 0.875rem;
  margin-top: 8px;
  display: block; }

.user-short-block.pitch-detail {
  width: 100%;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: 97% center;
  text-decoration: none;
  background-image: url(../../resources/images/right-arrow.png); }
  .user-short-block.pitch-detail .text-content {
    float: left;
    margin-top: -10px;
    max-width: 70%; }
  .user-short-block.pitch-detail h4 {
    width: initial;
    margin-top: 8px; }
  .user-short-block.pitch-detail p {
    clear: left;
    float: left;
    color: #999999;
    font-size: 0.75rem;
    margin-left: 12px;
    margin-top: 8px; }

.input__container .input__item .name-card {
  padding: 16px 16px 6px 16px; }
  .input__container .input__item .name-card__image img {
    width: 42px;
    height: 42px; }
  .input__container .input__item .name-card__info {
    position: relative;
    width: calc(100% - 50px); }
    .input__container .input__item .name-card__info h4 {
      width: calc(100% - 100px);
      color: #6E6E91;
      margin-top: 5px;
      margin-bottom: 5px;
      font-family: "Lato", serif; }
      @media (max-width: 400px) {
        .input__container .input__item .name-card__info h4 {
          font-size: 0.92rem; } }
    .input__container .input__item .name-card__info .time-ago {
      font-size: 13px;
      color: #999999;
      position: absolute;
      top: 3px;
      right: 0px; }
  .input__container .input__item .name-card .user-short-block {
    min-width: 200px;
    padding: 0 0px 0px 0px; }
    .input__container .input__item .name-card .user-short-block h4 {
      clear: both;
      color: black;
      font-family: "Lato",sans-serif;
      font-size: 12px;
      margin: 5px 0 0px 0; }
    .input__container .input__item .name-card .user-short-block .comments {
      font-size: 13px;
      color: #B5B5B5;
      padding: 10px 0;
      clear: both; }

.input__container .name-card {
  border: none;
  padding: 10px; }
  .input__container .name-card .single-link__text {
    margin-bottom: 0; }

.input__container .input__content {
  width: 100%;
  float: left;
  border-top: 1px solid #ddd; }
  .input__container .input__content .name-card__info {
    width: 100%; }
    .input__container .input__content .name-card__info h4 {
      color: black; }
    .input__container .input__content .name-card__info .border-block {
      border-top: 1px solid #DDD;
      width: 100%; }
    .input__container .input__content .name-card__info .time-ago {
      top: 15px; }

.input__container .text-style-buttons {
  width: 100%;
  float: left;
  padding: 10px 0;
  border-top: 1px solid #DDDDDD; }

.input__container .similar-posts p {
  width: 100%;
  display: block;
  border-bottom: 1px solid #DDDDDD;
  font-size: 14px;
  padding: 10px 0 10px 0; }

.input__container .similar-posts a.title {
  width: 100%;
  display: block;
  text-decoration: none;
  padding: 10px 0 10px 0;
  border-bottom: 1px solid #DDDDDD; }
  .input__container .similar-posts a.title:last-of-type {
    border-bottom: none; }
  .input__container .similar-posts a.title h4 {
    font-size: 14px;
    color: #6E6E91;
    margin-top: 5px;
    margin-bottom: 5px;
    font-family: "Cutive",serif; }

.input-group > .input-group-addon.jba-new-addon {
  display: table-cell;
  background-color: #ffffff; }

.profile-area .padding-container {
  padding: 10px; }

.profile-area .leader-user__block {
  width: 100%;
  border-bottom: 3px solid #DDDDDD;
  margin-bottom: 10px; }
  .profile-area .leader-user__block.complete {
    border-top: 3px solid #3CBE66; }
  .profile-area .leader-user__block.commenced {
    border-top: 3px solid #F79131; }
  .profile-area .leader-user__block .material {
    width: 100%;
    border-top: 1px solid #DDDDDD; }
    .profile-area .leader-user__block .material a {
      padding: 10px;
      font-family: "Lato", serif;
      color: black;
      text-decoration: none;
      width: 100%;
      display: block;
      border-bottom: 1px solid #DDDDDD; }
    .profile-area .leader-user__block .material .icons {
      float: right; }

.profile-area .user-short-block {
  width: 100%; }
  .profile-area .user-short-block h4 {
    margin-top: 13px;
    width: auto; }
  .profile-area .user-short-block a {
    text-decoration: inherit; }
  .profile-area .user-short-block .connect {
    float: right; }
  .profile-area .user-short-block.top .role-icon {
    margin: 9px 0 0 9px; }

.profile-area .see-all {
  width: 100%;
  text-align: center;
  text-decoration: inherit;
  color: #6E6E91;
  padding: 5px 0 10px 0;
  margin-bottom: 10px;
  border-bottom: 1px solid #CCCCCC;
  display: block; }

.profile-area .pitch-feedback-block .user-short-block {
  padding: 10px 10px 0 10px; }
  .profile-area .pitch-feedback-block .user-short-block .content {
    display: inline-block; }
  .profile-area .pitch-feedback-block .user-short-block h4 {
    margin-top: 0px; }
  .profile-area .pitch-feedback-block .user-short-block .role-icon {
    margin: -3px 0 0 9px; }
  .profile-area .pitch-feedback-block .user-short-block p {
    color: #999999;
    font-size: 13px;
    display: block;
    clear: both;
    margin: 5px 0 0 12px; }
  .profile-area .pitch-feedback-block .user-short-block p:first-of-type {
    margin: 20px 0 0 12px; }
  .profile-area .pitch-feedback-block .user-short-block .role-icon + p {
    margin-top: 0px; }

.profile-updated {
  width: 100%;
  float: left;
  padding: 10px 20px;
  background: #3CBE66; }
  .profile-updated p {
    font-size: 14px;
    color: white; }

.connect-me {
  float: right;
  text-align: center;
  text-decoration: none;
  margin-top: 3px; }
  .connect-me p {
    font-size: 13px;
    color: #6E6E91;
    text-decoration: none;
    margin: 3px; }

.plan-container .plan-details {
  border-radius: 5px;
  padding: 14px;
  font-family: "Lato", sans-serif; }

.plan-container .plan-info-status {
  font-size: 0.8rem; }
  .plan-container .plan-info-status span {
    color: #fff;
    font-size: 0.9rem; }

.plan-container .plan-type-basic {
  background: #d51467;
  border: 1px solid #d51467; }
  .plan-container .plan-type-basic .plan-info-status {
    color: #63165e; }

.plan-container .plan-type-all-you-can-eat {
  background: #63165e;
  border: 1px solid #63165e; }
  .plan-container .plan-type-all-you-can-eat .plan-info-status {
    color: #d51467; }

.plan-container .plan-row {
  display: inline-block; }
  .plan-container .plan-row span {
    color: #fff; }
  .plan-container .plan-row .plan-type-info {
    color: #fff;
    padding-bottom: 5px; }
  .plan-container .plan-row .btn {
    border-bottom: none;
    font-size: 0.75em;
    padding: 5px;
    font-family: "Lato", sans-serif;
    border-radius: 5px; }

.plan-container .plan-info-container {
  width: 60%;
  color: #fff; }

.plan-container .plan-info-status {
  width: 39%;
  text-align: right; }

.input__container .title-suggestions {
  display: none; }

.input__container textarea, .input__container .your-input-toolbar {
  height: 45px;
  font-size: 16px;
  font-family: Arial, "Lato", sans-serif;
  color: #222; }

.input__container input[type="text"] {
  color: #222; }

.input__container .redactor-editor, .input__container textarea {
  width: 100%;
  background-color: #E5E5E5;
  border: none;
  border-radius: 4px;
  padding: 12px 14px 8px 14px;
  box-sizing: border-box;
  display: block;
  font-size: 16px; }
  .input__container .redactor-editor p, .input__container textarea p {
    line-height: 16px;
    margin: 3px 0 7px 0; }

.input__container .redactor-toolbar-external {
  border: none; }
  .input__container .redactor-toolbar-external li {
    min-width: 40px; }

@media (max-width: 400px) {
  .input__container .redactor-toolbar li {
    min-width: 38px; }
  .input__container .redactor-toolbar a {
    font-size: 12px;
    padding: 3px; } }

.input__container .redactor-editor p {
  font-size: 16px; }

.input__container textarea {
  font-size: 16px !important; }

.input__container .user-short-block {
  width: 100%; }
  @media (min-width: 768px) {
    .input__container .user-short-block {
      width: 70%; } }

#redactor-link-blank, input#redactor-image-link-blank {
  position: initial !important; }

.communities input[type="checkbox"] {
  float: left;
  margin-right: 10px; }

.communities label {
  padding-top: 3px;
  padding-bottom: 3px; }

section.your-input-file {
  display: inline-block;
  position: relative; }
  @media (max-width: 500px) {
    section.your-input-file {
      width: 49%; }
      section.your-input-file a:first-child {
        width: 100%;
        min-width: initial;
        white-space: nowrap; } }

.hidden-upload-container {
  display: inline;
  overflow: hidden;
  position: absolute;
  width: 400px; }

.js-your-input-upload-file {
  display: inline;
  position: absolute;
  top: 100px; }

#file-error:empty {
  display: none; }

.animate .fixed-pitchbar {
  z-index: 5; }

label.error::empty {
  display: none; }

.confirm-delete-comment {
  cursor: pointer;
  position: absolute;
  bottom: 10px;
  right: 7px; }

.opportunities__container textarea, .opportunities__container .opportunities-toolbar {
  min-height: 45px;
  font-size: 16px;
  font-family: Arial, "Lato", sans-serif; }

.opportunities__container input, .opportunities__container textarea, .opportunities__container select {
  font-size: 16px; }

.opportunities__container .redactor-editor, .opportunities__container textarea {
  width: 100%;
  background-color: #E5E5E5;
  border: none;
  border-radius: 4px;
  padding: 12px 14px 8px 14px;
  box-sizing: border-box;
  display: block;
  font-size: 16px; }
  .opportunities__container .redactor-editor p, .opportunities__container textarea p {
    line-height: 16px;
    margin: 3px 0 7px 0; }

.opportunities__container .redactor-toolbar-external {
  border: none; }
  .opportunities__container .redactor-toolbar-external li {
    min-width: 40px; }

.opportunities__container #redactor-link-blank, .opportunities__container input#redactor-image-link-blank {
  position: initial !important; }

.opportunities__container label.error::empty {
  display: none; }

.opportunities__container select {
  height: 38px;
  border-radius: 5px;
  background-color: #E5E5E5;
  border: none; }

.opportunities__container .course .title {
  display: inline-block;
  width: calc(100% - 100px);
  font-weight: bold; }

.opportunities__container .course .crud-btns {
  float: right;
  text-align: right; }
  .opportunities__container .course .crud-btns img {
    margin-right: 10px;
    margin-top: -6px;
    padding: 5px;
    cursor: pointer; }

.flexy-area {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 1em;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.padding-area {
  padding: 1em; }

.jba-btn-new-md {
  min-width: 120px;
  text-align: center; }

.viewButton {
  font-size: 28px;
  color: #D51A68;
  float: right;
  border: none;
  margin-left: 10px;
  background: none; }

.viewButton.active {
  color: purple !important; }

.name {
  color: #D51A68 !important;
  font-size: 16px !important;
  padding-top: 10px; }

.name:hover {
  color: purple !important; }

.black {
  color: black !important; }

.element-item2 {
  position: relative;
  height: 200px;
  color: #262524;
  box-shadow: 1px 1px 5px grey;
  transform-origin: right bottom;
  transition: .1s all;
  overflow: hidden;
  margin: 10px 0px; }

.element-item2:hover {
  transform: scale(1.01) translateX(-2px) translateY(-2px);
  box-shadow: 2px 2px 10px grey;
  cursor: pointer;
  color: black !important; }

.element-item2:active,
.element-item2:focus {
  color: black !important; }

.element-item2 .date-row {
  position: absolute;
  bottom: 0;
  margin-left: 25px;
  margin-right: 10px;
  padding-top: 3px;
  padding-left: 0 !important;
  padding-right: 0 !important; }

.element-item-list .employer {
  font-size: 16px !important;
  margin-top: 2px !important; }

.employer,
.white-box p {
  color: black; }

.border-top {
  border-top: 2px solid #ececec; }

.logo {
  /* margin-top: 10px;
    margin-bottom: 10px;*/
  padding-left: 0px;
  padding-right: 10px; }

.dates {
  padding-right: 0px;
  padding-left: 0px;
  margin-top: 3px; }

.dates p,
.dates span {
  font-size: 10px; }

.element-item2.featured {
  border: #D51A68 1px solid !important; }

.element-item-list.featured {
  border-left: #D51A68 2px solid;
  border-right: 0;
  border-top: 0;
  border-bottom: 0; }

.element-item-list {
  height: auto;
  overflow: visible;
  width: 100%;
  border-bottom: 1px solid lightgrey;
  box-shadow: none;
  transform-origin: right bottom;
  transition: .1s all;
  position: relative; }

.element-item-list:hover,
.element-item-list:active {
  color: black !important; }

.job-description .video-container {
  display: none; }

.job-description h1 {
  display: none; }

.job-description.readmore-hidden p:not(:first-child) {
  display: none; }

.element-item-list p {
  margin: 5px 0; }

.element-item-list .white-box {
  height: auto;
  box-shadow: none !important;
  cursor: auto;
  padding: 0 1%; }

.element-item-list .white-box div .job-description {
  display: inline-block;
  width: 100%;
  cursor: auto; }

.job-description {
  margin: 0; }

.read-more-state {
  display: none; }

.read-more-target {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  max-height: 0;
  font-size: 0;
  transition: .25s ease; }

.read-more-state:checked ~ .read-more-wrap .read-more-target {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  font-size: inherit;
  max-height: 999em; }

.read-more-state ~ .read-more-trigger:before {
  content: 'Show more'; }

.read-more-state:checked ~ .read-more-trigger:before {
  content: 'Show less'; }

.read-more-trigger {
  cursor: pointer;
  display: inline-block;
  padding: 0 .5em;
  color: #D51A68;
  font-size: .9em;
  line-height: 2; }

.read-only-jba {
  pointer-events: none; }

.readmore-hidden {
  max-height: 47px;
  overflow: hidden;
  margin: 0 !important; }

.readmore-show {
  max-height: 9999999999px;
  overflow: auto; }

.readmore-button-hide {
  display: none !important; }

.job-card-readmore {
  margin: 10px 0 30px 0 !important;
  color: #D51A68;
  text-decoration: underline;
  cursor: pointer;
  display: inline-block; }

.job-card-readmore:hover {
  color: purple; }

.no-border {
  border: none !important; }

.white-box {
  background: #fff;
  height: 100%; }

.logo img {
  /*float: right;
    max-height: 110px;*/ }

.rating-bar-wrap {
  width: 7px;
  height: 100%;
  position: absolute;
  right: 0; }

.rating-bar {
  width: 100%;
  height: 100%; }

.card-view {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin: -0.8%; }

.element-item-list:nth-child(2n) .white-box {
  background: #F5F5F5 !important; }

.margin-none {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.job-description a {
  color: #D51A68 !important; }

@media screen and (min-width: 1670px) {
  .wrap-card {
    width: 31.33%;
    margin: 1%; } }

@media screen and (max-width: 1670px) {
  .wrap-card {
    width: 48%;
    margin: 1%; } }

@media screen and (max-width: 700px) {
  .wrap-card {
    width: 100%;
    margin-bottom: 1.6%; } }

@media screen and (max-width: 700px) {
  .inputs {
    padding-right: 0 !important; }
  .element-item-list .logo img {
    height: auto !important;
    max-height: 100px !important; }
  .date-pad {
    padding-right: 30px !important; } }

/**************
       Progress bar section
       **************/
.progress-bar-tooltip {
  color: grey; }

.progress-bar-tooltip:focus {
  color: #D51A68; }

.popover {
  color: #D51A68;
  border-radius: 0;
  border: 1px solid #f2f2f2; }

.section-progress-bar {
  position: relative;
  width: 100%;
  height: 20px;
  background: url(../../images/course-assets/blob-box/beige-blob-box.svg);
  border-radius: 30px;
  /*border: 1px solid black;*/ }

.section-progress-filled {
  position: absolute;
  height: 100%;
  width: 0;
  background: url(../../images/course-assets/blob-box/blue-blob-box.svg);
  border-radius: 30px;
  transition: .5s padding-right;
  background-clip: content-box; }

.progress-item {
  margin: 10px 0; }

.progress-checkbox-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

.progress-checkbox {
  position: relative;
  background: url("../../images/course-assets/check/pink-border.png");
  padding: 0px;
  margin: 5px;
  height: 20px;
  width: 20px;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 10px;
  background-size: contain;
  background-position: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background-repeat: no-repeat; }

[v-cloak] .v-cloak--block {
  display: block !important; }

[v-cloak] .v-cloak--inline {
  display: inline !important; }

[v-cloak] .v-cloak--inlineBlock {
  display: inline-block !important; }

[v-cloak] .v-cloak--hidden {
  display: none !important; }

[v-cloak] .v-cloak--invisible {
  visibility: hidden !important; }

.v-cloak--block,
.v-cloak--inline,
.v-cloak--inlineBlock {
  display: none !important; }

/**************
       Progress bar section ends
       **************/
.row.border-top.date-row.flex-date-row {
  display: -ms-flexbox;
  display: flex;
  font-size: 11px;
  margin: 0 !important;
  -ms-flex-pack: justify;
  justify-content: space-between; }

@media screen and (max-width: 960px) {
  .text-right-small {
    text-align: right; }
  .flex-date-row div {
    width: 50%; }
  .flex-date-row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; } }

@media screen and (min-width: 960px) {
  .row.border-top.date-row.flex-date-row div {
    width: 25%; }
  .text-right-medium p {
    text-align: right; }
  .text-center-medium p {
    text-align: center; }
  .left-margin p {
    margin-left: 25%; }
  .right-margin p {
    margin-right: 25%; } }

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

.inline a,
.inline h5 {
  padding-top: 0;
  margin-bottom: 0 !important; }

.inline a.name {
  margin-right: 20px; }

.section-progress-bar img {
  position: absolute;
  height: 37px;
  right: -4%;
  top: -50%; }

.cart-content {
  font-family: "Lato", sans-serif; }
  .cart-content .course__item {
    padding: 10px 20px; }
  .cart-content .small-inner-main-conent {
    max-width: calc(100% - 370px); }
  .cart-content .small-inner-main-conent__aside {
    max-width: 370px; }
    .cart-content .small-inner-main-conent__aside .course__item__removefromcart span {
      padding-top: 11px; }
  .cart-content .course__item__removefromcart {
    border: none !important; }
  .cart-content .cart-type-basic {
    background: #d51467 !important; }
    .cart-content .cart-type-basic .course__item__info h4 {
      color: #63165e;
      font-family: "Lato", sans-serif; }
    .cart-content .cart-type-basic .course__item__info span {
      color: #fff; }
    .cart-content .cart-type-basic .course__item__removefromcart span {
      color: #63165e;
      font-style: normal; }
    .cart-content .cart-type-basic .course__item__removefromcart .btn-removecart:hover {
      background-color: transparent;
      color: #FFF !important; }
  .cart-content .cart-type-all-you-can-eat {
    background: #63165e !important; }
    .cart-content .cart-type-all-you-can-eat .course__item__info h4 {
      color: #d51467;
      font-family: "Lato", sans-serif; }
    .cart-content .cart-type-all-you-can-eat .course__item__info span {
      color: #fff; }
    .cart-content .cart-type-all-you-can-eat .course__item__removefromcart span {
      color: #d51467;
      font-style: normal; }
  .cart-content .course__item__removefromcart .price-item {
    font-size: 1.6rem !important; }
    .cart-content .course__item__removefromcart .price-item i {
      font-size: 1rem !important;
      font-style: normal; }
  .cart-content .course__item__info .cart-item-description {
    color: #fff;
    font-size: 0.9rem; }

.course-selection .single-link {
  border-bottom: none !important;
  padding-left: 0px;
  padding-bottom: 0px;
  padding-top: 13px; }
  .course-selection .single-link .single-link__text span {
    font-size: 1.26em;
    font-weight: bold; }

.course-selection .input-filter-group .input-block {
  padding-top: 10px; }

.course-selection .course__item.bundle-item {
  border-bottom: none; }

.course-selection .standard-title {
  color: #5FACC5;
  font-size: 1rem;
  position: relative;
  width: 100%;
  display: inline-block; }

.course-selection .image-help {
  position: relative;
  top: 5px; }

.course-selection .close-help {
  position: relative;
  top: 1px; }

.course-selection .subscribe-link, .course-selection .help-link {
  text-decoration: none;
  color: #7dacb6; }

.course-selection .select-plan {
  background-color: #6db7d2;
  border-radius: 5px;
  border-bottom: none;
  color: #fff;
  font-size: 0.7rem;
  left: 45%;
  outline: none;
  padding: 5px 10px;
  position: relative;
  top: -15px; }

.course-selection .select-jba-container {
  width: 100%;
  padding-top: 11px;
  display: table;
  position: relative; }
  .course-selection .select-jba-container .select-plan {
    position: absolute;
    top: auto;
    bottom: -10px;
    z-index: 9; }
  .course-selection .select-jba-container .row-item {
    width: 49.8%;
    height: 100%;
    display: inline-block;
    vertical-align: top;
    border-radius: 5px;
    color: #fff;
    position: relative; }
    .course-selection .select-jba-container .row-item .row-wrapper {
      padding: 10px;
      position: relative;
      overflow: hidden;
      z-index: 1;
      display: table-cell; }
      @media (max-width: 768px) {
        .course-selection .select-jba-container .row-item .row-wrapper {
          display: inline-block;
          width: 100%;
          padding: 10px 10px 0 10px; } }
      .course-selection .select-jba-container .row-item .row-wrapper .plan-info {
        display: inline-block;
        width: 29%;
        vertical-align: top; }
        .course-selection .select-jba-container .row-item .row-wrapper .plan-info h3 {
          font-size: 1rem;
          font-weight: bold;
          padding: 10px 0px; }
        .course-selection .select-jba-container .row-item .row-wrapper .plan-info .info-from {
          font-size: 0.7rem; }
          @media (max-width: 768px) {
            .course-selection .select-jba-container .row-item .row-wrapper .plan-info .info-from {
              padding-bottom: 5px !important; } }
        .course-selection .select-jba-container .row-item .row-wrapper .plan-info .info-price {
          font-size: 1.5rem; }
          .course-selection .select-jba-container .row-item .row-wrapper .plan-info .info-price span {
            font-size: 0.8rem; }
      .course-selection .select-jba-container .row-item .row-wrapper .info-details {
        display: inline-block;
        width: 64.8%;
        padding-left: 10px; }
        @media (max-width: 768px) {
          .course-selection .select-jba-container .row-item .row-wrapper .info-details {
            padding: 20px 0 0 0; } }
        .course-selection .select-jba-container .row-item .row-wrapper .info-details div {
          color: #fff;
          font-family: "Lato", sans-serif;
          font-size: 0.8rem;
          width: 100%;
          border-bottom: 1px solid #fff;
          line-height: 1.0rem;
          padding-bottom: 6px;
          padding-top: 6px; }
        .course-selection .select-jba-container .row-item .row-wrapper .info-details div.last {
          border-bottom: none; }
  .course-selection .select-jba-container .select-jba-basic {
    background: #d51467;
    border: 1px solid #d51467;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
    .course-selection .select-jba-container .select-jba-basic .info-from {
      color: #63165e !important; }
      @media (max-width: 768px) {
        .course-selection .select-jba-container .select-jba-basic .info-from {
          padding-bottom: 5px !important; } }
    .course-selection .select-jba-container .select-jba-basic .info-price {
      color: #63165e !important; }
  .course-selection .select-jba-container .select-jba-all {
    background: #63165e;
    border: 1px solid #63165e;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    position: relative;
    left: -3px; }
    .course-selection .select-jba-container .select-jba-all .info-from {
      color: #d51467 !important; }
      @media (max-width: 768px) {
        .course-selection .select-jba-container .select-jba-all .info-from {
          padding-bottom: 5px !important; } }
    .course-selection .select-jba-container .select-jba-all .info-price {
      color: #d51467 !important; }

.course-selection .bundle-item-info {
  width: 100%;
  background: #63165e;
  color: #fff;
  padding: 10px 0px 10px 24px; }

.course-selection .mobi-block-only.course__item__addtocart {
  text-align: center;
  float: none; }
  .course-selection .mobi-block-only.course__item__addtocart .btn-cart {
    text-align: center;
    float: none; }

.course-selection .mobi-block-only .select-jba-container .row-item {
  width: 100%;
  border-radius: 0px;
  display: block;
  position: static;
  left: auto; }
  .course-selection .mobi-block-only .select-jba-container .row-item .row-wrapper {
    padding: 14px 10px; }
    .course-selection .mobi-block-only .select-jba-container .row-item .row-wrapper a {
      color: #fff;
      text-decoration: none; }
    .course-selection .mobi-block-only .select-jba-container .row-item .row-wrapper .plan-info {
      width: 100%;
      height: auto; }
      .course-selection .mobi-block-only .select-jba-container .row-item .row-wrapper .plan-info h3 {
        background-image: url(../../resources/images/accordian-open-white.png);
        background-repeat: no-repeat;
        background-position: right center;
        font-size: 100%;
        padding: 0px; }
    .course-selection .mobi-block-only .select-jba-container .row-item .row-wrapper .info-details {
      width: 100%; }
      .course-selection .mobi-block-only .select-jba-container .row-item .row-wrapper .info-details p {
        border-bottom: 1px solid #fff;
        padding-bottom: 5px; }
      .course-selection .mobi-block-only .select-jba-container .row-item .row-wrapper .info-details .info-sub-container {
        padding: 10px;
        border-bottom: none; }
        @media (max-width: 768px) {
          .course-selection .mobi-block-only .select-jba-container .row-item .row-wrapper .info-details .info-sub-container {
            padding: 10px 0 0 0px; } }
        .course-selection .mobi-block-only .select-jba-container .row-item .row-wrapper .info-details .info-sub-container div {
          border-bottom: none; }
        .course-selection .mobi-block-only .select-jba-container .row-item .row-wrapper .info-details .info-sub-container .info-sub-price {
          display: inline-block;
          width: 50%; }
          .course-selection .mobi-block-only .select-jba-container .row-item .row-wrapper .info-details .info-sub-container .info-sub-price div {
            padding: 0; }
          .course-selection .mobi-block-only .select-jba-container .row-item .row-wrapper .info-details .info-sub-container .info-sub-price .info-from {
            font-size: 0.8rem; }
            @media (max-width: 768px) {
              .course-selection .mobi-block-only .select-jba-container .row-item .row-wrapper .info-details .info-sub-container .info-sub-price .info-from {
                padding: 0px 0 0 0px; } }
          .course-selection .mobi-block-only .select-jba-container .row-item .row-wrapper .info-details .info-sub-container .info-sub-price .info-price {
            font-size: 1.5rem; }
        .course-selection .mobi-block-only .select-jba-container .row-item .row-wrapper .info-details .info-sub-container .info-sub-link {
          display: inline-block;
          text-align: right;
          width: 49%;
          vertical-align: top; }
          @media (max-width: 768px) {
            .course-selection .mobi-block-only .select-jba-container .row-item .row-wrapper .info-details .info-sub-container .info-sub-link {
              vertical-align: top; } }
          .course-selection .mobi-block-only .select-jba-container .row-item .row-wrapper .info-details .info-sub-container .info-sub-link a.btn {
            font-size: 0.7rem; }
    .course-selection .mobi-block-only .select-jba-container .row-item .row-wrapper .plan-item {
      border-radius: 5px;
      border: 1px solid #fff;
      display: inline-block;
      text-align: center;
      width: 23.6%;
      padding: 5px;
      font-size: 0.8em; }
      .course-selection .mobi-block-only .select-jba-container .row-item .row-wrapper .plan-item div {
        border-bottom: none; }
      .course-selection .mobi-block-only .select-jba-container .row-item .row-wrapper .plan-item .plan-title {
        padding-bottom: 5px; }
      .course-selection .mobi-block-only .select-jba-container .row-item .row-wrapper .plan-item .plan-price {
        font-size: 2em;
        padding-bottom: 5px; }
        .course-selection .mobi-block-only .select-jba-container .row-item .row-wrapper .plan-item .plan-price span {
          font-size: 0.8em; }

.mobi-banner .course-select-btns {
  margin-top: 0px; }
  .mobi-banner .course-select-btns .btn {
    color: #fff;
    border: 1px solid #fff; }
  .mobi-banner .course-select-btns .btn.active {
    background-color: #fff;
    color: #6db7d2; }

.course-select-btns {
  margin-top: 9px; }
  .course-select-btns .btn {
    border-radius: 5px;
    background: none;
    border: 1px solid #6db7d2;
    color: #9a9a9a;
    padding: 5px 26px 5px 26px;
    text-decoration: none;
    outline: none;
    font-size: 0.9em;
    font-family: "Lato", sans-serif; }
  .course-select-btns .btn.active {
    background-color: #6db7d2;
    color: #fff; }
  .course-select-btns .btn.course-select {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .course-select-btns .btn.bundle-select {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: -3px; }

.bundle-logo-item {
  display: inline-block;
  width: 56px;
  height: 47px;
  text-align: center; }

.bundle-logo-item-float {
  float: left;
  width: 50px;
  height: 47px;
  text-align: center; }

.bundle-title {
  margin-top: 11px !important; }

.course-clear-lnk {
  color: #5FACC5;
  cursor: pointer;
  font-size: 1.0rem;
  text-decoration: none; }

.jba2-new-course-header {
  margin-left: -15px;
  margin-right: -15px; }
  .jba2-new-course-header .course-background {
    width: 100%;
    background-position: center;
    background-size: cover;
    opacity: .2; }
  .jba2-new-course-header .jba2-header-left {
    left: 10%; }
    .jba2-new-course-header .jba2-header-left .jba2-new-course-name {
      transform: translate(10%, -30%);
      margin-right: 10%;
      z-index: 99; }
    .jba2-new-course-header .jba2-header-left .rating .fa-star-o, .jba2-new-course-header .jba2-header-left .rating .fa-star, .jba2-new-course-header .jba2-header-left .rating .fa-star-half-o {
      font-size: 22px; }

.quick-info {
  background-color: #fff;
  padding: .5em 1em;
  display: inline-block; }
  .quick-info h4 {
    line-height: normal; }

.thought-leader {
  border: 2px #fff solid;
  padding: 2em 1em; }
  .thought-leader .leader-info {
    text-align: center; }
    .thought-leader .leader-info .image-wrap {
      display: inline-block;
      height: 100px; }
      .thought-leader .leader-info .image-wrap img {
        height: 100%;
        width: 100%; }

.skill-covered {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .skill-covered li:nth-child(n) {
    margin-left: 20px; }

@media screen and (min-width: 768px) {
  .jba2-new-course-header .jba2-header-left .jba2-new-course-name {
    transform: translate(0, -30%); }
  .quick-info {
    display: block; } }

@media (min-width: 768px) and (max-width: 991px) {
  .jba2-new-course-header .course-background {
    width: calc(100% + 15px) !important;
    margin-left: -15px; } }

@media screen and (min-width: 992px) {
  .jba2-new-course-header .course-background {
    width: calc(100% + 80px) !important;
    margin-left: -80px; }
  .quick-info h4 i {
    width: 25px; } }

.bundle-detail .bundle-item-info {
  background: #63165e;
  color: #fff;
  margin-top: -2px;
  padding: 10px 0px 10px 24px;
  position: relative;
  width: 100%; }

.bundle-detail .bundle-detail-footer {
  border-radius: 5px;
  border: 1px solid #63165e;
  padding: 28px 0px;
  background: #63165e;
  color: #fff;
  width: 97%;
  text-align: center; }
  .bundle-detail .bundle-detail-footer .get-the-bundle {
    font-size: 1.2em;
    text-align: center;
    padding: 5px 5px 10px 5px;
    font-weight: bold; }

.community__container {
  max-width: 650px;
  margin: 0 auto;
  background-image: url(../../resources/images/dash-line.png);
  background-position: 12px top;
  background-repeat: repeat-y; }
  @media (max-width: 768px) {
    .community__container {
      background-image: none; } }

.community__card {
  position: relative; }
  .community__card .time-ago {
    position: absolute;
    top: 10px;
    right: 15px;
    color: #000000;
    font-size: 0.8125rem;
    font-style: italic; }
  .community__card .name-card {
    margin-top: -15px;
    border-bottom: none;
    padding-left: 0; }
    .community__card .name-card .profile-icon {
      margin-left: 0; }
    .community__card .name-card .name-card__info {
      padding-left: 10px; }
      .community__card .name-card .name-card__info h4 {
        margin-top: -5px;
        margin-bottom: 5px;
        color: black;
        font-size: 1rem;
        font-weight: bold;
        line-height: 0rem; }
      .community__card .name-card .name-card__info p {
        font-size: 0.8125rem;
        margin-top: -2px; }
        .community__card .name-card .name-card__info p.pink {
          margin-top: -3px;
          color: #000000; }
  .community__card .community__card-article {
    padding-bottom: 12px;
    float: right;
    width: 100%; }
    .community__card .community__card-article p {
      font-size: 0.875rem;
      line-height: 1.25rem;
      color: #666666; }
      .community__card .community__card-article p.blue {
        margin-top: 0;
        color: #5FACC5; }
  .community__card .community__card-video .community__card-video__img {
    float: left;
    width: 250px;
    margin-right: 5px;
    padding-bottom: 0;
    margin-top: -20px;
    margin-left: -20px;
    margin-bottom: -20px; }
    .community__card .community__card-video .community__card-video__img img {
      width: 250px;
      height: auto; }
  .community__card .community__card-video .community__card-video__info {
    padding-top: 5px;
    padding-bottom: 0;
    float: right;
    width: 100%;
    width: calc(100% - 255px); }
    .community__card .community__card-video .community__card-video__info h3 {
      font-family: "Lato", serif; }
  .community__card.mobile .community__card-article {
    width: 100%; }
  .community__card.mobile .community__card-video .community__card-video__img {
    width: calc(100% + 40px);
    margin-right: 0;
    margin-bottom: 10px; }
    .community__card.mobile .community__card-video .community__card-video__img img {
      width: 100%;
      height: auto; }
      .community__card.mobile .community__card-video .community__card-video__img img.image-img {
        margin-bottom: 10px; }
  .community__card.mobile .community__card-video__info {
    float: none;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 10px; }

.dash__container .community__card .name-card {
  margin-top: 0;
  padding-left: 0;
  padding: 0;
  padding-bottom: 20px; }
  .dash__container .community__card .name-card .name-card__info {
    padding-left: 20px; }
  .dash__container .community__card .name-card .profile-icon {
    margin-left: 0; }

.dash__container .community__card .community__card-article {
  padding: 20px;
  padding-bottom: 12px; }

.dash__container .community__card .community__card-video .community__card-video__img {
  margin-top: -25px;
  margin-left: -20px;
  margin-bottom: -20px; }

.dash__container .community__card .community__card-video .community__card-video__info {
  padding-top: 0;
  padding-bottom: 0; }

.dash__container .community__card.mobile .community__card-video .community__card-video__img {
  width: calc(100% + 40px);
  margin-bottom: 5px; }

.what-is-jba-main-content {
  max-width: 790px; }
  .what-is-jba-main-content .row-790 {
    max-width: 790px; }
    .what-is-jba-main-content .row-790 img {
      width: calc(100% + 40px);
      margin-left: -20px;
      height: auto; }
    .what-is-jba-main-content .row-790 h1, .what-is-jba-main-content .row-790 h2, .what-is-jba-main-content .row-790 h3, .what-is-jba-main-content .row-790 h4, .what-is-jba-main-content .row-790 h5, .what-is-jba-main-content .row-790 h6, .what-is-jba-main-content .row-790 p, .what-is-jba-main-content .row-790 ol, .what-is-jba-main-content .row-790 ul, .what-is-jba-main-content .row-790 i, .what-is-jba-main-content .row-790 figure {
      padding: 0 20px; }
    .what-is-jba-main-content .row-790 p, .what-is-jba-main-content .row-790 ol, .what-is-jba-main-content .row-790 ul, .what-is-jba-main-content .row-790 i {
      padding-bottom: 5px; }

.what-is-jba-wysiwyg-content {
  padding-bottom: 20px; }

.course-archived-banner {
  position: absolute;
  background: #bebebe;
  color: white;
  width: 260px;
  text-align: center;
  height: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  transform: rotate(-25deg) translateX(-73px) translateY(-15px); }

.section-progress-semifilled {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(https://worktheseasons.co.nz/images/course-assets/blob-box/light-blue-blob-box.svg);
  border-radius: 30px;
  transition: .5s padding-right 0s;
  background-clip: content-box; }

.cropit-preview {
  background-color: white !important;
  border: 1px solid white !important; }

.cropit-preview-image-container {
  border-radius: 200px;
  z-index: 1; }

#jbaCroppedImage {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1; }

.jba-showmore-btn {
  background: url("../../images/theme-marketing/rectangle-button.svg");
  background-repeat: no-repeat;
  color: white;
  border: none;
  padding: .2em;
  min-width: 100px;
  cursor: pointer;
  font-size: 14px; }

.profile-height {
  position: relative;
  transition: 0.6s all cubic-bezier(0.71, 0.19, 0.35, 0.93);
  overflow: hidden; }

.profile-height:before {
  content: ' ';
  box-shadow: inset 0px -17px 38px -4px white;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 9999;
  width: 100%;
  height: 4000px;
  opacity: 0;
  transition: 0.6s all cubic-bezier(0.71, 0.19, 0.35, 0.93);
  pointer-events: none; }

.profile-height-big {
  max-height: 4000px; }

.profile-height-toggled {
  max-height: 365px; }

.profile-height-toggled:before {
  content: ' ';
  box-shadow: inset 0px -17px 38px -4px white;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 9999;
  width: 100%;
  height: 365px;
  opacity: 1;
  transition: 0.6s all cubic-bezier(0.71, 0.19, 0.35, 0.93);
  pointer-events: none; }

.show-more-button-toggled {
  transform: rotate(180deg) !important; }

.show-more-button {
  transform: rotate(0deg);
  transition: .2s all; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

/*@media (min-width: 1200px){
       .container {
           max-width: 940px;
       }
   }
   @media (min-width: 992px){
       .container {
           max-width: 740px;
       }
   }*/
@media (max-width: 767px) {
  .mob-pad-0 {
    padding: 0; } }

.check-svg {
  height: 20px;
  transform: translateX(3px) translateY(-5px); }

.document-button {
  background: url("../../images/course-assets/buttons/circle-button.svg");
  border-radius: 50px;
  color: white;
  border: none;
  height: 35px;
  width: 35px;
  position: absolute;
  top: 0;
  right: 0;
  margin: 5px;
  transform: scale(1);
  transition: .2s all;
  background-size: 100% 100%;
  /*transform:translateX(20px)translateY(20px);*/ }

.document-button-disabled {
  background: url("../../images/course-assets/buttons/circle-button-locked.svg");
  pointer-events: none;
  background-size: 100% 100%; }

.document-button:active {
  transform: scale(0.9); }

.document-button:hover {
  background: url("../../images/course-assets/buttons/circle-button-hover.svg");
  background-size: 100% 100%; }

.whole-page-loader {
  background: #eeeeee !important; }

.add-skill-btn {
  margin: 0 10px; }

.profile-container {
  width: 100%;
  text-align: center;
  padding-bottom: 40px; }

.profile-container-row {
  max-width: 1180px;
  text-align: left;
  margin: auto; }

.profile-tabs {
  color: white;
  border: none;
  padding: .5em;
  min-width: 100px;
  cursor: pointer;
  background: #D51A68;
  cursor: pointer; }

.profile-tabs:hover {
  background: #A02C4D; }

.profile-tabs-selected {
  background: #6C1F5D; }

.modal-body-profile {
  padding: 0; }

.profile-tab-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column; }

.profile-tab-content {
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 20px; }

.social-media-tab-content {
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 20px; }

.profile-tab-tabs {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  background: #F1E9E0; }

.profile-tab-tabs button {
  border-right: 1px solid #A02C4D; }

.course-item-output {
  display: -ms-flexbox;
  display: flex; }

.course-item-output p {
  margin: 0;
  -ms-flex-align: center;
  align-items: center;
  margin: 10px; }

.course-item-output button {
  min-width: 70px; }

.course-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  margin: 0px;
  /*border-bottom: 1px solid #eaeaea;*/
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.16);
  transform: translateY(0px) translateX(0px);
  transition: .3s all;
  /*width:30%;*/ }

.course-item:hover {
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.2);
  transform: translateY(-2px) translateX(-2px); }

.course-item-info {
  width: 100%;
  padding: .5em;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #D51A68; }

.course-item-info a {
  color: #D51A68;
  cursor: pointer;
  white-space: nowrap; }

.course-item-info a:hover {
  color: #912b52; }

.course-item-info p {
  color: black; }

.course-item-image {
  height: 100px;
  width: 100%;
  position: relative;
  overflow: hidden; }

.edit-loader {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1020;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.6);
  display: none; }

.skills-flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

.skills-flex i {
  color: #D51A68;
  font-size: 25px;
  cursor: pointer;
  margin: 0 10px; }

.education-year-field {
  display: inline-block;
  width: 100px; }

.education-month-field {
  display: inline-block;
  width: auto; }

.reference-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  /*width:50%;*/
  position: relative;
  border-bottom: 1px solid #f2f2f2;
  padding-top: 15px;
  padding-bottom: 15px; }

.reference-recommendation {
  font-style: italic;
  line-height: 18px; }

.reference-item .fa-user {
  font-size: 36px;
  padding-right: 23px;
  margin-right: 20px;
  border-right: 1px solid #ccc;
  color: #D51A68; }

.modal-profile-pic-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: column;
  flex-direction: column; }

.modal-profile-pic-container img {
  height: 300px;
  width: auto; }

.edit-profile-picture {
  bottom: 0;
  opacity: 0;
  position: absolute;
  /* display: block; */
  /* left: 50%; */
  height: 100%;
  background: rgba(213, 26, 104, 0.8);
  width: 100%;
  margin: 0;
  border-radius: 500px;
  text-align: center;
  vertical-align: middle;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: white;
  font-size: 30px;
  transition: .2s all;
  cursor: pointer; }

.edit-profile-picture p {
  transform: translateY(50px);
  opacity: 0;
  transition: .2s all .2s; }

.edit-profile-picture:hover {
  opacity: 1; }

.edit-profile-picture:hover p {
  transform: translateY(0px);
  opacity: 1; }

.completed-task {
  color: #38B449 !important; }

.incomplete-section {
  background: url("../../images/course-assets/blob-box/orange-blob-box.svg") !important;
  background-repeat: no-repeat !important; }

#skillsSortable {
  position: relative; }

.staggered-transition {
  transition: all .3s ease;
  transform: translateY(0px); }

.staggered-enter {
  opacity: 0;
  transform: translateY(-20px); }

.staggered-leave {
  opacity: 0;
  transform: translateY(-20px); }

.tick-transition {
  transition: all .3s ease;
  transform: scale(1); }

.tick-enter {
  opacity: 0;
  transform: scale(0); }

.tick-leave {
  opacity: 0;
  transform: scale(0); }

.progress-transition {
  transition: all .3s ease 2s;
  transform: translateY(0px); }

.progress-enter {
  opacity: 0;
  transform: translateY(-20px); }

.current-job-check {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center; }

.current-job-check input {
  width: auto !important;
  margin-right: 10px;
  margin-top: 0 !important; }

.progress-leave {
  opacity: 0;
  transform: translateY(-20px); }

.magenta-underline-hover {
  color: #D51A68;
  /*text-decoration:underline;*/
  cursor: pointer; }

.remove-confirm {
  width: 120px;
  display: inline-block;
  text-align: center;
  margin: 0 1em; }

.magenta-underline-hover:hover {
  color: #912b52; }

.form-toggle-gap {
  margin: 2em 0; }

.form-toggle-gap label:first-child {
  font-weight: 800;
  margin: .5em 0; }

.jba-modal-btn {
  background: url("../../images/course-assets/buttons/rectangle-button.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  color: white;
  border: none;
  padding: .5em;
  min-width: 100px;
  cursor: pointer;
  transform: scale(1);
  transition: .2s all; }

.jba-modal-btn:hover {
  background: url("../../images/course-assets/buttons/rectangle-button-hover.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  color: white;
  text-decoration: none; }

.jba-modal-btn:active {
  transform: scale(0.9); }

.jba-modal-btn-selected {
  background: url("../../images/course-assets/buttons/rectangle-button-visited.svg");
  background-repeat: no-repeat; }

/**************
General section
**************/
.profile-section {
  background: white;
  padding: 0;
  margin: 10px 0;
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.16); }

.section-content {
  padding: .5em 1.5em;
  position: relative; }

.jba-statement-section .edit-item {
  position: absolute;
  margin: 35px 20px; }

.jba-statement-section .section-completion {
  width: 50px;
  background: url("../../images/course-assets/blob-box/blue-blob-box.svg");
  text-align: center;
  color: white;
  margin-right: 10px;
  position: absolute;
  right: 0;
  transform: scale(1);
  transition: .2s all; }

.jba-statement-section .section-completion:focus {
  outline: none; }

.jba-statement-section .section-completion:active {
  transform: scale(0.9); }

.section-content .section-completion {
  width: 50px;
  background: url("../../images/course-assets/blob-box/blue-blob-box.svg");
  background-repeat: no-repeat;
  text-align: center;
  color: white;
  margin-right: 10px;
  position: absolute;
  right: 0;
  transform: scale(1);
  transition: .2s all; }

.section-content .section-completion:focus {
  outline: none; }

.section-content .section-completion:active {
  transform: scale(0.9); }

.section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center; }

.section-header .header-title {
  background: #D51A68;
  color: white;
  padding: .3em .8em;
  margin: 0; }

.section-header .section-completion {
  width: 50px;
  background: url("../../images/course-assets/blob-box/blue-blob-box.svg");
  background-repeat: no-repeat;
  text-align: center;
  color: white;
  margin-right: 10px;
  transform: scale(1);
  transition: .2s all;
  position: absolute;
  right: 0; }

.section-header .section-completion:active {
  transform: scale(0.9); }

.section-header .section-completion:focus {
  outline: none; }

.essential-add {
  color: #F79131; }

.section-add-item {
  width: 100%;
  text-align: center;
  padding-bottom: 10px;
  transform: scale(1);
  transition: .2s all; }

.section-add-item:active {
  transform: scale(0.8); }

.section-add-item i {
  font-size: 30px;
  color: #D51A68;
  cursor: pointer;
  margin: 10px; }

.section-add-item i:hover {
  color: #912b52; }

/**************
General section ends
**************/
/**************
Experience section
**************/
.experience-item {
  padding: 15px 0;
  position: relative;
  border-bottom: 1px solid #f2f2f2; }

.experience-item:last-child {
  border: none; }

.edit-item {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 21px;
  color: #d9d9d9;
  cursor: pointer;
  margin: .4em;
  transform: scale(1);
  transition: .2s all; }

.edit-item:hover {
  color: #b3b3b3; }

.edit-item:active {
  transform: scale(0.8); }

.experience-item-title {
  font-size: 16px; }

.experience-item-company {
  font-size: 14px; }

.experience-item-date {
  font-size: 14px; }

.experience-item-add-description {
  color: #D51A68;
  text-decoration: underline;
  cursor: pointer;
  display: inline-block; }

.experience-item-add-description:hover {
  color: #912b52;
  text-decoration: underline; }

/**************
Experience section ends
**************/
/**************
Education section
**************/
.education-item {
  position: relative;
  padding: 15px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #f2f2f2; }

.education-img {
  height: 80px;
  width: auto;
  margin-right: 5em; }

.education-item-school {
  font-size: 16px; }

.education-item-course {
  font-size: 14px; }

.education-item-date {
  font-size: 14px; }

.education-item-add-course {
  color: #D51A68;
  text-decoration: underline;
  cursor: pointer; }

.education-item-add-date {
  color: #D51A68;
  text-decoration: underline;
  cursor: pointer; }

/**************
Education section ends
**************/
/**************
Statement section
**************/
.profile-title-line {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  margin: 14px 0; }

.profile-title-line h2 {
  margin: 0; }

/**************
Statement section ends
**************/
/**************
Contact section
**************/
.contact-profile-picture-wrapper {
  position: relative; }

.contact-profile-picture-wrapper .contract-profile-premium {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 30%;
  height: auto; }

.contact-profile-picture {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  border-radius: 200px; }

.contact-item-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin: 10px 0; }

.contact-item-wrapper i {
  color: #D51A68;
  font-size: 16px;
  width: 16px;
  text-align: center; }

.contact-item-wrapper .contact-item-title {
  font-weight: 800;
  margin: 0; }

.contact-item-wrapper .contact-item-content {
  margin: 0;
  word-wrap: break-word; }

.progress-content {
  color: #D51A68;
  transition: .2s all;
  cursor: pointer; }

.progress-content:hover {
  text-decoration: underline; }

.contact-item-container {
  margin: 0 10px;
  padding-left: 10px;
  border-left: 1px solid #f2f2f2;
  overflow: hidden; }

/**************
Contact section ends
**************/
/**************
Progress bar section
**************/
.progress-bar-tooltip {
  color: grey; }

.progress-bar-tooltip:focus {
  color: #D51A68; }

.popover {
  color: #D51A68;
  border-radius: 0;
  border: 1px solid #f2f2f2; }

.progress-item {
  margin: 10px 0; }

.progress-checkbox-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

.progress-checkbox {
  position: relative;
  background: url("../../images/course-assets/check/pink-border.png");
  padding: 0px;
  margin: 5px;
  height: 20px;
  width: 20px;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 10px;
  background-size: contain;
  background-position: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background-repeat: no-repeat; }

/**************
Progress bar section ends
**************/
/**************
Skills section
**************/
.skills-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center; }

.skills-header i {
  color: #D51A68;
  font-size: 20px;
  cursor: pointer;
  margin: 10px;
  transform: scale(1);
  transition: .2s all; }

.skills-header i:hover {
  color: #912b52; }

.skills-header i:active {
  transform: scale(0.9); }

/**************
Skills section ends
**************/
.essential-add {
  color: #F79131; }

.skills-list {
  list-style: none;
  padding: 0;
  transform: translateX(-5px); }

.learn-more-wrapper {
  margin-top: 30px; }

.incomplete-course {
  opacity: 0.2; }

.skills-item div {
  padding: 5px; }

.skills-item div img {
  height: 20px;
  width: auto; }

.learn-more-job {
  width: 100%;
  height: 100px;
  margin: 10px 0;
  color: white;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.16);
  cursor: pointer;
  transition: .2s all; }

.learn-more-job:hover {
  color: white; }

.learn-more-job:hover {
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.46);
  transform: translateY(-2px) translateX(-2px); }

.learn-more-job .learn-more-bg {
  -ms-flex-positive: 1;
  flex-grow: 1; }

.learn-more-job .learn-more-text {
  margin: 0;
  padding: 5px;
  background: #D51A68;
  font-size: 14px; }

.modal-content {
  border-radius: 0px; }

.modal-header {
  border: none; }

.modal-footer {
  border: none; }

.modal {
  text-align: center; }

@media screen and (min-width: 768px) {
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%; } }

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle; }

.ui-datepicker {
  border: none;
  border-radius: 0px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }

/*!
 * Datepicker for Bootstrap v1.6.4 (https://github.com/eternicode/bootstrap-datepicker)
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */
.datepicker {
  padding: 4px;
  border-radius: 4px;
  direction: ltr; }

.datepicker-inline {
  width: 220px; }

.datepicker.datepicker-rtl {
  direction: rtl; }

.datepicker.datepicker-rtl table tr td span {
  float: right; }

.datepicker-dropdown {
  top: 0;
  left: 0; }

.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #999;
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute; }

.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-top: 0;
  position: absolute; }

.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px; }

.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px; }

.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px; }

.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px; }

.datepicker-dropdown.datepicker-orient-bottom:before {
  top: -7px; }

.datepicker-dropdown.datepicker-orient-bottom:after {
  top: -6px; }

.datepicker-dropdown.datepicker-orient-top:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999; }

.datepicker-dropdown.datepicker-orient-top:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff; }

.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.datepicker td,
.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: none; }

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent; }

.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
  background: #eee;
  cursor: pointer; }

.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #999; }

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #999;
  cursor: default; }

.datepicker table tr td.highlighted {
  background: #d9edf7;
  border-radius: 0; }

.datepicker table tr td.today:hover:hover {
  color: #000; }

.datepicker table tr td.today.active:hover {
  color: #fff; }

.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
  background: #eee;
  border-radius: 0; }

.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
  background-color: #efe24b \9; }

.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
  background-color: #9e9e9e;
  background-image: linear-gradient(to bottom, #b3b3b3, #808080);
  background-repeat: repeat-x;
  border-color: #808080 #808080 #595959;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
  background-color: #808080; }

.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active {
  background-color: #666666 \9; }

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  background-color: #006dcc;
  background-image: linear-gradient(to bottom, #08c, #0044cc);
  background-repeat: repeat-x;
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
  background-color: #0044cc; }

.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
  background-color: #003399 \9; }

.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  border-radius: 4px; }

.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
  background: #eee; }

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #999;
  cursor: default; }

.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  background-color: #006dcc;
  background-image: linear-gradient(to bottom, #D51A68, #D51A68);
  background-repeat: repeat-x;
  border-color: #D51A68;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
  background-color: #D51A68; }

.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
  background-color: #D51A68; }

.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #999; }

.datepicker .datepicker-switch {
  width: 145px; }

.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
  cursor: pointer; }

.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
  background: #eee; }

.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle; }

.input-append.date .add-on,
.input-prepend.date .add-on {
  cursor: pointer; }

.input-append.date .add-on i,
.input-prepend.date .add-on i {
  margin-top: 3px; }

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

.input-daterange input:first-child {
  border-radius: 3px 0 0 3px; }

.input-daterange input:last-child {
  border-radius: 0 3px 3px 0; }

.input-daterange .add-on {
  display: inline-block;
  width: auto;
  min-width: 16px;
  height: 18px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 18px;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  vertical-align: middle;
  /*background-color: #eee;
  border: 1px solid #ccc;*/
  margin-left: -5px;
  margin-right: -5px; }

.input-daterange {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

.input-daterange input {
  max-width: 120px; }

.input-daterange p {
  margin: 0 8px; }

.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: white;
  border: none;
  border-radius: 4px; }
/* Special styling for WebKit/Blink */
.cropit-image-zoom-input {
  margin: 25px 0 !important;
  background: white !important; }

input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  margin: 7.05px 0;
  padding: 0; }

input[type=range]:focus {
  outline: none; }

input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 10.9px;
  cursor: pointer;
  box-shadow: 1px 1px 1px transparent, 0px 0px 1px rgba(13, 13, 13, 0);
  background: #f1e9e0;
  border-radius: 22.2px;
  border: 0px solid #010101; }

input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.03), 0px 0px 0px rgba(13, 13, 13, 0.03);
  border: 0px solid transparent;
  height: 25px;
  width: 25px;
  border-radius: 32px;
  background: #d51a68;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -7.05px; }

input[type=range]:focus::-webkit-slider-runnable-track {
  background: #f9f5f2; }

input[type=range]::-moz-range-track {
  width: 100%;
  height: 10.9px;
  cursor: pointer;
  box-shadow: 1px 1px 1px transparent, 0px 0px 1px rgba(13, 13, 13, 0);
  background: #f1e9e0;
  border-radius: 22.2px;
  border: 0px solid #010101; }

input[type=range]::-moz-range-thumb {
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.03), 0px 0px 0px rgba(13, 13, 13, 0.03);
  border: 0px solid transparent;
  height: 25px;
  width: 25px;
  border-radius: 32px;
  background: #d51a68;
  cursor: pointer; }

input[type="range"]::-ms-track {
  width: 100%;
  height: 10.9px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent; }

input[type=range]::-ms-fill-lower {
  background: #e9ddce;
  border: 0px solid #010101;
  border-radius: 44.4px;
  box-shadow: 1px 1px 1px transparent, 0px 0px 1px rgba(13, 13, 13, 0); }

input[type=range]::-ms-fill-upper {
  background: #f1e9e0;
  border: 0px solid #010101;
  border-radius: 44.4px;
  box-shadow: 1px 1px 1px transparent, 0px 0px 1px rgba(13, 13, 13, 0); }

input[type="range"]::-ms-thumb {
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.03), 0px 0px 0px rgba(13, 13, 13, 0.03);
  border: 0px solid transparent;
  height: 25px;
  width: 25px;
  border-radius: 32px;
  background: #d51a68;
  cursor: pointer; }

input[type=range]:focus::-ms-fill-lower {
  background: #f1e9e0; }

input[type=range]:focus::-ms-fill-upper {
  background: #f9f5f2; }

.error-note {
  text-align: left;
  font-style: italic;
  font-size: 12px;
  margin-top: 20px; }

select {
  -webkit-appearance: none; }

.select2-container *:focus {
  outline: none; }

.select2-dropdown {
  border: 1px solid #F1E9E0 !important;
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.16) !important;
  border-radius: 0px !important; }

.skill-badge {
  height: 25px;
  width: 25px;
  border-radius: 40px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  background: #59C7D9;
  color: white; }

.incomplete-course {
  opacity: 0.2; }

.select2-container--default .select2-results > .select2-results__options {
  overflow-y: scroll !important; }

@media (max-width: 767px) {
  .modal-dialog {
    width: 93%; }
  .profile-container {
    padding: 0; } }

@font-face {
  font-family: 'Lunchbox';
  src: url("../../fonts/lunchbox_w01_regular-webfont.woff") format("woff2"), url("../../fonts/lunchbox_w01_regular-webfont.woff") format("woff"), url("../../fonts/lunchbox_w01_regular-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

.row {
  margin: 0 !important; }

img {
  vertical-align: bottom !important; }

.cap-text {
  text-transform: capitalize; }

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

.list-style-none {
  list-style-type: none; }

.z-i-0 {
  z-index: 0; }

.ib {
  display: inline-block !important; }

.db {
  display: block !important; }

@media (max-width: 767px) {
  .d-xs-inline-block {
    display: inline-block !important; }
  .d-xs-block {
    display: block !important; } }

.fleft {
  float: left !important; }

.fright {
  float: right !important; }

.fnone {
  float: none !important; }

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

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

.fw500 {
  font-weight: 500 !important; }

.hov-ul-none {
  text-decoration: none !important; }

.hov-t-white:hover {
  color: #fff !important; }

.lheight-normal {
  line-height: normal !important; }

.lheight-1 {
  line-height: 1 !important; }

.hov-opq {
  transition: opacity 500ms;
  opacity: 1; }

.hov-opq:hover {
  transition: opacity 500ms;
  opacity: 0.85; }

img {
  vertical-align: bottom !important; }

.text-with-image img {
  position: absolute; }

.wb-bw {
  word-break: break-word;
  overflow-wrap: break-word; }

.tunder {
  text-decoration: underline; }

.titalic {
  font-style: italic; }

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

a:hover.text-decoration-none {
  text-decoration: none; }

@media (max-width: 767px) {
  .tcenter-xs {
    text-align: center !important; } }

@media (min-width: 992px) {
  .tcenter-md {
    text-align: center !important; } }

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

.tright {
  text-align: right !important; }

.tinherit {
  font-size: inherit; }

.tsmaller {
  font-size: 0.8em !important; }

.tlarger {
  font-size: 1.3em !important; }

.tlarge {
  font-size: 1.6em; }

.tgiant {
  font-size: 3.6em; }

.tshadow-dark {
  text-shadow: 0px 0px 7px #333333; }

.tlato {
  font-family: 'Lato', Arial, sans-serif; }

.tlunchbox {
  font-family: 'Lunchbox', Arial, sans-serif; }

.tmontserrat {
  font-family: 'Montserrat', Arial, sans-serif; }

.troboto {
  font-family: 'Roboto', sans-serif; }

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

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

.cpointer-none {
  cursor: none; }

.cpointer {
  cursor: pointer; }

.cdefault {
  cursor: default; }

.vtop {
  vertical-align: top; }

.vmiddle {
  vertical-align: middle; }

.vbottom {
  vertical-align: bottom; }

.w20px {
  width: 20px; }

.w40px {
  width: 40px !important; }

.w50px {
  width: 50px !important; }

.w100px {
  width: 100px !important; }

.w100 {
  width: 100% !important; }

.h100 {
  height: 100% !important; }

.vw100 {
  height: 100vw !important; }

.vh100 {
  height: 100vh !important; }

.mh100 {
  min-height: 100px; }

.mnw100 {
  min-width: 100px; }

.mxw50 {
  max-width: 50px; }

.mxw100 {
  max-width: 100px; }

.mxw300 {
  max-width: 300px; }

.max-full-width {
  max-width: 100%; }

.mw-none {
  max-width: none !important; }

.w-auto {
  width: auto !important; }

.h-auto {
  height: auto !important; }

.pabsolute {
  position: absolute; }

.prelative {
  position: relative; }

.right-0 {
  right: 0; }

.left-0 {
  left: 0; }

.top-0 {
  top: 0; }

.bottom-0 {
  bottom: 0; }

.wspace-none {
  white-space: normal !important; }

.bg-selected {
  background-color: #999999 !important; }

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

.background-white {
  background-color: #ffffff !important; }

.background-grey-light {
  background-color: #eeeeee !important; }

.background-center {
  background-position: center !important; }

.background-cover {
  background-size: cover !important; }

.background-none {
  background-color: transparent !important;
  background-image: none !important; }

@media (max-width: 767px) {
  .background-none-xs {
    background-image: none !important; } }

.text-main {
  color: #000000 !important; }

.text-secondary {
  color: #D61A69 !important; }

.text-tertiary {
  color: #000000 !important; }

.text-white {
  color: #ffffff !important; }

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

.text-orange {
  color: orange; }

.brdr-t-none {
  border-top: none; }

.brdr-r-none {
  border-right: none; }

.brdr-b-none {
  border-bottom: none; }

.brdr-l-none {
  border-left: none; }

.brdr-none {
  border: none !important; }

.brdr-red {
  border: 1.5px red solid !important; }

.brdr-t-333333 {
  border-top: 1px solid #333333 !important; }

.brdr-b-ccc {
  border-bottom: 1px solid #ccc !important; }

.bor-rad10 {
  border-radius: 10%; }

.bor-rad50 {
  border-radius: 50%; }

.boxy {
  box-sizing: border-box; }

.twrap {
  white-space: normal; }

.d-table {
  display: table !important; }

.d-tcell {
  display: table-cell !important; }

.vcenter {
  vertical-align: middle !important; }

.hidden {
  display: none; }

.ohidden {
  overflow: hidden; }

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

.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.label-required:after {
  content: "*";
  right: 7px;
  position: absolute; }

.v-hidden {
  visibility: hidden; }

.v-visible {
  visibility: visible; }

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

.flex-center {
  -ms-flex-align: center;
  align-items: center; }

.flex-shrink-0 {
  -ms-flex-negative: 0;
  flex-shrink: 0; }

.align-items-center {
  -ms-flex-align: center;
  align-items: center; }

.f-column {
  -ms-flex-direction: column;
  flex-direction: column; }

.f-start {
  -ms-flex-align: start;
  align-items: flex-start; }

.f-end {
  -ms-flex-align: end;
  align-items: flex-end; }

.j-center {
  -ms-flex-pack: center;
  justify-content: center; }

.j-evenly {
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly; }

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

.f-end {
  -ms-flex-pack: end;
  justify-content: flex-end; }

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

@media screen and (min-width: 768px) {
  .desk-flex {
    display: -ms-flexbox;
    display: flex; }
  .desk-text-right {
    text-align: right; }
  .desk-mlb {
    margin-left: 16px; }
  .desk-mrb {
    margin-right: 16px; } }

@media screen and (max-width: 767px) {
  .hide-sm {
    display: none; } }

@media screen and (max-width: 480px) {
  .hide-xs {
    display: none; } }

.ml50n {
  margin-left: -50px !important; }

.ml30n {
  margin-left: -30px !important; }

.mtbn {
  margin-top: -16px !important; }

.mlbn {
  margin-left: -16px !important; }

.mtmn {
  margin-top: -8px !important; }

.mtsn {
  margin-top: -4px !important; }

.mt1n {
  margin-top: -1px !important; }

.mbsn {
  margin-bottom: -4px !important; }

.mt0 {
  margin-top: 0px !important; }

.mr0 {
  margin-right: 0px !important; }

.mb0 {
  margin-bottom: 0px !important; }

.ml0 {
  margin-left: 0px !important; }

.mtt {
  margin-top: 2px !important; }

.mrt {
  margin-right: 2px !important; }

.mbt {
  margin-bottom: 2px !important; }

.mlt {
  margin-left: 2px !important; }

.mts {
  margin-top: 4px !important; }

.mrs {
  margin-right: 4px !important; }

.mbs {
  margin-bottom: 4px !important; }

.mls {
  margin-left: 4px !important; }

.mtm {
  margin-top: 8px !important; }

.mrm {
  margin-right: 8px !important; }

.mbm {
  margin-bottom: 8px !important; }

.mlm {
  margin-left: 8px !important; }

.mtb {
  margin-top: 16px !important; }

.mrb {
  margin-right: 16px !important; }

.mbb {
  margin-bottom: 16px !important; }

.mlb {
  margin-left: 16px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.ml30 {
  margin-left: 30px !important; }

.mt30 {
  margin-top: 30px !important; }

.mr30 {
  margin-right: 30px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.mt50 {
  margin-top: 50px !important; }

.mb50 {
  margin-bottom: 50px !important; }

.mr50 {
  margin-right: 50px !important; }

.mar16 {
  margin: 16px !important; }

.margin-auto {
  margin: 0 auto; }

@media screen and (max-width: 767px) {
  .mobile-mbb {
    margin-bottom: 16px; } }

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

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

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

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

.ptt {
  padding-top: 2px !important; }

.pbt {
  padding-bottom: 2px !important; }

.pts {
  padding-top: 4px !important; }

.prs {
  padding-right: 4px !important; }

.pbs {
  padding-bottom: 4px !important; }

.pls {
  padding-left: 4px !important; }

.ptm {
  padding-top: 8px !important; }

.prm {
  padding-right: 8px !important; }

.pbm {
  padding-bottom: 8px !important; }

.plm {
  padding-left: 8px !important; }

.ptb {
  padding-top: 16px !important; }

.prb {
  padding-right: 16px !important; }

.pbb {
  padding-bottom: 16px !important; }

.plb {
  padding-left: 16px !important; }

.ptg {
  padding-top: 30px !important; }

.plg {
  padding-left: 30px !important; }

.pbg {
  padding-bottom: 30px !important; }

.prg {
  padding-right: 30px !important; }

.pad0 {
  padding: 0 !important; }

.pad8 {
  padding: 8px !important; }

.border-top-danger {
  border-top-color: #a94442; }

.bbtn.btn-xlg {
  font-size: 2em; }

hr.base-grey {
  border-top-color: #DDDDDD; }

img.powered-by-jba-logo {
  display: inline-block;
  margin-bottom: -10px;
  width: 30px; }

img.company-logo {
  float: left;
  margin-top: -10px;
  width: 50px; }

.company-logo .badge {
  right: 15px;
  position: absolute;
  bottom: 15px; }

.role-icon {
  background-color: #000;
  border-radius: 1em;
  color: #fff;
  display: inline-block;
  font-size: 0.75em;
  margin-left: 5px;
  padding-top: 0.45em;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  top: -0.2em;
  height: 2em;
  width: 2em !important; }
  .role-icon-l, .role-icon-lr {
    background-color: #6E6E91; }
  .role-icon-tl {
    background-color: #F89838; }
  .role-icon-tl {
    background-color: #000000; }
  .role-icon-cp, .role-icon-cm, .role-icon-ef, .role-icon-ad {
    background-color: #D61A69; }

@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi) {
  .android-hack-w99 {
    width: 99% !important; } }

.cropit-preview {
  background-color: #eee;
  background-size: cover;
  border: 1px solid #ccc;
  border-radius: 3px;
  left: 50%;
  margin-left: -133px;
  height: 250px;
  width: 250px; }

.cropit-preview-image-container {
  cursor: move; }

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -ms-overflow-style: -ms-autohiding-scrollbar; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ie10-flex1 {
    -ms-flex: 1;
    flex: 1; } }

@media screen and (-ms-high-contrast: active) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px) {
  .ie10-desk-flex1 {
    -ms-flex: 1;
    flex: 1; } }

.margin-auto {
  margin: auto; }

.min-w-40 {
  min-width: 40%; }

.min-w-50 {
  min-width: 50%; }

.min-w-60 {
  min-width: 60%; }

@media (min-width: 576px) {
  .min-w-sm-40 {
    min-width: 40%; }
  .min-w-sm-50 {
    min-width: 50%; }
  .min-w-sm-60 {
    min-width: 60%; } }

@media (min-width: 768px) {
  .min-w-md-40 {
    min-width: 40%; }
  .min-w-md-50 {
    min-width: 50%; }
  .min-w-md-60 {
    min-width: 60%; } }

@media (min-width: 992px) {
  .min-w-lg-40 {
    min-width: 40%; }
  .min-w-lg-50 {
    min-width: 50%; }
  .min-w-lg-60 {
    min-width: 60%; } }

@media (min-width: 1200px) {
  .min-w-xl-40 {
    min-width: 40%; }
  .min-w-xl-50 {
    min-width: 50%; }
  .min-w-xl-60 {
    min-width: 60%; } }

.d-flex {
  display: -ms-flexbox;
  display: flex; }

.d-block {
  display: block; }

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

@media (min-width: 576px) {
  .d-sm-flex {
    display: -ms-flexbox;
    display: flex; }
  .d-sm-block {
    display: block; }
  .d-sm-inline-block {
    display: inline-block; } }

@media (min-width: 768px) {
  .d-md-flex {
    display: -ms-flexbox;
    display: flex; }
  .d-md-block {
    display: block; }
  .d-md-inline-block {
    display: inline-block; } }

@media (min-width: 992px) {
  .d-lg-flex {
    display: -ms-flexbox;
    display: flex; }
  .d-lg-block {
    display: block; }
  .d-lg-inline-block {
    display: inline-block; } }

@media (min-width: 1200px) {
  .d-xl-flex {
    display: -ms-flexbox;
    display: flex; }
  .d-xl-block {
    display: block; }
  .d-xl-inline-block {
    display: inline-block; } }

.pt-1 {
  padding-top: 1px; }

.pr-1 {
  padding-right: 1px; }

.pl-1 {
  padding-left: 1px; }

.pb-1 {
  padding-bottom: 1px; }

.p-1 {
  padding: 1px; }

.mt-1 {
  margin-top: 1px; }

.mr-1 {
  margin-right: 1px; }

.ml-1 {
  margin-left: 1px; }

.mb-1 {
  margin-bottom: 1px; }

.m-1 {
  margin: 1px; }

.pt-2 {
  padding-top: 2px; }

.pr-2 {
  padding-right: 2px; }

.pl-2 {
  padding-left: 2px; }

.pb-2 {
  padding-bottom: 2px; }

.p-2 {
  padding: 2px; }

.mt-2 {
  margin-top: 2px; }

.mr-2 {
  margin-right: 2px; }

.ml-2 {
  margin-left: 2px; }

.mb-2 {
  margin-bottom: 2px; }

.m-2 {
  margin: 2px; }

.pt-3 {
  padding-top: 3px; }

.pr-3 {
  padding-right: 3px; }

.pl-3 {
  padding-left: 3px; }

.pb-3 {
  padding-bottom: 3px; }

.p-3 {
  padding: 3px; }

.mt-3 {
  margin-top: 3px; }

.mr-3 {
  margin-right: 3px; }

.ml-3 {
  margin-left: 3px; }

.mb-3 {
  margin-bottom: 3px; }

.m-3 {
  margin: 3px; }

.pt-4 {
  padding-top: 4px; }

.pr-4 {
  padding-right: 4px; }

.pl-4 {
  padding-left: 4px; }

.pb-4 {
  padding-bottom: 4px; }

.p-4 {
  padding: 4px; }

.mt-4 {
  margin-top: 4px; }

.mr-4 {
  margin-right: 4px; }

.ml-4 {
  margin-left: 4px; }

.mb-4 {
  margin-bottom: 4px; }

.m-4 {
  margin: 4px; }

.pt-5 {
  padding-top: 5px; }

.pr-5 {
  padding-right: 5px; }

.pl-5 {
  padding-left: 5px; }

.pb-5 {
  padding-bottom: 5px; }

.p-5 {
  padding: 5px; }

.mt-5 {
  margin-top: 5px; }

.mr-5 {
  margin-right: 5px; }

.ml-5 {
  margin-left: 5px; }

.mb-5 {
  margin-bottom: 5px; }

.m-5 {
  margin: 5px; }

.pt-6 {
  padding-top: 6px; }

.pr-6 {
  padding-right: 6px; }

.pl-6 {
  padding-left: 6px; }

.pb-6 {
  padding-bottom: 6px; }

.p-6 {
  padding: 6px; }

.mt-6 {
  margin-top: 6px; }

.mr-6 {
  margin-right: 6px; }

.ml-6 {
  margin-left: 6px; }

.mb-6 {
  margin-bottom: 6px; }

.m-6 {
  margin: 6px; }

.pt-7 {
  padding-top: 7px; }

.pr-7 {
  padding-right: 7px; }

.pl-7 {
  padding-left: 7px; }

.pb-7 {
  padding-bottom: 7px; }

.p-7 {
  padding: 7px; }

.mt-7 {
  margin-top: 7px; }

.mr-7 {
  margin-right: 7px; }

.ml-7 {
  margin-left: 7px; }

.mb-7 {
  margin-bottom: 7px; }

.m-7 {
  margin: 7px; }

.pt-8 {
  padding-top: 8px; }

.pr-8 {
  padding-right: 8px; }

.pl-8 {
  padding-left: 8px; }

.pb-8 {
  padding-bottom: 8px; }

.p-8 {
  padding: 8px; }

.mt-8 {
  margin-top: 8px; }

.mr-8 {
  margin-right: 8px; }

.ml-8 {
  margin-left: 8px; }

.mb-8 {
  margin-bottom: 8px; }

.m-8 {
  margin: 8px; }

.pt-9 {
  padding-top: 9px; }

.pr-9 {
  padding-right: 9px; }

.pl-9 {
  padding-left: 9px; }

.pb-9 {
  padding-bottom: 9px; }

.p-9 {
  padding: 9px; }

.mt-9 {
  margin-top: 9px; }

.mr-9 {
  margin-right: 9px; }

.ml-9 {
  margin-left: 9px; }

.mb-9 {
  margin-bottom: 9px; }

.m-9 {
  margin: 9px; }

.pt-10 {
  padding-top: 10px; }

.pr-10 {
  padding-right: 10px; }

.pl-10 {
  padding-left: 10px; }

.pb-10 {
  padding-bottom: 10px; }

.p-10 {
  padding: 10px; }

.mt-10 {
  margin-top: 10px; }

.mr-10 {
  margin-right: 10px; }

.ml-10 {
  margin-left: 10px; }

.mb-10 {
  margin-bottom: 10px; }

.m-10 {
  margin: 10px; }

.pt-11 {
  padding-top: 11px; }

.pr-11 {
  padding-right: 11px; }

.pl-11 {
  padding-left: 11px; }

.pb-11 {
  padding-bottom: 11px; }

.p-11 {
  padding: 11px; }

.mt-11 {
  margin-top: 11px; }

.mr-11 {
  margin-right: 11px; }

.ml-11 {
  margin-left: 11px; }

.mb-11 {
  margin-bottom: 11px; }

.m-11 {
  margin: 11px; }

.pt-12 {
  padding-top: 12px; }

.pr-12 {
  padding-right: 12px; }

.pl-12 {
  padding-left: 12px; }

.pb-12 {
  padding-bottom: 12px; }

.p-12 {
  padding: 12px; }

.mt-12 {
  margin-top: 12px; }

.mr-12 {
  margin-right: 12px; }

.ml-12 {
  margin-left: 12px; }

.mb-12 {
  margin-bottom: 12px; }

.m-12 {
  margin: 12px; }

.pt-13 {
  padding-top: 13px; }

.pr-13 {
  padding-right: 13px; }

.pl-13 {
  padding-left: 13px; }

.pb-13 {
  padding-bottom: 13px; }

.p-13 {
  padding: 13px; }

.mt-13 {
  margin-top: 13px; }

.mr-13 {
  margin-right: 13px; }

.ml-13 {
  margin-left: 13px; }

.mb-13 {
  margin-bottom: 13px; }

.m-13 {
  margin: 13px; }

.pt-14 {
  padding-top: 14px; }

.pr-14 {
  padding-right: 14px; }

.pl-14 {
  padding-left: 14px; }

.pb-14 {
  padding-bottom: 14px; }

.p-14 {
  padding: 14px; }

.mt-14 {
  margin-top: 14px; }

.mr-14 {
  margin-right: 14px; }

.ml-14 {
  margin-left: 14px; }

.mb-14 {
  margin-bottom: 14px; }

.m-14 {
  margin: 14px; }

.pt-15 {
  padding-top: 15px; }

.pr-15 {
  padding-right: 15px; }

.pl-15 {
  padding-left: 15px; }

.pb-15 {
  padding-bottom: 15px; }

.p-15 {
  padding: 15px; }

.mt-15 {
  margin-top: 15px; }

.mr-15 {
  margin-right: 15px; }

.ml-15 {
  margin-left: 15px; }

.mb-15 {
  margin-bottom: 15px; }

.m-15 {
  margin: 15px; }

.pt-16 {
  padding-top: 16px; }

.pr-16 {
  padding-right: 16px; }

.pl-16 {
  padding-left: 16px; }

.pb-16 {
  padding-bottom: 16px; }

.p-16 {
  padding: 16px; }

.mt-16 {
  margin-top: 16px; }

.mr-16 {
  margin-right: 16px; }

.ml-16 {
  margin-left: 16px; }

.mb-16 {
  margin-bottom: 16px; }

.m-16 {
  margin: 16px; }

.pt-17 {
  padding-top: 17px; }

.pr-17 {
  padding-right: 17px; }

.pl-17 {
  padding-left: 17px; }

.pb-17 {
  padding-bottom: 17px; }

.p-17 {
  padding: 17px; }

.mt-17 {
  margin-top: 17px; }

.mr-17 {
  margin-right: 17px; }

.ml-17 {
  margin-left: 17px; }

.mb-17 {
  margin-bottom: 17px; }

.m-17 {
  margin: 17px; }

.pt-18 {
  padding-top: 18px; }

.pr-18 {
  padding-right: 18px; }

.pl-18 {
  padding-left: 18px; }

.pb-18 {
  padding-bottom: 18px; }

.p-18 {
  padding: 18px; }

.mt-18 {
  margin-top: 18px; }

.mr-18 {
  margin-right: 18px; }

.ml-18 {
  margin-left: 18px; }

.mb-18 {
  margin-bottom: 18px; }

.m-18 {
  margin: 18px; }

.pt-19 {
  padding-top: 19px; }

.pr-19 {
  padding-right: 19px; }

.pl-19 {
  padding-left: 19px; }

.pb-19 {
  padding-bottom: 19px; }

.p-19 {
  padding: 19px; }

.mt-19 {
  margin-top: 19px; }

.mr-19 {
  margin-right: 19px; }

.ml-19 {
  margin-left: 19px; }

.mb-19 {
  margin-bottom: 19px; }

.m-19 {
  margin: 19px; }

.pt-20 {
  padding-top: 20px; }

.pr-20 {
  padding-right: 20px; }

.pl-20 {
  padding-left: 20px; }

.pb-20 {
  padding-bottom: 20px; }

.p-20 {
  padding: 20px; }

.mt-20 {
  margin-top: 20px; }

.mr-20 {
  margin-right: 20px; }

.ml-20 {
  margin-left: 20px; }

.mb-20 {
  margin-bottom: 20px; }

.m-20 {
  margin: 20px; }

.pt-5 {
  padding-top: 5px; }

.pr-5 {
  padding-right: 5px; }

.pl-5 {
  padding-left: 5px; }

.pb-5 {
  padding-bottom: 5px; }

.p-5 {
  padding: 5px; }

.mt-5 {
  margin-top: 5px; }

.mr-5 {
  margin-right: 5px; }

.ml-5 {
  margin-left: 5px; }

.mb-5 {
  margin-bottom: 5px; }

.m-5 {
  margin: 5px; }

.pt-10 {
  padding-top: 10px; }

.pr-10 {
  padding-right: 10px; }

.pl-10 {
  padding-left: 10px; }

.pb-10 {
  padding-bottom: 10px; }

.p-10 {
  padding: 10px; }

.mt-10 {
  margin-top: 10px; }

.mr-10 {
  margin-right: 10px; }

.ml-10 {
  margin-left: 10px; }

.mb-10 {
  margin-bottom: 10px; }

.m-10 {
  margin: 10px; }

.pt-15 {
  padding-top: 15px; }

.pr-15 {
  padding-right: 15px; }

.pl-15 {
  padding-left: 15px; }

.pb-15 {
  padding-bottom: 15px; }

.p-15 {
  padding: 15px; }

.mt-15 {
  margin-top: 15px; }

.mr-15 {
  margin-right: 15px; }

.ml-15 {
  margin-left: 15px; }

.mb-15 {
  margin-bottom: 15px; }

.m-15 {
  margin: 15px; }

.pt-20 {
  padding-top: 20px; }

.pr-20 {
  padding-right: 20px; }

.pl-20 {
  padding-left: 20px; }

.pb-20 {
  padding-bottom: 20px; }

.p-20 {
  padding: 20px; }

.mt-20 {
  margin-top: 20px; }

.mr-20 {
  margin-right: 20px; }

.ml-20 {
  margin-left: 20px; }

.mb-20 {
  margin-bottom: 20px; }

.m-20 {
  margin: 20px; }

.pt-25 {
  padding-top: 25px; }

.pr-25 {
  padding-right: 25px; }

.pl-25 {
  padding-left: 25px; }

.pb-25 {
  padding-bottom: 25px; }

.p-25 {
  padding: 25px; }

.mt-25 {
  margin-top: 25px; }

.mr-25 {
  margin-right: 25px; }

.ml-25 {
  margin-left: 25px; }

.mb-25 {
  margin-bottom: 25px; }

.m-25 {
  margin: 25px; }

.pt-30 {
  padding-top: 30px; }

.pr-30 {
  padding-right: 30px; }

.pl-30 {
  padding-left: 30px; }

.pb-30 {
  padding-bottom: 30px; }

.p-30 {
  padding: 30px; }

.mt-30 {
  margin-top: 30px; }

.mr-30 {
  margin-right: 30px; }

.ml-30 {
  margin-left: 30px; }

.mb-30 {
  margin-bottom: 30px; }

.m-30 {
  margin: 30px; }

.pt-35 {
  padding-top: 35px; }

.pr-35 {
  padding-right: 35px; }

.pl-35 {
  padding-left: 35px; }

.pb-35 {
  padding-bottom: 35px; }

.p-35 {
  padding: 35px; }

.mt-35 {
  margin-top: 35px; }

.mr-35 {
  margin-right: 35px; }

.ml-35 {
  margin-left: 35px; }

.mb-35 {
  margin-bottom: 35px; }

.m-35 {
  margin: 35px; }

.pt-40 {
  padding-top: 40px; }

.pr-40 {
  padding-right: 40px; }

.pl-40 {
  padding-left: 40px; }

.pb-40 {
  padding-bottom: 40px; }

.p-40 {
  padding: 40px; }

.mt-40 {
  margin-top: 40px; }

.mr-40 {
  margin-right: 40px; }

.ml-40 {
  margin-left: 40px; }

.mb-40 {
  margin-bottom: 40px; }

.m-40 {
  margin: 40px; }

.pt-45 {
  padding-top: 45px; }

.pr-45 {
  padding-right: 45px; }

.pl-45 {
  padding-left: 45px; }

.pb-45 {
  padding-bottom: 45px; }

.p-45 {
  padding: 45px; }

.mt-45 {
  margin-top: 45px; }

.mr-45 {
  margin-right: 45px; }

.ml-45 {
  margin-left: 45px; }

.mb-45 {
  margin-bottom: 45px; }

.m-45 {
  margin: 45px; }

.pt-50 {
  padding-top: 50px; }

.pr-50 {
  padding-right: 50px; }

.pl-50 {
  padding-left: 50px; }

.pb-50 {
  padding-bottom: 50px; }

.p-50 {
  padding: 50px; }

.mt-50 {
  margin-top: 50px; }

.mr-50 {
  margin-right: 50px; }

.ml-50 {
  margin-left: 50px; }

.mb-50 {
  margin-bottom: 50px; }

.m-50 {
  margin: 50px; }

.pt-55 {
  padding-top: 55px; }

.pr-55 {
  padding-right: 55px; }

.pl-55 {
  padding-left: 55px; }

.pb-55 {
  padding-bottom: 55px; }

.p-55 {
  padding: 55px; }

.mt-55 {
  margin-top: 55px; }

.mr-55 {
  margin-right: 55px; }

.ml-55 {
  margin-left: 55px; }

.mb-55 {
  margin-bottom: 55px; }

.m-55 {
  margin: 55px; }

.pt-60 {
  padding-top: 60px; }

.pr-60 {
  padding-right: 60px; }

.pl-60 {
  padding-left: 60px; }

.pb-60 {
  padding-bottom: 60px; }

.p-60 {
  padding: 60px; }

.mt-60 {
  margin-top: 60px; }

.mr-60 {
  margin-right: 60px; }

.ml-60 {
  margin-left: 60px; }

.mb-60 {
  margin-bottom: 60px; }

.m-60 {
  margin: 60px; }

.pt-65 {
  padding-top: 65px; }

.pr-65 {
  padding-right: 65px; }

.pl-65 {
  padding-left: 65px; }

.pb-65 {
  padding-bottom: 65px; }

.p-65 {
  padding: 65px; }

.mt-65 {
  margin-top: 65px; }

.mr-65 {
  margin-right: 65px; }

.ml-65 {
  margin-left: 65px; }

.mb-65 {
  margin-bottom: 65px; }

.m-65 {
  margin: 65px; }

.pt-70 {
  padding-top: 70px; }

.pr-70 {
  padding-right: 70px; }

.pl-70 {
  padding-left: 70px; }

.pb-70 {
  padding-bottom: 70px; }

.p-70 {
  padding: 70px; }

.mt-70 {
  margin-top: 70px; }

.mr-70 {
  margin-right: 70px; }

.ml-70 {
  margin-left: 70px; }

.mb-70 {
  margin-bottom: 70px; }

.m-70 {
  margin: 70px; }

.pt-75 {
  padding-top: 75px; }

.pr-75 {
  padding-right: 75px; }

.pl-75 {
  padding-left: 75px; }

.pb-75 {
  padding-bottom: 75px; }

.p-75 {
  padding: 75px; }

.mt-75 {
  margin-top: 75px; }

.mr-75 {
  margin-right: 75px; }

.ml-75 {
  margin-left: 75px; }

.mb-75 {
  margin-bottom: 75px; }

.m-75 {
  margin: 75px; }

.pt-80 {
  padding-top: 80px; }

.pr-80 {
  padding-right: 80px; }

.pl-80 {
  padding-left: 80px; }

.pb-80 {
  padding-bottom: 80px; }

.p-80 {
  padding: 80px; }

.mt-80 {
  margin-top: 80px; }

.mr-80 {
  margin-right: 80px; }

.ml-80 {
  margin-left: 80px; }

.mb-80 {
  margin-bottom: 80px; }

.m-80 {
  margin: 80px; }

.pt-85 {
  padding-top: 85px; }

.pr-85 {
  padding-right: 85px; }

.pl-85 {
  padding-left: 85px; }

.pb-85 {
  padding-bottom: 85px; }

.p-85 {
  padding: 85px; }

.mt-85 {
  margin-top: 85px; }

.mr-85 {
  margin-right: 85px; }

.ml-85 {
  margin-left: 85px; }

.mb-85 {
  margin-bottom: 85px; }

.m-85 {
  margin: 85px; }

.pt-90 {
  padding-top: 90px; }

.pr-90 {
  padding-right: 90px; }

.pl-90 {
  padding-left: 90px; }

.pb-90 {
  padding-bottom: 90px; }

.p-90 {
  padding: 90px; }

.mt-90 {
  margin-top: 90px; }

.mr-90 {
  margin-right: 90px; }

.ml-90 {
  margin-left: 90px; }

.mb-90 {
  margin-bottom: 90px; }

.m-90 {
  margin: 90px; }

.pt-95 {
  padding-top: 95px; }

.pr-95 {
  padding-right: 95px; }

.pl-95 {
  padding-left: 95px; }

.pb-95 {
  padding-bottom: 95px; }

.p-95 {
  padding: 95px; }

.mt-95 {
  margin-top: 95px; }

.mr-95 {
  margin-right: 95px; }

.ml-95 {
  margin-left: 95px; }

.mb-95 {
  margin-bottom: 95px; }

.m-95 {
  margin: 95px; }

.pt-100 {
  padding-top: 100px; }

.pr-100 {
  padding-right: 100px; }

.pl-100 {
  padding-left: 100px; }

.pb-100 {
  padding-bottom: 100px; }

.p-100 {
  padding: 100px; }

.mt-100 {
  margin-top: 100px; }

.mr-100 {
  margin-right: 100px; }

.ml-100 {
  margin-left: 100px; }

.mb-100 {
  margin-bottom: 100px; }

.m-100 {
  margin: 100px; }

.pt-105 {
  padding-top: 105px; }

.pr-105 {
  padding-right: 105px; }

.pl-105 {
  padding-left: 105px; }

.pb-105 {
  padding-bottom: 105px; }

.p-105 {
  padding: 105px; }

.mt-105 {
  margin-top: 105px; }

.mr-105 {
  margin-right: 105px; }

.ml-105 {
  margin-left: 105px; }

.mb-105 {
  margin-bottom: 105px; }

.m-105 {
  margin: 105px; }

.pt-110 {
  padding-top: 110px; }

.pr-110 {
  padding-right: 110px; }

.pl-110 {
  padding-left: 110px; }

.pb-110 {
  padding-bottom: 110px; }

.p-110 {
  padding: 110px; }

.mt-110 {
  margin-top: 110px; }

.mr-110 {
  margin-right: 110px; }

.ml-110 {
  margin-left: 110px; }

.mb-110 {
  margin-bottom: 110px; }

.m-110 {
  margin: 110px; }

.pt-115 {
  padding-top: 115px; }

.pr-115 {
  padding-right: 115px; }

.pl-115 {
  padding-left: 115px; }

.pb-115 {
  padding-bottom: 115px; }

.p-115 {
  padding: 115px; }

.mt-115 {
  margin-top: 115px; }

.mr-115 {
  margin-right: 115px; }

.ml-115 {
  margin-left: 115px; }

.mb-115 {
  margin-bottom: 115px; }

.m-115 {
  margin: 115px; }

.pt-120 {
  padding-top: 120px; }

.pr-120 {
  padding-right: 120px; }

.pl-120 {
  padding-left: 120px; }

.pb-120 {
  padding-bottom: 120px; }

.p-120 {
  padding: 120px; }

.mt-120 {
  margin-top: 120px; }

.mr-120 {
  margin-right: 120px; }

.ml-120 {
  margin-left: 120px; }

.mb-120 {
  margin-bottom: 120px; }

.m-120 {
  margin: 120px; }

.pt-125 {
  padding-top: 125px; }

.pr-125 {
  padding-right: 125px; }

.pl-125 {
  padding-left: 125px; }

.pb-125 {
  padding-bottom: 125px; }

.p-125 {
  padding: 125px; }

.mt-125 {
  margin-top: 125px; }

.mr-125 {
  margin-right: 125px; }

.ml-125 {
  margin-left: 125px; }

.mb-125 {
  margin-bottom: 125px; }

.m-125 {
  margin: 125px; }

.pt-130 {
  padding-top: 130px; }

.pr-130 {
  padding-right: 130px; }

.pl-130 {
  padding-left: 130px; }

.pb-130 {
  padding-bottom: 130px; }

.p-130 {
  padding: 130px; }

.mt-130 {
  margin-top: 130px; }

.mr-130 {
  margin-right: 130px; }

.ml-130 {
  margin-left: 130px; }

.mb-130 {
  margin-bottom: 130px; }

.m-130 {
  margin: 130px; }

.pt-135 {
  padding-top: 135px; }

.pr-135 {
  padding-right: 135px; }

.pl-135 {
  padding-left: 135px; }

.pb-135 {
  padding-bottom: 135px; }

.p-135 {
  padding: 135px; }

.mt-135 {
  margin-top: 135px; }

.mr-135 {
  margin-right: 135px; }

.ml-135 {
  margin-left: 135px; }

.mb-135 {
  margin-bottom: 135px; }

.m-135 {
  margin: 135px; }

.pt-140 {
  padding-top: 140px; }

.pr-140 {
  padding-right: 140px; }

.pl-140 {
  padding-left: 140px; }

.pb-140 {
  padding-bottom: 140px; }

.p-140 {
  padding: 140px; }

.mt-140 {
  margin-top: 140px; }

.mr-140 {
  margin-right: 140px; }

.ml-140 {
  margin-left: 140px; }

.mb-140 {
  margin-bottom: 140px; }

.m-140 {
  margin: 140px; }

.pt-145 {
  padding-top: 145px; }

.pr-145 {
  padding-right: 145px; }

.pl-145 {
  padding-left: 145px; }

.pb-145 {
  padding-bottom: 145px; }

.p-145 {
  padding: 145px; }

.mt-145 {
  margin-top: 145px; }

.mr-145 {
  margin-right: 145px; }

.ml-145 {
  margin-left: 145px; }

.mb-145 {
  margin-bottom: 145px; }

.m-145 {
  margin: 145px; }

.pt-150 {
  padding-top: 150px; }

.pr-150 {
  padding-right: 150px; }

.pl-150 {
  padding-left: 150px; }

.pb-150 {
  padding-bottom: 150px; }

.p-150 {
  padding: 150px; }

.mt-150 {
  margin-top: 150px; }

.mr-150 {
  margin-right: 150px; }

.ml-150 {
  margin-left: 150px; }

.mb-150 {
  margin-bottom: 150px; }

.m-150 {
  margin: 150px; }

.pt-155 {
  padding-top: 155px; }

.pr-155 {
  padding-right: 155px; }

.pl-155 {
  padding-left: 155px; }

.pb-155 {
  padding-bottom: 155px; }

.p-155 {
  padding: 155px; }

.mt-155 {
  margin-top: 155px; }

.mr-155 {
  margin-right: 155px; }

.ml-155 {
  margin-left: 155px; }

.mb-155 {
  margin-bottom: 155px; }

.m-155 {
  margin: 155px; }

.pt-160 {
  padding-top: 160px; }

.pr-160 {
  padding-right: 160px; }

.pl-160 {
  padding-left: 160px; }

.pb-160 {
  padding-bottom: 160px; }

.p-160 {
  padding: 160px; }

.mt-160 {
  margin-top: 160px; }

.mr-160 {
  margin-right: 160px; }

.ml-160 {
  margin-left: 160px; }

.mb-160 {
  margin-bottom: 160px; }

.m-160 {
  margin: 160px; }

.pt-165 {
  padding-top: 165px; }

.pr-165 {
  padding-right: 165px; }

.pl-165 {
  padding-left: 165px; }

.pb-165 {
  padding-bottom: 165px; }

.p-165 {
  padding: 165px; }

.mt-165 {
  margin-top: 165px; }

.mr-165 {
  margin-right: 165px; }

.ml-165 {
  margin-left: 165px; }

.mb-165 {
  margin-bottom: 165px; }

.m-165 {
  margin: 165px; }

.pt-170 {
  padding-top: 170px; }

.pr-170 {
  padding-right: 170px; }

.pl-170 {
  padding-left: 170px; }

.pb-170 {
  padding-bottom: 170px; }

.p-170 {
  padding: 170px; }

.mt-170 {
  margin-top: 170px; }

.mr-170 {
  margin-right: 170px; }

.ml-170 {
  margin-left: 170px; }

.mb-170 {
  margin-bottom: 170px; }

.m-170 {
  margin: 170px; }

.pt-175 {
  padding-top: 175px; }

.pr-175 {
  padding-right: 175px; }

.pl-175 {
  padding-left: 175px; }

.pb-175 {
  padding-bottom: 175px; }

.p-175 {
  padding: 175px; }

.mt-175 {
  margin-top: 175px; }

.mr-175 {
  margin-right: 175px; }

.ml-175 {
  margin-left: 175px; }

.mb-175 {
  margin-bottom: 175px; }

.m-175 {
  margin: 175px; }

.pt-180 {
  padding-top: 180px; }

.pr-180 {
  padding-right: 180px; }

.pl-180 {
  padding-left: 180px; }

.pb-180 {
  padding-bottom: 180px; }

.p-180 {
  padding: 180px; }

.mt-180 {
  margin-top: 180px; }

.mr-180 {
  margin-right: 180px; }

.ml-180 {
  margin-left: 180px; }

.mb-180 {
  margin-bottom: 180px; }

.m-180 {
  margin: 180px; }

.pt-185 {
  padding-top: 185px; }

.pr-185 {
  padding-right: 185px; }

.pl-185 {
  padding-left: 185px; }

.pb-185 {
  padding-bottom: 185px; }

.p-185 {
  padding: 185px; }

.mt-185 {
  margin-top: 185px; }

.mr-185 {
  margin-right: 185px; }

.ml-185 {
  margin-left: 185px; }

.mb-185 {
  margin-bottom: 185px; }

.m-185 {
  margin: 185px; }

.pt-190 {
  padding-top: 190px; }

.pr-190 {
  padding-right: 190px; }

.pl-190 {
  padding-left: 190px; }

.pb-190 {
  padding-bottom: 190px; }

.p-190 {
  padding: 190px; }

.mt-190 {
  margin-top: 190px; }

.mr-190 {
  margin-right: 190px; }

.ml-190 {
  margin-left: 190px; }

.mb-190 {
  margin-bottom: 190px; }

.m-190 {
  margin: 190px; }

.pt-195 {
  padding-top: 195px; }

.pr-195 {
  padding-right: 195px; }

.pl-195 {
  padding-left: 195px; }

.pb-195 {
  padding-bottom: 195px; }

.p-195 {
  padding: 195px; }

.mt-195 {
  margin-top: 195px; }

.mr-195 {
  margin-right: 195px; }

.ml-195 {
  margin-left: 195px; }

.mb-195 {
  margin-bottom: 195px; }

.m-195 {
  margin: 195px; }

.pt-200 {
  padding-top: 200px; }

.pr-200 {
  padding-right: 200px; }

.pl-200 {
  padding-left: 200px; }

.pb-200 {
  padding-bottom: 200px; }

.p-200 {
  padding: 200px; }

.mt-200 {
  margin-top: 200px; }

.mr-200 {
  margin-right: 200px; }

.ml-200 {
  margin-left: 200px; }

.mb-200 {
  margin-bottom: 200px; }

.m-200 {
  margin: 200px; }

.pt-205 {
  padding-top: 205px; }

.pr-205 {
  padding-right: 205px; }

.pl-205 {
  padding-left: 205px; }

.pb-205 {
  padding-bottom: 205px; }

.p-205 {
  padding: 205px; }

.mt-205 {
  margin-top: 205px; }

.mr-205 {
  margin-right: 205px; }

.ml-205 {
  margin-left: 205px; }

.mb-205 {
  margin-bottom: 205px; }

.m-205 {
  margin: 205px; }

.pt-210 {
  padding-top: 210px; }

.pr-210 {
  padding-right: 210px; }

.pl-210 {
  padding-left: 210px; }

.pb-210 {
  padding-bottom: 210px; }

.p-210 {
  padding: 210px; }

.mt-210 {
  margin-top: 210px; }

.mr-210 {
  margin-right: 210px; }

.ml-210 {
  margin-left: 210px; }

.mb-210 {
  margin-bottom: 210px; }

.m-210 {
  margin: 210px; }

.pt-215 {
  padding-top: 215px; }

.pr-215 {
  padding-right: 215px; }

.pl-215 {
  padding-left: 215px; }

.pb-215 {
  padding-bottom: 215px; }

.p-215 {
  padding: 215px; }

.mt-215 {
  margin-top: 215px; }

.mr-215 {
  margin-right: 215px; }

.ml-215 {
  margin-left: 215px; }

.mb-215 {
  margin-bottom: 215px; }

.m-215 {
  margin: 215px; }

.pt-220 {
  padding-top: 220px; }

.pr-220 {
  padding-right: 220px; }

.pl-220 {
  padding-left: 220px; }

.pb-220 {
  padding-bottom: 220px; }

.p-220 {
  padding: 220px; }

.mt-220 {
  margin-top: 220px; }

.mr-220 {
  margin-right: 220px; }

.ml-220 {
  margin-left: 220px; }

.mb-220 {
  margin-bottom: 220px; }

.m-220 {
  margin: 220px; }

.pt-225 {
  padding-top: 225px; }

.pr-225 {
  padding-right: 225px; }

.pl-225 {
  padding-left: 225px; }

.pb-225 {
  padding-bottom: 225px; }

.p-225 {
  padding: 225px; }

.mt-225 {
  margin-top: 225px; }

.mr-225 {
  margin-right: 225px; }

.ml-225 {
  margin-left: 225px; }

.mb-225 {
  margin-bottom: 225px; }

.m-225 {
  margin: 225px; }

.pt-230 {
  padding-top: 230px; }

.pr-230 {
  padding-right: 230px; }

.pl-230 {
  padding-left: 230px; }

.pb-230 {
  padding-bottom: 230px; }

.p-230 {
  padding: 230px; }

.mt-230 {
  margin-top: 230px; }

.mr-230 {
  margin-right: 230px; }

.ml-230 {
  margin-left: 230px; }

.mb-230 {
  margin-bottom: 230px; }

.m-230 {
  margin: 230px; }

.pt-235 {
  padding-top: 235px; }

.pr-235 {
  padding-right: 235px; }

.pl-235 {
  padding-left: 235px; }

.pb-235 {
  padding-bottom: 235px; }

.p-235 {
  padding: 235px; }

.mt-235 {
  margin-top: 235px; }

.mr-235 {
  margin-right: 235px; }

.ml-235 {
  margin-left: 235px; }

.mb-235 {
  margin-bottom: 235px; }

.m-235 {
  margin: 235px; }

.pt-240 {
  padding-top: 240px; }

.pr-240 {
  padding-right: 240px; }

.pl-240 {
  padding-left: 240px; }

.pb-240 {
  padding-bottom: 240px; }

.p-240 {
  padding: 240px; }

.mt-240 {
  margin-top: 240px; }

.mr-240 {
  margin-right: 240px; }

.ml-240 {
  margin-left: 240px; }

.mb-240 {
  margin-bottom: 240px; }

.m-240 {
  margin: 240px; }

.pt-245 {
  padding-top: 245px; }

.pr-245 {
  padding-right: 245px; }

.pl-245 {
  padding-left: 245px; }

.pb-245 {
  padding-bottom: 245px; }

.p-245 {
  padding: 245px; }

.mt-245 {
  margin-top: 245px; }

.mr-245 {
  margin-right: 245px; }

.ml-245 {
  margin-left: 245px; }

.mb-245 {
  margin-bottom: 245px; }

.m-245 {
  margin: 245px; }

.pt-250 {
  padding-top: 250px; }

.pr-250 {
  padding-right: 250px; }

.pl-250 {
  padding-left: 250px; }

.pb-250 {
  padding-bottom: 250px; }

.p-250 {
  padding: 250px; }

.mt-250 {
  margin-top: 250px; }

.mr-250 {
  margin-right: 250px; }

.ml-250 {
  margin-left: 250px; }

.mb-250 {
  margin-bottom: 250px; }

.m-250 {
  margin: 250px; }

.pt-255 {
  padding-top: 255px; }

.pr-255 {
  padding-right: 255px; }

.pl-255 {
  padding-left: 255px; }

.pb-255 {
  padding-bottom: 255px; }

.p-255 {
  padding: 255px; }

.mt-255 {
  margin-top: 255px; }

.mr-255 {
  margin-right: 255px; }

.ml-255 {
  margin-left: 255px; }

.mb-255 {
  margin-bottom: 255px; }

.m-255 {
  margin: 255px; }

.pt-260 {
  padding-top: 260px; }

.pr-260 {
  padding-right: 260px; }

.pl-260 {
  padding-left: 260px; }

.pb-260 {
  padding-bottom: 260px; }

.p-260 {
  padding: 260px; }

.mt-260 {
  margin-top: 260px; }

.mr-260 {
  margin-right: 260px; }

.ml-260 {
  margin-left: 260px; }

.mb-260 {
  margin-bottom: 260px; }

.m-260 {
  margin: 260px; }

.pt-265 {
  padding-top: 265px; }

.pr-265 {
  padding-right: 265px; }

.pl-265 {
  padding-left: 265px; }

.pb-265 {
  padding-bottom: 265px; }

.p-265 {
  padding: 265px; }

.mt-265 {
  margin-top: 265px; }

.mr-265 {
  margin-right: 265px; }

.ml-265 {
  margin-left: 265px; }

.mb-265 {
  margin-bottom: 265px; }

.m-265 {
  margin: 265px; }

.pt-270 {
  padding-top: 270px; }

.pr-270 {
  padding-right: 270px; }

.pl-270 {
  padding-left: 270px; }

.pb-270 {
  padding-bottom: 270px; }

.p-270 {
  padding: 270px; }

.mt-270 {
  margin-top: 270px; }

.mr-270 {
  margin-right: 270px; }

.ml-270 {
  margin-left: 270px; }

.mb-270 {
  margin-bottom: 270px; }

.m-270 {
  margin: 270px; }

.pt-275 {
  padding-top: 275px; }

.pr-275 {
  padding-right: 275px; }

.pl-275 {
  padding-left: 275px; }

.pb-275 {
  padding-bottom: 275px; }

.p-275 {
  padding: 275px; }

.mt-275 {
  margin-top: 275px; }

.mr-275 {
  margin-right: 275px; }

.ml-275 {
  margin-left: 275px; }

.mb-275 {
  margin-bottom: 275px; }

.m-275 {
  margin: 275px; }

.pt-280 {
  padding-top: 280px; }

.pr-280 {
  padding-right: 280px; }

.pl-280 {
  padding-left: 280px; }

.pb-280 {
  padding-bottom: 280px; }

.p-280 {
  padding: 280px; }

.mt-280 {
  margin-top: 280px; }

.mr-280 {
  margin-right: 280px; }

.ml-280 {
  margin-left: 280px; }

.mb-280 {
  margin-bottom: 280px; }

.m-280 {
  margin: 280px; }

.pt-285 {
  padding-top: 285px; }

.pr-285 {
  padding-right: 285px; }

.pl-285 {
  padding-left: 285px; }

.pb-285 {
  padding-bottom: 285px; }

.p-285 {
  padding: 285px; }

.mt-285 {
  margin-top: 285px; }

.mr-285 {
  margin-right: 285px; }

.ml-285 {
  margin-left: 285px; }

.mb-285 {
  margin-bottom: 285px; }

.m-285 {
  margin: 285px; }

.pt-290 {
  padding-top: 290px; }

.pr-290 {
  padding-right: 290px; }

.pl-290 {
  padding-left: 290px; }

.pb-290 {
  padding-bottom: 290px; }

.p-290 {
  padding: 290px; }

.mt-290 {
  margin-top: 290px; }

.mr-290 {
  margin-right: 290px; }

.ml-290 {
  margin-left: 290px; }

.mb-290 {
  margin-bottom: 290px; }

.m-290 {
  margin: 290px; }

.pt-295 {
  padding-top: 295px; }

.pr-295 {
  padding-right: 295px; }

.pl-295 {
  padding-left: 295px; }

.pb-295 {
  padding-bottom: 295px; }

.p-295 {
  padding: 295px; }

.mt-295 {
  margin-top: 295px; }

.mr-295 {
  margin-right: 295px; }

.ml-295 {
  margin-left: 295px; }

.mb-295 {
  margin-bottom: 295px; }

.m-295 {
  margin: 295px; }

.pt-300 {
  padding-top: 300px; }

.pr-300 {
  padding-right: 300px; }

.pl-300 {
  padding-left: 300px; }

.pb-300 {
  padding-bottom: 300px; }

.p-300 {
  padding: 300px; }

.mt-300 {
  margin-top: 300px; }

.mr-300 {
  margin-right: 300px; }

.ml-300 {
  margin-left: 300px; }

.mb-300 {
  margin-bottom: 300px; }

.m-300 {
  margin: 300px; }

.pt-305 {
  padding-top: 305px; }

.pr-305 {
  padding-right: 305px; }

.pl-305 {
  padding-left: 305px; }

.pb-305 {
  padding-bottom: 305px; }

.p-305 {
  padding: 305px; }

.mt-305 {
  margin-top: 305px; }

.mr-305 {
  margin-right: 305px; }

.ml-305 {
  margin-left: 305px; }

.mb-305 {
  margin-bottom: 305px; }

.m-305 {
  margin: 305px; }

.pt-310 {
  padding-top: 310px; }

.pr-310 {
  padding-right: 310px; }

.pl-310 {
  padding-left: 310px; }

.pb-310 {
  padding-bottom: 310px; }

.p-310 {
  padding: 310px; }

.mt-310 {
  margin-top: 310px; }

.mr-310 {
  margin-right: 310px; }

.ml-310 {
  margin-left: 310px; }

.mb-310 {
  margin-bottom: 310px; }

.m-310 {
  margin: 310px; }

.pt-315 {
  padding-top: 315px; }

.pr-315 {
  padding-right: 315px; }

.pl-315 {
  padding-left: 315px; }

.pb-315 {
  padding-bottom: 315px; }

.p-315 {
  padding: 315px; }

.mt-315 {
  margin-top: 315px; }

.mr-315 {
  margin-right: 315px; }

.ml-315 {
  margin-left: 315px; }

.mb-315 {
  margin-bottom: 315px; }

.m-315 {
  margin: 315px; }

.pt-320 {
  padding-top: 320px; }

.pr-320 {
  padding-right: 320px; }

.pl-320 {
  padding-left: 320px; }

.pb-320 {
  padding-bottom: 320px; }

.p-320 {
  padding: 320px; }

.mt-320 {
  margin-top: 320px; }

.mr-320 {
  margin-right: 320px; }

.ml-320 {
  margin-left: 320px; }

.mb-320 {
  margin-bottom: 320px; }

.m-320 {
  margin: 320px; }

.pt-325 {
  padding-top: 325px; }

.pr-325 {
  padding-right: 325px; }

.pl-325 {
  padding-left: 325px; }

.pb-325 {
  padding-bottom: 325px; }

.p-325 {
  padding: 325px; }

.mt-325 {
  margin-top: 325px; }

.mr-325 {
  margin-right: 325px; }

.ml-325 {
  margin-left: 325px; }

.mb-325 {
  margin-bottom: 325px; }

.m-325 {
  margin: 325px; }

.pt-330 {
  padding-top: 330px; }

.pr-330 {
  padding-right: 330px; }

.pl-330 {
  padding-left: 330px; }

.pb-330 {
  padding-bottom: 330px; }

.p-330 {
  padding: 330px; }

.mt-330 {
  margin-top: 330px; }

.mr-330 {
  margin-right: 330px; }

.ml-330 {
  margin-left: 330px; }

.mb-330 {
  margin-bottom: 330px; }

.m-330 {
  margin: 330px; }

.pt-335 {
  padding-top: 335px; }

.pr-335 {
  padding-right: 335px; }

.pl-335 {
  padding-left: 335px; }

.pb-335 {
  padding-bottom: 335px; }

.p-335 {
  padding: 335px; }

.mt-335 {
  margin-top: 335px; }

.mr-335 {
  margin-right: 335px; }

.ml-335 {
  margin-left: 335px; }

.mb-335 {
  margin-bottom: 335px; }

.m-335 {
  margin: 335px; }

.pt-340 {
  padding-top: 340px; }

.pr-340 {
  padding-right: 340px; }

.pl-340 {
  padding-left: 340px; }

.pb-340 {
  padding-bottom: 340px; }

.p-340 {
  padding: 340px; }

.mt-340 {
  margin-top: 340px; }

.mr-340 {
  margin-right: 340px; }

.ml-340 {
  margin-left: 340px; }

.mb-340 {
  margin-bottom: 340px; }

.m-340 {
  margin: 340px; }

.pt-345 {
  padding-top: 345px; }

.pr-345 {
  padding-right: 345px; }

.pl-345 {
  padding-left: 345px; }

.pb-345 {
  padding-bottom: 345px; }

.p-345 {
  padding: 345px; }

.mt-345 {
  margin-top: 345px; }

.mr-345 {
  margin-right: 345px; }

.ml-345 {
  margin-left: 345px; }

.mb-345 {
  margin-bottom: 345px; }

.m-345 {
  margin: 345px; }

.pt-350 {
  padding-top: 350px; }

.pr-350 {
  padding-right: 350px; }

.pl-350 {
  padding-left: 350px; }

.pb-350 {
  padding-bottom: 350px; }

.p-350 {
  padding: 350px; }

.mt-350 {
  margin-top: 350px; }

.mr-350 {
  margin-right: 350px; }

.ml-350 {
  margin-left: 350px; }

.mb-350 {
  margin-bottom: 350px; }

.m-350 {
  margin: 350px; }

.pt-355 {
  padding-top: 355px; }

.pr-355 {
  padding-right: 355px; }

.pl-355 {
  padding-left: 355px; }

.pb-355 {
  padding-bottom: 355px; }

.p-355 {
  padding: 355px; }

.mt-355 {
  margin-top: 355px; }

.mr-355 {
  margin-right: 355px; }

.ml-355 {
  margin-left: 355px; }

.mb-355 {
  margin-bottom: 355px; }

.m-355 {
  margin: 355px; }

.pt-360 {
  padding-top: 360px; }

.pr-360 {
  padding-right: 360px; }

.pl-360 {
  padding-left: 360px; }

.pb-360 {
  padding-bottom: 360px; }

.p-360 {
  padding: 360px; }

.mt-360 {
  margin-top: 360px; }

.mr-360 {
  margin-right: 360px; }

.ml-360 {
  margin-left: 360px; }

.mb-360 {
  margin-bottom: 360px; }

.m-360 {
  margin: 360px; }

.pt-365 {
  padding-top: 365px; }

.pr-365 {
  padding-right: 365px; }

.pl-365 {
  padding-left: 365px; }

.pb-365 {
  padding-bottom: 365px; }

.p-365 {
  padding: 365px; }

.mt-365 {
  margin-top: 365px; }

.mr-365 {
  margin-right: 365px; }

.ml-365 {
  margin-left: 365px; }

.mb-365 {
  margin-bottom: 365px; }

.m-365 {
  margin: 365px; }

.pt-370 {
  padding-top: 370px; }

.pr-370 {
  padding-right: 370px; }

.pl-370 {
  padding-left: 370px; }

.pb-370 {
  padding-bottom: 370px; }

.p-370 {
  padding: 370px; }

.mt-370 {
  margin-top: 370px; }

.mr-370 {
  margin-right: 370px; }

.ml-370 {
  margin-left: 370px; }

.mb-370 {
  margin-bottom: 370px; }

.m-370 {
  margin: 370px; }

.pt-375 {
  padding-top: 375px; }

.pr-375 {
  padding-right: 375px; }

.pl-375 {
  padding-left: 375px; }

.pb-375 {
  padding-bottom: 375px; }

.p-375 {
  padding: 375px; }

.mt-375 {
  margin-top: 375px; }

.mr-375 {
  margin-right: 375px; }

.ml-375 {
  margin-left: 375px; }

.mb-375 {
  margin-bottom: 375px; }

.m-375 {
  margin: 375px; }

.pt-380 {
  padding-top: 380px; }

.pr-380 {
  padding-right: 380px; }

.pl-380 {
  padding-left: 380px; }

.pb-380 {
  padding-bottom: 380px; }

.p-380 {
  padding: 380px; }

.mt-380 {
  margin-top: 380px; }

.mr-380 {
  margin-right: 380px; }

.ml-380 {
  margin-left: 380px; }

.mb-380 {
  margin-bottom: 380px; }

.m-380 {
  margin: 380px; }

.pt-385 {
  padding-top: 385px; }

.pr-385 {
  padding-right: 385px; }

.pl-385 {
  padding-left: 385px; }

.pb-385 {
  padding-bottom: 385px; }

.p-385 {
  padding: 385px; }

.mt-385 {
  margin-top: 385px; }

.mr-385 {
  margin-right: 385px; }

.ml-385 {
  margin-left: 385px; }

.mb-385 {
  margin-bottom: 385px; }

.m-385 {
  margin: 385px; }

.pt-390 {
  padding-top: 390px; }

.pr-390 {
  padding-right: 390px; }

.pl-390 {
  padding-left: 390px; }

.pb-390 {
  padding-bottom: 390px; }

.p-390 {
  padding: 390px; }

.mt-390 {
  margin-top: 390px; }

.mr-390 {
  margin-right: 390px; }

.ml-390 {
  margin-left: 390px; }

.mb-390 {
  margin-bottom: 390px; }

.m-390 {
  margin: 390px; }

.pt-395 {
  padding-top: 395px; }

.pr-395 {
  padding-right: 395px; }

.pl-395 {
  padding-left: 395px; }

.pb-395 {
  padding-bottom: 395px; }

.p-395 {
  padding: 395px; }

.mt-395 {
  margin-top: 395px; }

.mr-395 {
  margin-right: 395px; }

.ml-395 {
  margin-left: 395px; }

.mb-395 {
  margin-bottom: 395px; }

.m-395 {
  margin: 395px; }

.pt-400 {
  padding-top: 400px; }

.pr-400 {
  padding-right: 400px; }

.pl-400 {
  padding-left: 400px; }

.pb-400 {
  padding-bottom: 400px; }

.p-400 {
  padding: 400px; }

.mt-400 {
  margin-top: 400px; }

.mr-400 {
  margin-right: 400px; }

.ml-400 {
  margin-left: 400px; }

.mb-400 {
  margin-bottom: 400px; }

.m-400 {
  margin: 400px; }

.pt-405 {
  padding-top: 405px; }

.pr-405 {
  padding-right: 405px; }

.pl-405 {
  padding-left: 405px; }

.pb-405 {
  padding-bottom: 405px; }

.p-405 {
  padding: 405px; }

.mt-405 {
  margin-top: 405px; }

.mr-405 {
  margin-right: 405px; }

.ml-405 {
  margin-left: 405px; }

.mb-405 {
  margin-bottom: 405px; }

.m-405 {
  margin: 405px; }

.pt-410 {
  padding-top: 410px; }

.pr-410 {
  padding-right: 410px; }

.pl-410 {
  padding-left: 410px; }

.pb-410 {
  padding-bottom: 410px; }

.p-410 {
  padding: 410px; }

.mt-410 {
  margin-top: 410px; }

.mr-410 {
  margin-right: 410px; }

.ml-410 {
  margin-left: 410px; }

.mb-410 {
  margin-bottom: 410px; }

.m-410 {
  margin: 410px; }

.pt-415 {
  padding-top: 415px; }

.pr-415 {
  padding-right: 415px; }

.pl-415 {
  padding-left: 415px; }

.pb-415 {
  padding-bottom: 415px; }

.p-415 {
  padding: 415px; }

.mt-415 {
  margin-top: 415px; }

.mr-415 {
  margin-right: 415px; }

.ml-415 {
  margin-left: 415px; }

.mb-415 {
  margin-bottom: 415px; }

.m-415 {
  margin: 415px; }

.pt-420 {
  padding-top: 420px; }

.pr-420 {
  padding-right: 420px; }

.pl-420 {
  padding-left: 420px; }

.pb-420 {
  padding-bottom: 420px; }

.p-420 {
  padding: 420px; }

.mt-420 {
  margin-top: 420px; }

.mr-420 {
  margin-right: 420px; }

.ml-420 {
  margin-left: 420px; }

.mb-420 {
  margin-bottom: 420px; }

.m-420 {
  margin: 420px; }

.pt-425 {
  padding-top: 425px; }

.pr-425 {
  padding-right: 425px; }

.pl-425 {
  padding-left: 425px; }

.pb-425 {
  padding-bottom: 425px; }

.p-425 {
  padding: 425px; }

.mt-425 {
  margin-top: 425px; }

.mr-425 {
  margin-right: 425px; }

.ml-425 {
  margin-left: 425px; }

.mb-425 {
  margin-bottom: 425px; }

.m-425 {
  margin: 425px; }

.pt-430 {
  padding-top: 430px; }

.pr-430 {
  padding-right: 430px; }

.pl-430 {
  padding-left: 430px; }

.pb-430 {
  padding-bottom: 430px; }

.p-430 {
  padding: 430px; }

.mt-430 {
  margin-top: 430px; }

.mr-430 {
  margin-right: 430px; }

.ml-430 {
  margin-left: 430px; }

.mb-430 {
  margin-bottom: 430px; }

.m-430 {
  margin: 430px; }

.pt-435 {
  padding-top: 435px; }

.pr-435 {
  padding-right: 435px; }

.pl-435 {
  padding-left: 435px; }

.pb-435 {
  padding-bottom: 435px; }

.p-435 {
  padding: 435px; }

.mt-435 {
  margin-top: 435px; }

.mr-435 {
  margin-right: 435px; }

.ml-435 {
  margin-left: 435px; }

.mb-435 {
  margin-bottom: 435px; }

.m-435 {
  margin: 435px; }

.pt-440 {
  padding-top: 440px; }

.pr-440 {
  padding-right: 440px; }

.pl-440 {
  padding-left: 440px; }

.pb-440 {
  padding-bottom: 440px; }

.p-440 {
  padding: 440px; }

.mt-440 {
  margin-top: 440px; }

.mr-440 {
  margin-right: 440px; }

.ml-440 {
  margin-left: 440px; }

.mb-440 {
  margin-bottom: 440px; }

.m-440 {
  margin: 440px; }

.pt-445 {
  padding-top: 445px; }

.pr-445 {
  padding-right: 445px; }

.pl-445 {
  padding-left: 445px; }

.pb-445 {
  padding-bottom: 445px; }

.p-445 {
  padding: 445px; }

.mt-445 {
  margin-top: 445px; }

.mr-445 {
  margin-right: 445px; }

.ml-445 {
  margin-left: 445px; }

.mb-445 {
  margin-bottom: 445px; }

.m-445 {
  margin: 445px; }

.pt-450 {
  padding-top: 450px; }

.pr-450 {
  padding-right: 450px; }

.pl-450 {
  padding-left: 450px; }

.pb-450 {
  padding-bottom: 450px; }

.p-450 {
  padding: 450px; }

.mt-450 {
  margin-top: 450px; }

.mr-450 {
  margin-right: 450px; }

.ml-450 {
  margin-left: 450px; }

.mb-450 {
  margin-bottom: 450px; }

.m-450 {
  margin: 450px; }

.pt-455 {
  padding-top: 455px; }

.pr-455 {
  padding-right: 455px; }

.pl-455 {
  padding-left: 455px; }

.pb-455 {
  padding-bottom: 455px; }

.p-455 {
  padding: 455px; }

.mt-455 {
  margin-top: 455px; }

.mr-455 {
  margin-right: 455px; }

.ml-455 {
  margin-left: 455px; }

.mb-455 {
  margin-bottom: 455px; }

.m-455 {
  margin: 455px; }

.pt-460 {
  padding-top: 460px; }

.pr-460 {
  padding-right: 460px; }

.pl-460 {
  padding-left: 460px; }

.pb-460 {
  padding-bottom: 460px; }

.p-460 {
  padding: 460px; }

.mt-460 {
  margin-top: 460px; }

.mr-460 {
  margin-right: 460px; }

.ml-460 {
  margin-left: 460px; }

.mb-460 {
  margin-bottom: 460px; }

.m-460 {
  margin: 460px; }

.pt-465 {
  padding-top: 465px; }

.pr-465 {
  padding-right: 465px; }

.pl-465 {
  padding-left: 465px; }

.pb-465 {
  padding-bottom: 465px; }

.p-465 {
  padding: 465px; }

.mt-465 {
  margin-top: 465px; }

.mr-465 {
  margin-right: 465px; }

.ml-465 {
  margin-left: 465px; }

.mb-465 {
  margin-bottom: 465px; }

.m-465 {
  margin: 465px; }

.pt-470 {
  padding-top: 470px; }

.pr-470 {
  padding-right: 470px; }

.pl-470 {
  padding-left: 470px; }

.pb-470 {
  padding-bottom: 470px; }

.p-470 {
  padding: 470px; }

.mt-470 {
  margin-top: 470px; }

.mr-470 {
  margin-right: 470px; }

.ml-470 {
  margin-left: 470px; }

.mb-470 {
  margin-bottom: 470px; }

.m-470 {
  margin: 470px; }

.pt-475 {
  padding-top: 475px; }

.pr-475 {
  padding-right: 475px; }

.pl-475 {
  padding-left: 475px; }

.pb-475 {
  padding-bottom: 475px; }

.p-475 {
  padding: 475px; }

.mt-475 {
  margin-top: 475px; }

.mr-475 {
  margin-right: 475px; }

.ml-475 {
  margin-left: 475px; }

.mb-475 {
  margin-bottom: 475px; }

.m-475 {
  margin: 475px; }

.pt-480 {
  padding-top: 480px; }

.pr-480 {
  padding-right: 480px; }

.pl-480 {
  padding-left: 480px; }

.pb-480 {
  padding-bottom: 480px; }

.p-480 {
  padding: 480px; }

.mt-480 {
  margin-top: 480px; }

.mr-480 {
  margin-right: 480px; }

.ml-480 {
  margin-left: 480px; }

.mb-480 {
  margin-bottom: 480px; }

.m-480 {
  margin: 480px; }

.pt-485 {
  padding-top: 485px; }

.pr-485 {
  padding-right: 485px; }

.pl-485 {
  padding-left: 485px; }

.pb-485 {
  padding-bottom: 485px; }

.p-485 {
  padding: 485px; }

.mt-485 {
  margin-top: 485px; }

.mr-485 {
  margin-right: 485px; }

.ml-485 {
  margin-left: 485px; }

.mb-485 {
  margin-bottom: 485px; }

.m-485 {
  margin: 485px; }

.pt-490 {
  padding-top: 490px; }

.pr-490 {
  padding-right: 490px; }

.pl-490 {
  padding-left: 490px; }

.pb-490 {
  padding-bottom: 490px; }

.p-490 {
  padding: 490px; }

.mt-490 {
  margin-top: 490px; }

.mr-490 {
  margin-right: 490px; }

.ml-490 {
  margin-left: 490px; }

.mb-490 {
  margin-bottom: 490px; }

.m-490 {
  margin: 490px; }

.pt-495 {
  padding-top: 495px; }

.pr-495 {
  padding-right: 495px; }

.pl-495 {
  padding-left: 495px; }

.pb-495 {
  padding-bottom: 495px; }

.p-495 {
  padding: 495px; }

.mt-495 {
  margin-top: 495px; }

.mr-495 {
  margin-right: 495px; }

.ml-495 {
  margin-left: 495px; }

.mb-495 {
  margin-bottom: 495px; }

.m-495 {
  margin: 495px; }

.pt-500 {
  padding-top: 500px; }

.pr-500 {
  padding-right: 500px; }

.pl-500 {
  padding-left: 500px; }

.pb-500 {
  padding-bottom: 500px; }

.p-500 {
  padding: 500px; }

.mt-500 {
  margin-top: 500px; }

.mr-500 {
  margin-right: 500px; }

.ml-500 {
  margin-left: 500px; }

.mb-500 {
  margin-bottom: 500px; }

.m-500 {
  margin: 500px; }

.pt-10 {
  padding-top: 10px; }

.pr-10 {
  padding-right: 10px; }

.pl-10 {
  padding-left: 10px; }

.pb-10 {
  padding-bottom: 10px; }

.p-10 {
  padding: 10px; }

.mt-10 {
  margin-top: 10px; }

.mr-10 {
  margin-right: 10px; }

.ml-10 {
  margin-left: 10px; }

.mb-10 {
  margin-bottom: 10px; }

.m-10 {
  margin: 10px; }

.pt-20 {
  padding-top: 20px; }

.pr-20 {
  padding-right: 20px; }

.pl-20 {
  padding-left: 20px; }

.pb-20 {
  padding-bottom: 20px; }

.p-20 {
  padding: 20px; }

.mt-20 {
  margin-top: 20px; }

.mr-20 {
  margin-right: 20px; }

.ml-20 {
  margin-left: 20px; }

.mb-20 {
  margin-bottom: 20px; }

.m-20 {
  margin: 20px; }

.pt-30 {
  padding-top: 30px; }

.pr-30 {
  padding-right: 30px; }

.pl-30 {
  padding-left: 30px; }

.pb-30 {
  padding-bottom: 30px; }

.p-30 {
  padding: 30px; }

.mt-30 {
  margin-top: 30px; }

.mr-30 {
  margin-right: 30px; }

.ml-30 {
  margin-left: 30px; }

.mb-30 {
  margin-bottom: 30px; }

.m-30 {
  margin: 30px; }

.pt-40 {
  padding-top: 40px; }

.pr-40 {
  padding-right: 40px; }

.pl-40 {
  padding-left: 40px; }

.pb-40 {
  padding-bottom: 40px; }

.p-40 {
  padding: 40px; }

.mt-40 {
  margin-top: 40px; }

.mr-40 {
  margin-right: 40px; }

.ml-40 {
  margin-left: 40px; }

.mb-40 {
  margin-bottom: 40px; }

.m-40 {
  margin: 40px; }

.pt-50 {
  padding-top: 50px; }

.pr-50 {
  padding-right: 50px; }

.pl-50 {
  padding-left: 50px; }

.pb-50 {
  padding-bottom: 50px; }

.p-50 {
  padding: 50px; }

.mt-50 {
  margin-top: 50px; }

.mr-50 {
  margin-right: 50px; }

.ml-50 {
  margin-left: 50px; }

.mb-50 {
  margin-bottom: 50px; }

.m-50 {
  margin: 50px; }

.pt-60 {
  padding-top: 60px; }

.pr-60 {
  padding-right: 60px; }

.pl-60 {
  padding-left: 60px; }

.pb-60 {
  padding-bottom: 60px; }

.p-60 {
  padding: 60px; }

.mt-60 {
  margin-top: 60px; }

.mr-60 {
  margin-right: 60px; }

.ml-60 {
  margin-left: 60px; }

.mb-60 {
  margin-bottom: 60px; }

.m-60 {
  margin: 60px; }

.pt-70 {
  padding-top: 70px; }

.pr-70 {
  padding-right: 70px; }

.pl-70 {
  padding-left: 70px; }

.pb-70 {
  padding-bottom: 70px; }

.p-70 {
  padding: 70px; }

.mt-70 {
  margin-top: 70px; }

.mr-70 {
  margin-right: 70px; }

.ml-70 {
  margin-left: 70px; }

.mb-70 {
  margin-bottom: 70px; }

.m-70 {
  margin: 70px; }

.pt-80 {
  padding-top: 80px; }

.pr-80 {
  padding-right: 80px; }

.pl-80 {
  padding-left: 80px; }

.pb-80 {
  padding-bottom: 80px; }

.p-80 {
  padding: 80px; }

.mt-80 {
  margin-top: 80px; }

.mr-80 {
  margin-right: 80px; }

.ml-80 {
  margin-left: 80px; }

.mb-80 {
  margin-bottom: 80px; }

.m-80 {
  margin: 80px; }

.pt-90 {
  padding-top: 90px; }

.pr-90 {
  padding-right: 90px; }

.pl-90 {
  padding-left: 90px; }

.pb-90 {
  padding-bottom: 90px; }

.p-90 {
  padding: 90px; }

.mt-90 {
  margin-top: 90px; }

.mr-90 {
  margin-right: 90px; }

.ml-90 {
  margin-left: 90px; }

.mb-90 {
  margin-bottom: 90px; }

.m-90 {
  margin: 90px; }

.pt-100 {
  padding-top: 100px; }

.pr-100 {
  padding-right: 100px; }

.pl-100 {
  padding-left: 100px; }

.pb-100 {
  padding-bottom: 100px; }

.p-100 {
  padding: 100px; }

.mt-100 {
  margin-top: 100px; }

.mr-100 {
  margin-right: 100px; }

.ml-100 {
  margin-left: 100px; }

.mb-100 {
  margin-bottom: 100px; }

.m-100 {
  margin: 100px; }

@media (min-width: 576px) {
  .pt-sm-1 {
    padding-top: 1px; }
  .pr-sm-1 {
    padding-right: 1px; }
  .pl-sm-1 {
    padding-left: 1px; }
  .pb-sm-1 {
    padding-bottom: 1px; }
  .p-sm-1 {
    padding: 1px; }
  .mt-sm-1 {
    margin-top: 1px; }
  .mr-sm-1 {
    margin-right: 1px; }
  .ml-sm-1 {
    margin-left: 1px; }
  .mb-sm-1 {
    margin-bottom: 1px; }
  .m-sm-1 {
    margin: 1px; }
  .pt-sm-2 {
    padding-top: 2px; }
  .pr-sm-2 {
    padding-right: 2px; }
  .pl-sm-2 {
    padding-left: 2px; }
  .pb-sm-2 {
    padding-bottom: 2px; }
  .p-sm-2 {
    padding: 2px; }
  .mt-sm-2 {
    margin-top: 2px; }
  .mr-sm-2 {
    margin-right: 2px; }
  .ml-sm-2 {
    margin-left: 2px; }
  .mb-sm-2 {
    margin-bottom: 2px; }
  .m-sm-2 {
    margin: 2px; }
  .pt-sm-3 {
    padding-top: 3px; }
  .pr-sm-3 {
    padding-right: 3px; }
  .pl-sm-3 {
    padding-left: 3px; }
  .pb-sm-3 {
    padding-bottom: 3px; }
  .p-sm-3 {
    padding: 3px; }
  .mt-sm-3 {
    margin-top: 3px; }
  .mr-sm-3 {
    margin-right: 3px; }
  .ml-sm-3 {
    margin-left: 3px; }
  .mb-sm-3 {
    margin-bottom: 3px; }
  .m-sm-3 {
    margin: 3px; }
  .pt-sm-4 {
    padding-top: 4px; }
  .pr-sm-4 {
    padding-right: 4px; }
  .pl-sm-4 {
    padding-left: 4px; }
  .pb-sm-4 {
    padding-bottom: 4px; }
  .p-sm-4 {
    padding: 4px; }
  .mt-sm-4 {
    margin-top: 4px; }
  .mr-sm-4 {
    margin-right: 4px; }
  .ml-sm-4 {
    margin-left: 4px; }
  .mb-sm-4 {
    margin-bottom: 4px; }
  .m-sm-4 {
    margin: 4px; }
  .pt-sm-5 {
    padding-top: 5px; }
  .pr-sm-5 {
    padding-right: 5px; }
  .pl-sm-5 {
    padding-left: 5px; }
  .pb-sm-5 {
    padding-bottom: 5px; }
  .p-sm-5 {
    padding: 5px; }
  .mt-sm-5 {
    margin-top: 5px; }
  .mr-sm-5 {
    margin-right: 5px; }
  .ml-sm-5 {
    margin-left: 5px; }
  .mb-sm-5 {
    margin-bottom: 5px; }
  .m-sm-5 {
    margin: 5px; }
  .pt-sm-6 {
    padding-top: 6px; }
  .pr-sm-6 {
    padding-right: 6px; }
  .pl-sm-6 {
    padding-left: 6px; }
  .pb-sm-6 {
    padding-bottom: 6px; }
  .p-sm-6 {
    padding: 6px; }
  .mt-sm-6 {
    margin-top: 6px; }
  .mr-sm-6 {
    margin-right: 6px; }
  .ml-sm-6 {
    margin-left: 6px; }
  .mb-sm-6 {
    margin-bottom: 6px; }
  .m-sm-6 {
    margin: 6px; }
  .pt-sm-7 {
    padding-top: 7px; }
  .pr-sm-7 {
    padding-right: 7px; }
  .pl-sm-7 {
    padding-left: 7px; }
  .pb-sm-7 {
    padding-bottom: 7px; }
  .p-sm-7 {
    padding: 7px; }
  .mt-sm-7 {
    margin-top: 7px; }
  .mr-sm-7 {
    margin-right: 7px; }
  .ml-sm-7 {
    margin-left: 7px; }
  .mb-sm-7 {
    margin-bottom: 7px; }
  .m-sm-7 {
    margin: 7px; }
  .pt-sm-8 {
    padding-top: 8px; }
  .pr-sm-8 {
    padding-right: 8px; }
  .pl-sm-8 {
    padding-left: 8px; }
  .pb-sm-8 {
    padding-bottom: 8px; }
  .p-sm-8 {
    padding: 8px; }
  .mt-sm-8 {
    margin-top: 8px; }
  .mr-sm-8 {
    margin-right: 8px; }
  .ml-sm-8 {
    margin-left: 8px; }
  .mb-sm-8 {
    margin-bottom: 8px; }
  .m-sm-8 {
    margin: 8px; }
  .pt-sm-9 {
    padding-top: 9px; }
  .pr-sm-9 {
    padding-right: 9px; }
  .pl-sm-9 {
    padding-left: 9px; }
  .pb-sm-9 {
    padding-bottom: 9px; }
  .p-sm-9 {
    padding: 9px; }
  .mt-sm-9 {
    margin-top: 9px; }
  .mr-sm-9 {
    margin-right: 9px; }
  .ml-sm-9 {
    margin-left: 9px; }
  .mb-sm-9 {
    margin-bottom: 9px; }
  .m-sm-9 {
    margin: 9px; }
  .pt-sm-10 {
    padding-top: 10px; }
  .pr-sm-10 {
    padding-right: 10px; }
  .pl-sm-10 {
    padding-left: 10px; }
  .pb-sm-10 {
    padding-bottom: 10px; }
  .p-sm-10 {
    padding: 10px; }
  .mt-sm-10 {
    margin-top: 10px; }
  .mr-sm-10 {
    margin-right: 10px; }
  .ml-sm-10 {
    margin-left: 10px; }
  .mb-sm-10 {
    margin-bottom: 10px; }
  .m-sm-10 {
    margin: 10px; }
  .pt-sm-11 {
    padding-top: 11px; }
  .pr-sm-11 {
    padding-right: 11px; }
  .pl-sm-11 {
    padding-left: 11px; }
  .pb-sm-11 {
    padding-bottom: 11px; }
  .p-sm-11 {
    padding: 11px; }
  .mt-sm-11 {
    margin-top: 11px; }
  .mr-sm-11 {
    margin-right: 11px; }
  .ml-sm-11 {
    margin-left: 11px; }
  .mb-sm-11 {
    margin-bottom: 11px; }
  .m-sm-11 {
    margin: 11px; }
  .pt-sm-12 {
    padding-top: 12px; }
  .pr-sm-12 {
    padding-right: 12px; }
  .pl-sm-12 {
    padding-left: 12px; }
  .pb-sm-12 {
    padding-bottom: 12px; }
  .p-sm-12 {
    padding: 12px; }
  .mt-sm-12 {
    margin-top: 12px; }
  .mr-sm-12 {
    margin-right: 12px; }
  .ml-sm-12 {
    margin-left: 12px; }
  .mb-sm-12 {
    margin-bottom: 12px; }
  .m-sm-12 {
    margin: 12px; }
  .pt-sm-13 {
    padding-top: 13px; }
  .pr-sm-13 {
    padding-right: 13px; }
  .pl-sm-13 {
    padding-left: 13px; }
  .pb-sm-13 {
    padding-bottom: 13px; }
  .p-sm-13 {
    padding: 13px; }
  .mt-sm-13 {
    margin-top: 13px; }
  .mr-sm-13 {
    margin-right: 13px; }
  .ml-sm-13 {
    margin-left: 13px; }
  .mb-sm-13 {
    margin-bottom: 13px; }
  .m-sm-13 {
    margin: 13px; }
  .pt-sm-14 {
    padding-top: 14px; }
  .pr-sm-14 {
    padding-right: 14px; }
  .pl-sm-14 {
    padding-left: 14px; }
  .pb-sm-14 {
    padding-bottom: 14px; }
  .p-sm-14 {
    padding: 14px; }
  .mt-sm-14 {
    margin-top: 14px; }
  .mr-sm-14 {
    margin-right: 14px; }
  .ml-sm-14 {
    margin-left: 14px; }
  .mb-sm-14 {
    margin-bottom: 14px; }
  .m-sm-14 {
    margin: 14px; }
  .pt-sm-15 {
    padding-top: 15px; }
  .pr-sm-15 {
    padding-right: 15px; }
  .pl-sm-15 {
    padding-left: 15px; }
  .pb-sm-15 {
    padding-bottom: 15px; }
  .p-sm-15 {
    padding: 15px; }
  .mt-sm-15 {
    margin-top: 15px; }
  .mr-sm-15 {
    margin-right: 15px; }
  .ml-sm-15 {
    margin-left: 15px; }
  .mb-sm-15 {
    margin-bottom: 15px; }
  .m-sm-15 {
    margin: 15px; }
  .pt-sm-16 {
    padding-top: 16px; }
  .pr-sm-16 {
    padding-right: 16px; }
  .pl-sm-16 {
    padding-left: 16px; }
  .pb-sm-16 {
    padding-bottom: 16px; }
  .p-sm-16 {
    padding: 16px; }
  .mt-sm-16 {
    margin-top: 16px; }
  .mr-sm-16 {
    margin-right: 16px; }
  .ml-sm-16 {
    margin-left: 16px; }
  .mb-sm-16 {
    margin-bottom: 16px; }
  .m-sm-16 {
    margin: 16px; }
  .pt-sm-17 {
    padding-top: 17px; }
  .pr-sm-17 {
    padding-right: 17px; }
  .pl-sm-17 {
    padding-left: 17px; }
  .pb-sm-17 {
    padding-bottom: 17px; }
  .p-sm-17 {
    padding: 17px; }
  .mt-sm-17 {
    margin-top: 17px; }
  .mr-sm-17 {
    margin-right: 17px; }
  .ml-sm-17 {
    margin-left: 17px; }
  .mb-sm-17 {
    margin-bottom: 17px; }
  .m-sm-17 {
    margin: 17px; }
  .pt-sm-18 {
    padding-top: 18px; }
  .pr-sm-18 {
    padding-right: 18px; }
  .pl-sm-18 {
    padding-left: 18px; }
  .pb-sm-18 {
    padding-bottom: 18px; }
  .p-sm-18 {
    padding: 18px; }
  .mt-sm-18 {
    margin-top: 18px; }
  .mr-sm-18 {
    margin-right: 18px; }
  .ml-sm-18 {
    margin-left: 18px; }
  .mb-sm-18 {
    margin-bottom: 18px; }
  .m-sm-18 {
    margin: 18px; }
  .pt-sm-19 {
    padding-top: 19px; }
  .pr-sm-19 {
    padding-right: 19px; }
  .pl-sm-19 {
    padding-left: 19px; }
  .pb-sm-19 {
    padding-bottom: 19px; }
  .p-sm-19 {
    padding: 19px; }
  .mt-sm-19 {
    margin-top: 19px; }
  .mr-sm-19 {
    margin-right: 19px; }
  .ml-sm-19 {
    margin-left: 19px; }
  .mb-sm-19 {
    margin-bottom: 19px; }
  .m-sm-19 {
    margin: 19px; }
  .pt-sm-20 {
    padding-top: 20px; }
  .pr-sm-20 {
    padding-right: 20px; }
  .pl-sm-20 {
    padding-left: 20px; }
  .pb-sm-20 {
    padding-bottom: 20px; }
  .p-sm-20 {
    padding: 20px; }
  .mt-sm-20 {
    margin-top: 20px; }
  .mr-sm-20 {
    margin-right: 20px; }
  .ml-sm-20 {
    margin-left: 20px; }
  .mb-sm-20 {
    margin-bottom: 20px; }
  .m-sm-20 {
    margin: 20px; }
  .pt-sm-5 {
    padding-top: 5px; }
  .pr-sm-5 {
    padding-right: 5px; }
  .pl-sm-5 {
    padding-left: 5px; }
  .pb-sm-5 {
    padding-bottom: 5px; }
  .p-sm-5 {
    padding: 5px; }
  .mt-sm-5 {
    margin-top: 5px; }
  .mr-sm-5 {
    margin-right: 5px; }
  .ml-sm-5 {
    margin-left: 5px; }
  .mb-sm-5 {
    margin-bottom: 5px; }
  .m-sm-5 {
    margin: 5px; }
  .pt-sm-10 {
    padding-top: 10px; }
  .pr-sm-10 {
    padding-right: 10px; }
  .pl-sm-10 {
    padding-left: 10px; }
  .pb-sm-10 {
    padding-bottom: 10px; }
  .p-sm-10 {
    padding: 10px; }
  .mt-sm-10 {
    margin-top: 10px; }
  .mr-sm-10 {
    margin-right: 10px; }
  .ml-sm-10 {
    margin-left: 10px; }
  .mb-sm-10 {
    margin-bottom: 10px; }
  .m-sm-10 {
    margin: 10px; }
  .pt-sm-15 {
    padding-top: 15px; }
  .pr-sm-15 {
    padding-right: 15px; }
  .pl-sm-15 {
    padding-left: 15px; }
  .pb-sm-15 {
    padding-bottom: 15px; }
  .p-sm-15 {
    padding: 15px; }
  .mt-sm-15 {
    margin-top: 15px; }
  .mr-sm-15 {
    margin-right: 15px; }
  .ml-sm-15 {
    margin-left: 15px; }
  .mb-sm-15 {
    margin-bottom: 15px; }
  .m-sm-15 {
    margin: 15px; }
  .pt-sm-20 {
    padding-top: 20px; }
  .pr-sm-20 {
    padding-right: 20px; }
  .pl-sm-20 {
    padding-left: 20px; }
  .pb-sm-20 {
    padding-bottom: 20px; }
  .p-sm-20 {
    padding: 20px; }
  .mt-sm-20 {
    margin-top: 20px; }
  .mr-sm-20 {
    margin-right: 20px; }
  .ml-sm-20 {
    margin-left: 20px; }
  .mb-sm-20 {
    margin-bottom: 20px; }
  .m-sm-20 {
    margin: 20px; }
  .pt-sm-25 {
    padding-top: 25px; }
  .pr-sm-25 {
    padding-right: 25px; }
  .pl-sm-25 {
    padding-left: 25px; }
  .pb-sm-25 {
    padding-bottom: 25px; }
  .p-sm-25 {
    padding: 25px; }
  .mt-sm-25 {
    margin-top: 25px; }
  .mr-sm-25 {
    margin-right: 25px; }
  .ml-sm-25 {
    margin-left: 25px; }
  .mb-sm-25 {
    margin-bottom: 25px; }
  .m-sm-25 {
    margin: 25px; }
  .pt-sm-30 {
    padding-top: 30px; }
  .pr-sm-30 {
    padding-right: 30px; }
  .pl-sm-30 {
    padding-left: 30px; }
  .pb-sm-30 {
    padding-bottom: 30px; }
  .p-sm-30 {
    padding: 30px; }
  .mt-sm-30 {
    margin-top: 30px; }
  .mr-sm-30 {
    margin-right: 30px; }
  .ml-sm-30 {
    margin-left: 30px; }
  .mb-sm-30 {
    margin-bottom: 30px; }
  .m-sm-30 {
    margin: 30px; }
  .pt-sm-35 {
    padding-top: 35px; }
  .pr-sm-35 {
    padding-right: 35px; }
  .pl-sm-35 {
    padding-left: 35px; }
  .pb-sm-35 {
    padding-bottom: 35px; }
  .p-sm-35 {
    padding: 35px; }
  .mt-sm-35 {
    margin-top: 35px; }
  .mr-sm-35 {
    margin-right: 35px; }
  .ml-sm-35 {
    margin-left: 35px; }
  .mb-sm-35 {
    margin-bottom: 35px; }
  .m-sm-35 {
    margin: 35px; }
  .pt-sm-40 {
    padding-top: 40px; }
  .pr-sm-40 {
    padding-right: 40px; }
  .pl-sm-40 {
    padding-left: 40px; }
  .pb-sm-40 {
    padding-bottom: 40px; }
  .p-sm-40 {
    padding: 40px; }
  .mt-sm-40 {
    margin-top: 40px; }
  .mr-sm-40 {
    margin-right: 40px; }
  .ml-sm-40 {
    margin-left: 40px; }
  .mb-sm-40 {
    margin-bottom: 40px; }
  .m-sm-40 {
    margin: 40px; }
  .pt-sm-45 {
    padding-top: 45px; }
  .pr-sm-45 {
    padding-right: 45px; }
  .pl-sm-45 {
    padding-left: 45px; }
  .pb-sm-45 {
    padding-bottom: 45px; }
  .p-sm-45 {
    padding: 45px; }
  .mt-sm-45 {
    margin-top: 45px; }
  .mr-sm-45 {
    margin-right: 45px; }
  .ml-sm-45 {
    margin-left: 45px; }
  .mb-sm-45 {
    margin-bottom: 45px; }
  .m-sm-45 {
    margin: 45px; }
  .pt-sm-50 {
    padding-top: 50px; }
  .pr-sm-50 {
    padding-right: 50px; }
  .pl-sm-50 {
    padding-left: 50px; }
  .pb-sm-50 {
    padding-bottom: 50px; }
  .p-sm-50 {
    padding: 50px; }
  .mt-sm-50 {
    margin-top: 50px; }
  .mr-sm-50 {
    margin-right: 50px; }
  .ml-sm-50 {
    margin-left: 50px; }
  .mb-sm-50 {
    margin-bottom: 50px; }
  .m-sm-50 {
    margin: 50px; }
  .pt-sm-55 {
    padding-top: 55px; }
  .pr-sm-55 {
    padding-right: 55px; }
  .pl-sm-55 {
    padding-left: 55px; }
  .pb-sm-55 {
    padding-bottom: 55px; }
  .p-sm-55 {
    padding: 55px; }
  .mt-sm-55 {
    margin-top: 55px; }
  .mr-sm-55 {
    margin-right: 55px; }
  .ml-sm-55 {
    margin-left: 55px; }
  .mb-sm-55 {
    margin-bottom: 55px; }
  .m-sm-55 {
    margin: 55px; }
  .pt-sm-60 {
    padding-top: 60px; }
  .pr-sm-60 {
    padding-right: 60px; }
  .pl-sm-60 {
    padding-left: 60px; }
  .pb-sm-60 {
    padding-bottom: 60px; }
  .p-sm-60 {
    padding: 60px; }
  .mt-sm-60 {
    margin-top: 60px; }
  .mr-sm-60 {
    margin-right: 60px; }
  .ml-sm-60 {
    margin-left: 60px; }
  .mb-sm-60 {
    margin-bottom: 60px; }
  .m-sm-60 {
    margin: 60px; }
  .pt-sm-65 {
    padding-top: 65px; }
  .pr-sm-65 {
    padding-right: 65px; }
  .pl-sm-65 {
    padding-left: 65px; }
  .pb-sm-65 {
    padding-bottom: 65px; }
  .p-sm-65 {
    padding: 65px; }
  .mt-sm-65 {
    margin-top: 65px; }
  .mr-sm-65 {
    margin-right: 65px; }
  .ml-sm-65 {
    margin-left: 65px; }
  .mb-sm-65 {
    margin-bottom: 65px; }
  .m-sm-65 {
    margin: 65px; }
  .pt-sm-70 {
    padding-top: 70px; }
  .pr-sm-70 {
    padding-right: 70px; }
  .pl-sm-70 {
    padding-left: 70px; }
  .pb-sm-70 {
    padding-bottom: 70px; }
  .p-sm-70 {
    padding: 70px; }
  .mt-sm-70 {
    margin-top: 70px; }
  .mr-sm-70 {
    margin-right: 70px; }
  .ml-sm-70 {
    margin-left: 70px; }
  .mb-sm-70 {
    margin-bottom: 70px; }
  .m-sm-70 {
    margin: 70px; }
  .pt-sm-75 {
    padding-top: 75px; }
  .pr-sm-75 {
    padding-right: 75px; }
  .pl-sm-75 {
    padding-left: 75px; }
  .pb-sm-75 {
    padding-bottom: 75px; }
  .p-sm-75 {
    padding: 75px; }
  .mt-sm-75 {
    margin-top: 75px; }
  .mr-sm-75 {
    margin-right: 75px; }
  .ml-sm-75 {
    margin-left: 75px; }
  .mb-sm-75 {
    margin-bottom: 75px; }
  .m-sm-75 {
    margin: 75px; }
  .pt-sm-80 {
    padding-top: 80px; }
  .pr-sm-80 {
    padding-right: 80px; }
  .pl-sm-80 {
    padding-left: 80px; }
  .pb-sm-80 {
    padding-bottom: 80px; }
  .p-sm-80 {
    padding: 80px; }
  .mt-sm-80 {
    margin-top: 80px; }
  .mr-sm-80 {
    margin-right: 80px; }
  .ml-sm-80 {
    margin-left: 80px; }
  .mb-sm-80 {
    margin-bottom: 80px; }
  .m-sm-80 {
    margin: 80px; }
  .pt-sm-85 {
    padding-top: 85px; }
  .pr-sm-85 {
    padding-right: 85px; }
  .pl-sm-85 {
    padding-left: 85px; }
  .pb-sm-85 {
    padding-bottom: 85px; }
  .p-sm-85 {
    padding: 85px; }
  .mt-sm-85 {
    margin-top: 85px; }
  .mr-sm-85 {
    margin-right: 85px; }
  .ml-sm-85 {
    margin-left: 85px; }
  .mb-sm-85 {
    margin-bottom: 85px; }
  .m-sm-85 {
    margin: 85px; }
  .pt-sm-90 {
    padding-top: 90px; }
  .pr-sm-90 {
    padding-right: 90px; }
  .pl-sm-90 {
    padding-left: 90px; }
  .pb-sm-90 {
    padding-bottom: 90px; }
  .p-sm-90 {
    padding: 90px; }
  .mt-sm-90 {
    margin-top: 90px; }
  .mr-sm-90 {
    margin-right: 90px; }
  .ml-sm-90 {
    margin-left: 90px; }
  .mb-sm-90 {
    margin-bottom: 90px; }
  .m-sm-90 {
    margin: 90px; }
  .pt-sm-95 {
    padding-top: 95px; }
  .pr-sm-95 {
    padding-right: 95px; }
  .pl-sm-95 {
    padding-left: 95px; }
  .pb-sm-95 {
    padding-bottom: 95px; }
  .p-sm-95 {
    padding: 95px; }
  .mt-sm-95 {
    margin-top: 95px; }
  .mr-sm-95 {
    margin-right: 95px; }
  .ml-sm-95 {
    margin-left: 95px; }
  .mb-sm-95 {
    margin-bottom: 95px; }
  .m-sm-95 {
    margin: 95px; }
  .pt-sm-100 {
    padding-top: 100px; }
  .pr-sm-100 {
    padding-right: 100px; }
  .pl-sm-100 {
    padding-left: 100px; }
  .pb-sm-100 {
    padding-bottom: 100px; }
  .p-sm-100 {
    padding: 100px; }
  .mt-sm-100 {
    margin-top: 100px; }
  .mr-sm-100 {
    margin-right: 100px; }
  .ml-sm-100 {
    margin-left: 100px; }
  .mb-sm-100 {
    margin-bottom: 100px; }
  .m-sm-100 {
    margin: 100px; }
  .pt-sm-105 {
    padding-top: 105px; }
  .pr-sm-105 {
    padding-right: 105px; }
  .pl-sm-105 {
    padding-left: 105px; }
  .pb-sm-105 {
    padding-bottom: 105px; }
  .p-sm-105 {
    padding: 105px; }
  .mt-sm-105 {
    margin-top: 105px; }
  .mr-sm-105 {
    margin-right: 105px; }
  .ml-sm-105 {
    margin-left: 105px; }
  .mb-sm-105 {
    margin-bottom: 105px; }
  .m-sm-105 {
    margin: 105px; }
  .pt-sm-110 {
    padding-top: 110px; }
  .pr-sm-110 {
    padding-right: 110px; }
  .pl-sm-110 {
    padding-left: 110px; }
  .pb-sm-110 {
    padding-bottom: 110px; }
  .p-sm-110 {
    padding: 110px; }
  .mt-sm-110 {
    margin-top: 110px; }
  .mr-sm-110 {
    margin-right: 110px; }
  .ml-sm-110 {
    margin-left: 110px; }
  .mb-sm-110 {
    margin-bottom: 110px; }
  .m-sm-110 {
    margin: 110px; }
  .pt-sm-115 {
    padding-top: 115px; }
  .pr-sm-115 {
    padding-right: 115px; }
  .pl-sm-115 {
    padding-left: 115px; }
  .pb-sm-115 {
    padding-bottom: 115px; }
  .p-sm-115 {
    padding: 115px; }
  .mt-sm-115 {
    margin-top: 115px; }
  .mr-sm-115 {
    margin-right: 115px; }
  .ml-sm-115 {
    margin-left: 115px; }
  .mb-sm-115 {
    margin-bottom: 115px; }
  .m-sm-115 {
    margin: 115px; }
  .pt-sm-120 {
    padding-top: 120px; }
  .pr-sm-120 {
    padding-right: 120px; }
  .pl-sm-120 {
    padding-left: 120px; }
  .pb-sm-120 {
    padding-bottom: 120px; }
  .p-sm-120 {
    padding: 120px; }
  .mt-sm-120 {
    margin-top: 120px; }
  .mr-sm-120 {
    margin-right: 120px; }
  .ml-sm-120 {
    margin-left: 120px; }
  .mb-sm-120 {
    margin-bottom: 120px; }
  .m-sm-120 {
    margin: 120px; }
  .pt-sm-125 {
    padding-top: 125px; }
  .pr-sm-125 {
    padding-right: 125px; }
  .pl-sm-125 {
    padding-left: 125px; }
  .pb-sm-125 {
    padding-bottom: 125px; }
  .p-sm-125 {
    padding: 125px; }
  .mt-sm-125 {
    margin-top: 125px; }
  .mr-sm-125 {
    margin-right: 125px; }
  .ml-sm-125 {
    margin-left: 125px; }
  .mb-sm-125 {
    margin-bottom: 125px; }
  .m-sm-125 {
    margin: 125px; }
  .pt-sm-130 {
    padding-top: 130px; }
  .pr-sm-130 {
    padding-right: 130px; }
  .pl-sm-130 {
    padding-left: 130px; }
  .pb-sm-130 {
    padding-bottom: 130px; }
  .p-sm-130 {
    padding: 130px; }
  .mt-sm-130 {
    margin-top: 130px; }
  .mr-sm-130 {
    margin-right: 130px; }
  .ml-sm-130 {
    margin-left: 130px; }
  .mb-sm-130 {
    margin-bottom: 130px; }
  .m-sm-130 {
    margin: 130px; }
  .pt-sm-135 {
    padding-top: 135px; }
  .pr-sm-135 {
    padding-right: 135px; }
  .pl-sm-135 {
    padding-left: 135px; }
  .pb-sm-135 {
    padding-bottom: 135px; }
  .p-sm-135 {
    padding: 135px; }
  .mt-sm-135 {
    margin-top: 135px; }
  .mr-sm-135 {
    margin-right: 135px; }
  .ml-sm-135 {
    margin-left: 135px; }
  .mb-sm-135 {
    margin-bottom: 135px; }
  .m-sm-135 {
    margin: 135px; }
  .pt-sm-140 {
    padding-top: 140px; }
  .pr-sm-140 {
    padding-right: 140px; }
  .pl-sm-140 {
    padding-left: 140px; }
  .pb-sm-140 {
    padding-bottom: 140px; }
  .p-sm-140 {
    padding: 140px; }
  .mt-sm-140 {
    margin-top: 140px; }
  .mr-sm-140 {
    margin-right: 140px; }
  .ml-sm-140 {
    margin-left: 140px; }
  .mb-sm-140 {
    margin-bottom: 140px; }
  .m-sm-140 {
    margin: 140px; }
  .pt-sm-145 {
    padding-top: 145px; }
  .pr-sm-145 {
    padding-right: 145px; }
  .pl-sm-145 {
    padding-left: 145px; }
  .pb-sm-145 {
    padding-bottom: 145px; }
  .p-sm-145 {
    padding: 145px; }
  .mt-sm-145 {
    margin-top: 145px; }
  .mr-sm-145 {
    margin-right: 145px; }
  .ml-sm-145 {
    margin-left: 145px; }
  .mb-sm-145 {
    margin-bottom: 145px; }
  .m-sm-145 {
    margin: 145px; }
  .pt-sm-150 {
    padding-top: 150px; }
  .pr-sm-150 {
    padding-right: 150px; }
  .pl-sm-150 {
    padding-left: 150px; }
  .pb-sm-150 {
    padding-bottom: 150px; }
  .p-sm-150 {
    padding: 150px; }
  .mt-sm-150 {
    margin-top: 150px; }
  .mr-sm-150 {
    margin-right: 150px; }
  .ml-sm-150 {
    margin-left: 150px; }
  .mb-sm-150 {
    margin-bottom: 150px; }
  .m-sm-150 {
    margin: 150px; }
  .pt-sm-155 {
    padding-top: 155px; }
  .pr-sm-155 {
    padding-right: 155px; }
  .pl-sm-155 {
    padding-left: 155px; }
  .pb-sm-155 {
    padding-bottom: 155px; }
  .p-sm-155 {
    padding: 155px; }
  .mt-sm-155 {
    margin-top: 155px; }
  .mr-sm-155 {
    margin-right: 155px; }
  .ml-sm-155 {
    margin-left: 155px; }
  .mb-sm-155 {
    margin-bottom: 155px; }
  .m-sm-155 {
    margin: 155px; }
  .pt-sm-160 {
    padding-top: 160px; }
  .pr-sm-160 {
    padding-right: 160px; }
  .pl-sm-160 {
    padding-left: 160px; }
  .pb-sm-160 {
    padding-bottom: 160px; }
  .p-sm-160 {
    padding: 160px; }
  .mt-sm-160 {
    margin-top: 160px; }
  .mr-sm-160 {
    margin-right: 160px; }
  .ml-sm-160 {
    margin-left: 160px; }
  .mb-sm-160 {
    margin-bottom: 160px; }
  .m-sm-160 {
    margin: 160px; }
  .pt-sm-165 {
    padding-top: 165px; }
  .pr-sm-165 {
    padding-right: 165px; }
  .pl-sm-165 {
    padding-left: 165px; }
  .pb-sm-165 {
    padding-bottom: 165px; }
  .p-sm-165 {
    padding: 165px; }
  .mt-sm-165 {
    margin-top: 165px; }
  .mr-sm-165 {
    margin-right: 165px; }
  .ml-sm-165 {
    margin-left: 165px; }
  .mb-sm-165 {
    margin-bottom: 165px; }
  .m-sm-165 {
    margin: 165px; }
  .pt-sm-170 {
    padding-top: 170px; }
  .pr-sm-170 {
    padding-right: 170px; }
  .pl-sm-170 {
    padding-left: 170px; }
  .pb-sm-170 {
    padding-bottom: 170px; }
  .p-sm-170 {
    padding: 170px; }
  .mt-sm-170 {
    margin-top: 170px; }
  .mr-sm-170 {
    margin-right: 170px; }
  .ml-sm-170 {
    margin-left: 170px; }
  .mb-sm-170 {
    margin-bottom: 170px; }
  .m-sm-170 {
    margin: 170px; }
  .pt-sm-175 {
    padding-top: 175px; }
  .pr-sm-175 {
    padding-right: 175px; }
  .pl-sm-175 {
    padding-left: 175px; }
  .pb-sm-175 {
    padding-bottom: 175px; }
  .p-sm-175 {
    padding: 175px; }
  .mt-sm-175 {
    margin-top: 175px; }
  .mr-sm-175 {
    margin-right: 175px; }
  .ml-sm-175 {
    margin-left: 175px; }
  .mb-sm-175 {
    margin-bottom: 175px; }
  .m-sm-175 {
    margin: 175px; }
  .pt-sm-180 {
    padding-top: 180px; }
  .pr-sm-180 {
    padding-right: 180px; }
  .pl-sm-180 {
    padding-left: 180px; }
  .pb-sm-180 {
    padding-bottom: 180px; }
  .p-sm-180 {
    padding: 180px; }
  .mt-sm-180 {
    margin-top: 180px; }
  .mr-sm-180 {
    margin-right: 180px; }
  .ml-sm-180 {
    margin-left: 180px; }
  .mb-sm-180 {
    margin-bottom: 180px; }
  .m-sm-180 {
    margin: 180px; }
  .pt-sm-185 {
    padding-top: 185px; }
  .pr-sm-185 {
    padding-right: 185px; }
  .pl-sm-185 {
    padding-left: 185px; }
  .pb-sm-185 {
    padding-bottom: 185px; }
  .p-sm-185 {
    padding: 185px; }
  .mt-sm-185 {
    margin-top: 185px; }
  .mr-sm-185 {
    margin-right: 185px; }
  .ml-sm-185 {
    margin-left: 185px; }
  .mb-sm-185 {
    margin-bottom: 185px; }
  .m-sm-185 {
    margin: 185px; }
  .pt-sm-190 {
    padding-top: 190px; }
  .pr-sm-190 {
    padding-right: 190px; }
  .pl-sm-190 {
    padding-left: 190px; }
  .pb-sm-190 {
    padding-bottom: 190px; }
  .p-sm-190 {
    padding: 190px; }
  .mt-sm-190 {
    margin-top: 190px; }
  .mr-sm-190 {
    margin-right: 190px; }
  .ml-sm-190 {
    margin-left: 190px; }
  .mb-sm-190 {
    margin-bottom: 190px; }
  .m-sm-190 {
    margin: 190px; }
  .pt-sm-195 {
    padding-top: 195px; }
  .pr-sm-195 {
    padding-right: 195px; }
  .pl-sm-195 {
    padding-left: 195px; }
  .pb-sm-195 {
    padding-bottom: 195px; }
  .p-sm-195 {
    padding: 195px; }
  .mt-sm-195 {
    margin-top: 195px; }
  .mr-sm-195 {
    margin-right: 195px; }
  .ml-sm-195 {
    margin-left: 195px; }
  .mb-sm-195 {
    margin-bottom: 195px; }
  .m-sm-195 {
    margin: 195px; }
  .pt-sm-200 {
    padding-top: 200px; }
  .pr-sm-200 {
    padding-right: 200px; }
  .pl-sm-200 {
    padding-left: 200px; }
  .pb-sm-200 {
    padding-bottom: 200px; }
  .p-sm-200 {
    padding: 200px; }
  .mt-sm-200 {
    margin-top: 200px; }
  .mr-sm-200 {
    margin-right: 200px; }
  .ml-sm-200 {
    margin-left: 200px; }
  .mb-sm-200 {
    margin-bottom: 200px; }
  .m-sm-200 {
    margin: 200px; }
  .pt-sm-205 {
    padding-top: 205px; }
  .pr-sm-205 {
    padding-right: 205px; }
  .pl-sm-205 {
    padding-left: 205px; }
  .pb-sm-205 {
    padding-bottom: 205px; }
  .p-sm-205 {
    padding: 205px; }
  .mt-sm-205 {
    margin-top: 205px; }
  .mr-sm-205 {
    margin-right: 205px; }
  .ml-sm-205 {
    margin-left: 205px; }
  .mb-sm-205 {
    margin-bottom: 205px; }
  .m-sm-205 {
    margin: 205px; }
  .pt-sm-210 {
    padding-top: 210px; }
  .pr-sm-210 {
    padding-right: 210px; }
  .pl-sm-210 {
    padding-left: 210px; }
  .pb-sm-210 {
    padding-bottom: 210px; }
  .p-sm-210 {
    padding: 210px; }
  .mt-sm-210 {
    margin-top: 210px; }
  .mr-sm-210 {
    margin-right: 210px; }
  .ml-sm-210 {
    margin-left: 210px; }
  .mb-sm-210 {
    margin-bottom: 210px; }
  .m-sm-210 {
    margin: 210px; }
  .pt-sm-215 {
    padding-top: 215px; }
  .pr-sm-215 {
    padding-right: 215px; }
  .pl-sm-215 {
    padding-left: 215px; }
  .pb-sm-215 {
    padding-bottom: 215px; }
  .p-sm-215 {
    padding: 215px; }
  .mt-sm-215 {
    margin-top: 215px; }
  .mr-sm-215 {
    margin-right: 215px; }
  .ml-sm-215 {
    margin-left: 215px; }
  .mb-sm-215 {
    margin-bottom: 215px; }
  .m-sm-215 {
    margin: 215px; }
  .pt-sm-220 {
    padding-top: 220px; }
  .pr-sm-220 {
    padding-right: 220px; }
  .pl-sm-220 {
    padding-left: 220px; }
  .pb-sm-220 {
    padding-bottom: 220px; }
  .p-sm-220 {
    padding: 220px; }
  .mt-sm-220 {
    margin-top: 220px; }
  .mr-sm-220 {
    margin-right: 220px; }
  .ml-sm-220 {
    margin-left: 220px; }
  .mb-sm-220 {
    margin-bottom: 220px; }
  .m-sm-220 {
    margin: 220px; }
  .pt-sm-225 {
    padding-top: 225px; }
  .pr-sm-225 {
    padding-right: 225px; }
  .pl-sm-225 {
    padding-left: 225px; }
  .pb-sm-225 {
    padding-bottom: 225px; }
  .p-sm-225 {
    padding: 225px; }
  .mt-sm-225 {
    margin-top: 225px; }
  .mr-sm-225 {
    margin-right: 225px; }
  .ml-sm-225 {
    margin-left: 225px; }
  .mb-sm-225 {
    margin-bottom: 225px; }
  .m-sm-225 {
    margin: 225px; }
  .pt-sm-230 {
    padding-top: 230px; }
  .pr-sm-230 {
    padding-right: 230px; }
  .pl-sm-230 {
    padding-left: 230px; }
  .pb-sm-230 {
    padding-bottom: 230px; }
  .p-sm-230 {
    padding: 230px; }
  .mt-sm-230 {
    margin-top: 230px; }
  .mr-sm-230 {
    margin-right: 230px; }
  .ml-sm-230 {
    margin-left: 230px; }
  .mb-sm-230 {
    margin-bottom: 230px; }
  .m-sm-230 {
    margin: 230px; }
  .pt-sm-235 {
    padding-top: 235px; }
  .pr-sm-235 {
    padding-right: 235px; }
  .pl-sm-235 {
    padding-left: 235px; }
  .pb-sm-235 {
    padding-bottom: 235px; }
  .p-sm-235 {
    padding: 235px; }
  .mt-sm-235 {
    margin-top: 235px; }
  .mr-sm-235 {
    margin-right: 235px; }
  .ml-sm-235 {
    margin-left: 235px; }
  .mb-sm-235 {
    margin-bottom: 235px; }
  .m-sm-235 {
    margin: 235px; }
  .pt-sm-240 {
    padding-top: 240px; }
  .pr-sm-240 {
    padding-right: 240px; }
  .pl-sm-240 {
    padding-left: 240px; }
  .pb-sm-240 {
    padding-bottom: 240px; }
  .p-sm-240 {
    padding: 240px; }
  .mt-sm-240 {
    margin-top: 240px; }
  .mr-sm-240 {
    margin-right: 240px; }
  .ml-sm-240 {
    margin-left: 240px; }
  .mb-sm-240 {
    margin-bottom: 240px; }
  .m-sm-240 {
    margin: 240px; }
  .pt-sm-245 {
    padding-top: 245px; }
  .pr-sm-245 {
    padding-right: 245px; }
  .pl-sm-245 {
    padding-left: 245px; }
  .pb-sm-245 {
    padding-bottom: 245px; }
  .p-sm-245 {
    padding: 245px; }
  .mt-sm-245 {
    margin-top: 245px; }
  .mr-sm-245 {
    margin-right: 245px; }
  .ml-sm-245 {
    margin-left: 245px; }
  .mb-sm-245 {
    margin-bottom: 245px; }
  .m-sm-245 {
    margin: 245px; }
  .pt-sm-250 {
    padding-top: 250px; }
  .pr-sm-250 {
    padding-right: 250px; }
  .pl-sm-250 {
    padding-left: 250px; }
  .pb-sm-250 {
    padding-bottom: 250px; }
  .p-sm-250 {
    padding: 250px; }
  .mt-sm-250 {
    margin-top: 250px; }
  .mr-sm-250 {
    margin-right: 250px; }
  .ml-sm-250 {
    margin-left: 250px; }
  .mb-sm-250 {
    margin-bottom: 250px; }
  .m-sm-250 {
    margin: 250px; }
  .pt-sm-255 {
    padding-top: 255px; }
  .pr-sm-255 {
    padding-right: 255px; }
  .pl-sm-255 {
    padding-left: 255px; }
  .pb-sm-255 {
    padding-bottom: 255px; }
  .p-sm-255 {
    padding: 255px; }
  .mt-sm-255 {
    margin-top: 255px; }
  .mr-sm-255 {
    margin-right: 255px; }
  .ml-sm-255 {
    margin-left: 255px; }
  .mb-sm-255 {
    margin-bottom: 255px; }
  .m-sm-255 {
    margin: 255px; }
  .pt-sm-260 {
    padding-top: 260px; }
  .pr-sm-260 {
    padding-right: 260px; }
  .pl-sm-260 {
    padding-left: 260px; }
  .pb-sm-260 {
    padding-bottom: 260px; }
  .p-sm-260 {
    padding: 260px; }
  .mt-sm-260 {
    margin-top: 260px; }
  .mr-sm-260 {
    margin-right: 260px; }
  .ml-sm-260 {
    margin-left: 260px; }
  .mb-sm-260 {
    margin-bottom: 260px; }
  .m-sm-260 {
    margin: 260px; }
  .pt-sm-265 {
    padding-top: 265px; }
  .pr-sm-265 {
    padding-right: 265px; }
  .pl-sm-265 {
    padding-left: 265px; }
  .pb-sm-265 {
    padding-bottom: 265px; }
  .p-sm-265 {
    padding: 265px; }
  .mt-sm-265 {
    margin-top: 265px; }
  .mr-sm-265 {
    margin-right: 265px; }
  .ml-sm-265 {
    margin-left: 265px; }
  .mb-sm-265 {
    margin-bottom: 265px; }
  .m-sm-265 {
    margin: 265px; }
  .pt-sm-270 {
    padding-top: 270px; }
  .pr-sm-270 {
    padding-right: 270px; }
  .pl-sm-270 {
    padding-left: 270px; }
  .pb-sm-270 {
    padding-bottom: 270px; }
  .p-sm-270 {
    padding: 270px; }
  .mt-sm-270 {
    margin-top: 270px; }
  .mr-sm-270 {
    margin-right: 270px; }
  .ml-sm-270 {
    margin-left: 270px; }
  .mb-sm-270 {
    margin-bottom: 270px; }
  .m-sm-270 {
    margin: 270px; }
  .pt-sm-275 {
    padding-top: 275px; }
  .pr-sm-275 {
    padding-right: 275px; }
  .pl-sm-275 {
    padding-left: 275px; }
  .pb-sm-275 {
    padding-bottom: 275px; }
  .p-sm-275 {
    padding: 275px; }
  .mt-sm-275 {
    margin-top: 275px; }
  .mr-sm-275 {
    margin-right: 275px; }
  .ml-sm-275 {
    margin-left: 275px; }
  .mb-sm-275 {
    margin-bottom: 275px; }
  .m-sm-275 {
    margin: 275px; }
  .pt-sm-280 {
    padding-top: 280px; }
  .pr-sm-280 {
    padding-right: 280px; }
  .pl-sm-280 {
    padding-left: 280px; }
  .pb-sm-280 {
    padding-bottom: 280px; }
  .p-sm-280 {
    padding: 280px; }
  .mt-sm-280 {
    margin-top: 280px; }
  .mr-sm-280 {
    margin-right: 280px; }
  .ml-sm-280 {
    margin-left: 280px; }
  .mb-sm-280 {
    margin-bottom: 280px; }
  .m-sm-280 {
    margin: 280px; }
  .pt-sm-285 {
    padding-top: 285px; }
  .pr-sm-285 {
    padding-right: 285px; }
  .pl-sm-285 {
    padding-left: 285px; }
  .pb-sm-285 {
    padding-bottom: 285px; }
  .p-sm-285 {
    padding: 285px; }
  .mt-sm-285 {
    margin-top: 285px; }
  .mr-sm-285 {
    margin-right: 285px; }
  .ml-sm-285 {
    margin-left: 285px; }
  .mb-sm-285 {
    margin-bottom: 285px; }
  .m-sm-285 {
    margin: 285px; }
  .pt-sm-290 {
    padding-top: 290px; }
  .pr-sm-290 {
    padding-right: 290px; }
  .pl-sm-290 {
    padding-left: 290px; }
  .pb-sm-290 {
    padding-bottom: 290px; }
  .p-sm-290 {
    padding: 290px; }
  .mt-sm-290 {
    margin-top: 290px; }
  .mr-sm-290 {
    margin-right: 290px; }
  .ml-sm-290 {
    margin-left: 290px; }
  .mb-sm-290 {
    margin-bottom: 290px; }
  .m-sm-290 {
    margin: 290px; }
  .pt-sm-295 {
    padding-top: 295px; }
  .pr-sm-295 {
    padding-right: 295px; }
  .pl-sm-295 {
    padding-left: 295px; }
  .pb-sm-295 {
    padding-bottom: 295px; }
  .p-sm-295 {
    padding: 295px; }
  .mt-sm-295 {
    margin-top: 295px; }
  .mr-sm-295 {
    margin-right: 295px; }
  .ml-sm-295 {
    margin-left: 295px; }
  .mb-sm-295 {
    margin-bottom: 295px; }
  .m-sm-295 {
    margin: 295px; }
  .pt-sm-300 {
    padding-top: 300px; }
  .pr-sm-300 {
    padding-right: 300px; }
  .pl-sm-300 {
    padding-left: 300px; }
  .pb-sm-300 {
    padding-bottom: 300px; }
  .p-sm-300 {
    padding: 300px; }
  .mt-sm-300 {
    margin-top: 300px; }
  .mr-sm-300 {
    margin-right: 300px; }
  .ml-sm-300 {
    margin-left: 300px; }
  .mb-sm-300 {
    margin-bottom: 300px; }
  .m-sm-300 {
    margin: 300px; }
  .pt-sm-305 {
    padding-top: 305px; }
  .pr-sm-305 {
    padding-right: 305px; }
  .pl-sm-305 {
    padding-left: 305px; }
  .pb-sm-305 {
    padding-bottom: 305px; }
  .p-sm-305 {
    padding: 305px; }
  .mt-sm-305 {
    margin-top: 305px; }
  .mr-sm-305 {
    margin-right: 305px; }
  .ml-sm-305 {
    margin-left: 305px; }
  .mb-sm-305 {
    margin-bottom: 305px; }
  .m-sm-305 {
    margin: 305px; }
  .pt-sm-310 {
    padding-top: 310px; }
  .pr-sm-310 {
    padding-right: 310px; }
  .pl-sm-310 {
    padding-left: 310px; }
  .pb-sm-310 {
    padding-bottom: 310px; }
  .p-sm-310 {
    padding: 310px; }
  .mt-sm-310 {
    margin-top: 310px; }
  .mr-sm-310 {
    margin-right: 310px; }
  .ml-sm-310 {
    margin-left: 310px; }
  .mb-sm-310 {
    margin-bottom: 310px; }
  .m-sm-310 {
    margin: 310px; }
  .pt-sm-315 {
    padding-top: 315px; }
  .pr-sm-315 {
    padding-right: 315px; }
  .pl-sm-315 {
    padding-left: 315px; }
  .pb-sm-315 {
    padding-bottom: 315px; }
  .p-sm-315 {
    padding: 315px; }
  .mt-sm-315 {
    margin-top: 315px; }
  .mr-sm-315 {
    margin-right: 315px; }
  .ml-sm-315 {
    margin-left: 315px; }
  .mb-sm-315 {
    margin-bottom: 315px; }
  .m-sm-315 {
    margin: 315px; }
  .pt-sm-320 {
    padding-top: 320px; }
  .pr-sm-320 {
    padding-right: 320px; }
  .pl-sm-320 {
    padding-left: 320px; }
  .pb-sm-320 {
    padding-bottom: 320px; }
  .p-sm-320 {
    padding: 320px; }
  .mt-sm-320 {
    margin-top: 320px; }
  .mr-sm-320 {
    margin-right: 320px; }
  .ml-sm-320 {
    margin-left: 320px; }
  .mb-sm-320 {
    margin-bottom: 320px; }
  .m-sm-320 {
    margin: 320px; }
  .pt-sm-325 {
    padding-top: 325px; }
  .pr-sm-325 {
    padding-right: 325px; }
  .pl-sm-325 {
    padding-left: 325px; }
  .pb-sm-325 {
    padding-bottom: 325px; }
  .p-sm-325 {
    padding: 325px; }
  .mt-sm-325 {
    margin-top: 325px; }
  .mr-sm-325 {
    margin-right: 325px; }
  .ml-sm-325 {
    margin-left: 325px; }
  .mb-sm-325 {
    margin-bottom: 325px; }
  .m-sm-325 {
    margin: 325px; }
  .pt-sm-330 {
    padding-top: 330px; }
  .pr-sm-330 {
    padding-right: 330px; }
  .pl-sm-330 {
    padding-left: 330px; }
  .pb-sm-330 {
    padding-bottom: 330px; }
  .p-sm-330 {
    padding: 330px; }
  .mt-sm-330 {
    margin-top: 330px; }
  .mr-sm-330 {
    margin-right: 330px; }
  .ml-sm-330 {
    margin-left: 330px; }
  .mb-sm-330 {
    margin-bottom: 330px; }
  .m-sm-330 {
    margin: 330px; }
  .pt-sm-335 {
    padding-top: 335px; }
  .pr-sm-335 {
    padding-right: 335px; }
  .pl-sm-335 {
    padding-left: 335px; }
  .pb-sm-335 {
    padding-bottom: 335px; }
  .p-sm-335 {
    padding: 335px; }
  .mt-sm-335 {
    margin-top: 335px; }
  .mr-sm-335 {
    margin-right: 335px; }
  .ml-sm-335 {
    margin-left: 335px; }
  .mb-sm-335 {
    margin-bottom: 335px; }
  .m-sm-335 {
    margin: 335px; }
  .pt-sm-340 {
    padding-top: 340px; }
  .pr-sm-340 {
    padding-right: 340px; }
  .pl-sm-340 {
    padding-left: 340px; }
  .pb-sm-340 {
    padding-bottom: 340px; }
  .p-sm-340 {
    padding: 340px; }
  .mt-sm-340 {
    margin-top: 340px; }
  .mr-sm-340 {
    margin-right: 340px; }
  .ml-sm-340 {
    margin-left: 340px; }
  .mb-sm-340 {
    margin-bottom: 340px; }
  .m-sm-340 {
    margin: 340px; }
  .pt-sm-345 {
    padding-top: 345px; }
  .pr-sm-345 {
    padding-right: 345px; }
  .pl-sm-345 {
    padding-left: 345px; }
  .pb-sm-345 {
    padding-bottom: 345px; }
  .p-sm-345 {
    padding: 345px; }
  .mt-sm-345 {
    margin-top: 345px; }
  .mr-sm-345 {
    margin-right: 345px; }
  .ml-sm-345 {
    margin-left: 345px; }
  .mb-sm-345 {
    margin-bottom: 345px; }
  .m-sm-345 {
    margin: 345px; }
  .pt-sm-350 {
    padding-top: 350px; }
  .pr-sm-350 {
    padding-right: 350px; }
  .pl-sm-350 {
    padding-left: 350px; }
  .pb-sm-350 {
    padding-bottom: 350px; }
  .p-sm-350 {
    padding: 350px; }
  .mt-sm-350 {
    margin-top: 350px; }
  .mr-sm-350 {
    margin-right: 350px; }
  .ml-sm-350 {
    margin-left: 350px; }
  .mb-sm-350 {
    margin-bottom: 350px; }
  .m-sm-350 {
    margin: 350px; }
  .pt-sm-355 {
    padding-top: 355px; }
  .pr-sm-355 {
    padding-right: 355px; }
  .pl-sm-355 {
    padding-left: 355px; }
  .pb-sm-355 {
    padding-bottom: 355px; }
  .p-sm-355 {
    padding: 355px; }
  .mt-sm-355 {
    margin-top: 355px; }
  .mr-sm-355 {
    margin-right: 355px; }
  .ml-sm-355 {
    margin-left: 355px; }
  .mb-sm-355 {
    margin-bottom: 355px; }
  .m-sm-355 {
    margin: 355px; }
  .pt-sm-360 {
    padding-top: 360px; }
  .pr-sm-360 {
    padding-right: 360px; }
  .pl-sm-360 {
    padding-left: 360px; }
  .pb-sm-360 {
    padding-bottom: 360px; }
  .p-sm-360 {
    padding: 360px; }
  .mt-sm-360 {
    margin-top: 360px; }
  .mr-sm-360 {
    margin-right: 360px; }
  .ml-sm-360 {
    margin-left: 360px; }
  .mb-sm-360 {
    margin-bottom: 360px; }
  .m-sm-360 {
    margin: 360px; }
  .pt-sm-365 {
    padding-top: 365px; }
  .pr-sm-365 {
    padding-right: 365px; }
  .pl-sm-365 {
    padding-left: 365px; }
  .pb-sm-365 {
    padding-bottom: 365px; }
  .p-sm-365 {
    padding: 365px; }
  .mt-sm-365 {
    margin-top: 365px; }
  .mr-sm-365 {
    margin-right: 365px; }
  .ml-sm-365 {
    margin-left: 365px; }
  .mb-sm-365 {
    margin-bottom: 365px; }
  .m-sm-365 {
    margin: 365px; }
  .pt-sm-370 {
    padding-top: 370px; }
  .pr-sm-370 {
    padding-right: 370px; }
  .pl-sm-370 {
    padding-left: 370px; }
  .pb-sm-370 {
    padding-bottom: 370px; }
  .p-sm-370 {
    padding: 370px; }
  .mt-sm-370 {
    margin-top: 370px; }
  .mr-sm-370 {
    margin-right: 370px; }
  .ml-sm-370 {
    margin-left: 370px; }
  .mb-sm-370 {
    margin-bottom: 370px; }
  .m-sm-370 {
    margin: 370px; }
  .pt-sm-375 {
    padding-top: 375px; }
  .pr-sm-375 {
    padding-right: 375px; }
  .pl-sm-375 {
    padding-left: 375px; }
  .pb-sm-375 {
    padding-bottom: 375px; }
  .p-sm-375 {
    padding: 375px; }
  .mt-sm-375 {
    margin-top: 375px; }
  .mr-sm-375 {
    margin-right: 375px; }
  .ml-sm-375 {
    margin-left: 375px; }
  .mb-sm-375 {
    margin-bottom: 375px; }
  .m-sm-375 {
    margin: 375px; }
  .pt-sm-380 {
    padding-top: 380px; }
  .pr-sm-380 {
    padding-right: 380px; }
  .pl-sm-380 {
    padding-left: 380px; }
  .pb-sm-380 {
    padding-bottom: 380px; }
  .p-sm-380 {
    padding: 380px; }
  .mt-sm-380 {
    margin-top: 380px; }
  .mr-sm-380 {
    margin-right: 380px; }
  .ml-sm-380 {
    margin-left: 380px; }
  .mb-sm-380 {
    margin-bottom: 380px; }
  .m-sm-380 {
    margin: 380px; }
  .pt-sm-385 {
    padding-top: 385px; }
  .pr-sm-385 {
    padding-right: 385px; }
  .pl-sm-385 {
    padding-left: 385px; }
  .pb-sm-385 {
    padding-bottom: 385px; }
  .p-sm-385 {
    padding: 385px; }
  .mt-sm-385 {
    margin-top: 385px; }
  .mr-sm-385 {
    margin-right: 385px; }
  .ml-sm-385 {
    margin-left: 385px; }
  .mb-sm-385 {
    margin-bottom: 385px; }
  .m-sm-385 {
    margin: 385px; }
  .pt-sm-390 {
    padding-top: 390px; }
  .pr-sm-390 {
    padding-right: 390px; }
  .pl-sm-390 {
    padding-left: 390px; }
  .pb-sm-390 {
    padding-bottom: 390px; }
  .p-sm-390 {
    padding: 390px; }
  .mt-sm-390 {
    margin-top: 390px; }
  .mr-sm-390 {
    margin-right: 390px; }
  .ml-sm-390 {
    margin-left: 390px; }
  .mb-sm-390 {
    margin-bottom: 390px; }
  .m-sm-390 {
    margin: 390px; }
  .pt-sm-395 {
    padding-top: 395px; }
  .pr-sm-395 {
    padding-right: 395px; }
  .pl-sm-395 {
    padding-left: 395px; }
  .pb-sm-395 {
    padding-bottom: 395px; }
  .p-sm-395 {
    padding: 395px; }
  .mt-sm-395 {
    margin-top: 395px; }
  .mr-sm-395 {
    margin-right: 395px; }
  .ml-sm-395 {
    margin-left: 395px; }
  .mb-sm-395 {
    margin-bottom: 395px; }
  .m-sm-395 {
    margin: 395px; }
  .pt-sm-400 {
    padding-top: 400px; }
  .pr-sm-400 {
    padding-right: 400px; }
  .pl-sm-400 {
    padding-left: 400px; }
  .pb-sm-400 {
    padding-bottom: 400px; }
  .p-sm-400 {
    padding: 400px; }
  .mt-sm-400 {
    margin-top: 400px; }
  .mr-sm-400 {
    margin-right: 400px; }
  .ml-sm-400 {
    margin-left: 400px; }
  .mb-sm-400 {
    margin-bottom: 400px; }
  .m-sm-400 {
    margin: 400px; }
  .pt-sm-405 {
    padding-top: 405px; }
  .pr-sm-405 {
    padding-right: 405px; }
  .pl-sm-405 {
    padding-left: 405px; }
  .pb-sm-405 {
    padding-bottom: 405px; }
  .p-sm-405 {
    padding: 405px; }
  .mt-sm-405 {
    margin-top: 405px; }
  .mr-sm-405 {
    margin-right: 405px; }
  .ml-sm-405 {
    margin-left: 405px; }
  .mb-sm-405 {
    margin-bottom: 405px; }
  .m-sm-405 {
    margin: 405px; }
  .pt-sm-410 {
    padding-top: 410px; }
  .pr-sm-410 {
    padding-right: 410px; }
  .pl-sm-410 {
    padding-left: 410px; }
  .pb-sm-410 {
    padding-bottom: 410px; }
  .p-sm-410 {
    padding: 410px; }
  .mt-sm-410 {
    margin-top: 410px; }
  .mr-sm-410 {
    margin-right: 410px; }
  .ml-sm-410 {
    margin-left: 410px; }
  .mb-sm-410 {
    margin-bottom: 410px; }
  .m-sm-410 {
    margin: 410px; }
  .pt-sm-415 {
    padding-top: 415px; }
  .pr-sm-415 {
    padding-right: 415px; }
  .pl-sm-415 {
    padding-left: 415px; }
  .pb-sm-415 {
    padding-bottom: 415px; }
  .p-sm-415 {
    padding: 415px; }
  .mt-sm-415 {
    margin-top: 415px; }
  .mr-sm-415 {
    margin-right: 415px; }
  .ml-sm-415 {
    margin-left: 415px; }
  .mb-sm-415 {
    margin-bottom: 415px; }
  .m-sm-415 {
    margin: 415px; }
  .pt-sm-420 {
    padding-top: 420px; }
  .pr-sm-420 {
    padding-right: 420px; }
  .pl-sm-420 {
    padding-left: 420px; }
  .pb-sm-420 {
    padding-bottom: 420px; }
  .p-sm-420 {
    padding: 420px; }
  .mt-sm-420 {
    margin-top: 420px; }
  .mr-sm-420 {
    margin-right: 420px; }
  .ml-sm-420 {
    margin-left: 420px; }
  .mb-sm-420 {
    margin-bottom: 420px; }
  .m-sm-420 {
    margin: 420px; }
  .pt-sm-425 {
    padding-top: 425px; }
  .pr-sm-425 {
    padding-right: 425px; }
  .pl-sm-425 {
    padding-left: 425px; }
  .pb-sm-425 {
    padding-bottom: 425px; }
  .p-sm-425 {
    padding: 425px; }
  .mt-sm-425 {
    margin-top: 425px; }
  .mr-sm-425 {
    margin-right: 425px; }
  .ml-sm-425 {
    margin-left: 425px; }
  .mb-sm-425 {
    margin-bottom: 425px; }
  .m-sm-425 {
    margin: 425px; }
  .pt-sm-430 {
    padding-top: 430px; }
  .pr-sm-430 {
    padding-right: 430px; }
  .pl-sm-430 {
    padding-left: 430px; }
  .pb-sm-430 {
    padding-bottom: 430px; }
  .p-sm-430 {
    padding: 430px; }
  .mt-sm-430 {
    margin-top: 430px; }
  .mr-sm-430 {
    margin-right: 430px; }
  .ml-sm-430 {
    margin-left: 430px; }
  .mb-sm-430 {
    margin-bottom: 430px; }
  .m-sm-430 {
    margin: 430px; }
  .pt-sm-435 {
    padding-top: 435px; }
  .pr-sm-435 {
    padding-right: 435px; }
  .pl-sm-435 {
    padding-left: 435px; }
  .pb-sm-435 {
    padding-bottom: 435px; }
  .p-sm-435 {
    padding: 435px; }
  .mt-sm-435 {
    margin-top: 435px; }
  .mr-sm-435 {
    margin-right: 435px; }
  .ml-sm-435 {
    margin-left: 435px; }
  .mb-sm-435 {
    margin-bottom: 435px; }
  .m-sm-435 {
    margin: 435px; }
  .pt-sm-440 {
    padding-top: 440px; }
  .pr-sm-440 {
    padding-right: 440px; }
  .pl-sm-440 {
    padding-left: 440px; }
  .pb-sm-440 {
    padding-bottom: 440px; }
  .p-sm-440 {
    padding: 440px; }
  .mt-sm-440 {
    margin-top: 440px; }
  .mr-sm-440 {
    margin-right: 440px; }
  .ml-sm-440 {
    margin-left: 440px; }
  .mb-sm-440 {
    margin-bottom: 440px; }
  .m-sm-440 {
    margin: 440px; }
  .pt-sm-445 {
    padding-top: 445px; }
  .pr-sm-445 {
    padding-right: 445px; }
  .pl-sm-445 {
    padding-left: 445px; }
  .pb-sm-445 {
    padding-bottom: 445px; }
  .p-sm-445 {
    padding: 445px; }
  .mt-sm-445 {
    margin-top: 445px; }
  .mr-sm-445 {
    margin-right: 445px; }
  .ml-sm-445 {
    margin-left: 445px; }
  .mb-sm-445 {
    margin-bottom: 445px; }
  .m-sm-445 {
    margin: 445px; }
  .pt-sm-450 {
    padding-top: 450px; }
  .pr-sm-450 {
    padding-right: 450px; }
  .pl-sm-450 {
    padding-left: 450px; }
  .pb-sm-450 {
    padding-bottom: 450px; }
  .p-sm-450 {
    padding: 450px; }
  .mt-sm-450 {
    margin-top: 450px; }
  .mr-sm-450 {
    margin-right: 450px; }
  .ml-sm-450 {
    margin-left: 450px; }
  .mb-sm-450 {
    margin-bottom: 450px; }
  .m-sm-450 {
    margin: 450px; }
  .pt-sm-455 {
    padding-top: 455px; }
  .pr-sm-455 {
    padding-right: 455px; }
  .pl-sm-455 {
    padding-left: 455px; }
  .pb-sm-455 {
    padding-bottom: 455px; }
  .p-sm-455 {
    padding: 455px; }
  .mt-sm-455 {
    margin-top: 455px; }
  .mr-sm-455 {
    margin-right: 455px; }
  .ml-sm-455 {
    margin-left: 455px; }
  .mb-sm-455 {
    margin-bottom: 455px; }
  .m-sm-455 {
    margin: 455px; }
  .pt-sm-460 {
    padding-top: 460px; }
  .pr-sm-460 {
    padding-right: 460px; }
  .pl-sm-460 {
    padding-left: 460px; }
  .pb-sm-460 {
    padding-bottom: 460px; }
  .p-sm-460 {
    padding: 460px; }
  .mt-sm-460 {
    margin-top: 460px; }
  .mr-sm-460 {
    margin-right: 460px; }
  .ml-sm-460 {
    margin-left: 460px; }
  .mb-sm-460 {
    margin-bottom: 460px; }
  .m-sm-460 {
    margin: 460px; }
  .pt-sm-465 {
    padding-top: 465px; }
  .pr-sm-465 {
    padding-right: 465px; }
  .pl-sm-465 {
    padding-left: 465px; }
  .pb-sm-465 {
    padding-bottom: 465px; }
  .p-sm-465 {
    padding: 465px; }
  .mt-sm-465 {
    margin-top: 465px; }
  .mr-sm-465 {
    margin-right: 465px; }
  .ml-sm-465 {
    margin-left: 465px; }
  .mb-sm-465 {
    margin-bottom: 465px; }
  .m-sm-465 {
    margin: 465px; }
  .pt-sm-470 {
    padding-top: 470px; }
  .pr-sm-470 {
    padding-right: 470px; }
  .pl-sm-470 {
    padding-left: 470px; }
  .pb-sm-470 {
    padding-bottom: 470px; }
  .p-sm-470 {
    padding: 470px; }
  .mt-sm-470 {
    margin-top: 470px; }
  .mr-sm-470 {
    margin-right: 470px; }
  .ml-sm-470 {
    margin-left: 470px; }
  .mb-sm-470 {
    margin-bottom: 470px; }
  .m-sm-470 {
    margin: 470px; }
  .pt-sm-475 {
    padding-top: 475px; }
  .pr-sm-475 {
    padding-right: 475px; }
  .pl-sm-475 {
    padding-left: 475px; }
  .pb-sm-475 {
    padding-bottom: 475px; }
  .p-sm-475 {
    padding: 475px; }
  .mt-sm-475 {
    margin-top: 475px; }
  .mr-sm-475 {
    margin-right: 475px; }
  .ml-sm-475 {
    margin-left: 475px; }
  .mb-sm-475 {
    margin-bottom: 475px; }
  .m-sm-475 {
    margin: 475px; }
  .pt-sm-480 {
    padding-top: 480px; }
  .pr-sm-480 {
    padding-right: 480px; }
  .pl-sm-480 {
    padding-left: 480px; }
  .pb-sm-480 {
    padding-bottom: 480px; }
  .p-sm-480 {
    padding: 480px; }
  .mt-sm-480 {
    margin-top: 480px; }
  .mr-sm-480 {
    margin-right: 480px; }
  .ml-sm-480 {
    margin-left: 480px; }
  .mb-sm-480 {
    margin-bottom: 480px; }
  .m-sm-480 {
    margin: 480px; }
  .pt-sm-485 {
    padding-top: 485px; }
  .pr-sm-485 {
    padding-right: 485px; }
  .pl-sm-485 {
    padding-left: 485px; }
  .pb-sm-485 {
    padding-bottom: 485px; }
  .p-sm-485 {
    padding: 485px; }
  .mt-sm-485 {
    margin-top: 485px; }
  .mr-sm-485 {
    margin-right: 485px; }
  .ml-sm-485 {
    margin-left: 485px; }
  .mb-sm-485 {
    margin-bottom: 485px; }
  .m-sm-485 {
    margin: 485px; }
  .pt-sm-490 {
    padding-top: 490px; }
  .pr-sm-490 {
    padding-right: 490px; }
  .pl-sm-490 {
    padding-left: 490px; }
  .pb-sm-490 {
    padding-bottom: 490px; }
  .p-sm-490 {
    padding: 490px; }
  .mt-sm-490 {
    margin-top: 490px; }
  .mr-sm-490 {
    margin-right: 490px; }
  .ml-sm-490 {
    margin-left: 490px; }
  .mb-sm-490 {
    margin-bottom: 490px; }
  .m-sm-490 {
    margin: 490px; }
  .pt-sm-495 {
    padding-top: 495px; }
  .pr-sm-495 {
    padding-right: 495px; }
  .pl-sm-495 {
    padding-left: 495px; }
  .pb-sm-495 {
    padding-bottom: 495px; }
  .p-sm-495 {
    padding: 495px; }
  .mt-sm-495 {
    margin-top: 495px; }
  .mr-sm-495 {
    margin-right: 495px; }
  .ml-sm-495 {
    margin-left: 495px; }
  .mb-sm-495 {
    margin-bottom: 495px; }
  .m-sm-495 {
    margin: 495px; }
  .pt-sm-500 {
    padding-top: 500px; }
  .pr-sm-500 {
    padding-right: 500px; }
  .pl-sm-500 {
    padding-left: 500px; }
  .pb-sm-500 {
    padding-bottom: 500px; }
  .p-sm-500 {
    padding: 500px; }
  .mt-sm-500 {
    margin-top: 500px; }
  .mr-sm-500 {
    margin-right: 500px; }
  .ml-sm-500 {
    margin-left: 500px; }
  .mb-sm-500 {
    margin-bottom: 500px; }
  .m-sm-500 {
    margin: 500px; }
  .pt-sm-10 {
    padding-top: 10px; }
  .pr-sm-10 {
    padding-right: 10px; }
  .pl-sm-10 {
    padding-left: 10px; }
  .pb-sm-10 {
    padding-bottom: 10px; }
  .p-sm-10 {
    padding: 10px; }
  .mt-sm-10 {
    margin-top: 10px; }
  .mr-sm-10 {
    margin-right: 10px; }
  .ml-sm-10 {
    margin-left: 10px; }
  .mb-sm-10 {
    margin-bottom: 10px; }
  .m-sm-10 {
    margin: 10px; }
  .pt-sm-20 {
    padding-top: 20px; }
  .pr-sm-20 {
    padding-right: 20px; }
  .pl-sm-20 {
    padding-left: 20px; }
  .pb-sm-20 {
    padding-bottom: 20px; }
  .p-sm-20 {
    padding: 20px; }
  .mt-sm-20 {
    margin-top: 20px; }
  .mr-sm-20 {
    margin-right: 20px; }
  .ml-sm-20 {
    margin-left: 20px; }
  .mb-sm-20 {
    margin-bottom: 20px; }
  .m-sm-20 {
    margin: 20px; }
  .pt-sm-30 {
    padding-top: 30px; }
  .pr-sm-30 {
    padding-right: 30px; }
  .pl-sm-30 {
    padding-left: 30px; }
  .pb-sm-30 {
    padding-bottom: 30px; }
  .p-sm-30 {
    padding: 30px; }
  .mt-sm-30 {
    margin-top: 30px; }
  .mr-sm-30 {
    margin-right: 30px; }
  .ml-sm-30 {
    margin-left: 30px; }
  .mb-sm-30 {
    margin-bottom: 30px; }
  .m-sm-30 {
    margin: 30px; }
  .pt-sm-40 {
    padding-top: 40px; }
  .pr-sm-40 {
    padding-right: 40px; }
  .pl-sm-40 {
    padding-left: 40px; }
  .pb-sm-40 {
    padding-bottom: 40px; }
  .p-sm-40 {
    padding: 40px; }
  .mt-sm-40 {
    margin-top: 40px; }
  .mr-sm-40 {
    margin-right: 40px; }
  .ml-sm-40 {
    margin-left: 40px; }
  .mb-sm-40 {
    margin-bottom: 40px; }
  .m-sm-40 {
    margin: 40px; }
  .pt-sm-50 {
    padding-top: 50px; }
  .pr-sm-50 {
    padding-right: 50px; }
  .pl-sm-50 {
    padding-left: 50px; }
  .pb-sm-50 {
    padding-bottom: 50px; }
  .p-sm-50 {
    padding: 50px; }
  .mt-sm-50 {
    margin-top: 50px; }
  .mr-sm-50 {
    margin-right: 50px; }
  .ml-sm-50 {
    margin-left: 50px; }
  .mb-sm-50 {
    margin-bottom: 50px; }
  .m-sm-50 {
    margin: 50px; }
  .pt-sm-60 {
    padding-top: 60px; }
  .pr-sm-60 {
    padding-right: 60px; }
  .pl-sm-60 {
    padding-left: 60px; }
  .pb-sm-60 {
    padding-bottom: 60px; }
  .p-sm-60 {
    padding: 60px; }
  .mt-sm-60 {
    margin-top: 60px; }
  .mr-sm-60 {
    margin-right: 60px; }
  .ml-sm-60 {
    margin-left: 60px; }
  .mb-sm-60 {
    margin-bottom: 60px; }
  .m-sm-60 {
    margin: 60px; }
  .pt-sm-70 {
    padding-top: 70px; }
  .pr-sm-70 {
    padding-right: 70px; }
  .pl-sm-70 {
    padding-left: 70px; }
  .pb-sm-70 {
    padding-bottom: 70px; }
  .p-sm-70 {
    padding: 70px; }
  .mt-sm-70 {
    margin-top: 70px; }
  .mr-sm-70 {
    margin-right: 70px; }
  .ml-sm-70 {
    margin-left: 70px; }
  .mb-sm-70 {
    margin-bottom: 70px; }
  .m-sm-70 {
    margin: 70px; }
  .pt-sm-80 {
    padding-top: 80px; }
  .pr-sm-80 {
    padding-right: 80px; }
  .pl-sm-80 {
    padding-left: 80px; }
  .pb-sm-80 {
    padding-bottom: 80px; }
  .p-sm-80 {
    padding: 80px; }
  .mt-sm-80 {
    margin-top: 80px; }
  .mr-sm-80 {
    margin-right: 80px; }
  .ml-sm-80 {
    margin-left: 80px; }
  .mb-sm-80 {
    margin-bottom: 80px; }
  .m-sm-80 {
    margin: 80px; }
  .pt-sm-90 {
    padding-top: 90px; }
  .pr-sm-90 {
    padding-right: 90px; }
  .pl-sm-90 {
    padding-left: 90px; }
  .pb-sm-90 {
    padding-bottom: 90px; }
  .p-sm-90 {
    padding: 90px; }
  .mt-sm-90 {
    margin-top: 90px; }
  .mr-sm-90 {
    margin-right: 90px; }
  .ml-sm-90 {
    margin-left: 90px; }
  .mb-sm-90 {
    margin-bottom: 90px; }
  .m-sm-90 {
    margin: 90px; }
  .pt-sm-100 {
    padding-top: 100px; }
  .pr-sm-100 {
    padding-right: 100px; }
  .pl-sm-100 {
    padding-left: 100px; }
  .pb-sm-100 {
    padding-bottom: 100px; }
  .p-sm-100 {
    padding: 100px; }
  .mt-sm-100 {
    margin-top: 100px; }
  .mr-sm-100 {
    margin-right: 100px; }
  .ml-sm-100 {
    margin-left: 100px; }
  .mb-sm-100 {
    margin-bottom: 100px; }
  .m-sm-100 {
    margin: 100px; } }

@media (min-width: 768px) {
  .pt-md-1 {
    padding-top: 1px; }
  .pr-md-1 {
    padding-right: 1px; }
  .pl-md-1 {
    padding-left: 1px; }
  .pb-md-1 {
    padding-bottom: 1px; }
  .p-md-1 {
    padding: 1px; }
  .mt-md-1 {
    margin-top: 1px; }
  .mr-md-1 {
    margin-right: 1px; }
  .ml-md-1 {
    margin-left: 1px; }
  .mb-md-1 {
    margin-bottom: 1px; }
  .m-md-1 {
    margin: 1px; }
  .pt-md-2 {
    padding-top: 2px; }
  .pr-md-2 {
    padding-right: 2px; }
  .pl-md-2 {
    padding-left: 2px; }
  .pb-md-2 {
    padding-bottom: 2px; }
  .p-md-2 {
    padding: 2px; }
  .mt-md-2 {
    margin-top: 2px; }
  .mr-md-2 {
    margin-right: 2px; }
  .ml-md-2 {
    margin-left: 2px; }
  .mb-md-2 {
    margin-bottom: 2px; }
  .m-md-2 {
    margin: 2px; }
  .pt-md-3 {
    padding-top: 3px; }
  .pr-md-3 {
    padding-right: 3px; }
  .pl-md-3 {
    padding-left: 3px; }
  .pb-md-3 {
    padding-bottom: 3px; }
  .p-md-3 {
    padding: 3px; }
  .mt-md-3 {
    margin-top: 3px; }
  .mr-md-3 {
    margin-right: 3px; }
  .ml-md-3 {
    margin-left: 3px; }
  .mb-md-3 {
    margin-bottom: 3px; }
  .m-md-3 {
    margin: 3px; }
  .pt-md-4 {
    padding-top: 4px; }
  .pr-md-4 {
    padding-right: 4px; }
  .pl-md-4 {
    padding-left: 4px; }
  .pb-md-4 {
    padding-bottom: 4px; }
  .p-md-4 {
    padding: 4px; }
  .mt-md-4 {
    margin-top: 4px; }
  .mr-md-4 {
    margin-right: 4px; }
  .ml-md-4 {
    margin-left: 4px; }
  .mb-md-4 {
    margin-bottom: 4px; }
  .m-md-4 {
    margin: 4px; }
  .pt-md-5 {
    padding-top: 5px; }
  .pr-md-5 {
    padding-right: 5px; }
  .pl-md-5 {
    padding-left: 5px; }
  .pb-md-5 {
    padding-bottom: 5px; }
  .p-md-5 {
    padding: 5px; }
  .mt-md-5 {
    margin-top: 5px; }
  .mr-md-5 {
    margin-right: 5px; }
  .ml-md-5 {
    margin-left: 5px; }
  .mb-md-5 {
    margin-bottom: 5px; }
  .m-md-5 {
    margin: 5px; }
  .pt-md-6 {
    padding-top: 6px; }
  .pr-md-6 {
    padding-right: 6px; }
  .pl-md-6 {
    padding-left: 6px; }
  .pb-md-6 {
    padding-bottom: 6px; }
  .p-md-6 {
    padding: 6px; }
  .mt-md-6 {
    margin-top: 6px; }
  .mr-md-6 {
    margin-right: 6px; }
  .ml-md-6 {
    margin-left: 6px; }
  .mb-md-6 {
    margin-bottom: 6px; }
  .m-md-6 {
    margin: 6px; }
  .pt-md-7 {
    padding-top: 7px; }
  .pr-md-7 {
    padding-right: 7px; }
  .pl-md-7 {
    padding-left: 7px; }
  .pb-md-7 {
    padding-bottom: 7px; }
  .p-md-7 {
    padding: 7px; }
  .mt-md-7 {
    margin-top: 7px; }
  .mr-md-7 {
    margin-right: 7px; }
  .ml-md-7 {
    margin-left: 7px; }
  .mb-md-7 {
    margin-bottom: 7px; }
  .m-md-7 {
    margin: 7px; }
  .pt-md-8 {
    padding-top: 8px; }
  .pr-md-8 {
    padding-right: 8px; }
  .pl-md-8 {
    padding-left: 8px; }
  .pb-md-8 {
    padding-bottom: 8px; }
  .p-md-8 {
    padding: 8px; }
  .mt-md-8 {
    margin-top: 8px; }
  .mr-md-8 {
    margin-right: 8px; }
  .ml-md-8 {
    margin-left: 8px; }
  .mb-md-8 {
    margin-bottom: 8px; }
  .m-md-8 {
    margin: 8px; }
  .pt-md-9 {
    padding-top: 9px; }
  .pr-md-9 {
    padding-right: 9px; }
  .pl-md-9 {
    padding-left: 9px; }
  .pb-md-9 {
    padding-bottom: 9px; }
  .p-md-9 {
    padding: 9px; }
  .mt-md-9 {
    margin-top: 9px; }
  .mr-md-9 {
    margin-right: 9px; }
  .ml-md-9 {
    margin-left: 9px; }
  .mb-md-9 {
    margin-bottom: 9px; }
  .m-md-9 {
    margin: 9px; }
  .pt-md-10 {
    padding-top: 10px; }
  .pr-md-10 {
    padding-right: 10px; }
  .pl-md-10 {
    padding-left: 10px; }
  .pb-md-10 {
    padding-bottom: 10px; }
  .p-md-10 {
    padding: 10px; }
  .mt-md-10 {
    margin-top: 10px; }
  .mr-md-10 {
    margin-right: 10px; }
  .ml-md-10 {
    margin-left: 10px; }
  .mb-md-10 {
    margin-bottom: 10px; }
  .m-md-10 {
    margin: 10px; }
  .pt-md-11 {
    padding-top: 11px; }
  .pr-md-11 {
    padding-right: 11px; }
  .pl-md-11 {
    padding-left: 11px; }
  .pb-md-11 {
    padding-bottom: 11px; }
  .p-md-11 {
    padding: 11px; }
  .mt-md-11 {
    margin-top: 11px; }
  .mr-md-11 {
    margin-right: 11px; }
  .ml-md-11 {
    margin-left: 11px; }
  .mb-md-11 {
    margin-bottom: 11px; }
  .m-md-11 {
    margin: 11px; }
  .pt-md-12 {
    padding-top: 12px; }
  .pr-md-12 {
    padding-right: 12px; }
  .pl-md-12 {
    padding-left: 12px; }
  .pb-md-12 {
    padding-bottom: 12px; }
  .p-md-12 {
    padding: 12px; }
  .mt-md-12 {
    margin-top: 12px; }
  .mr-md-12 {
    margin-right: 12px; }
  .ml-md-12 {
    margin-left: 12px; }
  .mb-md-12 {
    margin-bottom: 12px; }
  .m-md-12 {
    margin: 12px; }
  .pt-md-13 {
    padding-top: 13px; }
  .pr-md-13 {
    padding-right: 13px; }
  .pl-md-13 {
    padding-left: 13px; }
  .pb-md-13 {
    padding-bottom: 13px; }
  .p-md-13 {
    padding: 13px; }
  .mt-md-13 {
    margin-top: 13px; }
  .mr-md-13 {
    margin-right: 13px; }
  .ml-md-13 {
    margin-left: 13px; }
  .mb-md-13 {
    margin-bottom: 13px; }
  .m-md-13 {
    margin: 13px; }
  .pt-md-14 {
    padding-top: 14px; }
  .pr-md-14 {
    padding-right: 14px; }
  .pl-md-14 {
    padding-left: 14px; }
  .pb-md-14 {
    padding-bottom: 14px; }
  .p-md-14 {
    padding: 14px; }
  .mt-md-14 {
    margin-top: 14px; }
  .mr-md-14 {
    margin-right: 14px; }
  .ml-md-14 {
    margin-left: 14px; }
  .mb-md-14 {
    margin-bottom: 14px; }
  .m-md-14 {
    margin: 14px; }
  .pt-md-15 {
    padding-top: 15px; }
  .pr-md-15 {
    padding-right: 15px; }
  .pl-md-15 {
    padding-left: 15px; }
  .pb-md-15 {
    padding-bottom: 15px; }
  .p-md-15 {
    padding: 15px; }
  .mt-md-15 {
    margin-top: 15px; }
  .mr-md-15 {
    margin-right: 15px; }
  .ml-md-15 {
    margin-left: 15px; }
  .mb-md-15 {
    margin-bottom: 15px; }
  .m-md-15 {
    margin: 15px; }
  .pt-md-16 {
    padding-top: 16px; }
  .pr-md-16 {
    padding-right: 16px; }
  .pl-md-16 {
    padding-left: 16px; }
  .pb-md-16 {
    padding-bottom: 16px; }
  .p-md-16 {
    padding: 16px; }
  .mt-md-16 {
    margin-top: 16px; }
  .mr-md-16 {
    margin-right: 16px; }
  .ml-md-16 {
    margin-left: 16px; }
  .mb-md-16 {
    margin-bottom: 16px; }
  .m-md-16 {
    margin: 16px; }
  .pt-md-17 {
    padding-top: 17px; }
  .pr-md-17 {
    padding-right: 17px; }
  .pl-md-17 {
    padding-left: 17px; }
  .pb-md-17 {
    padding-bottom: 17px; }
  .p-md-17 {
    padding: 17px; }
  .mt-md-17 {
    margin-top: 17px; }
  .mr-md-17 {
    margin-right: 17px; }
  .ml-md-17 {
    margin-left: 17px; }
  .mb-md-17 {
    margin-bottom: 17px; }
  .m-md-17 {
    margin: 17px; }
  .pt-md-18 {
    padding-top: 18px; }
  .pr-md-18 {
    padding-right: 18px; }
  .pl-md-18 {
    padding-left: 18px; }
  .pb-md-18 {
    padding-bottom: 18px; }
  .p-md-18 {
    padding: 18px; }
  .mt-md-18 {
    margin-top: 18px; }
  .mr-md-18 {
    margin-right: 18px; }
  .ml-md-18 {
    margin-left: 18px; }
  .mb-md-18 {
    margin-bottom: 18px; }
  .m-md-18 {
    margin: 18px; }
  .pt-md-19 {
    padding-top: 19px; }
  .pr-md-19 {
    padding-right: 19px; }
  .pl-md-19 {
    padding-left: 19px; }
  .pb-md-19 {
    padding-bottom: 19px; }
  .p-md-19 {
    padding: 19px; }
  .mt-md-19 {
    margin-top: 19px; }
  .mr-md-19 {
    margin-right: 19px; }
  .ml-md-19 {
    margin-left: 19px; }
  .mb-md-19 {
    margin-bottom: 19px; }
  .m-md-19 {
    margin: 19px; }
  .pt-md-20 {
    padding-top: 20px; }
  .pr-md-20 {
    padding-right: 20px; }
  .pl-md-20 {
    padding-left: 20px; }
  .pb-md-20 {
    padding-bottom: 20px; }
  .p-md-20 {
    padding: 20px; }
  .mt-md-20 {
    margin-top: 20px; }
  .mr-md-20 {
    margin-right: 20px; }
  .ml-md-20 {
    margin-left: 20px; }
  .mb-md-20 {
    margin-bottom: 20px; }
  .m-md-20 {
    margin: 20px; }
  .pt-md-5 {
    padding-top: 5px; }
  .pr-md-5 {
    padding-right: 5px; }
  .pl-md-5 {
    padding-left: 5px; }
  .pb-md-5 {
    padding-bottom: 5px; }
  .p-md-5 {
    padding: 5px; }
  .mt-md-5 {
    margin-top: 5px; }
  .mr-md-5 {
    margin-right: 5px; }
  .ml-md-5 {
    margin-left: 5px; }
  .mb-md-5 {
    margin-bottom: 5px; }
  .m-md-5 {
    margin: 5px; }
  .pt-md-10 {
    padding-top: 10px; }
  .pr-md-10 {
    padding-right: 10px; }
  .pl-md-10 {
    padding-left: 10px; }
  .pb-md-10 {
    padding-bottom: 10px; }
  .p-md-10 {
    padding: 10px; }
  .mt-md-10 {
    margin-top: 10px; }
  .mr-md-10 {
    margin-right: 10px; }
  .ml-md-10 {
    margin-left: 10px; }
  .mb-md-10 {
    margin-bottom: 10px; }
  .m-md-10 {
    margin: 10px; }
  .pt-md-15 {
    padding-top: 15px; }
  .pr-md-15 {
    padding-right: 15px; }
  .pl-md-15 {
    padding-left: 15px; }
  .pb-md-15 {
    padding-bottom: 15px; }
  .p-md-15 {
    padding: 15px; }
  .mt-md-15 {
    margin-top: 15px; }
  .mr-md-15 {
    margin-right: 15px; }
  .ml-md-15 {
    margin-left: 15px; }
  .mb-md-15 {
    margin-bottom: 15px; }
  .m-md-15 {
    margin: 15px; }
  .pt-md-20 {
    padding-top: 20px; }
  .pr-md-20 {
    padding-right: 20px; }
  .pl-md-20 {
    padding-left: 20px; }
  .pb-md-20 {
    padding-bottom: 20px; }
  .p-md-20 {
    padding: 20px; }
  .mt-md-20 {
    margin-top: 20px; }
  .mr-md-20 {
    margin-right: 20px; }
  .ml-md-20 {
    margin-left: 20px; }
  .mb-md-20 {
    margin-bottom: 20px; }
  .m-md-20 {
    margin: 20px; }
  .pt-md-25 {
    padding-top: 25px; }
  .pr-md-25 {
    padding-right: 25px; }
  .pl-md-25 {
    padding-left: 25px; }
  .pb-md-25 {
    padding-bottom: 25px; }
  .p-md-25 {
    padding: 25px; }
  .mt-md-25 {
    margin-top: 25px; }
  .mr-md-25 {
    margin-right: 25px; }
  .ml-md-25 {
    margin-left: 25px; }
  .mb-md-25 {
    margin-bottom: 25px; }
  .m-md-25 {
    margin: 25px; }
  .pt-md-30 {
    padding-top: 30px; }
  .pr-md-30 {
    padding-right: 30px; }
  .pl-md-30 {
    padding-left: 30px; }
  .pb-md-30 {
    padding-bottom: 30px; }
  .p-md-30 {
    padding: 30px; }
  .mt-md-30 {
    margin-top: 30px; }
  .mr-md-30 {
    margin-right: 30px; }
  .ml-md-30 {
    margin-left: 30px; }
  .mb-md-30 {
    margin-bottom: 30px; }
  .m-md-30 {
    margin: 30px; }
  .pt-md-35 {
    padding-top: 35px; }
  .pr-md-35 {
    padding-right: 35px; }
  .pl-md-35 {
    padding-left: 35px; }
  .pb-md-35 {
    padding-bottom: 35px; }
  .p-md-35 {
    padding: 35px; }
  .mt-md-35 {
    margin-top: 35px; }
  .mr-md-35 {
    margin-right: 35px; }
  .ml-md-35 {
    margin-left: 35px; }
  .mb-md-35 {
    margin-bottom: 35px; }
  .m-md-35 {
    margin: 35px; }
  .pt-md-40 {
    padding-top: 40px; }
  .pr-md-40 {
    padding-right: 40px; }
  .pl-md-40 {
    padding-left: 40px; }
  .pb-md-40 {
    padding-bottom: 40px; }
  .p-md-40 {
    padding: 40px; }
  .mt-md-40 {
    margin-top: 40px; }
  .mr-md-40 {
    margin-right: 40px; }
  .ml-md-40 {
    margin-left: 40px; }
  .mb-md-40 {
    margin-bottom: 40px; }
  .m-md-40 {
    margin: 40px; }
  .pt-md-45 {
    padding-top: 45px; }
  .pr-md-45 {
    padding-right: 45px; }
  .pl-md-45 {
    padding-left: 45px; }
  .pb-md-45 {
    padding-bottom: 45px; }
  .p-md-45 {
    padding: 45px; }
  .mt-md-45 {
    margin-top: 45px; }
  .mr-md-45 {
    margin-right: 45px; }
  .ml-md-45 {
    margin-left: 45px; }
  .mb-md-45 {
    margin-bottom: 45px; }
  .m-md-45 {
    margin: 45px; }
  .pt-md-50 {
    padding-top: 50px; }
  .pr-md-50 {
    padding-right: 50px; }
  .pl-md-50 {
    padding-left: 50px; }
  .pb-md-50 {
    padding-bottom: 50px; }
  .p-md-50 {
    padding: 50px; }
  .mt-md-50 {
    margin-top: 50px; }
  .mr-md-50 {
    margin-right: 50px; }
  .ml-md-50 {
    margin-left: 50px; }
  .mb-md-50 {
    margin-bottom: 50px; }
  .m-md-50 {
    margin: 50px; }
  .pt-md-55 {
    padding-top: 55px; }
  .pr-md-55 {
    padding-right: 55px; }
  .pl-md-55 {
    padding-left: 55px; }
  .pb-md-55 {
    padding-bottom: 55px; }
  .p-md-55 {
    padding: 55px; }
  .mt-md-55 {
    margin-top: 55px; }
  .mr-md-55 {
    margin-right: 55px; }
  .ml-md-55 {
    margin-left: 55px; }
  .mb-md-55 {
    margin-bottom: 55px; }
  .m-md-55 {
    margin: 55px; }
  .pt-md-60 {
    padding-top: 60px; }
  .pr-md-60 {
    padding-right: 60px; }
  .pl-md-60 {
    padding-left: 60px; }
  .pb-md-60 {
    padding-bottom: 60px; }
  .p-md-60 {
    padding: 60px; }
  .mt-md-60 {
    margin-top: 60px; }
  .mr-md-60 {
    margin-right: 60px; }
  .ml-md-60 {
    margin-left: 60px; }
  .mb-md-60 {
    margin-bottom: 60px; }
  .m-md-60 {
    margin: 60px; }
  .pt-md-65 {
    padding-top: 65px; }
  .pr-md-65 {
    padding-right: 65px; }
  .pl-md-65 {
    padding-left: 65px; }
  .pb-md-65 {
    padding-bottom: 65px; }
  .p-md-65 {
    padding: 65px; }
  .mt-md-65 {
    margin-top: 65px; }
  .mr-md-65 {
    margin-right: 65px; }
  .ml-md-65 {
    margin-left: 65px; }
  .mb-md-65 {
    margin-bottom: 65px; }
  .m-md-65 {
    margin: 65px; }
  .pt-md-70 {
    padding-top: 70px; }
  .pr-md-70 {
    padding-right: 70px; }
  .pl-md-70 {
    padding-left: 70px; }
  .pb-md-70 {
    padding-bottom: 70px; }
  .p-md-70 {
    padding: 70px; }
  .mt-md-70 {
    margin-top: 70px; }
  .mr-md-70 {
    margin-right: 70px; }
  .ml-md-70 {
    margin-left: 70px; }
  .mb-md-70 {
    margin-bottom: 70px; }
  .m-md-70 {
    margin: 70px; }
  .pt-md-75 {
    padding-top: 75px; }
  .pr-md-75 {
    padding-right: 75px; }
  .pl-md-75 {
    padding-left: 75px; }
  .pb-md-75 {
    padding-bottom: 75px; }
  .p-md-75 {
    padding: 75px; }
  .mt-md-75 {
    margin-top: 75px; }
  .mr-md-75 {
    margin-right: 75px; }
  .ml-md-75 {
    margin-left: 75px; }
  .mb-md-75 {
    margin-bottom: 75px; }
  .m-md-75 {
    margin: 75px; }
  .pt-md-80 {
    padding-top: 80px; }
  .pr-md-80 {
    padding-right: 80px; }
  .pl-md-80 {
    padding-left: 80px; }
  .pb-md-80 {
    padding-bottom: 80px; }
  .p-md-80 {
    padding: 80px; }
  .mt-md-80 {
    margin-top: 80px; }
  .mr-md-80 {
    margin-right: 80px; }
  .ml-md-80 {
    margin-left: 80px; }
  .mb-md-80 {
    margin-bottom: 80px; }
  .m-md-80 {
    margin: 80px; }
  .pt-md-85 {
    padding-top: 85px; }
  .pr-md-85 {
    padding-right: 85px; }
  .pl-md-85 {
    padding-left: 85px; }
  .pb-md-85 {
    padding-bottom: 85px; }
  .p-md-85 {
    padding: 85px; }
  .mt-md-85 {
    margin-top: 85px; }
  .mr-md-85 {
    margin-right: 85px; }
  .ml-md-85 {
    margin-left: 85px; }
  .mb-md-85 {
    margin-bottom: 85px; }
  .m-md-85 {
    margin: 85px; }
  .pt-md-90 {
    padding-top: 90px; }
  .pr-md-90 {
    padding-right: 90px; }
  .pl-md-90 {
    padding-left: 90px; }
  .pb-md-90 {
    padding-bottom: 90px; }
  .p-md-90 {
    padding: 90px; }
  .mt-md-90 {
    margin-top: 90px; }
  .mr-md-90 {
    margin-right: 90px; }
  .ml-md-90 {
    margin-left: 90px; }
  .mb-md-90 {
    margin-bottom: 90px; }
  .m-md-90 {
    margin: 90px; }
  .pt-md-95 {
    padding-top: 95px; }
  .pr-md-95 {
    padding-right: 95px; }
  .pl-md-95 {
    padding-left: 95px; }
  .pb-md-95 {
    padding-bottom: 95px; }
  .p-md-95 {
    padding: 95px; }
  .mt-md-95 {
    margin-top: 95px; }
  .mr-md-95 {
    margin-right: 95px; }
  .ml-md-95 {
    margin-left: 95px; }
  .mb-md-95 {
    margin-bottom: 95px; }
  .m-md-95 {
    margin: 95px; }
  .pt-md-100 {
    padding-top: 100px; }
  .pr-md-100 {
    padding-right: 100px; }
  .pl-md-100 {
    padding-left: 100px; }
  .pb-md-100 {
    padding-bottom: 100px; }
  .p-md-100 {
    padding: 100px; }
  .mt-md-100 {
    margin-top: 100px; }
  .mr-md-100 {
    margin-right: 100px; }
  .ml-md-100 {
    margin-left: 100px; }
  .mb-md-100 {
    margin-bottom: 100px; }
  .m-md-100 {
    margin: 100px; }
  .pt-md-105 {
    padding-top: 105px; }
  .pr-md-105 {
    padding-right: 105px; }
  .pl-md-105 {
    padding-left: 105px; }
  .pb-md-105 {
    padding-bottom: 105px; }
  .p-md-105 {
    padding: 105px; }
  .mt-md-105 {
    margin-top: 105px; }
  .mr-md-105 {
    margin-right: 105px; }
  .ml-md-105 {
    margin-left: 105px; }
  .mb-md-105 {
    margin-bottom: 105px; }
  .m-md-105 {
    margin: 105px; }
  .pt-md-110 {
    padding-top: 110px; }
  .pr-md-110 {
    padding-right: 110px; }
  .pl-md-110 {
    padding-left: 110px; }
  .pb-md-110 {
    padding-bottom: 110px; }
  .p-md-110 {
    padding: 110px; }
  .mt-md-110 {
    margin-top: 110px; }
  .mr-md-110 {
    margin-right: 110px; }
  .ml-md-110 {
    margin-left: 110px; }
  .mb-md-110 {
    margin-bottom: 110px; }
  .m-md-110 {
    margin: 110px; }
  .pt-md-115 {
    padding-top: 115px; }
  .pr-md-115 {
    padding-right: 115px; }
  .pl-md-115 {
    padding-left: 115px; }
  .pb-md-115 {
    padding-bottom: 115px; }
  .p-md-115 {
    padding: 115px; }
  .mt-md-115 {
    margin-top: 115px; }
  .mr-md-115 {
    margin-right: 115px; }
  .ml-md-115 {
    margin-left: 115px; }
  .mb-md-115 {
    margin-bottom: 115px; }
  .m-md-115 {
    margin: 115px; }
  .pt-md-120 {
    padding-top: 120px; }
  .pr-md-120 {
    padding-right: 120px; }
  .pl-md-120 {
    padding-left: 120px; }
  .pb-md-120 {
    padding-bottom: 120px; }
  .p-md-120 {
    padding: 120px; }
  .mt-md-120 {
    margin-top: 120px; }
  .mr-md-120 {
    margin-right: 120px; }
  .ml-md-120 {
    margin-left: 120px; }
  .mb-md-120 {
    margin-bottom: 120px; }
  .m-md-120 {
    margin: 120px; }
  .pt-md-125 {
    padding-top: 125px; }
  .pr-md-125 {
    padding-right: 125px; }
  .pl-md-125 {
    padding-left: 125px; }
  .pb-md-125 {
    padding-bottom: 125px; }
  .p-md-125 {
    padding: 125px; }
  .mt-md-125 {
    margin-top: 125px; }
  .mr-md-125 {
    margin-right: 125px; }
  .ml-md-125 {
    margin-left: 125px; }
  .mb-md-125 {
    margin-bottom: 125px; }
  .m-md-125 {
    margin: 125px; }
  .pt-md-130 {
    padding-top: 130px; }
  .pr-md-130 {
    padding-right: 130px; }
  .pl-md-130 {
    padding-left: 130px; }
  .pb-md-130 {
    padding-bottom: 130px; }
  .p-md-130 {
    padding: 130px; }
  .mt-md-130 {
    margin-top: 130px; }
  .mr-md-130 {
    margin-right: 130px; }
  .ml-md-130 {
    margin-left: 130px; }
  .mb-md-130 {
    margin-bottom: 130px; }
  .m-md-130 {
    margin: 130px; }
  .pt-md-135 {
    padding-top: 135px; }
  .pr-md-135 {
    padding-right: 135px; }
  .pl-md-135 {
    padding-left: 135px; }
  .pb-md-135 {
    padding-bottom: 135px; }
  .p-md-135 {
    padding: 135px; }
  .mt-md-135 {
    margin-top: 135px; }
  .mr-md-135 {
    margin-right: 135px; }
  .ml-md-135 {
    margin-left: 135px; }
  .mb-md-135 {
    margin-bottom: 135px; }
  .m-md-135 {
    margin: 135px; }
  .pt-md-140 {
    padding-top: 140px; }
  .pr-md-140 {
    padding-right: 140px; }
  .pl-md-140 {
    padding-left: 140px; }
  .pb-md-140 {
    padding-bottom: 140px; }
  .p-md-140 {
    padding: 140px; }
  .mt-md-140 {
    margin-top: 140px; }
  .mr-md-140 {
    margin-right: 140px; }
  .ml-md-140 {
    margin-left: 140px; }
  .mb-md-140 {
    margin-bottom: 140px; }
  .m-md-140 {
    margin: 140px; }
  .pt-md-145 {
    padding-top: 145px; }
  .pr-md-145 {
    padding-right: 145px; }
  .pl-md-145 {
    padding-left: 145px; }
  .pb-md-145 {
    padding-bottom: 145px; }
  .p-md-145 {
    padding: 145px; }
  .mt-md-145 {
    margin-top: 145px; }
  .mr-md-145 {
    margin-right: 145px; }
  .ml-md-145 {
    margin-left: 145px; }
  .mb-md-145 {
    margin-bottom: 145px; }
  .m-md-145 {
    margin: 145px; }
  .pt-md-150 {
    padding-top: 150px; }
  .pr-md-150 {
    padding-right: 150px; }
  .pl-md-150 {
    padding-left: 150px; }
  .pb-md-150 {
    padding-bottom: 150px; }
  .p-md-150 {
    padding: 150px; }
  .mt-md-150 {
    margin-top: 150px; }
  .mr-md-150 {
    margin-right: 150px; }
  .ml-md-150 {
    margin-left: 150px; }
  .mb-md-150 {
    margin-bottom: 150px; }
  .m-md-150 {
    margin: 150px; }
  .pt-md-155 {
    padding-top: 155px; }
  .pr-md-155 {
    padding-right: 155px; }
  .pl-md-155 {
    padding-left: 155px; }
  .pb-md-155 {
    padding-bottom: 155px; }
  .p-md-155 {
    padding: 155px; }
  .mt-md-155 {
    margin-top: 155px; }
  .mr-md-155 {
    margin-right: 155px; }
  .ml-md-155 {
    margin-left: 155px; }
  .mb-md-155 {
    margin-bottom: 155px; }
  .m-md-155 {
    margin: 155px; }
  .pt-md-160 {
    padding-top: 160px; }
  .pr-md-160 {
    padding-right: 160px; }
  .pl-md-160 {
    padding-left: 160px; }
  .pb-md-160 {
    padding-bottom: 160px; }
  .p-md-160 {
    padding: 160px; }
  .mt-md-160 {
    margin-top: 160px; }
  .mr-md-160 {
    margin-right: 160px; }
  .ml-md-160 {
    margin-left: 160px; }
  .mb-md-160 {
    margin-bottom: 160px; }
  .m-md-160 {
    margin: 160px; }
  .pt-md-165 {
    padding-top: 165px; }
  .pr-md-165 {
    padding-right: 165px; }
  .pl-md-165 {
    padding-left: 165px; }
  .pb-md-165 {
    padding-bottom: 165px; }
  .p-md-165 {
    padding: 165px; }
  .mt-md-165 {
    margin-top: 165px; }
  .mr-md-165 {
    margin-right: 165px; }
  .ml-md-165 {
    margin-left: 165px; }
  .mb-md-165 {
    margin-bottom: 165px; }
  .m-md-165 {
    margin: 165px; }
  .pt-md-170 {
    padding-top: 170px; }
  .pr-md-170 {
    padding-right: 170px; }
  .pl-md-170 {
    padding-left: 170px; }
  .pb-md-170 {
    padding-bottom: 170px; }
  .p-md-170 {
    padding: 170px; }
  .mt-md-170 {
    margin-top: 170px; }
  .mr-md-170 {
    margin-right: 170px; }
  .ml-md-170 {
    margin-left: 170px; }
  .mb-md-170 {
    margin-bottom: 170px; }
  .m-md-170 {
    margin: 170px; }
  .pt-md-175 {
    padding-top: 175px; }
  .pr-md-175 {
    padding-right: 175px; }
  .pl-md-175 {
    padding-left: 175px; }
  .pb-md-175 {
    padding-bottom: 175px; }
  .p-md-175 {
    padding: 175px; }
  .mt-md-175 {
    margin-top: 175px; }
  .mr-md-175 {
    margin-right: 175px; }
  .ml-md-175 {
    margin-left: 175px; }
  .mb-md-175 {
    margin-bottom: 175px; }
  .m-md-175 {
    margin: 175px; }
  .pt-md-180 {
    padding-top: 180px; }
  .pr-md-180 {
    padding-right: 180px; }
  .pl-md-180 {
    padding-left: 180px; }
  .pb-md-180 {
    padding-bottom: 180px; }
  .p-md-180 {
    padding: 180px; }
  .mt-md-180 {
    margin-top: 180px; }
  .mr-md-180 {
    margin-right: 180px; }
  .ml-md-180 {
    margin-left: 180px; }
  .mb-md-180 {
    margin-bottom: 180px; }
  .m-md-180 {
    margin: 180px; }
  .pt-md-185 {
    padding-top: 185px; }
  .pr-md-185 {
    padding-right: 185px; }
  .pl-md-185 {
    padding-left: 185px; }
  .pb-md-185 {
    padding-bottom: 185px; }
  .p-md-185 {
    padding: 185px; }
  .mt-md-185 {
    margin-top: 185px; }
  .mr-md-185 {
    margin-right: 185px; }
  .ml-md-185 {
    margin-left: 185px; }
  .mb-md-185 {
    margin-bottom: 185px; }
  .m-md-185 {
    margin: 185px; }
  .pt-md-190 {
    padding-top: 190px; }
  .pr-md-190 {
    padding-right: 190px; }
  .pl-md-190 {
    padding-left: 190px; }
  .pb-md-190 {
    padding-bottom: 190px; }
  .p-md-190 {
    padding: 190px; }
  .mt-md-190 {
    margin-top: 190px; }
  .mr-md-190 {
    margin-right: 190px; }
  .ml-md-190 {
    margin-left: 190px; }
  .mb-md-190 {
    margin-bottom: 190px; }
  .m-md-190 {
    margin: 190px; }
  .pt-md-195 {
    padding-top: 195px; }
  .pr-md-195 {
    padding-right: 195px; }
  .pl-md-195 {
    padding-left: 195px; }
  .pb-md-195 {
    padding-bottom: 195px; }
  .p-md-195 {
    padding: 195px; }
  .mt-md-195 {
    margin-top: 195px; }
  .mr-md-195 {
    margin-right: 195px; }
  .ml-md-195 {
    margin-left: 195px; }
  .mb-md-195 {
    margin-bottom: 195px; }
  .m-md-195 {
    margin: 195px; }
  .pt-md-200 {
    padding-top: 200px; }
  .pr-md-200 {
    padding-right: 200px; }
  .pl-md-200 {
    padding-left: 200px; }
  .pb-md-200 {
    padding-bottom: 200px; }
  .p-md-200 {
    padding: 200px; }
  .mt-md-200 {
    margin-top: 200px; }
  .mr-md-200 {
    margin-right: 200px; }
  .ml-md-200 {
    margin-left: 200px; }
  .mb-md-200 {
    margin-bottom: 200px; }
  .m-md-200 {
    margin: 200px; }
  .pt-md-205 {
    padding-top: 205px; }
  .pr-md-205 {
    padding-right: 205px; }
  .pl-md-205 {
    padding-left: 205px; }
  .pb-md-205 {
    padding-bottom: 205px; }
  .p-md-205 {
    padding: 205px; }
  .mt-md-205 {
    margin-top: 205px; }
  .mr-md-205 {
    margin-right: 205px; }
  .ml-md-205 {
    margin-left: 205px; }
  .mb-md-205 {
    margin-bottom: 205px; }
  .m-md-205 {
    margin: 205px; }
  .pt-md-210 {
    padding-top: 210px; }
  .pr-md-210 {
    padding-right: 210px; }
  .pl-md-210 {
    padding-left: 210px; }
  .pb-md-210 {
    padding-bottom: 210px; }
  .p-md-210 {
    padding: 210px; }
  .mt-md-210 {
    margin-top: 210px; }
  .mr-md-210 {
    margin-right: 210px; }
  .ml-md-210 {
    margin-left: 210px; }
  .mb-md-210 {
    margin-bottom: 210px; }
  .m-md-210 {
    margin: 210px; }
  .pt-md-215 {
    padding-top: 215px; }
  .pr-md-215 {
    padding-right: 215px; }
  .pl-md-215 {
    padding-left: 215px; }
  .pb-md-215 {
    padding-bottom: 215px; }
  .p-md-215 {
    padding: 215px; }
  .mt-md-215 {
    margin-top: 215px; }
  .mr-md-215 {
    margin-right: 215px; }
  .ml-md-215 {
    margin-left: 215px; }
  .mb-md-215 {
    margin-bottom: 215px; }
  .m-md-215 {
    margin: 215px; }
  .pt-md-220 {
    padding-top: 220px; }
  .pr-md-220 {
    padding-right: 220px; }
  .pl-md-220 {
    padding-left: 220px; }
  .pb-md-220 {
    padding-bottom: 220px; }
  .p-md-220 {
    padding: 220px; }
  .mt-md-220 {
    margin-top: 220px; }
  .mr-md-220 {
    margin-right: 220px; }
  .ml-md-220 {
    margin-left: 220px; }
  .mb-md-220 {
    margin-bottom: 220px; }
  .m-md-220 {
    margin: 220px; }
  .pt-md-225 {
    padding-top: 225px; }
  .pr-md-225 {
    padding-right: 225px; }
  .pl-md-225 {
    padding-left: 225px; }
  .pb-md-225 {
    padding-bottom: 225px; }
  .p-md-225 {
    padding: 225px; }
  .mt-md-225 {
    margin-top: 225px; }
  .mr-md-225 {
    margin-right: 225px; }
  .ml-md-225 {
    margin-left: 225px; }
  .mb-md-225 {
    margin-bottom: 225px; }
  .m-md-225 {
    margin: 225px; }
  .pt-md-230 {
    padding-top: 230px; }
  .pr-md-230 {
    padding-right: 230px; }
  .pl-md-230 {
    padding-left: 230px; }
  .pb-md-230 {
    padding-bottom: 230px; }
  .p-md-230 {
    padding: 230px; }
  .mt-md-230 {
    margin-top: 230px; }
  .mr-md-230 {
    margin-right: 230px; }
  .ml-md-230 {
    margin-left: 230px; }
  .mb-md-230 {
    margin-bottom: 230px; }
  .m-md-230 {
    margin: 230px; }
  .pt-md-235 {
    padding-top: 235px; }
  .pr-md-235 {
    padding-right: 235px; }
  .pl-md-235 {
    padding-left: 235px; }
  .pb-md-235 {
    padding-bottom: 235px; }
  .p-md-235 {
    padding: 235px; }
  .mt-md-235 {
    margin-top: 235px; }
  .mr-md-235 {
    margin-right: 235px; }
  .ml-md-235 {
    margin-left: 235px; }
  .mb-md-235 {
    margin-bottom: 235px; }
  .m-md-235 {
    margin: 235px; }
  .pt-md-240 {
    padding-top: 240px; }
  .pr-md-240 {
    padding-right: 240px; }
  .pl-md-240 {
    padding-left: 240px; }
  .pb-md-240 {
    padding-bottom: 240px; }
  .p-md-240 {
    padding: 240px; }
  .mt-md-240 {
    margin-top: 240px; }
  .mr-md-240 {
    margin-right: 240px; }
  .ml-md-240 {
    margin-left: 240px; }
  .mb-md-240 {
    margin-bottom: 240px; }
  .m-md-240 {
    margin: 240px; }
  .pt-md-245 {
    padding-top: 245px; }
  .pr-md-245 {
    padding-right: 245px; }
  .pl-md-245 {
    padding-left: 245px; }
  .pb-md-245 {
    padding-bottom: 245px; }
  .p-md-245 {
    padding: 245px; }
  .mt-md-245 {
    margin-top: 245px; }
  .mr-md-245 {
    margin-right: 245px; }
  .ml-md-245 {
    margin-left: 245px; }
  .mb-md-245 {
    margin-bottom: 245px; }
  .m-md-245 {
    margin: 245px; }
  .pt-md-250 {
    padding-top: 250px; }
  .pr-md-250 {
    padding-right: 250px; }
  .pl-md-250 {
    padding-left: 250px; }
  .pb-md-250 {
    padding-bottom: 250px; }
  .p-md-250 {
    padding: 250px; }
  .mt-md-250 {
    margin-top: 250px; }
  .mr-md-250 {
    margin-right: 250px; }
  .ml-md-250 {
    margin-left: 250px; }
  .mb-md-250 {
    margin-bottom: 250px; }
  .m-md-250 {
    margin: 250px; }
  .pt-md-255 {
    padding-top: 255px; }
  .pr-md-255 {
    padding-right: 255px; }
  .pl-md-255 {
    padding-left: 255px; }
  .pb-md-255 {
    padding-bottom: 255px; }
  .p-md-255 {
    padding: 255px; }
  .mt-md-255 {
    margin-top: 255px; }
  .mr-md-255 {
    margin-right: 255px; }
  .ml-md-255 {
    margin-left: 255px; }
  .mb-md-255 {
    margin-bottom: 255px; }
  .m-md-255 {
    margin: 255px; }
  .pt-md-260 {
    padding-top: 260px; }
  .pr-md-260 {
    padding-right: 260px; }
  .pl-md-260 {
    padding-left: 260px; }
  .pb-md-260 {
    padding-bottom: 260px; }
  .p-md-260 {
    padding: 260px; }
  .mt-md-260 {
    margin-top: 260px; }
  .mr-md-260 {
    margin-right: 260px; }
  .ml-md-260 {
    margin-left: 260px; }
  .mb-md-260 {
    margin-bottom: 260px; }
  .m-md-260 {
    margin: 260px; }
  .pt-md-265 {
    padding-top: 265px; }
  .pr-md-265 {
    padding-right: 265px; }
  .pl-md-265 {
    padding-left: 265px; }
  .pb-md-265 {
    padding-bottom: 265px; }
  .p-md-265 {
    padding: 265px; }
  .mt-md-265 {
    margin-top: 265px; }
  .mr-md-265 {
    margin-right: 265px; }
  .ml-md-265 {
    margin-left: 265px; }
  .mb-md-265 {
    margin-bottom: 265px; }
  .m-md-265 {
    margin: 265px; }
  .pt-md-270 {
    padding-top: 270px; }
  .pr-md-270 {
    padding-right: 270px; }
  .pl-md-270 {
    padding-left: 270px; }
  .pb-md-270 {
    padding-bottom: 270px; }
  .p-md-270 {
    padding: 270px; }
  .mt-md-270 {
    margin-top: 270px; }
  .mr-md-270 {
    margin-right: 270px; }
  .ml-md-270 {
    margin-left: 270px; }
  .mb-md-270 {
    margin-bottom: 270px; }
  .m-md-270 {
    margin: 270px; }
  .pt-md-275 {
    padding-top: 275px; }
  .pr-md-275 {
    padding-right: 275px; }
  .pl-md-275 {
    padding-left: 275px; }
  .pb-md-275 {
    padding-bottom: 275px; }
  .p-md-275 {
    padding: 275px; }
  .mt-md-275 {
    margin-top: 275px; }
  .mr-md-275 {
    margin-right: 275px; }
  .ml-md-275 {
    margin-left: 275px; }
  .mb-md-275 {
    margin-bottom: 275px; }
  .m-md-275 {
    margin: 275px; }
  .pt-md-280 {
    padding-top: 280px; }
  .pr-md-280 {
    padding-right: 280px; }
  .pl-md-280 {
    padding-left: 280px; }
  .pb-md-280 {
    padding-bottom: 280px; }
  .p-md-280 {
    padding: 280px; }
  .mt-md-280 {
    margin-top: 280px; }
  .mr-md-280 {
    margin-right: 280px; }
  .ml-md-280 {
    margin-left: 280px; }
  .mb-md-280 {
    margin-bottom: 280px; }
  .m-md-280 {
    margin: 280px; }
  .pt-md-285 {
    padding-top: 285px; }
  .pr-md-285 {
    padding-right: 285px; }
  .pl-md-285 {
    padding-left: 285px; }
  .pb-md-285 {
    padding-bottom: 285px; }
  .p-md-285 {
    padding: 285px; }
  .mt-md-285 {
    margin-top: 285px; }
  .mr-md-285 {
    margin-right: 285px; }
  .ml-md-285 {
    margin-left: 285px; }
  .mb-md-285 {
    margin-bottom: 285px; }
  .m-md-285 {
    margin: 285px; }
  .pt-md-290 {
    padding-top: 290px; }
  .pr-md-290 {
    padding-right: 290px; }
  .pl-md-290 {
    padding-left: 290px; }
  .pb-md-290 {
    padding-bottom: 290px; }
  .p-md-290 {
    padding: 290px; }
  .mt-md-290 {
    margin-top: 290px; }
  .mr-md-290 {
    margin-right: 290px; }
  .ml-md-290 {
    margin-left: 290px; }
  .mb-md-290 {
    margin-bottom: 290px; }
  .m-md-290 {
    margin: 290px; }
  .pt-md-295 {
    padding-top: 295px; }
  .pr-md-295 {
    padding-right: 295px; }
  .pl-md-295 {
    padding-left: 295px; }
  .pb-md-295 {
    padding-bottom: 295px; }
  .p-md-295 {
    padding: 295px; }
  .mt-md-295 {
    margin-top: 295px; }
  .mr-md-295 {
    margin-right: 295px; }
  .ml-md-295 {
    margin-left: 295px; }
  .mb-md-295 {
    margin-bottom: 295px; }
  .m-md-295 {
    margin: 295px; }
  .pt-md-300 {
    padding-top: 300px; }
  .pr-md-300 {
    padding-right: 300px; }
  .pl-md-300 {
    padding-left: 300px; }
  .pb-md-300 {
    padding-bottom: 300px; }
  .p-md-300 {
    padding: 300px; }
  .mt-md-300 {
    margin-top: 300px; }
  .mr-md-300 {
    margin-right: 300px; }
  .ml-md-300 {
    margin-left: 300px; }
  .mb-md-300 {
    margin-bottom: 300px; }
  .m-md-300 {
    margin: 300px; }
  .pt-md-305 {
    padding-top: 305px; }
  .pr-md-305 {
    padding-right: 305px; }
  .pl-md-305 {
    padding-left: 305px; }
  .pb-md-305 {
    padding-bottom: 305px; }
  .p-md-305 {
    padding: 305px; }
  .mt-md-305 {
    margin-top: 305px; }
  .mr-md-305 {
    margin-right: 305px; }
  .ml-md-305 {
    margin-left: 305px; }
  .mb-md-305 {
    margin-bottom: 305px; }
  .m-md-305 {
    margin: 305px; }
  .pt-md-310 {
    padding-top: 310px; }
  .pr-md-310 {
    padding-right: 310px; }
  .pl-md-310 {
    padding-left: 310px; }
  .pb-md-310 {
    padding-bottom: 310px; }
  .p-md-310 {
    padding: 310px; }
  .mt-md-310 {
    margin-top: 310px; }
  .mr-md-310 {
    margin-right: 310px; }
  .ml-md-310 {
    margin-left: 310px; }
  .mb-md-310 {
    margin-bottom: 310px; }
  .m-md-310 {
    margin: 310px; }
  .pt-md-315 {
    padding-top: 315px; }
  .pr-md-315 {
    padding-right: 315px; }
  .pl-md-315 {
    padding-left: 315px; }
  .pb-md-315 {
    padding-bottom: 315px; }
  .p-md-315 {
    padding: 315px; }
  .mt-md-315 {
    margin-top: 315px; }
  .mr-md-315 {
    margin-right: 315px; }
  .ml-md-315 {
    margin-left: 315px; }
  .mb-md-315 {
    margin-bottom: 315px; }
  .m-md-315 {
    margin: 315px; }
  .pt-md-320 {
    padding-top: 320px; }
  .pr-md-320 {
    padding-right: 320px; }
  .pl-md-320 {
    padding-left: 320px; }
  .pb-md-320 {
    padding-bottom: 320px; }
  .p-md-320 {
    padding: 320px; }
  .mt-md-320 {
    margin-top: 320px; }
  .mr-md-320 {
    margin-right: 320px; }
  .ml-md-320 {
    margin-left: 320px; }
  .mb-md-320 {
    margin-bottom: 320px; }
  .m-md-320 {
    margin: 320px; }
  .pt-md-325 {
    padding-top: 325px; }
  .pr-md-325 {
    padding-right: 325px; }
  .pl-md-325 {
    padding-left: 325px; }
  .pb-md-325 {
    padding-bottom: 325px; }
  .p-md-325 {
    padding: 325px; }
  .mt-md-325 {
    margin-top: 325px; }
  .mr-md-325 {
    margin-right: 325px; }
  .ml-md-325 {
    margin-left: 325px; }
  .mb-md-325 {
    margin-bottom: 325px; }
  .m-md-325 {
    margin: 325px; }
  .pt-md-330 {
    padding-top: 330px; }
  .pr-md-330 {
    padding-right: 330px; }
  .pl-md-330 {
    padding-left: 330px; }
  .pb-md-330 {
    padding-bottom: 330px; }
  .p-md-330 {
    padding: 330px; }
  .mt-md-330 {
    margin-top: 330px; }
  .mr-md-330 {
    margin-right: 330px; }
  .ml-md-330 {
    margin-left: 330px; }
  .mb-md-330 {
    margin-bottom: 330px; }
  .m-md-330 {
    margin: 330px; }
  .pt-md-335 {
    padding-top: 335px; }
  .pr-md-335 {
    padding-right: 335px; }
  .pl-md-335 {
    padding-left: 335px; }
  .pb-md-335 {
    padding-bottom: 335px; }
  .p-md-335 {
    padding: 335px; }
  .mt-md-335 {
    margin-top: 335px; }
  .mr-md-335 {
    margin-right: 335px; }
  .ml-md-335 {
    margin-left: 335px; }
  .mb-md-335 {
    margin-bottom: 335px; }
  .m-md-335 {
    margin: 335px; }
  .pt-md-340 {
    padding-top: 340px; }
  .pr-md-340 {
    padding-right: 340px; }
  .pl-md-340 {
    padding-left: 340px; }
  .pb-md-340 {
    padding-bottom: 340px; }
  .p-md-340 {
    padding: 340px; }
  .mt-md-340 {
    margin-top: 340px; }
  .mr-md-340 {
    margin-right: 340px; }
  .ml-md-340 {
    margin-left: 340px; }
  .mb-md-340 {
    margin-bottom: 340px; }
  .m-md-340 {
    margin: 340px; }
  .pt-md-345 {
    padding-top: 345px; }
  .pr-md-345 {
    padding-right: 345px; }
  .pl-md-345 {
    padding-left: 345px; }
  .pb-md-345 {
    padding-bottom: 345px; }
  .p-md-345 {
    padding: 345px; }
  .mt-md-345 {
    margin-top: 345px; }
  .mr-md-345 {
    margin-right: 345px; }
  .ml-md-345 {
    margin-left: 345px; }
  .mb-md-345 {
    margin-bottom: 345px; }
  .m-md-345 {
    margin: 345px; }
  .pt-md-350 {
    padding-top: 350px; }
  .pr-md-350 {
    padding-right: 350px; }
  .pl-md-350 {
    padding-left: 350px; }
  .pb-md-350 {
    padding-bottom: 350px; }
  .p-md-350 {
    padding: 350px; }
  .mt-md-350 {
    margin-top: 350px; }
  .mr-md-350 {
    margin-right: 350px; }
  .ml-md-350 {
    margin-left: 350px; }
  .mb-md-350 {
    margin-bottom: 350px; }
  .m-md-350 {
    margin: 350px; }
  .pt-md-355 {
    padding-top: 355px; }
  .pr-md-355 {
    padding-right: 355px; }
  .pl-md-355 {
    padding-left: 355px; }
  .pb-md-355 {
    padding-bottom: 355px; }
  .p-md-355 {
    padding: 355px; }
  .mt-md-355 {
    margin-top: 355px; }
  .mr-md-355 {
    margin-right: 355px; }
  .ml-md-355 {
    margin-left: 355px; }
  .mb-md-355 {
    margin-bottom: 355px; }
  .m-md-355 {
    margin: 355px; }
  .pt-md-360 {
    padding-top: 360px; }
  .pr-md-360 {
    padding-right: 360px; }
  .pl-md-360 {
    padding-left: 360px; }
  .pb-md-360 {
    padding-bottom: 360px; }
  .p-md-360 {
    padding: 360px; }
  .mt-md-360 {
    margin-top: 360px; }
  .mr-md-360 {
    margin-right: 360px; }
  .ml-md-360 {
    margin-left: 360px; }
  .mb-md-360 {
    margin-bottom: 360px; }
  .m-md-360 {
    margin: 360px; }
  .pt-md-365 {
    padding-top: 365px; }
  .pr-md-365 {
    padding-right: 365px; }
  .pl-md-365 {
    padding-left: 365px; }
  .pb-md-365 {
    padding-bottom: 365px; }
  .p-md-365 {
    padding: 365px; }
  .mt-md-365 {
    margin-top: 365px; }
  .mr-md-365 {
    margin-right: 365px; }
  .ml-md-365 {
    margin-left: 365px; }
  .mb-md-365 {
    margin-bottom: 365px; }
  .m-md-365 {
    margin: 365px; }
  .pt-md-370 {
    padding-top: 370px; }
  .pr-md-370 {
    padding-right: 370px; }
  .pl-md-370 {
    padding-left: 370px; }
  .pb-md-370 {
    padding-bottom: 370px; }
  .p-md-370 {
    padding: 370px; }
  .mt-md-370 {
    margin-top: 370px; }
  .mr-md-370 {
    margin-right: 370px; }
  .ml-md-370 {
    margin-left: 370px; }
  .mb-md-370 {
    margin-bottom: 370px; }
  .m-md-370 {
    margin: 370px; }
  .pt-md-375 {
    padding-top: 375px; }
  .pr-md-375 {
    padding-right: 375px; }
  .pl-md-375 {
    padding-left: 375px; }
  .pb-md-375 {
    padding-bottom: 375px; }
  .p-md-375 {
    padding: 375px; }
  .mt-md-375 {
    margin-top: 375px; }
  .mr-md-375 {
    margin-right: 375px; }
  .ml-md-375 {
    margin-left: 375px; }
  .mb-md-375 {
    margin-bottom: 375px; }
  .m-md-375 {
    margin: 375px; }
  .pt-md-380 {
    padding-top: 380px; }
  .pr-md-380 {
    padding-right: 380px; }
  .pl-md-380 {
    padding-left: 380px; }
  .pb-md-380 {
    padding-bottom: 380px; }
  .p-md-380 {
    padding: 380px; }
  .mt-md-380 {
    margin-top: 380px; }
  .mr-md-380 {
    margin-right: 380px; }
  .ml-md-380 {
    margin-left: 380px; }
  .mb-md-380 {
    margin-bottom: 380px; }
  .m-md-380 {
    margin: 380px; }
  .pt-md-385 {
    padding-top: 385px; }
  .pr-md-385 {
    padding-right: 385px; }
  .pl-md-385 {
    padding-left: 385px; }
  .pb-md-385 {
    padding-bottom: 385px; }
  .p-md-385 {
    padding: 385px; }
  .mt-md-385 {
    margin-top: 385px; }
  .mr-md-385 {
    margin-right: 385px; }
  .ml-md-385 {
    margin-left: 385px; }
  .mb-md-385 {
    margin-bottom: 385px; }
  .m-md-385 {
    margin: 385px; }
  .pt-md-390 {
    padding-top: 390px; }
  .pr-md-390 {
    padding-right: 390px; }
  .pl-md-390 {
    padding-left: 390px; }
  .pb-md-390 {
    padding-bottom: 390px; }
  .p-md-390 {
    padding: 390px; }
  .mt-md-390 {
    margin-top: 390px; }
  .mr-md-390 {
    margin-right: 390px; }
  .ml-md-390 {
    margin-left: 390px; }
  .mb-md-390 {
    margin-bottom: 390px; }
  .m-md-390 {
    margin: 390px; }
  .pt-md-395 {
    padding-top: 395px; }
  .pr-md-395 {
    padding-right: 395px; }
  .pl-md-395 {
    padding-left: 395px; }
  .pb-md-395 {
    padding-bottom: 395px; }
  .p-md-395 {
    padding: 395px; }
  .mt-md-395 {
    margin-top: 395px; }
  .mr-md-395 {
    margin-right: 395px; }
  .ml-md-395 {
    margin-left: 395px; }
  .mb-md-395 {
    margin-bottom: 395px; }
  .m-md-395 {
    margin: 395px; }
  .pt-md-400 {
    padding-top: 400px; }
  .pr-md-400 {
    padding-right: 400px; }
  .pl-md-400 {
    padding-left: 400px; }
  .pb-md-400 {
    padding-bottom: 400px; }
  .p-md-400 {
    padding: 400px; }
  .mt-md-400 {
    margin-top: 400px; }
  .mr-md-400 {
    margin-right: 400px; }
  .ml-md-400 {
    margin-left: 400px; }
  .mb-md-400 {
    margin-bottom: 400px; }
  .m-md-400 {
    margin: 400px; }
  .pt-md-405 {
    padding-top: 405px; }
  .pr-md-405 {
    padding-right: 405px; }
  .pl-md-405 {
    padding-left: 405px; }
  .pb-md-405 {
    padding-bottom: 405px; }
  .p-md-405 {
    padding: 405px; }
  .mt-md-405 {
    margin-top: 405px; }
  .mr-md-405 {
    margin-right: 405px; }
  .ml-md-405 {
    margin-left: 405px; }
  .mb-md-405 {
    margin-bottom: 405px; }
  .m-md-405 {
    margin: 405px; }
  .pt-md-410 {
    padding-top: 410px; }
  .pr-md-410 {
    padding-right: 410px; }
  .pl-md-410 {
    padding-left: 410px; }
  .pb-md-410 {
    padding-bottom: 410px; }
  .p-md-410 {
    padding: 410px; }
  .mt-md-410 {
    margin-top: 410px; }
  .mr-md-410 {
    margin-right: 410px; }
  .ml-md-410 {
    margin-left: 410px; }
  .mb-md-410 {
    margin-bottom: 410px; }
  .m-md-410 {
    margin: 410px; }
  .pt-md-415 {
    padding-top: 415px; }
  .pr-md-415 {
    padding-right: 415px; }
  .pl-md-415 {
    padding-left: 415px; }
  .pb-md-415 {
    padding-bottom: 415px; }
  .p-md-415 {
    padding: 415px; }
  .mt-md-415 {
    margin-top: 415px; }
  .mr-md-415 {
    margin-right: 415px; }
  .ml-md-415 {
    margin-left: 415px; }
  .mb-md-415 {
    margin-bottom: 415px; }
  .m-md-415 {
    margin: 415px; }
  .pt-md-420 {
    padding-top: 420px; }
  .pr-md-420 {
    padding-right: 420px; }
  .pl-md-420 {
    padding-left: 420px; }
  .pb-md-420 {
    padding-bottom: 420px; }
  .p-md-420 {
    padding: 420px; }
  .mt-md-420 {
    margin-top: 420px; }
  .mr-md-420 {
    margin-right: 420px; }
  .ml-md-420 {
    margin-left: 420px; }
  .mb-md-420 {
    margin-bottom: 420px; }
  .m-md-420 {
    margin: 420px; }
  .pt-md-425 {
    padding-top: 425px; }
  .pr-md-425 {
    padding-right: 425px; }
  .pl-md-425 {
    padding-left: 425px; }
  .pb-md-425 {
    padding-bottom: 425px; }
  .p-md-425 {
    padding: 425px; }
  .mt-md-425 {
    margin-top: 425px; }
  .mr-md-425 {
    margin-right: 425px; }
  .ml-md-425 {
    margin-left: 425px; }
  .mb-md-425 {
    margin-bottom: 425px; }
  .m-md-425 {
    margin: 425px; }
  .pt-md-430 {
    padding-top: 430px; }
  .pr-md-430 {
    padding-right: 430px; }
  .pl-md-430 {
    padding-left: 430px; }
  .pb-md-430 {
    padding-bottom: 430px; }
  .p-md-430 {
    padding: 430px; }
  .mt-md-430 {
    margin-top: 430px; }
  .mr-md-430 {
    margin-right: 430px; }
  .ml-md-430 {
    margin-left: 430px; }
  .mb-md-430 {
    margin-bottom: 430px; }
  .m-md-430 {
    margin: 430px; }
  .pt-md-435 {
    padding-top: 435px; }
  .pr-md-435 {
    padding-right: 435px; }
  .pl-md-435 {
    padding-left: 435px; }
  .pb-md-435 {
    padding-bottom: 435px; }
  .p-md-435 {
    padding: 435px; }
  .mt-md-435 {
    margin-top: 435px; }
  .mr-md-435 {
    margin-right: 435px; }
  .ml-md-435 {
    margin-left: 435px; }
  .mb-md-435 {
    margin-bottom: 435px; }
  .m-md-435 {
    margin: 435px; }
  .pt-md-440 {
    padding-top: 440px; }
  .pr-md-440 {
    padding-right: 440px; }
  .pl-md-440 {
    padding-left: 440px; }
  .pb-md-440 {
    padding-bottom: 440px; }
  .p-md-440 {
    padding: 440px; }
  .mt-md-440 {
    margin-top: 440px; }
  .mr-md-440 {
    margin-right: 440px; }
  .ml-md-440 {
    margin-left: 440px; }
  .mb-md-440 {
    margin-bottom: 440px; }
  .m-md-440 {
    margin: 440px; }
  .pt-md-445 {
    padding-top: 445px; }
  .pr-md-445 {
    padding-right: 445px; }
  .pl-md-445 {
    padding-left: 445px; }
  .pb-md-445 {
    padding-bottom: 445px; }
  .p-md-445 {
    padding: 445px; }
  .mt-md-445 {
    margin-top: 445px; }
  .mr-md-445 {
    margin-right: 445px; }
  .ml-md-445 {
    margin-left: 445px; }
  .mb-md-445 {
    margin-bottom: 445px; }
  .m-md-445 {
    margin: 445px; }
  .pt-md-450 {
    padding-top: 450px; }
  .pr-md-450 {
    padding-right: 450px; }
  .pl-md-450 {
    padding-left: 450px; }
  .pb-md-450 {
    padding-bottom: 450px; }
  .p-md-450 {
    padding: 450px; }
  .mt-md-450 {
    margin-top: 450px; }
  .mr-md-450 {
    margin-right: 450px; }
  .ml-md-450 {
    margin-left: 450px; }
  .mb-md-450 {
    margin-bottom: 450px; }
  .m-md-450 {
    margin: 450px; }
  .pt-md-455 {
    padding-top: 455px; }
  .pr-md-455 {
    padding-right: 455px; }
  .pl-md-455 {
    padding-left: 455px; }
  .pb-md-455 {
    padding-bottom: 455px; }
  .p-md-455 {
    padding: 455px; }
  .mt-md-455 {
    margin-top: 455px; }
  .mr-md-455 {
    margin-right: 455px; }
  .ml-md-455 {
    margin-left: 455px; }
  .mb-md-455 {
    margin-bottom: 455px; }
  .m-md-455 {
    margin: 455px; }
  .pt-md-460 {
    padding-top: 460px; }
  .pr-md-460 {
    padding-right: 460px; }
  .pl-md-460 {
    padding-left: 460px; }
  .pb-md-460 {
    padding-bottom: 460px; }
  .p-md-460 {
    padding: 460px; }
  .mt-md-460 {
    margin-top: 460px; }
  .mr-md-460 {
    margin-right: 460px; }
  .ml-md-460 {
    margin-left: 460px; }
  .mb-md-460 {
    margin-bottom: 460px; }
  .m-md-460 {
    margin: 460px; }
  .pt-md-465 {
    padding-top: 465px; }
  .pr-md-465 {
    padding-right: 465px; }
  .pl-md-465 {
    padding-left: 465px; }
  .pb-md-465 {
    padding-bottom: 465px; }
  .p-md-465 {
    padding: 465px; }
  .mt-md-465 {
    margin-top: 465px; }
  .mr-md-465 {
    margin-right: 465px; }
  .ml-md-465 {
    margin-left: 465px; }
  .mb-md-465 {
    margin-bottom: 465px; }
  .m-md-465 {
    margin: 465px; }
  .pt-md-470 {
    padding-top: 470px; }
  .pr-md-470 {
    padding-right: 470px; }
  .pl-md-470 {
    padding-left: 470px; }
  .pb-md-470 {
    padding-bottom: 470px; }
  .p-md-470 {
    padding: 470px; }
  .mt-md-470 {
    margin-top: 470px; }
  .mr-md-470 {
    margin-right: 470px; }
  .ml-md-470 {
    margin-left: 470px; }
  .mb-md-470 {
    margin-bottom: 470px; }
  .m-md-470 {
    margin: 470px; }
  .pt-md-475 {
    padding-top: 475px; }
  .pr-md-475 {
    padding-right: 475px; }
  .pl-md-475 {
    padding-left: 475px; }
  .pb-md-475 {
    padding-bottom: 475px; }
  .p-md-475 {
    padding: 475px; }
  .mt-md-475 {
    margin-top: 475px; }
  .mr-md-475 {
    margin-right: 475px; }
  .ml-md-475 {
    margin-left: 475px; }
  .mb-md-475 {
    margin-bottom: 475px; }
  .m-md-475 {
    margin: 475px; }
  .pt-md-480 {
    padding-top: 480px; }
  .pr-md-480 {
    padding-right: 480px; }
  .pl-md-480 {
    padding-left: 480px; }
  .pb-md-480 {
    padding-bottom: 480px; }
  .p-md-480 {
    padding: 480px; }
  .mt-md-480 {
    margin-top: 480px; }
  .mr-md-480 {
    margin-right: 480px; }
  .ml-md-480 {
    margin-left: 480px; }
  .mb-md-480 {
    margin-bottom: 480px; }
  .m-md-480 {
    margin: 480px; }
  .pt-md-485 {
    padding-top: 485px; }
  .pr-md-485 {
    padding-right: 485px; }
  .pl-md-485 {
    padding-left: 485px; }
  .pb-md-485 {
    padding-bottom: 485px; }
  .p-md-485 {
    padding: 485px; }
  .mt-md-485 {
    margin-top: 485px; }
  .mr-md-485 {
    margin-right: 485px; }
  .ml-md-485 {
    margin-left: 485px; }
  .mb-md-485 {
    margin-bottom: 485px; }
  .m-md-485 {
    margin: 485px; }
  .pt-md-490 {
    padding-top: 490px; }
  .pr-md-490 {
    padding-right: 490px; }
  .pl-md-490 {
    padding-left: 490px; }
  .pb-md-490 {
    padding-bottom: 490px; }
  .p-md-490 {
    padding: 490px; }
  .mt-md-490 {
    margin-top: 490px; }
  .mr-md-490 {
    margin-right: 490px; }
  .ml-md-490 {
    margin-left: 490px; }
  .mb-md-490 {
    margin-bottom: 490px; }
  .m-md-490 {
    margin: 490px; }
  .pt-md-495 {
    padding-top: 495px; }
  .pr-md-495 {
    padding-right: 495px; }
  .pl-md-495 {
    padding-left: 495px; }
  .pb-md-495 {
    padding-bottom: 495px; }
  .p-md-495 {
    padding: 495px; }
  .mt-md-495 {
    margin-top: 495px; }
  .mr-md-495 {
    margin-right: 495px; }
  .ml-md-495 {
    margin-left: 495px; }
  .mb-md-495 {
    margin-bottom: 495px; }
  .m-md-495 {
    margin: 495px; }
  .pt-md-500 {
    padding-top: 500px; }
  .pr-md-500 {
    padding-right: 500px; }
  .pl-md-500 {
    padding-left: 500px; }
  .pb-md-500 {
    padding-bottom: 500px; }
  .p-md-500 {
    padding: 500px; }
  .mt-md-500 {
    margin-top: 500px; }
  .mr-md-500 {
    margin-right: 500px; }
  .ml-md-500 {
    margin-left: 500px; }
  .mb-md-500 {
    margin-bottom: 500px; }
  .m-md-500 {
    margin: 500px; }
  .pt-md-10 {
    padding-top: 10px; }
  .pr-md-10 {
    padding-right: 10px; }
  .pl-md-10 {
    padding-left: 10px; }
  .pb-md-10 {
    padding-bottom: 10px; }
  .p-md-10 {
    padding: 10px; }
  .mt-md-10 {
    margin-top: 10px; }
  .mr-md-10 {
    margin-right: 10px; }
  .ml-md-10 {
    margin-left: 10px; }
  .mb-md-10 {
    margin-bottom: 10px; }
  .m-md-10 {
    margin: 10px; }
  .pt-md-20 {
    padding-top: 20px; }
  .pr-md-20 {
    padding-right: 20px; }
  .pl-md-20 {
    padding-left: 20px; }
  .pb-md-20 {
    padding-bottom: 20px; }
  .p-md-20 {
    padding: 20px; }
  .mt-md-20 {
    margin-top: 20px; }
  .mr-md-20 {
    margin-right: 20px; }
  .ml-md-20 {
    margin-left: 20px; }
  .mb-md-20 {
    margin-bottom: 20px; }
  .m-md-20 {
    margin: 20px; }
  .pt-md-30 {
    padding-top: 30px; }
  .pr-md-30 {
    padding-right: 30px; }
  .pl-md-30 {
    padding-left: 30px; }
  .pb-md-30 {
    padding-bottom: 30px; }
  .p-md-30 {
    padding: 30px; }
  .mt-md-30 {
    margin-top: 30px; }
  .mr-md-30 {
    margin-right: 30px; }
  .ml-md-30 {
    margin-left: 30px; }
  .mb-md-30 {
    margin-bottom: 30px; }
  .m-md-30 {
    margin: 30px; }
  .pt-md-40 {
    padding-top: 40px; }
  .pr-md-40 {
    padding-right: 40px; }
  .pl-md-40 {
    padding-left: 40px; }
  .pb-md-40 {
    padding-bottom: 40px; }
  .p-md-40 {
    padding: 40px; }
  .mt-md-40 {
    margin-top: 40px; }
  .mr-md-40 {
    margin-right: 40px; }
  .ml-md-40 {
    margin-left: 40px; }
  .mb-md-40 {
    margin-bottom: 40px; }
  .m-md-40 {
    margin: 40px; }
  .pt-md-50 {
    padding-top: 50px; }
  .pr-md-50 {
    padding-right: 50px; }
  .pl-md-50 {
    padding-left: 50px; }
  .pb-md-50 {
    padding-bottom: 50px; }
  .p-md-50 {
    padding: 50px; }
  .mt-md-50 {
    margin-top: 50px; }
  .mr-md-50 {
    margin-right: 50px; }
  .ml-md-50 {
    margin-left: 50px; }
  .mb-md-50 {
    margin-bottom: 50px; }
  .m-md-50 {
    margin: 50px; }
  .pt-md-60 {
    padding-top: 60px; }
  .pr-md-60 {
    padding-right: 60px; }
  .pl-md-60 {
    padding-left: 60px; }
  .pb-md-60 {
    padding-bottom: 60px; }
  .p-md-60 {
    padding: 60px; }
  .mt-md-60 {
    margin-top: 60px; }
  .mr-md-60 {
    margin-right: 60px; }
  .ml-md-60 {
    margin-left: 60px; }
  .mb-md-60 {
    margin-bottom: 60px; }
  .m-md-60 {
    margin: 60px; }
  .pt-md-70 {
    padding-top: 70px; }
  .pr-md-70 {
    padding-right: 70px; }
  .pl-md-70 {
    padding-left: 70px; }
  .pb-md-70 {
    padding-bottom: 70px; }
  .p-md-70 {
    padding: 70px; }
  .mt-md-70 {
    margin-top: 70px; }
  .mr-md-70 {
    margin-right: 70px; }
  .ml-md-70 {
    margin-left: 70px; }
  .mb-md-70 {
    margin-bottom: 70px; }
  .m-md-70 {
    margin: 70px; }
  .pt-md-80 {
    padding-top: 80px; }
  .pr-md-80 {
    padding-right: 80px; }
  .pl-md-80 {
    padding-left: 80px; }
  .pb-md-80 {
    padding-bottom: 80px; }
  .p-md-80 {
    padding: 80px; }
  .mt-md-80 {
    margin-top: 80px; }
  .mr-md-80 {
    margin-right: 80px; }
  .ml-md-80 {
    margin-left: 80px; }
  .mb-md-80 {
    margin-bottom: 80px; }
  .m-md-80 {
    margin: 80px; }
  .pt-md-90 {
    padding-top: 90px; }
  .pr-md-90 {
    padding-right: 90px; }
  .pl-md-90 {
    padding-left: 90px; }
  .pb-md-90 {
    padding-bottom: 90px; }
  .p-md-90 {
    padding: 90px; }
  .mt-md-90 {
    margin-top: 90px; }
  .mr-md-90 {
    margin-right: 90px; }
  .ml-md-90 {
    margin-left: 90px; }
  .mb-md-90 {
    margin-bottom: 90px; }
  .m-md-90 {
    margin: 90px; }
  .pt-md-100 {
    padding-top: 100px; }
  .pr-md-100 {
    padding-right: 100px; }
  .pl-md-100 {
    padding-left: 100px; }
  .pb-md-100 {
    padding-bottom: 100px; }
  .p-md-100 {
    padding: 100px; }
  .mt-md-100 {
    margin-top: 100px; }
  .mr-md-100 {
    margin-right: 100px; }
  .ml-md-100 {
    margin-left: 100px; }
  .mb-md-100 {
    margin-bottom: 100px; }
  .m-md-100 {
    margin: 100px; } }

@media (min-width: 992px) {
  .pt-lg-1 {
    padding-top: 1px; }
  .pr-lg-1 {
    padding-right: 1px; }
  .pl-lg-1 {
    padding-left: 1px; }
  .pb-lg-1 {
    padding-bottom: 1px; }
  .p-lg-1 {
    padding: 1px; }
  .mt-lg-1 {
    margin-top: 1px; }
  .mr-lg-1 {
    margin-right: 1px; }
  .ml-lg-1 {
    margin-left: 1px; }
  .mb-lg-1 {
    margin-bottom: 1px; }
  .m-lg-1 {
    margin: 1px; }
  .pt-lg-2 {
    padding-top: 2px; }
  .pr-lg-2 {
    padding-right: 2px; }
  .pl-lg-2 {
    padding-left: 2px; }
  .pb-lg-2 {
    padding-bottom: 2px; }
  .p-lg-2 {
    padding: 2px; }
  .mt-lg-2 {
    margin-top: 2px; }
  .mr-lg-2 {
    margin-right: 2px; }
  .ml-lg-2 {
    margin-left: 2px; }
  .mb-lg-2 {
    margin-bottom: 2px; }
  .m-lg-2 {
    margin: 2px; }
  .pt-lg-3 {
    padding-top: 3px; }
  .pr-lg-3 {
    padding-right: 3px; }
  .pl-lg-3 {
    padding-left: 3px; }
  .pb-lg-3 {
    padding-bottom: 3px; }
  .p-lg-3 {
    padding: 3px; }
  .mt-lg-3 {
    margin-top: 3px; }
  .mr-lg-3 {
    margin-right: 3px; }
  .ml-lg-3 {
    margin-left: 3px; }
  .mb-lg-3 {
    margin-bottom: 3px; }
  .m-lg-3 {
    margin: 3px; }
  .pt-lg-4 {
    padding-top: 4px; }
  .pr-lg-4 {
    padding-right: 4px; }
  .pl-lg-4 {
    padding-left: 4px; }
  .pb-lg-4 {
    padding-bottom: 4px; }
  .p-lg-4 {
    padding: 4px; }
  .mt-lg-4 {
    margin-top: 4px; }
  .mr-lg-4 {
    margin-right: 4px; }
  .ml-lg-4 {
    margin-left: 4px; }
  .mb-lg-4 {
    margin-bottom: 4px; }
  .m-lg-4 {
    margin: 4px; }
  .pt-lg-5 {
    padding-top: 5px; }
  .pr-lg-5 {
    padding-right: 5px; }
  .pl-lg-5 {
    padding-left: 5px; }
  .pb-lg-5 {
    padding-bottom: 5px; }
  .p-lg-5 {
    padding: 5px; }
  .mt-lg-5 {
    margin-top: 5px; }
  .mr-lg-5 {
    margin-right: 5px; }
  .ml-lg-5 {
    margin-left: 5px; }
  .mb-lg-5 {
    margin-bottom: 5px; }
  .m-lg-5 {
    margin: 5px; }
  .pt-lg-6 {
    padding-top: 6px; }
  .pr-lg-6 {
    padding-right: 6px; }
  .pl-lg-6 {
    padding-left: 6px; }
  .pb-lg-6 {
    padding-bottom: 6px; }
  .p-lg-6 {
    padding: 6px; }
  .mt-lg-6 {
    margin-top: 6px; }
  .mr-lg-6 {
    margin-right: 6px; }
  .ml-lg-6 {
    margin-left: 6px; }
  .mb-lg-6 {
    margin-bottom: 6px; }
  .m-lg-6 {
    margin: 6px; }
  .pt-lg-7 {
    padding-top: 7px; }
  .pr-lg-7 {
    padding-right: 7px; }
  .pl-lg-7 {
    padding-left: 7px; }
  .pb-lg-7 {
    padding-bottom: 7px; }
  .p-lg-7 {
    padding: 7px; }
  .mt-lg-7 {
    margin-top: 7px; }
  .mr-lg-7 {
    margin-right: 7px; }
  .ml-lg-7 {
    margin-left: 7px; }
  .mb-lg-7 {
    margin-bottom: 7px; }
  .m-lg-7 {
    margin: 7px; }
  .pt-lg-8 {
    padding-top: 8px; }
  .pr-lg-8 {
    padding-right: 8px; }
  .pl-lg-8 {
    padding-left: 8px; }
  .pb-lg-8 {
    padding-bottom: 8px; }
  .p-lg-8 {
    padding: 8px; }
  .mt-lg-8 {
    margin-top: 8px; }
  .mr-lg-8 {
    margin-right: 8px; }
  .ml-lg-8 {
    margin-left: 8px; }
  .mb-lg-8 {
    margin-bottom: 8px; }
  .m-lg-8 {
    margin: 8px; }
  .pt-lg-9 {
    padding-top: 9px; }
  .pr-lg-9 {
    padding-right: 9px; }
  .pl-lg-9 {
    padding-left: 9px; }
  .pb-lg-9 {
    padding-bottom: 9px; }
  .p-lg-9 {
    padding: 9px; }
  .mt-lg-9 {
    margin-top: 9px; }
  .mr-lg-9 {
    margin-right: 9px; }
  .ml-lg-9 {
    margin-left: 9px; }
  .mb-lg-9 {
    margin-bottom: 9px; }
  .m-lg-9 {
    margin: 9px; }
  .pt-lg-10 {
    padding-top: 10px; }
  .pr-lg-10 {
    padding-right: 10px; }
  .pl-lg-10 {
    padding-left: 10px; }
  .pb-lg-10 {
    padding-bottom: 10px; }
  .p-lg-10 {
    padding: 10px; }
  .mt-lg-10 {
    margin-top: 10px; }
  .mr-lg-10 {
    margin-right: 10px; }
  .ml-lg-10 {
    margin-left: 10px; }
  .mb-lg-10 {
    margin-bottom: 10px; }
  .m-lg-10 {
    margin: 10px; }
  .pt-lg-11 {
    padding-top: 11px; }
  .pr-lg-11 {
    padding-right: 11px; }
  .pl-lg-11 {
    padding-left: 11px; }
  .pb-lg-11 {
    padding-bottom: 11px; }
  .p-lg-11 {
    padding: 11px; }
  .mt-lg-11 {
    margin-top: 11px; }
  .mr-lg-11 {
    margin-right: 11px; }
  .ml-lg-11 {
    margin-left: 11px; }
  .mb-lg-11 {
    margin-bottom: 11px; }
  .m-lg-11 {
    margin: 11px; }
  .pt-lg-12 {
    padding-top: 12px; }
  .pr-lg-12 {
    padding-right: 12px; }
  .pl-lg-12 {
    padding-left: 12px; }
  .pb-lg-12 {
    padding-bottom: 12px; }
  .p-lg-12 {
    padding: 12px; }
  .mt-lg-12 {
    margin-top: 12px; }
  .mr-lg-12 {
    margin-right: 12px; }
  .ml-lg-12 {
    margin-left: 12px; }
  .mb-lg-12 {
    margin-bottom: 12px; }
  .m-lg-12 {
    margin: 12px; }
  .pt-lg-13 {
    padding-top: 13px; }
  .pr-lg-13 {
    padding-right: 13px; }
  .pl-lg-13 {
    padding-left: 13px; }
  .pb-lg-13 {
    padding-bottom: 13px; }
  .p-lg-13 {
    padding: 13px; }
  .mt-lg-13 {
    margin-top: 13px; }
  .mr-lg-13 {
    margin-right: 13px; }
  .ml-lg-13 {
    margin-left: 13px; }
  .mb-lg-13 {
    margin-bottom: 13px; }
  .m-lg-13 {
    margin: 13px; }
  .pt-lg-14 {
    padding-top: 14px; }
  .pr-lg-14 {
    padding-right: 14px; }
  .pl-lg-14 {
    padding-left: 14px; }
  .pb-lg-14 {
    padding-bottom: 14px; }
  .p-lg-14 {
    padding: 14px; }
  .mt-lg-14 {
    margin-top: 14px; }
  .mr-lg-14 {
    margin-right: 14px; }
  .ml-lg-14 {
    margin-left: 14px; }
  .mb-lg-14 {
    margin-bottom: 14px; }
  .m-lg-14 {
    margin: 14px; }
  .pt-lg-15 {
    padding-top: 15px; }
  .pr-lg-15 {
    padding-right: 15px; }
  .pl-lg-15 {
    padding-left: 15px; }
  .pb-lg-15 {
    padding-bottom: 15px; }
  .p-lg-15 {
    padding: 15px; }
  .mt-lg-15 {
    margin-top: 15px; }
  .mr-lg-15 {
    margin-right: 15px; }
  .ml-lg-15 {
    margin-left: 15px; }
  .mb-lg-15 {
    margin-bottom: 15px; }
  .m-lg-15 {
    margin: 15px; }
  .pt-lg-16 {
    padding-top: 16px; }
  .pr-lg-16 {
    padding-right: 16px; }
  .pl-lg-16 {
    padding-left: 16px; }
  .pb-lg-16 {
    padding-bottom: 16px; }
  .p-lg-16 {
    padding: 16px; }
  .mt-lg-16 {
    margin-top: 16px; }
  .mr-lg-16 {
    margin-right: 16px; }
  .ml-lg-16 {
    margin-left: 16px; }
  .mb-lg-16 {
    margin-bottom: 16px; }
  .m-lg-16 {
    margin: 16px; }
  .pt-lg-17 {
    padding-top: 17px; }
  .pr-lg-17 {
    padding-right: 17px; }
  .pl-lg-17 {
    padding-left: 17px; }
  .pb-lg-17 {
    padding-bottom: 17px; }
  .p-lg-17 {
    padding: 17px; }
  .mt-lg-17 {
    margin-top: 17px; }
  .mr-lg-17 {
    margin-right: 17px; }
  .ml-lg-17 {
    margin-left: 17px; }
  .mb-lg-17 {
    margin-bottom: 17px; }
  .m-lg-17 {
    margin: 17px; }
  .pt-lg-18 {
    padding-top: 18px; }
  .pr-lg-18 {
    padding-right: 18px; }
  .pl-lg-18 {
    padding-left: 18px; }
  .pb-lg-18 {
    padding-bottom: 18px; }
  .p-lg-18 {
    padding: 18px; }
  .mt-lg-18 {
    margin-top: 18px; }
  .mr-lg-18 {
    margin-right: 18px; }
  .ml-lg-18 {
    margin-left: 18px; }
  .mb-lg-18 {
    margin-bottom: 18px; }
  .m-lg-18 {
    margin: 18px; }
  .pt-lg-19 {
    padding-top: 19px; }
  .pr-lg-19 {
    padding-right: 19px; }
  .pl-lg-19 {
    padding-left: 19px; }
  .pb-lg-19 {
    padding-bottom: 19px; }
  .p-lg-19 {
    padding: 19px; }
  .mt-lg-19 {
    margin-top: 19px; }
  .mr-lg-19 {
    margin-right: 19px; }
  .ml-lg-19 {
    margin-left: 19px; }
  .mb-lg-19 {
    margin-bottom: 19px; }
  .m-lg-19 {
    margin: 19px; }
  .pt-lg-20 {
    padding-top: 20px; }
  .pr-lg-20 {
    padding-right: 20px; }
  .pl-lg-20 {
    padding-left: 20px; }
  .pb-lg-20 {
    padding-bottom: 20px; }
  .p-lg-20 {
    padding: 20px; }
  .mt-lg-20 {
    margin-top: 20px; }
  .mr-lg-20 {
    margin-right: 20px; }
  .ml-lg-20 {
    margin-left: 20px; }
  .mb-lg-20 {
    margin-bottom: 20px; }
  .m-lg-20 {
    margin: 20px; }
  .pt-lg-5 {
    padding-top: 5px; }
  .pr-lg-5 {
    padding-right: 5px; }
  .pl-lg-5 {
    padding-left: 5px; }
  .pb-lg-5 {
    padding-bottom: 5px; }
  .p-lg-5 {
    padding: 5px; }
  .mt-lg-5 {
    margin-top: 5px; }
  .mr-lg-5 {
    margin-right: 5px; }
  .ml-lg-5 {
    margin-left: 5px; }
  .mb-lg-5 {
    margin-bottom: 5px; }
  .m-lg-5 {
    margin: 5px; }
  .pt-lg-10 {
    padding-top: 10px; }
  .pr-lg-10 {
    padding-right: 10px; }
  .pl-lg-10 {
    padding-left: 10px; }
  .pb-lg-10 {
    padding-bottom: 10px; }
  .p-lg-10 {
    padding: 10px; }
  .mt-lg-10 {
    margin-top: 10px; }
  .mr-lg-10 {
    margin-right: 10px; }
  .ml-lg-10 {
    margin-left: 10px; }
  .mb-lg-10 {
    margin-bottom: 10px; }
  .m-lg-10 {
    margin: 10px; }
  .pt-lg-15 {
    padding-top: 15px; }
  .pr-lg-15 {
    padding-right: 15px; }
  .pl-lg-15 {
    padding-left: 15px; }
  .pb-lg-15 {
    padding-bottom: 15px; }
  .p-lg-15 {
    padding: 15px; }
  .mt-lg-15 {
    margin-top: 15px; }
  .mr-lg-15 {
    margin-right: 15px; }
  .ml-lg-15 {
    margin-left: 15px; }
  .mb-lg-15 {
    margin-bottom: 15px; }
  .m-lg-15 {
    margin: 15px; }
  .pt-lg-20 {
    padding-top: 20px; }
  .pr-lg-20 {
    padding-right: 20px; }
  .pl-lg-20 {
    padding-left: 20px; }
  .pb-lg-20 {
    padding-bottom: 20px; }
  .p-lg-20 {
    padding: 20px; }
  .mt-lg-20 {
    margin-top: 20px; }
  .mr-lg-20 {
    margin-right: 20px; }
  .ml-lg-20 {
    margin-left: 20px; }
  .mb-lg-20 {
    margin-bottom: 20px; }
  .m-lg-20 {
    margin: 20px; }
  .pt-lg-25 {
    padding-top: 25px; }
  .pr-lg-25 {
    padding-right: 25px; }
  .pl-lg-25 {
    padding-left: 25px; }
  .pb-lg-25 {
    padding-bottom: 25px; }
  .p-lg-25 {
    padding: 25px; }
  .mt-lg-25 {
    margin-top: 25px; }
  .mr-lg-25 {
    margin-right: 25px; }
  .ml-lg-25 {
    margin-left: 25px; }
  .mb-lg-25 {
    margin-bottom: 25px; }
  .m-lg-25 {
    margin: 25px; }
  .pt-lg-30 {
    padding-top: 30px; }
  .pr-lg-30 {
    padding-right: 30px; }
  .pl-lg-30 {
    padding-left: 30px; }
  .pb-lg-30 {
    padding-bottom: 30px; }
  .p-lg-30 {
    padding: 30px; }
  .mt-lg-30 {
    margin-top: 30px; }
  .mr-lg-30 {
    margin-right: 30px; }
  .ml-lg-30 {
    margin-left: 30px; }
  .mb-lg-30 {
    margin-bottom: 30px; }
  .m-lg-30 {
    margin: 30px; }
  .pt-lg-35 {
    padding-top: 35px; }
  .pr-lg-35 {
    padding-right: 35px; }
  .pl-lg-35 {
    padding-left: 35px; }
  .pb-lg-35 {
    padding-bottom: 35px; }
  .p-lg-35 {
    padding: 35px; }
  .mt-lg-35 {
    margin-top: 35px; }
  .mr-lg-35 {
    margin-right: 35px; }
  .ml-lg-35 {
    margin-left: 35px; }
  .mb-lg-35 {
    margin-bottom: 35px; }
  .m-lg-35 {
    margin: 35px; }
  .pt-lg-40 {
    padding-top: 40px; }
  .pr-lg-40 {
    padding-right: 40px; }
  .pl-lg-40 {
    padding-left: 40px; }
  .pb-lg-40 {
    padding-bottom: 40px; }
  .p-lg-40 {
    padding: 40px; }
  .mt-lg-40 {
    margin-top: 40px; }
  .mr-lg-40 {
    margin-right: 40px; }
  .ml-lg-40 {
    margin-left: 40px; }
  .mb-lg-40 {
    margin-bottom: 40px; }
  .m-lg-40 {
    margin: 40px; }
  .pt-lg-45 {
    padding-top: 45px; }
  .pr-lg-45 {
    padding-right: 45px; }
  .pl-lg-45 {
    padding-left: 45px; }
  .pb-lg-45 {
    padding-bottom: 45px; }
  .p-lg-45 {
    padding: 45px; }
  .mt-lg-45 {
    margin-top: 45px; }
  .mr-lg-45 {
    margin-right: 45px; }
  .ml-lg-45 {
    margin-left: 45px; }
  .mb-lg-45 {
    margin-bottom: 45px; }
  .m-lg-45 {
    margin: 45px; }
  .pt-lg-50 {
    padding-top: 50px; }
  .pr-lg-50 {
    padding-right: 50px; }
  .pl-lg-50 {
    padding-left: 50px; }
  .pb-lg-50 {
    padding-bottom: 50px; }
  .p-lg-50 {
    padding: 50px; }
  .mt-lg-50 {
    margin-top: 50px; }
  .mr-lg-50 {
    margin-right: 50px; }
  .ml-lg-50 {
    margin-left: 50px; }
  .mb-lg-50 {
    margin-bottom: 50px; }
  .m-lg-50 {
    margin: 50px; }
  .pt-lg-55 {
    padding-top: 55px; }
  .pr-lg-55 {
    padding-right: 55px; }
  .pl-lg-55 {
    padding-left: 55px; }
  .pb-lg-55 {
    padding-bottom: 55px; }
  .p-lg-55 {
    padding: 55px; }
  .mt-lg-55 {
    margin-top: 55px; }
  .mr-lg-55 {
    margin-right: 55px; }
  .ml-lg-55 {
    margin-left: 55px; }
  .mb-lg-55 {
    margin-bottom: 55px; }
  .m-lg-55 {
    margin: 55px; }
  .pt-lg-60 {
    padding-top: 60px; }
  .pr-lg-60 {
    padding-right: 60px; }
  .pl-lg-60 {
    padding-left: 60px; }
  .pb-lg-60 {
    padding-bottom: 60px; }
  .p-lg-60 {
    padding: 60px; }
  .mt-lg-60 {
    margin-top: 60px; }
  .mr-lg-60 {
    margin-right: 60px; }
  .ml-lg-60 {
    margin-left: 60px; }
  .mb-lg-60 {
    margin-bottom: 60px; }
  .m-lg-60 {
    margin: 60px; }
  .pt-lg-65 {
    padding-top: 65px; }
  .pr-lg-65 {
    padding-right: 65px; }
  .pl-lg-65 {
    padding-left: 65px; }
  .pb-lg-65 {
    padding-bottom: 65px; }
  .p-lg-65 {
    padding: 65px; }
  .mt-lg-65 {
    margin-top: 65px; }
  .mr-lg-65 {
    margin-right: 65px; }
  .ml-lg-65 {
    margin-left: 65px; }
  .mb-lg-65 {
    margin-bottom: 65px; }
  .m-lg-65 {
    margin: 65px; }
  .pt-lg-70 {
    padding-top: 70px; }
  .pr-lg-70 {
    padding-right: 70px; }
  .pl-lg-70 {
    padding-left: 70px; }
  .pb-lg-70 {
    padding-bottom: 70px; }
  .p-lg-70 {
    padding: 70px; }
  .mt-lg-70 {
    margin-top: 70px; }
  .mr-lg-70 {
    margin-right: 70px; }
  .ml-lg-70 {
    margin-left: 70px; }
  .mb-lg-70 {
    margin-bottom: 70px; }
  .m-lg-70 {
    margin: 70px; }
  .pt-lg-75 {
    padding-top: 75px; }
  .pr-lg-75 {
    padding-right: 75px; }
  .pl-lg-75 {
    padding-left: 75px; }
  .pb-lg-75 {
    padding-bottom: 75px; }
  .p-lg-75 {
    padding: 75px; }
  .mt-lg-75 {
    margin-top: 75px; }
  .mr-lg-75 {
    margin-right: 75px; }
  .ml-lg-75 {
    margin-left: 75px; }
  .mb-lg-75 {
    margin-bottom: 75px; }
  .m-lg-75 {
    margin: 75px; }
  .pt-lg-80 {
    padding-top: 80px; }
  .pr-lg-80 {
    padding-right: 80px; }
  .pl-lg-80 {
    padding-left: 80px; }
  .pb-lg-80 {
    padding-bottom: 80px; }
  .p-lg-80 {
    padding: 80px; }
  .mt-lg-80 {
    margin-top: 80px; }
  .mr-lg-80 {
    margin-right: 80px; }
  .ml-lg-80 {
    margin-left: 80px; }
  .mb-lg-80 {
    margin-bottom: 80px; }
  .m-lg-80 {
    margin: 80px; }
  .pt-lg-85 {
    padding-top: 85px; }
  .pr-lg-85 {
    padding-right: 85px; }
  .pl-lg-85 {
    padding-left: 85px; }
  .pb-lg-85 {
    padding-bottom: 85px; }
  .p-lg-85 {
    padding: 85px; }
  .mt-lg-85 {
    margin-top: 85px; }
  .mr-lg-85 {
    margin-right: 85px; }
  .ml-lg-85 {
    margin-left: 85px; }
  .mb-lg-85 {
    margin-bottom: 85px; }
  .m-lg-85 {
    margin: 85px; }
  .pt-lg-90 {
    padding-top: 90px; }
  .pr-lg-90 {
    padding-right: 90px; }
  .pl-lg-90 {
    padding-left: 90px; }
  .pb-lg-90 {
    padding-bottom: 90px; }
  .p-lg-90 {
    padding: 90px; }
  .mt-lg-90 {
    margin-top: 90px; }
  .mr-lg-90 {
    margin-right: 90px; }
  .ml-lg-90 {
    margin-left: 90px; }
  .mb-lg-90 {
    margin-bottom: 90px; }
  .m-lg-90 {
    margin: 90px; }
  .pt-lg-95 {
    padding-top: 95px; }
  .pr-lg-95 {
    padding-right: 95px; }
  .pl-lg-95 {
    padding-left: 95px; }
  .pb-lg-95 {
    padding-bottom: 95px; }
  .p-lg-95 {
    padding: 95px; }
  .mt-lg-95 {
    margin-top: 95px; }
  .mr-lg-95 {
    margin-right: 95px; }
  .ml-lg-95 {
    margin-left: 95px; }
  .mb-lg-95 {
    margin-bottom: 95px; }
  .m-lg-95 {
    margin: 95px; }
  .pt-lg-100 {
    padding-top: 100px; }
  .pr-lg-100 {
    padding-right: 100px; }
  .pl-lg-100 {
    padding-left: 100px; }
  .pb-lg-100 {
    padding-bottom: 100px; }
  .p-lg-100 {
    padding: 100px; }
  .mt-lg-100 {
    margin-top: 100px; }
  .mr-lg-100 {
    margin-right: 100px; }
  .ml-lg-100 {
    margin-left: 100px; }
  .mb-lg-100 {
    margin-bottom: 100px; }
  .m-lg-100 {
    margin: 100px; }
  .pt-lg-105 {
    padding-top: 105px; }
  .pr-lg-105 {
    padding-right: 105px; }
  .pl-lg-105 {
    padding-left: 105px; }
  .pb-lg-105 {
    padding-bottom: 105px; }
  .p-lg-105 {
    padding: 105px; }
  .mt-lg-105 {
    margin-top: 105px; }
  .mr-lg-105 {
    margin-right: 105px; }
  .ml-lg-105 {
    margin-left: 105px; }
  .mb-lg-105 {
    margin-bottom: 105px; }
  .m-lg-105 {
    margin: 105px; }
  .pt-lg-110 {
    padding-top: 110px; }
  .pr-lg-110 {
    padding-right: 110px; }
  .pl-lg-110 {
    padding-left: 110px; }
  .pb-lg-110 {
    padding-bottom: 110px; }
  .p-lg-110 {
    padding: 110px; }
  .mt-lg-110 {
    margin-top: 110px; }
  .mr-lg-110 {
    margin-right: 110px; }
  .ml-lg-110 {
    margin-left: 110px; }
  .mb-lg-110 {
    margin-bottom: 110px; }
  .m-lg-110 {
    margin: 110px; }
  .pt-lg-115 {
    padding-top: 115px; }
  .pr-lg-115 {
    padding-right: 115px; }
  .pl-lg-115 {
    padding-left: 115px; }
  .pb-lg-115 {
    padding-bottom: 115px; }
  .p-lg-115 {
    padding: 115px; }
  .mt-lg-115 {
    margin-top: 115px; }
  .mr-lg-115 {
    margin-right: 115px; }
  .ml-lg-115 {
    margin-left: 115px; }
  .mb-lg-115 {
    margin-bottom: 115px; }
  .m-lg-115 {
    margin: 115px; }
  .pt-lg-120 {
    padding-top: 120px; }
  .pr-lg-120 {
    padding-right: 120px; }
  .pl-lg-120 {
    padding-left: 120px; }
  .pb-lg-120 {
    padding-bottom: 120px; }
  .p-lg-120 {
    padding: 120px; }
  .mt-lg-120 {
    margin-top: 120px; }
  .mr-lg-120 {
    margin-right: 120px; }
  .ml-lg-120 {
    margin-left: 120px; }
  .mb-lg-120 {
    margin-bottom: 120px; }
  .m-lg-120 {
    margin: 120px; }
  .pt-lg-125 {
    padding-top: 125px; }
  .pr-lg-125 {
    padding-right: 125px; }
  .pl-lg-125 {
    padding-left: 125px; }
  .pb-lg-125 {
    padding-bottom: 125px; }
  .p-lg-125 {
    padding: 125px; }
  .mt-lg-125 {
    margin-top: 125px; }
  .mr-lg-125 {
    margin-right: 125px; }
  .ml-lg-125 {
    margin-left: 125px; }
  .mb-lg-125 {
    margin-bottom: 125px; }
  .m-lg-125 {
    margin: 125px; }
  .pt-lg-130 {
    padding-top: 130px; }
  .pr-lg-130 {
    padding-right: 130px; }
  .pl-lg-130 {
    padding-left: 130px; }
  .pb-lg-130 {
    padding-bottom: 130px; }
  .p-lg-130 {
    padding: 130px; }
  .mt-lg-130 {
    margin-top: 130px; }
  .mr-lg-130 {
    margin-right: 130px; }
  .ml-lg-130 {
    margin-left: 130px; }
  .mb-lg-130 {
    margin-bottom: 130px; }
  .m-lg-130 {
    margin: 130px; }
  .pt-lg-135 {
    padding-top: 135px; }
  .pr-lg-135 {
    padding-right: 135px; }
  .pl-lg-135 {
    padding-left: 135px; }
  .pb-lg-135 {
    padding-bottom: 135px; }
  .p-lg-135 {
    padding: 135px; }
  .mt-lg-135 {
    margin-top: 135px; }
  .mr-lg-135 {
    margin-right: 135px; }
  .ml-lg-135 {
    margin-left: 135px; }
  .mb-lg-135 {
    margin-bottom: 135px; }
  .m-lg-135 {
    margin: 135px; }
  .pt-lg-140 {
    padding-top: 140px; }
  .pr-lg-140 {
    padding-right: 140px; }
  .pl-lg-140 {
    padding-left: 140px; }
  .pb-lg-140 {
    padding-bottom: 140px; }
  .p-lg-140 {
    padding: 140px; }
  .mt-lg-140 {
    margin-top: 140px; }
  .mr-lg-140 {
    margin-right: 140px; }
  .ml-lg-140 {
    margin-left: 140px; }
  .mb-lg-140 {
    margin-bottom: 140px; }
  .m-lg-140 {
    margin: 140px; }
  .pt-lg-145 {
    padding-top: 145px; }
  .pr-lg-145 {
    padding-right: 145px; }
  .pl-lg-145 {
    padding-left: 145px; }
  .pb-lg-145 {
    padding-bottom: 145px; }
  .p-lg-145 {
    padding: 145px; }
  .mt-lg-145 {
    margin-top: 145px; }
  .mr-lg-145 {
    margin-right: 145px; }
  .ml-lg-145 {
    margin-left: 145px; }
  .mb-lg-145 {
    margin-bottom: 145px; }
  .m-lg-145 {
    margin: 145px; }
  .pt-lg-150 {
    padding-top: 150px; }
  .pr-lg-150 {
    padding-right: 150px; }
  .pl-lg-150 {
    padding-left: 150px; }
  .pb-lg-150 {
    padding-bottom: 150px; }
  .p-lg-150 {
    padding: 150px; }
  .mt-lg-150 {
    margin-top: 150px; }
  .mr-lg-150 {
    margin-right: 150px; }
  .ml-lg-150 {
    margin-left: 150px; }
  .mb-lg-150 {
    margin-bottom: 150px; }
  .m-lg-150 {
    margin: 150px; }
  .pt-lg-155 {
    padding-top: 155px; }
  .pr-lg-155 {
    padding-right: 155px; }
  .pl-lg-155 {
    padding-left: 155px; }
  .pb-lg-155 {
    padding-bottom: 155px; }
  .p-lg-155 {
    padding: 155px; }
  .mt-lg-155 {
    margin-top: 155px; }
  .mr-lg-155 {
    margin-right: 155px; }
  .ml-lg-155 {
    margin-left: 155px; }
  .mb-lg-155 {
    margin-bottom: 155px; }
  .m-lg-155 {
    margin: 155px; }
  .pt-lg-160 {
    padding-top: 160px; }
  .pr-lg-160 {
    padding-right: 160px; }
  .pl-lg-160 {
    padding-left: 160px; }
  .pb-lg-160 {
    padding-bottom: 160px; }
  .p-lg-160 {
    padding: 160px; }
  .mt-lg-160 {
    margin-top: 160px; }
  .mr-lg-160 {
    margin-right: 160px; }
  .ml-lg-160 {
    margin-left: 160px; }
  .mb-lg-160 {
    margin-bottom: 160px; }
  .m-lg-160 {
    margin: 160px; }
  .pt-lg-165 {
    padding-top: 165px; }
  .pr-lg-165 {
    padding-right: 165px; }
  .pl-lg-165 {
    padding-left: 165px; }
  .pb-lg-165 {
    padding-bottom: 165px; }
  .p-lg-165 {
    padding: 165px; }
  .mt-lg-165 {
    margin-top: 165px; }
  .mr-lg-165 {
    margin-right: 165px; }
  .ml-lg-165 {
    margin-left: 165px; }
  .mb-lg-165 {
    margin-bottom: 165px; }
  .m-lg-165 {
    margin: 165px; }
  .pt-lg-170 {
    padding-top: 170px; }
  .pr-lg-170 {
    padding-right: 170px; }
  .pl-lg-170 {
    padding-left: 170px; }
  .pb-lg-170 {
    padding-bottom: 170px; }
  .p-lg-170 {
    padding: 170px; }
  .mt-lg-170 {
    margin-top: 170px; }
  .mr-lg-170 {
    margin-right: 170px; }
  .ml-lg-170 {
    margin-left: 170px; }
  .mb-lg-170 {
    margin-bottom: 170px; }
  .m-lg-170 {
    margin: 170px; }
  .pt-lg-175 {
    padding-top: 175px; }
  .pr-lg-175 {
    padding-right: 175px; }
  .pl-lg-175 {
    padding-left: 175px; }
  .pb-lg-175 {
    padding-bottom: 175px; }
  .p-lg-175 {
    padding: 175px; }
  .mt-lg-175 {
    margin-top: 175px; }
  .mr-lg-175 {
    margin-right: 175px; }
  .ml-lg-175 {
    margin-left: 175px; }
  .mb-lg-175 {
    margin-bottom: 175px; }
  .m-lg-175 {
    margin: 175px; }
  .pt-lg-180 {
    padding-top: 180px; }
  .pr-lg-180 {
    padding-right: 180px; }
  .pl-lg-180 {
    padding-left: 180px; }
  .pb-lg-180 {
    padding-bottom: 180px; }
  .p-lg-180 {
    padding: 180px; }
  .mt-lg-180 {
    margin-top: 180px; }
  .mr-lg-180 {
    margin-right: 180px; }
  .ml-lg-180 {
    margin-left: 180px; }
  .mb-lg-180 {
    margin-bottom: 180px; }
  .m-lg-180 {
    margin: 180px; }
  .pt-lg-185 {
    padding-top: 185px; }
  .pr-lg-185 {
    padding-right: 185px; }
  .pl-lg-185 {
    padding-left: 185px; }
  .pb-lg-185 {
    padding-bottom: 185px; }
  .p-lg-185 {
    padding: 185px; }
  .mt-lg-185 {
    margin-top: 185px; }
  .mr-lg-185 {
    margin-right: 185px; }
  .ml-lg-185 {
    margin-left: 185px; }
  .mb-lg-185 {
    margin-bottom: 185px; }
  .m-lg-185 {
    margin: 185px; }
  .pt-lg-190 {
    padding-top: 190px; }
  .pr-lg-190 {
    padding-right: 190px; }
  .pl-lg-190 {
    padding-left: 190px; }
  .pb-lg-190 {
    padding-bottom: 190px; }
  .p-lg-190 {
    padding: 190px; }
  .mt-lg-190 {
    margin-top: 190px; }
  .mr-lg-190 {
    margin-right: 190px; }
  .ml-lg-190 {
    margin-left: 190px; }
  .mb-lg-190 {
    margin-bottom: 190px; }
  .m-lg-190 {
    margin: 190px; }
  .pt-lg-195 {
    padding-top: 195px; }
  .pr-lg-195 {
    padding-right: 195px; }
  .pl-lg-195 {
    padding-left: 195px; }
  .pb-lg-195 {
    padding-bottom: 195px; }
  .p-lg-195 {
    padding: 195px; }
  .mt-lg-195 {
    margin-top: 195px; }
  .mr-lg-195 {
    margin-right: 195px; }
  .ml-lg-195 {
    margin-left: 195px; }
  .mb-lg-195 {
    margin-bottom: 195px; }
  .m-lg-195 {
    margin: 195px; }
  .pt-lg-200 {
    padding-top: 200px; }
  .pr-lg-200 {
    padding-right: 200px; }
  .pl-lg-200 {
    padding-left: 200px; }
  .pb-lg-200 {
    padding-bottom: 200px; }
  .p-lg-200 {
    padding: 200px; }
  .mt-lg-200 {
    margin-top: 200px; }
  .mr-lg-200 {
    margin-right: 200px; }
  .ml-lg-200 {
    margin-left: 200px; }
  .mb-lg-200 {
    margin-bottom: 200px; }
  .m-lg-200 {
    margin: 200px; }
  .pt-lg-205 {
    padding-top: 205px; }
  .pr-lg-205 {
    padding-right: 205px; }
  .pl-lg-205 {
    padding-left: 205px; }
  .pb-lg-205 {
    padding-bottom: 205px; }
  .p-lg-205 {
    padding: 205px; }
  .mt-lg-205 {
    margin-top: 205px; }
  .mr-lg-205 {
    margin-right: 205px; }
  .ml-lg-205 {
    margin-left: 205px; }
  .mb-lg-205 {
    margin-bottom: 205px; }
  .m-lg-205 {
    margin: 205px; }
  .pt-lg-210 {
    padding-top: 210px; }
  .pr-lg-210 {
    padding-right: 210px; }
  .pl-lg-210 {
    padding-left: 210px; }
  .pb-lg-210 {
    padding-bottom: 210px; }
  .p-lg-210 {
    padding: 210px; }
  .mt-lg-210 {
    margin-top: 210px; }
  .mr-lg-210 {
    margin-right: 210px; }
  .ml-lg-210 {
    margin-left: 210px; }
  .mb-lg-210 {
    margin-bottom: 210px; }
  .m-lg-210 {
    margin: 210px; }
  .pt-lg-215 {
    padding-top: 215px; }
  .pr-lg-215 {
    padding-right: 215px; }
  .pl-lg-215 {
    padding-left: 215px; }
  .pb-lg-215 {
    padding-bottom: 215px; }
  .p-lg-215 {
    padding: 215px; }
  .mt-lg-215 {
    margin-top: 215px; }
  .mr-lg-215 {
    margin-right: 215px; }
  .ml-lg-215 {
    margin-left: 215px; }
  .mb-lg-215 {
    margin-bottom: 215px; }
  .m-lg-215 {
    margin: 215px; }
  .pt-lg-220 {
    padding-top: 220px; }
  .pr-lg-220 {
    padding-right: 220px; }
  .pl-lg-220 {
    padding-left: 220px; }
  .pb-lg-220 {
    padding-bottom: 220px; }
  .p-lg-220 {
    padding: 220px; }
  .mt-lg-220 {
    margin-top: 220px; }
  .mr-lg-220 {
    margin-right: 220px; }
  .ml-lg-220 {
    margin-left: 220px; }
  .mb-lg-220 {
    margin-bottom: 220px; }
  .m-lg-220 {
    margin: 220px; }
  .pt-lg-225 {
    padding-top: 225px; }
  .pr-lg-225 {
    padding-right: 225px; }
  .pl-lg-225 {
    padding-left: 225px; }
  .pb-lg-225 {
    padding-bottom: 225px; }
  .p-lg-225 {
    padding: 225px; }
  .mt-lg-225 {
    margin-top: 225px; }
  .mr-lg-225 {
    margin-right: 225px; }
  .ml-lg-225 {
    margin-left: 225px; }
  .mb-lg-225 {
    margin-bottom: 225px; }
  .m-lg-225 {
    margin: 225px; }
  .pt-lg-230 {
    padding-top: 230px; }
  .pr-lg-230 {
    padding-right: 230px; }
  .pl-lg-230 {
    padding-left: 230px; }
  .pb-lg-230 {
    padding-bottom: 230px; }
  .p-lg-230 {
    padding: 230px; }
  .mt-lg-230 {
    margin-top: 230px; }
  .mr-lg-230 {
    margin-right: 230px; }
  .ml-lg-230 {
    margin-left: 230px; }
  .mb-lg-230 {
    margin-bottom: 230px; }
  .m-lg-230 {
    margin: 230px; }
  .pt-lg-235 {
    padding-top: 235px; }
  .pr-lg-235 {
    padding-right: 235px; }
  .pl-lg-235 {
    padding-left: 235px; }
  .pb-lg-235 {
    padding-bottom: 235px; }
  .p-lg-235 {
    padding: 235px; }
  .mt-lg-235 {
    margin-top: 235px; }
  .mr-lg-235 {
    margin-right: 235px; }
  .ml-lg-235 {
    margin-left: 235px; }
  .mb-lg-235 {
    margin-bottom: 235px; }
  .m-lg-235 {
    margin: 235px; }
  .pt-lg-240 {
    padding-top: 240px; }
  .pr-lg-240 {
    padding-right: 240px; }
  .pl-lg-240 {
    padding-left: 240px; }
  .pb-lg-240 {
    padding-bottom: 240px; }
  .p-lg-240 {
    padding: 240px; }
  .mt-lg-240 {
    margin-top: 240px; }
  .mr-lg-240 {
    margin-right: 240px; }
  .ml-lg-240 {
    margin-left: 240px; }
  .mb-lg-240 {
    margin-bottom: 240px; }
  .m-lg-240 {
    margin: 240px; }
  .pt-lg-245 {
    padding-top: 245px; }
  .pr-lg-245 {
    padding-right: 245px; }
  .pl-lg-245 {
    padding-left: 245px; }
  .pb-lg-245 {
    padding-bottom: 245px; }
  .p-lg-245 {
    padding: 245px; }
  .mt-lg-245 {
    margin-top: 245px; }
  .mr-lg-245 {
    margin-right: 245px; }
  .ml-lg-245 {
    margin-left: 245px; }
  .mb-lg-245 {
    margin-bottom: 245px; }
  .m-lg-245 {
    margin: 245px; }
  .pt-lg-250 {
    padding-top: 250px; }
  .pr-lg-250 {
    padding-right: 250px; }
  .pl-lg-250 {
    padding-left: 250px; }
  .pb-lg-250 {
    padding-bottom: 250px; }
  .p-lg-250 {
    padding: 250px; }
  .mt-lg-250 {
    margin-top: 250px; }
  .mr-lg-250 {
    margin-right: 250px; }
  .ml-lg-250 {
    margin-left: 250px; }
  .mb-lg-250 {
    margin-bottom: 250px; }
  .m-lg-250 {
    margin: 250px; }
  .pt-lg-255 {
    padding-top: 255px; }
  .pr-lg-255 {
    padding-right: 255px; }
  .pl-lg-255 {
    padding-left: 255px; }
  .pb-lg-255 {
    padding-bottom: 255px; }
  .p-lg-255 {
    padding: 255px; }
  .mt-lg-255 {
    margin-top: 255px; }
  .mr-lg-255 {
    margin-right: 255px; }
  .ml-lg-255 {
    margin-left: 255px; }
  .mb-lg-255 {
    margin-bottom: 255px; }
  .m-lg-255 {
    margin: 255px; }
  .pt-lg-260 {
    padding-top: 260px; }
  .pr-lg-260 {
    padding-right: 260px; }
  .pl-lg-260 {
    padding-left: 260px; }
  .pb-lg-260 {
    padding-bottom: 260px; }
  .p-lg-260 {
    padding: 260px; }
  .mt-lg-260 {
    margin-top: 260px; }
  .mr-lg-260 {
    margin-right: 260px; }
  .ml-lg-260 {
    margin-left: 260px; }
  .mb-lg-260 {
    margin-bottom: 260px; }
  .m-lg-260 {
    margin: 260px; }
  .pt-lg-265 {
    padding-top: 265px; }
  .pr-lg-265 {
    padding-right: 265px; }
  .pl-lg-265 {
    padding-left: 265px; }
  .pb-lg-265 {
    padding-bottom: 265px; }
  .p-lg-265 {
    padding: 265px; }
  .mt-lg-265 {
    margin-top: 265px; }
  .mr-lg-265 {
    margin-right: 265px; }
  .ml-lg-265 {
    margin-left: 265px; }
  .mb-lg-265 {
    margin-bottom: 265px; }
  .m-lg-265 {
    margin: 265px; }
  .pt-lg-270 {
    padding-top: 270px; }
  .pr-lg-270 {
    padding-right: 270px; }
  .pl-lg-270 {
    padding-left: 270px; }
  .pb-lg-270 {
    padding-bottom: 270px; }
  .p-lg-270 {
    padding: 270px; }
  .mt-lg-270 {
    margin-top: 270px; }
  .mr-lg-270 {
    margin-right: 270px; }
  .ml-lg-270 {
    margin-left: 270px; }
  .mb-lg-270 {
    margin-bottom: 270px; }
  .m-lg-270 {
    margin: 270px; }
  .pt-lg-275 {
    padding-top: 275px; }
  .pr-lg-275 {
    padding-right: 275px; }
  .pl-lg-275 {
    padding-left: 275px; }
  .pb-lg-275 {
    padding-bottom: 275px; }
  .p-lg-275 {
    padding: 275px; }
  .mt-lg-275 {
    margin-top: 275px; }
  .mr-lg-275 {
    margin-right: 275px; }
  .ml-lg-275 {
    margin-left: 275px; }
  .mb-lg-275 {
    margin-bottom: 275px; }
  .m-lg-275 {
    margin: 275px; }
  .pt-lg-280 {
    padding-top: 280px; }
  .pr-lg-280 {
    padding-right: 280px; }
  .pl-lg-280 {
    padding-left: 280px; }
  .pb-lg-280 {
    padding-bottom: 280px; }
  .p-lg-280 {
    padding: 280px; }
  .mt-lg-280 {
    margin-top: 280px; }
  .mr-lg-280 {
    margin-right: 280px; }
  .ml-lg-280 {
    margin-left: 280px; }
  .mb-lg-280 {
    margin-bottom: 280px; }
  .m-lg-280 {
    margin: 280px; }
  .pt-lg-285 {
    padding-top: 285px; }
  .pr-lg-285 {
    padding-right: 285px; }
  .pl-lg-285 {
    padding-left: 285px; }
  .pb-lg-285 {
    padding-bottom: 285px; }
  .p-lg-285 {
    padding: 285px; }
  .mt-lg-285 {
    margin-top: 285px; }
  .mr-lg-285 {
    margin-right: 285px; }
  .ml-lg-285 {
    margin-left: 285px; }
  .mb-lg-285 {
    margin-bottom: 285px; }
  .m-lg-285 {
    margin: 285px; }
  .pt-lg-290 {
    padding-top: 290px; }
  .pr-lg-290 {
    padding-right: 290px; }
  .pl-lg-290 {
    padding-left: 290px; }
  .pb-lg-290 {
    padding-bottom: 290px; }
  .p-lg-290 {
    padding: 290px; }
  .mt-lg-290 {
    margin-top: 290px; }
  .mr-lg-290 {
    margin-right: 290px; }
  .ml-lg-290 {
    margin-left: 290px; }
  .mb-lg-290 {
    margin-bottom: 290px; }
  .m-lg-290 {
    margin: 290px; }
  .pt-lg-295 {
    padding-top: 295px; }
  .pr-lg-295 {
    padding-right: 295px; }
  .pl-lg-295 {
    padding-left: 295px; }
  .pb-lg-295 {
    padding-bottom: 295px; }
  .p-lg-295 {
    padding: 295px; }
  .mt-lg-295 {
    margin-top: 295px; }
  .mr-lg-295 {
    margin-right: 295px; }
  .ml-lg-295 {
    margin-left: 295px; }
  .mb-lg-295 {
    margin-bottom: 295px; }
  .m-lg-295 {
    margin: 295px; }
  .pt-lg-300 {
    padding-top: 300px; }
  .pr-lg-300 {
    padding-right: 300px; }
  .pl-lg-300 {
    padding-left: 300px; }
  .pb-lg-300 {
    padding-bottom: 300px; }
  .p-lg-300 {
    padding: 300px; }
  .mt-lg-300 {
    margin-top: 300px; }
  .mr-lg-300 {
    margin-right: 300px; }
  .ml-lg-300 {
    margin-left: 300px; }
  .mb-lg-300 {
    margin-bottom: 300px; }
  .m-lg-300 {
    margin: 300px; }
  .pt-lg-305 {
    padding-top: 305px; }
  .pr-lg-305 {
    padding-right: 305px; }
  .pl-lg-305 {
    padding-left: 305px; }
  .pb-lg-305 {
    padding-bottom: 305px; }
  .p-lg-305 {
    padding: 305px; }
  .mt-lg-305 {
    margin-top: 305px; }
  .mr-lg-305 {
    margin-right: 305px; }
  .ml-lg-305 {
    margin-left: 305px; }
  .mb-lg-305 {
    margin-bottom: 305px; }
  .m-lg-305 {
    margin: 305px; }
  .pt-lg-310 {
    padding-top: 310px; }
  .pr-lg-310 {
    padding-right: 310px; }
  .pl-lg-310 {
    padding-left: 310px; }
  .pb-lg-310 {
    padding-bottom: 310px; }
  .p-lg-310 {
    padding: 310px; }
  .mt-lg-310 {
    margin-top: 310px; }
  .mr-lg-310 {
    margin-right: 310px; }
  .ml-lg-310 {
    margin-left: 310px; }
  .mb-lg-310 {
    margin-bottom: 310px; }
  .m-lg-310 {
    margin: 310px; }
  .pt-lg-315 {
    padding-top: 315px; }
  .pr-lg-315 {
    padding-right: 315px; }
  .pl-lg-315 {
    padding-left: 315px; }
  .pb-lg-315 {
    padding-bottom: 315px; }
  .p-lg-315 {
    padding: 315px; }
  .mt-lg-315 {
    margin-top: 315px; }
  .mr-lg-315 {
    margin-right: 315px; }
  .ml-lg-315 {
    margin-left: 315px; }
  .mb-lg-315 {
    margin-bottom: 315px; }
  .m-lg-315 {
    margin: 315px; }
  .pt-lg-320 {
    padding-top: 320px; }
  .pr-lg-320 {
    padding-right: 320px; }
  .pl-lg-320 {
    padding-left: 320px; }
  .pb-lg-320 {
    padding-bottom: 320px; }
  .p-lg-320 {
    padding: 320px; }
  .mt-lg-320 {
    margin-top: 320px; }
  .mr-lg-320 {
    margin-right: 320px; }
  .ml-lg-320 {
    margin-left: 320px; }
  .mb-lg-320 {
    margin-bottom: 320px; }
  .m-lg-320 {
    margin: 320px; }
  .pt-lg-325 {
    padding-top: 325px; }
  .pr-lg-325 {
    padding-right: 325px; }
  .pl-lg-325 {
    padding-left: 325px; }
  .pb-lg-325 {
    padding-bottom: 325px; }
  .p-lg-325 {
    padding: 325px; }
  .mt-lg-325 {
    margin-top: 325px; }
  .mr-lg-325 {
    margin-right: 325px; }
  .ml-lg-325 {
    margin-left: 325px; }
  .mb-lg-325 {
    margin-bottom: 325px; }
  .m-lg-325 {
    margin: 325px; }
  .pt-lg-330 {
    padding-top: 330px; }
  .pr-lg-330 {
    padding-right: 330px; }
  .pl-lg-330 {
    padding-left: 330px; }
  .pb-lg-330 {
    padding-bottom: 330px; }
  .p-lg-330 {
    padding: 330px; }
  .mt-lg-330 {
    margin-top: 330px; }
  .mr-lg-330 {
    margin-right: 330px; }
  .ml-lg-330 {
    margin-left: 330px; }
  .mb-lg-330 {
    margin-bottom: 330px; }
  .m-lg-330 {
    margin: 330px; }
  .pt-lg-335 {
    padding-top: 335px; }
  .pr-lg-335 {
    padding-right: 335px; }
  .pl-lg-335 {
    padding-left: 335px; }
  .pb-lg-335 {
    padding-bottom: 335px; }
  .p-lg-335 {
    padding: 335px; }
  .mt-lg-335 {
    margin-top: 335px; }
  .mr-lg-335 {
    margin-right: 335px; }
  .ml-lg-335 {
    margin-left: 335px; }
  .mb-lg-335 {
    margin-bottom: 335px; }
  .m-lg-335 {
    margin: 335px; }
  .pt-lg-340 {
    padding-top: 340px; }
  .pr-lg-340 {
    padding-right: 340px; }
  .pl-lg-340 {
    padding-left: 340px; }
  .pb-lg-340 {
    padding-bottom: 340px; }
  .p-lg-340 {
    padding: 340px; }
  .mt-lg-340 {
    margin-top: 340px; }
  .mr-lg-340 {
    margin-right: 340px; }
  .ml-lg-340 {
    margin-left: 340px; }
  .mb-lg-340 {
    margin-bottom: 340px; }
  .m-lg-340 {
    margin: 340px; }
  .pt-lg-345 {
    padding-top: 345px; }
  .pr-lg-345 {
    padding-right: 345px; }
  .pl-lg-345 {
    padding-left: 345px; }
  .pb-lg-345 {
    padding-bottom: 345px; }
  .p-lg-345 {
    padding: 345px; }
  .mt-lg-345 {
    margin-top: 345px; }
  .mr-lg-345 {
    margin-right: 345px; }
  .ml-lg-345 {
    margin-left: 345px; }
  .mb-lg-345 {
    margin-bottom: 345px; }
  .m-lg-345 {
    margin: 345px; }
  .pt-lg-350 {
    padding-top: 350px; }
  .pr-lg-350 {
    padding-right: 350px; }
  .pl-lg-350 {
    padding-left: 350px; }
  .pb-lg-350 {
    padding-bottom: 350px; }
  .p-lg-350 {
    padding: 350px; }
  .mt-lg-350 {
    margin-top: 350px; }
  .mr-lg-350 {
    margin-right: 350px; }
  .ml-lg-350 {
    margin-left: 350px; }
  .mb-lg-350 {
    margin-bottom: 350px; }
  .m-lg-350 {
    margin: 350px; }
  .pt-lg-355 {
    padding-top: 355px; }
  .pr-lg-355 {
    padding-right: 355px; }
  .pl-lg-355 {
    padding-left: 355px; }
  .pb-lg-355 {
    padding-bottom: 355px; }
  .p-lg-355 {
    padding: 355px; }
  .mt-lg-355 {
    margin-top: 355px; }
  .mr-lg-355 {
    margin-right: 355px; }
  .ml-lg-355 {
    margin-left: 355px; }
  .mb-lg-355 {
    margin-bottom: 355px; }
  .m-lg-355 {
    margin: 355px; }
  .pt-lg-360 {
    padding-top: 360px; }
  .pr-lg-360 {
    padding-right: 360px; }
  .pl-lg-360 {
    padding-left: 360px; }
  .pb-lg-360 {
    padding-bottom: 360px; }
  .p-lg-360 {
    padding: 360px; }
  .mt-lg-360 {
    margin-top: 360px; }
  .mr-lg-360 {
    margin-right: 360px; }
  .ml-lg-360 {
    margin-left: 360px; }
  .mb-lg-360 {
    margin-bottom: 360px; }
  .m-lg-360 {
    margin: 360px; }
  .pt-lg-365 {
    padding-top: 365px; }
  .pr-lg-365 {
    padding-right: 365px; }
  .pl-lg-365 {
    padding-left: 365px; }
  .pb-lg-365 {
    padding-bottom: 365px; }
  .p-lg-365 {
    padding: 365px; }
  .mt-lg-365 {
    margin-top: 365px; }
  .mr-lg-365 {
    margin-right: 365px; }
  .ml-lg-365 {
    margin-left: 365px; }
  .mb-lg-365 {
    margin-bottom: 365px; }
  .m-lg-365 {
    margin: 365px; }
  .pt-lg-370 {
    padding-top: 370px; }
  .pr-lg-370 {
    padding-right: 370px; }
  .pl-lg-370 {
    padding-left: 370px; }
  .pb-lg-370 {
    padding-bottom: 370px; }
  .p-lg-370 {
    padding: 370px; }
  .mt-lg-370 {
    margin-top: 370px; }
  .mr-lg-370 {
    margin-right: 370px; }
  .ml-lg-370 {
    margin-left: 370px; }
  .mb-lg-370 {
    margin-bottom: 370px; }
  .m-lg-370 {
    margin: 370px; }
  .pt-lg-375 {
    padding-top: 375px; }
  .pr-lg-375 {
    padding-right: 375px; }
  .pl-lg-375 {
    padding-left: 375px; }
  .pb-lg-375 {
    padding-bottom: 375px; }
  .p-lg-375 {
    padding: 375px; }
  .mt-lg-375 {
    margin-top: 375px; }
  .mr-lg-375 {
    margin-right: 375px; }
  .ml-lg-375 {
    margin-left: 375px; }
  .mb-lg-375 {
    margin-bottom: 375px; }
  .m-lg-375 {
    margin: 375px; }
  .pt-lg-380 {
    padding-top: 380px; }
  .pr-lg-380 {
    padding-right: 380px; }
  .pl-lg-380 {
    padding-left: 380px; }
  .pb-lg-380 {
    padding-bottom: 380px; }
  .p-lg-380 {
    padding: 380px; }
  .mt-lg-380 {
    margin-top: 380px; }
  .mr-lg-380 {
    margin-right: 380px; }
  .ml-lg-380 {
    margin-left: 380px; }
  .mb-lg-380 {
    margin-bottom: 380px; }
  .m-lg-380 {
    margin: 380px; }
  .pt-lg-385 {
    padding-top: 385px; }
  .pr-lg-385 {
    padding-right: 385px; }
  .pl-lg-385 {
    padding-left: 385px; }
  .pb-lg-385 {
    padding-bottom: 385px; }
  .p-lg-385 {
    padding: 385px; }
  .mt-lg-385 {
    margin-top: 385px; }
  .mr-lg-385 {
    margin-right: 385px; }
  .ml-lg-385 {
    margin-left: 385px; }
  .mb-lg-385 {
    margin-bottom: 385px; }
  .m-lg-385 {
    margin: 385px; }
  .pt-lg-390 {
    padding-top: 390px; }
  .pr-lg-390 {
    padding-right: 390px; }
  .pl-lg-390 {
    padding-left: 390px; }
  .pb-lg-390 {
    padding-bottom: 390px; }
  .p-lg-390 {
    padding: 390px; }
  .mt-lg-390 {
    margin-top: 390px; }
  .mr-lg-390 {
    margin-right: 390px; }
  .ml-lg-390 {
    margin-left: 390px; }
  .mb-lg-390 {
    margin-bottom: 390px; }
  .m-lg-390 {
    margin: 390px; }
  .pt-lg-395 {
    padding-top: 395px; }
  .pr-lg-395 {
    padding-right: 395px; }
  .pl-lg-395 {
    padding-left: 395px; }
  .pb-lg-395 {
    padding-bottom: 395px; }
  .p-lg-395 {
    padding: 395px; }
  .mt-lg-395 {
    margin-top: 395px; }
  .mr-lg-395 {
    margin-right: 395px; }
  .ml-lg-395 {
    margin-left: 395px; }
  .mb-lg-395 {
    margin-bottom: 395px; }
  .m-lg-395 {
    margin: 395px; }
  .pt-lg-400 {
    padding-top: 400px; }
  .pr-lg-400 {
    padding-right: 400px; }
  .pl-lg-400 {
    padding-left: 400px; }
  .pb-lg-400 {
    padding-bottom: 400px; }
  .p-lg-400 {
    padding: 400px; }
  .mt-lg-400 {
    margin-top: 400px; }
  .mr-lg-400 {
    margin-right: 400px; }
  .ml-lg-400 {
    margin-left: 400px; }
  .mb-lg-400 {
    margin-bottom: 400px; }
  .m-lg-400 {
    margin: 400px; }
  .pt-lg-405 {
    padding-top: 405px; }
  .pr-lg-405 {
    padding-right: 405px; }
  .pl-lg-405 {
    padding-left: 405px; }
  .pb-lg-405 {
    padding-bottom: 405px; }
  .p-lg-405 {
    padding: 405px; }
  .mt-lg-405 {
    margin-top: 405px; }
  .mr-lg-405 {
    margin-right: 405px; }
  .ml-lg-405 {
    margin-left: 405px; }
  .mb-lg-405 {
    margin-bottom: 405px; }
  .m-lg-405 {
    margin: 405px; }
  .pt-lg-410 {
    padding-top: 410px; }
  .pr-lg-410 {
    padding-right: 410px; }
  .pl-lg-410 {
    padding-left: 410px; }
  .pb-lg-410 {
    padding-bottom: 410px; }
  .p-lg-410 {
    padding: 410px; }
  .mt-lg-410 {
    margin-top: 410px; }
  .mr-lg-410 {
    margin-right: 410px; }
  .ml-lg-410 {
    margin-left: 410px; }
  .mb-lg-410 {
    margin-bottom: 410px; }
  .m-lg-410 {
    margin: 410px; }
  .pt-lg-415 {
    padding-top: 415px; }
  .pr-lg-415 {
    padding-right: 415px; }
  .pl-lg-415 {
    padding-left: 415px; }
  .pb-lg-415 {
    padding-bottom: 415px; }
  .p-lg-415 {
    padding: 415px; }
  .mt-lg-415 {
    margin-top: 415px; }
  .mr-lg-415 {
    margin-right: 415px; }
  .ml-lg-415 {
    margin-left: 415px; }
  .mb-lg-415 {
    margin-bottom: 415px; }
  .m-lg-415 {
    margin: 415px; }
  .pt-lg-420 {
    padding-top: 420px; }
  .pr-lg-420 {
    padding-right: 420px; }
  .pl-lg-420 {
    padding-left: 420px; }
  .pb-lg-420 {
    padding-bottom: 420px; }
  .p-lg-420 {
    padding: 420px; }
  .mt-lg-420 {
    margin-top: 420px; }
  .mr-lg-420 {
    margin-right: 420px; }
  .ml-lg-420 {
    margin-left: 420px; }
  .mb-lg-420 {
    margin-bottom: 420px; }
  .m-lg-420 {
    margin: 420px; }
  .pt-lg-425 {
    padding-top: 425px; }
  .pr-lg-425 {
    padding-right: 425px; }
  .pl-lg-425 {
    padding-left: 425px; }
  .pb-lg-425 {
    padding-bottom: 425px; }
  .p-lg-425 {
    padding: 425px; }
  .mt-lg-425 {
    margin-top: 425px; }
  .mr-lg-425 {
    margin-right: 425px; }
  .ml-lg-425 {
    margin-left: 425px; }
  .mb-lg-425 {
    margin-bottom: 425px; }
  .m-lg-425 {
    margin: 425px; }
  .pt-lg-430 {
    padding-top: 430px; }
  .pr-lg-430 {
    padding-right: 430px; }
  .pl-lg-430 {
    padding-left: 430px; }
  .pb-lg-430 {
    padding-bottom: 430px; }
  .p-lg-430 {
    padding: 430px; }
  .mt-lg-430 {
    margin-top: 430px; }
  .mr-lg-430 {
    margin-right: 430px; }
  .ml-lg-430 {
    margin-left: 430px; }
  .mb-lg-430 {
    margin-bottom: 430px; }
  .m-lg-430 {
    margin: 430px; }
  .pt-lg-435 {
    padding-top: 435px; }
  .pr-lg-435 {
    padding-right: 435px; }
  .pl-lg-435 {
    padding-left: 435px; }
  .pb-lg-435 {
    padding-bottom: 435px; }
  .p-lg-435 {
    padding: 435px; }
  .mt-lg-435 {
    margin-top: 435px; }
  .mr-lg-435 {
    margin-right: 435px; }
  .ml-lg-435 {
    margin-left: 435px; }
  .mb-lg-435 {
    margin-bottom: 435px; }
  .m-lg-435 {
    margin: 435px; }
  .pt-lg-440 {
    padding-top: 440px; }
  .pr-lg-440 {
    padding-right: 440px; }
  .pl-lg-440 {
    padding-left: 440px; }
  .pb-lg-440 {
    padding-bottom: 440px; }
  .p-lg-440 {
    padding: 440px; }
  .mt-lg-440 {
    margin-top: 440px; }
  .mr-lg-440 {
    margin-right: 440px; }
  .ml-lg-440 {
    margin-left: 440px; }
  .mb-lg-440 {
    margin-bottom: 440px; }
  .m-lg-440 {
    margin: 440px; }
  .pt-lg-445 {
    padding-top: 445px; }
  .pr-lg-445 {
    padding-right: 445px; }
  .pl-lg-445 {
    padding-left: 445px; }
  .pb-lg-445 {
    padding-bottom: 445px; }
  .p-lg-445 {
    padding: 445px; }
  .mt-lg-445 {
    margin-top: 445px; }
  .mr-lg-445 {
    margin-right: 445px; }
  .ml-lg-445 {
    margin-left: 445px; }
  .mb-lg-445 {
    margin-bottom: 445px; }
  .m-lg-445 {
    margin: 445px; }
  .pt-lg-450 {
    padding-top: 450px; }
  .pr-lg-450 {
    padding-right: 450px; }
  .pl-lg-450 {
    padding-left: 450px; }
  .pb-lg-450 {
    padding-bottom: 450px; }
  .p-lg-450 {
    padding: 450px; }
  .mt-lg-450 {
    margin-top: 450px; }
  .mr-lg-450 {
    margin-right: 450px; }
  .ml-lg-450 {
    margin-left: 450px; }
  .mb-lg-450 {
    margin-bottom: 450px; }
  .m-lg-450 {
    margin: 450px; }
  .pt-lg-455 {
    padding-top: 455px; }
  .pr-lg-455 {
    padding-right: 455px; }
  .pl-lg-455 {
    padding-left: 455px; }
  .pb-lg-455 {
    padding-bottom: 455px; }
  .p-lg-455 {
    padding: 455px; }
  .mt-lg-455 {
    margin-top: 455px; }
  .mr-lg-455 {
    margin-right: 455px; }
  .ml-lg-455 {
    margin-left: 455px; }
  .mb-lg-455 {
    margin-bottom: 455px; }
  .m-lg-455 {
    margin: 455px; }
  .pt-lg-460 {
    padding-top: 460px; }
  .pr-lg-460 {
    padding-right: 460px; }
  .pl-lg-460 {
    padding-left: 460px; }
  .pb-lg-460 {
    padding-bottom: 460px; }
  .p-lg-460 {
    padding: 460px; }
  .mt-lg-460 {
    margin-top: 460px; }
  .mr-lg-460 {
    margin-right: 460px; }
  .ml-lg-460 {
    margin-left: 460px; }
  .mb-lg-460 {
    margin-bottom: 460px; }
  .m-lg-460 {
    margin: 460px; }
  .pt-lg-465 {
    padding-top: 465px; }
  .pr-lg-465 {
    padding-right: 465px; }
  .pl-lg-465 {
    padding-left: 465px; }
  .pb-lg-465 {
    padding-bottom: 465px; }
  .p-lg-465 {
    padding: 465px; }
  .mt-lg-465 {
    margin-top: 465px; }
  .mr-lg-465 {
    margin-right: 465px; }
  .ml-lg-465 {
    margin-left: 465px; }
  .mb-lg-465 {
    margin-bottom: 465px; }
  .m-lg-465 {
    margin: 465px; }
  .pt-lg-470 {
    padding-top: 470px; }
  .pr-lg-470 {
    padding-right: 470px; }
  .pl-lg-470 {
    padding-left: 470px; }
  .pb-lg-470 {
    padding-bottom: 470px; }
  .p-lg-470 {
    padding: 470px; }
  .mt-lg-470 {
    margin-top: 470px; }
  .mr-lg-470 {
    margin-right: 470px; }
  .ml-lg-470 {
    margin-left: 470px; }
  .mb-lg-470 {
    margin-bottom: 470px; }
  .m-lg-470 {
    margin: 470px; }
  .pt-lg-475 {
    padding-top: 475px; }
  .pr-lg-475 {
    padding-right: 475px; }
  .pl-lg-475 {
    padding-left: 475px; }
  .pb-lg-475 {
    padding-bottom: 475px; }
  .p-lg-475 {
    padding: 475px; }
  .mt-lg-475 {
    margin-top: 475px; }
  .mr-lg-475 {
    margin-right: 475px; }
  .ml-lg-475 {
    margin-left: 475px; }
  .mb-lg-475 {
    margin-bottom: 475px; }
  .m-lg-475 {
    margin: 475px; }
  .pt-lg-480 {
    padding-top: 480px; }
  .pr-lg-480 {
    padding-right: 480px; }
  .pl-lg-480 {
    padding-left: 480px; }
  .pb-lg-480 {
    padding-bottom: 480px; }
  .p-lg-480 {
    padding: 480px; }
  .mt-lg-480 {
    margin-top: 480px; }
  .mr-lg-480 {
    margin-right: 480px; }
  .ml-lg-480 {
    margin-left: 480px; }
  .mb-lg-480 {
    margin-bottom: 480px; }
  .m-lg-480 {
    margin: 480px; }
  .pt-lg-485 {
    padding-top: 485px; }
  .pr-lg-485 {
    padding-right: 485px; }
  .pl-lg-485 {
    padding-left: 485px; }
  .pb-lg-485 {
    padding-bottom: 485px; }
  .p-lg-485 {
    padding: 485px; }
  .mt-lg-485 {
    margin-top: 485px; }
  .mr-lg-485 {
    margin-right: 485px; }
  .ml-lg-485 {
    margin-left: 485px; }
  .mb-lg-485 {
    margin-bottom: 485px; }
  .m-lg-485 {
    margin: 485px; }
  .pt-lg-490 {
    padding-top: 490px; }
  .pr-lg-490 {
    padding-right: 490px; }
  .pl-lg-490 {
    padding-left: 490px; }
  .pb-lg-490 {
    padding-bottom: 490px; }
  .p-lg-490 {
    padding: 490px; }
  .mt-lg-490 {
    margin-top: 490px; }
  .mr-lg-490 {
    margin-right: 490px; }
  .ml-lg-490 {
    margin-left: 490px; }
  .mb-lg-490 {
    margin-bottom: 490px; }
  .m-lg-490 {
    margin: 490px; }
  .pt-lg-495 {
    padding-top: 495px; }
  .pr-lg-495 {
    padding-right: 495px; }
  .pl-lg-495 {
    padding-left: 495px; }
  .pb-lg-495 {
    padding-bottom: 495px; }
  .p-lg-495 {
    padding: 495px; }
  .mt-lg-495 {
    margin-top: 495px; }
  .mr-lg-495 {
    margin-right: 495px; }
  .ml-lg-495 {
    margin-left: 495px; }
  .mb-lg-495 {
    margin-bottom: 495px; }
  .m-lg-495 {
    margin: 495px; }
  .pt-lg-500 {
    padding-top: 500px; }
  .pr-lg-500 {
    padding-right: 500px; }
  .pl-lg-500 {
    padding-left: 500px; }
  .pb-lg-500 {
    padding-bottom: 500px; }
  .p-lg-500 {
    padding: 500px; }
  .mt-lg-500 {
    margin-top: 500px; }
  .mr-lg-500 {
    margin-right: 500px; }
  .ml-lg-500 {
    margin-left: 500px; }
  .mb-lg-500 {
    margin-bottom: 500px; }
  .m-lg-500 {
    margin: 500px; }
  .pt-lg-10 {
    padding-top: 10px; }
  .pr-lg-10 {
    padding-right: 10px; }
  .pl-lg-10 {
    padding-left: 10px; }
  .pb-lg-10 {
    padding-bottom: 10px; }
  .p-lg-10 {
    padding: 10px; }
  .mt-lg-10 {
    margin-top: 10px; }
  .mr-lg-10 {
    margin-right: 10px; }
  .ml-lg-10 {
    margin-left: 10px; }
  .mb-lg-10 {
    margin-bottom: 10px; }
  .m-lg-10 {
    margin: 10px; }
  .pt-lg-20 {
    padding-top: 20px; }
  .pr-lg-20 {
    padding-right: 20px; }
  .pl-lg-20 {
    padding-left: 20px; }
  .pb-lg-20 {
    padding-bottom: 20px; }
  .p-lg-20 {
    padding: 20px; }
  .mt-lg-20 {
    margin-top: 20px; }
  .mr-lg-20 {
    margin-right: 20px; }
  .ml-lg-20 {
    margin-left: 20px; }
  .mb-lg-20 {
    margin-bottom: 20px; }
  .m-lg-20 {
    margin: 20px; }
  .pt-lg-30 {
    padding-top: 30px; }
  .pr-lg-30 {
    padding-right: 30px; }
  .pl-lg-30 {
    padding-left: 30px; }
  .pb-lg-30 {
    padding-bottom: 30px; }
  .p-lg-30 {
    padding: 30px; }
  .mt-lg-30 {
    margin-top: 30px; }
  .mr-lg-30 {
    margin-right: 30px; }
  .ml-lg-30 {
    margin-left: 30px; }
  .mb-lg-30 {
    margin-bottom: 30px; }
  .m-lg-30 {
    margin: 30px; }
  .pt-lg-40 {
    padding-top: 40px; }
  .pr-lg-40 {
    padding-right: 40px; }
  .pl-lg-40 {
    padding-left: 40px; }
  .pb-lg-40 {
    padding-bottom: 40px; }
  .p-lg-40 {
    padding: 40px; }
  .mt-lg-40 {
    margin-top: 40px; }
  .mr-lg-40 {
    margin-right: 40px; }
  .ml-lg-40 {
    margin-left: 40px; }
  .mb-lg-40 {
    margin-bottom: 40px; }
  .m-lg-40 {
    margin: 40px; }
  .pt-lg-50 {
    padding-top: 50px; }
  .pr-lg-50 {
    padding-right: 50px; }
  .pl-lg-50 {
    padding-left: 50px; }
  .pb-lg-50 {
    padding-bottom: 50px; }
  .p-lg-50 {
    padding: 50px; }
  .mt-lg-50 {
    margin-top: 50px; }
  .mr-lg-50 {
    margin-right: 50px; }
  .ml-lg-50 {
    margin-left: 50px; }
  .mb-lg-50 {
    margin-bottom: 50px; }
  .m-lg-50 {
    margin: 50px; }
  .pt-lg-60 {
    padding-top: 60px; }
  .pr-lg-60 {
    padding-right: 60px; }
  .pl-lg-60 {
    padding-left: 60px; }
  .pb-lg-60 {
    padding-bottom: 60px; }
  .p-lg-60 {
    padding: 60px; }
  .mt-lg-60 {
    margin-top: 60px; }
  .mr-lg-60 {
    margin-right: 60px; }
  .ml-lg-60 {
    margin-left: 60px; }
  .mb-lg-60 {
    margin-bottom: 60px; }
  .m-lg-60 {
    margin: 60px; }
  .pt-lg-70 {
    padding-top: 70px; }
  .pr-lg-70 {
    padding-right: 70px; }
  .pl-lg-70 {
    padding-left: 70px; }
  .pb-lg-70 {
    padding-bottom: 70px; }
  .p-lg-70 {
    padding: 70px; }
  .mt-lg-70 {
    margin-top: 70px; }
  .mr-lg-70 {
    margin-right: 70px; }
  .ml-lg-70 {
    margin-left: 70px; }
  .mb-lg-70 {
    margin-bottom: 70px; }
  .m-lg-70 {
    margin: 70px; }
  .pt-lg-80 {
    padding-top: 80px; }
  .pr-lg-80 {
    padding-right: 80px; }
  .pl-lg-80 {
    padding-left: 80px; }
  .pb-lg-80 {
    padding-bottom: 80px; }
  .p-lg-80 {
    padding: 80px; }
  .mt-lg-80 {
    margin-top: 80px; }
  .mr-lg-80 {
    margin-right: 80px; }
  .ml-lg-80 {
    margin-left: 80px; }
  .mb-lg-80 {
    margin-bottom: 80px; }
  .m-lg-80 {
    margin: 80px; }
  .pt-lg-90 {
    padding-top: 90px; }
  .pr-lg-90 {
    padding-right: 90px; }
  .pl-lg-90 {
    padding-left: 90px; }
  .pb-lg-90 {
    padding-bottom: 90px; }
  .p-lg-90 {
    padding: 90px; }
  .mt-lg-90 {
    margin-top: 90px; }
  .mr-lg-90 {
    margin-right: 90px; }
  .ml-lg-90 {
    margin-left: 90px; }
  .mb-lg-90 {
    margin-bottom: 90px; }
  .m-lg-90 {
    margin: 90px; }
  .pt-lg-100 {
    padding-top: 100px; }
  .pr-lg-100 {
    padding-right: 100px; }
  .pl-lg-100 {
    padding-left: 100px; }
  .pb-lg-100 {
    padding-bottom: 100px; }
  .p-lg-100 {
    padding: 100px; }
  .mt-lg-100 {
    margin-top: 100px; }
  .mr-lg-100 {
    margin-right: 100px; }
  .ml-lg-100 {
    margin-left: 100px; }
  .mb-lg-100 {
    margin-bottom: 100px; }
  .m-lg-100 {
    margin: 100px; } }

@media (min-width: 1200px) {
  .pt-xl-1 {
    padding-top: 1px; }
  .pr-xl-1 {
    padding-right: 1px; }
  .pl-xl-1 {
    padding-left: 1px; }
  .pb-xl-1 {
    padding-bottom: 1px; }
  .p-xl-1 {
    padding: 1px; }
  .mt-xl-1 {
    margin-top: 1px; }
  .mr-xl-1 {
    margin-right: 1px; }
  .ml-xl-1 {
    margin-left: 1px; }
  .mb-xl-1 {
    margin-bottom: 1px; }
  .m-xl-1 {
    margin: 1px; }
  .pt-xl-2 {
    padding-top: 2px; }
  .pr-xl-2 {
    padding-right: 2px; }
  .pl-xl-2 {
    padding-left: 2px; }
  .pb-xl-2 {
    padding-bottom: 2px; }
  .p-xl-2 {
    padding: 2px; }
  .mt-xl-2 {
    margin-top: 2px; }
  .mr-xl-2 {
    margin-right: 2px; }
  .ml-xl-2 {
    margin-left: 2px; }
  .mb-xl-2 {
    margin-bottom: 2px; }
  .m-xl-2 {
    margin: 2px; }
  .pt-xl-3 {
    padding-top: 3px; }
  .pr-xl-3 {
    padding-right: 3px; }
  .pl-xl-3 {
    padding-left: 3px; }
  .pb-xl-3 {
    padding-bottom: 3px; }
  .p-xl-3 {
    padding: 3px; }
  .mt-xl-3 {
    margin-top: 3px; }
  .mr-xl-3 {
    margin-right: 3px; }
  .ml-xl-3 {
    margin-left: 3px; }
  .mb-xl-3 {
    margin-bottom: 3px; }
  .m-xl-3 {
    margin: 3px; }
  .pt-xl-4 {
    padding-top: 4px; }
  .pr-xl-4 {
    padding-right: 4px; }
  .pl-xl-4 {
    padding-left: 4px; }
  .pb-xl-4 {
    padding-bottom: 4px; }
  .p-xl-4 {
    padding: 4px; }
  .mt-xl-4 {
    margin-top: 4px; }
  .mr-xl-4 {
    margin-right: 4px; }
  .ml-xl-4 {
    margin-left: 4px; }
  .mb-xl-4 {
    margin-bottom: 4px; }
  .m-xl-4 {
    margin: 4px; }
  .pt-xl-5 {
    padding-top: 5px; }
  .pr-xl-5 {
    padding-right: 5px; }
  .pl-xl-5 {
    padding-left: 5px; }
  .pb-xl-5 {
    padding-bottom: 5px; }
  .p-xl-5 {
    padding: 5px; }
  .mt-xl-5 {
    margin-top: 5px; }
  .mr-xl-5 {
    margin-right: 5px; }
  .ml-xl-5 {
    margin-left: 5px; }
  .mb-xl-5 {
    margin-bottom: 5px; }
  .m-xl-5 {
    margin: 5px; }
  .pt-xl-6 {
    padding-top: 6px; }
  .pr-xl-6 {
    padding-right: 6px; }
  .pl-xl-6 {
    padding-left: 6px; }
  .pb-xl-6 {
    padding-bottom: 6px; }
  .p-xl-6 {
    padding: 6px; }
  .mt-xl-6 {
    margin-top: 6px; }
  .mr-xl-6 {
    margin-right: 6px; }
  .ml-xl-6 {
    margin-left: 6px; }
  .mb-xl-6 {
    margin-bottom: 6px; }
  .m-xl-6 {
    margin: 6px; }
  .pt-xl-7 {
    padding-top: 7px; }
  .pr-xl-7 {
    padding-right: 7px; }
  .pl-xl-7 {
    padding-left: 7px; }
  .pb-xl-7 {
    padding-bottom: 7px; }
  .p-xl-7 {
    padding: 7px; }
  .mt-xl-7 {
    margin-top: 7px; }
  .mr-xl-7 {
    margin-right: 7px; }
  .ml-xl-7 {
    margin-left: 7px; }
  .mb-xl-7 {
    margin-bottom: 7px; }
  .m-xl-7 {
    margin: 7px; }
  .pt-xl-8 {
    padding-top: 8px; }
  .pr-xl-8 {
    padding-right: 8px; }
  .pl-xl-8 {
    padding-left: 8px; }
  .pb-xl-8 {
    padding-bottom: 8px; }
  .p-xl-8 {
    padding: 8px; }
  .mt-xl-8 {
    margin-top: 8px; }
  .mr-xl-8 {
    margin-right: 8px; }
  .ml-xl-8 {
    margin-left: 8px; }
  .mb-xl-8 {
    margin-bottom: 8px; }
  .m-xl-8 {
    margin: 8px; }
  .pt-xl-9 {
    padding-top: 9px; }
  .pr-xl-9 {
    padding-right: 9px; }
  .pl-xl-9 {
    padding-left: 9px; }
  .pb-xl-9 {
    padding-bottom: 9px; }
  .p-xl-9 {
    padding: 9px; }
  .mt-xl-9 {
    margin-top: 9px; }
  .mr-xl-9 {
    margin-right: 9px; }
  .ml-xl-9 {
    margin-left: 9px; }
  .mb-xl-9 {
    margin-bottom: 9px; }
  .m-xl-9 {
    margin: 9px; }
  .pt-xl-10 {
    padding-top: 10px; }
  .pr-xl-10 {
    padding-right: 10px; }
  .pl-xl-10 {
    padding-left: 10px; }
  .pb-xl-10 {
    padding-bottom: 10px; }
  .p-xl-10 {
    padding: 10px; }
  .mt-xl-10 {
    margin-top: 10px; }
  .mr-xl-10 {
    margin-right: 10px; }
  .ml-xl-10 {
    margin-left: 10px; }
  .mb-xl-10 {
    margin-bottom: 10px; }
  .m-xl-10 {
    margin: 10px; }
  .pt-xl-11 {
    padding-top: 11px; }
  .pr-xl-11 {
    padding-right: 11px; }
  .pl-xl-11 {
    padding-left: 11px; }
  .pb-xl-11 {
    padding-bottom: 11px; }
  .p-xl-11 {
    padding: 11px; }
  .mt-xl-11 {
    margin-top: 11px; }
  .mr-xl-11 {
    margin-right: 11px; }
  .ml-xl-11 {
    margin-left: 11px; }
  .mb-xl-11 {
    margin-bottom: 11px; }
  .m-xl-11 {
    margin: 11px; }
  .pt-xl-12 {
    padding-top: 12px; }
  .pr-xl-12 {
    padding-right: 12px; }
  .pl-xl-12 {
    padding-left: 12px; }
  .pb-xl-12 {
    padding-bottom: 12px; }
  .p-xl-12 {
    padding: 12px; }
  .mt-xl-12 {
    margin-top: 12px; }
  .mr-xl-12 {
    margin-right: 12px; }
  .ml-xl-12 {
    margin-left: 12px; }
  .mb-xl-12 {
    margin-bottom: 12px; }
  .m-xl-12 {
    margin: 12px; }
  .pt-xl-13 {
    padding-top: 13px; }
  .pr-xl-13 {
    padding-right: 13px; }
  .pl-xl-13 {
    padding-left: 13px; }
  .pb-xl-13 {
    padding-bottom: 13px; }
  .p-xl-13 {
    padding: 13px; }
  .mt-xl-13 {
    margin-top: 13px; }
  .mr-xl-13 {
    margin-right: 13px; }
  .ml-xl-13 {
    margin-left: 13px; }
  .mb-xl-13 {
    margin-bottom: 13px; }
  .m-xl-13 {
    margin: 13px; }
  .pt-xl-14 {
    padding-top: 14px; }
  .pr-xl-14 {
    padding-right: 14px; }
  .pl-xl-14 {
    padding-left: 14px; }
  .pb-xl-14 {
    padding-bottom: 14px; }
  .p-xl-14 {
    padding: 14px; }
  .mt-xl-14 {
    margin-top: 14px; }
  .mr-xl-14 {
    margin-right: 14px; }
  .ml-xl-14 {
    margin-left: 14px; }
  .mb-xl-14 {
    margin-bottom: 14px; }
  .m-xl-14 {
    margin: 14px; }
  .pt-xl-15 {
    padding-top: 15px; }
  .pr-xl-15 {
    padding-right: 15px; }
  .pl-xl-15 {
    padding-left: 15px; }
  .pb-xl-15 {
    padding-bottom: 15px; }
  .p-xl-15 {
    padding: 15px; }
  .mt-xl-15 {
    margin-top: 15px; }
  .mr-xl-15 {
    margin-right: 15px; }
  .ml-xl-15 {
    margin-left: 15px; }
  .mb-xl-15 {
    margin-bottom: 15px; }
  .m-xl-15 {
    margin: 15px; }
  .pt-xl-16 {
    padding-top: 16px; }
  .pr-xl-16 {
    padding-right: 16px; }
  .pl-xl-16 {
    padding-left: 16px; }
  .pb-xl-16 {
    padding-bottom: 16px; }
  .p-xl-16 {
    padding: 16px; }
  .mt-xl-16 {
    margin-top: 16px; }
  .mr-xl-16 {
    margin-right: 16px; }
  .ml-xl-16 {
    margin-left: 16px; }
  .mb-xl-16 {
    margin-bottom: 16px; }
  .m-xl-16 {
    margin: 16px; }
  .pt-xl-17 {
    padding-top: 17px; }
  .pr-xl-17 {
    padding-right: 17px; }
  .pl-xl-17 {
    padding-left: 17px; }
  .pb-xl-17 {
    padding-bottom: 17px; }
  .p-xl-17 {
    padding: 17px; }
  .mt-xl-17 {
    margin-top: 17px; }
  .mr-xl-17 {
    margin-right: 17px; }
  .ml-xl-17 {
    margin-left: 17px; }
  .mb-xl-17 {
    margin-bottom: 17px; }
  .m-xl-17 {
    margin: 17px; }
  .pt-xl-18 {
    padding-top: 18px; }
  .pr-xl-18 {
    padding-right: 18px; }
  .pl-xl-18 {
    padding-left: 18px; }
  .pb-xl-18 {
    padding-bottom: 18px; }
  .p-xl-18 {
    padding: 18px; }
  .mt-xl-18 {
    margin-top: 18px; }
  .mr-xl-18 {
    margin-right: 18px; }
  .ml-xl-18 {
    margin-left: 18px; }
  .mb-xl-18 {
    margin-bottom: 18px; }
  .m-xl-18 {
    margin: 18px; }
  .pt-xl-19 {
    padding-top: 19px; }
  .pr-xl-19 {
    padding-right: 19px; }
  .pl-xl-19 {
    padding-left: 19px; }
  .pb-xl-19 {
    padding-bottom: 19px; }
  .p-xl-19 {
    padding: 19px; }
  .mt-xl-19 {
    margin-top: 19px; }
  .mr-xl-19 {
    margin-right: 19px; }
  .ml-xl-19 {
    margin-left: 19px; }
  .mb-xl-19 {
    margin-bottom: 19px; }
  .m-xl-19 {
    margin: 19px; }
  .pt-xl-20 {
    padding-top: 20px; }
  .pr-xl-20 {
    padding-right: 20px; }
  .pl-xl-20 {
    padding-left: 20px; }
  .pb-xl-20 {
    padding-bottom: 20px; }
  .p-xl-20 {
    padding: 20px; }
  .mt-xl-20 {
    margin-top: 20px; }
  .mr-xl-20 {
    margin-right: 20px; }
  .ml-xl-20 {
    margin-left: 20px; }
  .mb-xl-20 {
    margin-bottom: 20px; }
  .m-xl-20 {
    margin: 20px; }
  .pt-xl-5 {
    padding-top: 5px; }
  .pr-xl-5 {
    padding-right: 5px; }
  .pl-xl-5 {
    padding-left: 5px; }
  .pb-xl-5 {
    padding-bottom: 5px; }
  .p-xl-5 {
    padding: 5px; }
  .mt-xl-5 {
    margin-top: 5px; }
  .mr-xl-5 {
    margin-right: 5px; }
  .ml-xl-5 {
    margin-left: 5px; }
  .mb-xl-5 {
    margin-bottom: 5px; }
  .m-xl-5 {
    margin: 5px; }
  .pt-xl-10 {
    padding-top: 10px; }
  .pr-xl-10 {
    padding-right: 10px; }
  .pl-xl-10 {
    padding-left: 10px; }
  .pb-xl-10 {
    padding-bottom: 10px; }
  .p-xl-10 {
    padding: 10px; }
  .mt-xl-10 {
    margin-top: 10px; }
  .mr-xl-10 {
    margin-right: 10px; }
  .ml-xl-10 {
    margin-left: 10px; }
  .mb-xl-10 {
    margin-bottom: 10px; }
  .m-xl-10 {
    margin: 10px; }
  .pt-xl-15 {
    padding-top: 15px; }
  .pr-xl-15 {
    padding-right: 15px; }
  .pl-xl-15 {
    padding-left: 15px; }
  .pb-xl-15 {
    padding-bottom: 15px; }
  .p-xl-15 {
    padding: 15px; }
  .mt-xl-15 {
    margin-top: 15px; }
  .mr-xl-15 {
    margin-right: 15px; }
  .ml-xl-15 {
    margin-left: 15px; }
  .mb-xl-15 {
    margin-bottom: 15px; }
  .m-xl-15 {
    margin: 15px; }
  .pt-xl-20 {
    padding-top: 20px; }
  .pr-xl-20 {
    padding-right: 20px; }
  .pl-xl-20 {
    padding-left: 20px; }
  .pb-xl-20 {
    padding-bottom: 20px; }
  .p-xl-20 {
    padding: 20px; }
  .mt-xl-20 {
    margin-top: 20px; }
  .mr-xl-20 {
    margin-right: 20px; }
  .ml-xl-20 {
    margin-left: 20px; }
  .mb-xl-20 {
    margin-bottom: 20px; }
  .m-xl-20 {
    margin: 20px; }
  .pt-xl-25 {
    padding-top: 25px; }
  .pr-xl-25 {
    padding-right: 25px; }
  .pl-xl-25 {
    padding-left: 25px; }
  .pb-xl-25 {
    padding-bottom: 25px; }
  .p-xl-25 {
    padding: 25px; }
  .mt-xl-25 {
    margin-top: 25px; }
  .mr-xl-25 {
    margin-right: 25px; }
  .ml-xl-25 {
    margin-left: 25px; }
  .mb-xl-25 {
    margin-bottom: 25px; }
  .m-xl-25 {
    margin: 25px; }
  .pt-xl-30 {
    padding-top: 30px; }
  .pr-xl-30 {
    padding-right: 30px; }
  .pl-xl-30 {
    padding-left: 30px; }
  .pb-xl-30 {
    padding-bottom: 30px; }
  .p-xl-30 {
    padding: 30px; }
  .mt-xl-30 {
    margin-top: 30px; }
  .mr-xl-30 {
    margin-right: 30px; }
  .ml-xl-30 {
    margin-left: 30px; }
  .mb-xl-30 {
    margin-bottom: 30px; }
  .m-xl-30 {
    margin: 30px; }
  .pt-xl-35 {
    padding-top: 35px; }
  .pr-xl-35 {
    padding-right: 35px; }
  .pl-xl-35 {
    padding-left: 35px; }
  .pb-xl-35 {
    padding-bottom: 35px; }
  .p-xl-35 {
    padding: 35px; }
  .mt-xl-35 {
    margin-top: 35px; }
  .mr-xl-35 {
    margin-right: 35px; }
  .ml-xl-35 {
    margin-left: 35px; }
  .mb-xl-35 {
    margin-bottom: 35px; }
  .m-xl-35 {
    margin: 35px; }
  .pt-xl-40 {
    padding-top: 40px; }
  .pr-xl-40 {
    padding-right: 40px; }
  .pl-xl-40 {
    padding-left: 40px; }
  .pb-xl-40 {
    padding-bottom: 40px; }
  .p-xl-40 {
    padding: 40px; }
  .mt-xl-40 {
    margin-top: 40px; }
  .mr-xl-40 {
    margin-right: 40px; }
  .ml-xl-40 {
    margin-left: 40px; }
  .mb-xl-40 {
    margin-bottom: 40px; }
  .m-xl-40 {
    margin: 40px; }
  .pt-xl-45 {
    padding-top: 45px; }
  .pr-xl-45 {
    padding-right: 45px; }
  .pl-xl-45 {
    padding-left: 45px; }
  .pb-xl-45 {
    padding-bottom: 45px; }
  .p-xl-45 {
    padding: 45px; }
  .mt-xl-45 {
    margin-top: 45px; }
  .mr-xl-45 {
    margin-right: 45px; }
  .ml-xl-45 {
    margin-left: 45px; }
  .mb-xl-45 {
    margin-bottom: 45px; }
  .m-xl-45 {
    margin: 45px; }
  .pt-xl-50 {
    padding-top: 50px; }
  .pr-xl-50 {
    padding-right: 50px; }
  .pl-xl-50 {
    padding-left: 50px; }
  .pb-xl-50 {
    padding-bottom: 50px; }
  .p-xl-50 {
    padding: 50px; }
  .mt-xl-50 {
    margin-top: 50px; }
  .mr-xl-50 {
    margin-right: 50px; }
  .ml-xl-50 {
    margin-left: 50px; }
  .mb-xl-50 {
    margin-bottom: 50px; }
  .m-xl-50 {
    margin: 50px; }
  .pt-xl-55 {
    padding-top: 55px; }
  .pr-xl-55 {
    padding-right: 55px; }
  .pl-xl-55 {
    padding-left: 55px; }
  .pb-xl-55 {
    padding-bottom: 55px; }
  .p-xl-55 {
    padding: 55px; }
  .mt-xl-55 {
    margin-top: 55px; }
  .mr-xl-55 {
    margin-right: 55px; }
  .ml-xl-55 {
    margin-left: 55px; }
  .mb-xl-55 {
    margin-bottom: 55px; }
  .m-xl-55 {
    margin: 55px; }
  .pt-xl-60 {
    padding-top: 60px; }
  .pr-xl-60 {
    padding-right: 60px; }
  .pl-xl-60 {
    padding-left: 60px; }
  .pb-xl-60 {
    padding-bottom: 60px; }
  .p-xl-60 {
    padding: 60px; }
  .mt-xl-60 {
    margin-top: 60px; }
  .mr-xl-60 {
    margin-right: 60px; }
  .ml-xl-60 {
    margin-left: 60px; }
  .mb-xl-60 {
    margin-bottom: 60px; }
  .m-xl-60 {
    margin: 60px; }
  .pt-xl-65 {
    padding-top: 65px; }
  .pr-xl-65 {
    padding-right: 65px; }
  .pl-xl-65 {
    padding-left: 65px; }
  .pb-xl-65 {
    padding-bottom: 65px; }
  .p-xl-65 {
    padding: 65px; }
  .mt-xl-65 {
    margin-top: 65px; }
  .mr-xl-65 {
    margin-right: 65px; }
  .ml-xl-65 {
    margin-left: 65px; }
  .mb-xl-65 {
    margin-bottom: 65px; }
  .m-xl-65 {
    margin: 65px; }
  .pt-xl-70 {
    padding-top: 70px; }
  .pr-xl-70 {
    padding-right: 70px; }
  .pl-xl-70 {
    padding-left: 70px; }
  .pb-xl-70 {
    padding-bottom: 70px; }
  .p-xl-70 {
    padding: 70px; }
  .mt-xl-70 {
    margin-top: 70px; }
  .mr-xl-70 {
    margin-right: 70px; }
  .ml-xl-70 {
    margin-left: 70px; }
  .mb-xl-70 {
    margin-bottom: 70px; }
  .m-xl-70 {
    margin: 70px; }
  .pt-xl-75 {
    padding-top: 75px; }
  .pr-xl-75 {
    padding-right: 75px; }
  .pl-xl-75 {
    padding-left: 75px; }
  .pb-xl-75 {
    padding-bottom: 75px; }
  .p-xl-75 {
    padding: 75px; }
  .mt-xl-75 {
    margin-top: 75px; }
  .mr-xl-75 {
    margin-right: 75px; }
  .ml-xl-75 {
    margin-left: 75px; }
  .mb-xl-75 {
    margin-bottom: 75px; }
  .m-xl-75 {
    margin: 75px; }
  .pt-xl-80 {
    padding-top: 80px; }
  .pr-xl-80 {
    padding-right: 80px; }
  .pl-xl-80 {
    padding-left: 80px; }
  .pb-xl-80 {
    padding-bottom: 80px; }
  .p-xl-80 {
    padding: 80px; }
  .mt-xl-80 {
    margin-top: 80px; }
  .mr-xl-80 {
    margin-right: 80px; }
  .ml-xl-80 {
    margin-left: 80px; }
  .mb-xl-80 {
    margin-bottom: 80px; }
  .m-xl-80 {
    margin: 80px; }
  .pt-xl-85 {
    padding-top: 85px; }
  .pr-xl-85 {
    padding-right: 85px; }
  .pl-xl-85 {
    padding-left: 85px; }
  .pb-xl-85 {
    padding-bottom: 85px; }
  .p-xl-85 {
    padding: 85px; }
  .mt-xl-85 {
    margin-top: 85px; }
  .mr-xl-85 {
    margin-right: 85px; }
  .ml-xl-85 {
    margin-left: 85px; }
  .mb-xl-85 {
    margin-bottom: 85px; }
  .m-xl-85 {
    margin: 85px; }
  .pt-xl-90 {
    padding-top: 90px; }
  .pr-xl-90 {
    padding-right: 90px; }
  .pl-xl-90 {
    padding-left: 90px; }
  .pb-xl-90 {
    padding-bottom: 90px; }
  .p-xl-90 {
    padding: 90px; }
  .mt-xl-90 {
    margin-top: 90px; }
  .mr-xl-90 {
    margin-right: 90px; }
  .ml-xl-90 {
    margin-left: 90px; }
  .mb-xl-90 {
    margin-bottom: 90px; }
  .m-xl-90 {
    margin: 90px; }
  .pt-xl-95 {
    padding-top: 95px; }
  .pr-xl-95 {
    padding-right: 95px; }
  .pl-xl-95 {
    padding-left: 95px; }
  .pb-xl-95 {
    padding-bottom: 95px; }
  .p-xl-95 {
    padding: 95px; }
  .mt-xl-95 {
    margin-top: 95px; }
  .mr-xl-95 {
    margin-right: 95px; }
  .ml-xl-95 {
    margin-left: 95px; }
  .mb-xl-95 {
    margin-bottom: 95px; }
  .m-xl-95 {
    margin: 95px; }
  .pt-xl-100 {
    padding-top: 100px; }
  .pr-xl-100 {
    padding-right: 100px; }
  .pl-xl-100 {
    padding-left: 100px; }
  .pb-xl-100 {
    padding-bottom: 100px; }
  .p-xl-100 {
    padding: 100px; }
  .mt-xl-100 {
    margin-top: 100px; }
  .mr-xl-100 {
    margin-right: 100px; }
  .ml-xl-100 {
    margin-left: 100px; }
  .mb-xl-100 {
    margin-bottom: 100px; }
  .m-xl-100 {
    margin: 100px; }
  .pt-xl-105 {
    padding-top: 105px; }
  .pr-xl-105 {
    padding-right: 105px; }
  .pl-xl-105 {
    padding-left: 105px; }
  .pb-xl-105 {
    padding-bottom: 105px; }
  .p-xl-105 {
    padding: 105px; }
  .mt-xl-105 {
    margin-top: 105px; }
  .mr-xl-105 {
    margin-right: 105px; }
  .ml-xl-105 {
    margin-left: 105px; }
  .mb-xl-105 {
    margin-bottom: 105px; }
  .m-xl-105 {
    margin: 105px; }
  .pt-xl-110 {
    padding-top: 110px; }
  .pr-xl-110 {
    padding-right: 110px; }
  .pl-xl-110 {
    padding-left: 110px; }
  .pb-xl-110 {
    padding-bottom: 110px; }
  .p-xl-110 {
    padding: 110px; }
  .mt-xl-110 {
    margin-top: 110px; }
  .mr-xl-110 {
    margin-right: 110px; }
  .ml-xl-110 {
    margin-left: 110px; }
  .mb-xl-110 {
    margin-bottom: 110px; }
  .m-xl-110 {
    margin: 110px; }
  .pt-xl-115 {
    padding-top: 115px; }
  .pr-xl-115 {
    padding-right: 115px; }
  .pl-xl-115 {
    padding-left: 115px; }
  .pb-xl-115 {
    padding-bottom: 115px; }
  .p-xl-115 {
    padding: 115px; }
  .mt-xl-115 {
    margin-top: 115px; }
  .mr-xl-115 {
    margin-right: 115px; }
  .ml-xl-115 {
    margin-left: 115px; }
  .mb-xl-115 {
    margin-bottom: 115px; }
  .m-xl-115 {
    margin: 115px; }
  .pt-xl-120 {
    padding-top: 120px; }
  .pr-xl-120 {
    padding-right: 120px; }
  .pl-xl-120 {
    padding-left: 120px; }
  .pb-xl-120 {
    padding-bottom: 120px; }
  .p-xl-120 {
    padding: 120px; }
  .mt-xl-120 {
    margin-top: 120px; }
  .mr-xl-120 {
    margin-right: 120px; }
  .ml-xl-120 {
    margin-left: 120px; }
  .mb-xl-120 {
    margin-bottom: 120px; }
  .m-xl-120 {
    margin: 120px; }
  .pt-xl-125 {
    padding-top: 125px; }
  .pr-xl-125 {
    padding-right: 125px; }
  .pl-xl-125 {
    padding-left: 125px; }
  .pb-xl-125 {
    padding-bottom: 125px; }
  .p-xl-125 {
    padding: 125px; }
  .mt-xl-125 {
    margin-top: 125px; }
  .mr-xl-125 {
    margin-right: 125px; }
  .ml-xl-125 {
    margin-left: 125px; }
  .mb-xl-125 {
    margin-bottom: 125px; }
  .m-xl-125 {
    margin: 125px; }
  .pt-xl-130 {
    padding-top: 130px; }
  .pr-xl-130 {
    padding-right: 130px; }
  .pl-xl-130 {
    padding-left: 130px; }
  .pb-xl-130 {
    padding-bottom: 130px; }
  .p-xl-130 {
    padding: 130px; }
  .mt-xl-130 {
    margin-top: 130px; }
  .mr-xl-130 {
    margin-right: 130px; }
  .ml-xl-130 {
    margin-left: 130px; }
  .mb-xl-130 {
    margin-bottom: 130px; }
  .m-xl-130 {
    margin: 130px; }
  .pt-xl-135 {
    padding-top: 135px; }
  .pr-xl-135 {
    padding-right: 135px; }
  .pl-xl-135 {
    padding-left: 135px; }
  .pb-xl-135 {
    padding-bottom: 135px; }
  .p-xl-135 {
    padding: 135px; }
  .mt-xl-135 {
    margin-top: 135px; }
  .mr-xl-135 {
    margin-right: 135px; }
  .ml-xl-135 {
    margin-left: 135px; }
  .mb-xl-135 {
    margin-bottom: 135px; }
  .m-xl-135 {
    margin: 135px; }
  .pt-xl-140 {
    padding-top: 140px; }
  .pr-xl-140 {
    padding-right: 140px; }
  .pl-xl-140 {
    padding-left: 140px; }
  .pb-xl-140 {
    padding-bottom: 140px; }
  .p-xl-140 {
    padding: 140px; }
  .mt-xl-140 {
    margin-top: 140px; }
  .mr-xl-140 {
    margin-right: 140px; }
  .ml-xl-140 {
    margin-left: 140px; }
  .mb-xl-140 {
    margin-bottom: 140px; }
  .m-xl-140 {
    margin: 140px; }
  .pt-xl-145 {
    padding-top: 145px; }
  .pr-xl-145 {
    padding-right: 145px; }
  .pl-xl-145 {
    padding-left: 145px; }
  .pb-xl-145 {
    padding-bottom: 145px; }
  .p-xl-145 {
    padding: 145px; }
  .mt-xl-145 {
    margin-top: 145px; }
  .mr-xl-145 {
    margin-right: 145px; }
  .ml-xl-145 {
    margin-left: 145px; }
  .mb-xl-145 {
    margin-bottom: 145px; }
  .m-xl-145 {
    margin: 145px; }
  .pt-xl-150 {
    padding-top: 150px; }
  .pr-xl-150 {
    padding-right: 150px; }
  .pl-xl-150 {
    padding-left: 150px; }
  .pb-xl-150 {
    padding-bottom: 150px; }
  .p-xl-150 {
    padding: 150px; }
  .mt-xl-150 {
    margin-top: 150px; }
  .mr-xl-150 {
    margin-right: 150px; }
  .ml-xl-150 {
    margin-left: 150px; }
  .mb-xl-150 {
    margin-bottom: 150px; }
  .m-xl-150 {
    margin: 150px; }
  .pt-xl-155 {
    padding-top: 155px; }
  .pr-xl-155 {
    padding-right: 155px; }
  .pl-xl-155 {
    padding-left: 155px; }
  .pb-xl-155 {
    padding-bottom: 155px; }
  .p-xl-155 {
    padding: 155px; }
  .mt-xl-155 {
    margin-top: 155px; }
  .mr-xl-155 {
    margin-right: 155px; }
  .ml-xl-155 {
    margin-left: 155px; }
  .mb-xl-155 {
    margin-bottom: 155px; }
  .m-xl-155 {
    margin: 155px; }
  .pt-xl-160 {
    padding-top: 160px; }
  .pr-xl-160 {
    padding-right: 160px; }
  .pl-xl-160 {
    padding-left: 160px; }
  .pb-xl-160 {
    padding-bottom: 160px; }
  .p-xl-160 {
    padding: 160px; }
  .mt-xl-160 {
    margin-top: 160px; }
  .mr-xl-160 {
    margin-right: 160px; }
  .ml-xl-160 {
    margin-left: 160px; }
  .mb-xl-160 {
    margin-bottom: 160px; }
  .m-xl-160 {
    margin: 160px; }
  .pt-xl-165 {
    padding-top: 165px; }
  .pr-xl-165 {
    padding-right: 165px; }
  .pl-xl-165 {
    padding-left: 165px; }
  .pb-xl-165 {
    padding-bottom: 165px; }
  .p-xl-165 {
    padding: 165px; }
  .mt-xl-165 {
    margin-top: 165px; }
  .mr-xl-165 {
    margin-right: 165px; }
  .ml-xl-165 {
    margin-left: 165px; }
  .mb-xl-165 {
    margin-bottom: 165px; }
  .m-xl-165 {
    margin: 165px; }
  .pt-xl-170 {
    padding-top: 170px; }
  .pr-xl-170 {
    padding-right: 170px; }
  .pl-xl-170 {
    padding-left: 170px; }
  .pb-xl-170 {
    padding-bottom: 170px; }
  .p-xl-170 {
    padding: 170px; }
  .mt-xl-170 {
    margin-top: 170px; }
  .mr-xl-170 {
    margin-right: 170px; }
  .ml-xl-170 {
    margin-left: 170px; }
  .mb-xl-170 {
    margin-bottom: 170px; }
  .m-xl-170 {
    margin: 170px; }
  .pt-xl-175 {
    padding-top: 175px; }
  .pr-xl-175 {
    padding-right: 175px; }
  .pl-xl-175 {
    padding-left: 175px; }
  .pb-xl-175 {
    padding-bottom: 175px; }
  .p-xl-175 {
    padding: 175px; }
  .mt-xl-175 {
    margin-top: 175px; }
  .mr-xl-175 {
    margin-right: 175px; }
  .ml-xl-175 {
    margin-left: 175px; }
  .mb-xl-175 {
    margin-bottom: 175px; }
  .m-xl-175 {
    margin: 175px; }
  .pt-xl-180 {
    padding-top: 180px; }
  .pr-xl-180 {
    padding-right: 180px; }
  .pl-xl-180 {
    padding-left: 180px; }
  .pb-xl-180 {
    padding-bottom: 180px; }
  .p-xl-180 {
    padding: 180px; }
  .mt-xl-180 {
    margin-top: 180px; }
  .mr-xl-180 {
    margin-right: 180px; }
  .ml-xl-180 {
    margin-left: 180px; }
  .mb-xl-180 {
    margin-bottom: 180px; }
  .m-xl-180 {
    margin: 180px; }
  .pt-xl-185 {
    padding-top: 185px; }
  .pr-xl-185 {
    padding-right: 185px; }
  .pl-xl-185 {
    padding-left: 185px; }
  .pb-xl-185 {
    padding-bottom: 185px; }
  .p-xl-185 {
    padding: 185px; }
  .mt-xl-185 {
    margin-top: 185px; }
  .mr-xl-185 {
    margin-right: 185px; }
  .ml-xl-185 {
    margin-left: 185px; }
  .mb-xl-185 {
    margin-bottom: 185px; }
  .m-xl-185 {
    margin: 185px; }
  .pt-xl-190 {
    padding-top: 190px; }
  .pr-xl-190 {
    padding-right: 190px; }
  .pl-xl-190 {
    padding-left: 190px; }
  .pb-xl-190 {
    padding-bottom: 190px; }
  .p-xl-190 {
    padding: 190px; }
  .mt-xl-190 {
    margin-top: 190px; }
  .mr-xl-190 {
    margin-right: 190px; }
  .ml-xl-190 {
    margin-left: 190px; }
  .mb-xl-190 {
    margin-bottom: 190px; }
  .m-xl-190 {
    margin: 190px; }
  .pt-xl-195 {
    padding-top: 195px; }
  .pr-xl-195 {
    padding-right: 195px; }
  .pl-xl-195 {
    padding-left: 195px; }
  .pb-xl-195 {
    padding-bottom: 195px; }
  .p-xl-195 {
    padding: 195px; }
  .mt-xl-195 {
    margin-top: 195px; }
  .mr-xl-195 {
    margin-right: 195px; }
  .ml-xl-195 {
    margin-left: 195px; }
  .mb-xl-195 {
    margin-bottom: 195px; }
  .m-xl-195 {
    margin: 195px; }
  .pt-xl-200 {
    padding-top: 200px; }
  .pr-xl-200 {
    padding-right: 200px; }
  .pl-xl-200 {
    padding-left: 200px; }
  .pb-xl-200 {
    padding-bottom: 200px; }
  .p-xl-200 {
    padding: 200px; }
  .mt-xl-200 {
    margin-top: 200px; }
  .mr-xl-200 {
    margin-right: 200px; }
  .ml-xl-200 {
    margin-left: 200px; }
  .mb-xl-200 {
    margin-bottom: 200px; }
  .m-xl-200 {
    margin: 200px; }
  .pt-xl-205 {
    padding-top: 205px; }
  .pr-xl-205 {
    padding-right: 205px; }
  .pl-xl-205 {
    padding-left: 205px; }
  .pb-xl-205 {
    padding-bottom: 205px; }
  .p-xl-205 {
    padding: 205px; }
  .mt-xl-205 {
    margin-top: 205px; }
  .mr-xl-205 {
    margin-right: 205px; }
  .ml-xl-205 {
    margin-left: 205px; }
  .mb-xl-205 {
    margin-bottom: 205px; }
  .m-xl-205 {
    margin: 205px; }
  .pt-xl-210 {
    padding-top: 210px; }
  .pr-xl-210 {
    padding-right: 210px; }
  .pl-xl-210 {
    padding-left: 210px; }
  .pb-xl-210 {
    padding-bottom: 210px; }
  .p-xl-210 {
    padding: 210px; }
  .mt-xl-210 {
    margin-top: 210px; }
  .mr-xl-210 {
    margin-right: 210px; }
  .ml-xl-210 {
    margin-left: 210px; }
  .mb-xl-210 {
    margin-bottom: 210px; }
  .m-xl-210 {
    margin: 210px; }
  .pt-xl-215 {
    padding-top: 215px; }
  .pr-xl-215 {
    padding-right: 215px; }
  .pl-xl-215 {
    padding-left: 215px; }
  .pb-xl-215 {
    padding-bottom: 215px; }
  .p-xl-215 {
    padding: 215px; }
  .mt-xl-215 {
    margin-top: 215px; }
  .mr-xl-215 {
    margin-right: 215px; }
  .ml-xl-215 {
    margin-left: 215px; }
  .mb-xl-215 {
    margin-bottom: 215px; }
  .m-xl-215 {
    margin: 215px; }
  .pt-xl-220 {
    padding-top: 220px; }
  .pr-xl-220 {
    padding-right: 220px; }
  .pl-xl-220 {
    padding-left: 220px; }
  .pb-xl-220 {
    padding-bottom: 220px; }
  .p-xl-220 {
    padding: 220px; }
  .mt-xl-220 {
    margin-top: 220px; }
  .mr-xl-220 {
    margin-right: 220px; }
  .ml-xl-220 {
    margin-left: 220px; }
  .mb-xl-220 {
    margin-bottom: 220px; }
  .m-xl-220 {
    margin: 220px; }
  .pt-xl-225 {
    padding-top: 225px; }
  .pr-xl-225 {
    padding-right: 225px; }
  .pl-xl-225 {
    padding-left: 225px; }
  .pb-xl-225 {
    padding-bottom: 225px; }
  .p-xl-225 {
    padding: 225px; }
  .mt-xl-225 {
    margin-top: 225px; }
  .mr-xl-225 {
    margin-right: 225px; }
  .ml-xl-225 {
    margin-left: 225px; }
  .mb-xl-225 {
    margin-bottom: 225px; }
  .m-xl-225 {
    margin: 225px; }
  .pt-xl-230 {
    padding-top: 230px; }
  .pr-xl-230 {
    padding-right: 230px; }
  .pl-xl-230 {
    padding-left: 230px; }
  .pb-xl-230 {
    padding-bottom: 230px; }
  .p-xl-230 {
    padding: 230px; }
  .mt-xl-230 {
    margin-top: 230px; }
  .mr-xl-230 {
    margin-right: 230px; }
  .ml-xl-230 {
    margin-left: 230px; }
  .mb-xl-230 {
    margin-bottom: 230px; }
  .m-xl-230 {
    margin: 230px; }
  .pt-xl-235 {
    padding-top: 235px; }
  .pr-xl-235 {
    padding-right: 235px; }
  .pl-xl-235 {
    padding-left: 235px; }
  .pb-xl-235 {
    padding-bottom: 235px; }
  .p-xl-235 {
    padding: 235px; }
  .mt-xl-235 {
    margin-top: 235px; }
  .mr-xl-235 {
    margin-right: 235px; }
  .ml-xl-235 {
    margin-left: 235px; }
  .mb-xl-235 {
    margin-bottom: 235px; }
  .m-xl-235 {
    margin: 235px; }
  .pt-xl-240 {
    padding-top: 240px; }
  .pr-xl-240 {
    padding-right: 240px; }
  .pl-xl-240 {
    padding-left: 240px; }
  .pb-xl-240 {
    padding-bottom: 240px; }
  .p-xl-240 {
    padding: 240px; }
  .mt-xl-240 {
    margin-top: 240px; }
  .mr-xl-240 {
    margin-right: 240px; }
  .ml-xl-240 {
    margin-left: 240px; }
  .mb-xl-240 {
    margin-bottom: 240px; }
  .m-xl-240 {
    margin: 240px; }
  .pt-xl-245 {
    padding-top: 245px; }
  .pr-xl-245 {
    padding-right: 245px; }
  .pl-xl-245 {
    padding-left: 245px; }
  .pb-xl-245 {
    padding-bottom: 245px; }
  .p-xl-245 {
    padding: 245px; }
  .mt-xl-245 {
    margin-top: 245px; }
  .mr-xl-245 {
    margin-right: 245px; }
  .ml-xl-245 {
    margin-left: 245px; }
  .mb-xl-245 {
    margin-bottom: 245px; }
  .m-xl-245 {
    margin: 245px; }
  .pt-xl-250 {
    padding-top: 250px; }
  .pr-xl-250 {
    padding-right: 250px; }
  .pl-xl-250 {
    padding-left: 250px; }
  .pb-xl-250 {
    padding-bottom: 250px; }
  .p-xl-250 {
    padding: 250px; }
  .mt-xl-250 {
    margin-top: 250px; }
  .mr-xl-250 {
    margin-right: 250px; }
  .ml-xl-250 {
    margin-left: 250px; }
  .mb-xl-250 {
    margin-bottom: 250px; }
  .m-xl-250 {
    margin: 250px; }
  .pt-xl-255 {
    padding-top: 255px; }
  .pr-xl-255 {
    padding-right: 255px; }
  .pl-xl-255 {
    padding-left: 255px; }
  .pb-xl-255 {
    padding-bottom: 255px; }
  .p-xl-255 {
    padding: 255px; }
  .mt-xl-255 {
    margin-top: 255px; }
  .mr-xl-255 {
    margin-right: 255px; }
  .ml-xl-255 {
    margin-left: 255px; }
  .mb-xl-255 {
    margin-bottom: 255px; }
  .m-xl-255 {
    margin: 255px; }
  .pt-xl-260 {
    padding-top: 260px; }
  .pr-xl-260 {
    padding-right: 260px; }
  .pl-xl-260 {
    padding-left: 260px; }
  .pb-xl-260 {
    padding-bottom: 260px; }
  .p-xl-260 {
    padding: 260px; }
  .mt-xl-260 {
    margin-top: 260px; }
  .mr-xl-260 {
    margin-right: 260px; }
  .ml-xl-260 {
    margin-left: 260px; }
  .mb-xl-260 {
    margin-bottom: 260px; }
  .m-xl-260 {
    margin: 260px; }
  .pt-xl-265 {
    padding-top: 265px; }
  .pr-xl-265 {
    padding-right: 265px; }
  .pl-xl-265 {
    padding-left: 265px; }
  .pb-xl-265 {
    padding-bottom: 265px; }
  .p-xl-265 {
    padding: 265px; }
  .mt-xl-265 {
    margin-top: 265px; }
  .mr-xl-265 {
    margin-right: 265px; }
  .ml-xl-265 {
    margin-left: 265px; }
  .mb-xl-265 {
    margin-bottom: 265px; }
  .m-xl-265 {
    margin: 265px; }
  .pt-xl-270 {
    padding-top: 270px; }
  .pr-xl-270 {
    padding-right: 270px; }
  .pl-xl-270 {
    padding-left: 270px; }
  .pb-xl-270 {
    padding-bottom: 270px; }
  .p-xl-270 {
    padding: 270px; }
  .mt-xl-270 {
    margin-top: 270px; }
  .mr-xl-270 {
    margin-right: 270px; }
  .ml-xl-270 {
    margin-left: 270px; }
  .mb-xl-270 {
    margin-bottom: 270px; }
  .m-xl-270 {
    margin: 270px; }
  .pt-xl-275 {
    padding-top: 275px; }
  .pr-xl-275 {
    padding-right: 275px; }
  .pl-xl-275 {
    padding-left: 275px; }
  .pb-xl-275 {
    padding-bottom: 275px; }
  .p-xl-275 {
    padding: 275px; }
  .mt-xl-275 {
    margin-top: 275px; }
  .mr-xl-275 {
    margin-right: 275px; }
  .ml-xl-275 {
    margin-left: 275px; }
  .mb-xl-275 {
    margin-bottom: 275px; }
  .m-xl-275 {
    margin: 275px; }
  .pt-xl-280 {
    padding-top: 280px; }
  .pr-xl-280 {
    padding-right: 280px; }
  .pl-xl-280 {
    padding-left: 280px; }
  .pb-xl-280 {
    padding-bottom: 280px; }
  .p-xl-280 {
    padding: 280px; }
  .mt-xl-280 {
    margin-top: 280px; }
  .mr-xl-280 {
    margin-right: 280px; }
  .ml-xl-280 {
    margin-left: 280px; }
  .mb-xl-280 {
    margin-bottom: 280px; }
  .m-xl-280 {
    margin: 280px; }
  .pt-xl-285 {
    padding-top: 285px; }
  .pr-xl-285 {
    padding-right: 285px; }
  .pl-xl-285 {
    padding-left: 285px; }
  .pb-xl-285 {
    padding-bottom: 285px; }
  .p-xl-285 {
    padding: 285px; }
  .mt-xl-285 {
    margin-top: 285px; }
  .mr-xl-285 {
    margin-right: 285px; }
  .ml-xl-285 {
    margin-left: 285px; }
  .mb-xl-285 {
    margin-bottom: 285px; }
  .m-xl-285 {
    margin: 285px; }
  .pt-xl-290 {
    padding-top: 290px; }
  .pr-xl-290 {
    padding-right: 290px; }
  .pl-xl-290 {
    padding-left: 290px; }
  .pb-xl-290 {
    padding-bottom: 290px; }
  .p-xl-290 {
    padding: 290px; }
  .mt-xl-290 {
    margin-top: 290px; }
  .mr-xl-290 {
    margin-right: 290px; }
  .ml-xl-290 {
    margin-left: 290px; }
  .mb-xl-290 {
    margin-bottom: 290px; }
  .m-xl-290 {
    margin: 290px; }
  .pt-xl-295 {
    padding-top: 295px; }
  .pr-xl-295 {
    padding-right: 295px; }
  .pl-xl-295 {
    padding-left: 295px; }
  .pb-xl-295 {
    padding-bottom: 295px; }
  .p-xl-295 {
    padding: 295px; }
  .mt-xl-295 {
    margin-top: 295px; }
  .mr-xl-295 {
    margin-right: 295px; }
  .ml-xl-295 {
    margin-left: 295px; }
  .mb-xl-295 {
    margin-bottom: 295px; }
  .m-xl-295 {
    margin: 295px; }
  .pt-xl-300 {
    padding-top: 300px; }
  .pr-xl-300 {
    padding-right: 300px; }
  .pl-xl-300 {
    padding-left: 300px; }
  .pb-xl-300 {
    padding-bottom: 300px; }
  .p-xl-300 {
    padding: 300px; }
  .mt-xl-300 {
    margin-top: 300px; }
  .mr-xl-300 {
    margin-right: 300px; }
  .ml-xl-300 {
    margin-left: 300px; }
  .mb-xl-300 {
    margin-bottom: 300px; }
  .m-xl-300 {
    margin: 300px; }
  .pt-xl-305 {
    padding-top: 305px; }
  .pr-xl-305 {
    padding-right: 305px; }
  .pl-xl-305 {
    padding-left: 305px; }
  .pb-xl-305 {
    padding-bottom: 305px; }
  .p-xl-305 {
    padding: 305px; }
  .mt-xl-305 {
    margin-top: 305px; }
  .mr-xl-305 {
    margin-right: 305px; }
  .ml-xl-305 {
    margin-left: 305px; }
  .mb-xl-305 {
    margin-bottom: 305px; }
  .m-xl-305 {
    margin: 305px; }
  .pt-xl-310 {
    padding-top: 310px; }
  .pr-xl-310 {
    padding-right: 310px; }
  .pl-xl-310 {
    padding-left: 310px; }
  .pb-xl-310 {
    padding-bottom: 310px; }
  .p-xl-310 {
    padding: 310px; }
  .mt-xl-310 {
    margin-top: 310px; }
  .mr-xl-310 {
    margin-right: 310px; }
  .ml-xl-310 {
    margin-left: 310px; }
  .mb-xl-310 {
    margin-bottom: 310px; }
  .m-xl-310 {
    margin: 310px; }
  .pt-xl-315 {
    padding-top: 315px; }
  .pr-xl-315 {
    padding-right: 315px; }
  .pl-xl-315 {
    padding-left: 315px; }
  .pb-xl-315 {
    padding-bottom: 315px; }
  .p-xl-315 {
    padding: 315px; }
  .mt-xl-315 {
    margin-top: 315px; }
  .mr-xl-315 {
    margin-right: 315px; }
  .ml-xl-315 {
    margin-left: 315px; }
  .mb-xl-315 {
    margin-bottom: 315px; }
  .m-xl-315 {
    margin: 315px; }
  .pt-xl-320 {
    padding-top: 320px; }
  .pr-xl-320 {
    padding-right: 320px; }
  .pl-xl-320 {
    padding-left: 320px; }
  .pb-xl-320 {
    padding-bottom: 320px; }
  .p-xl-320 {
    padding: 320px; }
  .mt-xl-320 {
    margin-top: 320px; }
  .mr-xl-320 {
    margin-right: 320px; }
  .ml-xl-320 {
    margin-left: 320px; }
  .mb-xl-320 {
    margin-bottom: 320px; }
  .m-xl-320 {
    margin: 320px; }
  .pt-xl-325 {
    padding-top: 325px; }
  .pr-xl-325 {
    padding-right: 325px; }
  .pl-xl-325 {
    padding-left: 325px; }
  .pb-xl-325 {
    padding-bottom: 325px; }
  .p-xl-325 {
    padding: 325px; }
  .mt-xl-325 {
    margin-top: 325px; }
  .mr-xl-325 {
    margin-right: 325px; }
  .ml-xl-325 {
    margin-left: 325px; }
  .mb-xl-325 {
    margin-bottom: 325px; }
  .m-xl-325 {
    margin: 325px; }
  .pt-xl-330 {
    padding-top: 330px; }
  .pr-xl-330 {
    padding-right: 330px; }
  .pl-xl-330 {
    padding-left: 330px; }
  .pb-xl-330 {
    padding-bottom: 330px; }
  .p-xl-330 {
    padding: 330px; }
  .mt-xl-330 {
    margin-top: 330px; }
  .mr-xl-330 {
    margin-right: 330px; }
  .ml-xl-330 {
    margin-left: 330px; }
  .mb-xl-330 {
    margin-bottom: 330px; }
  .m-xl-330 {
    margin: 330px; }
  .pt-xl-335 {
    padding-top: 335px; }
  .pr-xl-335 {
    padding-right: 335px; }
  .pl-xl-335 {
    padding-left: 335px; }
  .pb-xl-335 {
    padding-bottom: 335px; }
  .p-xl-335 {
    padding: 335px; }
  .mt-xl-335 {
    margin-top: 335px; }
  .mr-xl-335 {
    margin-right: 335px; }
  .ml-xl-335 {
    margin-left: 335px; }
  .mb-xl-335 {
    margin-bottom: 335px; }
  .m-xl-335 {
    margin: 335px; }
  .pt-xl-340 {
    padding-top: 340px; }
  .pr-xl-340 {
    padding-right: 340px; }
  .pl-xl-340 {
    padding-left: 340px; }
  .pb-xl-340 {
    padding-bottom: 340px; }
  .p-xl-340 {
    padding: 340px; }
  .mt-xl-340 {
    margin-top: 340px; }
  .mr-xl-340 {
    margin-right: 340px; }
  .ml-xl-340 {
    margin-left: 340px; }
  .mb-xl-340 {
    margin-bottom: 340px; }
  .m-xl-340 {
    margin: 340px; }
  .pt-xl-345 {
    padding-top: 345px; }
  .pr-xl-345 {
    padding-right: 345px; }
  .pl-xl-345 {
    padding-left: 345px; }
  .pb-xl-345 {
    padding-bottom: 345px; }
  .p-xl-345 {
    padding: 345px; }
  .mt-xl-345 {
    margin-top: 345px; }
  .mr-xl-345 {
    margin-right: 345px; }
  .ml-xl-345 {
    margin-left: 345px; }
  .mb-xl-345 {
    margin-bottom: 345px; }
  .m-xl-345 {
    margin: 345px; }
  .pt-xl-350 {
    padding-top: 350px; }
  .pr-xl-350 {
    padding-right: 350px; }
  .pl-xl-350 {
    padding-left: 350px; }
  .pb-xl-350 {
    padding-bottom: 350px; }
  .p-xl-350 {
    padding: 350px; }
  .mt-xl-350 {
    margin-top: 350px; }
  .mr-xl-350 {
    margin-right: 350px; }
  .ml-xl-350 {
    margin-left: 350px; }
  .mb-xl-350 {
    margin-bottom: 350px; }
  .m-xl-350 {
    margin: 350px; }
  .pt-xl-355 {
    padding-top: 355px; }
  .pr-xl-355 {
    padding-right: 355px; }
  .pl-xl-355 {
    padding-left: 355px; }
  .pb-xl-355 {
    padding-bottom: 355px; }
  .p-xl-355 {
    padding: 355px; }
  .mt-xl-355 {
    margin-top: 355px; }
  .mr-xl-355 {
    margin-right: 355px; }
  .ml-xl-355 {
    margin-left: 355px; }
  .mb-xl-355 {
    margin-bottom: 355px; }
  .m-xl-355 {
    margin: 355px; }
  .pt-xl-360 {
    padding-top: 360px; }
  .pr-xl-360 {
    padding-right: 360px; }
  .pl-xl-360 {
    padding-left: 360px; }
  .pb-xl-360 {
    padding-bottom: 360px; }
  .p-xl-360 {
    padding: 360px; }
  .mt-xl-360 {
    margin-top: 360px; }
  .mr-xl-360 {
    margin-right: 360px; }
  .ml-xl-360 {
    margin-left: 360px; }
  .mb-xl-360 {
    margin-bottom: 360px; }
  .m-xl-360 {
    margin: 360px; }
  .pt-xl-365 {
    padding-top: 365px; }
  .pr-xl-365 {
    padding-right: 365px; }
  .pl-xl-365 {
    padding-left: 365px; }
  .pb-xl-365 {
    padding-bottom: 365px; }
  .p-xl-365 {
    padding: 365px; }
  .mt-xl-365 {
    margin-top: 365px; }
  .mr-xl-365 {
    margin-right: 365px; }
  .ml-xl-365 {
    margin-left: 365px; }
  .mb-xl-365 {
    margin-bottom: 365px; }
  .m-xl-365 {
    margin: 365px; }
  .pt-xl-370 {
    padding-top: 370px; }
  .pr-xl-370 {
    padding-right: 370px; }
  .pl-xl-370 {
    padding-left: 370px; }
  .pb-xl-370 {
    padding-bottom: 370px; }
  .p-xl-370 {
    padding: 370px; }
  .mt-xl-370 {
    margin-top: 370px; }
  .mr-xl-370 {
    margin-right: 370px; }
  .ml-xl-370 {
    margin-left: 370px; }
  .mb-xl-370 {
    margin-bottom: 370px; }
  .m-xl-370 {
    margin: 370px; }
  .pt-xl-375 {
    padding-top: 375px; }
  .pr-xl-375 {
    padding-right: 375px; }
  .pl-xl-375 {
    padding-left: 375px; }
  .pb-xl-375 {
    padding-bottom: 375px; }
  .p-xl-375 {
    padding: 375px; }
  .mt-xl-375 {
    margin-top: 375px; }
  .mr-xl-375 {
    margin-right: 375px; }
  .ml-xl-375 {
    margin-left: 375px; }
  .mb-xl-375 {
    margin-bottom: 375px; }
  .m-xl-375 {
    margin: 375px; }
  .pt-xl-380 {
    padding-top: 380px; }
  .pr-xl-380 {
    padding-right: 380px; }
  .pl-xl-380 {
    padding-left: 380px; }
  .pb-xl-380 {
    padding-bottom: 380px; }
  .p-xl-380 {
    padding: 380px; }
  .mt-xl-380 {
    margin-top: 380px; }
  .mr-xl-380 {
    margin-right: 380px; }
  .ml-xl-380 {
    margin-left: 380px; }
  .mb-xl-380 {
    margin-bottom: 380px; }
  .m-xl-380 {
    margin: 380px; }
  .pt-xl-385 {
    padding-top: 385px; }
  .pr-xl-385 {
    padding-right: 385px; }
  .pl-xl-385 {
    padding-left: 385px; }
  .pb-xl-385 {
    padding-bottom: 385px; }
  .p-xl-385 {
    padding: 385px; }
  .mt-xl-385 {
    margin-top: 385px; }
  .mr-xl-385 {
    margin-right: 385px; }
  .ml-xl-385 {
    margin-left: 385px; }
  .mb-xl-385 {
    margin-bottom: 385px; }
  .m-xl-385 {
    margin: 385px; }
  .pt-xl-390 {
    padding-top: 390px; }
  .pr-xl-390 {
    padding-right: 390px; }
  .pl-xl-390 {
    padding-left: 390px; }
  .pb-xl-390 {
    padding-bottom: 390px; }
  .p-xl-390 {
    padding: 390px; }
  .mt-xl-390 {
    margin-top: 390px; }
  .mr-xl-390 {
    margin-right: 390px; }
  .ml-xl-390 {
    margin-left: 390px; }
  .mb-xl-390 {
    margin-bottom: 390px; }
  .m-xl-390 {
    margin: 390px; }
  .pt-xl-395 {
    padding-top: 395px; }
  .pr-xl-395 {
    padding-right: 395px; }
  .pl-xl-395 {
    padding-left: 395px; }
  .pb-xl-395 {
    padding-bottom: 395px; }
  .p-xl-395 {
    padding: 395px; }
  .mt-xl-395 {
    margin-top: 395px; }
  .mr-xl-395 {
    margin-right: 395px; }
  .ml-xl-395 {
    margin-left: 395px; }
  .mb-xl-395 {
    margin-bottom: 395px; }
  .m-xl-395 {
    margin: 395px; }
  .pt-xl-400 {
    padding-top: 400px; }
  .pr-xl-400 {
    padding-right: 400px; }
  .pl-xl-400 {
    padding-left: 400px; }
  .pb-xl-400 {
    padding-bottom: 400px; }
  .p-xl-400 {
    padding: 400px; }
  .mt-xl-400 {
    margin-top: 400px; }
  .mr-xl-400 {
    margin-right: 400px; }
  .ml-xl-400 {
    margin-left: 400px; }
  .mb-xl-400 {
    margin-bottom: 400px; }
  .m-xl-400 {
    margin: 400px; }
  .pt-xl-405 {
    padding-top: 405px; }
  .pr-xl-405 {
    padding-right: 405px; }
  .pl-xl-405 {
    padding-left: 405px; }
  .pb-xl-405 {
    padding-bottom: 405px; }
  .p-xl-405 {
    padding: 405px; }
  .mt-xl-405 {
    margin-top: 405px; }
  .mr-xl-405 {
    margin-right: 405px; }
  .ml-xl-405 {
    margin-left: 405px; }
  .mb-xl-405 {
    margin-bottom: 405px; }
  .m-xl-405 {
    margin: 405px; }
  .pt-xl-410 {
    padding-top: 410px; }
  .pr-xl-410 {
    padding-right: 410px; }
  .pl-xl-410 {
    padding-left: 410px; }
  .pb-xl-410 {
    padding-bottom: 410px; }
  .p-xl-410 {
    padding: 410px; }
  .mt-xl-410 {
    margin-top: 410px; }
  .mr-xl-410 {
    margin-right: 410px; }
  .ml-xl-410 {
    margin-left: 410px; }
  .mb-xl-410 {
    margin-bottom: 410px; }
  .m-xl-410 {
    margin: 410px; }
  .pt-xl-415 {
    padding-top: 415px; }
  .pr-xl-415 {
    padding-right: 415px; }
  .pl-xl-415 {
    padding-left: 415px; }
  .pb-xl-415 {
    padding-bottom: 415px; }
  .p-xl-415 {
    padding: 415px; }
  .mt-xl-415 {
    margin-top: 415px; }
  .mr-xl-415 {
    margin-right: 415px; }
  .ml-xl-415 {
    margin-left: 415px; }
  .mb-xl-415 {
    margin-bottom: 415px; }
  .m-xl-415 {
    margin: 415px; }
  .pt-xl-420 {
    padding-top: 420px; }
  .pr-xl-420 {
    padding-right: 420px; }
  .pl-xl-420 {
    padding-left: 420px; }
  .pb-xl-420 {
    padding-bottom: 420px; }
  .p-xl-420 {
    padding: 420px; }
  .mt-xl-420 {
    margin-top: 420px; }
  .mr-xl-420 {
    margin-right: 420px; }
  .ml-xl-420 {
    margin-left: 420px; }
  .mb-xl-420 {
    margin-bottom: 420px; }
  .m-xl-420 {
    margin: 420px; }
  .pt-xl-425 {
    padding-top: 425px; }
  .pr-xl-425 {
    padding-right: 425px; }
  .pl-xl-425 {
    padding-left: 425px; }
  .pb-xl-425 {
    padding-bottom: 425px; }
  .p-xl-425 {
    padding: 425px; }
  .mt-xl-425 {
    margin-top: 425px; }
  .mr-xl-425 {
    margin-right: 425px; }
  .ml-xl-425 {
    margin-left: 425px; }
  .mb-xl-425 {
    margin-bottom: 425px; }
  .m-xl-425 {
    margin: 425px; }
  .pt-xl-430 {
    padding-top: 430px; }
  .pr-xl-430 {
    padding-right: 430px; }
  .pl-xl-430 {
    padding-left: 430px; }
  .pb-xl-430 {
    padding-bottom: 430px; }
  .p-xl-430 {
    padding: 430px; }
  .mt-xl-430 {
    margin-top: 430px; }
  .mr-xl-430 {
    margin-right: 430px; }
  .ml-xl-430 {
    margin-left: 430px; }
  .mb-xl-430 {
    margin-bottom: 430px; }
  .m-xl-430 {
    margin: 430px; }
  .pt-xl-435 {
    padding-top: 435px; }
  .pr-xl-435 {
    padding-right: 435px; }
  .pl-xl-435 {
    padding-left: 435px; }
  .pb-xl-435 {
    padding-bottom: 435px; }
  .p-xl-435 {
    padding: 435px; }
  .mt-xl-435 {
    margin-top: 435px; }
  .mr-xl-435 {
    margin-right: 435px; }
  .ml-xl-435 {
    margin-left: 435px; }
  .mb-xl-435 {
    margin-bottom: 435px; }
  .m-xl-435 {
    margin: 435px; }
  .pt-xl-440 {
    padding-top: 440px; }
  .pr-xl-440 {
    padding-right: 440px; }
  .pl-xl-440 {
    padding-left: 440px; }
  .pb-xl-440 {
    padding-bottom: 440px; }
  .p-xl-440 {
    padding: 440px; }
  .mt-xl-440 {
    margin-top: 440px; }
  .mr-xl-440 {
    margin-right: 440px; }
  .ml-xl-440 {
    margin-left: 440px; }
  .mb-xl-440 {
    margin-bottom: 440px; }
  .m-xl-440 {
    margin: 440px; }
  .pt-xl-445 {
    padding-top: 445px; }
  .pr-xl-445 {
    padding-right: 445px; }
  .pl-xl-445 {
    padding-left: 445px; }
  .pb-xl-445 {
    padding-bottom: 445px; }
  .p-xl-445 {
    padding: 445px; }
  .mt-xl-445 {
    margin-top: 445px; }
  .mr-xl-445 {
    margin-right: 445px; }
  .ml-xl-445 {
    margin-left: 445px; }
  .mb-xl-445 {
    margin-bottom: 445px; }
  .m-xl-445 {
    margin: 445px; }
  .pt-xl-450 {
    padding-top: 450px; }
  .pr-xl-450 {
    padding-right: 450px; }
  .pl-xl-450 {
    padding-left: 450px; }
  .pb-xl-450 {
    padding-bottom: 450px; }
  .p-xl-450 {
    padding: 450px; }
  .mt-xl-450 {
    margin-top: 450px; }
  .mr-xl-450 {
    margin-right: 450px; }
  .ml-xl-450 {
    margin-left: 450px; }
  .mb-xl-450 {
    margin-bottom: 450px; }
  .m-xl-450 {
    margin: 450px; }
  .pt-xl-455 {
    padding-top: 455px; }
  .pr-xl-455 {
    padding-right: 455px; }
  .pl-xl-455 {
    padding-left: 455px; }
  .pb-xl-455 {
    padding-bottom: 455px; }
  .p-xl-455 {
    padding: 455px; }
  .mt-xl-455 {
    margin-top: 455px; }
  .mr-xl-455 {
    margin-right: 455px; }
  .ml-xl-455 {
    margin-left: 455px; }
  .mb-xl-455 {
    margin-bottom: 455px; }
  .m-xl-455 {
    margin: 455px; }
  .pt-xl-460 {
    padding-top: 460px; }
  .pr-xl-460 {
    padding-right: 460px; }
  .pl-xl-460 {
    padding-left: 460px; }
  .pb-xl-460 {
    padding-bottom: 460px; }
  .p-xl-460 {
    padding: 460px; }
  .mt-xl-460 {
    margin-top: 460px; }
  .mr-xl-460 {
    margin-right: 460px; }
  .ml-xl-460 {
    margin-left: 460px; }
  .mb-xl-460 {
    margin-bottom: 460px; }
  .m-xl-460 {
    margin: 460px; }
  .pt-xl-465 {
    padding-top: 465px; }
  .pr-xl-465 {
    padding-right: 465px; }
  .pl-xl-465 {
    padding-left: 465px; }
  .pb-xl-465 {
    padding-bottom: 465px; }
  .p-xl-465 {
    padding: 465px; }
  .mt-xl-465 {
    margin-top: 465px; }
  .mr-xl-465 {
    margin-right: 465px; }
  .ml-xl-465 {
    margin-left: 465px; }
  .mb-xl-465 {
    margin-bottom: 465px; }
  .m-xl-465 {
    margin: 465px; }
  .pt-xl-470 {
    padding-top: 470px; }
  .pr-xl-470 {
    padding-right: 470px; }
  .pl-xl-470 {
    padding-left: 470px; }
  .pb-xl-470 {
    padding-bottom: 470px; }
  .p-xl-470 {
    padding: 470px; }
  .mt-xl-470 {
    margin-top: 470px; }
  .mr-xl-470 {
    margin-right: 470px; }
  .ml-xl-470 {
    margin-left: 470px; }
  .mb-xl-470 {
    margin-bottom: 470px; }
  .m-xl-470 {
    margin: 470px; }
  .pt-xl-475 {
    padding-top: 475px; }
  .pr-xl-475 {
    padding-right: 475px; }
  .pl-xl-475 {
    padding-left: 475px; }
  .pb-xl-475 {
    padding-bottom: 475px; }
  .p-xl-475 {
    padding: 475px; }
  .mt-xl-475 {
    margin-top: 475px; }
  .mr-xl-475 {
    margin-right: 475px; }
  .ml-xl-475 {
    margin-left: 475px; }
  .mb-xl-475 {
    margin-bottom: 475px; }
  .m-xl-475 {
    margin: 475px; }
  .pt-xl-480 {
    padding-top: 480px; }
  .pr-xl-480 {
    padding-right: 480px; }
  .pl-xl-480 {
    padding-left: 480px; }
  .pb-xl-480 {
    padding-bottom: 480px; }
  .p-xl-480 {
    padding: 480px; }
  .mt-xl-480 {
    margin-top: 480px; }
  .mr-xl-480 {
    margin-right: 480px; }
  .ml-xl-480 {
    margin-left: 480px; }
  .mb-xl-480 {
    margin-bottom: 480px; }
  .m-xl-480 {
    margin: 480px; }
  .pt-xl-485 {
    padding-top: 485px; }
  .pr-xl-485 {
    padding-right: 485px; }
  .pl-xl-485 {
    padding-left: 485px; }
  .pb-xl-485 {
    padding-bottom: 485px; }
  .p-xl-485 {
    padding: 485px; }
  .mt-xl-485 {
    margin-top: 485px; }
  .mr-xl-485 {
    margin-right: 485px; }
  .ml-xl-485 {
    margin-left: 485px; }
  .mb-xl-485 {
    margin-bottom: 485px; }
  .m-xl-485 {
    margin: 485px; }
  .pt-xl-490 {
    padding-top: 490px; }
  .pr-xl-490 {
    padding-right: 490px; }
  .pl-xl-490 {
    padding-left: 490px; }
  .pb-xl-490 {
    padding-bottom: 490px; }
  .p-xl-490 {
    padding: 490px; }
  .mt-xl-490 {
    margin-top: 490px; }
  .mr-xl-490 {
    margin-right: 490px; }
  .ml-xl-490 {
    margin-left: 490px; }
  .mb-xl-490 {
    margin-bottom: 490px; }
  .m-xl-490 {
    margin: 490px; }
  .pt-xl-495 {
    padding-top: 495px; }
  .pr-xl-495 {
    padding-right: 495px; }
  .pl-xl-495 {
    padding-left: 495px; }
  .pb-xl-495 {
    padding-bottom: 495px; }
  .p-xl-495 {
    padding: 495px; }
  .mt-xl-495 {
    margin-top: 495px; }
  .mr-xl-495 {
    margin-right: 495px; }
  .ml-xl-495 {
    margin-left: 495px; }
  .mb-xl-495 {
    margin-bottom: 495px; }
  .m-xl-495 {
    margin: 495px; }
  .pt-xl-500 {
    padding-top: 500px; }
  .pr-xl-500 {
    padding-right: 500px; }
  .pl-xl-500 {
    padding-left: 500px; }
  .pb-xl-500 {
    padding-bottom: 500px; }
  .p-xl-500 {
    padding: 500px; }
  .mt-xl-500 {
    margin-top: 500px; }
  .mr-xl-500 {
    margin-right: 500px; }
  .ml-xl-500 {
    margin-left: 500px; }
  .mb-xl-500 {
    margin-bottom: 500px; }
  .m-xl-500 {
    margin: 500px; }
  .pt-xl-10 {
    padding-top: 10px; }
  .pr-xl-10 {
    padding-right: 10px; }
  .pl-xl-10 {
    padding-left: 10px; }
  .pb-xl-10 {
    padding-bottom: 10px; }
  .p-xl-10 {
    padding: 10px; }
  .mt-xl-10 {
    margin-top: 10px; }
  .mr-xl-10 {
    margin-right: 10px; }
  .ml-xl-10 {
    margin-left: 10px; }
  .mb-xl-10 {
    margin-bottom: 10px; }
  .m-xl-10 {
    margin: 10px; }
  .pt-xl-20 {
    padding-top: 20px; }
  .pr-xl-20 {
    padding-right: 20px; }
  .pl-xl-20 {
    padding-left: 20px; }
  .pb-xl-20 {
    padding-bottom: 20px; }
  .p-xl-20 {
    padding: 20px; }
  .mt-xl-20 {
    margin-top: 20px; }
  .mr-xl-20 {
    margin-right: 20px; }
  .ml-xl-20 {
    margin-left: 20px; }
  .mb-xl-20 {
    margin-bottom: 20px; }
  .m-xl-20 {
    margin: 20px; }
  .pt-xl-30 {
    padding-top: 30px; }
  .pr-xl-30 {
    padding-right: 30px; }
  .pl-xl-30 {
    padding-left: 30px; }
  .pb-xl-30 {
    padding-bottom: 30px; }
  .p-xl-30 {
    padding: 30px; }
  .mt-xl-30 {
    margin-top: 30px; }
  .mr-xl-30 {
    margin-right: 30px; }
  .ml-xl-30 {
    margin-left: 30px; }
  .mb-xl-30 {
    margin-bottom: 30px; }
  .m-xl-30 {
    margin: 30px; }
  .pt-xl-40 {
    padding-top: 40px; }
  .pr-xl-40 {
    padding-right: 40px; }
  .pl-xl-40 {
    padding-left: 40px; }
  .pb-xl-40 {
    padding-bottom: 40px; }
  .p-xl-40 {
    padding: 40px; }
  .mt-xl-40 {
    margin-top: 40px; }
  .mr-xl-40 {
    margin-right: 40px; }
  .ml-xl-40 {
    margin-left: 40px; }
  .mb-xl-40 {
    margin-bottom: 40px; }
  .m-xl-40 {
    margin: 40px; }
  .pt-xl-50 {
    padding-top: 50px; }
  .pr-xl-50 {
    padding-right: 50px; }
  .pl-xl-50 {
    padding-left: 50px; }
  .pb-xl-50 {
    padding-bottom: 50px; }
  .p-xl-50 {
    padding: 50px; }
  .mt-xl-50 {
    margin-top: 50px; }
  .mr-xl-50 {
    margin-right: 50px; }
  .ml-xl-50 {
    margin-left: 50px; }
  .mb-xl-50 {
    margin-bottom: 50px; }
  .m-xl-50 {
    margin: 50px; }
  .pt-xl-60 {
    padding-top: 60px; }
  .pr-xl-60 {
    padding-right: 60px; }
  .pl-xl-60 {
    padding-left: 60px; }
  .pb-xl-60 {
    padding-bottom: 60px; }
  .p-xl-60 {
    padding: 60px; }
  .mt-xl-60 {
    margin-top: 60px; }
  .mr-xl-60 {
    margin-right: 60px; }
  .ml-xl-60 {
    margin-left: 60px; }
  .mb-xl-60 {
    margin-bottom: 60px; }
  .m-xl-60 {
    margin: 60px; }
  .pt-xl-70 {
    padding-top: 70px; }
  .pr-xl-70 {
    padding-right: 70px; }
  .pl-xl-70 {
    padding-left: 70px; }
  .pb-xl-70 {
    padding-bottom: 70px; }
  .p-xl-70 {
    padding: 70px; }
  .mt-xl-70 {
    margin-top: 70px; }
  .mr-xl-70 {
    margin-right: 70px; }
  .ml-xl-70 {
    margin-left: 70px; }
  .mb-xl-70 {
    margin-bottom: 70px; }
  .m-xl-70 {
    margin: 70px; }
  .pt-xl-80 {
    padding-top: 80px; }
  .pr-xl-80 {
    padding-right: 80px; }
  .pl-xl-80 {
    padding-left: 80px; }
  .pb-xl-80 {
    padding-bottom: 80px; }
  .p-xl-80 {
    padding: 80px; }
  .mt-xl-80 {
    margin-top: 80px; }
  .mr-xl-80 {
    margin-right: 80px; }
  .ml-xl-80 {
    margin-left: 80px; }
  .mb-xl-80 {
    margin-bottom: 80px; }
  .m-xl-80 {
    margin: 80px; }
  .pt-xl-90 {
    padding-top: 90px; }
  .pr-xl-90 {
    padding-right: 90px; }
  .pl-xl-90 {
    padding-left: 90px; }
  .pb-xl-90 {
    padding-bottom: 90px; }
  .p-xl-90 {
    padding: 90px; }
  .mt-xl-90 {
    margin-top: 90px; }
  .mr-xl-90 {
    margin-right: 90px; }
  .ml-xl-90 {
    margin-left: 90px; }
  .mb-xl-90 {
    margin-bottom: 90px; }
  .m-xl-90 {
    margin: 90px; }
  .pt-xl-100 {
    padding-top: 100px; }
  .pr-xl-100 {
    padding-right: 100px; }
  .pl-xl-100 {
    padding-left: 100px; }
  .pb-xl-100 {
    padding-bottom: 100px; }
  .p-xl-100 {
    padding: 100px; }
  .mt-xl-100 {
    margin-top: 100px; }
  .mr-xl-100 {
    margin-right: 100px; }
  .ml-xl-100 {
    margin-left: 100px; }
  .mb-xl-100 {
    margin-bottom: 100px; }
  .m-xl-100 {
    margin: 100px; } }

.text-primary {
  color: #bea027; }

.bg-black {
  background: #000000; }

.bg-grey-light {
  background-color: #c0c0c0; }

.bg-dark-60 {
  background-color: rgba(0, 0, 0, 0.6); }

.background-main {
  background-color: #000000 !important; }

.background-secondary {
  background-color: #D61A69 !important; }

.background-tertiary {
  background-color: #000000 !important; }

.border-b-primary {
  border-bottom: 2px solid #bea027; }

.single-post-container {
  padding-left: 15px; }

.single-post {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  border-bottom: 1px solid #eee;
  padding: 22px 0px 22px 0px; }
  .single-post .single-post-image {
    padding-right: 25px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center; }
    .single-post .single-post-image img {
      height: 40px;
      border-radius: 50px; }
  .single-post .single-post-body {
    -ms-flex: 1;
    flex: 1; }
    .single-post .single-post-body .single-post-tags {
      padding-top: 15px; }
      .single-post .single-post-body .single-post-tags .single-post-tag {
        color: #247530;
        display: inline-block;
        font-size: 12px;
        line-height: normal;
        margin-right: 10px; }
    .single-post .single-post-body .single-post-meta {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .single-post .single-post-body .single-post-meta .single-post-topic {
        color: #bea027;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 12px; }
    .single-post .single-post-body .fa-square {
      font-size: 6px;
      padding: 0px 6px; }
    .single-post .single-post-body h4 {
      font-size: 16px;
      margin: 0px; }
    .single-post .single-post-body p {
      font-size: 14px;
      margin: 0px; }
    .single-post .single-post-body .single-post-description {
      padding-top: 15px;
      color: #757575; }
  .single-post .single-post-count {
    padding-top: 15px;
    padding-left: 15px; }
    .single-post .single-post-count a, .single-post .single-post-count button {
      margin: 0 5px;
      font-size: 18px; }
      .single-post .single-post-count a:hover, .single-post .single-post-count button:hover {
        text-decoration: none; }

.discussion-nav-links {
  padding-top: 10px; }

.discussion-nav-links a {
  margin-top: 10px; }

.post-description {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #dadada;
  padding-top: 20px; }
  .post-description p {
    max-width: 960px; }
  .post-description button {
    color: #757575; }
  .post-description h2 {
    font-size: 20px;
    margin-bottom: 5px; }
  .post-description h3 {
    font-size: 16px; }
  .post-description .single-post-tag {
    color: #247530;
    display: inline-block;
    font-size: 12px;
    line-height: normal;
    margin-right: 10px; }
  .post-description .post-description-meta {
    color: #757575;
    margin: 0px; }
  .post-description .post-description-content {
    margin-top: 20px; }

.comment {
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #dadada;
  margin-bottom: 25px;
  padding-bottom: 15px; }
  .comment .comment-image {
    padding-right: 20px; }
    .comment .comment-image img {
      width: 60px;
      border-radius: 50px; }
  .comment .comment-body {
    -ms-flex: 1;
    flex: 1; }
    .comment .comment-body .comment-heading {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
      justify-content: space-between; }
  .comment .comment-meta {
    font-size: 18px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center; }
    .comment .comment-meta .fa-square {
      font-size: 4px;
      color: #757575;
      margin: 0px 8px; }
    .comment .comment-meta .comment-meta-date {
      font-size: 14px;
      color: #757575; }
  .comment .comment-actions button {
    margin: 0 5px;
    font-size: 18px; }

.comment-body.commenting form {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: end;
  align-items: flex-end; }
  .comment-body.commenting form button {
    margin-top: 20px; }

.discussion-container {
  display: -ms-flexbox;
  display: flex;
  padding: 15px; }

.discussion-sidebar-container {
  padding: 15px;
  min-width: 180px;
  max-width: 300px; }
  .discussion-sidebar-container select {
    width: 100%; }

.discussion-sidebar-posts {
  margin: 15px 0px 30px 0px; }

.discussion-content-container {
  -ms-flex: 1;
  flex: 1; }

.hide-btn-db {
  display: none; }

.db-display-block {
  display: block !important; }

.single-post-container.flag {
  border-left: none; }
  .single-post-container.flag .single-post .single-post-count p {
    margin: 0 5px;
    font-size: 20px;
    padding-bottom: 14px;
    text-align: center; }
  .single-post-container.flag .single-post .single-post-count button {
    font-size: 14px;
    padding: 4px 18px;
    min-width: auto; }

.single-post-container.no-sidebar {
  border-left: none; }

#showDeleteFlagModal blockquote {
  font-size: 16px;
  border-left: 5px solid #e0e0e0; }

.jba2-search-input {
  display: -ms-flexbox;
  display: flex; }
  .jba2-search-input input {
    border: 1px solid #8e8e8e;
    border-right: none;
    border-radius: 5px 0px 0px 5px;
    padding: 0px 10px; }
  .jba2-search-input button {
    background-color: #bea027;
    color: white;
    padding: 5px 10px;
    border-radius: 0px 5px 5px 0px;
    border: 1px solid #8e8e8e; }

.discussion-trending-tags h3 {
  font-size: 18px; }

.discussion-trending-tags div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 250px; }
  .discussion-trending-tags div a {
    margin-right: 10px;
    margin-bottom: 5px; }

.mindlab-welcome-tags {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .mindlab-welcome-tags a {
    font-size: 20px;
    color: white;
    margin-right: 20px;
    margin-top: 10px; }

#discussionCreatePost .form-select {
  padding-right: 16px;
  background-position: right 6px center; }

@media (max-width: 767px) {
  .single-post-container {
    border-left: none; }
  .comment .comment-image {
    display: none; }
  .single-post .single-post-image {
    display: none; }
  .discussion-sidebar-container {
    padding: 0px;
    padding-top: 15px;
    border-bottom: 1px solid #dadada; }
  .discussion-sidebar-posts {
    margin: 15px 0px 20px 0px; }
  .discussion-container {
    -ms-flex-direction: column;
    flex-direction: column; } }

.jba3-login-wrapper {
  color: white;
  font-size: 12px;
  display: -ms-flexbox;
  display: flex;
  height: 100%; }
  .jba3-login-wrapper input {
    color: black; }

.jba3-login-wrapper .form-group label {
  margin-bottom: 5px; }

.jba3-login-wrapper a:focus {
  color: purple;
  box-shadow: none; }

.jba3-login-container {
  width: 50%;
  margin-left: 50%;
  display: -ms-flexbox;
  display: flex; }

.jba3-login-image {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 30px 0; }

.jba3-login-inner-container {
  max-width: 100%;
  width: 350px;
  padding: 50px 15px;
  margin: auto; }

.jba3-login-splash-image {
  height: 100%;
  position: fixed;
  height: 100%;
  width: 50%;
  background-position: center;
  background-size: cover; }

.jba2-btn-tab:focus {
  color: white; }

.forgot-password {
  font-size: 14px;
  margin: 0; }

.forgot-password a:hover, .forgot-password a:focus, .login-signup a:hover, .login-signup a:focus, .login-btns:hover, .login-btns:focus {
  color: #f0f0f0; }

.modal.in .modal-dialog {
  color: #000000; }

@media (max-width: 767px) {
  .jba3-login-splash-image {
    display: none; }
  .jba3-login-container {
    width: 100%;
    margin-left: 0px; } }

.course-archived-banner {
  position: absolute;
  top: 0;
  background: #bebebe;
  width: 260px;
  text-align: center;
  height: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  transform: rotate(-25deg) translateX(-73px) translateY(-15px); }
  .course-archived-banner p {
    color: #fff !important; }

.section-progress-semifilled {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(https://worktheseasons.co.nz/images/course-assets/blob-box/light-blue-blob-box.svg);
  border-radius: 30px;
  transition: .5s padding-right 0s;
  background-clip: content-box; }

.cropit-preview {
  background-color: white !important;
  border: 1px solid white !important; }

.cropit-preview-image-container {
  border-radius: 200px;
  z-index: 1; }

#jbaCroppedImage, #jbaCroppedImage2 {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1; }

.jba-showmore-btn {
  background: url("../../images/theme-marketing/rectangle-button.svg");
  background-repeat: no-repeat;
  color: white;
  border: none;
  padding: .2em;
  min-width: 100px;
  cursor: pointer;
  font-size: 14px; }

.profile-height {
  position: relative;
  transition: 0.6s all cubic-bezier(0.71, 0.19, 0.35, 0.93);
  overflow: hidden; }

.profile-height:before {
  content: ' ';
  box-shadow: inset 0px -17px 38px -4px white;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 9999;
  width: 100%;
  height: 4000px;
  opacity: 0;
  transition: 0.6s all cubic-bezier(0.71, 0.19, 0.35, 0.93);
  pointer-events: none; }

.profile-height-big {
  max-height: 4000px; }

.profile-height-toggled {
  max-height: 365px; }

.profile-height-toggled:before {
  content: ' ';
  box-shadow: inset 0px -17px 38px -4px white;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 9999;
  width: 100%;
  height: 365px;
  opacity: 1;
  transition: 0.6s all cubic-bezier(0.71, 0.19, 0.35, 0.93);
  pointer-events: none; }

.show-more-button-toggled {
  transform: rotate(180deg) !important; }

.show-more-button {
  transform: rotate(0deg);
  transition: .2s all; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

/*@media (min-width: 1200px){
       .container {
           max-width: 940px;
       }
   }
   @media (min-width: 992px){
       .container {
           max-width: 740px;
       }
   }*/
@media (max-width: 767px) {
  .mob-pad-0 {
    padding: 0; } }

.check-svg {
  height: 20px;
  transform: translateX(3px) translateY(-5px); }

.document-button {
  background: url("../../images/course-assets/buttons/circle-button.svg");
  border-radius: 50px;
  color: white;
  border: none;
  height: 35px;
  width: 35px;
  position: absolute;
  top: 0;
  right: 0;
  margin: 5px;
  transform: scale(1);
  transition: .2s all;
  background-size: 100% 100%;
  /*transform:translateX(20px)translateY(20px);*/ }

.document-button-disabled {
  background: url("../../images/course-assets/buttons/circle-button-locked.svg");
  pointer-events: none;
  background-size: 100% 100%; }

.document-button:active {
  transform: scale(0.9); }

.document-button:hover {
  background: url("../../images/course-assets/buttons/circle-button-hover.svg");
  background-size: 100% 100%; }

.whole-page-loader {
  background: #eeeeee !important; }

.add-skill-btn {
  margin: 0 10px; }

.profile-container {
  width: 100%;
  text-align: center;
  padding-bottom: 40px; }

.profile-container-row {
  max-width: 1180px;
  text-align: left;
  margin: auto; }

.profile-tabs {
  color: white;
  border: none;
  padding: .5em;
  min-width: 100px;
  cursor: pointer;
  background: #bea027;
  cursor: pointer; }

.profile-tabs:hover {
  background: #A02C4D; }

.profile-tabs-selected {
  background: #a98e23; }

.modal-body-profile {
  padding: 0; }

.profile-tab-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column; }

.profile-tab-content {
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 20px; }

.social-media-tab-content {
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 20px; }

.profile-tab-tabs {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  background: #F1E9E0; }

.profile-tab-tabs button {
  border-right: 1px solid #A02C4D; }

.course-item-output {
  display: -ms-flexbox;
  display: flex; }

.course-item-output p {
  margin: 0;
  -ms-flex-align: center;
  align-items: center;
  margin: 10px; }

.course-item-output button {
  min-width: 70px; }

.course-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  margin: 0px;
  /*border-bottom: 1px solid #eaeaea;*/
  box-shadow: 0 4px 4px 2px rgba(0, 0, 0, 0.3);
  transform: translateY(0px) translateX(0px);
  transition: .3s all;
  /*width:30%;*/
  border-radius: 0 0 10px 10px; }

.course-item:hover {
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.2);
  transform: translateY(-2px) translateX(-2px); }

.course-item-info {
  width: 100%;
  padding: .5em;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #bea027; }

.course-item-info a {
  color: #bea027;
  cursor: pointer;
  white-space: nowrap; }

.course-item-info a:hover {
  color: #912b52; }

.course-item-info p {
  color: black; }

.course-item-image {
  height: 100px;
  width: 100%;
  position: relative;
  overflow: hidden; }

.edit-loader {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1020;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.6);
  display: none; }

.education-year-field {
  display: inline-block;
  width: 100px; }

.education-month-field {
  display: inline-block;
  width: auto; }

.reference-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  /*width:50%;*/
  position: relative;
  border-bottom: 1px solid #f2f2f2;
  padding-top: 15px;
  padding-bottom: 15px; }

.reference-recommendation {
  font-style: italic;
  line-height: 18px; }

.reference-item .fa-user {
  font-size: 36px;
  padding-right: 23px;
  margin-right: 20px;
  border-right: 1px solid #ccc;
  color: #bea027; }

.modal-profile-pic-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: column;
  flex-direction: column; }

.modal-profile-pic-container img {
  height: 300px;
  width: auto; }

.edit-profile-picture {
  left: 0;
  bottom: 0;
  position: absolute;
  height: 100%;
  border: 1px solid #bea027;
  width: 100%;
  margin: 0;
  border-radius: 500px;
  text-align: center;
  vertical-align: middle;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: white;
  font-size: 30px;
  transition: .2s all;
  cursor: pointer; }

.edit-profile-picture:hover {
  border: 1px solid #a98e23; }

.edit-profile-picture p {
  transform: translateY(50px);
  opacity: 0;
  transition: .2s all .2s; }

.edit-profile-picture:hover {
  opacity: 1; }

.edit-profile-picture:hover p {
  transform: translateY(0px);
  opacity: 1; }

.completed-task {
  color: #38B449 !important; }

.incomplete-section {
  background: url("../../images/course-assets/blob-box/orange-blob-box.svg") !important;
  background-repeat: no-repeat !important; }

.staggered-transition {
  transition: all .3s ease;
  transform: translateY(0px); }

.staggered-enter {
  opacity: 0;
  transform: translateY(-20px); }

.staggered-leave {
  opacity: 0;
  transform: translateY(-20px); }

.tick-transition {
  transition: all .3s ease;
  transform: scale(1); }

.tick-enter {
  opacity: 0;
  transform: scale(0); }

.tick-leave {
  opacity: 0;
  transform: scale(0); }

.progress-transition {
  transition: all .3s ease 2s;
  transform: translateY(0px); }

.progress-enter {
  opacity: 0;
  transform: translateY(-20px); }

.progress-leave {
  opacity: 0;
  transform: translateY(-20px); }

.magenta-underline-hover {
  color: #bea027;
  /*text-decoration:underline;*/
  cursor: pointer; }

.remove-confirm {
  width: 120px;
  display: inline-block;
  text-align: center;
  margin: 0 1em; }

.magenta-underline-hover:hover {
  color: #912b52; }

.form-toggle-gap {
  margin: 2em 0; }

.form-toggle-gap label:first-child {
  font-weight: 800;
  margin: .5em 0; }

.profile-personal-information {
  padding: 10px 0;
  box-shadow: 0 4px 4px 2px rgba(0, 0, 0, 0.3);
  border-radius: 0px;
  background-color: white;
  position: relative; }

.profile-personal-information-border {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid white; }

.profile-personal-information input {
  border: 1px solid #323232;
  margin-bottom: 10px; }

.profile-personal-information .row {
  margin-left: auto;
  margin-right: auto; }

.profile-personal-information select {
  border: 1px solid #323232;
  margin-bottom: 10px; }

.jba-modal-btn {
  background: url("../../images/course-assets/buttons/rectangle-button.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  color: white;
  border: none;
  padding: .5em;
  min-width: 100px;
  cursor: pointer;
  transform: scale(1);
  transition: .2s all; }

.jba-modal-btn:hover {
  background: url("../../images/course-assets/buttons/rectangle-button-hover.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  color: white;
  text-decoration: none; }

.jba-modal-btn:active {
  transform: scale(0.9); }

.jba-modal-btn-selected {
  background: url("../../images/course-assets/buttons/rectangle-button-visited.svg");
  background-repeat: no-repeat; }

.profile-section-divider {
  margin: 20px 0;
  border-top: 1px solid #AFACAA; }

/**************
General section
**************/
.profile-section {
  background: white;
  padding: 0;
  margin: 10px 0;
  box-shadow: 0 4px 4px 2px rgba(0, 0, 0, 0.3);
  border-radius: 0px; }

.profile-section-banner {
  background: #000000;
  color: #f0f0f0;
  padding: 0;
  margin: 10px 0;
  box-shadow: 0 4px 4px 2px rgba(0, 0, 0, 0.3);
  border-radius: 0px; }

.profile-section-banner h2 {
  font-family: open-sans;
  margin: 0;
  font-size: 40px; }

.profile-section-banner .section-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

.section-content {
  padding: .5em 1.5em;
  position: relative; }

#jba-statement-section .edit-item {
  position: absolute;
  top: 10px;
  margin: 0.4em; }

#jba-statement-section .section-completion {
  width: 50px;
  background: url("../../images/course-assets/blob-box/blue-blob-box.svg");
  text-align: center;
  color: white;
  margin-right: 10px;
  position: absolute;
  right: 0;
  transform: scale(1);
  transition: .2s all; }

#jba-statement-section .section-completion:focus {
  outline: none; }

#jba-statement-section .section-completion:active {
  transform: scale(0.9); }

.section-content .section-completion {
  width: 50px;
  background: url("../../images/course-assets/blob-box/blue-blob-box.svg");
  background-repeat: no-repeat;
  text-align: center;
  color: white;
  margin-right: 10px;
  position: absolute;
  right: 0;
  transform: scale(1);
  transition: .2s all; }

.section-content .section-completion:focus {
  outline: none; }

.section-content .section-completion:active {
  transform: scale(0.9); }

.section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center; }

.section-header .header-title {
  font-family: open-sans;
  width: auto;
  display: inline-block;
  background-image: url(../../images/theme-jbanew/title-slant.png);
  background-size: 100% 100%;
  color: #f0f0f0;
  padding: 5px 5em 5px 10px;
  font-size: 18px;
  margin-top: 10px;
  background-color: transparent;
  line-height: 26px; }

.section-header .section-completion {
  width: 50px;
  background: url("../../images/course-assets/blob-box/blue-blob-box.svg");
  background-repeat: no-repeat;
  text-align: center;
  color: white;
  margin-right: 10px;
  transform: scale(1);
  transition: .2s all;
  position: absolute;
  right: 0; }

.section-header .section-completion:active {
  transform: scale(0.9); }

.section-header .section-completion:focus {
  outline: none; }

.essential-add {
  color: #F79131; }

.section-add-item {
  width: 100%;
  margin-left: 1em;
  text-align: center;
  transform: scale(1);
  transition: .2s all;
  padding: 0; }

.section-add-item:active {
  transform: scale(0.8); }

.section-add-item i, .section-add-item button {
  font-size: 30px;
  color: #bea027;
  cursor: pointer;
  margin: 10px;
  background-color: transparent;
  border: none; }

/**************
General section ends
**************/
/**************
Experience section
**************/
.experience-item {
  padding: 15px 0 0 0;
  position: relative;
  border-bottom: none; }

.profile-item {
  padding: 15px 0 0 0;
  position: relative; }

.experience-item:last-child {
  border: none; }

.edit-item {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 21px;
  color: #bea027;
  cursor: pointer;
  margin: .4em;
  transform: scale(1);
  transition: .2s all;
  background-color: transparent;
  border: none; }

.edit-item:hover {
  color: #b3b3b3; }

.edit-item:active {
  transform: scale(0.8); }

.experience-item-title {
  font-size: 16px; }

.experience-item-company {
  font-size: 14px; }

.experience-item-date {
  font-size: 14px; }

.experience-item-add-description {
  color: #bea027;
  text-decoration: underline;
  cursor: pointer;
  display: inline-block; }

.experience-item-add-description:hover {
  color: #912b52;
  text-decoration: underline; }

/**************
Experience section ends
**************/
/**************
Education section
**************/
.education-item {
  position: relative;
  padding: 15px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #f2f2f2; }

.education-img {
  height: 80px;
  width: auto;
  margin-right: 5em; }

.education-item-school {
  font-size: 16px; }

.education-item-course {
  font-size: 14px; }

.education-item-date {
  font-size: 14px; }

.education-item-add-course {
  color: #bea027;
  text-decoration: underline;
  cursor: pointer; }

.education-item-add-date {
  color: #bea027;
  text-decoration: underline;
  cursor: pointer; }

/**************
Education section ends
**************/
/**************
Statement section
**************/
.profile-title-line {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  margin: 14px 0; }

.profile-title-line h2 {
  margin: 0; }

/**************
Statement section ends
**************/
/**************
Contact section
**************/
.contact-profile-picture-wrapper {
  position: relative;
  height: 100px;
  width: 100px;
  margin-top: 8px;
  margin-bottom: 8px;
  margin-right: 2em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

.contact-profile-picture-wrapper .contract-profile-premium {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 30%;
  height: auto; }

.contact-profile-picture {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 100%;
  border-radius: 200px; }

.contact-item-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin: 10px 0; }

.contact-item-wrapper i {
  color: #bea027;
  font-size: 16px;
  width: 16px;
  text-align: center; }

.contact-item-wrapper .contact-item-title {
  font-weight: 800;
  margin: 0; }

.contact-item-wrapper .contact-item-content {
  margin: 0;
  word-wrap: break-word; }

.progress-content {
  color: #bea027;
  transition: .2s all;
  cursor: pointer; }

.progress-content:hover {
  text-decoration: underline; }

.contact-item-container {
  margin: 0 10px;
  padding-left: 10px;
  border-left: 1px solid #f2f2f2;
  overflow: hidden; }

/**************
Contact section ends
**************/
/**************
Progress bar section
**************/
.progress-bar-tooltip {
  color: grey; }

.progress-bar-tooltip:focus {
  color: #bea027; }

.popover {
  color: #bea027;
  border-radius: 0;
  border: 1px solid #f2f2f2; }

.progress-item {
  margin: 10px 0; }

.progress-checkbox-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

.progress-checkbox {
  position: relative;
  background: url("../../images/course-assets/check/pink-border.png");
  padding: 0px;
  margin: 5px;
  height: 20px;
  width: 20px;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 10px;
  background-size: contain;
  background-position: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background-repeat: no-repeat; }

/*************
Progress bar section ends
**************/
/**************
Skills section
**************/
.skills-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center; }

.skills-header i {
  color: #bea027;
  font-size: 20px;
  cursor: pointer;
  margin: 10px;
  transform: scale(1);
  transition: .2s all; }

.skills-header i:hover {
  color: #912b52; }

.skills-header i:active {
  transform: scale(0.9); }

/**************
Skills section ends
**************/
.essential-add {
  color: #F79131; }

.skills-list {
  list-style: none;
  padding: 0;
  transform: translateX(-5px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

#editSkills .course-skill, .jba-skills-section .course-skill {
  height: 300px;
  overflow-y: scroll; }
  #editSkills .course-skill button, .jba-skills-section .course-skill button {
    border: none;
    background: transparent;
    width: 100%;
    text-align: left; }
    #editSkills .course-skill button.active, #editSkills .course-skill button:hover, .jba-skills-section .course-skill button.active, .jba-skills-section .course-skill button:hover {
      font-weight: bold; }
    #editSkills .course-skill button i, .jba-skills-section .course-skill button i {
      display: none; }
    #editSkills .course-skill button:hover i, .jba-skills-section .course-skill button:hover i {
      line-height: inherit;
      display: inline-block; }

#editSkills .custom-skill, .jba-skills-section .custom-skill {
  height: 250px;
  overflow-y: scroll; }

#editSkills .skills-list-wrap .skills-item, .jba-skills-section .skills-list-wrap .skills-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  background-color: transparent !important;
  color: #323232;
  font-size: 16px;
  border: none; }
  #editSkills .skills-list-wrap .skills-item div, .jba-skills-section .skills-list-wrap .skills-item div {
    height: 25px; }
    #editSkills .skills-list-wrap .skills-item div i, .jba-skills-section .skills-list-wrap .skills-item div i {
      display: none; }
  #editSkills .skills-list-wrap .skills-item:hover, .jba-skills-section .skills-list-wrap .skills-item:hover {
    font-weight: bold; }
    #editSkills .skills-list-wrap .skills-item:hover i, .jba-skills-section .skills-list-wrap .skills-item:hover i {
      color: #323232;
      display: block;
      cursor: pointer;
      font-weight: bold; }

#editSkills .skills-list-wrap .skills-item:nth-child(odd), .jba-skills-section .skills-list-wrap .skills-item:nth-child(odd) {
  background: transparent; }

.learn-more-wrapper {
  margin-top: 30px; }

.incomplete-course {
  opacity: 0.2; }

.skills-item div {
  padding: 5px; }

.skills-item div img {
  height: 20px;
  width: auto; }

.learn-more-job {
  width: 100%;
  height: 100px;
  margin: 10px 0;
  color: white;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.16);
  cursor: pointer;
  transition: .2s all; }

.learn-more-job:hover {
  color: white; }

.learn-more-job:hover {
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.46);
  transform: translateY(-2px) translateX(-2px); }

.learn-more-job .learn-more-bg {
  -ms-flex-positive: 1;
  flex-grow: 1; }

.learn-more-job .learn-more-text {
  margin: 0;
  padding: 5px;
  background: #bea027;
  font-size: 14px; }

.modal-content {
  border-radius: 0px; }

.modal-header {
  border: none; }

.modal-footer {
  border: none; }

.modal {
  text-align: center; }

@media screen and (min-width: 768px) {
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%; } }

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle; }

.ui-datepicker {
  border: none;
  border-radius: 0px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }

/*!
 * Datepicker for Bootstrap v1.6.4 (https://github.com/eternicode/bootstrap-datepicker)
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */
.datepicker {
  padding: 4px;
  border-radius: 4px;
  direction: ltr; }

.datepicker-inline {
  width: 220px; }

.datepicker.datepicker-rtl {
  direction: rtl; }

.datepicker.datepicker-rtl table tr td span {
  float: right; }

.datepicker-dropdown {
  top: 0;
  left: 0; }

.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #999;
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute; }

.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-top: 0;
  position: absolute; }

.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px; }

.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px; }

.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px; }

.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px; }

.datepicker-dropdown.datepicker-orient-bottom:before {
  top: -7px; }

.datepicker-dropdown.datepicker-orient-bottom:after {
  top: -6px; }

.datepicker-dropdown.datepicker-orient-top:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999; }

.datepicker-dropdown.datepicker-orient-top:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff; }

.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.datepicker td,
.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: none; }

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent; }

.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
  background: #eee;
  cursor: pointer; }

.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #999; }

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #999;
  cursor: default; }

.datepicker table tr td.highlighted {
  background: #d9edf7;
  border-radius: 0; }

.datepicker table tr td.today:hover:hover {
  color: #000; }

.datepicker table tr td.today.active:hover {
  color: #fff; }

.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
  background: #eee;
  border-radius: 0; }

.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
  background-color: #efe24b \9; }

.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
  background-color: #9e9e9e;
  background-image: linear-gradient(to bottom, #b3b3b3, #808080);
  background-repeat: repeat-x;
  border-color: #808080 #808080 #595959;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
  background-color: #808080; }

.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active {
  background-color: #666666 \9; }

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  background-color: #006dcc;
  background-image: linear-gradient(to bottom, #08c, #0044cc);
  background-repeat: repeat-x;
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
  background-color: #0044cc; }

.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
  background-color: #003399 \9; }

.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  border-radius: 4px; }

.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
  background: #eee; }

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #999;
  cursor: default; }

.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  background-color: #006dcc;
  background-image: linear-gradient(to bottom, #bea027, #bea027);
  background-repeat: repeat-x;
  border-color: #bea027;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
  background-color: #bea027; }

.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
  background-color: #bea027; }

.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #999; }

.datepicker .datepicker-switch {
  width: 145px; }

.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
  cursor: pointer; }

.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
  background: #eee; }

.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle; }

.input-append.date .add-on,
.input-prepend.date .add-on {
  cursor: pointer; }

.input-append.date .add-on i,
.input-prepend.date .add-on i {
  margin-top: 3px; }

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

.input-daterange input:first-child {
  border-radius: 3px 0 0 3px; }

.input-daterange input:last-child {
  border-radius: 0 3px 3px 0; }

.input-daterange .add-on {
  display: inline-block;
  width: auto;
  min-width: 16px;
  height: 18px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 18px;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  vertical-align: middle;
  /*background-color: #eee;
  border: 1px solid #ccc;*/
  margin-left: -5px;
  margin-right: -5px; }

.input-daterange {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

.input-daterange input {
  max-width: 120px; }

.input-daterange p {
  margin: 0 8px; }

.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: transparent;
  border: none;
  border-radius: 4px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center; }
/* Special styling for WebKit/Blink */
.cropit-image-zoom-input {
  margin: 25px 0 !important;
  background: #f0f0f0 !important; }

input[type=range] {
  padding: 0;
  -webkit-appearance: none;
  width: 100%;
  margin: 7.05px 0; }

input[type=range]:focus {
  outline: none; }

input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 10.9px;
  cursor: pointer;
  box-shadow: 1px 1px 1px transparent, 0px 0px 1px rgba(13, 13, 13, 0);
  background: #f1e9e0;
  border-radius: 22.2px;
  border: 0px solid #010101; }

input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.03), 0px 0px 0px rgba(13, 13, 13, 0.03);
  border: 0px solid transparent;
  height: 25px;
  width: 25px;
  border-radius: 32px;
  background: #bea027;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -7.05px; }

input[type=range]:focus::-webkit-slider-runnable-track {
  background: #f9f5f2; }

input[type=range]::-moz-range-track {
  width: 100%;
  height: 10.9px;
  cursor: pointer;
  box-shadow: 1px 1px 1px transparent, 0px 0px 1px rgba(13, 13, 13, 0);
  background: #f1e9e0;
  border-radius: 22.2px;
  border: 0px solid #010101; }

input[type=range]::-moz-range-thumb {
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.03), 0px 0px 0px rgba(13, 13, 13, 0.03);
  border: 0px solid transparent;
  height: 25px;
  width: 25px;
  border-radius: 32px;
  background: #bea027;
  cursor: pointer; }

input[type="range"]::-ms-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent; }

input[type=range]::-ms-fill-lower {
  background: #e9ddce;
  border: 0px solid #010101;
  border-radius: 44.4px;
  box-shadow: 1px 1px 1px transparent, 0px 0px 1px rgba(13, 13, 13, 0); }

input[type=range]::-ms-fill-upper {
  background: #f1e9e0;
  border: 0px solid #010101;
  border-radius: 44.4px;
  box-shadow: 1px 1px 1px transparent, 0px 0px 1px rgba(13, 13, 13, 0); }

input[type="range"]::-ms-thumb {
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.03), 0px 0px 0px rgba(13, 13, 13, 0.03);
  border: 0px solid transparent;
  height: 15px;
  width: 15px;
  border-radius: 32px;
  background: #bea027;
  cursor: pointer; }

input[type=range]:focus::-ms-fill-lower {
  background: #f1e9e0; }

input[type=range]:focus::-ms-fill-upper {
  background: #f9f5f2; }

.error-note {
  text-align: left;
  font-style: italic;
  font-size: 12px;
  margin-top: 20px; }

select {
  -webkit-appearance: none; }

.select2-container *:focus {
  outline: none; }

.select2-dropdown {
  border: 1px solid #F1E9E0 !important;
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.16) !important;
  border-radius: 0px !important; }

.skill-badge {
  height: 25px;
  width: 25px;
  border-radius: 40px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  background: #59C7D9;
  color: white; }

.incomplete-course {
  opacity: 0.2; }

.profile-progress-container .progress-container-filled span {
  color: #000000; }

.select2-container--default .select2-results > .select2-results__options {
  overflow-y: scroll !important; }

#welcomeModal h4 {
  color: #59C7D9;
  font-size: 24px; }

#welcomeModal .modal-header {
  background-color: #323232; }

#welcomeModal h5 {
  font-size: 20px;
  font-family: open-sans;
  margin-top: 30px; }

#welcomeModal a {
  margin: 0 10px; }

#welcomeModal p a {
  margin: 0px; }

.welcome-bullet {
  margin: 0 !important; }

.pi-card .jba2-btn-tab {
  margin: 5px; }

.company-link-item a {
  white-space: normal;
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis; }

.company-link-item button {
  border: none;
  background-color: transparent; }

#v-company-profile .contact-profile-picture {
  border-radius: 0px; }

#v-company-profile .edit-profile-picture {
  border-radius: 0px; }

.jba2-modal .blue-modal-header {
  background-color: #00a889;
  color: #000000; }

.clear-location {
  right: 25px;
  z-index: 2;
  top: 27px;
  color: #696969; }
  .clear-location:hover {
    color: #ccc; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .clear-location {
    display: none; } }

input[type='text'],
input[type='number'] {
  font-size: inherit !important; }

@media screen and (min-width: 780px) {
  .wrap-profile-header-flex-grow {
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-right: 20px; } }

@media (max-width: 767px) {
  .profile-personal-information .col-xs-6 {
    padding: 0 15px !important; }
  .modal-dialog {
    width: 93%; }
  .profile-container {
    padding: 0; }
  .skills-item {
    width: 50%; }
  .wrap-name-bit {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center; }
  .wrap-name-bit .contact-profile-picture-wrapper {
    width: 50px;
    height: 50px;
    margin-right: 1em; }
  .edit-profile-picture p {
    font-size: 20px; }
  .wrap-name-bit h2 {
    font-size: 24px; }
  .wrap-profile-header-flex-grow {
    width: 90%; }
  .contact-profile-picture-wrapper {
    width: 40px;
    height: 40px; }
  .profile-section-banner h2 {
    font-size: 24px; }
  a.edit-item {
    top: auto;
    bottom: 0; } }

@media screen and (min-width: 600px) {
  p.objective-text {
    width: 66%; } }

.header-score.disabled {
  color: #e8e8e8 !important; }

.profile-picture-header-score.disabled {
  color: #AFACAA !important; }

.current-job-check {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center; }

.current-job-check input {
  width: auto !important;
  margin-right: 10px;
  margin-top: 0 !important; }

.course-item.disabled {
  filter: grayscale(100%); }

.profile-video {
  margin-bottom: 20px !important;
  background: rgba(190, 160, 39, 0.1);
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative; }

.video-row {
  margin-bottom: 20px;
  margin-top: 20px !important;
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative; }

.video-row:nth-child(2n) {
  background: rgba(190, 160, 39, 0.1); }

.expand-transition {
  opacity: 1;
  height: auto;
  display: -ms-flexbox;
  display: flex; }

.flex-center.nav-wrap {
  display: -ms-flexbox;
  display: flex; }

a.help-button {
  font-size: 20px;
  margin-right: 10px;
  color: grey;
  cursor: pointer; }

a.help-button:hover {
  color: #bea027 !important;
  text-decoration: none !important; }

/* .expand-enter defines the starting state for entering */
/* .expand-leave defines the ending state for leaving */
.expand-enter {
  opacity: 0;
  height: 0;
  width: 100%; }

@media screen and (max-width: 767px) {
  .flex-center.nav-wrap {
    position: absolute;
    right: 0;
    top: 2px; }
  a.help-button {
    margin-right: 20px;
    font-size: 30px; } }

@media screen and (max-width: 1199px) {
  .mobile-margin {
    margin-top: 20px; }
  .profile-video {
    padding-left: 10px;
    padding-right: 10px; } }

.jba-evaluation-badges-section .evaluation-badge {
  width: 100px; }
  .jba-evaluation-badges-section .evaluation-badge img {
    width: 100%; }
  .jba-evaluation-badges-section .evaluation-badge p {
    text-align: center; }

.jba3-module-title {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid #b9b9b9;
  border-bottom: 1px solid #b9b9b9;
  padding: 10px 15px;
  background: transparent;
  border-left: none;
  border-right: none; }
  .jba3-module-title:hover {
    background: #e2e2e2; }
  .jba3-module-title:focus {
    background: #e2e2e2;
    box-shadow: none; }
  .jba3-module-title p {
    margin: 0;
    padding-right: 15px;
    font-weight: bold; }
  .jba3-module-title span {
    margin-left: auto;
    transform: rotate(0deg);
    transition: 0.2s all; }
  .jba3-module-title h4 {
    font-weight: normal;
    font-size: 15px; }

.jba3-course-exercise {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 0px 15px 0px 30px;
  width: 100%;
  border: none;
  background: transparent; }
  .jba3-course-exercise:hover {
    font-weight: 500; }

.jba3-course-status-container {
  position: relative;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  display: -ms-flexbox;
  display: flex;
  width: 40px; }

.jba3-course-status {
  height: 30px;
  width: 30px;
  margin: auto;
  z-index: 1;
  background-color: #f2f2f2;
  border: 1px solid #b9b9b9;
  border-radius: 50px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  transition: 0.2s all cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.jba3-course-status-line {
  position: absolute;
  border-left: 1px solid #b9b9b9;
  height: 100%;
  top: 0;
  left: 50%;
  z-index: -1; }

.jba3-course-exercise:last-child .jba3-course-status-line {
  height: 50%; }

.jba3-course-exercise:hover, .jba3-course-exercise:focus {
  background: #e2e2e2;
  box-shadow: none; }
  .jba3-course-exercise:hover .jba3-course-status, .jba3-course-exercise:focus .jba3-course-status {
    height: 35px;
    width: 35px; }
  .jba3-course-exercise:hover .jba3-exercise-titles, .jba3-course-exercise:focus .jba3-exercise-titles {
    padding-left: 20px; }
  .jba3-course-exercise:hover .jba3-exercise-controls, .jba3-course-exercise:focus .jba3-exercise-controls {
    opacity: 1;
    transform: translateX(0); }
  .jba3-course-exercise:hover.disable-hover, .jba3-course-exercise:focus.disable-hover {
    background: none; }
    .jba3-course-exercise:hover.disable-hover .jba3-course-status, .jba3-course-exercise:focus.disable-hover .jba3-course-status {
      height: 30px;
      width: 30px; }
    .jba3-course-exercise:hover.disable-hover .jba3-exercise-titles, .jba3-course-exercise:focus.disable-hover .jba3-exercise-titles {
      padding-left: 15px; }

.jba3-exercise-controls {
  margin-left: auto;
  transition: 0.2s all cubic-bezier(0.68, -0.55, 0.265, 1.55);
  opacity: 0;
  transform: translateX(-5px); }
  .jba3-exercise-controls p {
    margin: 0;
    color: #bea027 !important; }
  .jba3-exercise-controls .fa {
    transform: scaleY(1.6);
    transform-origin: center;
    font-size: 18px;
    margin-left: 10px; }

.jba3-exercise-time {
  margin-left: auto; }

.jba3-exercise-titles {
  margin: 1em 0;
  padding-left: 15px;
  transition: 0.2s all cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition-delay: 100; }
  .jba3-exercise-titles p {
    margin: 0; }

.jba3-course-status.completed {
  background: #bea027;
  color: white; }
  .jba3-course-status.completed:before {
    content: "\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit; }

.jba3-course-status.locked {
  background: #b9b9b9;
  color: white; }
  .jba3-course-status.locked:before {
    content: "\f023";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit; }

a.jba3-course-exercise:hover, a.jba3-course-exercise {
  color: black;
  text-decoration: none; }
  a.jba3-course-exercise:hover:focus, a.jba3-course-exercise:hover:hover, a.jba3-course-exercise:focus, a.jba3-course-exercise:hover {
    text-decoration: none; }
  a.jba3-course-exercise:hover p, a.jba3-course-exercise p {
    color: black;
    text-decoration: none; }

.jba3-module-exercises.closed {
  display: none; }

.jba3-module-title.active span {
  transform: rotate(180deg); }

.form-control {
  transition: 0.2s all; }

.filter-btn:focus,
.jba2-navbar-item:focus,
.jba2-subnav-item:focus,
.element-item:focus,
.profile-header-number:focus,
.modal-subnav button:focus,
.chat-tab:focus,
.jbanew-carousel .carousel-course-card a.element-item:focus,
#category .categories:focus {
  outline: 0;
  box-shadow: 0 0 2px 4px #51cbee; }

.jba2-navbar-item:focus {
  color: white; }

button.slick-arrow:focus {
  outline: none;
  box-shadow: none;
  color: #bea027; }
  button.slick-arrow:focus polyline {
    stroke: #bea027;
    stroke-width: 12px; }

.groups-sidebar-items button:focus,
#admin-panel-users table button:focus,
.admin-title-line button:focus {
  text-decoration: underline;
  color: #a98e23;
  box-shadow: none; }

.course-loader-container {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 1; }

.groups-sidebar-items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column; }

.groups-sidebar-items button {
  color: #bea027;
  border: none;
  background: transparent;
  -ms-flex: 1;
  flex: 1;
  text-align: left;
  word-break: break-word; }
  .groups-sidebar-items button.active {
    background-color: rgba(255, 228, 77, 0.2); }

.groups-sidebar-items button:hover {
  color: #a98e23; }

.sidebar-item-actions button {
  padding: 0px; }

.subnav-grey-textbox-tall {
  height: 150px; }

.admin-loader {
  width: 100%;
  text-align: center; }

.admin-loader svg path {
  fill: #B8175B; }

#admin-panel-resource-search > button {
  color: #B8175B;
  display: inline-block;
  width: auto;
  border: none;
  background: transparent;
  -ms-flex-item-align: start;
  align-self: flex-start;
  margin-top: 15px; }

#edit-group-logo, #edit-group-cover, #group-logo, #group-cover {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1; }

#edit-group-logo-image, #group-logo-image {
  width: 150px;
  height: 150px;
  background-size: cover;
  background-position: center;
  display: block;
  background-image: url("../../images/theme-jbanew/logo-placeholder.png");
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end;
  padding: 15px;
  cursor: pointer;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 40px;
  background-color: white;
  color: #bfbfbf; }

#edit-group-cover-image, #group-cover-image {
  width: 100%;
  height: 150px;
  background-size: cover;
  background-position: center;
  display: block;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 40px;
  background-color: white;
  color: #bfbfbf; }

#edit-group-logo-image:hover, #group-logo-image:hover, #edit-group-cover-image:hover, #group-cover-image:hover {
  color: #323232;
  box-shadow: inset 0px 0px 0px 5px rgba(0, 0, 0, 0.75); }

.modal-subnav-title-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 0; }

.modal-subnav-title-container h3 {
  padding: 0px; }

.modal-subnav-title-container img {
  height: 50px;
  width: 50px;
  margin-right: 15px;
  border-radius: 50px; }

a {
  cursor: pointer; }

#viewCourse .modal-body {
  min-height: 300px; }

.modal-subnav.modal-subnav-background {
  margin: 0px;
  padding-top: 15px;
  background-position: center;
  background-size: cover;
  position: relative; }

.modal-subnav.modal-subnav-background h3 {
  z-index: 2; }

.modal-subnav.modal-subnav-background .modal-subnav-icons {
  z-index: 2; }

.modal-subnav-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center; }

.modal-subnav-icons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

.modal-subnav-icons > div {
  display: -ms-flexbox;
  display: flex;
  margin-left: 15px;
  -ms-flex-align: center;
  align-items: center;
  font-size: 20px; }

.modal-subnav-icons > div p {
  margin: 0; }

.modal-subnav-icons > div i {
  margin: 0px 5px; }

.modal-subnav.modal-subnav-background:before {
  content: '';
  width: 100%;
  position: absolute;
  height: 100%;
  z-index: 0;
  top: 0px;
  left: 0px;
  background: rgba(255, 255, 255, 0.8); }

.modal-subnav-title {
  margin: 0;
  padding-bottom: 15px; }

.selected-users-empty {
  color: #bdbdbd;
  margin: 15px 0; }

#v-admin .jba2-header button {
  margin-top: 10px; }

#user-edit-row i {
  font-size: 20px;
  cursor: pointer;
  margin: 0 2px; }

#user-edit-row > td:first-child {
  display: -ms-flexbox;
  display: flex; }

.admin-main-panel section > p {
  margin-top: 0px; }

.admin-courses-see-more {
  display: block;
  text-align: center;
  margin: 20px 0;
  cursor: pointer; }

.admin-container {
  min-height: 1000px;
  padding-top: 15px; }

.trash-disabled {
  color: #bdbdbd; }

.user-search-bar > .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

.create-group-form {
  position: relative;
  padding-bottom: 60px; }

.create-group-form a {
  cursor: pointer; }

.selectable-user {
  cursor: pointer; }
  .selectable-user .learnerEmail {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

.selectable-user.active {
  color: #bea027; }

.selectable-user p {
  margin: 0;
  width: 33%; }

.selected-users {
  background: white;
  padding: 10px;
  box-shadow: -5px 5px 15px #bfbfbf; }

.selected-users button {
  margin-top: 20px; }

.link-button {
  color: #bea027;
  background: transparent;
  border: none;
  padding: 0px; }
  .link-button:hover, .link-button:focus {
    color: #a98e23;
    box-shadow: none;
    outline: none;
    text-decoration: underline; }

.selected-users.floating {
  position: absolute;
  background: white;
  top: 0;
  right: 0; }

.create-group-form .back {
  border: none;
  background: transparent;
  color: #bea027; }

.selected-users-tab div button, .selected-users div button {
  margin: 0px;
  background: transparent;
  border: none; }

.selected-users-tab div, .selected-users div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center; }

.selected-users-tab div i:hover, .selected-users div i:hover {
  color: black; }

.selected-users-tab div i, .selected-users div i {
  margin-right: 10px;
  color: #757575;
  cursor: pointer; }

.admin-main-panel {
  padding-top: 10px; }

.admin-main-panel > section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 25px;
  padding: 15px; }

.admin-panel-user {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

.admin-panel-user p {
  margin: 0; }

.admin-panel-selector-item {
  width: 20%;
  background-color: white;
  margin: 12px;
  padding: 12px;
  cursor: pointer;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.jba2-table {
  border: 1px solid #e6e1e1; }
  .jba2-table td {
    vertical-align: middle !important; }
  .jba2-table th {
    background-color: #a98e23;
    color: white;
    border: none; }
  .jba2-table .table-actions button {
    font-size: 18px;
    margin: 0 5px; }
  .jba2-table .table-profile-image {
    height: 62px;
    width: 72px; }
    .jba2-table .table-profile-image img {
      height: 45px;
      border-radius: 50px; }

#admin-panel-users table button {
  border: none;
  background: transparent;
  color: #bea027;
  padding: 0px; }

.admin-panel-selector-item > button {
  padding: 8px 8px 0;
  width: 100%;
  border: none;
  background: transparent; }

.admin-tools-row {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 100%; }

.admin-tools-item {
  margin-left: 3px;
  height: 25px;
  width: 25px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50px;
  color: white;
  background-color: #bea027;
  padding: 0px;
  border: none; }

/*    .admin-tools-item.delete{
    background-color: red;
}

.admin-tools-item.delete:hover{
    background-color: #c70000;
}*/
/*    .admin-tools-item.edit{
    background-color: green;
}

.admin-tools-item.edit:hover{
    background-color: #c70000;
}*/
.admin-tools-item i {
  line-height: 0;
  margin: auto; }

.admin-panel-selector-item.active {
  border: 1px solid #bea027; }

.admin-loader svg path,
.admin-loader svg rect {
  fill: #bea027; }

.admin-panel-selector-item p {
  margin: 0;
  word-break: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; }

.admin-panel-selector-items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.selector-item-icons {
  display: -ms-flexbox;
  display: flex; }

.admin-hidden-icons {
  visibility: hidden; }

.selector-item-icons > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 15px; }

.selector-item-icons > div p {
  margin: 0; }

.selector-item-icons > div i {
  margin-right: 5px; }

#admin-panel-faction-pagination {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-left: 12px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 0px; }

.faction-crumb {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 10px 3px;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  margin-left: -12px;
  padding: 0px;
  background: transparent;
  border: none; }

.faction-crumb p {
  background: white;
  margin: 0px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  transition: .2s all;
  white-space: nowrap; }

.crumb-left-arrow {
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 15px solid #f0f0f0;
  background: white;
  transition: .2s all; }

.crumb-right-arrow {
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 15px solid white;
  transition: .2s all; }

.faction-crumb.active .crumb-left-arrow {
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 15px solid #f0f0f0;
  background: #bea027; }

.faction-crumb.active .crumb-right-arrow {
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 15px solid #bea027; }

.faction-crumb.active p {
  background: #bea027;
  color: white; }

.faction-crumb p {
  padding: 5px 10px;
  height: 40px; }

.groups-sidebar-group {
  margin-bottom: 30px; }

.groups-sidebar-image {
  background-size: cover;
  background-position: center;
  width: 150px;
  height: 150px;
  background-image: url("https://worktheseasons.co.nz/images/theme-techfuturelab/square-logo.jpg");
  margin: 0 auto; }

.groups-sidebar-items > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-right: 20px;
  margin-bottom: 10px; }

.groups-sidebar-items > div > div {
  -ms-flex-negative: 0;
  flex-shrink: 0; }

.groups-sidebar-items p {
  margin: 0px;
  text-overflow: ellipsis;
  overflow: hidden; }

.admin-panel-cover-image {
  width: 100%;
  height: 100px;
  background-size: cover;
  background-position: center;
  margin-bottom: 15px; }

.admin-panel-title-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }
  .admin-panel-title-container div {
    height: 100px;
    width: 100px;
    background-size: cover;
    background-position: center;
    margin-right: 15px;
    margin-bottom: 15px; }
  .admin-panel-title-container h4 {
    -ms-flex: 1;
    flex: 1; }

.group-card {
  padding: 0px;
  width: 100%;
  background: white;
  border: none;
  border-radius: 0px 0px 10px 10px;
  overflow: hidden;
  box-shadow: 2px 2px 2px #dedede;
  transform: translateY(0px);
  transition: 0.2s all; }
  .group-card:hover {
    transform: translateY(-2px); }
  .group-card .group-card-cover {
    width: 100%;
    height: 40px;
    background-size: cover;
    background-position: center; }
  .group-card .group-card-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: 70px; }
    .group-card .group-card-title div {
      height: 70px;
      width: 70px;
      background-size: cover;
      background-position: center; }
    .group-card .group-card-title h4 {
      -ms-flex: 1;
      flex: 1;
      padding: 0px 15px;
      font-size: 20px;
      text-align: left; }

.groups-sidebar-items > p {
  margin-bottom: 10px; }

.groups-sidebar-items p:hover {
  cursor: pointer;
  color: #bea027; }

.groups-sidebar-items p.active {
  color: #bea027; }

.sidebar-error {
  color: #bdbdbd; }

p.sidebar-error:hover {
  cursor: default;
  color: #bdbdbd;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.admin-title-line {
  display: -ms-flexbox;
  display: flex; }

.admin-title-line a {
  margin: 0 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer; }

.groups-sidebar {
  margin-right: 20px;
  margin-top: 20px;
  padding-bottom: 50px;
  min-width: 150px; }

.groups-sidebar-group i {
  transition: .2s all; }

.admin-toggle-active i {
  transform: rotate(180deg); }

.groups-sidebar-group h4 {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

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

.pagination > p {
  color: #bea027;
  margin: 0 5px; }

#user-edit-row {
  display: none; }

/* always present */
.expand-transition {
  transition: all .3s ease;
  transform: translateX(0px);
  opacity: 1; }

/* .expand-enter defines the starting state for entering */
/* .expand-leave defines the ending state for leaving */
.expand-enter, .expand-leave {
  transform: translateX(-20px);
  opacity: 0; }

/* always present */
.fader-transition {
  transition: all .2s ease;
  opacity: 1;
  transform: translate(0px); }

/* .expand-enter defines the starting state for entering */
/* .expand-leave defines the ending state for leaving */
.fader-enter, .fader-leave {
  opacity: 0;
  transform: translate(-5px); }

/* always present */
.spin-transition {
  transition: transform .2s ease,opacity .2s ease;
  opacity: 1;
  transform: rotate(0deg); }

/* .expand-enter defines the starting state for entering */
/* .expand-leave defines the ending state for leaving */
.spin-enter, .spin-leave {
  opacity: 0;
  transform: rotate(90deg); }

.selectable-user button {
  background: transparent;
  color: #bea027;
  border: 1px solid #bea027;
  border-radius: 50px;
  padding: 5px 10px; }

.selectable-user button.active {
  background: #bea027;
  color: white;
  border: 1px solid #bea027; }

.selectable-users .table > tbody > tr > td {
  border-top: none;
  line-height: 1; }

.selectable-users .table > tbody > tr.active > td {
  background-color: transparent; }

.user-search-bar-second > div {
  -ms-flex: 1;
  flex: 1; }

.user-search-bar > .user-search-bar-second {
  display: block; }

.groups-sidebar {
  width: 20%; }

.learner-groups-sidebar {
  width: auto;
  margin: 0px;
  margin-right: 15px; }

.learner-groups-sidebar h4 {
  margin-top: 10px; }

.learner-groups-sidebar .groups-sidebar-items {
  background: white;
  border: 1px solid #e4e4e4;
  margin: 0px;
  padding: 15px; }

.groups-content-container {
  background: white;
  background: white;
  border: 1px solid #e4e4e4; }

.jbanew-course-card .element-item-text {
  cursor: pointer; }

.jbanew-course-card .element-item-background {
  cursor: pointer; }

.jbanew-course-card .element-item {
  height: 210px !important;
  cursor: pointer; }

.jbanew-course-card .courses-container {
  cursor: pointer; }

@media (min-width: 768px) {
  .jbanew-course-card .element-item {
    max-width: 262px; }
  .user-search-bar > .user-search-bar-second {
    display: -ms-flexbox;
    display: flex; }
  .modal-xl {
    width: 95%;
    max-width: 1200px; } }

@media (max-width: 767px) {
  #viewCourse .modal-subnav button {
    width: 60px; }
  #viewCourse .modal-subnav button.active {
    width: 60px; }
  .admin-container {
    -ms-flex-direction: column;
    flex-direction: column; }
  .groups-sidebar {
    width: 100%;
    /*margin:0px;*/ }
  .create-group-form {
    padding: 0 15px 60px 15px; }
  .user-search-bar {
    margin-bottom: 15px; }
  .groups-sidebar-group {
    margin-bottom: 10px;
    padding-bottom: 10px;
    display: none;
    border-bottom: 1px solid #c5c5c5; }
  .admin-container {
    padding-left: 15px;
    padding-right: 15px; }
  .groups-sidebar {
    border-right: none; }
  .groups-sidebar-items {
    display: none; }
  .admin-panel-selector-item {
    width: 43%; }
  /* Crumb stuff */
  .faction-crumb {
    margin: 3px 3px;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    margin-left: -12px; }
  .crumb-left-arrow {
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 10px solid #f0f0f0;
    background: white;
    transition: .2s all; }
  .crumb-right-arrow {
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 10px solid white; }
  .faction-crumb.active .crumb-left-arrow {
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 10px solid #f0f0f0;
    background: #bea027; }
  .faction-crumb.active .crumb-right-arrow {
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 10px solid #bea027; }
  .faction-crumb p {
    padding: 5px 10px;
    height: 30px; }
  /* Course card stuff */
  .jbanew-course-card .element-item {
    height: 70px !important; }
  .jbanew-course-card .element-item-background {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: .2; }
  .jbanew-course-card .courses-container {
    position: relative; }
  .jbanew-course-card .element-item-text {
    background: rgba(255, 255, 255, 0.8); }
  .jbanew-course-card .element-item {
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #c5c5c5; } }

.jbanew-course-card .element-item-text .course-time {
  color: black; }

.jbanew-course-card .element-item-text .course-completed {
  color: black; }

.user-search-bar-second > .user-search-bar-second-button {
  -ms-flex: 0;
  flex: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .user-search-bar-second > div {
    -ms-flex: 36%;
    flex: 36%; }
  .user-search-bar-second > .user-search-bar-second-button {
    -ms-flex: 25%;
    flex: 25%; } }

.selected-users-tab > div {
  display: -ms-flexbox;
  display: flex; }

.selected-users-tab > div i {
  margin-right: 10px; }

.mobile-active {
  display: block; }

.groups-sidebar-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

.groups-sidebar-header i {
  margin-right: 10px; }

#v-admin a:hover, #v-admin a:active {
  text-decoration: none; }

.admin-title-line button {
  border: none;
  background: transparent;
  color: #bea027; }

.admin-panel-folders-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.admin-panel-folders-container .admin-tools-row {
  top: 15px;
  right: 10px; }

.admin-panel-folders-container > div {
  width: 25%;
  padding: 10px 5px;
  position: relative; }

.admin-panel-folders-container > div > button {
  border: 1px solid #bdbdbd;
  background: white;
  padding: 10px;
  width: 100%;
  text-align: left;
  color: #747474;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: 100%; }

.admin-panel-folders-container > div.active > button {
  border: 1px solid #bea027; }

.admin-panel-folders-container > div > button span {
  margin-right: 8px;
  word-break: break-word; }

.admin-panel-folders-container button.create-folder {
  border: 1px solid #bea027;
  color: #bea027;
  background: transparent;
  font-size: 24px;
  text-align: center;
  width: 25%;
  padding: 5px;
  min-height: 47px;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center; }

.admin-panel-folders-container button.create-folder > span {
  margin: auto; }

.admin-panel-folders-container button.create-folder.return {
  font-size: 16px;
  text-align: left;
  padding-left: 10px;
  display: block; }

.admin-panel-folders-container .admin-tools-item {
  -ms-flex-direction: column;
  flex-direction: column;
  border: none; }

.admin-panel-documents-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.admin-panel-documents-container .admin-tools-row {
  top: 15px;
  right: 10px; }

.admin-panel-documents-container > div {
  width: 25%;
  padding: 10px 5px;
  position: relative; }

.admin-panel-documents-container > div.active button {
  border: 1px solid #bea027; }

.admin-panel-documents-container > div > button {
  border: none;
  background: white;
  padding: 5px;
  width: 100%;
  text-align: left;
  color: #323232;
  border: 1px solid #bdbdbd; }

.admin-panel-documents-container > div > button span {
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  overflow: hidden;
  text-align: center;
  font-size: 14px; }

.admin-panel-documents-container > div > button .doc-thumbnail {
  height: 40px;
  width: 100%;
  background-color: transparent;
  color: #747474;
  margin-bottom: 5px;
  display: -ms-flexbox;
  display: flex; }

.admin-panel-documents-container > div > button .doc-thumbnail > span {
  color: #323232;
  margin: auto;
  font-size: 30px; }

.admin-panel-documents-container .admin-tools-item {
  -ms-flex-direction: column;
  flex-direction: column;
  border: none; }

.admin-panel-documents-container .upload-document {
  background: transparent;
  border: 1px dashed #bea027;
  color: #bea027;
  text-align: center;
  border-radius: 5px;
  width: 25%;
  margin: 0px;
  display: -ms-flexbox;
  display: flex;
  min-height: 80px;
  width: 100%;
  -ms-flex-align: center;
  align-items: center; }

.admin-panel-documents-container .upload-document label {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer; }

.admin-panel-documents-container .upload-document span {
  font-size: 30px;
  margin: auto; }

.docs-sidebar {
  padding: 20px 15px;
  width: 20%; }

.docs-sidebar button {
  display: block;
  background: transparent;
  border: none;
  text-align: left;
  width: 100%; }

.docs-sidebar button span {
  margin-right: 6px; }

.docs-sidebar .docs-sidebar-items {
  border-bottom: 1px solid black;
  padding-bottom: 10px;
  margin-bottom: 12px; }

.docs-sidebar p {
  color: #747474;
  font-size: 12px; }

.admin-title-line.toggle {
  -ms-flex-pack: justify;
  justify-content: space-between; }

.admin-title-line.toggle > div {
  display: -ms-flexbox;
  display: flex; }

.admin-panel-documents-container-list table button {
  border: none;
  width: 100%;
  background: transparent;
  color: #bea027;
  text-align: left; }

.admin-panel-documents-container-list .resource-icon-column {
  display: -ms-flexbox;
  display: flex; }

.admin-panel-documents-container-list .resource-icon-column button {
  padding: 0px;
  text-align: center; }

input[type="file"]:focus + label {
  box-shadow: 0 0 5px 1px #51cbee; }

#docsFile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1; }

#docsFile + label {
  width: auto; }

#docsFile:focus + label {
  box-shadow: 0 0 5px 1px #51cbee; }

#admin-panel-doc-detail {
  -ms-flex-direction: row;
  flex-direction: row; }

.admin-doc-detail-left {
  -ms-flex: 1;
  flex: 1; }

.admin-doc-detail-right {
  border-left: 1px solid #D6D6D6;
  margin-left: 15px;
  padding-left: 15px;
  padding-right: 40px; }

.admin-doc-details-container {
  display: -ms-flexbox;
  display: flex;
  padding: 15px 0px; }

.admin-doc-details-container div:first-child {
  padding-right: 20px; }

.admin-doc-detail-right button {
  margin: 5px; }

@media (max-width: 767px) {
  .admin-panel-folders-container > div {
    width: 50%; }
  .admin-panel-documents-container > div {
    width: 50%; }
  .docs-sidebar {
    width: 100%; }
  #admin-panel-doc-detail {
    -ms-flex-direction: column;
    flex-direction: column; }
  .admin-doc-detail-right {
    padding: 0px;
    margin: 0px;
    border-left: none; } }

#category .categories {
  position: relative;
  background-color: #fff;
  box-shadow: 2px 2px 15px 5px #aaa;
  transition: box-shadow .07s ease-in-out;
  cursor: pointer;
  margin: 0px;
  padding: 0px;
  border: none; }
  #category .categories .categories-image {
    max-height: 137px; }
  #category .categories:hover {
    box-shadow: 2px 2px 15px 5px #555;
    transition: box-shadow .1s ease-in-out; }
  #category .categories .categories-locked {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    color: white;
    top: 0;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 18px; }
    #category .categories .categories-locked span {
      font-size: 50px; }

#category .dropdown .dropdown-menu {
  padding: 0;
  min-width: 250px;
  margin-bottom: 50px;
  z-index: 1000; }
  #category .dropdown .dropdown-menu li {
    padding: 0; }
    #category .dropdown .dropdown-menu li button {
      width: 100%;
      display: block;
      text-align: left;
      background: transparent;
      border: none;
      padding: .5em 1em; }
      #category .dropdown .dropdown-menu li button:hover {
        background-color: #ccc; }
  #category .dropdown .dropdown-menu .sub-menu {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    padding: 0;
    list-style: none;
    min-width: 130px;
    font-size: 14px;
    width: 100%;
    text-align: left;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }
    @media screen and (max-width: 768px) {
      #category .dropdown .dropdown-menu .sub-menu {
        position: relative;
        left: 0;
        padding-left: 30px;
        border: 0;
        border-radius: 0;
        box-shadow: none; } }

#category .line-h35 {
  line-height: 35px; }

#category .t-deco-line {
  text-decoration: line-through; }
  #category .t-deco-line:hover {
    text-decoration: none; }

#category button.main-category {
  border: none;
  background-color: transparent;
  font-size: 20px; }

#category .slick-slide:focus {
  box-shadow: none; }

#category .slick-prev .fa, #category .slick-next .fa {
  font-size: 30px; }

#category .jba-carousel .sub-category {
  background: transparent;
  border: none; }
  #category .jba-carousel .sub-category:focus {
    box-shadow: none;
    font-weight: bold;
    text-decoration: underline; }

@media screen and (max-width: 768px) {
  #category {
    min-height: 600px; } }

@media screen and (min-width: 992px) {
  #category .jba2-md-flex {
    display: -ms-flexbox;
    display: flex; } }

#category .categories.locked .categories-locked {
  display: -ms-flexbox;
  display: flex; }

#noty_layout__topRight {
  top: 85px; }

.noty_theme__mint.noty_type__alert, .noty_theme__mint.noty_type__notification {
  background-color: #333;
  border-bottom: 1px solid black;
  color: white; }

.noty_has_timeout.noty_has_progressbar .noty_progressbar {
  background-color: #bea027;
  opacity: 1;
  height: 1px; }

.noty_theme__mint.noty_bar .noty_buttons {
  padding-top: 0px; }
  .noty_theme__mint.noty_bar .noty_buttons button {
    margin-right: 10px; }

.whole-page-loader {
  display: -ms-flexbox;
  display: flex;
  left: 0; }

.loadingClass {
  opacity: 0; }

.output-container h4 {
  font-size: 19px; }

.output-container h5 {
  font-size: 16px;
  font-weight: 500; }

.output-container .output-flex-grid {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: start;
  align-items: flex-start; }

.output-container .output-flex-grid div, .output-container .output-flex-grid img {
  padding: 15px; }

.output-container .output-flex-grid img {
  height: auto;
  width: 300px;
  max-width: 100%; }

.report-transition {
  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transform: translateY(0px); }

.report-enter, .report-leave {
  opacity: 0;
  transform: translateY(15px); }

td.green, .table-key.green span {
  background-color: #dff0d8; }

td.red, .table-key.red span {
  background-color: #f2dede; }

td.blue, .table-key.blue span {
  background-color: #d9edf7; }

td.yellow, .table-key.yellow span {
  background-color: #faf3d1; }

.table-key {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

.table-key span {
  height: 20px;
  width: 20px;
  margin-right: 10px; }

table.report-table td {
  border: 1px solid white; }

.table.report-table > thead > tr > th {
  border-bottom: none; }

.table.report-table > tbody > tr > td {
  border-top: none; }

.jba2-icon-toggle button {
  border: none;
  outline: none;
  background: transparent; }

.jba3-page-header {
  position: relative; }

.jba3-header-banner, .jba3-header-banner-mainfreight {
  position: absolute;
  height: 75%;
  width: 100%;
  background-size: cover;
  background-position: center;
  z-index: -1; }
  .jba3-header-banner:before, .jba3-header-banner-mainfreight:before {
    content: '';
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    position: absolute; }

.jba3-header-banner {
  max-height: 280px; }

.jba3-header-dark-box {
  background: #323232;
  color: white;
  padding: 30px 30px 56px 30px;
  border-radius: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  min-height: 130px; }
  .jba3-header-dark-box.container {
    max-width: 96%; }
  .jba3-header-dark-box p {
    text-align: center;
    font-size: 16px; }
  .jba3-header-dark-box .jba2-subnav {
    position: absolute;
    bottom: 0; }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .jba3-header-dark-box .jba2-subnav {
      left: 16px; } }
  .jba3-header-dark-box .jba3-header-company-profile {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end; }
    .jba3-header-dark-box .jba3-header-company-profile .edit-item {
      color: white; }
    .jba3-header-dark-box .jba3-header-company-profile .edit-profile-picture:hover p {
      display: block;
      background: #bea027;
      color: white;
      padding: 4px 15px;
      border-radius: 27px; }
  .jba3-header-dark-box .jba3-course-header-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%; }
    .jba3-header-dark-box .jba3-course-header-content h2 {
      margin-bottom: 0px; }
    .jba3-header-dark-box .jba3-course-header-content .jba2-course-subtitle {
      color: white; }

.jba3-page-header-content .jba3-page-header-title {
  font-size: 36px;
  padding: 2em 0; }
  .jba3-page-header-content .jba3-page-header-title h1 {
    text-align: center;
    color: white;
    margin: 0px;
    font-family: "Helvetica Neue", Helvetica, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.05em; }

.jba3-page-header-content input {
  color: black; }

.jba3-simple-nav .jba3-header-banner {
  background-image: none !important; }
  .jba3-simple-nav .jba3-header-banner:before {
    background-color: transparent; }

.jba3-simple-nav .jba3-page-header-title {
  padding: 1em 0; }
  .jba3-simple-nav .jba3-page-header-title h1 {
    color: black; }

.jba3-simple-nav .jba3-header-dark-box {
  color: black;
  min-height: auto;
  padding-top: 0px;
  background: transparent; }
  .jba3-simple-nav .jba3-header-dark-box p {
    display: none; }
  .jba3-simple-nav .jba3-header-dark-box .jba2-subnav {
    width: 100%;
    border-bottom: 1px solid #bea027; }
  .jba3-simple-nav .jba3-header-dark-box p, .jba3-simple-nav .jba3-header-dark-box h4 {
    color: black; }
  .jba3-simple-nav .jba3-header-dark-box .jba3-course-header-content {
    display: block;
    text-align: center; }
    .jba3-simple-nav .jba3-header-dark-box .jba3-course-header-content h2 {
      margin-bottom: 0px; }
    .jba3-simple-nav .jba3-header-dark-box .jba3-course-header-content h2, .jba3-simple-nav .jba3-header-dark-box .jba3-course-header-content p, .jba3-simple-nav .jba3-header-dark-box .jba3-course-header-content h4 {
      text-align: center; }
    .jba3-simple-nav .jba3-header-dark-box .jba3-course-header-content .jba2-course-subtitle {
      color: black; }
    .jba3-simple-nav .jba3-header-dark-box .jba3-course-header-content .rating {
      display: inline-block;
      font-size: 18px; }

.jba3-simple-nav .simple-nav-dark-box {
  color: white;
  min-height: 130px;
  padding: 30px 30px 56px 30px;
  background: #323232; }
  .jba3-simple-nav .simple-nav-dark-box .jba2-subnav {
    border-bottom: none; }

.jba3-header-no-subnav {
  margin-bottom: -30px; }
  .jba3-header-no-subnav .jba3-header-banner, .jba3-header-no-subnav .jba3-header-banner-mainfreight {
    height: 100%; }
  .jba3-header-no-subnav .jba3-header-dark-box {
    display: none; }

.jba3-white-box {
  background: white;
  padding: 15px;
  border-radius: 15px;
  box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.1);
  margin-bottom: 15px;
  transform: translateY(10px);
  opacity: 0;
  transition: 0.2s all;
  position: relative; }
  .jba3-white-box.active {
    opacity: 1;
    transform: translateY(0px); }
  .jba3-white-box .jba3-white-box-title {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid black;
    padding-bottom: 4px;
    margin-bottom: 10px; }
  .jba3-white-box .jba3-white-box-subtitle {
    margin: 0px;
    font-size: 15px;
    padding-top: 15px;
    text-transform: uppercase; }
  .jba3-white-box .jba3-banner-wrapper {
    overflow: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none; }
    .jba3-white-box .jba3-banner-wrapper .jba3-white-box-banner {
      position: absolute;
      background-color: #D64C1D;
      right: 0px;
      top: 0px;
      color: white;
      padding: 2px 0;
      min-width: 120px;
      text-align: center;
      font-size: 14px;
      transform: rotate(45deg) translateX(32px) translateY(-10px); }
      .jba3-white-box .jba3-banner-wrapper .jba3-white-box-banner.red {
        background-color: #DE2D0F; }
      .jba3-white-box .jba3-banner-wrapper .jba3-white-box-banner.green {
        background-color: #3CBE66; }

.jba3-white-box .jba3-white-box-title h2, .fc-header-toolbar h2 {
  margin: 0px;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 19px; }

.jba2-warning.jba3-warning {
  box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.1); }

#calendarFilters {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start; }
  #calendarFilters .calendar-filter-button {
    background: transparent;
    border: none; }
    #calendarFilters .calendar-filter-button:before {
      content: "\f10c";
      font-family: FontAwesome;
      font-style: normal;
      font-weight: normal;
      text-decoration: inherit;
      padding-right: 5px; }
    #calendarFilters .calendar-filter-button:focus, #calendarFilters .calendar-filter-button:hover, #calendarFilters .calendar-filter-button.active {
      box-shadow: none;
      font-weight: 500;
      outline: none; }
    #calendarFilters .calendar-filter-button.active:before {
      content: "\f111"; }

#calendarFilters .calendar-filter-button.interview:before {
  color: #bea027; }

#calendarFilters .calendar-filter-button.webinar:before {
  color: #a98e23; }

#jba3Calendar .fc-event {
  border: none;
  padding: 3px 5px; }
  #jba3Calendar .fc-event span {
    color: white; }

#jba3Calendar .fc-widget-header {
  background: #333;
  color: white;
  border-color: #333; }

#jba3Calendar .fc-event.interview {
  background-color: #bea027; }

#jba3Calendar .fc-event.webinar {
  background-color: #a98e23; }

#jba3Calendar .fc-event.inactive {
  background-color: #757575; }

#jba3Calendar .fc-event.cancelled {
  background-color: #DE2D0F; }

#jba3Calendar .fc-event.accepted {
  background-color: #3CBE66; }

#jba3Calendar .fc-event.pending {
  background-color: #F89838; }

#jba3Calendar .fc-event.declined {
  background-color: #DE2D0F; }

.fc-day.fc-today {
  box-shadow: inset 0px 0px 0px 1px #bea027;
  background: transparent !important; }

.fc-today .fc-day-number {
  background-color: #bea027;
  color: white;
  padding: 1px 4px; }

.fc-day-grid-event .fc-time {
  font-weight: 600; }

.fc-button.fc-state-default {
  background: transparent;
  border: 1px solid #bea027;
  color: #bea027;
  text-transform: uppercase; }
  .fc-button.fc-state-default:hover {
    background: #bea027;
    color: white;
    text-shadow: none; }

.fc-button.fc-state-disabled {
  border: 1px solid #333;
  color: #757575;
  opacity: 1;
  pointer-events: none; }

.fc-header-toolbar h2 {
  border-bottom: 1px solid black; }

.event-user-list .event-user {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 5px 0; }
  .event-user-list .event-user img {
    width: 40px;
    height: 40px;
    border-radius: 50px; }
  .event-user-list .event-user p {
    padding-left: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 0; }
    .event-user-list .event-user p small {
      font-size: 12px;
      color: #757575; }
  .event-user-list .event-user .event-remove-user {
    position: absolute;
    top: 0;
    right: 0;
    background: transparent;
    border: none; }
    .event-user-list .event-user .event-remove-user:hover, .event-user-list .event-user .event-remove-user:focus {
      color: #bea027; }

.event-countdown {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around; }
  .event-countdown div {
    width: 25%;
    padding: 0 8px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center; }
    .event-countdown div p {
      background: #bea027;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-pack: center;
      justify-content: center;
      font-size: 28px;
      width: 100%;
      padding: 0.6em 0.2em;
      color: white;
      margin-bottom: 5px; }

#eventHour, #eventMinutes, #eventAmPm {
  width: auto;
  max-width: 60px; }

#createEventContainer {
  min-height: 70vh; }

.jba3-form-group {
  padding-bottom: 15px; }
  .jba3-form-group label {
    display: block; }
  .jba3-form-group input, .jba3-form-group textarea, .jba3-form-group select, .jba3-form-group .jba3-select2 + .select2-container--default .select2-selection--multiple {
    background-color: #f0f0f0;
    border: none;
    border-radius: 5px;
    padding: 10px;
    width: 100%;
    position: relative; }
  .jba3-form-group input .select2-search__field, .jba3-form-group textarea .select2-search__field, .jba3-form-group select .select2-search__field, .jba3-form-group .jba3-select2 + .select2-container--default .select2-selection--multiple .select2-search__field {
    margin: 0px; }
  .jba3-form-group input:focus, .jba3-form-group input:active, .jba3-form-group input:hover, .jba3-form-group textarea:focus, .jba3-form-group textarea:active, .jba3-form-group textarea:hover, .jba3-form-group select:focus, .jba3-form-group select:active, .jba3-form-group select:hover, .jba3-form-group .jba3-select2 + .select2-container--default .select2-selection--multiple:focus, .jba3-form-group .jba3-select2 + .select2-container--default .select2-selection--multiple:active, .jba3-form-group .jba3-select2 + .select2-container--default .select2-selection--multiple:hover {
    background-color: #e8e8e8;
    box-shadow: none; }
  .jba3-form-group .jba3-select-wrapper {
    width: 100%;
    position: relative; }
    .jba3-form-group .jba3-select-wrapper:before {
      content: "";
      font-family: FontAwesome;
      font-style: normal;
      font-weight: normal;
      text-decoration: inherit;
      position: absolute;
      z-index: 1;
      height: 100%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      right: 10px; }
  .jba3-form-group.time-box select:disabled:hover, .jba3-form-group.time-box select:disabled:active, .jba3-form-group.time-box select:disabled:focus {
    background-color: #f0f0f0; }
  .jba3-form-group .jba3-select-wrapper.disabled:before {
    content: ""; }
  .jba3-form-group .jba3-select2 + .select2-container--default .select2-selection--multiple {
    height: 40px; }
  .jba3-form-group textarea {
    resize: vertical; }

.jba3-user-search-result {
  display: -ms-flexbox;
  display: flex;
  padding: 2px; }
  .jba3-user-search-result img {
    height: 40px;
    width: 40px;
    border-radius: 50px;
    margin-right: 10px; }
  .jba3-user-search-result .jba3-user-search-result-info p {
    margin: 0px; }
    .jba3-user-search-result .jba3-user-search-result-info p small {
      font-size: 12px;
      color: #757575; }

.jba3-select2 .select2-search--dropdown {
  padding: 4px; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #333;
  color: white; }
  .select2-container--default .select2-results__option--highlighted[aria-selected] .jba3-user-search-result-info p small {
    color: white; }

.select2-search__field {
  color: black; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }

.select2-container--default .select2-selection--multiple {
  border-color: black; }

.select2-results__option:focus {
  box-shadow: none; }

.select2-container--default .select2-selection--single {
  height: 35px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

.jba3-radio-buttons input {
  position: absolute;
  opacity: 0;
  cursor: pointer; }

.jba3-radio-buttons .jba3-radio-buttons-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center; }
  .jba3-radio-buttons .jba3-radio-buttons-container > div {
    padding: 5px; }

.jba3-video-chat-messages {
  height: 200px;
  margin-bottom: 15px;
  border-bottom: 1px solid #eee;
  position: relative;
  overflow: hidden; }
  .jba3-video-chat-messages .jba3-video-chat-messages-scroll {
    overflow-x: auto;
    height: 100%; }
  .jba3-video-chat-messages .jba3-video-chat-recent-comments {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    text-align: center;
    background: rgba(232, 232, 232, 0.9);
    border-radius: 10px 10px 0px 0px;
    padding: 5px 0;
    padding-bottom: 15px;
    margin: 0px;
    border: none;
    font-size: 12px; }
    .jba3-video-chat-messages .jba3-video-chat-recent-comments:focus, .jba3-video-chat-messages .jba3-video-chat-recent-comments:hover {
      background: rgba(210, 210, 210, 0.9);
      box-shadow: none; }
  .jba3-video-chat-messages .jba3-video-chat-message.system-message {
    color: #bea027; }
  .jba3-video-chat-messages .jba3-video-chat-message p span {
    color: #757575;
    padding-right: 6px;
    font-size: 12px; }
  .jba3-video-chat-messages .jba3-video-chat-message p strong {
    font-weight: 600; }

#jba3VideoChatInputs {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  #jba3VideoChatInputs .jba3-form-group {
    width: 100%;
    padding-bottom: 0px;
    padding-right: 15px; }

.recent-comments-transition {
  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transform: translateY(10px);
  opacity: 1; }

/* .expand-enter defines the starting state for entering */
/* .expand-leave defines the ending state for leaving */
.recent-comments-enter, .recent-comments-leave {
  transform: translateY(40px);
  opacity: 0; }

.jba3-modal.jba2-modal .modal-content {
  background-color: white; }

#videoSubscriberChatWindow {
  background: black; }
  #videoSubscriberChatWindow > div {
    position: absolute; }

#videoPublisherChatWindow {
  background: black;
  position: absolute;
  width: 33%;
  height: 33%;
  bottom: 15px;
  left: 15px; }

#webinarVideoChatWindow {
  background: black; }
  #webinarVideoChatWindow > div {
    position: absolute; }

input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  margin: 8px 0; }

input[type=range]:focus {
  outline: none; }

input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 7px;
  cursor: pointer;
  box-shadow: 0px 0px 0px #002200, 0px 0px 0px #003c00;
  background: #cfcdcc;
  border-radius: 22.3px;
  border: 0px solid #18d501; }

input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px #00aa00, 0px 0px 0px #00c300;
  border: 0.7px solid #9e144e;
  height: 23px;
  width: 23px;
  border-radius: 12px;
  background: #d61a69;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -8px; }

input[type=range]:focus::-webkit-slider-runnable-track {
  background: #dbdad9; }

input[type=range]::-moz-range-track {
  width: 100%;
  height: 7px;
  cursor: pointer;
  box-shadow: 0px 0px 0px #002200, 0px 0px 0px #003c00;
  background: #cfcdcc;
  border-radius: 22.3px;
  border: 0px solid #18d501; }

input[type=range]::-moz-range-thumb {
  box-shadow: 0px 0px 0px #00aa00, 0px 0px 0px #00c300;
  border: 0.7px solid #9e144e;
  height: 23px;
  width: 23px;
  border-radius: 12px;
  background: #d61a69;
  cursor: pointer; }

input[type=range]::-ms-track {
  width: 100%;
  height: 7px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent; }

input[type=range]::-ms-fill-lower {
  background: #c3c0bf;
  border: 0px solid #18d501;
  border-radius: 44.6px;
  box-shadow: 0px 0px 0px #002200, 0px 0px 0px #003c00; }

input[type=range]::-ms-fill-upper {
  background: #cfcdcc;
  border: 0px solid #18d501;
  border-radius: 44.6px;
  box-shadow: 0px 0px 0px #002200, 0px 0px 0px #003c00; }

input[type=range]::-ms-thumb {
  box-shadow: 0px 0px 0px #00aa00, 0px 0px 0px #00c300;
  border: 0.7px solid #9e144e;
  height: 23px;
  width: 23px;
  border-radius: 12px;
  background: #d61a69;
  cursor: pointer;
  height: 7px; }

input[type=range]:focus::-ms-fill-lower {
  background: #cfcdcc; }

input[type=range]:focus::-ms-fill-upper {
  background: #dbdad9; }

.prelative {
  position: relative; }

.pabsolute {
  position: absolute; }

.cpointer {
  cursor: pointer; }

.cnone {
  cursor: no-drop; }

.w40px {
  width: 40px !important; }

.w50px {
  width: 50px !important; }

.w100px {
  width: 100px !important; }

.w50 {
  width: 50%; }

.w100 {
  width: 100% !important; }

.h100 {
  height: 100% !important; }

.vw100 {
  height: 100vw !important; }

.vh100 {
  height: 100vh !important; }

.mh100 {
  min-height: 100px; }

.mh200 {
  min-height: 200px; }

.mxw50 {
  max-width: 50px; }

.mxw100 {
  max-width: 100px; }

.mxw200 {
  max-width: 200px; }

.mxw300 {
  max-width: 300px; }

.mw-none {
  max-width: none !important; }

@media screen and (max-width: 767px) {
  .mobile-flex {
    display: -ms-flexbox;
    display: flex; }
  .mobile-column {
    -ms-flex-direction: column;
    flex-direction: column; } }

@media screen and (max-width: 991px) {
  .mobile-h-auto {
    height: auto !important; } }

.jba2-truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.v-hidden {
  visibility: hidden; }

.v-visible {
  visibility: visible; }

.bold {
  font-weight: 700; }

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

.tright {
  text-align: right; }

.txsmaller {
  font-size: 0.6em; }

.tsmaller {
  font-size: 0.8em !important; }

.tlarger {
  font-size: 1.3em !important; }

.tlarge {
  font-size: 1.6em; }

.tgiant {
  font-size: 3.6em; }

.line-h-normal {
  line-height: normal !important; }

.db {
  display: block; }

.ib {
  display: inline-block; }

.d-flex {
  display: -ms-flexbox;
  display: flex; }

.f-column {
  -ms-flex-direction: column;
  flex-direction: column; }

.a-center {
  -ms-flex-align: center;
  align-items: center; }

.f-end {
  -ms-flex-align: end;
  align-items: flex-end; }

.j-evenly {
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly; }

.j-center {
  -ms-flex-pack: center;
  justify-content: center; }

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

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

.f-end {
  -ms-flex-pack: end;
  justify-content: flex-end; }

@media screen and (min-width: 768px) {
  .desk-flex {
    display: -ms-flexbox;
    display: flex; }
  .desk-text-right {
    text-align: right; }
  .desk-mlb {
    margin-left: 16px; }
  .desk-mrb {
    margin-right: 16px; } }

.ml50n {
  margin-left: -50px !important; }

.ml30n {
  margin-left: -30px !important; }

.mtbn {
  margin-top: -16px !important; }

.mlbn {
  margin-left: -16px !important; }

.mtmn {
  margin-top: -8px !important; }

.mtsn {
  margin-top: -4px !important; }

.mt1n {
  margin-top: -1px !important; }

.mbsn {
  margin-bottom: -4px !important; }

.mt0 {
  margin-top: 0px !important; }

.mr0 {
  margin-right: 0px !important; }

.mb0 {
  margin-bottom: 0px !important; }

.ml0 {
  margin-left: 0px !important; }

.mtt {
  margin-top: 2px !important; }

.mrt {
  margin-right: 2px !important; }

.mbt {
  margin-bottom: 2px !important; }

.mlt {
  margin-left: 2px !important; }

.mts {
  margin-top: 4px !important; }

.mrs {
  margin-right: 4px !important; }

.mbs {
  margin-bottom: 4px !important; }

.mls {
  margin-left: 4px !important; }

.mtm {
  margin-top: 8px !important; }

.mrm {
  margin-right: 8px !important; }

.mbm {
  margin-bottom: 8px !important; }

.mlm {
  margin-left: 8px !important; }

.mtb {
  margin-top: 16px !important; }

.mrb {
  margin-right: 16px !important; }

.mbb {
  margin-bottom: 16px !important; }

.mlb {
  margin-left: 16px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.ml30 {
  margin-left: 30px !important; }

.mt30 {
  margin-top: 30px !important; }

.mr30 {
  margin-right: 30px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.mt50 {
  margin-top: 50px !important; }

.mb50 {
  margin-bottom: 50px !important; }

.mr50 {
  margin-right: 50px !important; }

.mar16 {
  margin: 16px !important; }

@media screen and (max-width: 767px) {
  .mobile-mbb {
    margin-bottom: 16px; } }

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

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

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

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

.ptt {
  padding-top: 2px !important; }

.pbt {
  padding-bottom: 2px !important; }

.pts {
  padding-top: 4px !important; }

.prs {
  padding-right: 4px !important; }

.pbs {
  padding-bottom: 4px !important; }

.pls {
  padding-left: 4px !important; }

.ptm {
  padding-top: 8px !important; }

.prm {
  padding-right: 8px !important; }

.pbm {
  padding-bottom: 8px !important; }

.plm {
  padding-left: 8px !important; }

.ptb {
  padding-top: 16px !important; }

.prb {
  padding-right: 16px !important; }

.pbb {
  padding-bottom: 16px !important; }

.plb {
  padding-left: 16px !important; }

.ptg {
  padding-top: 30px !important; }

.plg {
  padding-left: 30px !important; }

.pbg {
  padding-bottom: 30px !important; }

.pad0 {
  padding: 0 !important; }

.pad8 {
  padding: 8px !important; }

.p5em {
  padding: 5em !important; }

@media screen and (max-width: 767px) {
  .p5em {
    padding: 5em 1em !important; }
  .p-5 {
    padding: 1em !important; } }

.wb-bw {
  word-break: break-word;
  overflow-wrap: break-word; }

.tunder {
  text-decoration: underline; }

.titalic {
  font-style: italic; }

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

.bdr-b-3-red {
  border-bottom: 3px red solid; }

.marketing-courses .element-item {
  transform-origin: center;
  border-radius: 0 0 10px 10px;
  width: 240px;
  height: 200px !important;
  margin: 1em;
  box-shadow: 0 4px 4px 2px rgba(0, 0, 0, 0.3);
  transition: 0.2s all; }
  .marketing-courses .element-item:hover {
    box-shadow: 5px 5px 25px 0px rgba(0, 0, 0, 0.5); }
  .marketing-courses .element-item .courses-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%; }
    .marketing-courses .element-item .courses-container .element-item-background {
      height: 130px !important;
      transition: .2s all;
      background-size: cover;
      background-position: center; }
    .marketing-courses .element-item .courses-container .element-item-text {
      height: 70px;
      display: block; }
      .marketing-courses .element-item .courses-container .element-item-text .course-name {
        font-size: 16px;
        font-weight: 500; }
      .marketing-courses .element-item .courses-container .element-item-text .course-time {
        font-size: 12px;
        line-height: normal;
        color: black;
        margin: 3px 0; }
      .marketing-courses .element-item .courses-container .element-item-text .rating {
        unicode-bidi: bidi-override;
        direction: rtl; }
        .marketing-courses .element-item .courses-container .element-item-text .rating .star {
          float: left;
          margin-right: 5px; }
        .marketing-courses .element-item .courses-container .element-item-text .rating .fa-star-o {
          font-size: 14px;
          color: #323232; }
        .marketing-courses .element-item .courses-container .element-item-text .rating .fa-star {
          color: #323232;
          font-size: 14px; }
      .marketing-courses .element-item .courses-container .element-item-text .course-completed {
        line-height: normal;
        font-size: 12px;
        color: #323232;
        position: relative;
        right: 0; }
        .marketing-courses .element-item .courses-container .element-item-text .course-completed span {
          line-height: normal;
          font-size: 12px; }

.courses-titles {
  font-family: "Lora", serif !important;
  text-align: left;
  font-size: 26px; }

.marketing-course-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 60px; }

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px; }

/* Hide default HTML checkbox */
.switch input {
  display: none; }

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #D61A69;
  transition: .4s; }

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  transition: .4s; }

input:checked + .slider {
  background-color: #D61A69; }

input:focus + .slider {
  box-shadow: 0 0 1px #D61A69; }

input:checked + .slider:before {
  transform: translateX(26px); }

@media screen and (max-width: 350px) {
  transform: translateX(20px); }

/* Rounded sliders */
.slider.round {
  border-radius: 34px; }

.slider.round:before {
  border-radius: 50%; }

#career img {
  width: 100%; }

#career .career-header {
  visibility: hidden; }

#career .slick-dotted.slick-slider {
  margin-bottom: 0; }

#career .slick-dots {
  z-index: 25;
  top: 42vw; }
  #career .slick-dots li button:before {
    font-family: "Font Awesome 5 Free";
    content: "\f111";
    color: #fff;
    opacity: 1; }
  #career .slick-dots li.slick-active button:before {
    font-family: FontAwesome;
    font-size: 10px;
    color: #fff;
    content: "" !important; }
  @media screen and (min-width: 1200px) {
    #career .slick-dots {
      top: 500px; } }

#career .slide-text {
  animation-name: fadeInRight;
  animation-duration: .5s; }

#career section.white-back-color {
  background-color: #fff; }

#career section .career-jobs .jba2-element-item-list {
  height: 220px !important; }

#career section .ceo-img {
  max-width: 200px;
  margin: 0 auto; }

#career section .ceo-text h2 {
  font-size: 32px;
  line-height: normal; }

#career section .way-like p, #career section .way-like span {
  font-size: 17px; }

#career section.our-teams .content-box {
  margin: .5em;
  min-height: 250px;
  border: 5px #D61A69 solid;
  transition: all .35s ease-in-out;
  -ms-flex-direction: column;
  flex-direction: column; }

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    transform: none; } }

@media screen and (min-width: 768px) {
  #career .text-pad {
    padding: 0 3em; } }

@media screen and (max-width: 767px) {
  #career #career .career-jobs .element-item {
    width: 95%; } }

@media screen and (min-width: 992px) {
  #career .career-desk-flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center; }
  #career .desk-tleft {
    text-align: left !important; } }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: none; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0); }

.slick-track {
  /*position: relative;
    top: 0;
    left: 0;

    display: block;*/
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: row;
  flex-direction: row; }

.slick-track:before,
.slick-track:after {
  display: table;
  content: ''; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px; }

[dir='rtl'] .slick-slide {
  float: right; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-loading .slick-list {
  background: #fff url("../../images/ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face {
  font-family: 'slick';
  font-weight: normal;
  font-style: normal;
  src: url("https://worktheseasons.co.nz/fonts/slick.eot");
  src: url("https://worktheseasons.co.nz/fonts/slick.eot#iefix") format("embedded-opentype"), url("../../fonts/slick.woff") format("woff"), url("../../fonts/slick.ttf") format("truetype"), url("https://worktheseasons.co.nz/fonts/slick.svg#slick") format("svg"); }

/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent; }

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent; }

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1; }

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: .25; }

.slick-prev:before,
.slick-next:before {
  font-family: 'slick';
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }

[dir='rtl'] .slick-prev {
  right: -25px;
  left: auto; }

.slick-prev:before {
  content: '←'; }

[dir='rtl'] .slick-prev:before {
  content: '→'; }

.slick-next {
  right: -25px; }

[dir='rtl'] .slick-next {
  right: auto;
  left: -25px; }

.slick-next:before {
  content: '→'; }

[dir='rtl'] .slick-next:before {
  content: '←'; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center; }

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer; }

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent; }

.slick-dots li button:hover,
.slick-dots li button:focus {
  box-shadow: none;
  outline: none; }

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1; }

.slick-dots li button:before {
  font-family: 'slick';
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  opacity: .25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-dots li.slick-active button:before {
  opacity: .75;
  color: black; }

.marketingV2 {
  font-size: 16px;
  line-height: 1.5em;
  max-width: 100vw;
  overflow: hidden; }
  .marketingV2 .header-container {
    background-color: rgba(0, 0, 0, 0.8); }
  .marketingV2 section {
    padding: 5em 0; }
  @media screen and (max-width: 767px) {
    .marketingV2 section {
      padding: 2em 0em; }
    .marketingV2 .logo-name {
      font-size: 1rem; }
    .marketingV2 .navbar-collapse {
      background-color: rgba(0, 0, 0, 0.7); } }

.serif {
  font-family: 'Lora', serif; }

.sans-serif {
  font-family: 'Nunito', sans-serif; }

.c-main {
  color: #D61A69; }

.color-inherit {
  color: inherit; }
  .color-inherit:hover {
    color: inherit; }

.no-decoration {
  text-decoration: none; }
  .no-decoration:hover {
    text-decoration: none; }

.go-back {
  color: #D61A69; }
  .go-back:hover {
    text-decoration: underline; }

a {
  color: #D61A69; }
  a:hover {
    color: #D61A69; }

.text-magenta {
  color: #D61A69; }

.jba4-button {
  background: #D61A69;
  border-radius: 50px;
  padding: 6px 12px;
  font-family: Nunito;
  font-weight: 700;
  color: white;
  display: inline-block;
  text-align: center;
  border: 1px #D61A69 solid; }
  .jba4-button:hover {
    color: white;
    text-decoration: underline; }
  .jba4-button.btn-secondary {
    background: transparent;
    color: #D61A69; }
    .jba4-button.btn-secondary:hover {
      background: #D61A69;
      text-decoration: none;
      border-color: #D61A69;
      color: white; }
  .jba4-button.order {
    padding: .5em;
    font-size: 2em; }

.jba4-button.disable {
  background: #757575;
  pointer-events: none;
  cursor: default;
  opacity: .6; }

.pricing-card {
  max-width: 380px;
  min-width: 200px;
  background-color: white;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column; }
  .pricing-card .user-count {
    font-size: 30px;
    font-weight: bold; }
  .pricing-card .price-count {
    font-size: 20px;
    font-weight: bold; }
  .pricing-card h2 {
    font-weight: lighter;
    font-size: 30px;
    padding: 0.5em 0; }
  .pricing-card ul {
    list-style: none;
    padding: 0;
    padding-top: 15px; }
    .pricing-card ul li {
      border-top: 1px solid #dedede;
      padding: 3px 15px; }

.skill-covered {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .skill-covered li:nth-child(n) {
    margin-left: 30px; }

.dropdown-menu {
  border-radius: 0px;
  border: none;
  border-bottom: 4px solid #D61A69; }

.dropdown-item {
  font-weight: 300; }

.page-footer {
  padding: 5em;
  color: white;
  background-color: #323232; }

@media screen and (max-width: 768px) {
  .page-footer {
    padding: 2em 1em; } }

div#video-viewport {
  position: absolute;
  top: 0;
  z-index: -1;
  height: 100%;
  overflow: hidden;
  max-height: 650px;
  max-width: 1200px;
  background-color: black; }

.ilearning-list {
  list-style: none; }
  .ilearning-list li {
    font-size: 24px;
    font-family: 'Lora', serif;
    font-weight: 200;
    line-height: 1.8em;
    font-style: italic; }

.dropdown-item.active, .dropdown-item:active {
  background-color: #D61A69; }

.partners-logo .row {
  -ms-flex-align: center;
  align-items: center; }
  .partners-logo .row img {
    width: 200px; }

.pricing-buttons button {
  color: #D61A69;
  color: #D61A69;
  border-radius: 5px;
  padding: 0.5em 1em;
  font-size: 1.5em;
  margin: 0.2em;
  border: 1px solid #D61A69;
  background: transparent; }
  .pricing-buttons button.active {
    background: #D61A69;
    color: white; }

.about-item {
  width: 95%;
  margin: 2.5%;
  height: 160px;
  display: -ms-flexbox;
  display: flex;
  box-shadow: 1px 1px 5px grey; }
  .about-item .about-item-left, .about-item .about-item-ambassadors {
    height: 100%;
    background-size: cover;
    background-position: top center;
    transition: all 300ms cubic-bezier(1, -0.55, 0.27, 1.55) 0s;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    width: 50%; }
    @media (min-width: 450px) and (max-width: 767px) {
      .about-item .about-item-left, .about-item .about-item-ambassadors {
        width: 30%; } }
  .about-item .about-item-left {
    cursor: pointer; }
  .about-item .about-item-right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: end;
    justify-content: flex-end;
    background: white;
    height: 100%;
    width: 50%;
    text-align: left;
    padding: 10px; }
    .about-item .about-item-right h3 {
      text-align: left; }
    @media (min-width: 450px) and (max-width: 767px) {
      .about-item .about-item-right {
        width: 70%;
        text-align: right;
        padding-right: 5%; }
        .about-item .about-item-right p, .about-item .about-item-right h3 {
          text-align: right; } }
    .about-item .about-item-right .about-name {
      font-size: 18px;
      margin: 0;
      cursor: pointer; }
    .about-item .about-item-right .about-job {
      color: #757575;
      margin: 0;
      cursor: pointer; }
  .about-item .about-icon-row a i {
    border-radius: 5px;
    color: #D61A69;
    text-align: center;
    font-size: 20px;
    padding: 5px;
    width: 30px;
    height: 30px;
    margin: 2px;
    transform: scale(1);
    transition: all 200ms cubic-bezier(1, -0.55, 0.27, 1.55) 0s;
    transform-origin: center; }
    .about-item .about-icon-row a i:hover {
      transform: scale(1.3);
      color: purple;
      transform-origin: center; }

.about-item-left-slide {
  -webkit-clip-path: polygon(0 0, 100% 0, 46% 100%, 0 100%) !important;
  clip-path: polygon(0 0, 100% 0, 46% 100%, 0 100%) !important;
  width: 20% !important; }

.about-item-hidden {
  padding: 10px;
  display: none;
  width: 80%;
  overflow-y: scroll; }

.about-item-hidden::-webkit-scrollbar {
  width: 6px; }

.about-item-hidden::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }

.about-item-hidden::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
  background: #D61A69; }

@media (min-width: 768px) {
  .about-item {
    width: 45%; } }

@media (min-width: 992px) {
  .about-item {
    width: 45%; } }

@media (min-width: 1440px) {
  .about-item {
    width: 30%;
    margin: 1.66%; } }

@media (min-width: 1600px) {
  .about-item {
    width: 23%;
    margin: 1%; } }

.form-with-addons {
  display: -ms-flexbox;
  display: flex; }
  .form-with-addons span {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #ced4da;
    background: #f2f2f2;
    padding: 0 15px; }
  .form-with-addons input {
    border-radius: 0px;
    border-left: none;
    border-right: none; }

@media screen and (max-width: 450px) {
  .form-with-addons {
    display: block; }
    .form-with-addons input {
      border-radius: 0px;
      border: 1px solid #ced4da; } }

/* always present */
.slideOut-transition {
  transition: all .3s ease;
  transform: translateY(0px);
  opacity: 1; }

/* .expand-enter defines the starting state for entering */
/* .expand-leave defines the ending state for leaving */
.slideOut-enter, .slideOut-leave {
  transform: translateY(-10px);
  opacity: 0; }

label.error {
  color: red; }

.marketingV2-company-links a {
  cursor: default;
  color: gray;
  font-size: 16px; }
  .marketingV2-company-links a.active {
    color: black;
    font-weight: 700; }

/* always present */
/* .expand-enter defines the starting state for entering */
/* .expand-leave defines the ending state for leaving */
.fade-enter-active, .fade-leave-active {
  transition: opacity .2s ease-in-out; }

.fade-enter, .fade-leave-to {
  opacity: 0; }

iframe body:-webkit-full-page-media {
  background-color: transparent !important; }

/* Safari 7.1+ */
.show-in-mobile {
  display: none; }

@media screen and (max-device-width: 480px) {
  .hide-mobile {
    display: none; }
  .show-in-mobile {
    display: -ms-flexbox;
    display: flex; }
  .bg-light {
    background-color: #fff; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .hide-mobile {
    display: none; }
  .show-in-mobile {
    display: -ms-flexbox;
    display: flex; } }

@media screen and (max-width: 991px) {
  .free-btn {
    display: none; } }

.hide-device .video-responsive {
  position:  absolute;
  color:  black;
  border-radius:  0px;
  width: 380px;
  height: 280px; }

@media screen and (max-width: 1199px) {
  .hide-device img {
    display: none; } }

@media (min-width: 768px) {
  .top-n-100 {
    top: -100px; } }

@media screen and (min-width: 768px) and (-ms-high-contrast: active), (min-width: 768px) and (-ms-high-contrast: none) {
  .top-n-100 {
    top: 0; } }

@media (min-width: 1200px) {
  .hide-device .first-video {
    position: absolute;
    top: 29px;
    left: 120px;
    width: 425px;
    height: 280px; }
  .hide-device .second-video {
    position: absolute;
    top: 57px;
    left: 120px;
    width: 425px;
    height: 290px; }
  .hide-device .third-video {
    position: absolute;
    top: 71px;
    left: 144px;
    width: 380px;
    height: 280px; } }

.video-button-wrap {
  text-align: center; }
  .video-button-wrap .jba4-button {
    font-size: 1em; }

@media screen and (min-width: 768px) {
  .video-button-wrap {
    text-align: left !important; }
    .video-button-wrap .jba4-button {
      font-size: 2em;
      padding: .5em 1em; } }

.animated {
  animation-duration: 1s;
  animation-fill-mode: both; }

.animated.infinite {
  animation-iteration-count: infinite; }

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: translate3d(0, -300px, 0); }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0); }
  75% {
    transform: translate3d(0, -10px, 0); }
  90% {
    transform: translate3d(0, 5px, 0); }
  to {
    transform: translate3d(0, 0, 0); } }

.bounceInDown {
  animation-name: bounceInDown; }

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fadeInDown {
  animation-name: fadeInDown; }

.jba-minded-button {
  background: #00daff;
  border-radius: 50px;
  padding: .5em 1em;
  font-family: Nunito;
  font-weight: 700;
  color: white;
  display: inline-block;
  text-align: center;
  border: 1px #00daff solid;
  font-size: 1.5em; }

.jba-minded-button:hover {
  background-color: #00a1ff;
  border: 1px #00a1ff solid;
  text-decoration: underline;
  cursor: pointer; }

.bg-grey {
  background-color: #f5f6f7; }

.flex-col {
  -ms-flex-direction: column;
  flex-direction: column; }

.pad-bot-0 {
  padding-bottom: 0 !important; }

.w70 {
  width: 70%; }

.w90 {
  width: 90%; }

.image-block {
  height: 420px;
  position: relative;
  overflow: hidden; }
  @media (max-width: 1480px) {
    .image-block {
      height: 300px; } }
  @media (max-width: 767px) {
    .image-block {
      height: 210px; } }
  .image-block img {
    width: 35%;
    position: absolute; }
  .image-block .img-top-left {
    top: -300px;
    left: 15px;
    z-index: 1; }
  .image-block .img-middle {
    margin: auto;
    left: 0;
    right: 0;
    top: -300px;
    z-index: 2; }
  .image-block .img-right-bottom {
    bottom: 0;
    right: 15px;
    top: -300px;
    z-index: 3; }
  .image-block.animation .img-top-left {
    animation: animatetop 0.8s linear 1 normal forwards; }
  .image-block.animation .img-middle {
    animation: animatemiddle 0.8s linear 1 normal forwards 1s; }
  .image-block.animation .img-right-bottom {
    animation: animatebottom 0.8s linear 1 normal forwards 2s; }

@keyframes animatetop {
  from {
    top: -300px;
    opacity: 0; }
  to {
    top: 0;
    opacity: 1; } }

@keyframes animatemiddle {
  from {
    top: -300px;
    opacity: 0; }
  to {
    top: 60px;
    opacity: 1; } }

@keyframes animatebottom {
  from {
    top: -300px;
    opacity: 0; }
  to {
    top: 120px;
    opacity: 1; } }

.gameCurriculum {
  display: none; }

.gameCurriculum {
  display: none; }

p.green {
  color: #3CBE66; }

p.red {
  color: #DE2D0F; }

body {
  -ms-overflow-style: scrollbar; }

.admin-reports .table > thead > tr > th {
  white-space: normal; }

.jba3-word-counter {
  float: right;
  margin: 0;
  font-size: 12px; }

.jba3-word-counter.red {
  color: #DE2D0F; }

.jba2-hamburger2 .fa-times,
.jba2-navbar {
  display: none; }

.container {
  max-width: 100%; }

body {
  -ms-overflow-style: scrollbar; }

.admin-reports .table > thead > tr > th {
  white-space: normal; }

.jba3-word-counter {
  float: right;
  margin: 0;
  font-size: 12px; }

.jba3-word-counter.red {
  color: #DE2D0F; }

.jba2-hamburger2 .fa-times,
.jba2-navbar {
  display: none; }

.container {
  max-width: 100%; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  select::-ms-expand {
    display: none; } }

body.staging:before {
  display: none !important; }

.jba2-icon-toggle button {
  border: none;
  outline: none;
  background: transparent;
  font-size: 20px;
  padding: 0px 5px; }
  .jba2-icon-toggle button.active, .jba2-icon-toggle button:hover, .jba2-icon-toggle button:focus {
    color: #bea027;
    box-shadow: none; }

.main-hover-color {
  color: #a98e23; }

.main-text-color {
  color: #bea027; }

.jba2-btn-trans {
  background-color: transparent !important;
  border: 1px solid #bea027 !important; }

.jba2-btn-black {
  background-color: transparent !important;
  border: 1px solid #323232 !important;
  color: #323232; }

.limit-card-text {
  display: -ms-inline-flexbox;
  display: inline-flex;
  overflow: hidden; }
  .limit-card-text span {
    text-overflow: ellipsis;
    width: 230px;
    overflow: hidden;
    color: dimgray; }

.card-align-icons {
  min-height: 80px; }

.jba2-header-magenta-circle {
  border: 1px solid #bea027;
  border-radius: 50%;
  height: 180px;
  width: 180px;
  top: 50%;
  background: #bea027;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  background-image: none !important; }
  .jba2-header-magenta-circle h2 {
    font-size: 18px !important; }

.alert-danger {
  color: #BD0300; }

.select2-results__option {
  padding: 4px 6px;
  font-size: 14px;
  text-align: left; }
  .select2-results__option .select2-results__group {
    text-align: left; }

.profile-badges .profile-badge {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .profile-badges .profile-badge > div {
    width: 60px; }
    .profile-badges .profile-badge > div button {
      border: none;
      background: transparent; }
      .profile-badges .profile-badge > div button:focus {
        box-shadow: none; }
      .profile-badges .profile-badge > div button img {
        width: 100%;
        height: auto; }

.video-list-toggle {
  display: -ms-flexbox;
  display: flex; }

.video-list-toggle button {
  background: transparent;
  border: none;
  font-size: 20px; }

.video-list-toggle button:focus,
.video-list-toggle button:hover {
  box-shadow: none;
  color: #bea027; }

.video-list-toggle button.active {
  color: #bea027; }

.add-video-button {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 30px;
  font-size: 20px;
  background: transparent;
  color: #757575;
  border-radius: 0px; }

.video-results {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.video-item {
  margin: 15px 0px;
  padding: 10px;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 15px;
  margin-bottom: 10px;
  padding-top: 10px;
  width: 100%; }

.video-item:not(:last-child) {
  border-bottom: 1px solid #dedede; }

.video-item img {
  max-width: 100%; }

.video-item-text {
  width: 100%;
  padding: 15px; }

.video-item-title > button {
  font-size: 18px;
  font-weight: 500;
  text-align: left; }

.video-item-title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between; }

p.video-item-subline {
  color: #757575;
  font-size: 14px;
  margin: 0px; }

.jba2-certificate-modal .modal-dialog .modal-content {
  background-color: transparent;
  box-shadow: none;
  border: none; }
  .jba2-certificate-modal .modal-dialog .modal-content .modal-header {
    background-color: transparent !important; }
  .jba2-certificate-modal .modal-dialog .modal-content .modal-body {
    padding: 0px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    background: #000000;
    line-height: 0px; }

.skip-navigation {
  background-color: #a98e23;
  position: absolute;
  z-index: 999;
  color: white;
  padding: 10px 15px;
  top: 25px;
  font-size: 20px;
  box-shadow: none;
  width: 220px;
  transition: 0.2s all;
  left: -220px; }
  .skip-navigation:focus {
    left: 0px;
    color: white;
    box-shadow: 3px 3px 5px 1px rgba(0, 0, 0, 0.5); }
  .skip-navigation:hover {
    color: white; }

.btn-icon-pink {
  background-color: #bea027 !important; }

.table-filter .media .title {
  color: #bea027;
  font-size: 14px;
  font-weight: bold;
  line-height: normal;
  margin: 0; }

.pl25 {
  padding-left: 25px; }

.pr25 {
  padding-right: 25px; }

.mb50 {
  margin-bottom: 50px; }

nav .navbar-right img {
  width: 40px; }

nav .navbar-right .course-complete-check .fa {
  border: 1px solid #bea027;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  font-size: 18px;
  background-color: #bea027;
  color: #f0f0f0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center; }

nav .navbar-right .course-activity p {
  border: 1px solid #000000;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  font-size: 18px;
  color: #000000;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: Avenir Next, sans-serif; }

nav .navbar-right .course-activity .fa {
  border: 1px solid #000000;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  font-size: 18px;
  color: #000000;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center; }

.syllabus-name {
  font-weight: normal !important;
  font-family: Avenir Next, sans-serif;
  display: inline-block;
  font-size: 18px;
  color: #333; }

.syllabus-duration {
  display: inline-block;
  font-weight: normal !important;
  font-family: Avenir Next, sans-serif;
  font-size: 16px;
  display: block;
  color: #333; }

/* Warning */
.jba2-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0px;
  border-radius: 0px;
  border-right: 2px solid #bea027;
  background: white;
  width: 100%; }
  .jba2-warning span {
    background: #bea027;
    color: white;
    width: auto;
    padding: 0 8px;
    font-size: 18px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 30px; }
  .jba2-warning .warning-content {
    padding: 10px;
    -ms-flex: 1;
    flex: 1; }
    .jba2-warning .warning-content p {
      margin: 0px;
      font-size: 14px; }
    .jba2-warning .warning-content ul {
      margin-bottom: 0px;
      list-style-type: circle;
      margin: 6px 0px;
      padding-left: 20px; }
    .jba2-warning .warning-content .warning-title {
      font-size: 18px;
      font-weight: 500; }

/* Sub Menu */
.subnav-grey-textbox,
.subnav-grey-textbox-tall,
.subnav-grey-textbox-taller {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center; }

.subnav-grey-textbox {
  height: 100px; }
  @media screen and (min-width: 768px) {
    .subnav-grey-textbox p.subs {
      width: 50%; } }

.subnav-grey-textbox-tall {
  height: 150px; }

.subnav-grey-textbox-taller {
  height: 200px; }

/* Profile Nav */
.profile-badges {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .profile-badges .profile-badge {
    width: 60px; }
    .profile-badges .profile-badge button {
      border: none;
      background: transparent; }
      .profile-badges .profile-badge button:focus {
        box-shadow: none; }
      .profile-badges .profile-badge button img {
        width: 100%;
        height: auto; }

.jba2-certificate-modal .modal-dialog .modal-content {
  background-color: transparent;
  box-shadow: none;
  border: none; }
  .jba2-certificate-modal .modal-dialog .modal-content .modal-header {
    background-color: transparent !important; }
  .jba2-certificate-modal .modal-dialog .modal-content .modal-body {
    padding: 0px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    background: #000000;
    line-height: 0px; }

/* Footer */
.dark-footer {
  background-color: #333;
  border-top: 5px solid #bea027;
  height: 40px;
  width: 100%;
  position: relative;
  margin-top: -40px;
  clear: both;
  padding: 5px; }
  .dark-footer p {
    color: #FFFFFF;
    text-align: center;
    width: 100%;
    font-size: 12px;
    line-height: 18px; }

/* old stuff */
.alert-danger {
  color: #BD0300; }

.select2-results__option {
  padding: 4px 6px;
  font-size: 14px;
  text-align: left; }
  .select2-results__option .select2-results__group {
    text-align: left; }

.skip-navigation {
  background-color: #a98e23;
  position: absolute;
  z-index: 999;
  color: white;
  padding: 10px 15px;
  top: 25px;
  font-size: 20px;
  box-shadow: none;
  width: 220px;
  transition: 0.2s all;
  left: -220px; }
  .skip-navigation:focus {
    left: 0px;
    color: white;
    box-shadow: 3px 3px 5px 1px rgba(0, 0, 0, 0.5); }
  .skip-navigation:hover {
    color: white; }

.btn-icon-pink {
  background-color: #bea027 !important; }

.table-filter .media .title {
  color: #bea027;
  font-size: 14px;
  font-weight: bold;
  line-height: normal;
  margin: 0; }

nav .navbar-right img {
  width: 40px; }

.jba2-login-logo-allowance {
  margin-top: 50px; }

a.disabled {
  color: #AFACAA;
  pointer-events: none; }

.navbar-default {
  background: #000000;
  border: none; }

.register-wrapper {
  margin: 0 auto;
  width: auto;
  max-width: 500px; }

.background-purple {
  background-color: #a98e23; }

.red-tooltip + .tooltip > .tooltip-inner {
  background-color: #000000; }

.red-tooltip + .tooltip > .tooltip-arrow {
  border-bottom-color: #000000; }

.register-container {
  background: #f0f0f0;
  border-radius: 10px;
  padding: 15px; }

.register-tab-row a {
  color: #f0f0f0;
  background: #bea027;
  font-size: 15px;
  min-width: 120px;
  text-align: center;
  margin: 0 2px;
  border-radius: 10px 10px 0px 0px;
  padding: 7px 0 2px 0;
  letter-spacing: 1px;
  font-weight: 400; }

.register-tab-row a.active {
  color: #bea027;
  background: #f0f0f0; }

.register-tab-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center; }

.register-tab-row a.active {
  color: #bea027;
  background: #f0f0f0; }

.register-tab-row a.active {
  color: #bea027;
  background: #f0f0f0; }

.select2-selection {
  height: auto !important;
  line-height: normal;
  min-height: 35px !important; }

.jba2-fullscreen-menu {
  height: 100%;
  position: fixed;
  width: 100%;
  background-color: #f0f0f0;
  z-index: 99;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-direction: column;
  flex-direction: column;
  top: 0;
  padding-top: 0px; }

.hidden {
  display: none; }

.jba2-hamburger,
.jba2-hamburger2 {
  float: right;
  margin: 0px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

.jba2-hamburger2 {
  display: none; }

.jba2-hamburger i,
.jba2-hamburger2 i {
  font-size: 40px;
  height: 40px;
  width: 40px;
  text-align: center;
  color: #bea027;
  margin-right: 5px; }

.jba2-fullscreen-close,
.jba2-fullscreen-close2 {
  color: #bea027;
  background: #000000;
  position: static;
  top: 0;
  right: 0;
  font-size: 40px;
  height: 50px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 100%; }

.jba2-fullscreen-close i,
.jba2-fullscreen-close2 i {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 10px; }

.jba2-fullscreen-items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%; }

.jba2-fullscreen-forms {
  position: absolute;
  transition: .2s all;
  width: 100%;
  height: 100%;
  left: 100%;
  top: 50px;
  background-color: #e2e2e2;
  padding: 15px 15px 55px 15px;
  overflow: scroll; }

.jba2-fullscreen-forms h2 {
  font-family: open-sans;
  font-size: 20px; }

.jba2-fullscreen-forms.active {
  left: 0%; }

.jba2-fullscreen-items > a {
  font-size: 25px;
  margin: 10px 0;
  font-weight: 100;
  padding: 0 15px; }

.jba2-fullscreen-items > a i {
  margin: 0 15px; }

.fullscreen-back-button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  color: #bea027; }

.fullscreen-back-button i {
  font-size: 30px;
  margin-right: 15px; }

.jba2-desktop-menu {
  height: 100%;
  width: 100%;
  position: fixed;
  background: rgba(0, 0, 0, 0.75);
  z-index: 100;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  -ms-flex-direction: column;
  flex-direction: row;
  -ms-flex-pack: start;
  justify-content: flex-end;
  -ms-flex-align: end;
  align-items: flex-start;
  display: none;
  opacity: 0;
  pointer-events: none;
  transition: .2s all; }

.jba2-desktop-submenu {
  background: #f0f0f0;
  padding: 15px;
  margin: 5px 0 15px 15px;
  width: 60%;
  display: none; }

.jba2-desktop-submenu h2 {
  font-size: 20px;
  font-family: open-sans; }

.jba2-desktop-submenu-header {
  margin: 0;
  font-size: 24px;
  border-bottom: 1px solid white;
  padding-bottom: 10px; }

.jba2-desktop-submenu.active {
  display: block; }

.account-settings-arrow-right {
  visibility: hidden;
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 20px solid #f0f0f0;
  margin-top: 5px; }

.jba2-desktop-menu.active {
  opacity: 1;
  pointer-events: auto; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .jba2-desktop-menu.active {
    margin-top: 65px; } }

.admin-filter-mobile .form-input {
  color: #000; }

.navbar-brand {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  min-width: 100px;
  margin-top: 5px;
  margin-left: 120px;
  padding: 0; }

.jba2-navbar {
  background-color: #333;
  margin-top: 0px;
  display: block;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 0px;
  position: fixed;
  bottom: 0;
  z-index: 9999;
  height: 100%;
  width: 100px;
  float: left;
  text-align: center; }

.jba2-navbar-item {
  color: white;
  font-size: 15px;
  text-align: center;
  margin: 0px;
  letter-spacing: 1px;
  font-weight: 400;
  line-height: normal;
  display: -ms-flexbox;
  display: flex;
  width: 100px;
  height: 70px;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative; }

.jba2-navbar-item i {
  display: inline-block;
  border: none;
  margin: 0;
  transition: all .6s;
  font-size: 40px; }

.jba2-navbar-item.active,
.jba2-navbar-item:hover,
.jba2-navbar-item:focus {
  background-color: #bea027;
  color: #FFF;
  box-shadow: none;
  -ms-flex-direction: column;
  flex-direction: column;
  text-decoration: none; }

.jba2-navbar-item-active span {
  color: #bea027; }

.jba2-navbar-item-active i {
  color: #bea027; }

.jba2-navbar-item span {
  display: inline-block;
  font-size: 0.9em !important;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }

.jba2-navbar-item.active span {
  position: relative;
  margin-top: 5px;
  left: auto;
  top: auto;
  transform: none; }

.jba2-header {
  margin-top: 0px;
  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;
  height: 250px; }

.jba2-header-just-background {
  height: 200px; }

.jba2-header-just-background .jba2-header-left {
  -ms-flex-pack: end;
  justify-content: flex-end; }

.jba2-content {
  padding-top: 20px; }

.jba2-right-border {
  border-right: 2px solid #ffffff; }

.jba2-header-left {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-left: 10px;
  z-index: 2; }

.jba2-header-left h1 {
  font-family: "Helvetica Neue";
  font-weight: bold;
  color: white;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-align: center; }

.jba2-header-left p {
  padding-right: 20%; }

.jba2-header-left .jba2-btn p {
  padding-right: 0; }

.jba2-header-right {
  background: #bea027;
  width: 260px;
  height: 175px;
  border-radius: 20% 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0px;
  color: #f0f0f0;
  margin: 10px 0;
  text-align: center;
  z-index: 2; }

.jba3-header-free-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-align: center;
  align-items: center; }

.jba2-header-right h2 {
  font-size: 60px;
  font-family: open-sans; }

.percentage-line {
  height: 2px;
  background: #bea027;
  width: 100%;
  margin-top: 5px; }

.percentage-amount {
  font-size: 11px; }

.element-item p.leave-rating {
  font-size: 11px;
  color: #999999; }

.overlay:before {
  position: absolute;
  content: " ";
  top: 0;
  left: 0;
  width: 100%;
  height: 250px;
  display: block;
  z-index: 0;
  background-color: rgba(50, 50, 50, 0.5);
  margin-top: 65px; }

.overlay-marketing:before {
  position: absolute;
  content: " ";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 0;
  background: rgba(50, 50, 50, 0.5) !important; }

.jba2-header-left h1 {
  z-index: 3; }

.jba2-header-blue-slant h2 {
  font-size: 20px; }

.jba2-header-blue-slant p {
  font-size: 16px; }

.jba2-subnav {
  display: -ms-flexbox;
  display: flex;
  margin-top: 25px;
  overflow-x: scroll;
  -ms-flex-item-align: start;
  align-self: flex-start; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .jba2-subnav {
    overflow-x: hidden;
    overflow-y: hidden; } }

.jba2-subnav-item {
  color: #f0f0f0;
  background-color: #bea027;
  min-width: 136px;
  text-align: center;
  border: 1px solid #bea027;
  border-radius: 8px 8px 0 0;
  border-bottom: none;
  margin: 0 2px;
  padding: 5px 5px 2px 5px;
  font-weight: 400;
  cursor: pointer;
  letter-spacing: 1px;
  font-size: 13px;
  text-transform: uppercase;
  line-height: normal;
  white-space: nowrap;
  display: inline-block; }
  .jba2-subnav-item.disabled {
    color: white;
    background: #bdbdbd;
    border: 1px solid #bdbdbd; }
    .jba2-subnav-item.disabled:before {
      content: "\f023";
      font-family: FontAwesome;
      font-style: normal;
      font-weight: normal;
      text-decoration: inherit; }

.subnav-dark-grey-box {
  background: #323232;
  color: white;
  padding: 30px 30px 0 30px;
  border-radius: 15px;
  min-height: 200px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: end;
  justify-content: flex-end;
  position: relative;
  z-index: 98; }
  .subnav-dark-grey-box p {
    text-align: center;
    font-size: 1em; }

.jba2-subnav-item:hover {
  text-decoration: none; }

.jba2-subnav-item:active {
  text-decoration: none; }

.jba2-subnav-item:focus {
  text-decoration: none;
  color: #f0f0f0; }

.jba2-subnav-item.active {
  color: #bea027;
  background-color: #f0f0f0;
  /*This part could be an issue*/
  padding: 5px 5px 3px 5px;
  margin-bottom: -1px; }

.jba2-subnav-item:hover {
  color: #bea027;
  background-color: #f0f0f0; }

.jba2-subnav-item:hover, .jba2-subnav-item:focus {
  box-shadow: none; }

.jba2-subnav-item p {
  margin: 0; }

.jba2-title {
  font-family: open-sans;
  display: block;
  color: #000000; }

.jba2-title.white {
  color: #f0f0f0; }

.jba2-title-section {
  padding-bottom: 1em; }

.jba3-radio-buttons .jba3-radio-buttons-container > div label, .jba2-btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #bea027;
  color: white;
  transition: transform 0.15s;
  transform: scale(1);
  border-width: 0px;
  white-space: normal;
  border-radius: 500px;
  min-width: 100px;
  font-weight: 200;
  font-family: Avenir Next, sans-serif; }

.jba3-radio-buttons .jba3-radio-buttons-container > div input:checked + label, .jba3-radio-buttons .jba3-radio-buttons-container > div label:hover, .jba3-radio-buttons .jba3-radio-buttons-container > div label:focus, .jba3-radio-buttons .jba3-radio-buttons-container > div label:active, .jba2-btn:hover, .jba2-btn:focus, .jba2-btn:active {
  background-color: #a98e23;
  color: #f0f0f0;
  text-decoration: none;
  box-shadow: none; }

.jba2-title {
  font-family: open-sans;
  display: block;
  color: #000000; }

.jba2-title.white {
  color: #f0f0f0; }

.jba2-title-section {
  padding-bottom: 1em; }

.jba2-page-title {
  font-family: open-sans;
  width: auto;
  display: inline-block;
  background-image: url("../../images/theme-jbanew/title-slant.png");
  background-size: 100% 100%;
  color: #f0f0f0;
  padding: 10px 3em 10px 25px;
  min-width: 300px; }

.jba2-page-title-white {
  background-image: url("../../images/theme-jbanew/title-slant-white.png");
  color: #000000; }

.jba2-page-title-purple {
  background-image: url("../../images/theme-jbanew/title-slant-purple.png"); }

.jba2-page-title-blue {
  background-image: url("../../images/theme-jbanew/title-slant-blue.png"); }

.jba2-page-title-mainfreight {
  background-image: url("../../images/theme-jbanew/title-slant-mainfreight.png"); }

.jba2-page-title-intouch {
  background-image: url("../../images/theme-jbanew/title-slant-intouch.png"); }

.jba2-page-title-qrc {
  background-image: url("../../images/theme-jbanew/title-slant-qrc.png"); }

.jba2-page-title-westcoast {
  background-image: url("../../images/theme-jbanew/title-slant-westcoast.png"); }

.jba2-page-title-msd {
  background-image: url("../../images/theme-jbanew/title-slant-msd.png"); }

.jba2-page-title-competenz {
  background-image: url("../../images/theme-jbanew/title-slant-competenz.png"); }

.jba2-page-title-transparent {
  background-image: none;
  color: #000000;
  padding-right: 0;
  width: auto;
  margin-bottom: 5px; }

a {
  color: #bea027; }

a:focus,
a:hover {
  color: #a98e23;
  text-decoration: underline;
  box-shadow: none; }

.btn {
  padding: 4px 22px;
  border-radius: 5px; }

.btn-primary,
.btn-success {
  background-color: #bea027;
  border: none; }

.jba2-btn-xl {
  padding: 10px 22px;
  font-size: 24px;
  line-height: 1.3333333; }

.jba2-btn-tab:hover, .jba2-btn-tab:focus {
  background-color: #bea027;
  color: #f0f0f0;
  text-decoration: none;
  box-shadow: none; }

.btn-primary:hover {
  background-color: #a98e23; }

.jba2-btn-xl {
  padding: 10px 22px;
  font-size: 24px;
  line-height: 1.3333333; }

.jba2-btn-tab:hover, .jba2-btn-tab:focus {
  background-color: #bea027;
  color: #f0f0f0;
  text-decoration: none;
  box-shadow: none; }

.btn-primary:focus {
  background-color: #a98e23; }

.btn-primary:active {
  background-color: #a98e23 !important; }

.btn-success:hover {
  background-color: #a98e23; }

.btn-success:focus {
  background-color: #a98e23; }

.btn-success:active {
  background-color: #a98e23 !important; }

.btn-warning {
  background-color: #a98e23;
  color: #f0f0f0;
  border-color: #a98e23; }

.btn-warning:hover {
  background-color: #f0f0f0;
  color: #a98e23;
  border-color: #a98e23; }

.btn-warning:active {
  background-color: #f0f0f0 !important;
  color: #a98e23;
  border-color: #a98e23; }

.btn-warning:focus {
  background-color: #f0f0f0;
  color: #a98e23;
  border-color: #a98e23; }

.navbar-default .navbar-nav > li > a {
  color: #f0f0f0; }

.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
  color: #bea027; }

.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:active {
  color: #bea027; }

.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:focus {
  color: #bea027; }

.jba2-container {
  padding: 0 15px; }

.jba2-container-left {
  padding: 0; }

.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
  margin-left: 15px; }

.jba2-course-header p {
  margin: 0 1em;
  font-size: 15px; }

footer {
  margin-bottom: 45px; }

/*Here are some styles for just the admin page*/
.users .user-search select {
  border-radius: 5px 0 0 5px; }

.users .user-search .input-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-positive: 1;
  flex-grow: 1; }

.input-group .form-control {
  border-radius: 0; }

.users .user-search .input-group .input-group-btn {
  width: auto; }

.input-group-btn {
  border: 1px solid #BDBDBD;
  border-radius: 0 5px 5px 0; }

.input-group-btn button {
  padding: 6px 22px;
  width: calc(100% + 1px); }

.jba2-navbar-item i {
  opacity: 0.2;
  font-size: 40px; }

.jba2-navbar-item.active i {
  opacity: 1;
  font-size: 28px; }

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  z-index: 3;
  color: #f0f0f0;
  background-color: #bea027 !important;
  border-color: #bea027 !important; }

.pagination > li > a,
.pagination > li > span {
  color: #bea027;
  text-decoration: none;
  background-color: #f0f0f0;
  border: 1px solid #ddd;
  cursor: pointer; }

.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover {
  color: #ddd;
  text-decoration: none;
  background-color: #f0f0f0;
  border: 1px solid #ddd;
  pointer-events: none; }

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
  z-index: 2;
  color: #f0f0f0;
  background-color: #bea027;
  border-color: #ddd; }

.form-control:hover,
.form-control:focus,
.form-control:active {
  border-color: #bea027 !important; }

.form-control {
  border-radius: 5px;
  border: 1px solid #ddd; }

.select2-container--default .select2-selection--multiple {
  border-radius: 5px;
  border: 1px solid #8e8e8e; }

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  border-radius: 5px;
  color: #000; }

.select2-container {
  width: 100% !important; }

.jba2-course-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.jba2-course-subtitle {
  text-align: left;
  color: #bea027;
  font-style: italic; }

.jba2-course-info {
  display: inline-block;
  width: 100%;
  padding-right: 15px;
  padding-left: 6%; }

.jba2-course-info h2,
.jba2-course-info h3 {
  font-family: open-sans;
  text-align: left;
  margin-top: 2em;
  font-weight: 900; }

.jba2-course-info .jba2-bus-title h2 {
  margin: .5em 0; }

.jba2-course-info h3:first-of-type {
  margin-top: 1em; }

.jba2-course-links {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 3em; }

.jba2-course-links a {
  font-size: 12px;
  margin: .8em; }

.jba2-btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #bea027;
  color: white;
  transition: transform 0.15s;
  transform: scale(1);
  border-width: 0px;
  white-space: normal;
  border-radius: 500px;
  min-width: 100px;
  font-weight: 200;
  font-family: Avenir Next, sans-serif; }

.jba2-btn-tab {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid #bea027;
  color: #bea027;
  transition: transform 0.15s;
  transform: scale(1);
  white-space: normal;
  border-radius: 6px;
  min-width: 100px;
  font-weight: 400; }
  .jba2-btn-tab.mw-auto {
    min-width: auto; }

.jba2-btn-tab:active {
  text-decoration: none; }

.jba2-btn-tab:focus {
  text-decoration: none; }

.jba2-btn-tab.disabled {
  pointer-events: none;
  background-color: #AFACAA;
  border: 1px solid #AFACAA;
  color: white; }

.note-editable {
  min-height: 150px; }

.jba2-btn.hollow {
  border: 1px solid #bea027;
  background: transparent;
  color: #bea027; }
  .jba2-btn.hollow:hover {
    background: #bea027; }

.subscription-note {
  text-decoration: line-through;
  -webkit-text-decoration-color: #00a889;
  text-decoration-color: #00a889; }

.jba2-btn-tab.active {
  background-color: #bea027;
  border: 1px solid #bea027;
  color: #f0f0f0; }

.jba2-btn.disabled {
  background-color: #AFACAA;
  color: #f0f0f0;
  pointer-events: none; }

.jba2-btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5; }

.jba2-btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5; }

.jba2-btn-lg {
  padding: 6px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 20px; }

.jba2-btn-xl {
  padding: 10px 22px;
  font-size: 24px;
  line-height: 1.3333333; }

.jba2-btn:hover, .jba2-btn:focus {
  background-color: #a98e23;
  color: #f0f0f0;
  text-decoration: none;
  box-shadow: none;
  outline: none; }

.jba2-btn-tab:hover, .jba2-btn-tab:focus {
  background-color: #bea027;
  color: #f0f0f0;
  text-decoration: none;
  box-shadow: none; }

.jba2-btn.green {
  background-color: #38b54a; }

.jba2-btn.green:hover {
  background-color: #247530; }

.jba2-btn.red {
  background-color: #dc0000; }

.jba2-btn.red:hover {
  background-color: #8d0c0c; }

.jba2-btn.blue {
  background-color: #00a889; }

.jba2-btn.blue:hover {
  background-color: #00a889; }

.jba2-btn.dark {
  background-color: #333; }

.jba2-btn.dark:hover {
  background-color: #202020; }

.jba2-pitch-list-item {
  min-height: 100px;
  background: white;
  border-radius: 10px;
  padding: 10px;
  box-shadow: 0 4px 4px 2px rgba(0, 0, 0, 0.3);
  margin-bottom: 24px;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.jba2-pitch-list-item .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

.jba2-pitch-list-buttons {
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center; }

.jba2-pitch-list-buttons p {
  margin: 0; }

.jba2-pitch-list-buttons button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin: 0 10px; }

.jba2-pitch-list-name {
  font-size: 16px;
  font-weight: 600; }

.jba2-pitch-list-icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

.jba2-pitch-list-icon i {
  position: static;
  font-size: 40px; }

.jba2-pitch-list-company {
  background: transparent;
  border: none;
  padding: 0px;
  display: block;
  font-size: 14px;
  margin: 4px 0; }

.jba2-pitch-list-pitched {
  border-top: 1px solid dimgray;
  padding: 5px 0;
  margin: 5px 0 0 0; }

.jba2-mini-job-card {
  background: white;
  border-radius: 10px;
  padding: 10px;
  box-shadow: 0 4px 4px 2px rgba(0, 0, 0, 0.3);
  margin-bottom: 20px; }

.jba2-mini-job-card a {
  font-weight: 600;
  font-size: 16px; }

.jba2-mini-job-card p i {
  width: 14px;
  margin-right: 5px; }

.jba2-mini-job-card-details {
  margin-top: 5px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center; }

.jba2-mini-job-card-details img {
  width: 70px;
  height: 70px; }

.jba2-course-header-details {
  -ms-flex: 1;
  flex: 1;
  display: -ms-flexbox;
  display: flex; }

.carousel-card {
  padding: 10px; }

.carousel-card:focus {
  outline: none; }

.carousel-card .element-item {
  width: 100%;
  margin: 0; }

.jba2-course-carousel {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }
  .jba2-course-carousel .slick-arrow {
    height: 40px;
    width: 40px;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
  .jba2-course-carousel .slick-slide {
    height: auto; }

button.slick-arrow {
  border: none;
  background: transparent; }

.bu-card-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.slick-disabled {
  opacity: .2; }

.jba2-slider-load-row {
  opacity: 0;
  transition: .2s all; }

[v-cloak] {
  display: none; }

.section-progress-filled {
  position: absolute;
  height: 100%;
  width: 100% !important;
  background: url(../../images/course-assets/blob-box/blue-blob-box.svg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  border-radius: 30px;
  transition: .75s width 2s;
  background-clip: content-box; }

.profile-page .profile-section,
.profile-page .profile-section-banner {
  opacity: 0;
  transition: .3s all;
  transform: scale(0.95) translateX(10px) translateY(10px);
  box-shadow: 0 4px 4px 2px rgba(0, 0, 0, 0.3); }

#v-company-profile .profile-section,
#v-company-profile .profile-section-banner {
  opacity: 0;
  transition: .3s all;
  transform: scale(0.95) translateX(10px) translateY(10px);
  box-shadow: 0 4px 4px 2px rgba(0, 0, 0, 0.3); }

#v-company-profile .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 13px;
  width: 100%; }

#v-company-profile .select2-search__field {
  border: none;
  margin-bottom: 0; }

.profile-personal-information-border {
  opacity: 0;
  transition: .3s all;
  transform: scale(0.95) translateX(10px) translateY(10px); }

.pitch-profile-buttons {
  opacity: 0;
  transition: .3s all;
  transform: scale(0.95) translateX(10px) translateY(10px);
  padding: 1em; }
  .pitch-profile-buttons a {
    margin: 5px; }

.jba2-modal .modal-header {
  background-color: #323232 !important;
  color: #F0F0F0;
  padding: 10px; }
  .jba2-modal .modal-header h4 {
    font-family: open-sans;
    font-size: 26px;
    margin: 0; }

.jba2-modal .form-group label {
  color: #323232; }

.jba2-modal .form-group label.jba2-btn {
  color: white; }

.profile-page h4 {
  font-family: open-sans;
  font-size: 26px;
  margin: 0; }

.pi-card h4 {
  font-size: 20px;
  margin: 0px 0 15px 0; }

.profile-page .close,
.jba2-modal .close {
  color: #F0F0F0;
  text-shadow: none;
  opacity: 1;
  font-size: 30px; }

.jba2-modal .modal-content {
  border-radius: 0 0 10px 10px;
  background-color: #F0F0F0;
  padding-bottom: 50px; }

.modal-subnav {
  border-bottom: 1px solid #a98e23;
  padding-left: 20px;
  margin-top: 10px; }

.modal-subnav button {
  color: #F0F0F0;
  background-color: #a98e23;
  min-width: 130px;
  text-align: center;
  border: 1px solid #a98e23;
  border-radius: 8px 8px 0 0;
  border-bottom: none;
  margin: 0 2px;
  padding: 5px 0 2px 0;
  font-weight: 400;
  cursor: pointer;
  letter-spacing: 1px;
  font-size: 13px;
  text-transform: uppercase; }

.modal-subnav button.active,
.modal-subnav button:hover,
.modal-subnav button:focus {
  color: #a98e23;
  background-color: #F0F0F0;
  min-width: 130px;
  text-align: center;
  border: 1px solid #a98e23;
  border-radius: 8px 8px 0 0;
  border-bottom: none;
  margin: 0 2px;
  padding: 5px 0 2px 0;
  font-weight: 400;
  cursor: pointer;
  letter-spacing: 1px;
  font-size: 13px;
  text-transform: uppercase;
  transform: translateY(1px);
  box-shadow: none; }

.profile-item-title {
  font-size: 14px;
  font-weight: 600; }

.profile-header-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 20px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  z-index: 2; }

.profile-header-item {
  width: 48%;
  margin-top: 28px;
  background: white;
  border-radius: 10px;
  padding-top: 20px;
  box-shadow: 0 4px 4px 2px rgba(0, 0, 0, 0.3); }

.profile-header-top {
  text-align: center; }

.profile-header-top i {
  color: #bea027;
  font-size: 40px; }

.profile-header-bottom {
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  transform: translateY(20px);
  text-transform: uppercase;
  white-space: nowrap; }

.profile-header-bottom > div {
  width: auto;
  min-width: 50px; }

.profile-header-number {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  background-color: #bea027;
  color: white;
  border-radius: 10px;
  font-size: 30px;
  font-family: open-sans;
  box-shadow: 0 4px 4px 2px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  line-height: normal; }

.profile-header-number.disabled {
  color: #f0f0f0;
  background-color: #AFACAA;
  pointer-events: none; }

.profile-header-number:hover {
  background-color: #a98e23;
  color: #f0f0f0;
  text-decoration: none; }

.profile-header-title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  color: #bea027;
  font-size: 10px;
  font-weight: 500; }

.pi-card {
  padding: 15px; }

.pi-card p {
  margin: 0; }

#editSkills .skills-item {
  background: #323232 !important;
  border-radius: 10px;
  color: #F0F0F0;
  margin-top: 3px;
  font-size: 14px;
  padding: 0 5px; }

#editSkills .skills-item > div {
  height: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

#editSkills .skills-item i {
  color: #F0F0F0;
  margin: 0 3px; }

#editSkills .skills-list {
  margin-top: 15px; }

.skill-check {
  color: #59C7D9 !important;
  pointer-events: none;
  padding: 0 10px; }

.jba2-mobile-container-header-allowance {
  margin-bottom: 43px;
  padding-top: 50px;
  margin-top: 65px; }

.pagination li a,
.pagination li button,
.pagination li > span {
  margin: 0 2px;
  background-color: transparent;
  color: #bea027;
  border-radius: 8px !important;
  font-size: 12px;
  padding: .3em .5em;
  min-width: 30px;
  text-align: center;
  border: 1px solid #bea027;
  padding: 0px 10px; }

.pagination li button.disabled {
  pointer-events: none;
  color: #757575;
  border: 1px solid #757575; }

.pagination li a.active,
.pagination li.active button {
  background-color: #bea027;
  color: #f0f0f0; }

.pagination > li > a:hover,
.pagination > li > button:hover {
  z-index: 2;
  color: #f0f0f0;
  background-color: #bea027;
  border-color: #bea027; }

.profile-page-pitch-view .contact-profile-picture-wrapper {
  height: 50px;
  width: 50px; }

.sgb-container {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-align: start;
  align-items: flex-start; }

.sgb-right {
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 10px 10px 10px; }
  .sgb-right .sgb-table {
    display: none;
    width: 88%;
    background: #323232;
    color: white;
    padding: 10px;
    overflow-x: scroll;
    -ms-overflow-style: -ms-autohiding-scrollbar; }
    .sgb-right .sgb-table .sgb-icon-button {
      background: #bea027;
      color: white;
      border-radius: 50px;
      height: 26px;
      width: 26px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin: 0 auto;
      border: none; }
    .sgb-right .sgb-table table {
      border-collapse: collapse; }
      .sgb-right .sgb-table table img {
        height: auto;
        width: 25px;
        border-radius: 0px; }
    .sgb-right .sgb-table td,
    .sgb-right .sgb-table th {
      padding: 6px;
      text-align: center;
      vertical-align: middle; }
    .sgb-right .sgb-table td:first-child {
      text-align: left; }
    .sgb-right .sgb-table td + td,
    .sgb-right .sgb-table th + th {
      border-left: 1px solid #5a5a5a; }
    .sgb-right .sgb-table tr + tr {
      border-top: 1px solid #5a5a5a; }
  .sgb-right .sgb-table-button {
    background: #323232;
    color: white;
    border: none;
    height: 12px;
    padding: 0px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    width: 88%;
    border-radius: 0px 0px 25px 25px; }
    .sgb-right .sgb-table-button span {
      line-height: 10px; }

.jba2-sgb {
  margin: 0 15px;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: auto;
  margin-bottom: 0px; }

.sgb-container p {
  margin: 0; }

.sgb-container > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

.jba2-sgb {
  background: transparent;
  border: 2px solid #323232;
  border-radius: 30px;
  margin: 0px;
  height: 25px;
  font-style: italic;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-positive: 0;
  flex-grow: 0;
  width: 100%;
  margin-bottom: 0px; }

.jba2-sgb p {
  margin: 0;
  font-size: 14px; }

.jba2-sgb-filled {
  background-image: linear-gradient(to bottom, #bea027 50%, #947c1e 50%);
  border-radius: 30px;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  color: white; }

.jba2-sgb-empty {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-positive: 1;
  flex-grow: 1; }

.sgb-container img {
  width: 40px;
  height: 40px;
  border-radius: 500px; }

.modal-card {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  box-shadow: 0 4px 4px 2px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  margin: 10px;
  padding: 10px;
  background: white;
  -ms-flex-align: center;
  align-items: center; }

#boostModal .modal-content h4 {
  font-size: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

.jba2-save.active {
  background: #bea027;
  color: white;
  border-radius: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center; }

.profile-progress-container {
  display: -ms-flexbox;
  display: flex;
  background: transparent;
  border-radius: 30px;
  border: 1px solid #00a889;
  margin: 10px 0;
  width: 100%; }

.profile-progress-container span {
  font-style: italic;
  color: #00a889; }

.progress-container-filled {
  background: #00a889;
  border-radius: 30px;
  padding: .2em 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  transition: .75s all ease;
  width: 0px; }

.progress-container-filled i {
  color: #00a889;
  margin: 0 10px; }

.progress-container-empty {
  -ms-flex: 1;
  flex: 1;
  padding: .2em 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center; }

.profile-progress-container.complete {
  border: 1px solid #00a889; }

.form-control[disabled],
fieldset[disabled] .form-control {
  background: #AFACAA !important; }

.profile-progress-container.complete .progress-container-filled {
  background: #00a889; }

.profile-header-bar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  background-color: #bea027;
  color: white;
  border-radius: 10px;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5); }

.profile-header-bar .profile-progress-container {
  height: 22px;
  margin: 10px;
  background: transparent;
  border: 1px solid white; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .profile-header-bar .profile-progress-container {
    -ms-flex: 1;
    flex: 1; } }

.form-control[disabled],
fieldset[disabled] .form-control {
  background: #AFACAA !important; }

.profile-header-bar .profile-progress-container.complete {
  background: #00a889;
  border: 1px solid #00a889; }

.profile-header-bar .progress-container-filled {
  background: white; }

.fade-transition {
  transform: translateX(0px);
  opacity: 1; }

.fade-enter,
.fade-leave {
  opacity: 0;
  transform: translateX(-40px); }

.sgb-goodluck {
  color: #38b54a;
  font-weight: 600;
  width: 100px; }

.jba2-sgb-empty span {
  display: none; }

.header-score {
  margin: 15px;
  font-size: 30px; }

.header-score.fa-check {
  color: #38b54a; }

.header-score.disabled {
  color: #e8e8e8; }

.absolute-header-score {
  margin: 15px;
  color: #AFACAA;
  position: absolute;
  right: 0;
  top: 0; }

.profile-picture-header-score {
  color: #AFACAA;
  font-size: 30px;
  margin: 15px;
  position: absolute;
  right: 0;
  top: 0; }

.profile-picture-header-score.fa-check {
  color: #38b54a; }

.profile-picture-header-score.fa-times {
  color: #dc0000; }

.profile-picture-header-score.disabled {
  color: #4a4a4a; }

#pitchBar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column; }

.company-profile-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }
  .company-profile-header img {
    height: 60px; }
  .company-profile-header h4 {
    margin-left: 16px; }

#companyProfileModal a {
  display: block;
  margin: 15px 0; }

#v-company-profile input {
  border: 1px solid #323232;
  margin-bottom: 16px; }

.changes-saved-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center; }

.changes-saved {
  color: #38b54a;
  font-size: 12px;
  opacity: 0;
  transition: .2s all; }

.form-disclaimer {
  color: #dc0000; }

.note-popover .popover-content,
.panel-heading.note-toolbar {
  padding: 5px 0 5px 5px !important; }

.note-btn {
  background-color: #f1f1f1;
  border: 1px solid #cacaca;
  color: black; }

.note-popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset,
.panel-heading.note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset {
  background-color: #f1f1f1;
  border: 1px solid #cacaca;
  color: black; }

.note-btn:hover {
  background-color: #d2d2d2; }

.note-popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset,
.panel-heading.note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset:hover {
  background-color: #d2d2d2; }

.note-popover .popover-content > .btn-group,
.panel-heading.note-toolbar > .btn-group {
  margin-top: 5px !important; }

.boost-modal-complete {
  color: #38b54a;
  font-size: 20px; }

.red-text {
  color: #dc0000; }

.green-text {
  color: #38b54a; }

.blue-text {
  color: #00a889; }

.no-border {
  border: none; }

.fa-pencil-square-o {
  cursor: pointer; }

.jba2-nav {
  position: fixed;
  width: 100%;
  height: 65px;
  background-color: #fff;
  top: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  z-index: 100;
  box-shadow: rgba(68, 68, 68, 0.6) 5px 5px 5px; }

.dark-box-container {
  margin-top: -90px; }

.jba2-nav-dropdown-content i {
  margin-right: 8px; }

.jba2-nav-dropdown {
  height: 100%;
  padding: 5px;
  color: #f0f0f0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  display: none;
  background: transparent;
  border: none; }

.jba2-nav-dropdown p {
  margin: 0;
  color: #333;
  text-transform: capitalize; }

.jba2-nav-dropdown p:hover {
  text-decoration: underline;
  cursor: pointer; }

.jba2-nav-dropdown span {
  margin-left: 6px; }

.jba2-nav-dropdown img {
  height: 40px;
  width: 40px;
  margin-left: 10px;
  background-color: white; }

.navbar-brand {
  cursor: pointer; }

.jba2-nav-dropdown-container {
  min-width: 200px;
  transform: translateX(50px);
  opacity: 0;
  transition-duration: .2s;
  transition-delay: .1s; }
  .jba2-nav-dropdown-container .jba2-nav-dropdown-items {
    padding: 0px;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    background: transparent;
    border: none;
    width: 100%; }
    .jba2-nav-dropdown-container .jba2-nav-dropdown-items .jba2-nav-dropdown-content {
      -ms-flex: 1;
      flex: 1;
      background-color: #f0f0f0;
      color: #000000;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center; }
      .jba2-nav-dropdown-container .jba2-nav-dropdown-items .jba2-nav-dropdown-content:hover {
        color: #f0f0f0;
        background-color: #000000; }
        .jba2-nav-dropdown-container .jba2-nav-dropdown-items .jba2-nav-dropdown-content:hover a {
          color: #f0f0f0;
          text-decoration: none; }
      .jba2-nav-dropdown-container .jba2-nav-dropdown-items .jba2-nav-dropdown-content p {
        margin: 0;
        padding: 10px; }
      .jba2-nav-dropdown-container .jba2-nav-dropdown-items .jba2-nav-dropdown-content a {
        padding: 10px;
        color: #000000;
        width: 100%; }

.jba2-desktop-menu.active .jba2-nav-dropdown-container {
  transform: translateX(0px);
  opacity: 1;
  position: relative;
  top: 0; }

.jba2-nav-dropdown-items.active .jba2-nav-dropdown-content {
  background-color: #000000;
  color: #f0f0f0; }

.jba2-nav-dropdown-container .jba2-nav-dropdown-items .jba2-nav-dropdown-content:hover a {
  color: #f0f0f0; }

.jba2-nav-dropdown-items.active .account-settings-arrow-right {
  visibility: visible; }

.text-success {
  color: #38b54a; }

@media screen and (max-width: 449px) {
  .self-discovery-mobile-card-fix.col-xs-12 {
    padding: 0 40px; } }

@media (min-width: 450px) and (max-width: 767px) {
  .self-discovery-mobile-card-fix.col-xs-12 {
    padding: 0 64px; } }

.element-item2 .white-box p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.jba2-employer {
  cursor: pointer; }

.pitch-submit-buttons {
  text-align: center; }

.select2-container--disabled .select2-selection {
  background: #AFACAA !important; }

.select2-container--disabled .select2-selection__rendered {
  background: #AFACAA !important; }

.form-control[disabled],
fieldset[disabled] .form-control {
  background: #AFACAA !important; }

@media (min-width: 768px) {
  .jba2-modal {
    padding-left: 100px !important; }
  .pitch-submit-buttons {
    text-align: right; }
  .element-item2 {
    margin: 10px; }
  .register-container {
    padding: 30px; }
  .jba2-subnav {
    margin-left: 0px;
    margin-right: 0px;
    overflow-x: initial; } }

@media screen and (min-width: 768px) and (-ms-high-contrast: active), (min-width: 768px) and (-ms-high-contrast: none) {
  .jba2-subnav {
    overflow-x: hidden;
    overflow-y: hidden;
    padding-top: 1px; } }

@media (min-width: 768px) {
  .jba2-nav-dropdown {
    display: -ms-flexbox;
    display: flex; }
  .pitch-profile-buttons {
    padding: 2em; }
  .jba2-modal .modal-content {
    padding-bottom: 0; }
  #pitchBar {
    -ms-flex-direction: row;
    flex-direction: row; }
  .profile-section {
    border-radius: 10px !important; }
  .profile-section-banner {
    border-radius: 10px !important; }
  .profile-personal-information {
    border-radius: 10px !important; }
  .jba2-mobile-container-header-allowance {
    padding-left: 100px;
    padding-right: 0px;
    padding-top: 0px;
    margin-bottom: 50px;
    min-height: 100%; }
  footer {
    margin-bottom: auto; }
  .profile-header-item {
    width: 20%;
    margin-top: 20px; }
  .jba2-course-header p {
    margin: 0 1em;
    font-size: 25px; }
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: auto; }
  .jba2-hamburger {
    display: none; }
  .jba2-header {
    margin-top: auto; }
  .jba2-navbar-item {
    color: white;
    font-size: 15px;
    text-align: center;
    margin: 0px;
    letter-spacing: 1px;
    font-weight: 400;
    line-height: normal;
    display: -ms-flexbox;
    display: flex;
    width: 100px;
    height: 70px;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center; }
    .jba2-navbar-item:hover span, .jba2-navbar-item:active span, .jba2-navbar-item:focus span {
      position: relative;
      margin-top: 5px;
      text-decoration: none;
      left: auto;
      top: auto;
      transform: none; }
    .jba2-navbar-item:hover i {
      opacity: 1;
      text-decoration: none;
      font-size: 28px; }
  .jba2-container {
    padding: 0 15px; }
  .jba2-container-left {
    padding-left: 15px;
    padding-right: 0px; }
  .jba2-header-left {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center; }
  .jba2-course-info {
    padding-right: 15px; } }

@media (min-width: 992px) {
  .jba2-container {
    padding: 0 80px; }
  .jba2-container-left {
    padding-left: 0px;
    padding-right: 0px; }
  .jba2-header-left {
    width: 60%;
    padding-left: 0; }
  .jba2-course-info {
    padding-right: 15px; }
  .jba2-sgb-empty span {
    display: inline-block;
    font-size: 11px; }
  .card-view .jba2-sgb-empty span {
    display: none; } }

@media (min-width: 1200px) {
  .jba2-container {
    padding: 0 80px; }
  .admin-reports {
    padding-bottom: 30px; }
  .jba2-container-left {
    padding-left: 0px;
    padding-right: 0px; }
  .jba2-header-left {
    width: 100%;
    height: 200px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .jba2-course-info {
    padding-right: 15px; } }

.jba2-columns {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.jba2-truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.jba2-w-text {
  color: #ffffff; }

.jba2-b-text {
  color: #000000; }

.jba2-main-text {
  color: #bea027 !important; }

.d-flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
  flex: 1; }

.j-end {
  -ms-flex-pack: end;
  justify-content: flex-end; }

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

.j-evenly {
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly; }

.j-around {
  -ms-flex-pack: distribute;
  justify-content: space-around; }

.j-center {
  -ms-flex-pack: center;
  justify-content: center; }

.a-center {
  -ms-flex-align: center;
  align-items: center; }

.a-end {
  -ms-flex-align: end;
  align-items: flex-end; }

.mr10 {
  margin-right: 10%; }

.form-input {
  width: 100%; }

.form-select {
  -moz-appearance: none;
  background-image: url("../../images/theme-jbanew/select.png");
  background-repeat: no-repeat;
  background-size: 9px;
  background-position: right 8px center; }

.form-input,
.form-select {
  border-radius: 5px !important;
  height: 35px;
  border: 0;
  outline: 0;
  padding: 0 13px;
  background-color: #fff !important;
  border: 1px solid #8e8e8e; }

.form-textarea {
  border-radius: 5px !important;
  height: auto;
  border: 0;
  outline: 0;
  padding: 13px;
  background-color: #fff !important; }

.form-button {
  border-radius: 5px;
  height: 35px;
  background-color: transparent;
  border: 1px #fff solid;
  color: #f0f0f0; }

.jba2-bshadow {
  box-shadow: 3px 3px 5px #888888; }

.element-job-list {
  background-color: #fff;
  border-radius: 5px;
  padding: 2em 2em .5em;
  box-shadow: 0 4px 4px 2px rgba(0, 0, 0, 0.3);
  width: 100%; }

.element-job-list:hover {
  box-shadow: 5px 5px 25px 0px rgba(0, 0, 0, 0.5); }

.jba2-name {
  color: #bea027 !important;
  font-weight: 600;
  font-size: 20px; }

.jba2-employer {
  background: transparent;
  border: none;
  display: block;
  padding: 0px; }

.employer-job-list {
  padding: 1em;
  margin: 0 50px;
  position: relative; }

.wh50 {
  width: 50px;
  height: 50px; }

.w-35 {
  width: 35px; }

.jba2-save {
  color: #bea027;
  font-size: 30px;
  background: transparent;
  border: none; }

.jba2-progress-bar {
  width: 100%;
  border: 2.5px #bea027 solid;
  border-radius: 15px;
  position: relative;
  box-shadow: 3px 3px 5px #888888; }

.jba2-progress {
  width: 25%;
  height: 100%;
  border: 2.5px #bea027 solid;
  background-color: #bea027;
  border-radius: 10px;
  position: absolute;
  box-shadow: 3px 0 5px #888888; }
  .jba2-progress p {
    padding: 2px 6px 0 0;
    color: #f0f0f0;
    text-align: right; }

.viewButton {
  float: left;
  margin-left: 0; }

.card-view {
  margin: 0; }

.jba2-w100 {
  width: 100px; }

.jba2-grey {
  color: dimgray; }

.fs-margin1 {
  margin-right: 0;
  margin-bottom: 16px; }

.fs-margin2 {
  margin-left: 0; }

.jba2-res-border {
  border-top: 2px #fff solid;
  border-left: 0; }

.jba2-pitches-no {
  position: absolute;
  top: 0;
  height: 100%;
  right: -45px; }

.jba2-pitches-no .jba2-btn {
  width: 150px !important;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50px; }

.jba2-line {
  border-top: 2px dimgray solid;
  margin: 0 2em; }

.border-r30 {
  border-radius: 30px; }

.jba2-listing-title {
  position: relative;
  font-family: open-sans;
  width: auto;
  display: block;
  background-size: 100% 100%;
  color: #000000;
  padding: 10px 0; }

.jba-listing-detail {
  font-family: Avenir Next, sans-serif; }
  .jba-listing-detail p {
    font-size: 13px;
    color: dimgray; }

.jba2-seeAll {
  min-width: auto;
  padding: 6px;
  position: absolute;
  top: 50%;
  right: 10%;
  color: #fff;
  transform: translateY(-50%) !important; }

.jba2-btn-w {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #f0f0f0;
  color: #bea027;
  transition: transform 0.15s;
  transform: scale(1);
  border: 1px solid #bea027;
  border-radius: 20px;
  white-space: normal; }
  .jba2-btn-w:hover {
    background-color: #bea027;
    color: #f0f0f0; }

.jba2-accepted-title {
  font-size: 25px;
  font-weight: bold; }

.jba2-ppi-success {
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(56, 181, 74, 0.8);
  z-index: 5;
  transition: all 1.75s ease-in-out;
  border-radius: 10px; }
  .jba2-ppi-success h4 {
    border: 2px #fff solid;
    border-radius: 30px;
    padding: .5em 1em; }

.jba2-z-1 {
  position: relative;
  z-index: 1; }

@media screen and (max-width: 400px) {
  .font11 {
    font-size: 11px; } }

@media screen and (min-width: 768px) {
  .jba2-desk-flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .fs-margin1 {
    margin-right: 8px;
    margin-bottom: 0; }
  .fs-margin2 {
    margin-left: 16px; }
  .jba2-res-border {
    border-top: 0;
    border-left: 2px #fff solid; }
  .modal-dialog.wide-width {
    width: 93% !important; } }

.dropdown .pv-5 {
  padding-bottom: 6px !important; }

li.dropdown-menu-item a:hover {
  background-color: #000000 !important;
  color: #fff;
  transition: all .15s ease-in-out; }

/* ---- .element-item ---- */
.slick-list {
  width: 100%; }

.jba2-industry-element.element-item {
  margin: 10px;
  position: relative;
  width: 95%;
  margin: 2.5%;
  height: auto;
  border-radius: 5px;
  padding: 1em;
  background-color: #fff;
  color: #262524;
  box-shadow: 0 4px 4px 2px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  float: left; }

.jba2-industry-element.element-item:hover,
.jba2-courses-element.element-item:hover,
.jba2-courses-element.element-item-list-master.element-item:hover {
  box-shadow: 5px 5px 25px 0px rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-decoration: none !important;
  background-color: #fff; }

.element-item-text.black a {
  white-space: nowrap !important;
  color: #323232; }

.jba2-courses-element.element-item,
.jba2-courses-element.element-item-list-master.element-item {
  box-shadow: 0 4px 4px 2px rgba(0, 0, 0, 0.3);
  transform-origin: right bottom;
  background-color: #fff; }

.jba2-courses-element.element-item-list-master.element-item {
  margin-bottom: 16px !important;
  padding: 0; }

.jba2-cur-email {
  font-weight: bold;
  border: 1px #ddd solid;
  margin: 0 0 15px;
  padding: 5px 5px 5px 16px;
  cursor: not-allowed;
  background-color: #ffffb3; }

h3.thirds-sub {
  text-align: center;
  color: #a98e23; }

.jba2-push-padding {
  padding-bottom: 1em; }

.jba2-thirds .fa {
  font-size: 100px;
  text-align: center;
  width: 100%;
  color: #a98e23; }

.jba2-contact-training {
  background: #323232;
  color: white; }

div#contact h3 {
  text-align: center;
  margin-bottom: 2em; }

form#contact-form-message input,
form#contact-form-message textarea {
  background: none;
  font-size: 16px; }

div#submit input {
  background: #bea027;
  max-width: 200px;
  margin: 0 auto;
  border-radius: 20px;
  font-weight: 300; }

.contact-arrow-head {
  margin-top: 3em; }

@media (min-width: 768px) {
  .jba2-container-right {
    padding-right: 15px; }
  .jba2-half-text {
    width: 60%; }
  .jba2-thirds {
    width: 30%; } }

@media (min-width: 992px) {
  .jba2-container-right {
    padding-right: 80px; } }

.alert.review-box {
  background: #00a889;
  color: white; }

.alert.success-box {
  background: #38b54a;
  color: white; }

.confirmModal {
  display: none; }

.confirmModal {
  width: 100%;
  z-index: 999999999999;
  position: fixed;
  -ms-flex-pack: center;
  justify-content: center;
  left: 0;
  top: 0;
  height: 100%;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.9); }

.confirmModal-inner {
  background: white;
  width: 310px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  border-radius: 0 0 10px 10px;
  padding: 10px; }

.button-confirmation-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 1em;
  padding-bottom: 1em; }

.button-confirmation-wrap .jba2-btn {
  margin-left: 5px;
  margin-right: 5px; }

.confirmModal-inner p {
  text-align: center;
  padding-right: 0;
  padding-top: 1em;
  padding-bottom: 1em; }

.form-button {
  border-radius: 500px; }

.buttons-purple-bkgrnd .jba2-btn {
  margin: 5px; }

.buttons-purple-bkgrnd .jba2-btn:hover {
  background: #a51753; }

div#v-opportunity-list {
  position: relative;
  min-height: 1000px; }

@media screen and (max-width: 600px) {
  .jba2-btn {
    font-weight: 400 !important; } }

@media screen and (max-width: 768px) {
  .jba2-page-title {
    font-size: 20px; }
  .jba2-header:before {
    content: '';
    width: 100%;
    position: absolute;
    overflow-x: hidden;
    min-height: 200px;
    z-index: 0;
    background: rgba(255, 255, 255, 0.8); }
  .col-xs-0 {
    display: none; }
  .jba2-new-course-name {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center; }
    .jba2-new-course-name .jba2-course-subtitle {
      text-align: center; }
  .subnav-dark-grey-box p {
    margin: 0px; }
  .subnav-grey-textbox .col-xs-12 {
    padding-right: 0px;
    padding-left: 0px; }
  .jba2-header-no-opacity:before {
    display: none; }
  .jba2-subnav {
    z-index: 10; }
  .jba2-header-left {
    z-index: 10; }
  .element-job-list {
    padding: 1em; }
  .sgb-container .sgb-left {
    display: none; }
  .sgb-container .sgb-right {
    padding-left: 0px;
    padding-right: 0px; } }

.element-job-list {
  margin: auto auto 25px auto;
  transition: .2s all; }

.card-view .element-job-list {
  margin: auto auto 25px auto;
  transition: .2s all; }

.jba2-pitches .element-job-list {
  width: 100%;
  margin: 0 0 10px; }

.job-form .filter-btn {
  border-color: white;
  color: white; }

.course-completed-banner {
  position: absolute;
  background: #298537;
  color: white;
  width: 260px;
  text-align: center;
  height: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  transform: rotate(-25deg) translateX(-73px) translateY(-15px); }

.contact-profile-picture {
  background-position: center center;
  background-repeat: no-repeat;
  background-color: white; }

.carousel-course-card.tool-tips {
  width: 240px; }
  .carousel-course-card.tool-tips .element-item {
    height: 190px !important; }
    .carousel-course-card.tool-tips .element-item .element-item-background {
      background-size: contain; }

.jbanew-carousel {
  height: 310px; }
  .jbanew-carousel .carousel-course-card {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 240px;
    height: 230px; }
    .jbanew-carousel .carousel-course-card.tool-tips {
      height: 190px; }
  .jbanew-carousel.h250 {
    height: 250px; }
  .jbanew-carousel .slick-track {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 0; }
  .jbanew-carousel .slick-active .element-item {
    transform: scale(1);
    width: 100%;
    height: 100%;
    z-index: 10;
    opacity: 1; }
  .jbanew-carousel .slick-active2 .element-item {
    transform: scale(1);
    width: 100%;
    height: 100%;
    z-index: 10;
    opacity: 1; }
  .jbanew-carousel .element-item {
    transform: scale(0.9);
    transform-origin: center;
    width: 100%;
    height: 100%;
    transition: all .45s; }
    .jbanew-carousel .element-item:hover, .jbanew-carousel .element-item:focus {
      text-decoration: none;
      box-shadow: 5px 5px 25px 0 rgba(0, 0, 0, 0.5); }
    .jbanew-carousel .element-item .element-item-text {
      height: 70px !important;
      display: block !important; }
      .jbanew-carousel .element-item .element-item-text .course-name {
        font-size: 16px; }
      .jbanew-carousel .element-item .element-item-text .course-time {
        font-size: 12px;
        line-height: normal;
        color: black;
        margin: 3px 0; }
      .jbanew-carousel .element-item .element-item-text .rating {
        unicode-bidi: bidi-override;
        direction: rtl; }
        .jbanew-carousel .element-item .element-item-text .rating .star {
          float: left;
          margin-right: 5px; }
        .jbanew-carousel .element-item .element-item-text .rating .fa-star-o {
          font-size: 14px;
          color: #323232; }
        .jbanew-carousel .element-item .element-item-text .rating .fa-star {
          color: #323232;
          font-size: 14px; }
      .jbanew-carousel .element-item .element-item-text .course-completed {
        font-size: 12px;
        color: #000000;
        position: relative;
        right: 0; }
  .jbanew-carousel .slick-arrow {
    width: 35px;
    height: 35px; }
    .jbanew-carousel .slick-arrow svg {
      width: 100%;
      height: 100%; }

.slick-right .element-item {
  transform: scale(0.9) translateX(60px);
  opacity: .25; }

.slick-left .element-item {
  transform: scale(0.9) translateX(-60px);
  opacity: .25; }

@media screen and (min-width: 450px) {
  .slick-right .element-item {
    transform: scale(0.9) translateX(-60px);
    opacity: .25; }
  .slick-left .element-item {
    transform: scale(0.9) translateX(60px);
    opacity: .25; } }

@media screen and (min-width: 768px) {
  .jbanew-carousel {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around; }
    .jbanew-carousel .carousel-course-card {
      margin: 0 10px; }
      .jbanew-carousel .carousel-course-card .element-item {
        transform: scale(1);
        width: 100%;
        height: 100%;
        z-index: 10;
        opacity: 1; } }

@media (min-width: 768px) and (max-width: 991px) {
  .jbanew-carousel .slick-list {
    width: 71%; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .jbanew-carousel .slick-list {
    width: 83%; } }

@media (min-width: 1200px) {
  .jbanew-carousel .slick-list {
    width: 91%; } }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.form-group.flex {
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse; }

.flex-col {
  -ms-flex-direction: column !important;
  flex-direction: column !important; }

.input-group.flex {
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-top: 10px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.input-group.flex .form-select,
.input-group.flex .form-input,
.input-group p {
  -ms-flex-order: 2;
  order: 2; }

.input-group.flex label {
  width: 100%; }

.input-group.flex span {
  -ms-flex-order: 2;
  order: 2; }

.form-group.flex .select2 {
  margin-bottom: 0 !important; }

.form-group.flex label.error {
  -ms-flex-order: 0 !important;
  order: 0 !important; }

.form-group.flex label {
  -ms-flex-order: 1;
  order: 1; }

.form-group.flex input,
.form-group.flex textarea,
.form-group.flex select {
  -ms-flex-order: 1;
  order: 1; }

.note-editor.note-frame.panel.panel-default {
  -ms-flex-order: 1;
  order: 1; }

.form-group.flex .select2 {
  margin-bottom: 0 !important; }

.form-group.flex-col label.error {
  -ms-flex-order: 2 !important;
  order: 2 !important; }

.form-register .form-group {
  margin-bottom: 0 !important; }

.jba3-groups-header {
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: center;
  justify-content: center; }
  .jba3-groups-header .jba2-btn {
    margin-right: 10px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  left: 0;
  display: none !important;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center; }

.slick-dots.db {
  display: block !important; }

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0;
  padding: 0;
  cursor: pointer; }

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 10px;
  height: 10px;
  padding: 0px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent; }

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none; }

.slick-dots li button:hover:before,
.slick-dots li button:focus:before,
.slick-dots .slick-active button:before,
.slick-dots .slick-active button:focus {
  opacity: 1;
  transform: scale(1.1); }

.slick-dots li button:before {
  font-family: 'slick';
  font-size: 15px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;
  content: '•';
  text-align: center;
  opacity: .25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.element-item.classification-card {
  height: auto !important; }

.microlearning-box {
  height: 100px; }
  .microlearning-box .microlearning-background {
    background-repeat: no-repeat;
    background-size: cover; }
    .microlearning-box .microlearning-background .microlearning-name {
      background-color: rgba(255, 255, 255, 0.7);
      top: 50%;
      transform: translateY(-50%); }

.jba2-course-carousel2 .slick-arrow {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: 40px;
  height: 40px; }

.jba2-course-carousel2 .cls-up {
  position: absolute;
  bottom: 0; }

.jba2-course-carousel2 .slick-hide {
  visibility: hidden; }

.jba2-btn.secondary {
  color: #bea027 !important;
  background-color: transparent !important;
  border: 1px #bea027 solid !important;
  font-weight: 400;
  padding: 6px 12px !important; }

.jba2-btn.secondary:hover,
.jba2-btn.secondary.active {
  color: #f0f0f0 !important;
  background-color: #bea027 !important;
  border: 1px #bea027 solid !important; }

.jba2-btn.tertiary:hover {
  color: #f0f0f0 !important;
  background-color: #AB1654 !important; }

.jba2-btn.secondary.blue {
  color: #6E6E91 !important;
  background-color: transparent !important;
  border: 1px #6E6E91 solid !important;
  font-weight: 400; }

.jba2-btn.secondary.blue:hover {
  color: #f0f0f0 !important;
  background-color: #6E6E91 !important;
  border: 1px #6E6E91 solid !important; }

.jba2-btn.secondary.subscribe {
  color: #bea027 !important;
  background-color: #f0f0f0 !important;
  border: 1px #f0f0f0 solid !important; }
  .jba2-btn.secondary.subscribe:hover {
    color: #f0f0f0 !important;
    background-color: #a98e23 !important;
    border: 1px #a98e23 solid !important; }

.jba2-btn.btn-bor10 {
  border-radius: 10px !important; }

.jba2-green-color {
  color: #38b54a; }

.jba2-red-color {
  color: #dc0000; }

.jba2-purple-color {
  color: #D61A69; }

.pitch-saved {
  cursor: pointer;
  margin-bottom: 0;
  font-size: 25px; }
  @media (min-width: 768px) {
    .pitch-saved {
      width: 100px; }
      .pitch-saved.auto {
        width: auto; } }

.font25 {
  font-size: 25px; }

.justify-responsive {
  -ms-flex-pack: start;
  justify-content: flex-start; }

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

.mobile-mt {
  margin-top: 8px; }

.mobile-mb {
  margin-bottom: 8px; }

@media screen and (min-width: 768px) {
  .mobile-center {
    text-align: left; }
  .mobile-mt {
    margin-top: 0; } }

@media screen and (min-width: 992px) {
  .desktop-display-ib {
    display: inline-block !important; }
  .desktop-display-flex {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center;
    align-items: center; }
  .justify-responsive {
    -ms-flex-pack: end;
    justify-content: flex-end; }
  .mobile-mb {
    margin-bottom: 0; } }

@media screen and (min-width: 1200px) {
  .desktop-lg-display-flex {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center;
    align-items: center; }
  .desktop-lg-display-db {
    display: block !important; }
  .accept-mar0 {
    margin: 0 !important; } }

.form-group.flex {
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse; }

.flex-col {
  -ms-flex-direction: column !important;
  flex-direction: column !important; }

.input-group.flex {
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-top: 10px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.input-group.flex .form-select,
.input-group.flex .form-input,
.input-group p {
  -ms-flex-order: 2;
  order: 2; }

.input-group.flex label {
  width: 100%; }

.input-group.flex span {
  -ms-flex-order: 2;
  order: 2; }

.form-group.flex .select2 {
  margin-bottom: 0 !important; }

.form-group.flex label.error {
  -ms-flex-order: 0 !important;
  order: 0 !important; }

.form-group.flex label {
  -ms-flex-order: 1;
  order: 1; }

.form-group.flex input,
.form-group.flex textarea {
  -ms-flex-order: 1;
  order: 1; }

.note-editor.note-frame.panel.panel-default {
  -ms-flex-order: 1;
  order: 1; }

.form-group.flex .select2 {
  margin-bottom: 0 !important; }

.form-group.flex-col label.error {
  -ms-flex-order: 2 !important;
  order: 2 !important; }

.form-register .form-group {
  margin-bottom: 0 !important; }

/*Toggle buttons css*/
.opacityLow {
  opacity: 0.1; }

.opacityHigh {
  opacity: 0.5; }

.filterBtn {
  width: 100px; }

.loading-pitches {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  left: 0;
  -ms-flex-align: center;
  align-items: center;
  height: 100%; }

.filter-range-group p {
  margin: 1em; }

/*Toggle buttons css*/
.tgl {
  display: none; }

.tgl,
.tgl:after,
.tgl:before,
.tgl *,
.tgl *:after,
.tgl *:before,
.tgl + .tgl-btn {
  box-sizing: border-box; }

.tgl::selection,
.tgl:after::selection,
.tgl:before::selection,
.tgl *::selection,
.tgl *:after::selection,
.tgl *:before::selection,
.tgl + .tgl-btn::selection {
  background: none; }

.tgl + .tgl-btn,
.filter-switch {
  outline: 0;
  display: block;
  width: 4em;
  height: 2em;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.tgl + .tgl-btn:after,
.tgl + .tgl-btn:before,
.filter-switch:before {
  position: relative;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
  z-index: 900000;
  background: white;
  border-radius: 50%;
  float: left; }

.filter-switch.filter-switch-checked:before {
  float: right; }

.tgl + .tgl-btn:after,
.filter-switch:after {
  left: 0;
  transform: scale(1); }

.tgl + .tgl-btn:before {
  display: none; }

.tgl:checked + .tgl-btn:after .filter-switch-checked:after {
  left: 50%;
  transform: scale(1); }

.tgl-light + .tgl-btn,
.filter-switch {
  background: #ddd;
  border-radius: 2em;
  padding: 2px;
  transition: all .4s ease; }

.tgl-light + .tgl-btn:after,
.filter-switch:after {
  border-radius: 50%;
  background: #fff;
  transition: all 0.2s cubic-bezier(1, -0.28, 0, 1.43); }

.tgl-light:checked + .tgl-btn,
.filter-switch-checked {
  background: #59C7D9; }

.tgl-btn-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.tgl-btn-row p {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.max-area {
  max-width: 200px;
  margin-top: 13px; }

div#slider-range.ui-slider-range.ui-widget-header.ui-corner-all {
  border: none !important;
  border-radius: 0px;
  background: #F1E9E0; }

div#slider-range {
  background: transparent;
  border: 1.5px #D51A68 solid;
  height: 23px;
  border-radius: 20px;
  margin-top: .8em;
  margin-right: 1.5em;
  margin-left: 0.5em; }
  div#slider-range .suitability-fill {
    position: absolute;
    height: 100%;
    width: 0%;
    background-color: #D51A68;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px; }

div#slider-range span.ui-slider-handle.ui-state-default.ui-corner-all {
  outline: 0;
  background: #000;
  cursor: pointer;
  border: none;
  border-radius: 0;
  margin-left: 0;
  width: 4px;
  height: 28px; }

.light-grey {
  color: #AFACAA; }

.bu-opportunity-card {
  width: 100%;
  background: white;
  padding: 15px 15px 5px 15px;
  box-shadow: 0 4px 4px 2px rgba(0, 0, 0, 0.3);
  margin-bottom: 20px;
  transition: .2s all ease; }

.bu-opportunity-card a:hover {
  text-decoration: none; }

.bu-opportunity-card:hover {
  box-shadow: 5px 5px 25px 0px rgba(0, 0, 0, 0.5); }

.bu-opportunity-card > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center; }

.bu-opportunity-count {
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.bu-opportunity-count {
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .bu-opportunity-count a {
    font-size: 16px; }
    .bu-opportunity-count a i {
      display: none;
      color: #000000;
      margin-right: 5px; }
    .bu-opportunity-count a span {
      font-size: 20px;
      font-weight: 500; }

.bu-opportunity-mid {
  margin-top: 10px; }

.bu-opportunity-pitch {
  margin-right: 25px; }
  .bu-opportunity-pitch i {
    font-size: 25px; }

.bu-opportunity-top > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

.bu-opportunity-top h3 {
  margin: 0;
  font-size: 20px;
  word-break: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; }

.bu-opportunity-top a {
  font-size: 20px;
  display: -ms-flexbox;
  display: flex;
  margin-left: 10px;
  -ms-flex-align: center;
  align-items: center; }

.bu-opportunity-top button {
  background-color: transparent;
  border: none;
  margin-left: 10px;
  font-size: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  color: #bea027; }

.bu-opportunity-bot p {
  color: #AFACAA;
  margin: 0;
  font-size: 12px; }

.thought-leader-modal-button {
  color: #bea027;
  background-color: transparent;
  border: none;
  text-decoration: underline; }

.bu-opportunity-card > .bu-opportunity-progress {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-top: 10px; }
  .bu-opportunity-card > .bu-opportunity-progress p {
    margin: 0;
    color: dimgray; }
  .bu-opportunity-card > .bu-opportunity-progress a {
    font-size: 20px;
    cursor: pointer; }

.bu-opportunity-bot {
  border-top: 1px solid #AFACAA;
  margin-top: 5px;
  padding-top: 5px; }

.bu-opportunity-count {
  -ms-flex-direction: column;
  flex-direction: column; }

.bu-opportunity-bot p:nth-child(2) {
  display: none; }

.bu-opportunity-bot p:nth-child(4) {
  display: none; }

.bu-opportunity-pitch {
  display: none; }

.bu-opportunity-count a i {
  display: inline-block; }

.bu-opportunity-card-progress {
  width: 100%;
  margin-left: 15px;
  margin-right: 15px; }
  .bu-opportunity-card-progress .bu-opportunity-mid {
    display: none; }
  .bu-opportunity-card-progress .bu-opportunity-bot {
    display: none; }

.jba2-page-title > img {
  width: 100px; }

.jd-heading {
  font-family: open-sans;
  font-size: 20px;
  margin: 0 0 10px 0; }

.jd-heading:not(:first-child) {
  margin-top: 35px; }

.side-job-title {
  font-size: 22px; }
  .side-job-title span {
    display: inline-block;
    word-wrap: break-word;
    word-break: break-all; }

.jba2-page-title-wrap:first-child .jba2-page-title-transparent {
  margin-top: 0px; }

.gen-req-title {
  font-weight: 500;
  padding-top: 25px;
  margin-bottom: 0px;
  font-size: 16px; }

p.gen-req-description {
  margin-top: 0px; }

.jba2-opportunity-body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column; }

.jba2-opportunity-details p span {
  font-weight: 600; }

#jba2Listing .form-group {
  margin-bottom: 10px; }

.jba2-page-title-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center; }

.jba2-page-title-wrap .select2 {
  margin-bottom: 0px !important; }

.jba2-page-title-wrap .form-select {
  display: inline-block; }

.jba2-opportunity-body .jba2-opportunity-description {
  -ms-flex-order: 2;
  order: 2; }

.jba2-opportunity-body .jba2-opportunity-details {
  -ms-flex-order: 1;
  order: 1; }

.jba2-confirmation-modal .modal-content {
  background: white; }

.jba2-confirmation-modal .modal-header {
  background-color: transparent !important;
  color: #000000 !important; }
  .jba2-confirmation-modal .modal-header button {
    color: #000000 !important; }
  .jba2-confirmation-modal .modal-header h4 {
    color: #000000 !important;
    text-align: center; }

.jba2-confirmation-modal p {
  text-align: center; }

.jba2-confirmation-modal .modal-footer {
  text-align: center; }

.general-requirements-checkbox[type="checkbox"] {
  margin-right: 10px; }

@media screen and (min-width: 450px) {
  .bu-opportunity-bot p:nth-child(2) {
    display: none; }
  .bu-opportunity-pitch {
    display: none; }
  .bu-opportunity-count {
    -ms-flex-direction: row;
    flex-direction: row; }
  .bu-opportunity-bot p:nth-child(4) {
    display: block; }
  .bu-opportunity-count a i {
    display: none; } }

.new-job-heading .jba2-page-title {
  padding-left: 15px; }

.listing-modal-body-disabled {
  filter: brightness(80%);
  pointer-events: none; }

.listing-tab-disabled {
  filter: brightness(80%); }

@media screen and (min-width: 768px) {
  .bu-opportunity-bot p:nth-child(2) {
    display: block; }
  .bu-opportunity-pitch {
    display: block; }
  .bu-opportunity-card-progress {
    width: 49%;
    margin-left: .5%;
    margin-right: .5%; } }

@media screen and (min-width: 992px) {
  .jba2-opportunity-body {
    -ms-flex-direction: row;
    flex-direction: row; }
  .jba2-opportunity-body .jba2-opportunity-description {
    padding-right: 80px;
    -ms-flex-order: 1;
    order: 1; }
  .jba2-opportunity-body .jba2-opportunity-details {
    -ms-flex-order: 2;
    order: 2; } }

@media screen and (min-width: 1200px) {
  .bu-opportunity-card-progress {
    width: 32%; } }

.jba2-content .rating {
  unicode-bidi: bidi-override;
  direction: rtl; }
  .jba2-content .rating .star {
    float: left;
    margin-right: 5px; }
  .jba2-content .rating .fa-star-o {
    font-size: 14px;
    color: #323232; }
  .jba2-content .rating .fa-star {
    color: #323232;
    font-size: 14px; }
  .jba2-content .rating .f25 {
    font-size: 25px; }

.jba2-content .pl6 {
  padding-left: 6%; }

.jba2-course-info .course-module {
  font-family: open-sans;
  border: 2px #fff solid;
  border-radius: 5px;
  padding: 1em;
  margin-bottom: 1em; }
  .jba2-course-info .course-module.locked {
    border: none;
    border-radius: 5px;
    padding: .5em 1em;
    background-color: #ccc; }
  .jba2-course-info .course-module .module-completed {
    font-size: .9em;
    font-weight: 500; }
  .jba2-course-info .course-module .module-locked {
    margin-right: 1em; }
  .jba2-course-info .course-module .module-locked i {
    font-size: 45px; }
  .jba2-course-info .course-module .module-flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center; }
  .jba2-course-info .course-module .module-btn-width {
    width: auto; }

.jba2-course-info .completion-bar {
  border: 2px #323232 solid;
  border-radius: 5px;
  margin-bottom: 16px; }
  .jba2-course-info .completion-bar .squire {
    position: relative;
    height: 20px;
    width: 100%;
    float: left; }
    .jba2-course-info .completion-bar .squire.filled {
      background-color: #323232; }
      .jba2-course-info .completion-bar .squire.filled .complete-line {
        position: absolute;
        right: 2px;
        width: 2px;
        height: 120%;
        background-color: #fff;
        top: -2px;
        transform: rotate(-6deg); }
      .jba2-course-info .completion-bar .squire.filled:last-child .complete-line {
        display: none; }
    .jba2-course-info .completion-bar .squire:after {
      content: '';
      line-height: 0;
      font-size: 0;
      width: 0;
      height: 0;
      border-top: 2px solid #323232;
      border-bottom: 20px solid transparent;
      border-left: 0;
      border-right: 2px solid #323232;
      position: absolute;
      top: 0;
      right: 0; }
    .jba2-course-info .completion-bar .squire:before {
      content: '';
      line-height: 0;
      font-size: 0;
      width: 0;
      height: 0;
      border-top: 20px solid transparent;
      border-bottom: 2px solid #323232;
      border-left: 2px solid #323232;
      border-right: 0;
      position: absolute;
      top: 0;
      left: 0; }
    .jba2-course-info .completion-bar .squire:last-child:after {
      border: 0; }
    .jba2-course-info .completion-bar .squire:first-child:before {
      border: 0; }

@media screen and (max-width: 450px) {
  .jba2-course-info .course-module .module-flex {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start; }
  .jba2-course-info .course-module .module-btn-width {
    width: 100%; }
  .jba2-course-info .course-module .module-completed,
  .jba2-course-info .course-module .jba2-btn {
    margin-left: 15px;
    margin-top: 15px; } }

.jba2-element-item-list {
  position: relative;
  width: 100%;
  color: #262524;
  margin: 1.5% 0;
  box-shadow: 0 4px 4px 2px rgba(0, 0, 0, 0.3);
  transform-origin: right bottom;
  transition: .1s transform;
  overflow: hidden;
  float: left;
  color: black !important;
  background-size: cover;
  border-radius: 0 0 10px 10px; }
  .jba2-element-item-list:hover {
    box-shadow: 5px 5px 25px 0px rgba(0, 0, 0, 0.5); }

.jba2-course-carousel2 .slick-hide {
  visibility: hidden; }

.jba2-course-carousel2 .slick-arrow {
  width: 40px;
  height: 40px;
  position: relative;
  left: 50%;
  transform: translateX(-50%); }

.jba2-course-carousel2 .cls-up {
  position: absolute;
  bottom: 0; }

.admin-reports .table-responsive {
  padding-top: 30px; }
  .admin-reports .table-responsive table {
    background: white; }

.admin-reports .table-responsive thead {
  white-space: nowrap; }

.reports .dowload-button {
  padding-bottom: 30px; }

a.jba2-navbar-item:focus {
  text-decoration: none !important; }

.pull-right .btn-group .form-select {
  border: 1px #000 solid !important;
  color: #000; }

.wrapper-game-exercise {
  background-image: url(../../images/course-assets/progressBar/background.png);
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column; }
  .wrapper-game-exercise .game-exercise-content {
    transition: 0.2s all ease;
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    position: relative; }
    .wrapper-game-exercise .game-exercise-content:before {
      content: "";
      position: absolute;
      height: 100%;
      width: 100%;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      pointer-events: none;
      transition: 0.2s all ease;
      z-index: 2; }
    .wrapper-game-exercise .game-exercise-content.open:before {
      background: rgba(0, 0, 0, 0.8); }
    .wrapper-game-exercise .game-exercise-content .game-area {
      margin: auto; }

.game-close-button {
  font-size: 20px; }

.game-close-button:hover, .game-close-button:focus, .game-close-button:active {
  text-decoration: underline; }

.game-hamburger-menu {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 40px;
  padding: 0.2em 0.5em;
  background: transparent;
  border: none;
  transform: translateX(0);
  transition: 0.2s all ease;
  z-index: 99999;
  color: #323232; }

.game-hamburger-menu.open {
  transform: translateX(350px);
  color: white; }

.game-hamburger-menu:focus {
  color: #bea027;
  outline: none; }

.game-menu-bar {
  display: block;
  padding: 15px;
  background: #323232;
  box-shadow: none;
  border-bottom: none;
  color: white;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  width: 350px;
  transform: translateX(-350px);
  transition: 0.2s all ease;
  z-index: 99999; }
  .game-menu-bar h2 {
    font-size: 30px; }
  .game-menu-bar.open {
    transform: translateX(0px);
    box-shadow: -1px -3px 25px rgba(0, 0, 0, 0.8); }
  .game-menu-bar .game-bar-left a {
    font-size: 40px;
    color: #000000; }
    .game-menu-bar .game-bar-left a:hover, .game-menu-bar .game-bar-left a:focus {
      color: #bea027; }
  .game-menu-bar .game-bar-middle h1 {
    margin: 0px; }

.fa.default::before {
  content: "\f0a3";
  font-family: FontAwesome; }

.fa.ArtDesign::before {
  content: "\f1fc";
  font-family: FontAwesome; }

.fa.BusinessManagement::before {
  content: "\f0b1";
  font-family: FontAwesome; }

.fa.HealthWellness::before {
  content: "\f21e";
  font-family: FontAwesome; }

.fa.EnglishCourses::before {
  content: "\f1ab";
  font-family: FontAwesome; }

.fa.Games::before {
  content: "\f11b";
  font-family: FontAwesome; }

.fa.MathLogic::before {
  content: "\f1ec";
  font-family: FontAwesome; }

.fa.SelfDiscovery::before {
  content: "\f277";
  font-family: FontAwesome; }

.fa.CustomerService::before {
  content: "\f0e5";
  font-family: FontAwesome; }

.fa.PersonalDevelopment::before {
  content: "\f201";
  font-family: FontAwesome; }

.fa.NanoCourses6weeks::before {
  content: "\f13d";
  font-family: FontAwesome; }

li.select2-selection__choice {
  max-width: 95%;
  overflow: hidden;
  /*Altered two below to make word wrap work */
  word-wrap: normal !important;
  white-space: normal; }

ul.select2-selection__rendered {
  padding-right: 12px !important; }

/* User cards */
.user-card-table,
.group-card-table {
  width: 85%;
  margin: 20px auto 0;
  -ms-flex-pack: start;
  justify-content: flex-start;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.user-card.deactivated {
  zoom: 1;
  filter: alpha(opacity=75);
  opacity: 0.75; }

.user-card,
.group-card {
  width: 32%;
  margin: .5%;
  background-color: white;
  border-radius: 15px;
  padding: 0 !important;
  min-height: 300px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  grid-area: auto;
  background: #FFFFFF;
  position: relative; }
  .user-card .deactivate,
  .group-card .deactivate {
    width: 100%;
    position: absolute;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    z-index: 98; }
    .user-card .deactivate .user-card-role,
    .group-card .deactivate .user-card-role {
      right: 10px;
      padding: 0 8px;
      background-color: #e3c902;
      width: auto; }

@media (min-width: 401px) and (max-width: 992px) {
  .user-card,
  .group-card {
    width: 49%;
    margin: .5%; } }

@media screen and (max-width: 400px) {
  .user-card,
  .group-card {
    width: 95%;
    margin: 2.5%; } }

.card-user-name,
.card-group-name {
  text-transform: uppercase;
  color: #bea027;
  font-weight: bold;
  cursor: pointer;
  margin-bottom: 10px;
  text-align: center; }
  .card-user-name.disable,
  .card-group-name.disable {
    color: #424242;
    cursor: default; }

.card-user-name2 {
  text-transform: uppercase;
  color: #bea027;
  font-weight: bold; }

.card-user-name:hover,
.card-group-name:hover {
  text-decoration: underline; }
  .card-user-name:hover.disable,
  .card-group-name:hover.disable {
    text-decoration: none; }

.card-grey-background {
  background-color: #424242;
  height: 75px;
  width: 100%;
  top: 0;
  position: relative;
  overflow: hidden; }

.card-white-background {
  background-color: #FFF;
  height: 75px;
  width: 100%;
  top: 0; }

.table-profile-image {
  position: absolute;
  z-index: 90;
  border: 7px solid #fff;
  border-radius: 50%;
  height: 100px;
  width: 100px;
  top: 20px;
  background: #FFF; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .table-profile-image {
    left: 50%;
    transform: translate(-50%); } }

.user-card img,
.group-card img {
  width: 100%;
  height: 100%;
  border-radius: 50%; }

.user-card-info,
.group-card-info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 10px;
  word-break: break-all;
  width: 100%; }
  .user-card-info p,
  .group-card-info p {
    text-align: center;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .user-card-info,
  .group-card-info {
    width: 100%; }
    .user-card-info .card-user-name, .user-card-info .card-group-name,
    .group-card-info .card-user-name,
    .group-card-info .card-group-name {
      width: 100%; } }

.user-card-role {
  background-color: #bea027;
  min-width: 70px;
  max-width: 30%;
  line-height: 21px;
  padding: 2px;
  border-radius: 5px;
  color: white;
  display: table-caption;
  text-align: center;
  position: absolute;
  top: 10px;
  left: 10px; }

.user-card .widget-edit-button,
.group-card .widget-edit-button {
  position: absolute;
  right: -30px;
  top: -11px;
  padding: 15px 35px 5px 35px;
  transform: rotate(45deg);
  font-size: 1.5em;
  color: #fff;
  z-index: 11;
  font-family: FontAwesome;
  opacity: 0;
  cursor: pointer;
  transition-duration: .4s;
  background-color: #bea027; }

.user-card:hover .widget-edit-button,
.group-card:hover .widget-edit-button {
  opacity: 1;
  transition-duration: .4s; }

.user-card .fa-pencil,
.group-card .fa-pencil {
  transform: rotate(-45deg); }

.user-card-info .fa,
.group-card-info .fa {
  margin-right: 5px; }

.active-status {
  border-top: 1px solid grey;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 10px; }

.active-text {
  color: grey;
  font-size: 12px;
  padding-top: 3px; }

.text-main {
  color: #bea027 !important; }

.t-indent {
  text-indent: 10px; }

#modules-multiple a.module-btns-course {
  border-color: #000000 !important;
  color: #000000 !important; }

#modules-multiple a.module-btns-course:hover, #modules-multiple a.module-btns-course:focus {
  color: #000000 !important; }

.btn-icon-blue {
  background-color: #bea027; }

@media screen and (max-width: 767px) {
  .jba2-hamburger2 {
    display: -ms-flexbox;
    display: flex; }
  h1,
  .h1 {
    font-size: 25px; }
  .jba2-accepted-title {
    font-size: 20px; }
  .jba2-nav {
    padding: 0 10px; }
  .dark-box-container {
    padding-left: 15px !important;
    margin-top: 0px; }
  .user-card,
  .group-card {
    min-height: 170px; }
  .group-card .table-profile-image {
    display: none; }
  .talent-search-row > .form-group {
    display: none; }
  .talent-search-row > .form-group:first-child {
    display: block; }
  .subnav-grey-textbox-tall {
    height: 110px; }
  .jba2-mobile-container-header-allowance {
    padding: 20px 0;
    min-height: 80%; }
  .jba2-header {
    height: 200px; }
  .admin-filter-mobile {
    display: none; }
  .overlay:before {
    height: 200px;
    margin-top: 70px; }
  .jba2-subnav-item {
    min-width: 110px;
    padding: 8px 0 8px 0px;
    font-size: 10px; }
  .jba2-subnav-item.active {
    padding: 8px 0 8px 0px; }
  .quick-info {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row; }
    .quick-info .j-between {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-pack: justify;
      justify-content: space-between;
      width: 100%; }
      .quick-info .j-between h4 {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        font-size: 15px;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center; }
        .quick-info .j-between h4 i {
          font-size: 40px; }
  .element-item.classification-card:first-child {
    margin-top: 20px; }
  .subnav-dark-grey-box {
    min-height: 150px;
    padding: 10px 10px 0 10px; }
  .jba2-fullscreen-items {
    margin-top: 20px; }
  .jba2-navbar {
    width: 100%;
    top: 65px; }
  .jba2-hamburger2 .fa-times,
  .jba2-navbar {
    display: none; }
  .jba2-navbar-item,
  .jba2-navbar-item.active,
  .jba2-navbar-item:hover,
  .jba2-navbar-item:focus {
    width: 100%;
    border: 1px solid black; }
  .jba2-hamburger img {
    width: 45px;
    height: auto; }
  .card-align-icons {
    display: none; }
  .card-white-background {
    height: 40px; }
  .navbar-brand {
    margin-left: 0px !important; }
  .table-profile-image {
    border-radius: 50%;
    height: 75px;
    width: 75px;
    top: 40px; }
  .header-flex {
    position: initial !important; } }

@media print {
  .subnav-dark-grey-box {
    display: none; }
  .jba2-nav {
    display: none; }
  .jba2-navbar {
    display: none; }
  .jba2-header {
    display: none; }
  .new-course-detail {
    display: none; }
  .dark-footer {
    display: none; }
  .printer-hide {
    display: none; }
  .printer-break {
    page-break-after: auto; }
  .jba3-page-header {
    display: none; }
  .output-container button {
    display: none; }
  .jba2-desktop-menu {
    display: none; }
  .jba2-modal .modal-content {
    border: none; }
  .modal {
    visibility: visible;
    /**Remove scrollbar for printing.**/
    overflow: visible !important; }
  .modal-dialog {
    visibility: visible !important;
    /**Remove scrollbar for printing.**/
    overflow: visible !important; } }

.form-input.brdr-red {
  border: 1px solid red !important; }

.location-lists {
  position: absolute;
  top: 55px;
  width: calc(100% - 32px);
  background-color: #fff;
  z-index: 10;
  padding: 16px 0;
  text-indent: 16px;
  overflow-y: scroll;
  max-height: 200px; }

.location-lists li:hover {
  background-color: #ccc;
  cursor: pointer; }

input.form-input::-webkit-input-placeholder, select.form-select::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #999; }

input.form-input::-moz-placeholder, select.form-select::-moz-placeholder {
  /* Firefox 19+ */
  color: #999; }

input.form-input:-ms-input-placeholder, select.form-select:-ms-input-placeholder {
  /* IE 10+ */
  color: #999; }

input.form-input:-moz-placeholder, select.form-select:-moz-placeholder {
  /* Firefox 18- */
  color: #999; }

#modules-multiple .buttons-module-area {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 10px;
  -ms-flex-align: center;
  align-items: center; }

#modules-multiple a.module-btns-course {
  background: transparent;
  color: #bea027;
  border: 1px solid #bea027;
  width: 100px;
  height: 40px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 10px;
  border-radius: 500px;
  position: relative; }

#modules-multiple a.module-btns-course:hover, #modules-multiple a.module-btns-course:focus {
  color: #bea027 !important;
  text-decoration: none !important; }

#modules-multiple a.module-btns-course[disabled] {
  opacity: 0.65;
  background: dimgray;
  border: 1px solid dimgray;
  color: white;
  pointer-events: none; }

#modules-multiple a.module-btns-course i {
  position: absolute;
  right: -10px;
  top: -10px;
  color: #11c111;
  font-size: 30px; }

#modules-multiple a.module-btns-course.course-completed {
  background: #000000;
  color: white !important; }

#modules-multiple .module-course-page-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  position: relative; }

#modules-multiple .module-course-page-left {
  border-right: 1px solid #e4e4e4;
  margin-top: 1em;
  margin-bottom: 1em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-item-align: start;
  align-self: flex-start; }

#modules-multiple .module-course-info h4 {
  color: black; }

#modules-multiple .module-course-info p {
  font-size: 13px; }

#modules-multiple .module-course-info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  width: 70%; }

#modules-multiple .module-tick {
  margin-right: 20px;
  color: white;
  background: #d2d2d2;
  padding: 0 2px;
  border-radius: 50%;
  font-size: 18px; }

#modules-multiple .module-tick.module-completed-tick {
  background: #14b114; }

@media screen and (max-width: 992px) {
  #modules-multiple .module-course-page-wrap {
    -ms-flex-direction: column;
    flex-direction: column; }
  #modules-multiple .module-course-page-left {
    border: none !important; } }

@media screen and (max-width: 500px) {
  #modules-multiple .buttons-module-area {
    -ms-flex-direction: column;
    flex-direction: column; }
  #modules-multiple .module-course-info {
    width: 100%; } }

.business-back {
  height: 100vw;
  max-height: 650px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }
  .business-back .bus-main-slant {
    max-height: 600px;
    background-image: url("../../images/theme-marketing/new-marketing/bus1.1.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center; }

.row-break {
  border-top: 1px solid #f0f0f0;
  margin: 30px 0; }

.jba2-bus-title {
  width: 100%;
  max-width: 920px;
  position: absolute;
  top: -10px;
  z-index: 1; }

.jba2-page-title-marketing h2 {
  padding-left: 12em; }

.jba2-bus-detail p {
  margin-bottom: 25px;
  margin-top: 100px; }

.business-left-box p {
  line-height: 1.5em;
  font-size: 20px;
  margin-bottom: 30px; }

.business-left-box h1 {
  font-size: 40px;
  margin-bottom: 30px; }

.business-left-box .col-xs-6 {
  margin-left: 5%; }

.jba2-mobile-flex {
  display: -ms-flexbox;
  display: flex; }

.mob-back-img {
  position: absolute;
  top: -10px;
  background-size: cover;
  opacity: 0.3;
  background-repeat: no-repeat;
  background-position: top left; }
  .mob-back-img.stramlined {
    background-image: url("../../images/theme-marketing/new-marketing/bus/StreamlinedRecruitment.png"); }
  .mob-back-img.enterprise {
    background-image: url("../../images/theme-marketing/new-marketing/bus/EnterpriseSolution.png"); }
  .mob-back-img.upskill {
    background-image: url("../../images/theme-marketing/new-marketing/bus/UpskillTeam.png"); }
  .mob-back-img.personalised {
    background-image: url("../../images/theme-marketing/new-marketing/bus/PersonalisedCourses.png"); }

.contactForm {
  border-radius: 20px; }
  .contactForm h2 {
    padding: 1em 0;
    color: #f0f0f0;
    font-family: open-sans;
    text-align: center; }
  .contactForm .inputWrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .contactForm .inputWrap input[name='email'],
    .contactForm .inputWrap input[name='name'],
    .contactForm .inputWrap input[name='phone'],
    .contactForm .inputWrap textarea[name='message'] {
      background-color: transparent;
      border: 2px #f0f0f0 solid;
      border-radius: 10px;
      color: #f0f0f0;
      font-size: 14px;
      padding-left: 16px !important; }
    .contactForm .inputWrap input[name='email'].error,
    .contactForm .inputWrap input[name='name'].error,
    .contactForm .inputWrap input[name='phone'].error,
    .contactForm .inputWrap textarea[name='message'].error {
      border: 2px #bea027 solid;
      color: #bea027; }
    .contactForm .inputWrap input[name='email'],
    .contactForm .inputWrap input[name='name'],
    .contactForm .inputWrap input[name='phone'] {
      -ms-flex: 1;
      flex: 1;
      margin-bottom: 16px; }

.bus-contact-error {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 30; }
  .bus-contact-error ul {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

@media screen and (max-width: 479px) {
  .title-h2 {
    font-size: 25px; }
  .contactForm .inputWrap {
    display: block; }
    .contactForm .inputWrap input[name='email'],
    .contactForm .inputWrap input[name='name'],
    .contactForm .inputWrap input[name='phone'] {
      width: 100%;
      margin: 0 0 16px !important; }
  .jba2-mobile-flex {
    display: block; }
  .jba2-page-title-marketing {
    padding-left: 1em !important; }
  .tcenter-mobile {
    text-align: center !important; }
  .timer-icon i {
    font-size: 20px; }
  .stat-title {
    font-size: 17px; }
  .timer,
  .timer1,
  .timer2 {
    font-size: 30px; }
  .business-left-box p {
    display: none; } }

@media screen and (min-width: 768px) {
  .jba2-page-title-marketing {
    padding: 1em 6em 1em 2em; }
  .jba2-bus-title {
    width: 90%; }
  .business-left-box h1 {
    font-size: 35px; }
  .business-left-box .bus-main-btn,
  .business-left-box p {
    font-size: 20px; } }

@media screen and (max-width: 767px) {
  .bus-section-img {
    visibility: hidden; }
  .m0-mobile {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .business-left-box h1 {
    font-size: 30px !important; }
  .business-left-box .bus-main-btn,
  .business-left-box p {
    font-size: 13px !important; }
  .business-left-box .bus-main-btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-item-align: center;
    align-self: center; } }

@media screen and (max-width: 991px) {
  .jba2-bus-title h2 {
    text-align: left !important;
    padding-left: 0; }
  .jba2-bus-detail p {
    margin-top: 100px; } }

.bus-section-img,
.section-img {
  visibility: visible; }
  .bus-section-img img,
  .section-img img {
    width: 100%; }

.d-flex {
  display: -ms-flexbox;
  display: flex;
  position: relative; }

.pb50 {
  padding-bottom: 50px; }

.mb50 {
  margin-bottom: 50px; }

.jba2-page-title-marketing {
  font-family: open-sans;
  display: inline-block;
  background-image: url("../../images/theme-marketing/slant/title-slant.png");
  background-size: 100% 100%;
  color: #f0f0f0;
  transform: none;
  padding: 1em 1em 1em 2em; }

.course-recommended-banner {
  position: absolute;
  background: #bea027;
  color: white;
  width: 260px;
  text-align: center;
  height: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  transform: rotate(-25deg) translateX(-73px) translateY(-15px); }

.course-completed-banner {
  position: absolute;
  background: #38b54a;
  color: white;
  width: 260px;
  text-align: center;
  height: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  transform: rotate(-25deg) translateX(-73px) translateY(-15px); }

.list-toggle {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
  cursor: pointer;
  float: right; }

.list-toggle i {
  color: #bea027;
  font-size: 30px;
  margin: 5px; }

.list-toggle i:hover {
  color: #A02C4D; }

.list-toggle-active {
  color: #6C1F5D !important; }

.flex-panel {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column; }

.self-awareness-output {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  height: 42px;
  font-family: 'AvenirNext', 'Montserrat', sans-serif;
  background-image: url(../../images/course-assets/buttons/rectangle-button.svg);
  background-repeat: no-repeat;
  background-size: 100% 100% !important;
  color: white;
  border: none !important;
  outline: none !important;
  float: left;
  position: relative;
  overflow: hidden;
  transform: scale(1);
  transition: .2s transform;
  padding: 14px;
  cursor: pointer;
  margin: 24px auto !important; }

.self-awareness-output:hover {
  background-image: url(../../images/course-assets/buttons/rectangle-button-hover.svg);
  color: white;
  text-decoration: none; }

.self-awareness-output:active {
  transform: scale(0.95); }

.element-item-flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.element-item {
  position: relative;
  width: 100%;
  height: 230px !important;
  color: #262524;
  margin: 1.5% 0;
  box-shadow: 0 4px 4px 2px rgba(0, 0, 0, 0.3);
  transform-origin: right bottom;
  transition: .1s transform;
  overflow: hidden;
  float: left;
  color: black !important;
  background-size: cover;
  border-radius: 0 0 10px 10px; }

.company-card {
  height: 95px;
  margin-bottom: 3em;
  padding: 0;
  border: none; }

.element-item-list-master .element-item-background {
  width: 80px !important;
  background-position: center; }

.element-item-text a {
  white-space: normal;
  color: #bea027; }

.element-item-text a:hover {
  color: #6C1F5D;
  cursor: pointer; }

.element-item:hover {
  color: black !important;
  text-decoration: none !important;
  box-shadow: 5px 5px 25px 0px rgba(0, 0, 0, 0.5); }

.element-item:active {
  color: black !important; }

.element-item:focus {
  color: black !important;
  text-decoration: none !important; }

.element-item .white-box {
  height: 100% !important; }

.element-item .row {
  height: 100%; }

.element-item > * {
  margin: 0;
  padding: 0; }

.element-item.featured {
  border: #bea027 1px solid !important; }

.element-item-text {
  height: auto;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  padding: 4px 10px;
  background: white; }

.element-item-background {
  -ms-flex-positive: 1;
  flex-grow: 1;
  transition: .2s all;
  background-size: cover;
  background-position: center; }

.element-item p {
  font-family: 'AvenirNext', 'Montserrat', sans-serif;
  font-size: 13.5px;
  margin-top: 0px;
  margin-bottom: 0px;
  line-height: 20px;
  text-align: left;
  color: black; }

.element-item .courses-container:hover {
  text-decoration: none;
  cursor: auto; }

.element-item-text a {
  margin: 0 !important;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis; }

.element-item-text p i {
  margin: 0 7px; }

.element-item-list-master .element-item:hover {
  box-shadow: none;
  color: black !important; }

.element-item-list-master .element-item:active {
  color: black !important; }

.element-item-list-master .element-item p {
  margin: 5px 0; }

.element-item-list-master .element-item .white-box {
  height: auto;
  box-shadow: none !important;
  cursor: auto; }

.element-item-list-master .element-item .white-box div .job-description {
  display: inline-block;
  cursor: auto; }

.element-item-list-master .element-item .white-box .logo {
  text-align: center; }

.element-item-list-master .element-item .white-box .logo img {
  height: 130px;
  width: auto; }

.element-item-list-master .element-item {
  width: 99.5%;
  overflow: visible;
  box-shadow: none !important;
  margin: 0 !important;
  margin-bottom: 1em !important;
  margin-top: 1em !important;
  height: 130px !important; }

.element-item-list-master .company-card {
  height: auto !important; }

.element-item .courses-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%; }

.course-lock-mask {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3); }
  .course-lock-mask .text {
    font-size: 40px;
    position: relative;
    top: 50%;
    transform: translateY(-50%); }

.element-item-description {
  display: none; }

.element-item-list-master .element-item {
  width: 100%;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  padding: 10px 0;
  overflow: hidden;
  transition: .1s background; }

.element-item-list-master .element-item .courses-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row; }

.element-item-list-master .element-item .element-item-background {
  width: 30%;
  height: auto; }

.element-item-list-master .element-item .element-item-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: auto;
  -ms-flex-align: start;
  align-items: flex-start;
  background: transparent; }

.element-item-list-master .element-item .element-item-text i {
  margin-left: 0px; }

.element-item-list-master .element-item .element-item-description {
  display: block;
  font-size: 12px; }

.element-item-list-master .element-item:nth-child(odd) {
  background: #f2f2f2; }

.element-item-list-master .element-item:hover {
  transform: none;
  box-shadow: none; }

.element-item-list-master .course-recommended-banner {
  position: absolute;
  background: #bea027;
  color: white;
  width: 260px;
  text-align: center;
  height: 22px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  transform: rotate(-38deg) translateX(-80px) translateY(-53px);
  font-size: 11px; }

.element-item-list-master .course-completed-banner {
  position: absolute;
  background: #38b54a;
  color: white;
  width: 260px;
  text-align: center;
  height: 22px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  transform: rotate(-38deg) translateX(-80px) translateY(-53px);
  font-size: 11px; }

.in-progress-icon {
  background-image: url(../../images/course-assets/buttons/circle-button-orange.svg); }

.output-icon {
  background-image: url(../../images/course-assets/buttons/circle-button.svg); }

.course-card-icon {
  position: absolute;
  top: 0;
  right: 0;
  margin: 5px;
  background-size: 100% 100%;
  color: white;
  display: -ms-flexbox;
  display: flex;
  height: 35px;
  width: 35px;
  transform: scale(1);
  transition: .2s all; }

.course-card-icon:hover {
  color: white; }

.course-card-icon:active {
  transform: scale(0.9);
  color: white; }

.course-card-icon i {
  margin: auto;
  font-size: 14px;
  line-height: 35px; }

.element-item-list-master .element-item:hover {
  background: #e6e6e6; }

.company-card .courses-container {
  -ms-flex-direction: row;
  flex-direction: row; }

.company-card .element-item-text {
  width: 60%;
  height: auto; }

.company-card .element-item-background {
  width: 95px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-positive: 0;
  flex-grow: 0; }

.element-item-list-master .company-card .element-item-text {
  -ms-flex-pack: end;
  justify-content: flex-end; }

.element-item-list-master .company-card .element-item-text {
  width: 80%; }

.element-item-list-master .company-card .company-overview {
  display: block; }

.company-overview {
  display: none; }

.element-item-list-master .company-card .element-item-background {
  width: 20%; }

@media (min-width: 768px) {
  .element-item-background {
    display: block !important; }
  .company-card {
    height: 120px;
    margin-bottom: 0; }
  .element-item-list-master .element-item .element-item-background {
    width: 30% !important;
    height: auto; }
  .element-item-list-master .company-card .element-item-background {
    width: 110px !important;
    height: 110px;
    -ms-flex-positive: 0;
    flex-grow: 0;
    margin-left: 10px; }
  .element-item-list-master .course-recommended-banner {
    position: absolute;
    background: #bea027;
    color: white;
    width: 260px;
    text-align: center;
    height: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    transform: rotate(-25deg) translateX(-71px) translateY(-28px);
    font-size: 14px; }
  .element-item-list-master .course-completed-banner {
    position: absolute;
    background: #38b54a;
    color: white;
    width: 260px;
    text-align: center;
    height: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    transform: rotate(-25deg) translateX(-71px) translateY(-28px);
    font-size: 14px; }
  .company-card .element-item-background {
    width: 120px;
    -ms-flex-negative: 0;
    flex-shrink: 0; } }

@media screen and (max-width: 767px) {
  .element-item {
    width: 97%;
    margin: 1.5%; } }

@media (min-width: 768px) and (max-width: 991px) {
  .self-discovery-mobile-card-fix.child {
    padding-left: 15%; }
  .element-item {
    width: 47%;
    margin: 1.5%; }
  .jbanew-course-card-narrow-container .element-item {
    width: 98%;
    margin: 1%; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .self-discovery-mobile-card-fix.child {
    padding-left: 9%; }
  .element-item {
    width: 31.3%;
    margin: 1%; }
  .jbanew-course-card-narrow-container .element-item {
    width: 48%;
    margin: 1%; } }

@media (min-width: 1200px) {
  .self-discovery-mobile-card-fix.child {
    padding-left: 5%; }
  .element-item {
    width: 23%;
    margin: 1%; }
  .jbanew-course-card-narrow-container .element-item {
    width: 31.3%;
    margin: 1%; } }

@media screen and (min-width: 767px) {
  .self-discovery-mobile-card-fix.child .element-item {
    max-width: 240px !important; } }

/* mixin for multiline */
.block-with-text {
  overflow: hidden;
  position: relative;
  max-height: 5em;
  text-align: justify;
  padding-right: 1em; }
  .block-with-text:before {
    content: '...';
    position: absolute;
    right: 0;
    bottom: 0; }
  .block-with-text:after {
    content: '';
    position: absolute;
    right: 0;
    width: 1em;
    height: 1em;
    margin-top: 0.2em;
    background: white; }

.jba2-profile-section {
  background: white;
  padding: 15px;
  width: 100%;
  text-align: left !important;
  position: relative;
  border: 1px solid #e4e4e4; }

.profile-headers {
  font-family: open-sans;
  font-weight: bold;
  font-size: 22px !important;
  margin: 0 0 10px;
  word-wrap: break-word; }

.incompleted-bar {
  background: #dc0000;
  width: 20px;
  margin-right: 10px; }

.profile-page-container {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px; }

.jba2-edit-image {
  background: transparent; }

.jba2-profile-section .edit-item {
  right: 10px;
  padding: 0;
  margin: 20px 10px;
  z-index: 1;
  background: transparent;
  border: none; }

.jba2-profile-section p.objective-text {
  width: 95% !important;
  text-align: left; }

.jba2-profile-section .section-header {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
  height: 40px !important; }

.profile-low-line {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  word-break: break-all; }

.profile-item .edit-item {
  top: 10px;
  z-index: 1;
  margin: 0 !important;
  background: transparent;
  border: none; }

.profile-item {
  margin-bottom: 10px; }

.profile-item-description {
  width: 100%;
  word-wrap: break-word;
  overflow-y: hidden;
  transition: height 1s ease-in-out;
  padding-top: 15px; }

.description-show {
  width: 88%;
  text-align: center;
  margin: 0 !important; }
  .description-show i {
    color: dimgray; }
    .description-show i:hover {
      color: #323232; }

.profile-item-title {
  font-size: 17px !important; }

.showhide {
  cursor: pointer;
  margin-left: 10px;
  font-size: 25px;
  margin-bottom: 0; }

.jba2-profile-modal.jba2-modal .modal-header {
  background: #000000 !important; }

p.profile-headers.smaller {
  font-size: 20px !important;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: auto !important;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center; }

a.section-add-item.smaller i {
  font-size: 20px !important; }

a.section-add-item.smaller {
  max-width: 100% !important; }

ul.links-list {
  padding-left: 0;
  list-style: none;
  word-wrap: break-word; }

.slide.flexy-slide:focus {
  outline: none !important; }

#jba-recommended-section ul.links-list li {
  max-width: 80%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.jba2-profile-modal .jba2-btn {
  background: transparent;
  color: #bea027;
  border: 1px solid #bea027;
  font-weight: 400; }
  .jba2-profile-modal .jba2-btn:hover {
    background: #bea027;
    color: #FFFFFF;
    border: 1px solid #bea027; }

.jba2-profile-modal .jba2-btn.red {
  background: transparent;
  color: #dc0000;
  border: 1px solid #dc0000; }

.jba2-profile-modal .jba2-btn.red:hover {
  background: #dc0000;
  color: white;
  border: 1px solid #dc0000; }

.jba2-profile-modal .jba2-btn.green {
  background: transparent;
  color: #38b54a;
  border: 1px solid #38b54a; }

.jba2-profile-modal .jba2-btn.green:hover {
  background: #38b54a;
  color: white;
  border: 1px solid #38b54a; }

div#liveView .modal-dialog {
  width: 95%;
  max-width: 1200px; }

#liveView i.edit-item {
  display: none; }

#liveView .section-add-item i {
  display: none; }

.listDisc {
  list-style: disc !important;
  padding-left: 20px; }

.hover-view {
  position: absolute;
  z-index: 100;
  margin-left: 0;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center; }
  .hover-view.js-course-item {
    width: 280px !important;
    left: 10%;
    box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.5); }
  .hover-view .learner {
    box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.5); }
    .hover-view .learner p.jba2-employer {
      text-align: left;
      margin: 0 !important; }
    .hover-view .learner .row.d-flex.a-center {
      height: 30px; }
    .hover-view .learner .sgb-right .jba2-btn {
      display: none; }

.personal-information a.avatar-profile.hidden-xs img {
  width: 100px; }

.learner-backgrounds .name-background {
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

p.detail-background {
  line-height: 1.2em; }

p.skills-list-item {
  white-space: nowrap;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis; }

#liveView .sgb-right .jba2-btn {
  display: none; }

#liveView .sgb-left img {
  display: none; }

#jba-recommended-section .jba2-course-carousel {
  -ms-flex-align: start !important;
  align-items: flex-start !important; }

#liveView .edit-profile-picture.jba2-edit-image {
  display: none !important; }

#liveView .modal-header h4, .status-modal {
  display: inline; }

.status-modal {
  font-size: 26px; }

.status-modal.green {
  color: #38b54a; }

.status-modal.red {
  color: #dc0000; }

.lowOpacity {
  opacity: 0; }

#liveView .wrap-name-bit h2 {
  word-wrap: break-word;
  font-size: 22px !important; }

#liveView .edit-loader {
  display: -ms-flexbox;
  display: flex; }

div#buttonFix {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row; }

div#buttonFix button, div#buttonFix div, div#buttonFix a {
  font-weight: 500; }

.flexy-image-profile {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

#jba-course-section .slick-dots.db {
  bottom: 0 !important; }

.profile-placeholder {
  background-image: url(../../images/theme-jbanew/profile-placeholder.png);
  background-size: contain;
  height: 160px;
  border: 2px solid #f2f2f2;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  transition: .2s all;
  width: 100%;
  background-color: transparent; }

.profile-placeholder .fa-plus-circle {
  font-size: 70px;
  color: #e2e2e2;
  margin: auto;
  transition: .2s all; }

.profile-placeholder:hover {
  border: 2px solid #d8d8d8; }

.profile-placeholder:hover .fa-plus-circle {
  color: #d8d8d8; }

.profile-card-flex-container {
  width: 100%; }

.profile-add-new-bar {
  background: #e4e4e4;
  border-radius: 0px 0px 10px 10px;
  padding: 5px 0;
  display: block;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  transition: 0.2s all;
  width: 100%;
  border: none; }

.profile-add-new-bar:hover {
  background: #cccccc; }

.profile-add-new-bar .fa {
  display: inline-block;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 10px; }

.jba-links-section button.fa-times {
  background-color: transparent;
  border: none; }

#editSkills .link-button {
  padding: 2px 6px 5px; }

@media screen and (min-width: 768px) {
  .scroll-sidebar {
    max-height: 100vh;
    overflow-y: scroll; }
  div#buttonFix {
    -ms-flex-direction: column;
    flex-direction: column; }
    div#buttonFix button {
      min-height: 32px; }
  .status-modal {
    margin-left: 20px; }
  div#buttonFix button, div#buttonFix div, div#buttonFix a {
    margin-bottom: 10px; } }

@media screen and (min-width: 992px) {
  .jba2-course-carousel.profile .slide.flexy-slide:nth-last-child(1) {
    padding-right: 0 !important; } }

@media screen and (max-width: 992px) {
  .jba2-course-carousel.profile .slick-initialized .slick-slide.flexy-slide {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-pack: center;
    justify-content: center; }
  .hover-view {
    top: 100px;
    left: 0; } }

@media screen and (max-width: 1200px) {
  #live-recommend {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  div#live-recommend .slide {
    width: 50% !important; } }

@media screen and (max-width: 768px) {
  .profile-placeholder {
    height: 100px; }
  .flexy-image-profile {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px; }
  div#buttonFix div, div#buttonFix a {
    width: 30%; }
  div#buttonFix {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around; }
  .scrolly {
    position: fixed;
    top: 1px;
    background: #f0f0f0;
    width: 95%;
    z-index: 1000000000000000;
    padding: 10px; }
  #liveView .modal-content {
    overflow-y: scroll;
    max-height: 93vh;
    margin-top: 0; }
  #liveView .scroll-sidebar section:nth-child(1) {
    padding-top: 20px; }
  div#liveView {
    max-height: 100vh !important;
    overflow: hidden; }
  #liveView.modal-header {
    padding: 10px 20px !important; }
  #liveView .jbanew-carousel .slick-active .element-item {
    width: 95%; }
  .jba2-course-carousel .slick-arrow {
    -ms-flex-item-align: center !important;
    align-self: center !important; }
  .flexy-image-profile .contact-profile-picture-wrapper {
    width: 100px;
    height: 100px; }
  .flexy-image-profile a.avatar-profile.hidden-sm.hidden-md.hidden-lg {
    width: 100px; }
  .flexy-image-profile a.avatar-profile.hidden-sm.hidden-md.hidden-lg img {
    max-width: 100%; }
  .wrap-name-bit {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .hover-view {
    display: none; } }

@media screen and (max-width: 450px) {
  li.skills-item {
    width: 100%; }
  .hidden-tiny {
    display: none; }
  .profile-headers {
    font-size: 20px !important; } }

@media screen and (min-width: 450px) and (max-width: 768px) {
  .hidden-small {
    display: none; } }

@media screen and (min-width: 450px) and (max-width: 992px) {
  li.skills-item {
    width: 48%; } }

@media screen and (max-width: 991px) {
  .md-mt30 {
    margin-top: 30px; } }

.jba2-course-carousel .slide {
  height: 190px; }
  @media screen and (max-width: 991px) {
    .jba2-course-carousel .slide .ib-mobile {
      display: inline-block; } }

.reports #advanced-filter .fa-caret-up,
.reports #expiry-from-box,
.reports #filter-panel,
.reports #no-pitch-select,
.reports #opp-title,
.reports #skills-box .select2 {
  display: none; }

.reports .btn {
  border-radius: 500px !important; }

.reports .input-group-btn {
  border-radius: 0 500px 500px 0 !important; }

.reports .input-group-btn .btn {
  border-radius: 0 500px 500px 0 !important; }

.reports .select2-search__field,
.reports input.form-control {
  font-size: 15px !important;
  padding: 6px 12px 0px 12px !important;
  margin-top: 0 !important; }

.reports .select2-selection {
  line-height: normal; }

.reports .email, .reports .name {
  max-width: 240px;
  word-break: break-all; }

@media screen and (max-width: 400px) {
  .reports .jba2-page-title {
    width: 100% !important; } }

select#user-search-field {
  width: 200px; }

form.user-search.mv-5 {
  display: -ms-flexbox;
  display: flex; }

#filter-panel .input-daterange input {
  max-width: none;
  text-align: left;
  min-width: 0; }

#jba3FilterPanel .input-daterange input {
  max-width: none;
  width: 49%; }

body {
  background: red; }

.jba2-content.mb100 {
  margin-bottom: 100px; }

.talent-container .row:before, .talent-container .row:after {
  content: normal !important; }

#talentEditUser {
  color: #000; }
  #talentEditUser .modal-content {
    background-color: #fff; }
    #talentEditUser .modal-content .modal-body .fa {
      font-size: 18px;
      margin-right: 4px; }
      #talentEditUser .modal-content .modal-body .fa.fa-pencil-square-o {
        color: #bea027; }
      #talentEditUser .modal-content .modal-body .fa.fa-times-circle {
        color: red;
        width: 18px;
        cursor: pointer; }
    #talentEditUser .modal-content .modal-body .form-input#edit-user-id {
      cursor: not-allowed;
      background-color: #ddd !important; }
      #talentEditUser .modal-content .modal-body .form-input#edit-user-id:hover {
        border: 1px #000 solid !important; }
    #talentEditUser .modal-content .modal-body .fw500 {
      font-weight: 500; }

.dashboard .table .thead-dark {
  background: #323232;
  color: #fff; }

@media screen and (max-width: 768px) {
  .jba2-admin-header .jba2-header:before {
    background-color: transparent; } }

/**
 * Helpers
 */
.width-30px {
  width: 30px; }

.width-60px {
  width: 60px; }

.width-90px {
  width: 90px; }

.width-120px {
  width: 120px; }

.width-150px {
  width: 150px; }

.width-180px {
  width: 180px; }

.width-210px {
  width: 210px; }

.width-240px {
  width: 240px; }

.width-270px {
  width: 270px; }

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

.chat-tab {
  position: fixed;
  right: 18px;
  transform: rotate(-270deg) scale(1) !important;
  transform-origin: right;
  border-radius: 0 0 10px 10px;
  top: 70%;
  border: none;
  background: white;
  padding: 0;
  margin: 10px 0;
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.16); }
  .chat-tab p {
    padding: 0.5em 1em 0;
    color: black;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 16px; }

.latest-message {
  margin-left: 55px; }

.convoWhole.error .red {
  text-align: center;
  color: #dc0000;
  padding: 5px; }

.convoWhole.error .messages-container {
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center; }

.latest-message a {
  color: black; }

.latest-message p {
  width: 70%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.nameDate {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  width: 100%; }

.image-wrap-search.image-chat {
  max-width: 60px;
  margin: 0; }

.image-wrap-search img {
  width: 100%;
  border-radius: 50%; }

.name-chat {
  padding-left: 10px;
  padding-right: 10px;
  width: 75%;
  overflow: hidden;
  text-overflow: ellipsis; }

.scroll-bar-fix-chat {
  width: 40%;
  overflow-x: hidden; }

.convosmallWrap {
  height: 100%;
  max-height: 100%;
  overflow-y: scroll;
  width: 110%;
  padding-right: 10%; }

.profile-section.chat-modal-outer {
  height: 85vh;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start; }

.conversations {
  padding: 1em;
  position: relative;
  margin: 0 !important;
  width: 90%;
  margin-bottom: 10px !important; }
  .conversations .top-row {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    width: 100%; }

.message-details {
  margin-left: 70px;
  color: #afafaf;
  font-weight: lighter; }
  .message-details p.message-item {
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

p.message-date {
  font-size: 10px; }

.convoWhole p.message-item {
  border: 1px solid dimgray;
  border-radius: 10px;
  padding: 10px;
  max-width: 80%;
  position: relative;
  -ms-flex-item-align: start;
  align-self: flex-start;
  margin-left: 10px; }
  .convoWhole p.message-item.self-talk {
    background: #a98e23;
    -ms-flex-item-align: end;
    align-self: flex-end;
    color: white;
    margin-right: 10px;
    margin-left: 0; }

.messages-wrap {
  height: calc(100% - 70px);
  overflow: scroll;
  width: 100%;
  padding-right: 10%; }

.messages-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start; }

.convoWhole p.message-item:after {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 7px 9px 7px 0;
  border-color: transparent #AFACAA;
  display: block;
  width: 0;
  z-index: 1;
  margin-top: -7px;
  left: -9px;
  top: 55%; }

.convoWhole p.message-item.self-talk:after {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 7px 9px 7px 0;
  border-color: transparent;
  display: block;
  width: 0;
  z-index: 1;
  margin-top: -7px;
  left: -9px;
  top: 55%; }

.convoWhole p.message-item.self-talk:before {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 7px 0 7px 9px;
  border-color: transparent #a98e23;
  display: block;
  width: 0;
  z-index: 1;
  margin-top: -7px;
  right: -9px;
  top: 55%; }

.chat-section-wraps {
  display: -ms-flexbox;
  display: flex;
  background: #000000;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 10px;
  margin: 0 !important;
  height: 100%;
  width: 100%; }

.convoWhole {
  padding: 10px;
  position: relative;
  height: 100%;
  max-height: 100%;
  overflow-y: visible;
  width: 60%;
  background: white;
  border-radius: 10px;
  overflow-x: hidden; }

.messages-container p.date {
  -ms-flex-item-align: center;
  align-self: center;
  color: dimgray;
  font-weight: lighter; }

.new-msg-chat p.unread-message {
  position: absolute;
  right: 25px;
  top: 0;
  background: #bea027;
  border-radius: 50%;
  width: 20px;
  height: 20px; }

.new-msg-chat h4.text-main.name-chat {
  font-weight: bold !important; }

.loader-convo {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%; }

.leave-convo {
  position: absolute;
  top: 5px;
  right: 5px;
  color: #AFACAA;
  cursor: pointer; }

.message-bar-block, .close-chat {
  display: none; }

.noMessages {
  padding: 1em;
  text-align: center;
  color: dimgray; }

.image-wrap-search.image-chat {
  margin: 0;
  width: 50px; }

#v-chat .modal-chat .modal-header.top-row {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  height: 10%; }

.name-area.name-chat {
  padding-left: 10px; }

#v-chat .lowOpacity {
  opacity: 0; }

.chat-input {
  display: -ms-flexbox;
  display: flex;
  height: 70px;
  width: 100%; }
  .chat-input textarea {
    background: transparent;
    padding: 10px;
    resize: none;
    width: 75%;
    border: 1px solid dimgray;
    border-radius: 10px;
    margin-right: 10px; }
  .chat-input .chat-send {
    background: #bea027;
    border: 1px solid #bea027;
    color: white;
    border-radius: 10px;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 25%; }
    .chat-input .chat-send i {
      margin: 0 auto; }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .chat-input .chat-send i {
        margin: 0; } }

.chat-input-wrap {
  border-radius: 10px;
  height: 70px; }

p.message-item {
  border: 1px solid dimgray;
  border-radius: 10px;
  padding: 10px;
  max-width: 80%;
  position: relative; }

.messages-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start; }

.modal-chat {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999999999;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  display: -ms-flexbox;
  display: flex;
  background: rgba(0, 0, 0, 0.7); }

#v-chat .modal-chat .modal-body {
  position: relative;
  padding: 15px;
  height: 80%;
  overflow: scroll;
  max-height: 50vh; }

.messages-container p.date {
  -ms-flex-item-align: center;
  align-self: center;
  color: dimgray;
  font-weight: lighter; }

#v-chat .modal-chat .modal-dialog {
  width: 80%;
  margin-left: auto;
  margin-right: auto; }

#v-chat .profile-section {
  border-radius: 10px !important;
  opacity: 1 !important; }

.wrap-chat-page {
  width: 100%;
  padding: 10px;
  height: 90%;
  display: -ms-flexbox;
  display: flex; }

.message-item-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 0; }
  .message-item-wrap time {
    font-size: 10px;
    -ms-flex-item-align: end;
    align-self: flex-end;
    padding-bottom: 10px;
    padding-left: 10px; }
  .message-item-wrap.self-talk {
    -ms-flex-item-align: end;
    align-self: flex-end; }
    .message-item-wrap.self-talk time {
      -ms-flex-order: 1;
      order: 1;
      padding-right: 10px; }
  .message-item-wrap img {
    border-radius: 50%;
    width: 40px; }

p.message-item.self-talk {
  -ms-flex-order: 2;
  order: 2; }

img.self-talk-image {
  -ms-flex-order: 3;
  order: 3; }

@media screen and (max-width: 1000px) and (max-height: 700px) and (orientation: landscape) {
  #v-chat .modal-chat .modal-body {
    max-height: 500px;
    height: auto;
    min-height: 250px; }
  #v-chat .modal-chat .modal-header.top-row {
    height: auto !important; }
  #v-chat .modal-chat .modal-content {
    margin-bottom: 3em; } }

.activeConvo {
  background: #e2e2e2; }

.conversations.profile-section.activeConvo:before {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 30px 40px 30px 0;
  border-color: transparent #ffffff;
  display: block;
  top: 18%;
  margin-left: 105%;
  z-index: 1; }

p.show-only-large {
  display: none;
  padding-left: 10px;
  width: 66%; }

.visible-mobile {
  display: none; }

@media screen and (min-height: 800px) {
  p.show-only-large {
    display: block; } }

@media screen and (max-width: 768px) {
  .profile-section.chat-modal-outer {
    position: fixed;
    margin: 0;
    width: 100%;
    background: #000000;
    padding-top: 13px;
    border-radius: 0 !important; }
  .profile-section.chat-section-wraps {
    overflow-x: hidden; }
  .convosmallWrap {
    width: 100%;
    margin: 10px;
    padding-bottom: 3em;
    padding-right: 1.5em; }
  .profile-section.chat-section-wraps {
    display: block; }
  p.show-only-large {
    width: 100%; }
  #v-chat .modal-dialog {
    width: 100% !important;
    margin: 0;
    position: fixed; }
  #v-chat button.mfp-close {
    color: #AFACAA; }
  #v-chat h1.jba2-page-title {
    display: none; }
  .convoWhole {
    width: 100%;
    z-index: 100000;
    border-radius: 0;
    padding: 0 !important; }
  .conversations.profile-section {
    width: 100%; }
  .chat-tab {
    top: -5px !important;
    left: 55% !important;
    right: 100% !important;
    transform: none !important;
    width: 100px !important;
    text-align: center;
    z-index: 100;
    margin-top: 0; }
  .removeMobile {
    display: none; }
  .profile-section.chat-section-wraps {
    padding: 0;
    padding-bottom: 10%; }
  .wrap-chat-page {
    height: 100%;
    padding: 0;
    padding-bottom: 2em; }
  .visible-mobile.chat-title-mobile {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center; }
    .visible-mobile.chat-title-mobile p {
      margin-bottom: 0;
      margin-top: 0;
      color: #bea027;
      font-size: 16px; }
  p.chat-title-name {
    width: 90%;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.5px;
    font-size: 18px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 10px; }
  .messages-wrap {
    padding-top: 50px;
    padding-right: 11%; }
  .visible-mobile.chat-title-mobile {
    height: 40px;
    box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.16);
    padding: 5px;
    margin-bottom: 10px;
    position: fixed;
    width: 100%;
    background: white;
    z-index: 9000000; }
  .chat-input-wrap {
    padding: 10px;
    height: 70px;
    background: white;
    position: relative;
    bottom: 9px; }
  .chat-send {
    height: auto !important; }
  .chat-input {
    height: 70px;
    margin-bottom: 20px; }
  .scroll-bar-fix-chat {
    width: 100%; }
  @-moz-document url-prefix() {
    .scroll-bar-fix-chat {
      width: 110%;
      overflow-x: unset !important; }
    .convosmallWrap {
      padding-right: 10%; } }
  #v-chat .modal-dialog {
    max-height: 85%;
    overflow-y: scroll;
    padding-top: 2em;
    margin-top: 50px;
    height: 85%; }
  #v-chat .modal-chat .modal-dialog:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 30px 29px 30px;
    border-color: rgba(255, 255, 255, 0.5) transparent;
    display: block;
    z-index: 9999999999;
    left: 50%;
    transform: translateX(-50%);
    top: 0; } }

@media screen and (max-height: 600px) and (max-width: 767px) {
  .profile-section.chat-modal-outer {
    height: 100%;
    overflow: scroll;
    margin: 0 !important;
    padding-bottom: 2em; }
  .messages-wrap {
    min-height: 72%; }
  .profile-section.chat-section-wraps {
    box-shadow: none; }
  .background-transparent {
    background: transparent; }
  .wrap-chat-page {
    background: #000000; } }

@media screen and (min-width: 768px) and (max-height: 700px) {
  #v-chat .modal-chat {
    overflow: scroll !important; }
  .profile-section.chat-modal-outer {
    background: white; }
  .chat-input-wrap {
    height: 50px; }
  .chat-input {
    height: 50px; }
  .messages-wrap {
    height: calc(100% - 50px);
    overflow: scroll; } }

@media screen and (min-width: 768px) and (max-height: 300px) {
  .messages-wrap {
    min-height: 200px; } }

p.unreads-chat-tab {
  position: absolute;
  top: 5px;
  right: -15px;
  color: white !important;
  background: #bea027;
  border-radius: 50%;
  height: 30px;
  width: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 !important;
  transform: rotate(-90deg);
  font-weight: 200; }

#v-chat .modal-chat .profile-section {
  transform: scale(1) !important; }

.chat-header {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: start;
  justify-content: flex-start; }

.question-chat i {
  font-size: 30px;
  padding-left: 20px;
  cursor: pointer;
  color: #00a889; }

#v-chat .popover {
  color: black !important; }

@media screen and (max-width: 768px) {
  p.unreads-chat-tab {
    transform: none; }
  .question-chat i {
    padding-bottom: 10px; } }

.chat-input-wrap.disabled textarea {
  pointer-events: none;
  background: #d6d6d6; }

.chat-input-wrap.disabled button {
  background: grey;
  border-color: grey;
  pointer-events: none; }

.conversations.archived {
  background: #c3c3c3;
  pointer-events: none; }

.red-text {
  color: red; }

.question-chat i {
  color: #4c4d53; }

.chat-section-wraps {
  background: rgba(0, 0, 0, 0.8); }

.profile-section.chat-modal-outer {
  background: rgba(255, 255, 255, 0.5); }

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

.pagination > p {
  color: #bea027;
  margin: 0 5px; }

a.talent-card-name {
  cursor: pointer; }

.talent-card-name {
  word-break: break-all; }

.jbanew-carousel .carousel-course-card .element-item {
  -webkit-user-drag: none; }

.talent-search-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 15px; }

.talent-search-buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-bottom: 55px; }

.talent-search-buttons button {
  margin: 0px 5px; }

.talent-cards {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%; }

.talent-card {
  background: white;
  padding: 15px;
  width: 23%;
  margin: 5px;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.talent-card p {
  margin: 0; }

.talent-card-buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 15px; }

.talent-card-buttons button {
  min-width: 58px;
  margin: 5px; }

.talent-card-image {
  height: 100px;
  width: 100px;
  border-radius: 100px;
  background-size: cover;
  background-position: center;
  margin: 0 auto 15px auto; }

/* always present */
.fader-transition {
  transition: all .2s ease;
  opacity: 1;
  transform: translate(0px); }

/* .expand-enter defines the starting state for entering */
/* .expand-leave defines the ending state for leaving */
.fader-enter,
.fader-leave {
  opacity: 0;
  transform: translate(-5px); }

.talent-container h1 {
  font-family: open-sans;
  padding: 20px 0px 0px 0px; }

.serif-header {
  font-family: open-sans;
  margin-top: 35px; }

.talent-search-row > .form-group {
  color: #000; }
  .talent-search-row > .form-group input,
  .talent-search-row > .form-group select {
    width: 100%; }

@media (min-width: 1200px) {
  .talent-search-row > .form-group.tfl-dn {
    width: 25%; } }

@media (min-width: 768px) {
  .talent-container h1 {
    padding: 20px 15px 0px 15px; }
  .talent-search-row > .form-group {
    width: 33%;
    padding: 0px 15px; }
  .modal-xl {
    width: 95%;
    max-width: 1200px; } }

@media (min-width: 768px) and (max-width: 1199px) {
  .talent-search-row > .form-group.tfl-dn {
    width: 50%; } }

@media (max-width: 767px) {
  .talent-card {
    width: 46%; }
  .talent-container {
    padding-left: 15px;
    padding-right: 15px; } }

#v-learner .loaderWrap {
  position: fixed;
  width: 100%;
  top: 50vh;
  left: 45%;
  z-index: 100000000000; }

#v-learner .opacityLow {
  opacity: 0.3; }

#v-learner .learner-backgrounds p {
  margin-bottom: 0 !important;
  margin-top: 0 !important; }

#v-learner p.name-background {
  font-size: 14px;
  color: black !important; }

#v-learner .learner-details h4 {
  font-weight: bold;
  color: #bea027 !important; }

#v-learner p.detail-background {
  font-size: 12px;
  color: #757575; }

#v-learner .filter-wrapper {
  margin-bottom: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: column;
  flex-direction: column; }

#v-learner .row.load-more-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: flex-end;
  padding-right: 20px;
  margin-top: 10px; }

#v-learner a.load-more-btn {
  color: #bea027 !important;
  border: 1px solid #bea027;
  padding: 0.3em 1em;
  font-size: 20px;
  font-weight: bold;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.16);
  cursor: pointer;
  margin-top: 5px;
  margin-bottom: 5px; }

#v-learner .learner-card {
  width: 48%;
  margin: 1% !important;
  padding: 1em;
  display: inline-block;
  position: relative;
  margin-bottom: 20px !important;
  min-height: 250px;
  border-radius: 10px !important; }

#v-learner .image-wrap-search img {
  width: 100%;
  height: 100%;
  border-radius: 50%; }

#v-learner .learner-list .details-wrapper {
  display: block;
  height: 200px; }

#v-learner .select2-container--disabled .selection .select2-selection {
  opacity: 0.5; }

#v-learner .select2-container--default .select2-search--inline .select2-search__field {
  margin-top: 0 !important;
  padding-top: 5px !important; }

#v-learner .no-results {
  text-align: center;
  padding-top: 2em;
  color: dimgray; }

#v-learner .learner-wrapper-list {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 20px;
  margin-bottom: 20px; }

#v-learner .profile-section.learner-list {
  background: white;
  margin-top: 10px !important;
  margin-bottom: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  border-bottom: 1px solid #f0f0f0; }

#v-learner .row.screen-toggles.learner-search-toggles {
  padding-right: 1%; }

#v-learner .learner-card .chat-button-area a {
  float: right;
  margin-right: 10px; }

#v-learner .learner-list .learner-details {
  width: 100%; }

#v-learner .learner-card .top-row {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between; }

@media screen and (max-width: 1000px) {
  #v-learner .learner-card {
    width: 95%;
    min-height: 1px !important;
    margin: 2.5% !important; }
  #v-learner .details-wrapper {
    position: static !important;
    padding-bottom: 1em; }
  #v-learner .skills {
    position: static !important; }
  @-moz-document url-prefix() {
    #v-learner .learner-card {
      margin: 10px 2.5% !important; } } }

.learner-list .top-row {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between; }

#v-learner .name-area {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

#v-learner .learner-card .chat-button-area {
  padding-top: 10px;
  float: right;
  margin-right: 10px; }

#v-learner .image-wrap-search {
  width: 60px;
  height: 60px; }

#v-learner .name-area a {
  color: #bea027;
  cursor: pointer; }

#v-learner .backgrounds-wrap {
  display: -ms-flexbox;
  display: flex;
  padding: 1.2em 1em 10px 1em;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 80%;
  height: 50%; }

#v-learner .learner-backgrounds {
  width: 50%; }

#v-learner p.name-background {
  color: #424040;
  font-size: 15px; }

#v-learner .skills {
  padding: 0 1em 0 1em;
  height: 35%; }

#v-learner .skills-item-wrap {
  display: -ms-flexbox;
  display: flex; }
  #v-learner .skills-item-wrap p {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 10px;
    color: #757575;
    font-size: 14px; }

#v-learner .learner-list .detail-background, #v-learner .skills-leftover {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-right: 10px;
  color: #757575;
  font-size: 14px; }

#v-learner h4.skills-title, #v-learner .learner-list .name-background {
  font-size: 16px !important;
  margin-top: 10px !important;
  margin-bottom: 10px !important; }

#v-learner .details-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 250px; }

#v-learner .learner-wrapper-list .learner-backgrounds {
  width: 33%; }

#v-learner .learner-wrapper-list .backgrounds-wrap {
  height: 50%;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding-top: 0;
  width: 100%; }

.jba2-btn-blue {
  background: #00a889 !important; }

#v-learner .chat-button-area a {
  margin-bottom: 5px; }

#v-learner .learner-list .chat-button-area {
  padding-top: 10px;
  float: right;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: auto; }

@media screen and (max-width: 400px) {
  #v-learner .chat-button-area button.jba2-btn {
    min-width: 0; } }

@media screen and (max-width: 768px) {
  #v-learner .skills-item-wrap p {
    font-weight: 400; }
  #v-learner .chat-button-area {
    float: right;
    width: auto; }
    #v-learner .chat-button-area a {
      float: right;
      margin-right: 10px; }
  #v-learner .learner-card .top-row {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  #v-learner .image-wrap-search {
    width: 40px;
    height: 40px;
    margin: 20px 10px !important; }
  #v-learner .name-wrap h4 {
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 80%;
    overflow: hidden; }
  #v-learner .name-wrap {
    max-width: 70%;
    overflow: hidden;
    width: 70%; }
  #v-learner .learner-backgrounds {
    width: 100%;
    padding-bottom: 20px; }
  #v-learner .backgrounds-wrap {
    width: 100% !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: auto !important;
    padding-bottom: 0 !important; }
  #v-learner .details-wrapper {
    height: auto; }
  #v-learner .skills {
    padding-top: 0;
    height: auto !important; } }

@media screen and (min-width: 769px) {
  #v-learner .learner-backgrounds:nth-child(2), #v-learner .learner-backgrounds:nth-child(3) {
    border-left: 2px solid dimgray;
    padding-left: 10px; } }

h5.talent-search-titles {
  font-weight: 700;
  margin-bottom: 2px !important; }

#talentEditUser .select2-container--default .select2-search--inline .select2-search__field {
  width: auto !important; }

.navbar-v2-list {
  background-color: #333;
  margin-top: 0px;
  display: block;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 0px;
  position: fixed;
  bottom: 0;
  z-index: 9999;
  height: 100%;
  width: 100px;
  float: left;
  text-align: center;
  padding-left: 0;
  padding-right: 0; }
  .navbar-v2-list a {
    font-size: 15px;
    text-align: center;
    margin: 0px;
    letter-spacing: 1px;
    font-weight: 400;
    line-height: normal;
    display: -ms-flexbox;
    display: flex;
    width: 100px;
    height: 70px;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff; }
    .navbar-v2-list a i {
      display: inline-block;
      border: none;
      margin: 0;
      transition: all .6s;
      font-size: 40px;
      opacity: 0.2; }
    .navbar-v2-list a.active, .navbar-v2-list a:hover, .navbar-v2-list a:focus {
      background-color: #bea027;
      color: #FFF;
      box-shadow: none;
      -ms-flex-direction: column;
      flex-direction: column;
      text-decoration: none; }
      .navbar-v2-list a.active i, .navbar-v2-list a:hover i, .navbar-v2-list a:focus i {
        opacity: 1;
        transition: all .6s;
        text-decoration: none;
        font-size: 28px; }
    .navbar-v2-list a span {
      display: inline-block;
      font-size: 0.9em !important;
      position: absolute;
      text-align: center; }

.jba3-simple-nav .jba3-header-dark-box .form-group label {
  color: #bea027 !important; }

.navbar-brand {
  margin-left: 100px; }

.navbar-v2-list a.active span,
.navbar-v2-list a:hover span, .navbar-v2-list a:focus span {
  position: relative;
  margin-top: 5px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  transform: none; }

#v-talent {
  margin-top: 20px; }

.jba2-btn-trans {
  color: #bea027 !important;
  font-weight: normal !important; }

.jba2-subnav-v2-wrap {
  width: 100%;
  position: relative;
  z-index: 10;
  margin-top: 65px; }
  .jba2-subnav-v2-wrap .jba2-subnav-v2 {
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #e2e2e2; }
    .jba2-subnav-v2-wrap .jba2-subnav-v2 .subnav-v2-list {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 0; }
    .jba2-subnav-v2-wrap .jba2-subnav-v2 a {
      padding: 5px 10px;
      margin: 10px;
      border-radius: 0px 10px 0px 10px; }
      .jba2-subnav-v2-wrap .jba2-subnav-v2 a.active {
        background: #bea027;
        color: white; }
    .jba2-subnav-v2-wrap .jba2-subnav-v2.subnav-grey-back a {
      border-bottom: 1px solid #bea027; }
      .jba2-subnav-v2-wrap .jba2-subnav-v2.subnav-grey-back a.active {
        color: #bea027;
        background: white; }
  .jba2-subnav-v2-wrap .job-btn {
    position: fixed;
    z-index: 10;
    bottom: 10%;
    right: 10%;
    padding: 10px 10px;
    margin: 10px;
    border-radius: 10px 0px 10px 0px;
    color: white;
    background: #a98e23;
    opacity: .5; }
    .jba2-subnav-v2-wrap .job-btn:hover {
      opacity: 1; }
    .jba2-subnav-v2-wrap .job-btn img {
      width: 20px; }

.new-course-detail h3 {
  color: #000000 !important;
  font-weight: 500 !important;
  font-family: inherit; }

.admin a.jba2-subnav-item {
  border: 1px #bea027 solid; }
  .admin a.jba2-subnav-item.active, .admin a.jba2-subnav-item:hover {
    color: #bea027;
    background-color: #f0f0f0; }

@media screen and (max-width: 767px) {
  .jba2-hamburger2 {
    display: -ms-flexbox;
    display: flex; }
  h1,
  .h1 {
    font-size: 25px; }
  .jba2-nav {
    padding: 0 10px; }
  .navbar-v2-list a {
    min-width: 110px;
    padding: 8px 0 8px 0px;
    font-size: 10px; }
  .navbar-v2-list a.active {
    padding: 8px 0 8px 0px; }
  .jba2-fullscreen-items {
    margin-top: 20px; }
  .navbar-v2-list {
    width: 100%;
    top: 65px;
    height: auto;
    overflow-y: scroll; }
  .jba2-hamburger2 .fa-times,
  .jba2-navbar {
    display: none; }
  .navbar-v2-list a,
  .navbar-v2-list a.active,
  .navbar-v2-list a:hover,
  .navbar-v2-list a:focus {
    width: 100%;
    border: 1px solid black; }
  .jba2-hamburger img {
    width: 45px;
    height: auto; }
  .navbar-v2-list a span {
    font-size: 1.5em !important; }
  .navbar-brand {
    margin-left: 0px; }
  .header-flex {
    position: initial !important; } }

input[type="text"].pHolder-color::-webkit-input-placeholder,
input[type="number"].pHolder-color::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #999; }

input[type="text"].pHolder-color::-moz-placeholder,
input[type="number"].pHolder-color::-moz-placeholder {
  /* Firefox 19+ */
  color: #999; }

input[type="text"].pHolder-color:-ms-input-placeholder,
input[type="number"].pHolder-color:-ms-input-placeholder {
  /* IE 10+ */
  color: #999; }

input[type="text"].pHolder-color:-moz-placeholder,
input[type="number"].pHolder-color:-moz-placeholder {
  /* Firefox 18- */
  color: #999; }

select.pHolder-color {
  color: #ccc; }

label.error {
  color: red; }

.form-group.flex.column {
  -ms-flex-direction: column;
  flex-direction: column; }
  .form-group.flex.column #address-error {
    -ms-flex-order: 4 !important;
    order: 4 !important; }

#jba2Listing .job-step, .double-tab .job-step {
  background-color: #a98e23;
  color: #fff;
  font-size: 20px;
  font-family: inherit;
  border-radius: 50%;
  border: 2px #a98e23 solid;
  margin-right: 16px;
  width: 50px;
  height: 50px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer; }
  #jba2Listing .job-step.active, .double-tab .job-step.active {
    background-color: #aaa;
    color: #fff;
    border-color: #aaa; }
  #jba2Listing .job-step .step, .double-tab .job-step .step {
    font-size: 11px;
    line-height: 14px; }

.job-loading {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 1020;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.5) !important;
  display: flex;
  top: 0;
  left: 0; }

body {
  background-color: #f0f0f0;
  font-family: Avenir Next , sans-serif; }

[v-cloak] .v-cloak--block {
  display: block; }

[v-cloak] .v-cloak--inline {
  display: inline; }

[v-cloak] .v-cloak--inlineBlock {
  display: inline-block; }

[v-cloak] .v-cloak--hidden {
  display: none; }

[v-cloak] .v-cloak--invisible {
  visibility: hidden; }

.v-cloak--block,
.v-cloak--inline,
.v-cloak--inlineBlock {
  display: none; }

.dropdown-wrapper {
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  right: 10px;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
  border-color: #8e8e8e transparent transparent transparent !important; }

.select2-container--open .dropdown-wrapper {
  border-width: 0px 4px 5px 4px;
  border-color: transparent transparent #bea027 transparent !important; }

.select2-selection__arrow {
  display: none !important; }

.note-editor .panel .btn-group {
  margin: 15px 0 30px; }

.employer.magenta {
  color: #D51A68 !important; }

.course-search-wrap {
  display: -ms-flexbox;
  display: flex; }

.course-search-wrap .input-group {
  width: 85%; }

.course-search-wrap .input-group-btn {
  display: inline-block;
  border: none;
  display: block; }

.js-course-search-keyword {
  border-radius: 5px !important;
  background: #fff !important;
  height: 35px; }

.width88 {
  width: 88%; }

a.jba2-navbar-item.active span {
  font-weight: 500 !important; }

a.jba2-subnav-item.active {
  font-weight: 500; }

.width66 {
  width: 66%; }

@media screen and (max-width: 900px) {
  .course-search-wrap {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center; }
  .course-search-wrap .input-group {
    width: 100%; }
  .course-search-wrap .input-group-btn {
    width: 100px;
    margin-left: 0;
    margin-top: 10px; }
  .width88 {
    width: 100%; }
  .width66 {
    width: 100%; } }

.modal-backdrop.in {
  filter: alpha(opacity=70) !important;
  opacity: .7 !important; }

.modal-backdrop + .modal-backdrop {
  opacity: 0 !important; }

div#welcomeModal .small {
  font-size: 100% !important; }

.note-btn-group {
  margin: 5px 5px 5px 0 !important; }

.note-btn-group.btn-group.note-fontsize {
  margin: 0 !important; }

.note-btn-group.btn-group.note-para .btn-group {
  margin-bottom: 0 !important;
  margin-top: 0 !important; }

.recommended .element-item {
  margin-bottom: 10px !important; }

@media screen and (max-width: 800px) {
  .modal-content {
    margin-top: 50px;
    margin-bottom: 50px; } }

.recommended .element-item2 {
  border-radius: 10px !important; }

.recommended .element-item2 .date-row {
  padding-left: 10px !important;
  padding-right: 10px !important; }

.recommended .element-item2 .col-pad10 {
  padding-left: 10px !important; }

button.jba2-btn.jba2-btn-lg.js-sy-pitch-save.border-r30 {
  margin-bottom: 10px; }

button.js-sy-pitch-skip {
  margin-bottom: 10px; }

button.jba2-btn.jba2-btn-lg.js-sy-pitch-save.border-r30[disabled] {
  background: #AFACAA !important; }

button.jba2-btn-lg.js-sy-pitch-skip[disabled] {
  background: #AFACAA !important;
  color: #f0f0f0;
  border: 1px solid transparent; }

.col-pad10 {
  padding-left: 10px !important; }

.col-pad-right10 {
  padding-right: 10px !important; }

.bradius10 {
  border-radius: 10px; }

.bkgrnd-pos {
  background-position: top center; }

.element-job-list .course-completed-banner {
  right: 0;
  transform: rotate(25deg) translateX(33px) translateY(-15px);
  z-index: 100; }

.element-job-list.learner {
  position: relative;
  overflow: hidden; }

@media screen and (max-width: 500px) {
  .bkgrnd-pos {
    background-position-x: 70%;
    background-position-y: 0; } }

@media screen and (max-width: 768px) {
  .list-toggle {
    display: none; }
  .job-form .select2 {
    width: 100% !important;
    margin-bottom: 16px; }
  #v-opportunity-list .col-xs-12.pl0.pr0.btn-group.d-flex.j-between {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  #v-opportunity-list .col-xs-12.pl0.pr0.btn-group.d-flex.j-between button {
    width: 48%;
    margin: 0 !important;
    margin-bottom: 10px !important; } }

.card-view {
  z-index: 49; }

.word-br {
  word-wrap: break-word; }

.jba2-btn.jba2-btn-w:focus {
  color: #bea027;
  text-decoration: none; }

.d-flex.flex0 {
  -ms-flex: 0;
  flex: 0; }

#bootstrap-override.btn-group .btn {
  background-color: #AFACAA !important;
  border-bottom: 3px solid #AFACAA !important; }

#bootstrap-override.btn-group .btn-secondary.active {
  background-color: #bea027 !important;
  border-color: #bea027 !important; }

.job-form .filter-btn {
  border-color: #000000;
  color: #000000; }

.job-form .filter-btn.btn-main {
  color: white; }

.form-textarea, .form-input, .form-select {
  border: 1px solid #323232;
  font-family: 'Avenir';
  font-weight: normal; }

.form-select:active, .form-select:hover, .form-select:focus, .form-textarea:hover, .form-textarea:active, .form-textarea:focus, .form-input:hover, .form-input:active, .form-input:focus, .select2-selection:hover, span.select2.select2-container.select2-container--default.select2-container--below.select2-container--open .select2-selection {
  border-color: #bea027;
  border-width: 1px; }

.form-textarea:-ms-input-placeholder, .form-select:-ms-input-placeholder, .form-input:-ms-input-placeholder {
  font-style: italic;
  font-weight: normal;
  color: #999; }

.form-textarea::placeholder, .form-select::placeholder, .form-input::placeholder {
  font-style: italic;
  font-weight: normal;
  color: #999; }

.italic-light {
  font-weight: lighter;
  font-style: italic; }

.select2 {
  font-family: 'avenir'; }

.select2-container--default .select2-results__option .select2-results__option {
  font-family: 'avenir';
  font-weight: normal; }

.form-input:focus + label, .form-textarea:focus + label, .form-select:focus + label, .hover-color-inputs, .form-input:hover + label, .form-textarea:hover + label, .form-select:hover + label, label.hover-effect:hover .highlighter {
  color: #bea027 !important;
  font-weight: 500; }

.disabled-input {
  background: transparent;
  border-radius: 5px;
  font-weight: normal;
  border-width: 1px;
  border-color: #AFACAA;
  color: #AFACAA; }

.disabled-input .fa {
  float: right;
  padding-top: 2px; }

.note-editor.note-frame .note-editing-area .note-editable {
  background: #fff !important; }

.note-editor.note-frame .note-editing-area .note-editable {
  background-color: #fff !important; }

.note-editor.note-frame.panel.panel-default {
  background-color: transparent !important;
  border-color: #8e8e8e;
  border-radius: 5px !important; }

.note-statusbar {
  background-color: transparent !important; }

.select2-container--disabled {
  pointer-events: none !important;
  cursor: not-allowed;
  background: transparent !important; }

.input-wrapper.disabled {
  position: relative; }

.border-bold {
  border-width: 1px !important;
  border-color: #323232 !important; }

.form-control[disabled], fieldset[disabled] .form-control {
  background: transparent !important;
  border-color: rgba(50, 50, 50, 0.6) !important;
  color: rgba(50, 50, 50, 0.6) !important;
  pointer-events: none !important;
  cursor: not-allowed !important; }

.select2-container--disabled .select2-selection {
  background: transparent !important;
  border-color: rgba(50, 50, 50, 0.6) !important;
  color: rgba(50, 50, 50, 0.6) !important;
  border-radius: 5px !important; }

.select2-container--disabled .select2-selection::before, .input-wrapper.disabled:before {
  content: '\f023';
  font-family: 'FontAwesome';
  float: right;
  position: absolute;
  right: 10px;
  top: 5px;
  color: rgba(50, 50, 50, 0.6); }

.magenta {
  color: #bea027 !important;
  border-color: #bea027 !important; }

.form-input.disabled {
  pointer-events: none;
  border-width: 1px !important;
  border-color: rgba(50, 50, 50, 0.6) !important; }

.form-input.disabled:hover {
  pointer-events: none;
  border-width: 1px !important;
  border-color: rgba(50, 50, 50, 0.6) !important; }

.form-input.disabled:hover + label {
  color: rgba(50, 50, 50, 0.6) !important;
  font-weight: normal !important; }

.disabled-label, .disabled-label:hover {
  color: rgba(50, 50, 50, 0.6) !important;
  font-weight: normal !important; }

.form-input.disabled:-ms-input-placeholder {
  color: rgba(50, 50, 50, 0.6) !important; }

.form-input.disabled::placeholder {
  color: rgba(50, 50, 50, 0.6) !important; }

.jba2-input-bold-text {
  font-weight: 500 !important; }

.jbanew-course-card .element-item-text {
  height: 70px !important;
  display: block !important; }
  .jbanew-course-card .element-item-text .course-name {
    font-size: 16px; }
  .jbanew-course-card .element-item-text .course-time {
    font-size: 12px;
    line-height: normal;
    color: black;
    margin: 3px 0; }
  .jbanew-course-card .element-item-text .rating {
    unicode-bidi: bidi-override;
    direction: rtl; }
    .jbanew-course-card .element-item-text .rating .star {
      float: left;
      margin-right: 5px; }
    .jbanew-course-card .element-item-text .rating .fa-star-o {
      font-size: 14px;
      color: #323232; }
    .jbanew-course-card .element-item-text .rating .fa-star {
      color: #323232;
      font-size: 14px; }
  .jbanew-course-card .element-item-text .course-completed {
    font-size: 12px;
    color: black;
    position: relative;
    right: 0; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .jbanew-carousel .element-item .element-item-text .course-completed, .jbanew-course-card .element-item-text .course-completed {
    position: absolute;
    top: 0; } }

.larger {
  font-size: 16px; }

.line-height-larger {
  line-height: 1.5; }

.text-grey-lighter {
  color: #999; }

.bg-survey-blue {
  background-color: #029dd9; }

.bg-blue-title {
  background-color: #3fa9f5; }

.bg-orange-title {
  background-color: #F68C32; }

.bg-green-title {
  background-color: #00BF51; }

.msd-orange-text {
  color: #F68C32; }

.btn-blue {
  background-color: #3fa9f5; }
  .btn-blue:hover {
    background-color: #0f93f2;
    border-color: #0c8eeb; }

.triangle-title {
  padding: 15px 3em 15px 25px;
  min-width: 300px; }
  .triangle-title:after {
    content: '';
    position: absolute;
    right: -63px;
    top: 0;
    width: 0;
    height: 0;
    clear: both;
    border-top: 31.5px solid transparent;
    border-right: 31.5px solid transparent;
    border-bottom: 31.5px solid;
    border-left: 31.5px solid; }
  .triangle-title.bg-blue-title:after {
    border-bottom-color: #3fa9f5;
    border-left-color: #3fa9f5; }
  .triangle-title.bg-orange-title:after {
    border-bottom-color: #F68C32;
    border-left-color: #F68C32; }
  .triangle-title.bg-green-title:after {
    border-bottom-color: #00BF51;
    border-left-color: #00BF51; }

@media (max-width: 767px) {
  .triangle-title {
    font-size: 20px;
    width: calc(100% - 52px); }
    .triangle-title:after {
      right: -52px;
      border-top: 26px solid transparent;
      border-right: 26px solid transparent;
      border-bottom: 26px solid;
      border-left: 26px solid; } }

#get-start-block .btn {
  padding-top: 10px;
  padding-bottom: 10px;
  min-width: 180px; }

#survey-logo {
  background-image: url(../../images/theme-msd/survey/msd-survey-logo.png);
  width: 200px; }

#survey-page .welcome-header {
  background-image: url(../../images/theme-msd/survey/header-banner.png);
  background-position: left;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 210px; }

#survey-page .btn-start-survey {
  font-size: 26px; }

.smcx-embed {
  min-width: 100vw !important;
  width: 100vw !important;
  height: calc(100vh - 62px) !important; }

.smcx-embed > .smcx-iframe-container {
  min-width: 100vw !important;
  width: 100vw !important;
  height: calc(100vh - 62px) !important; }

#loadingModal {
  z-index: 999999; }

.btn-survey-blue {
  background-color: #029dd9;
  color: white; }
  .btn-survey-blue:hover, .btn-survey-blue:focus {
    background-color: #028bc0;
    text-decoration: none;
    color: white; }

#loadingModal img {
  vertical-align: middle !important; }

@media (max-width: 768px) {
  #survey-logo {
    left: calc(50% - 100px); }
  #survey-page .welcome-header {
    min-height: inherit; } }

.site-wrapper {
  background-image: none; }

.hide-msd {
  display: none; }

.bg-none {
  background-color: transparent !important; }

.chat-tab {
  top: auto !important;
  bottom: 20%; }

@media screen and (max-width: 768px) {
  .chat-tab {
    border-radius: 10px 0 10px 0;
    top: auto !important;
    bottom: 10% !important;
    left: 5% !important;
    right: 100% !important;
    transform: none !important;
    width: 100px !important;
    text-align: center;
    z-index: 1;
    margin-top: 0;
    opacity: .75; }
    .chat-tab:hover {
      opacity: 1; } }

.list-disc li {
  list-style-type: disc; }

.jba2-navbar {
  width: auto; }

.navbar-v2-list {
  min-width: 150px; }
  .navbar-v2-list a {
    width: 100%; }

@media (min-width: 768px) {
  .jba2-mobile-container-header-allowance {
    width: 100%;
    padding-left: 150px !important; } }

@media (max-width: 767px) {
  .jba2-mobile-container-header-allowance {
    margin-top: 50px; } }

.instance-log-size a img {
  width: 160px !important; }

.btn-icon-orange {
  background-color: #000000 !important; }

.navbar-brand {
  background-image: url("../../images/theme-msd/logo.png");
  width: 70px;
  min-width: 0; }

.logo-text {
  font-size: 25px;
  font-family: 'Lora', serif; }

.jba2-nav {
  background-color: #4c4d53;
  box-shadow: 1px 1px 5px #888888;
  height: 70px;
  -ms-flex-align: center;
  align-items: center; }

.jba2-hamburger i, .jba2-fullscreen-close {
  color: #fff !important; }

.flex-center.nav-wrap {
  top: 15px;
  right: 10px; }

.highlighter, .hover-effect, .hover-effect.bold, .highlighter.bold {
  font-weight: normal !important; }

.profile-personal-information .select2-selection {
  border: 0.5px solid #323232 !important;
  background: transparent !important; }

.form-group.flex .bold {
  font-weight: normal !important; }

.hover-effect.highlighter:hover {
  color: #323232 !important; }

.alert.review-box {
  margin-top: 16px; }

a {
  color: #bea027; }
  a:hover, a:focus {
    color: #bea027; }

.jba2-hamburger i, .jba2-fullscreen-close {
  color: #fff; }

.jba2-desktop-menu {
  top: 0;
  margin-top: 70px; }

.jba2-fullscreen-close {
  background-color: #bea027;
  height: 70px; }

.pagination li a {
  color: #bea027;
  border-color: #bea027; }

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
  background-color: #bea027;
  border-color: #bea027; }

#newListing .modal-header.row.ml0.mr0.d-flex.a-center, #editListing .modal-header.row.ml0.mr0.d-flex.a-center, .purple-header-db {
  background-color: #fff !important;
  color: #bea027 !important; }

#editCommentModal .purple-header-db, #deleteCommentModal .purple-header-db {
  background-color: #fff !important; }

.media {
  background-color: #f2f2f2 !important; }

.magenta {
  color: #bea027 !important; }

.register-tab-row a {
  background-color: rgba(255, 255, 255, 0.3);
  color: #f0f0f0; }
  .register-tab-row a.active, .register-tab-row a:hover {
    background-color: #f0f0f0;
    color: #bea027; }

.jba2-btn {
  background-color: #bea027; }
  .jba2-btn:hover {
    background-color: #a98e23; }

.register-container {
  background-color: #f0f0f0; }

.jba2-btn-tab {
  color: #bea027;
  border-color: #bea027; }
  .jba2-btn-tab.active, .jba2-btn-tab:hover {
    background-color: #bea027;
    border-color: #bea027; }

.form-input:focus + label, .form-textarea:focus + label, .form-select:focus + label, .hover-color-inputs, .form-input:hover + label, .form-textarea:hover + label, .form-select:hover + label, label.hover-effect:hover .highlighter {
  color: #bea027 !important; }

/*background-color: $main-color;*/
.profile-header-bar, .profile-header-number {
  background-color: #bea027; }

.jba2-header {
  border-bottom: 1px #bea027 solid; }

.buttons-purple-bkgrnd .jba2-btn {
  background-color: #bea027; }
  .buttons-purple-bkgrnd .jba2-btn:hover {
    background-color: #1a1a1a; }

.screen-toggles .d-flex.j-around {
  -ms-flex-pack: end;
  justify-content: flex-end; }
  .screen-toggles .d-flex.j-around .viewButton {
    width: 40px; }
    .screen-toggles .d-flex.j-around .viewButton:last-child {
      margin-left: 20px; }
    .screen-toggles .d-flex.j-around .viewButton img {
      width: 100%; }

.btn-group .bbtn.toggle-staff-btn.publish, button.bbtn.btn-default.dropdown-toggle.toggle-staff-btn.btn-main, .filter-btn.btn-main {
  background-color: #bea027 !important; }

.form-control:hover, .form-control:focus, .form-control:active {
  border-color: #bea027 !important; }

.form-select:active, .form-select:hover, .form-select:focus, .form-textarea:hover, .form-textarea:active, .form-textarea:focus, .form-input:hover, .form-input:active, .form-input:focus, .select2-selection:hover, span.select2.select2-container.select2-container--default.select2-container--below.select2-container--open .select2-selection {
  border-color: #bea027 !important; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  color: #f0f0f0;
  background-color: #AFACAA !important; }

.select2-container--default.select2-container--open .select2-selection__arrow b, .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #bea027 transparent !important; }

.select2-container--default:hover .select2-selection__arrow b, .select2-container--default:active .select2-selection__arrow b {
  border-color: #bea027 transparent transparent transparent !important; }

h2.profile-headers {
  word-wrap: break-word; }

.profile-header-number:hover {
  background-color: #a98e23; }

.edit-item {
  color: #bea027; }

.skills-flex i {
  color: #bea027; }

.profile-section .purple-header-db {
  background-color: white !important; }
  .profile-section .purple-header-db h3 {
    color: #fff !important; }

.profile-section .post-description {
  background-color: #6a626d !important; }

.btn-group .jba2-btn {
  background-color: #fff;
  color: #bea027;
  font-weight: 500; }
  .btn-group .jba2-btn:hover {
    color: #bea027 !important;
    background-color: #ddd; }

.btn-group .form-select {
  border: 1px solid #8e8e8e !important;
  color: #323232; }
  .btn-group .form-select:hover {
    border-color: #8e8e8e; }

.jba2-profile-modal.jba2-modal .modal-header {
  background-color: #bea027 !important; }
  .jba2-profile-modal.jba2-modal .modal-header h3 {
    color: #fff; }

.jba2-btn-w {
  color: #fff;
  border-color: #bea027; }

.element-job-list .jba2-main-text, .jba2-save {
  color: red !important; }

.hidden-upload-container {
  display: none; }

.sgb-right .jba2-sgb .jba2-sgb-empty span {
  font-size: 11px; }

.modal-body .panel-heading {
  background: #f0f0f0 !important; }
  .modal-body .panel-heading h3.text-tertiary {
    color: #bea027 !important; }

h3.jd-heading {
  color: #323232 !important; }

.pitch-submit-buttons .jba2-btn-w {
  color: #bea027;
  border-color: #bea027; }
  .pitch-submit-buttons .jba2-btn-w:hover {
    color: #fff; }

.filter-wrapper label {
  display: block !important; }

.wrapper-exercise .menu-bar__item .text-main {
  color: #fff !important;
  font-weight: normal !important; }

.wrapper-exercise .menu-bar__item .fa {
  color: #fff !important; }

.post .post-description p {
  color: #bea027 !important; }

.post-description .white-text {
  color: #bea027 !important; }

.table-filter .media .title {
  color: #bea027; }

.panel-default > .panel-heading {
  background-color: white !important; }

.container {
  background-color: #f0f0f0; }
  .container.progressContainer {
    margin-top: 0;
    background-color: transparent; }

.jba2-navbar-v2-wrap {
  width: 100%;
  position: relative; }
  .jba2-navbar-v2-wrap .jba2-navbar-v2.active {
    background: #bea027; }

.seasonal-logo {
  margin-left: 100px; }

.jba2-nav-dropdown p {
  color: #fff; }

.container {
  background-color: #f0f0f0; }
  .container.progressContainer {
    margin-top: 0;
    background-color: transparent; }

.jba2-header:before {
  background: none; }

.admin-create-btn {
  margin: 16px; }

.faction-crumb.active .crumb-right-arrow {
  border-left: 15px solid #bea027 !important; }

.faction-crumb.active .crumb-left-arrow {
  background: #bea027 !important; }

.faction-crumb.active p {
  background: #bea027 !important; }

.groups-sidebar-items p:hover, .groups-sidebar-items p.active {
  color: #bea027 !important; }

.talent-cards {
  -ms-flex-pack: center;
  justify-content: center; }

@media screen and (max-width: 767px) {
  .talent-cards .talent-card {
    width: 47%; }
  .seasonal-logo {
    margin-left: 0; } }

@media screen and (max-width: 400px) {
  .jba2-nav .logo-text {
    display: none; }
  .admin-create-btn {
    margin-left: 8px;
    margin-right: 0; }
    .admin-create-btn button {
      font-size: 11px; }
  .talent-cards .talent-card {
    width: 100%; } }

.jba2-btn.jba-color {
  background-color: #D51A68; }
  .jba2-btn.jba-color:hover {
    background-color: #6C1F5D; }

.classification-title {
  padding: .5em 3em .5em .5em; }

.seasons-report {
  border-radius: 10px; }
  .seasons-report input, .seasons-report textarea {
    border-radius: 10px;
    border: 0;
    width: 98%;
    margin: 0 1% 8px;
    color: #323232; }
  .seasons-report .seasons-report-text {
    padding: 0 35px;
    font-weight: 100;
    font-size: 14px; }

@media screen and (max-width: 400px) {
  .seasons .seasons-report-text {
    padding: 0 16px; } }

#welcome.container {
  margin-bottom: 50px; }
  #welcome.container .jba2-page-title {
    min-width: auto; }
  #welcome.container .welcome-header {
    background-image: url(../../images/theme-msd/banner1.png);
    background-attachment: fixed;
    background-position: left;
    background-size: cover; }
    #welcome.container .welcome-header .welcome-back {
      position: absolute;
      background-image: linear-gradient(125deg, rgba(255, 192, 203, 0.8), rgba(134, 223, 136, 0.8), rgba(135, 206, 235, 0.8));
      width: 100%;
      height: 100%; }
    #welcome.container .welcome-header p {
      color: #fff;
      font-size: 16px;
      line-height: normal;
      padding: 10px; }
    #welcome.container .welcome-header .video-wrap {
      padding: 10px;
      background-color: #fff; }
    #welcome.container .welcome-header .text-back {
      background: rgba(0, 0, 0, 0.4);
      padding: 20px;
      border-radius: 20px 0 20px 0 /100%; }
  #welcome.container .gs-box-wrap {
    margin-bottom: 16px; }
    #welcome.container .gs-box-wrap .gs-box {
      width: 240px;
      border-radius: 10px;
      background-color: #bea027;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-align: center;
      align-items: center;
      padding: 2em 2em 1em;
      margin-bottom: 1em;
      color: #fff; }
      #welcome.container .gs-box-wrap .gs-box:hover {
        color: #fff !important; }
  #welcome.container .gs-flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around; }
    #welcome.container .gs-flex div {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-align: center;
      align-items: center; }
  #welcome.container .welcome-text h2 {
    font-size: 40px;
    font-weight: 700;
    color: #fff;
    padding: .1em .4em; }

@media screen and (max-width: 400px) {
  #welcome.container .title-pad {
    padding: 1em; }
  #welcome.container .welcome-text h2 {
    font-size: 30px; } }

@media screen and (max-width: 540px) {
  #welcome.container .gs-flex {
    display: block; } }

@media screen and (max-width: 767px) {
  #welcome.container .welcome-header {
    text-align: center; }
  #welcome.container .gs-box-wrap {
    margin-left: 8.333%;
    padding-left: 15px; } }

@media screen and (min-width: 992px) {
  #welcome.container .jba2-md-flex {
    display: -ms-flexbox;
    display: flex;
    margin: 0 !important; }
  #welcome.container .gs-box-wrap .gs-box {
    margin: .5em;
    width: 180px; }
  #welcome.container .qrc-course .col-xs-12 {
    width: auto; }
  #welcome.container .pad-3 {
    padding: 0 3em; } }

#welcome .subtitle {
  letter-spacing: 1px; }

.msd-blog-nav {
  padding: 10px 15px;
  font-size: 16px;
  color: #000; }
  .msd-blog-nav:hover, .msd-blog-nav.active {
    color: #bea027; }

.jba2-page-title-marketing {
  padding: 1em 2em 1em 1em; }

h1.f-asar {
  font-family: 'Lora', serif !important; }

.locked {
  pointer-events: none;
  background: grey; }

.n-outline {
  outline: none; }

input:focus {
  outline: none; }

[v-cloack] > * {
  display: none; }

[v-cloak]::before {
  content: " "; }

#msd {
  background-color: #f0f0f0;
  max-width: 1200px;
  margin: 0 auto; }
  #msd .filter-btn {
    background-color: transparent; }
  #msd h1 {
    font-family: "Merriweather", serif !important;
    font-weight: 500;
    font-size: 4rem; }
  #msd h3 {
    color: #000000 !important;
    font-size: 20px; }
  #msd p {
    font-size: 17px; }
  #msd .element-job-list {
    width: auto !important; }
  #msd .jba2-squiggle-button {
    background-color: transparent;
    background-image: url("../../images/theme-msd/buttonFilled.svg");
    background-size: 100% 100%;
    color: white;
    font-size: 18px;
    padding: .5em 1.5em;
    border: none;
    min-width: 110px;
    cursor: pointer;
    transform: scale(1);
    transition: transform 0.2s;
    line-height: normal; }
  #msd .jba2-hollow-squiggle-button {
    background-image: url("../../images/theme-msd/buttonOutline.svg");
    color: #D61A69; }
  #msd .jba2-squiggle-button:hover {
    background-image: url("../../images/theme-msd/buttonFilledHover.svg");
    color: white;
    text-decoration: none; }
  #msd .jba2-hollow-squiggle-button:hover {
    background-image: url("../../images/theme-msd/buttonFilled.svg") !important;
    color: white;
    text-decoration: none; }
  #msd .jba2-squiggle-button:active {
    transform: scale(0.9); }
  #msd .jba2-squiggle-button-sm {
    font-size: 15px; }
  #msd .jba2-squiggle-button-lg {
    font-size: 25px; }
  #msd section {
    margin-bottom: 50px;
    padding: 16px 30px 0; }
  #msd .msd-xs-mb {
    margin-bottom: 16px; }
  #msd .content-box {
    display: block;
    width: 98%;
    margin: 1%;
    height: 300px;
    overflow-y: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    text-decoration: none;
    background-size: cover;
    background-position: center; }
    #msd .content-box .back {
      display: none; }
    #msd .content-box:hover .back, #msd .content-box:active .back, #msd .content-box:focus .back {
      display: block; }
    #msd .content-box .industry-text {
      padding: 1em 2em 2em; }
      #msd .content-box .industry-text h3 {
        color: #f0f0f0 !important; }
    @media screen and (min-width: 1024px) {
      #msd .content-box.ind5 {
        overflow-y: inherit; } }
  #msd .slider-text h1 {
    text-shadow: 0 1px 1px #000;
    margin-bottom: 1em;
    font-size: 2rem; }
  #msd .slider-text .jba2-squiggle-button-lg {
    font-size: 13px; }
  #msd .slick-dotted.slick-slider {
    margin: 0; }
  #msd .white-back-color {
    background-color: #fff; }
  #msd .h80 {
    height: 80%;
    top: 20px; }
  #msd .content-box.ind1 {
    background-image: url(../../images/theme-msd/industry1/1.png); }
  #msd .content-box.ind1:hover {
    background-image: url(../../images/theme-msd/industry1/2.png); }
  #msd .content-box.ind2 {
    background-image: url(../../images/theme-msd/industry2/1.png); }
  #msd .content-box.ind2:hover {
    background-image: url(../../images/theme-msd/industry2/2.png); }
  #msd .content-box.ind3 {
    background-image: url(../../images/theme-msd/industry3/1.png); }
  #msd .content-box.ind3:hover {
    background-image: url(../../images/theme-msd/industry3/2.png); }
  #msd .content-box.ind4 {
    background-image: url(../../images/theme-msd/industry4/1.png); }
  #msd .content-box.ind4:hover {
    background-image: url(../../images/theme-msd/industry4/2.png); }
  #msd .content-box.ind5 {
    background-image: url(../../images/theme-msd/industry5/1.png); }
  #msd .content-box.ind5:hover {
    background-image: url(../../images/theme-msd/industry5/2.png); }
  #msd .content-box.ind6 {
    background-image: url(../../images/theme-msd/industry6/1.png); }
  #msd .content-box.ind6:hover {
    background-image: url(../../images/theme-msd/industry6/2.png); }
  #msd .content-box.ind7 {
    background-image: url(../../images/theme-msd/industry7/1.png); }
  #msd .content-box.ind7:hover {
    background-image: url(../../images/theme-msd/industry7/2.png); }
  #msd .content-box.ind8 {
    background-image: url(../../images/theme-msd/industry8/silviculture.png); }
  #msd .content-box.ind8:hover {
    background-image: url(../../images/theme-msd/industry8/silviculture-dark.png); }
  #msd .content-box.ind9 {
    background-image: url(../../images/theme-msd/industry9/retail.png); }
  #msd .content-box.ind9:hover {
    background-image: url(../../images/theme-msd/industry9/retail-dark.png); }
  #msd .close-date {
    -ms-flex-pack: start;
    justify-content: flex-start; }
  #msd .msd-dot {
    top: 0;
    right: 0; }
    @media screen and (min-width: 768px) {
      #msd .msd-dot {
        top: -20px;
        right: -35px; } }
  #msd .slick-dots {
    z-index: 25;
    top: 42vw;
    display: none; }
    #msd .slick-dots li button:before {
      font-family: FontAwesome;
      content: "\f111";
      color: #fff;
      opacity: 1; }
    #msd .slick-dots li.slick-active button:before {
      font-family: FontAwesome;
      font-size: 10px;
      color: #fff;
      content: "" !important; }
    @media screen and (min-width: 1200px) {
      #msd .slick-dots {
        top: 500px; } }
  #msd .slide-text {
    animation-name: fadeInRight;
    animation-duration: .5s; }
  @media screen and (min-width: 768px) {
    #msd .close-date {
      -ms-flex-pack: end;
      justify-content: flex-end; }
    #msd .slider-text h1 {
      text-shadow: 0px 1px 1px #000;
      margin-bottom: 3em;
      font-size: 4rem; }
    #msd .slider-text .jba2-squiggle-button-lg {
      font-size: 25px; }
    #msd .text-pad {
      padding: 0 3em; }
    #msd .msd-flex {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
    #msd .msd-xs-mb {
      margin-bottom: 0; }
    #msd .content-box {
      width: 47%; }
    #msd .slick-dots {
      display: block; } }
  @media screen and (max-width: 479px) {
    #msd p {
      font-size: 15px; }
    #msd h3 {
      font-size: 17px;
      margin-top: 0; }
    #msd .content-box {
      height: 45vw; }
      #msd .content-box .industry-text {
        padding: 1em; } }

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    transform: none; } }

#seasonalPeaks .bor-line-break {
  border-bottom: 1px #888 solid;
  margin-bottom: 10px;
  margin-top: 10px; }

#seasonalPeaks .calendar-desk {
  display: none; }

#seasonalPeaks .calendar-mobile {
  display: block; }

@media (min-width: 768px) {
  #seasonalPeaks .calendar-desk {
    display: table; }
  #seasonalPeaks .calendar-mobile {
    display: none; } }

#seasonalPeaks .industry-icons {
  display: inline-block; }
  #seasonalPeaks .industry-icons strong {
    line-height: 25px; }
  #seasonalPeaks .industry-icons img {
    margin-right: 4px; }

#seasonalPeaks .work-description {
  position: absolute;
  background-color: white;
  border-radius: 5px;
  box-shadow: 0 2px 2px rgba(50, 50, 50, 0.75);
  top: 40px;
  z-index: 1;
  padding: .5em 1em;
  display: none;
  font-size: 12px; }
  #seasonalPeaks .work-description.left {
    right: 0; }
  #seasonalPeaks .work-description.mw200 {
    min-width: 200px; }
  #seasonalPeaks .work-description.mw100 {
    min-width: 150px; }

#seasonalPeaks .table > tbody > tr > td, #seasonalPeaks .table > tbody > tr > th {
  text-align: center;
  position: relative; }

#seasonalPeaks .table > tbody > tr > th > img, #seasonalPeaks .table > tbody > tr > td > img, #seasonalPeaks .industry-icons img {
  width: 25px; }

@media screen and (min-width: 768px) {
  #seasonalPeaks .modal-dialog {
    width: auto; } }

.blog-post .content .post-title h1 {
  font-size: 50px;
  font-weight: bold; }

.blog-post .content .post-title .post-meta .post-detail {
  font-size: 13px; }

.blog-post .content .post-content p {
  margin-bottom: 40px; }

.blog-post .next-post .next-post-img .post-container .content h2 {
  font-size: 36px;
  font-weight: bold; }

h1 {
  font-size: 36px; }

a.jba2-btn.jba2-signin:hover {
  color: #f0f0f0 !important;
  background-color: #bea027 !important;
  border: 1px #bea027 solid !important; }

.horticulture-color {
  color: #38b54a; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .seasonal-icons .image-wrap {
    -ms-flex: 25%;
    flex: 25%; } }

@media screen and (max-width: 400px) {
  .seasonal-icons .image-wrap p {
    font-size: 10px !important; } }

.season-keys span {
  width: 10px;
  height: 10px; }

.season-keys span.low {
  background-color: #16BFCE; }

.season-keys span.med {
  background-color: #2EAF2B; }

.season-keys span.high {
  background-color: #178ACE; }

.season-keys span.vhigh {
  background-color: #D22027; }

.industry-pop {
  display: none;
  position: absolute;
  min-width: 300px;
  bottom: 100%;
  background-color: #ddd;
  padding: .5em;
  border-radius: 20px 20px 20px 0px; }

.industry-logo .image-wrap {
  position: relative;
  width: 16%;
  margin: .5% 0; }

.industry-logo .quote-author img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateY(-50%) translateX(-50%); }

.industry-logo .image-wrap.msd-company:hover .industry-pop.msd-company {
  display: block; }

.industry-logo .image-wrap.msd-company:hover .industry-pop.last {
  right: 0;
  border-radius: 20px 20px 0px 20px; }

@media screen and (max-width: 399px) {
  .industry-logo .image-wrap {
    width: 100%; } }

@media (min-width: 400px) and (max-width: 767px) {
  .industry-logo .image-wrap {
    width: 49%; }
    .industry-logo .image-wrap .industry-pop.right {
      right: 0;
      border-radius: 20px 20px 0px 20px; } }

@media (min-width: 768px) and (max-width: 991px) {
  .industry-logo .image-wrap {
    width: 24%; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .industry-logo {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important; } }

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  background-color: #bea027; }

.ps-relative {
  position: relative; }

.btn-grey {
  background-color: #999999;
  border-bottom: 0;
  cursor: default; }

.text-grey {
  color: #777; }

.text-dark-grey {
  color: #666; }

.text-disable {
  color: graytext; }

.box-middle {
  top: 50%;
  transform: translateY(-50%); }

.hover-primary:hover, .hover-primary:focus {
  color: white;
  background-color: #a98e23; }

.line-height-large {
  line-height: 2; }

.highest-index {
  z-index: 10000; }

select.filters-select-3 {
  -moz-appearance: none !important;
  -webkit-appearance: none !important; }

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000; }

#job-match-section {
  z-index: 10050; }
  #job-match-section h3 {
    line-height: 1.5; }
  #job-match-section .jba2-btn {
    border-radius: 5px; }

.job-match-section .slick-slide {
  min-height: 50vh; }

.job-match-section .progress .progress-bar {
  overflow: hidden; }

.job-match-section .progress .stripe {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px; }

@media (max-width: 767px) {
  .job-match-section .slick-slide {
    min-height: 30vh; } }

.job-match-form .select-box select {
  cursor: pointer;
  text-align-last: center;
  background-color: white;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: ''; }
  .job-match-form .select-box select:not(:-internal-list-box) {
    background-color: white; }

.job-match-form .select-box input:not(:checked) {
  cursor: pointer; }

.job-match-form .select-box input[type="radio"] {
  width: 100%;
  opacity: 0.011;
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }
  .job-match-form .select-box input[type="radio"]:checked + label {
    background-color: #bea027; }

.job-match-form .select-box label {
  cursor: pointer;
  z-index: 90; }

.job-match-form :focus {
  outline-color: transparent; }

.sgb-right .sgb-table {
  overflow-x: auto; }

.modal-subnav button {
  width: auto;
  min-width: 130px; }
  .modal-subnav button.active, .modal-subnav button:hover, .modal-subnav button:focus {
    width: auto;
    min-width: 130px; }

.location-lists li:hover {
  background-color: inherit;
  cursor: inherit; }

.location-lists li span:hover {
  background-color: #ccc;
  cursor: pointer; }

#editCalendar {
  z-index: 1060; }