/* @group Survey Bar
------------------------------------ */
.survey_container { background: #6aa1a1; position: fixed; bottom: -100vh; width: 100%; left: 0; z-index: 1000000;
  -webkit-transition: max-height 0.3s linear, bottom .3s linear;
  -moz-transition: max-height 0.3s linear, bottom .3s linear;
  -ms-transition: max-height 0.3s linear, bottom .3s linear;
  -o-transition: max-height 0.3s linear, bottom .3s linear;
  transition: max-height 0.3s linear, bottom .3s linear;
  transition: bottom 0.5s ease-in-out;
}
.showMeSurvey .survey_container:not(.hiddenBar) { bottom: 0; }
.survey_container .row.center {}
.survey_container .row::before,
.survey_container .row::after { content: none; }
.survey_container .close {
    position: absolute;
    top: 36px;
    right: 59px;
    color: #ffffff;
    font-size: 69px;
    -webkit-text-stroke: 14px #6aa1a1;
    opacity: 1;
    text-shadow: 3px 3px 0 #6aa1a1, -1px -1px 0 #6aa1a1, 1px -1px 0 #6aa1a1, -1px 1px 0 #6aa1a1, 1px 1px 0 #6aa1a1;
    z-index: 4;
}
.survey_container h2 { color: #ffffff; font-family: 'Yeseva One'; font-size: 46px; letter-spacing: .025em; margin: 0 0 20px; text-transform: none; }
.survey_container p { font-family: 'Proxima Nova Lt'; color: #ffffff; font-size: 18px; line-height: 27px; margin: 0 0 41px; }
.survey_container .bttn { background: #35475d; padding: 7px 31px 6px 32px; display: inline-block; border-radius: 30px; color: #fff; font-size: 12px; letter-spacing: 2px; margin: 0 15px; border: none; height: 50px; }
.survey_container .bttn:hover { background: #fff; color: #36485D; }
.survey_container .bttn.bttn-transparent { background: transparent; color: #fff; border: 1px solid #fff; }
.survey_container .bttn.bttn-transparent:hover { color: #fff; background-color: #35475d; }
.survey_container.hidden_banner { bottom: -100%; }
.survey_container textarea,
.survey_container select,
.survey_container input,
.survey_container option,
.survey_container button {
	background: none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border: none;
	padding: 0;
}
.survey_container .form-box input[type="radio"],
.survey_container .form-box input[type="checkbox"] { position: absolute; left: -100vw; }
.survey_container ul { list-style: none; margin: 0; padding: 0; }
.survey_container .form-box li { position: relative; }

/* Form
----------------------*/
.survey_container fieldset p { font: 600 28px / 30px 'Proxima Nova Rg'; margin: 0 0 46px; max-width: 816px; }
.survey_container fieldset[data-question="534206257"] p { font-size: 20px; line-height: 26px; max-width: 80%; margin: 0 0 26px; }
.survey_container fieldset[data-question="534206257"] p a { color: rgba(53,71,93,1); text-decoration: underline; }

.survey_container fieldset input[type="text"],
.survey_container fieldset select,
.survey_container fieldset textarea { background: rgba(255,255,255,1); font: 400 18px / 30px 'Proxima Nova Rg'; height: 50px; max-width: 605px; border-radius: 25px; display: block; width: 100%; color: rgba(53,71,93,1); padding: 0 25px; }
.survey_container fieldset ul + input[type="text"] { margin-top: 23px; }
.survey_container fieldset textarea { height: 275px; max-width: 799px; border-radius: 4px; padding: 15px 25px; }

.survey_container .form-box input[type="radio"] + label,
.survey_container .form-box input[type="checkbox"] + label { color: rgba(255,255,255,1); font: 400 20px / 38px 'Proxima Nova Rg'; letter-spacing: 0.4px; margin: 0; display: block; cursor: pointer; }

.survey_container .form-box input[type="radio"] + label::before,
.survey_container .form-box input[type="checkbox"] + label::before { content: ''; height: 20px; width:
20px; border: 5px solid rgba(255,255,255,1); background: rgba(255,255,255,1); position: relative; display: inline-block; top: 2.5px; margin-right: 10px; border-radius: 100%; }
.survey_container .form-box input[type="radio"]:checked + label::before,
.survey_container .form-box input[type="checkbox"]:checked + label::before { background: rgba(53,71,93,1); }

.survey_container .form-box .error input[type="radio"] + label::before,
.survey_container .form-box .error input[type="checkbox"] + label::before { background: rgba(255, 0, 0, 0.42); border-color: rgba(255, 0, 0, 0.42); }
.survey_container .form-box .error input[type="radio"]:checked + label::before,
.survey_container .form-box .error input[type="checkbox"]:checked + label::before { background: rgba(53,71,93,1); border-color: rgba(255,221,106,1); }

.survey_container fieldset.error input[type="text"],
.survey_container fieldset.error select,
.survey_container fieldset.error textarea { background: rgba(255, 0, 0, 0.42); }

.survey_container fieldset .select-wrapper { position: relative; max-width: 276px; }
.survey_container fieldset .select-wrapper::after { content: ''; position: absolute; right: 19px; top: 20px;
  pointer-events: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 13px 9px 0 9px;
  border-color: rgba(32,93,114,1) transparent transparent transparent;
}

/* Form - Footer
----------------------*/
.survey_container footer { margin-top: 80px; }
.survey_container footer .bttn { margin: 26px 0 0; text-transform: uppercase; padding: 7px 37px 6px; }
.survey_container footer .bttn + .bttn { display: none; }
.survey_container footer .bttn:disabled + .bttn { display: block; }
.survey_container footer .bttn:disabled { pointer-events: none; opacity: .5; }
.survey_container footer .previous-step { background: none; color: rgba(255,255,255,1); text-transform: none; padding: 0; font-size: 14px; letter-spacing: 0.28px; line-height: 38px; text-align: left; margin: 0; padding: 0; text-transform: none; height: auto; }
.survey_container footer .previous-step:hover { background: none; }
.survey_container footer .next-step:disabled { display: none; }
.survey_container footer p { font: 400 30px / 34px 'Yeseva One', Arial, helvetica, sans-serif; margin: 0 0 5px; }
.survey_container footer ul { position: relative; top: -2px; margin: 0 0 5px; }
.survey_container footer li { display: inline-block; color: rgba(255,255,255,1); font: 700 16px / 38px 'Proxima Nova Rg'; letter-spacing: 0.32px; text-align: right; }
.survey_container footer li:after { content: ' /'; }
.survey_container footer li:last-child:after { content: none; }
/* Barra progreso
----------------------*/
.survey_container .progress-bar { height: 10px; border-radius: 5px; background: rgba(255,221,106,1); }
.survey_container .progress-bar span { height: 10px; display: block; border-radius: 5px; background: rgba(255,255,255,1); }
/* Barra progreso usando input
----------------------*/
.survey_container input[type='range'] { border-radius: 5px; overflow: hidden; height: 10px; width: 100%; background-color: rgba(255,255,255,1); margin: 0 0 4px; }
.survey_container input[type='range']::-webkit-slider-runnable-track { height: 1rem; -webkit-appearance: none; color: rgba(53,71,93,1); margin-top: -1px; }
.survey_container input[type='range']::-webkit-slider-thumb { width: 10px; -webkit-appearance: none; height: 10px; cursor: ew-resize; background: rgba(53,71,93,1); box-shadow: -100rem 0 0 100rem rgba(53,71,93,1); border-radius: 5px; }

/** FF*/
.survey_container input[type=range]::-moz-range-thumb { background-color: rgba(53,71,93,1); -moz-appearance: none; appearance: none; border: none; border-radius: 5px; }
.survey_container input[type="range"]::-moz-range-progress { background: rgba(53,71,93,1); height: 10px; }
.survey_container input[type="range"]::-moz-range-track { background: rgba(255,255,255,1); height: 10px; }
/* IE*/
.survey_container input[type=range]::-ms-thumb { background-color: rgba(53,71,93,1); -moz-appearance: none; appearance: none; border: none; border-radius: 5px; }
.survey_container input[type="range"]::-ms-fill-lower { background: rgba(53,71,93,1); height: 10px; }
.survey_container input[type="range"]::-ms-fill-upper { background: rgba(255,255,255,1); height: 10px; }
/* Thank You Message
----------------------*/
.survey_container .thank-you h2 { line-height: 53px; margin: 0 0 37px; }
.survey_container .thank-you .bttn { margin: 0; line-height: 37px; }
.survey_container .thank-you .img-box { height: 660px; }
.survey_container .thank-you .img-box > img { object-fit: cover; object-position: center center; height: 100%; width: 100%; }

@media only screen
and (min-width : 769px) {
  .bttn.mobile { display: none!important; }
  .survey_container article { margin: 54px 0!important; }
  .survey_container:not(.hidden_banner) + .header_section { top: 261px; }
  .survey_container:not(.hidden_banner):after { content: ''; position: absolute; top: 0; right: 0; height: 512px; width: 536px; background: url(../images/survey_bar/birds.png) center center no-repeat; pointer-events: none; z-index: -1; }
  /* Welcome
  ----------------------*/
  .survey_container .welcome .bttn { border: none; font-size: 18px; letter-spacing: 3px; padding: 14px 62px 11px 60px; }
  /* Form
  ----------------------*/
  .survey_container fieldset[data-question="534206251"] ul {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
  }
  .survey_container fieldset[data-question="534206252"] ul {
    -webkit-columns: 3;
    -moz-columns: 3;
    columns: 3;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
  }
  /* Thank You Message
  ----------------------*/
  .survey_container .thank-you { height: 660px; margin: 0!important; }
}
@media only screen
and (min-width : 0)
and (max-width : 768px) {
  .showMeSurvey { overflow: hidden; position: fixed; top: 0; left: 0; right: 0; bottom: 0; }
  .showMeSurvey .survey_container { bottom: 0; top: 0; padding-bottom: 100px; }
  .survey_container { height: 100%; overflow: hidden; overflow-y: auto; }
  .bttn.no-mobile { display: none!important; }
  .survey_container:not(.hidden_banner):after { content: ''; position: absolute; top: 268px; right: -24px; height: 512px; width: 536px; background: url(../images/survey_bar/birds_m.png) center center no-repeat; background-size: cover; z-index: -1; pointer-events: none; }
  .survey_container article { margin: 93px 0!important; }

  .survey_container .close { top: .423em; right: .656em; font-size: 90px; -webkit-text-stroke: .223em #6aa1a1;
    text-shadow:
         3px 3px 0 #6aa1a1,
       -1px -1px 0 #6aa1a1,
        1px -1px 0 #6aa1a1,
        -1px 1px 0 #6aa1a1,
         1px 1px 0 #6aa1a1;
  }
  .survey_container h2 { font-size: 46px; line-height: 1.153em; margin: 0 0 .305em; }
  .survey_container p { font-size: 28px; line-height: 1.716em; letter-spacing: 0.56px; margin: 0 0 4.143em; }
  .survey_container .bttn { padding: .800em 0 .750em; border-radius: 1.500em; font-size: 20px; margin: 0; width: 100%; text-align: center; }
  /* Welcome
  ----------------------*/
  .survey_container .welcome h2 { margin-top: 2.348em; margin-bottom: 3.717em; }
  /* Form
  ----------------------*/
  .survey_container fieldset p { font-size: 34px; line-height: 1.178em; margin: 0 0 .765em; max-width: 15.471em; }
  .survey_container fieldset[data-question="534206257"] p { font-size: 24px; }

  .survey_container fieldset input[type="text"],
  .survey_container fieldset select,
  .survey_container fieldset textarea { font-size: 20px; line-height: 1.500em; height: 2.750em; max-width: none; border-radius: 1.500em; padding: 0 1.250em; }
  .survey_container fieldset ul + input[type="text"] { margin-top: 1.200em; }
  .survey_container fieldset textarea { height: 24.200em; max-width: 100%; border-radius: 0; padding: .750em 1.250em; }

  .survey_container .form-box input[type="radio"] + label,
  .survey_container .form-box input[type="checkbox"] + label { font-size: 24px; line-height: 2.167em; letter-spacing: 0.48px; }

  .survey_container .form-box input[type="radio"] + label::before,
  .survey_container .form-box input[type="checkbox"] + label::before { height: .835em; width:
  .835em; border-width: .210em; top: .104em; margin-right: .417em; }

  .survey_container fieldset .select-wrapper { font-size: 20px; max-width: 100%; }
  .survey_container fieldset .select-wrapper::after { right: 1.900em; top: .900em; border-width: 1em .700em 0 .700em; }
  /* Form - Footer
  ----------------------*/
  .survey_container footer { margin-top: 80px; }
  .survey_container footer div > div { padding: 0; }
  .survey_container footer .bttn { margin: 0 0 3.300em; text-transform: uppercase; padding: .800em 0 .750em; }
  .survey_container footer .previous-step { font-size: 18px; letter-spacing: 0.36px; line-height: 2.114em; text-align: center; margin: 0; }
  .survey_container footer p { font-size: 36px; line-height: 1.167em; margin: 0 0 .446em; }
  .survey_container footer ul { top: 4px; margin: 0 0 16px; }
  .survey_container footer li { font-size: 24px; line-height: 1.585em; letter-spacing: 0.48px; }
  /* Barra progreso usando input
  ----------------------*/
  .survey_container input[type='range'] { margin: 0 0 14px; }
  /* Thank You Message
  ----------------------*/
  .survey_container .thank-you { height: auto; margin: 0; }
  .survey_container .thank-you h2 { line-height: 1.153em; margin: 1.414em 0 .305em; max-width: 12.065em; }
  .survey_container .thank-you .bttn { margin: 0 0 1.700em; line-height: 3rem; }
  .survey_container .thank-you .img-box { height: 751px; }
}
@media (max-width: 480px) {
  .survey_container:not(.hidden_banner) + .header_section { top: 260px; }
  .survey_container:not(.hidden_banner):after { height: 256px; width: 268px; right: -12px; }
  .survey_container article { margin: 46.5px 0!important; }
  .survey_container .close { font-size: 45px; }
  .survey_container h2 { font-size: 23px; }
  .survey_container p { font-size: 14px; }

  .survey_container .bttn { font-size: 10px; height: 4.4em; }
  /* Form
  ----------------------*/
  .survey_container fieldset p { font-size: 17px; }
  .survey_container fieldset[data-question="534206257"] p { font-size: 14px; }

  .survey_container fieldset input[type="text"],
  .survey_container fieldset select,
  .survey_container fieldset textarea { font-size: 12px; }
  .survey_container fieldset input[type="text"],
  .survey_container fieldset textarea { font-size: 16px; }
  .survey_container .form-box input[type="radio"] + label,
  .survey_container .form-box input[type="checkbox"] + label { font-size: 12px; }

  .survey_container fieldset .select-wrapper { font-size: 12px; }
  /* Form - Footer
  ----------------------*/
  .survey_container footer { margin-top: 40px; }
  .survey_container footer p { font-size: 18px; }
  .survey_container footer ul { top: 2px; margin: 0 0 8px; }
  .survey_container footer li { font-size: 12px; }
  .survey_container footer .previous-step { font-size: 9px; }
  /* Barra progreso usando input
  ----------------------*/
  .survey_container input[type='range'] { border-radius: 2.5px; height: 5px; margin: 0 0 7px; }
  .survey_container input[type='range']::-webkit-slider-runnable-track { height: 5px; margin-top: -1px; }
  .survey_container input[type='range']::-webkit-slider-thumb { width: 5px; height: 5px; border-radius: 2.5px; }

  /** FF*/
  .survey_container input[type=range]::-moz-range-thumb { border-radius: 2.5px; }
  .survey_container input[type="range"]::-moz-range-progress { height: 5px; }
  .survey_container input[type="range"]::-moz-range-track { height: 5px; }
  /* IE*/
  .survey_container input[type=range]::-ms-thumb { border-radius: 5px; }
  .survey_container input[type="range"]::-ms-fill-lower { height: 5px; }
  .survey_container input[type="range"]::-ms-fill-upper { height: 5px; }
  /* Thank You Message
  ----------------------*/
  .survey_container .thank-you .img-box { height: 375.5px; }
}
/* @end */

/* Grid
----------------------*/
.survey_container .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; margin: 0 auto; align-items: baseline; } /* Se pone el display flex y se deja que cada columna tenga su propia altura. */


[class^="col-"], [class*=" col-"] { position: relative; min-height: 1px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding: 0 55px; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100%; max-width: 100%; margin: 0; }
.col-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; }
/* Horizontal Align - Row
----------------------------------- */
.survey_container .row.reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
.survey_container .row.left { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
.survey_container .row.center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.survey_container .row.right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
.survey_container .row.around { -ms-flex-pack: distribute; justify-content: space-around; } /* Distribuir items uniformemente.  Los items tienen el mismo espacio a su alrededor  */
.survey_container .row.between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } /* Distribuir items uniformemente. El primer item al inicio, el último al final */

/* Vertical Align - Row
----------------------------------- */
.survey_container .row.top { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
.survey_container .row.middle { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.survey_container .row.bottom { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
.survey_container .row.stretch { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }/* Estira los elementos para ajustarlos */
/* Vertical Align - Column
----------------------------------- */
[class^="col-"].top, [class*=" col-"].top { -ms-flex-item-align: start; align-self: flex-start; }
[class^="col-"].middle, [class*=" col-"].middle { -ms-flex-item-align: center; align-self: center; }
[class^="col-"].bottom, [class*=" col-"].bottom { -ms-flex-item-align: end; align-self: flex-end; }
[class^="col-"].baseline, [class*=" col-"].baseline { -ms-flex-item-align: baseline; align-self: baseline; }
[class^="col-"].stretch, [class*=" col-"].stretch { -ms-flex-item-align: stretch; align-self: stretch; }
/* Text Align - Column
----------------------------------- */
[class^="col-"].left, [class*=" col-"].left { text-align: left; }
[class^="col-"].center, [class*=" col-"].center { text-align: center; }
[class^="col-"].right, [class*=" col-"].right { text-align: right; }
@media only screen
and (min-width : 961px) {
	[class^="col-"], [class*=" col-"] { padding: 0 .5rem; }
  /* ORDER GENERAL
	----------------------------------- */
  .order-first { -ms-flex-order: -1; order: -1; }
  .order-last { -webkit-box-ordinal-group: 25; -ms-flex-order: 24; order: 24; }
}
/* No Pad Column
----------------------------------- */
.no-pad-left { padding-left: 0; }
.no-pad-right { padding-right: 0; }
/* GRID 12 COLUMNS
----------------------------------- */
[class^="col-24"], [class*=" col-24"] { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
@media only screen
and (min-width : 961px) {
  .col-24-1 { -ms-flex: 0 0 4.16%; flex: 0 0 4.16%; max-width: 4.16%; }
  .col-24-2 { -ms-flex: 0 0 8.33%; flex: 0 0 8.33%; max-width: 8.33%; }
  .col-24-3 { -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; }
  .col-24-4 { -ms-flex: 0 0 16.666666666667%; flex: 0 0 16.666666666667%; max-width: 16.666666666667%; }
  .col-24-5 { -ms-flex: 0 0 20.83%; flex: 0 0 20.83%; max-width: 20.83%; }
  .col-24-6 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .col-24-7 { -ms-flex: 0 0 29.17%; flex: 0 0 29.17%; max-width: 29.17%; }
  .col-24-8 { -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; }
  .col-24-9 { -ms-flex: 0 0 37.5%; flex: 0 0 37.5%; max-width: 37.5%; }
  .col-24-10 { -ms-flex: 0 0 41.67%; flex: 0 0 41.67%; max-width: 41.67%; }
  .col-24-11 { -ms-flex: 0 0 45.83%; flex: 0 0 45.83%; max-width: 45.83%; }
  .col-24-12 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .col-24-13 { -ms-flex: 0 0 54.17%; flex: 0 0 54.17%; max-width: 54.17%; }
  .col-24-14 { -ms-flex: 0 0 58.33%; flex: 0 0 58.33%; max-width: 58.33%; }
  .col-24-15 { -ms-flex: 0 0 62.5%; flex: 0 0 62.5%; max-width: 62.5%; }
  .col-24-16 { -ms-flex: 0 0 66.67%; flex: 0 0 66.67%; max-width: 66.67%; }
  .col-24-17 { -ms-flex: 0 0 70.83%; flex: 0 0 70.83%; max-width: 70.83%; }
  .col-24-18 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .col-24-19 { -ms-flex: 0 0 79.17%; flex: 0 0 79.17%; max-width: 79.17%; }
  .col-24-20 { -ms-flex: 0 0 83.33%; flex: 0 0 83.33%; max-width: 83.33%; }
  .col-24-21 { -ms-flex: 0 0 87.5%; flex: 0 0 87.5%; max-width: 87.5%; }
  .col-24-22 { -ms-flex: 0 0 91.67%; flex: 0 0 91.67%; max-width: 91.67%; }
  .col-24-23 { -ms-flex: 0 0 95.83%; flex: 0 0 95.83%; max-width: 95.83%; }
  .col-24-24 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }

  /* ORDER
	----------------------------------- */
  .order-24-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; }
  .order-24-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
  .order-24-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
  .order-24-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; }
  .order-24-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; }
  .order-24-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; }
  .order-24-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; }
  .order-24-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; }
  .order-24-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; }
  .order-24-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; }
  .order-24-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; }
  .order-24-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; }
  .order-24-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; }
  .order-24-13 { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; }
  .order-24-14 { -webkit-box-ordinal-group: 15; -ms-flex-order: 14; order: 14; }
  .order-24-15 { -webkit-box-ordinal-group: 16; -ms-flex-order: 15; order: 15; }
  .order-24-16 { -webkit-box-ordinal-group: 17; -ms-flex-order: 16; order: 16; }
  .order-24-17 { -webkit-box-ordinal-group: 18; -ms-flex-order: 17; order: 17; }
  .order-24-18 { -webkit-box-ordinal-group: 19; -ms-flex-order: 18; order: 18; }
  .order-24-19 { -webkit-box-ordinal-group: 20; -ms-flex-order: 19; order: 19; }
  .order-24-20 { -webkit-box-ordinal-group: 21; -ms-flex-order: 20; order: 20; }
  .order-24-21 { -webkit-box-ordinal-group: 22; -ms-flex-order: 21; order: 21; }
  .order-24-22 { -webkit-box-ordinal-group: 23; -ms-flex-order: 22; order: 22; }
  .order-24-23 { -webkit-box-ordinal-group: 24; -ms-flex-order: 23; order: 23; }
  .order-24-24 { -webkit-box-ordinal-group: 25; -ms-flex-order: 24; order: 24; }

  /* OFFSETS
	----------------------------------- */
	/* left */
	.offset-left-24-0 { margin-left: 0%; }
	.offset-left-24-1 { margin-left: 4.16%; }
	.offset-left-24-2 { margin-left: 8.33%; }
	.offset-left-24-3 { margin-left: 12.5%; }
	.offset-left-24-4 { margin-left: 16.666666666667%; }
	.offset-left-24-5 { margin-left: 20.83%; }
	.offset-left-24-6 { margin-left: 25%; }
	.offset-left-24-7 { margin-left: 29.17%; }
	.offset-left-24-8 { margin-left: 33.33%; }
	.offset-left-24-9 { margin-left: 37.5%; }
	.offset-left-24-10 { margin-left: 41.67%; }
	.offset-left-24-11 { margin-left: 45.83%; }
	.offset-left-24-12 { margin-left: 50%; }
	.offset-left-24-13 { margin-left: 54.17%; }
	.offset-left-24-14 { margin-left: 58.33%; }
	.offset-left-24-15 { margin-left: 62.5%; }
	.offset-left-24-16 { margin-left: 66.67%; }
	.offset-left-24-17 { margin-left: 70.83%; }
	.offset-left-24-18 { margin-left: 75%; }
	.offset-left-24-19 { margin-left: 79.17%; }
	.offset-left-24-20 { margin-left: 83.33%; }
	.offset-left-24-21 { margin-left: 87.5%; }
	.offset-left-24-22 { margin-left: 91.67%; }
	.offset-left-24-23 { margin-left: 95.83%; }
	.offset-left-24-24 { margin-left: 100%; }
	/*  right */
	.offset-right-24-0 { margin-right: 0%; }
	.offset-right-24-1 { margin-right: 4.16%; }
	.offset-right-24-2 { margin-right: 8.33%; }
	.offset-right-24-3 { margin-right: 12.5%; }
	.offset-right-24-4 { margin-right: 16.666666666667%; }
	.offset-right-24-5 { margin-right: 20.83%; }
	.offset-right-24-6 { margin-right: 25%; }
	.offset-right-24-7 { margin-right: 29.17%; }
	.offset-right-24-8 { margin-right: 33.33%; }
	.offset-right-24-9 { margin-right: 37.5%; }
	.offset-right-24-10 { margin-right: 41.67%; }
	.offset-right-24-11 { margin-right: 45.83%; }
	.offset-right-24-12 { margin-right: 50%; }
	.offset-right-24-13 { margin-right: 54.17%; }
	.offset-right-24-14 { margin-right: 58.33%; }
	.offset-right-24-15 { margin-right: 62.5%; }
	.offset-right-24-16 { margin-right: 66.67%; }
	.offset-right-24-17 { margin-right: 70.83%; }
	.offset-right-24-18 { margin-right: 75%; }
	.offset-right-24-19 { margin-right: 79.17%; }
	.offset-right-24-20 { margin-right: 83.33%; }
	.offset-right-24-21 { margin-right: 87.5%; }
	.offset-right-24-22 { margin-right: 91.67%; }
	.offset-right-24-23 { margin-right: 95.83%; }
	.offset-right-24-24 { margin-right: 100%; }
}
@media (max-width: 480px) {
  [class^="col-"], [class*=" col-"] { padding: 0 27.5px; }
  .no-pad-left { padding-left: 0; }
  .no-pad-right { padding-right: 0; }
}
/* Animations
----------------------*/
@keyframes fade {
  0% { opacity: 0; visibility: hidden; }
  100% { opacity: 1; visibility: visible; }
}
.fade { position: absolute; left: -9999999px; opacity: 0; visibility: hidden; top: -999999px; }
.fade.active { animation: fade 1.2s 1 cubic-bezier(0.4,0.0,0.2,1) forwards; left: auto; top: auto; position: relative; }
.fade.in { visibility: visible; }