/* =========================================================
!!!NOTE!!!
This is the Krew Styleguide, its sole purpose is to
provide a consistent and User Friendly experience across
the site. Any Edits to this stylesheet will
be reflected SITE WIDE!!

Please DO NOT customize this stylesheet unless you were told
to do so.

!!!END NOTE!!!
========================================================== */
/*! krew v1.1.12 | MIT License */
/*
This is the theme-based variable file for the [newsoc] project.
This file is a direct copy from the global [_variables.scss],
which has been customized to fit the needs of the asend theme.

{Theme Output Controls}:
To change the theme for krew; Update the [_krew-variables.scss] file.
This file maps the correct variables to the krew-framework.
 */
/* ===================
COLORS
=====================*/
/* ===================
Alerts
=====================*/
/* ===================
Button Controls
=====================*/
/*
Please note that if you are working to enchace this framework in any way.
You MUST USE the [_variables.scss] file as the above setting, it is the global
variable file for the krew-framework.

It is up to theme creators to update their themes based on the changes to
this file.
 */
/*
This is the theme-based variable file for the [newsoc] project.
This file is a direct copy from the global [_variables.scss],
which has been customized to fit the needs of the asend theme.

{Theme Output Controls}:
To change the theme for krew; Update the [_krew-variables.scss] file.
This file maps the correct variables to the krew-framework.
 */
/* ===================
COLORS
=====================*/
/* ===================
Alerts
=====================*/
/* ===================
Button Controls
=====================*/
/*
Please note that if you are working to enchace this framework in any way.
You MUST USE the [_variables.scss] file as the above setting, it is the global
variable file for the krew-framework.

It is up to theme creators to update their themes based on the changes to
this file.
 */
.krew-alert {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 10px 15px;
  z-index: 10; }
  .krew-alert h1, .krew-alert h2, .krew-alert h3, .krew-alert h4, .krew-alert h5, .krew-alert h6, .krew-alert p, .krew-alert span {
    padding: 0;
    margin: 0;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 1.53em;
    font-family: "museo", "Roboto Slab", serif; }
  .krew-alert.krew-primary1 {
    background-color: #00BBC6; }
  .krew-alert.krew-primary2 {
    background-color: #373837; }
  .krew-alert.krew-secondary1 {
    background-color: #A473B1; }
  .krew-alert.krew-secondary2 {
    background-color: #F3785E; }
  .krew-alert.krew-secondary3 {
    background-color: #51B964; }

/*
This is the theme-based variable file for the [newsoc] project.
This file is a direct copy from the global [_variables.scss],
which has been customized to fit the needs of the asend theme.

{Theme Output Controls}:
To change the theme for krew; Update the [_krew-variables.scss] file.
This file maps the correct variables to the krew-framework.
 */
/* ===================
COLORS
=====================*/
/* ===================
Alerts
=====================*/
/* ===================
Button Controls
=====================*/
/*
Please note that if you are working to enchace this framework in any way.
You MUST USE the [_variables.scss] file as the above setting, it is the global
variable file for the krew-framework.

It is up to theme creators to update their themes based on the changes to
this file.
 */
/*
==============================================
slide-down
==============================================
*/
.slide-down {
  animation-name: slide-down;
  -webkit-animation-name: slide-down;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  visibility: visible !important;
  display: block !important; }

@keyframes slide-down {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); }
  50% {
    -webkit-transform: translateY(8%);
            transform: translateY(8%); }
  65% {
    -webkit-transform: translateY(-4%);
            transform: translateY(-4%); }
  80% {
    -webkit-transform: translateY(4%);
            transform: translateY(4%); }
  95% {
    -webkit-transform: translateY(-2%);
            transform: translateY(-2%); }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); } }

@-webkit-keyframes slide-down {
  0% {
    -webkit-transform: translateY(-100%); }
  50% {
    -webkit-transform: translateY(8%); }
  65% {
    -webkit-transform: translateY(-4%); }
  80% {
    -webkit-transform: translateY(4%); }
  95% {
    -webkit-transform: translateY(-2%); }
  100% {
    -webkit-transform: translateY(0%); } }

/*
==============================================
slide-up
==============================================
*/
.slide-up {
  animation-name: slide-up;
  -webkit-animation-name: slide-up;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  visibility: visible !important; }

@keyframes slide-up {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%); }
  50% {
    -webkit-transform: translateY(-8%);
            transform: translateY(-8%); }
  65% {
    -webkit-transform: translateY(4%);
            transform: translateY(4%); }
  80% {
    -webkit-transform: translateY(-4%);
            transform: translateY(-4%); }
  95% {
    -webkit-transform: translateY(2%);
            transform: translateY(2%); }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); } }

@-webkit-keyframes slide-up {
  0% {
    -webkit-transform: translateY(100%); }
  50% {
    -webkit-transform: translateY(-8%); }
  65% {
    -webkit-transform: translateY(4%); }
  80% {
    -webkit-transform: translateY(-4%); }
  95% {
    -webkit-transform: translateY(2%); }
  100% {
    -webkit-transform: translateY(0%); } }

/*
==============================================
slide-left
==============================================
*/
.slide-left {
  animation-name: slide-left;
  -webkit-animation-name: slide-left;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  visibility: visible !important; }

@keyframes slide-left {
  0% {
    -webkit-transform: translateX(150%);
            transform: translateX(150%); }
  50% {
    -webkit-transform: translateX(-8%);
            transform: translateX(-8%); }
  65% {
    -webkit-transform: translateX(4%);
            transform: translateX(4%); }
  80% {
    -webkit-transform: translateX(-4%);
            transform: translateX(-4%); }
  95% {
    -webkit-transform: translateX(2%);
            transform: translateX(2%); }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%); } }

@-webkit-keyframes slide-left {
  0% {
    -webkit-transform: translateX(150%); }
  50% {
    -webkit-transform: translateX(-8%); }
  65% {
    -webkit-transform: translateX(4%); }
  80% {
    -webkit-transform: translateX(-4%); }
  95% {
    -webkit-transform: translateX(2%); }
  100% {
    -webkit-transform: translateX(0%); } }

/*
==============================================
slide-right
==============================================
*/
.slide-right {
  animation-name: slide-right;
  -webkit-animation-name: slide-right;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  visibility: visible !important; }

@keyframes slide-right {
  0% {
    -webkit-transform: translateX(-150%);
            transform: translateX(-150%); }
  50% {
    -webkit-transform: translateX(8%);
            transform: translateX(8%); }
  65% {
    -webkit-transform: translateX(-4%);
            transform: translateX(-4%); }
  80% {
    -webkit-transform: translateX(4%);
            transform: translateX(4%); }
  95% {
    -webkit-transform: translateX(-2%);
            transform: translateX(-2%); }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%); } }

@-webkit-keyframes slide-right {
  0% {
    -webkit-transform: translateX(-150%); }
  50% {
    -webkit-transform: translateX(8%); }
  65% {
    -webkit-transform: translateX(-4%); }
  80% {
    -webkit-transform: translateX(4%); }
  95% {
    -webkit-transform: translateX(-2%); }
  100% {
    -webkit-transform: translateX(0%); } }

/*
==============================================
slide-expand__up
==============================================
*/
.slide-expand__up {
  animation-name: slide-expand__up;
  -webkit-animation-name: slide-expand__up;
  animation-duration: 1.6s;
  -webkit-animation-duration: 1.6s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease -out;
  visibility: visible !important; }

@keyframes slide-expand__up {
  0% {
    -webkit-transform: translateY(100%) scaleX(0.5);
            transform: translateY(100%) scaleX(0.5); }
  30% {
    -webkit-transform: translateY(-8%) scaleX(0.5);
            transform: translateY(-8%) scaleX(0.5); }
  40% {
    -webkit-transform: translateY(2%) scaleX(0.5);
            transform: translateY(2%) scaleX(0.5); }
  50% {
    -webkit-transform: translateY(0%) scaleX(1.1);
            transform: translateY(0%) scaleX(1.1); }
  60% {
    -webkit-transform: translateY(0%) scaleX(0.9);
            transform: translateY(0%) scaleX(0.9); }
  70% {
    -webkit-transform: translateY(0%) scaleX(1.05);
            transform: translateY(0%) scaleX(1.05); }
  80% {
    -webkit-transform: translateY(0%) scaleX(0.95);
            transform: translateY(0%) scaleX(0.95); }
  90% {
    -webkit-transform: translateY(0%) scaleX(1.02);
            transform: translateY(0%) scaleX(1.02); }
  100% {
    -webkit-transform: translateY(0%) scaleX(1);
            transform: translateY(0%) scaleX(1); } }

@-webkit-keyframes slide-expand__up {
  0% {
    -webkit-transform: translateY(100%) scaleX(0.5); }
  30% {
    -webkit-transform: translateY(-8%) scaleX(0.5); }
  40% {
    -webkit-transform: translateY(2%) scaleX(0.5); }
  50% {
    -webkit-transform: translateY(0%) scaleX(1.1); }
  60% {
    -webkit-transform: translateY(0%) scaleX(0.9); }
  70% {
    -webkit-transform: translateY(0%) scaleX(1.05); }
  80% {
    -webkit-transform: translateY(0%) scaleX(0.95); }
  90% {
    -webkit-transform: translateY(0%) scaleX(1.02); }
  100% {
    -webkit-transform: translateY(0%) scaleX(1); } }

/*
==============================================
expand-up
==============================================
*/
.expand-up {
  animation-name: expand-up;
  -webkit-animation-name: expand-up;
  animation-duration: 0.7s;
  -webkit-animation-duration: 0.7s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  visibility: visible !important; }

@keyframes expand-up {
  0% {
    -webkit-transform: translateY(100%) scale(0.6) scaleY(0.5);
            transform: translateY(100%) scale(0.6) scaleY(0.5); }
  60% {
    -webkit-transform: translateY(-7%) scaleY(1.12);
            transform: translateY(-7%) scaleY(1.12); }
  75% {
    -webkit-transform: translateY(3%);
            transform: translateY(3%); }
  100% {
    -webkit-transform: translateY(0%) scale(1) scaleY(1);
            transform: translateY(0%) scale(1) scaleY(1); } }

@-webkit-keyframes expand-up {
  0% {
    -webkit-transform: translateY(100%) scale(0.6) scaleY(0.5); }
  60% {
    -webkit-transform: translateY(-7%) scaleY(1.12); }
  75% {
    -webkit-transform: translateY(3%); }
  100% {
    -webkit-transform: translateY(0%) scale(1) scaleY(1); } }

/*
==============================================
fade-in
==============================================
*/
.fade-in {
  animation-name: fade-in;
  -webkit-animation-name: fade-in;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  visibility: visible !important; }

@keyframes fade-in {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0.0; }
  60% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  80% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }

@-webkit-keyframes fade-in {
  0% {
    -webkit-transform: scale(0);
    opacity: 0.0; }
  60% {
    -webkit-transform: scale(1.1); }
  80% {
    -webkit-transform: scale(0.9);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1);
    opacity: 1; } }

/*
==============================================
expand-open
==============================================
*/
.expand-open {
  animation-name: expand-open;
  -webkit-animation-name: expand-open;
  animation-duration: 1.2s;
  -webkit-animation-duration: 1.2s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  visibility: visible !important; }

@keyframes expand-open {
  0% {
    -webkit-transform: scale(1.8);
            transform: scale(1.8); }
  50% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95); }
  80% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05); }
  90% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@-webkit-keyframes expand-open {
  0% {
    -webkit-transform: scale(1.8); }
  50% {
    -webkit-transform: scale(0.95); }
  80% {
    -webkit-transform: scale(1.05); }
  90% {
    -webkit-transform: scale(0.98); }
  100% {
    -webkit-transform: scale(1); } }

/*
==============================================
big-entrance
==============================================
*/
.big-entrance {
  animation-name: big-entrance;
  -webkit-animation-name: big-entrance;
  animation-duration: 1.6s;
  -webkit-animation-duration: 1.6s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  visibility: visible !important; }

@keyframes big-entrance {
  0% {
    -webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
            transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
    opacity: 0.2; }
  30% {
    -webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
            transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
    opacity: 1; }
  45% {
    -webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
            transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1; }
  60% {
    -webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
            transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
    opacity: 1; }
  75% {
    -webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
            transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1; }
  90% {
    -webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
            transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
            transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1; } }

@-webkit-keyframes big-entrance {
  0% {
    -webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
    opacity: 0.2; }
  30% {
    -webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
    opacity: 1; }
  45% {
    -webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1; }
  60% {
    -webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
    opacity: 1; }
  75% {
    -webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1; }
  90% {
    -webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1; } }

/*
==============================================
hatch
==============================================
*/
.hatch {
  animation-name: hatch;
  -webkit-animation-name: hatch;
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
  visibility: visible !important; }

@keyframes hatch {
  0% {
    -webkit-transform: rotate(0deg) scaleY(0.6);
            transform: rotate(0deg) scaleY(0.6); }
  20% {
    -webkit-transform: rotate(-2deg) scaleY(1.05);
            transform: rotate(-2deg) scaleY(1.05); }
  35% {
    -webkit-transform: rotate(2deg) scaleY(1);
            transform: rotate(2deg) scaleY(1); }
  50% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg); }
  65% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg); }
  80% {
    -webkit-transform: rotate(-1deg);
            transform: rotate(-1deg); }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

@-webkit-keyframes hatch {
  0% {
    -webkit-transform: rotate(0deg) scaleY(0.6); }
  20% {
    -webkit-transform: rotate(-2deg) scaleY(1.05); }
  35% {
    -webkit-transform: rotate(2deg) scaleY(1); }
  50% {
    -webkit-transform: rotate(-2deg); }
  65% {
    -webkit-transform: rotate(1deg); }
  80% {
    -webkit-transform: rotate(-1deg); }
  100% {
    -webkit-transform: rotate(0deg); } }

/*
==============================================
bounce
==============================================
*/
.bounce {
  animation-name: bounce;
  -webkit-animation-name: bounce;
  animation-duration: 1.6s;
  -webkit-animation-duration: 1.6s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%; }

@keyframes bounce {
  0% {
    -webkit-transform: translateY(0%) scaleY(0.6);
            transform: translateY(0%) scaleY(0.6); }
  60% {
    -webkit-transform: translateY(-100%) scaleY(1.1);
            transform: translateY(-100%) scaleY(1.1); }
  70% {
    -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1.05);
            transform: translateY(0%) scaleY(0.95) scaleX(1.05); }
  80% {
    -webkit-transform: translateY(0%) scaleY(1.05) scaleX(1);
            transform: translateY(0%) scaleY(1.05) scaleX(1); }
  90% {
    -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1);
            transform: translateY(0%) scaleY(0.95) scaleX(1); }
  100% {
    -webkit-transform: translateY(0%) scaleY(1) scaleX(1);
            transform: translateY(0%) scaleY(1) scaleX(1); } }

@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(0%) scaleY(0.6); }
  60% {
    -webkit-transform: translateY(-100%) scaleY(1.1); }
  70% {
    -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1.05); }
  80% {
    -webkit-transform: translateY(0%) scaleY(1.05) scaleX(1); }
  90% {
    -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1); }
  100% {
    -webkit-transform: translateY(0%) scaleY(1) scaleX(1); } }

/*
==============================================
pulse
==============================================
*/
.pulse {
  animation-name: pulse;
  -webkit-animation-name: pulse;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite; }

@keyframes pulse {
  0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 0.7; }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 0.7; } }

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0.95);
    opacity: 0.7; }
  50% {
    -webkit-transform: scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: scale(0.95);
    opacity: 0.7; } }

/*
==============================================
floating
==============================================
*/
.floating {
  animation-name: floating;
  -webkit-animation-name: floating;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite; }

@keyframes floating {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  50% {
    -webkit-transform: translateY(8%);
            transform: translateY(8%); }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); } }

@-webkit-keyframes floating {
  0% {
    -webkit-transform: translateY(0%); }
  50% {
    -webkit-transform: translateY(8%); }
  100% {
    -webkit-transform: translateY(0%); } }

/*
==============================================
tossing
==============================================
*/
.tossing {
  animation-name: tossing;
  -webkit-animation-name: tossing;
  animation-duration: 2.5s;
  -webkit-animation-duration: 2.5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite; }

@keyframes tossing {
  0% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg); }
  50% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg); }
  100% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg); } }

@-webkit-keyframes tossing {
  0% {
    -webkit-transform: rotate(-4deg); }
  50% {
    -webkit-transform: rotate(4deg); }
  100% {
    -webkit-transform: rotate(-4deg); } }

/*
==============================================
pull-up
==============================================
*/
.pull-up {
  animation-name: pull-up;
  -webkit-animation-name: pull-up;
  animation-duration: 1.1s;
  -webkit-animation-duration: 1.1s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%; }

@keyframes pull-up {
  0% {
    -webkit-transform: scaleY(0.1);
            transform: scaleY(0.1); }
  40% {
    -webkit-transform: scaleY(1.02);
            transform: scaleY(1.02); }
  60% {
    -webkit-transform: scaleY(0.98);
            transform: scaleY(0.98); }
  80% {
    -webkit-transform: scaleY(1.01);
            transform: scaleY(1.01); }
  100% {
    -webkit-transform: scaleY(0.98);
            transform: scaleY(0.98); }
  80% {
    -webkit-transform: scaleY(1.01);
            transform: scaleY(1.01); }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }

@-webkit-keyframes pull-up {
  0% {
    -webkit-transform: scaleY(0.1); }
  40% {
    -webkit-transform: scaleY(1.02); }
  60% {
    -webkit-transform: scaleY(0.98); }
  80% {
    -webkit-transform: scaleY(1.01); }
  100% {
    -webkit-transform: scaleY(0.98); }
  80% {
    -webkit-transform: scaleY(1.01); }
  100% {
    -webkit-transform: scaleY(1); } }

/*
==============================================
pull-down
==============================================
*/
.pull-down {
  animation-name: pull-down;
  -webkit-animation-name: pull-down;
  animation-duration: .3s;
  -webkit-animation-duration: .3s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -webkit-transform-origin: 50% 0%; }

@keyframes pull-down {
  0% {
    -webkit-transform: scaleY(0.1);
            transform: scaleY(0.1); }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }

@-webkit-keyframes pull-down {
  0% {
    -webkit-transform: scaleY(0.1); }
  40% {
    -webkit-transform: scaleY(1.02); }
  60% {
    -webkit-transform: scaleY(0.98); }
  80% {
    -webkit-transform: scaleY(1.01); }
  100% {
    -webkit-transform: scaleY(0.98); }
  100% {
    -webkit-transform: scaleY(1); } }

/*
==============================================
stretch-left
==============================================
*/
.stretch-left {
  animation-name: stretch-left;
  -webkit-animation-name: stretch-left;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  transform-origin: 100% 0%;
  -ms-transform-origin: 100% 0%;
  -webkit-transform-origin: 100% 0%; }

@keyframes stretch-left {
  0% {
    -webkit-transform: scaleX(0.3);
            transform: scaleX(0.3); }
  40% {
    -webkit-transform: scaleX(1.02);
            transform: scaleX(1.02); }
  60% {
    -webkit-transform: scaleX(0.98);
            transform: scaleX(0.98); }
  80% {
    -webkit-transform: scaleX(1.01);
            transform: scaleX(1.01); }
  100% {
    -webkit-transform: scaleX(0.98);
            transform: scaleX(0.98); }
  80% {
    -webkit-transform: scaleX(1.01);
            transform: scaleX(1.01); }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); } }

@-webkit-keyframes stretch-left {
  0% {
    -webkit-transform: scaleX(0.3); }
  40% {
    -webkit-transform: scaleX(1.02); }
  60% {
    -webkit-transform: scaleX(0.98); }
  80% {
    -webkit-transform: scaleX(1.01); }
  100% {
    -webkit-transform: scaleX(0.98); }
  80% {
    -webkit-transform: scaleX(1.01); }
  100% {
    -webkit-transform: scaleX(1); } }

/*
==============================================
stretch-right
==============================================
*/
.stretch-right {
  animation-name: stretch-right;
  -webkit-animation-name: stretch-right;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -webkit-transform-origin: 0% 0%; }

@keyframes stretch-right {
  0% {
    -webkit-transform: scaleX(0.3);
            transform: scaleX(0.3); }
  40% {
    -webkit-transform: scaleX(1.02);
            transform: scaleX(1.02); }
  60% {
    -webkit-transform: scaleX(0.98);
            transform: scaleX(0.98); }
  80% {
    -webkit-transform: scaleX(1.01);
            transform: scaleX(1.01); }
  100% {
    -webkit-transform: scaleX(0.98);
            transform: scaleX(0.98); }
  80% {
    -webkit-transform: scaleX(1.01);
            transform: scaleX(1.01); }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); } }

@-webkit-keyframes stretch-right {
  0% {
    -webkit-transform: scaleX(0.3); }
  40% {
    -webkit-transform: scaleX(1.02); }
  60% {
    -webkit-transform: scaleX(0.98); }
  80% {
    -webkit-transform: scaleX(1.01); }
  100% {
    -webkit-transform: scaleX(0.98); }
  80% {
    -webkit-transform: scaleX(1.01); }
  100% {
    -webkit-transform: scaleX(1); } }

/*
This is the theme-based variable file for the [newsoc] project.
This file is a direct copy from the global [_variables.scss],
which has been customized to fit the needs of the asend theme.

{Theme Output Controls}:
To change the theme for krew; Update the [_krew-variables.scss] file.
This file maps the correct variables to the krew-framework.
 */
/* ===================
COLORS
=====================*/
/* ===================
Alerts
=====================*/
/* ===================
Button Controls
=====================*/
/*
Please note that if you are working to enchace this framework in any way.
You MUST USE the [_variables.scss] file as the above setting, it is the global
variable file for the krew-framework.

It is up to theme creators to update their themes based on the changes to
this file.
 */
.button {
  padding: 8px 20px;
  font-size: 17px;
  border: none;
  box-shadow: none;
  font-weight: 200;
  font-family: "proxima-nova", "Oxygen", sans-serif;
  text-align: center;
  text-transform: 17px;
  letter-spacing: 1px;
  color: #FFFFFF;
  outline: none;
  margin: 0.5em 0;
  z-index: 40; }
  .button:hover, .button:active, .button:visited, .button:focus {
    color: #FFFFFF;
    text-decoration: none;
    cursor: pointer; }
  .button.small {
    padding: 5px 12px;
    font-size: 15px; }
  .button.large {
    padding: 12px 30px;
    font-size: 20px; }
  .button.krew-blank {
    background-color: transparent;
    border: none;
    color: #FFFFFF; }
  .button.disabled {
    cursor: not-allowed;
    color: #BFBFC0;
    border: 2px solid #BFBFC0;
    padding: 8px 15px; }
    .button.disabled:hover {
      cursor: not-allowed; }
    .button.disabled:disabled {
      background: transparent;
      cursor: not-allowed; }

/*
This is the theme-based variable file for the [newsoc] project.
This file is a direct copy from the global [_variables.scss],
which has been customized to fit the needs of the asend theme.

{Theme Output Controls}:
To change the theme for krew; Update the [_krew-variables.scss] file.
This file maps the correct variables to the krew-framework.
 */
/* ===================
COLORS
=====================*/
/* ===================
Alerts
=====================*/
/* ===================
Button Controls
=====================*/
/*
Please note that if you are working to enchace this framework in any way.
You MUST USE the [_variables.scss] file as the above setting, it is the global
variable file for the krew-framework.

It is up to theme creators to update their themes based on the changes to
this file.
 */
input[type=checkbox] {
  display: none; }

span.check-copy {
  display: inline-block;
  position: relative;
  left: 10px;
  vertical-align: top; }

.krew-check-box {
  height: 25px;
  width: 25px;
  background-color: transparent;
  border: 2.5px solid #000;
  border-radius: 2px;
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  -webkit-transition: border-color ease 0.05s;
  transition: border-color ease 0.05s;
  margin-bottom: 30px;
  cursor: pointer;
  vertical-align: top; }
  .krew-check-box::before, .krew-check-box::after {
    box-sizing: border-box;
    position: absolute;
    height: 0;
    width: 5px;
    background-color: #34b93d;
    display: inline-block;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    border-radius: 3px;
    content: ' ';
    -webkit-transition: opacity ease .5;
    transition: opacity ease .5; }
  .krew-check-box::before {
    top: 18px;
    left: 10.25px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg); }
  .krew-check-box::after {
    top: 9.25px;
    left: 1.25px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }

input[type=checkbox]:checked + .krew-check-box,
.krew-check-box.checked {
  border-color: #34b93d; }
  input[type=checkbox]:checked + .krew-check-box::after,
  .krew-check-box.checked::after {
    height: 12.5px;
    -webkit-animation: bottomCheck 0.05s ease 0s forwards;
    animation: bottomCheck 0.05s ease 0s forwards; }
  input[type=checkbox]:checked + .krew-check-box::before,
  .krew-check-box.checked::before {
    height: 30px;
    -webkit-animation: topCheck 0.1s ease 0s forwards;
    animation: topCheck 0.1s ease 0s forwards; }

@-webkit-keyframes bottomCheck {
  0% {
    height: 0; }
  100% {
    height: 12.5px; } }

@keyframes bottomCheck {
  0% {
    height: 0; }
  100% {
    height: 12.5px; } }

@keyframes topCheck {
  0% {
    height: 0; }
  50% {
    height: 0; }
  100% {
    height: 30px; } }

@-webkit-keyframes topCheck {
  0% {
    height: 0; }
  50% {
    height: 0; }
  100% {
    height: 30px; } }

/*
This is the theme-based variable file for the [newsoc] project.
This file is a direct copy from the global [_variables.scss],
which has been customized to fit the needs of the asend theme.

{Theme Output Controls}:
To change the theme for krew; Update the [_krew-variables.scss] file.
This file maps the correct variables to the krew-framework.
 */
/* ===================
COLORS
=====================*/
/* ===================
Alerts
=====================*/
/* ===================
Button Controls
=====================*/
/*
Please note that if you are working to enchace this framework in any way.
You MUST USE the [_variables.scss] file as the above setting, it is the global
variable file for the krew-framework.

It is up to theme creators to update their themes based on the changes to
this file.
 */
.blockquote {
  border-top: 10px solid;
  border-bottom: 10px solid;
  border-color: #FFFFFF;
  padding: 8px 0; }
  .blockquote h1, .blockquote h2, .blockquote h3, .blockquote h4, .blockquote h5, .blockquote h6 {
    margin: 0;
    padding: 0;
    position: relative;
    font-weight: bold; }
  .blockquote p {
    position: relative;
    bottom: 5px;
    padding: 0;
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    font-style: italic; }
  .blockquote span {
    color: #373837;
    letter-spacing: 0; }
    .blockquote span.currency-type {
      font-size: 13px;
      position: absolute;
      top: 5px;
      padding-left: 3px;
      font-weight: 500; }

.disclaimer p.fine-print {
  padding-top: 0;
  font-size: .85em;
  text-transform: none;
  margin: 0;
  font-weight: 700; }

.krew-drawer {
  margin: 10px 0; }
  .krew-drawer p {
    display: inline-block; }
  .krew-drawer span {
    display: inline-block;
    content: 'Read More..';
    color: #00BBC6;
    font-weight: bold;
    font-size: 12px;
    position: relative;
    left: 5px;
    cursor: pointer; }
  .krew-drawer .drawer-inner {
    display: none;
    margin: 10px 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #EBECEC; }
  .krew-drawer.drawer-open span {
    display: none; }
  .krew-drawer.drawer-open .drawer-inner {
    display: block; }
    .krew-drawer.drawer-open .drawer-inner p {
      display: inline; }
    .krew-drawer.drawer-open .drawer-inner span {
      display: inline;
      content: 'Read Less..';
      color: #00BBC6;
      position: relative;
      font-weight: bold;
      left: 5px;
      cursor: pointer; }

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

.no-padding--left {
  padding-left: 0; }

.no-padding--right {
  padding-right: 0; }

.hide {
  display: none; }

.block {
  display: block; }

.text-center {
  text-align: center;
  vertical-align: middle; }

.no-case {
  text-transform: none; }

.valign-wrapper {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-align-items: center;
  -ms-flex-align: center; }
  .valign-wrapper .valign {
    display: block;
    width: 100%; }

.bg-overlay:after {
  position: absolute;
  content: "";
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(51, 51, 51, 0.26); }

.bg-img-overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(51, 51, 51, 0.26); }

.align-right {
  float: right !important; }

.align-left {
  float: left !important; }

.align-center {
  margin: auto;
  text-align: center; }

.file-upload-wrapper {
  position: relative;
  width: 100%;
  height: 60px;
  box-shadow: 0 1px 4px 1px #d4e1e9;
  border-radius: 0 5px 5px 0; }
  .file-upload-wrapper:after {
    content: attr(data-text);
    font-size: 18px;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    padding: 10px 15px;
    display: block;
    width: calc(100% - 40px);
    pointer-events: none;
    z-index: 20;
    height: 40px;
    line-height: 40px;
    color: #888;
    border-radius: 5px 10px 10px 5px;
    font-weight: 400; }
  .file-upload-wrapper:before {
    content: 'Upload';
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    height: 60px;
    background: #4daf7c;
    color: #fff;
    font-weight: 700;
    z-index: 25;
    font-size: 16px;
    line-height: 60px;
    padding: 0 15px;
    pointer-events: none;
    border-radius: 0 5px 5px 0; }
  .file-upload-wrapper:hover:before {
    background: #3d8c63; }
  .file-upload-wrapper input[type='file'] {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
    height: 40px;
    margin: 0;
    padding: 0;
    display: block;
    cursor: pointer;
    width: 100%; }

/*
This is the theme-based variable file for the [newsoc] project.
This file is a direct copy from the global [_variables.scss],
which has been customized to fit the needs of the asend theme.

{Theme Output Controls}:
To change the theme for krew; Update the [_krew-variables.scss] file.
This file maps the correct variables to the krew-framework.
 */
/* ===================
COLORS
=====================*/
/* ===================
Alerts
=====================*/
/* ===================
Button Controls
=====================*/
/*
Please note that if you are working to enchace this framework in any way.
You MUST USE the [_variables.scss] file as the above setting, it is the global
variable file for the krew-framework.

It is up to theme creators to update their themes based on the changes to
this file.
 */
.iframe-ratio {
  position: relative;
  padding-bottom: calc(56.25%);
  height: 0; }
  .iframe-ratio iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(52, 48, 48, 0.33);
    border-radius: 3px; }

/*
This is the theme-based variable file for the [newsoc] project.
This file is a direct copy from the global [_variables.scss],
which has been customized to fit the needs of the asend theme.

{Theme Output Controls}:
To change the theme for krew; Update the [_krew-variables.scss] file.
This file maps the correct variables to the krew-framework.
 */
/* ===================
COLORS
=====================*/
/* ===================
Alerts
=====================*/
/* ===================
Button Controls
=====================*/
/*
Please note that if you are working to enchace this framework in any way.
You MUST USE the [_variables.scss] file as the above setting, it is the global
variable file for the krew-framework.

It is up to theme creators to update their themes based on the changes to
this file.
 */
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset; }

.active-input {
  background-color: #FFFFFF; }

span.error-msg {
  color: #FA3838;
  margin-bottom: 20px;
  display: block; }

.controls {
  text-align: left;
  position: relative; }
  .controls.errors input, .controls.errors input.active {
    border-color: #FA3838;
    margin-bottom: 0; }
  .controls.errors label, .controls.errors label.active {
    color: #FA3838; }
  .controls.errors p {
    margin-bottom: 18px;
    color: #FA3838;
    font-size: .750em; }
  .controls input {
    padding: 12px 12px 15px 12px;
    font-size: 1em;
    border: 1px solid #EBECEC;
    width: 100%;
    margin-bottom: 18px;
    color: #373837;
    font-family: "proxima-nova", "Oxygen", sans-serif;
    font-weight: 300;
    background-color: #f2f2f2;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-appearance: none;
    border-radius: 0; }
    .controls input:focus, .controls input:hover, .controls input:active {
      outline: none;
      border-color: #00BBC6;
      background-color: #FFFFFF; }
    .controls input:focus + label, .controls input:hover + label {
      color: #00BBC6;
      cursor: text; }
    .controls input.active {
      outline: none;
      border-color: #00BBC6;
      background-color: #FFFFFF; }
  .controls textarea {
    padding: 12px;
    border: 1px solid #EBECEC;
    width: 100%;
    margin-bottom: 18px;
    color: #373837;
    font-family: "proxima-nova", "Oxygen", sans-serif;
    font-size: 1em;
    font-weight: 300;
    background-color: #f2f2f2;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    resize: none;
    height: 200px; }
    .controls textarea:focus, .controls textarea:hover, .controls textarea:active {
      outline: none;
      border-color: #00BBC6;
      background-color: #FFFFFF; }
    .controls textarea:focus + label, .controls textarea:hover + label {
      color: #00BBC6;
      cursor: text; }
  .controls label {
    position: absolute;
    left: 8px;
    top: 12px;
    text-transform: uppercase;
    font-size: 0.875em;
    display: inline-block;
    padding: 4px 10px;
    font-weight: 400;
    background-color: rgba(255, 255, 255, 0);
    pointer-events: none;
    -webkit-transition: color 0.3s, top 0.3s, background-color 0s;
    transition: color 0.3s, top 0.3s, background-color 0s;
    z-index: 3; }
    .controls label.active {
      top: -13px;
      color: #00BBC6;
      letter-spacing: 1px;
      font-size: 0.75em; }
      .controls label.active:after {
        position: absolute;
        top: 13px;
        left: 0;
        width: 100%;
        background: #fff;
        height: 1px;
        content: '';
        z-index: -1; }

/*
This is the theme-based variable file for the [newsoc] project.
This file is a direct copy from the global [_variables.scss],
which has been customized to fit the needs of the asend theme.

{Theme Output Controls}:
To change the theme for krew; Update the [_krew-variables.scss] file.
This file maps the correct variables to the krew-framework.
 */
/* ===================
COLORS
=====================*/
/* ===================
Alerts
=====================*/
/* ===================
Button Controls
=====================*/
/*
Please note that if you are working to enchace this framework in any way.
You MUST USE the [_variables.scss] file as the above setting, it is the global
variable file for the krew-framework.

It is up to theme creators to update their themes based on the changes to
this file.
 */
.krew-auth__modal {
  position: absolute;
  right: 0;
  top: 65px;
  background: #fff;
  width: 350px;
  height: 500px;
  border: 4px solid #00BBC6;
  padding: 25px; }
  .krew-auth__modal:before {
    content: 'Sign In';
    text-align: center;
    width: 99px;
    height: 65px;
    background: #00BBC6;
    position: absolute;
    top: -69px;
    right: -4px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    line-height: 65px;
    text-transform: uppercase; }
  .krew-auth__modal .logo-holder {
    width: 100px;
    margin: 50px auto; }

.modal {
  z-index: 3001; }
  .modal .button {
    position: relative;
    float: right;
    right: 20px; }
  .modal .close {
    color: #373837;
    font-size: 45px;
    position: absolute;
    top: 15px;
    right: 15px;
    outline: none;
    z-index: 10; }

.modal-dialog {
  min-width: 320px;
  max-height: 100vh;
  overflow: auto; }

.modal-content {
  border: none;
  border-radius: 0;
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.25);
  background-color: #fff; }

.modal__lg .modal-dialog {
  width: 95%; }

.modal__lg .modal-content {
  overflow: auto;
  padding: 40px; }

.modal__fifty .modal-dialog {
  width: 50%; }

/*
This is the theme-based variable file for the [newsoc] project.
This file is a direct copy from the global [_variables.scss],
which has been customized to fit the needs of the asend theme.

{Theme Output Controls}:
To change the theme for krew; Update the [_krew-variables.scss] file.
This file maps the correct variables to the krew-framework.
 */
/* ===================
COLORS
=====================*/
/* ===================
Alerts
=====================*/
/* ===================
Button Controls
=====================*/
/*
Please note that if you are working to enchace this framework in any way.
You MUST USE the [_variables.scss] file as the above setting, it is the global
variable file for the krew-framework.

It is up to theme creators to update their themes based on the changes to
this file.
 */
.org-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 50%;
  width: 650px;
  height: auto;
  z-index: 3002;
  visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%); }
  @media (max-width: 750px) {
    .org-modal {
      width: 100%;
      height: 100vh;
      top: 0;
      left: 0;
      -webkit-transform: none;
              transform: none; }
      .org-modal > div {
        height: 100vh; }
        .org-modal > div > div {
          padding: 15px 20px;
          font-size: 0.95em; }
        .org-modal > div .options .button, .org-modal > div .options button {
          display: block;
          width: 80%;
          margin-left: 0;
          margin: 0 auto 15px auto;
          margin-top: 5px;
          padding: 15px 45px;
          font-size: 15px; } }

.modal-show {
  visibility: visible; }

.modal-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  visibility: hidden;
  top: 0;
  left: 0;
  z-index: 3001;
  opacity: 0;
  background: rgba(19, 27, 39, 0.46);
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.modal-show ~ .modal-overlay {
  opacity: 1;
  visibility: visible; }

.modal-fade .org-modal-content {
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.modal-show.modal-fade .org-modal-content {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1; }

.org-modal-content {
  color: #373837;
  background: #FFF;
  position: relative;
  border-radius: 2px;
  margin: 0 auto; }
  .org-modal-content .modal-close {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: .8em;
    cursor: pointer; }
  .org-modal-content .modal-center {
    display: block;
    margin: 0 auto 30px auto;
    text-align: center; }
  .org-modal-content h2 {
    margin: 0;
    padding: 0.4em;
    text-align: center;
    font-weight: 300;
    color: #373837; }
  .org-modal-content > div {
    padding: 15px 40px 30px;
    margin: 0;
    font-weight: 300;
    font-size: 1.15em; }
    .org-modal-content > div p {
      margin: 0;
      padding: 10px 0; }

/*
This is the theme-based variable file for the [newsoc] project.
This file is a direct copy from the global [_variables.scss],
which has been customized to fit the needs of the asend theme.

{Theme Output Controls}:
To change the theme for krew; Update the [_krew-variables.scss] file.
This file maps the correct variables to the krew-framework.
 */
/* ===================
COLORS
=====================*/
/* ===================
Alerts
=====================*/
/* ===================
Button Controls
=====================*/
/*
Please note that if you are working to enchace this framework in any way.
You MUST USE the [_variables.scss] file as the above setting, it is the global
variable file for the krew-framework.

It is up to theme creators to update their themes based on the changes to
this file.
 */
.radio input[type='radio'] {
  display: none;
  -webkit-display: none; }
  .radio input[type='radio'] + label {
    position: relative;
    display: inline-block;
    margin: 10px 32px;
    font-size: 1em;
    font-weight: 400;
    line-height: 21px;
    color: #373837;
    white-space: nowrap;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    cursor: pointer; }
    .radio input[type='radio'] + label:after {
      content: " ";
      border-radius: 0;
      display: inline-block;
      width: 20px;
      height: 20px;
      position: absolute;
      top: 0;
      left: -27px;
      box-shadow: 0 0 0 0 transparent inset, 0 0 0 0 transparent inset, 0 0 0 0.17em #373837 inset, 0 0 0 0 transparent;
      -webkit-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out; }
    .radio input[type='radio'] + label:hover {
      color: #373837; }
    .radio input[type='radio'] + label input[type='text'] {
      width: 55px;
      border: 1px solid #e0e0e0;
      position: relative;
      bottom: 5px;
      padding: 5px;
      outline: none;
      font-weight: bold;
      text-align: center; }
      @media (min-width: 1600px) {
        .radio input[type='radio'] + label input[type='text'] {
          margin-top: 15px; } }
  .radio input[type='radio']:checked + label:after {
    box-shadow: 0 0 0 1em #373837 inset, 0 0 0 1em #f2f9ff inset, 0 0 0 1.2em #373837 inset, 0 0 0 1.2em transparent; }
  .radio input[type='radio']:checked + label:hover:after {
    box-shadow: 0 0 0 1em #373837 inset, 0 0 0 1em #f2f9ff inset, 0 0 0 1.2em #373837 inset, 0 0 0 1.2em transparent; }

.radio.radius input[type='radio'] + label:after {
  border-radius: 50px; }

.radio.krew-primary1 input[type='radio'] + label:after {
  box-shadow: 0 0 0 0 transparent inset, 0 0 0 0 transparent inset, 0 0 0 0.17em #00BBC6 inset, 0 0 0 0 transparent; }

.radio.krew-primary1 input[type='radio']:checked + label:after {
  box-shadow: 0 0 0 1em #00BBC6 inset, 0 0 0 1em #f2f9ff inset, 0 0 0 1.2em #00BBC6 inset, 0 0 0 1.2em transparent; }

.radio.krew-primary1 input[type='radio']:checked + label:hover:after {
  box-shadow: 0 0 0 1em #00BBC6 inset, 0 0 0 1em #f2f9ff inset, 0 0 0 1.2em #00BBC6 inset, 0 0 0 1.2em transparent; }

.radio.krew-aux1 input[type='radio'] + label:after {
  box-shadow: 0 0 0 0 transparent inset, 0 0 0 0 transparent inset, 0 0 0 0.17em #8FAEB1 inset, 0 0 0 0 transparent; }

.radio.krew-aux1 input[type='radio']:checked + label:after {
  box-shadow: 0 0 0 1em #8FAEB1 inset, 0 0 0 1em #f2f9ff inset, 0 0 0 1.2em #8FAEB1 inset, 0 0 0 1.2em transparent; }

.radio.krew-aux1 input[type='radio']:checked + label:hover:after {
  box-shadow: 0 0 0 1em #8FAEB1 inset, 0 0 0 1em #f2f9ff inset, 0 0 0 1.2em #8FAEB1 inset, 0 0 0 1.2em transparent; }

.radio.krew-secondary3 input[type='radio'] + label:after {
  box-shadow: 0 0 0 0 transparent inset, 0 0 0 0 transparent inset, 0 0 0 0.17em #51B964 inset, 0 0 0 0 transparent; }

.radio.krew-secondary3 input[type='radio']:checked + label:after {
  box-shadow: 0 0 0 1em #51B964 inset, 0 0 0 1em #f2f9ff inset, 0 0 0 1.2em #51B964 inset, 0 0 0 1.2em transparent; }

.radio.krew-secondary3 input[type='radio']:checked + label:hover:after {
  box-shadow: 0 0 0 1em #51B964 inset, 0 0 0 1em #f2f9ff inset, 0 0 0 1.2em #51B964 inset, 0 0 0 1.2em transparent; }

.radio.krew-secondary1 input[type='radio'] + label:after {
  box-shadow: 0 0 0 0 transparent inset, 0 0 0 0 transparent inset, 0 0 0 0.17em #A473B1 inset, 0 0 0 0 transparent; }

.radio.krew-secondary1 input[type='radio']:checked + label:after {
  box-shadow: 0 0 0 1em #A473B1 inset, 0 0 0 1em #f2f9ff inset, 0 0 0 1.2em #A473B1 inset, 0 0 0 1.2em transparent; }

.radio.krew-secondary1 input[type='radio']:checked + label:hover:after {
  box-shadow: 0 0 0 1em #A473B1 inset, 0 0 0 1em #f2f9ff inset, 0 0 0 1.2em #A473B1 inset, 0 0 0 1.2em transparent; }

.radio.krew-secondary2 input[type='radio'] + label:after {
  box-shadow: 0 0 0 0 transparent inset, 0 0 0 0 transparent inset, 0 0 0 0.17em #F3785E inset, 0 0 0 0 transparent; }

.radio.krew-secondary2 input[type='radio']:checked + label:after {
  box-shadow: 0 0 0 1em #F3785E inset, 0 0 0 1em #f2f9ff inset, 0 0 0 1.2em #F3785E inset, 0 0 0 1.2em transparent; }

.radio.krew-secondary2 input[type='radio']:checked + label:hover:after {
  box-shadow: 0 0 0 1em #F3785E inset, 0 0 0 1em #f2f9ff inset, 0 0 0 1.2em #F3785E inset, 0 0 0 1.2em transparent; }

.radio.krew-gold input[type='radio'] + label:after {
  box-shadow: 0 0 0 0 transparent inset, 0 0 0 0 transparent inset, 0 0 0 0.17em #B7A56C inset, 0 0 0 0 transparent; }

.radio.krew-gold input[type='radio']:checked + label:after {
  box-shadow: 0 0 0 1em #B7A56C inset, 0 0 0 1em #f2f9ff inset, 0 0 0 1.2em #B7A56C inset, 0 0 0 1.2em transparent; }

.radio.krew-gold input[type='radio']:checked + label:hover:after {
  box-shadow: 0 0 0 1em #B7A56C inset, 0 0 0 1em #f2f9ff inset, 0 0 0 1.2em #B7A56C inset, 0 0 0 1.2em transparent; }

.radio.disabled input[type='radio'] + label:after {
  box-shadow: 0 0 0 0 transparent inset, 0 0 0 0 transparent inset, 0 0 0 0.17em #BFBFC0 inset, 0 0 0 0 transparent; }

.radio.disabled input[type='radio']:checked + label:after {
  box-shadow: 0 0 0 1em #BFBFC0 inset, 0 0 0 1em #f2f9ff inset, 0 0 0 1.2em #BFBFC0 inset, 0 0 0 1.2em transparent; }

.radio.disabled input[type='radio']:checked + label:hover:after {
  box-shadow: 0 0 0 1em #BFBFC0 inset, 0 0 0 1em #f2f9ff inset, 0 0 0 1.2em #BFBFC0 inset, 0 0 0 1.2em transparent; }

/*
This is the theme-based variable file for the [newsoc] project.
This file is a direct copy from the global [_variables.scss],
which has been customized to fit the needs of the asend theme.

{Theme Output Controls}:
To change the theme for krew; Update the [_krew-variables.scss] file.
This file maps the correct variables to the krew-framework.
 */
/* ===================
COLORS
=====================*/
/* ===================
Alerts
=====================*/
/* ===================
Button Controls
=====================*/
/*
Please note that if you are working to enchace this framework in any way.
You MUST USE the [_variables.scss] file as the above setting, it is the global
variable file for the krew-framework.

It is up to theme creators to update their themes based on the changes to
this file.
 */
.krew-select {
  position: relative; }

.krew-select-hidden {
  display: none;
  visibility: hidden;
  padding-right: 10px; }

.krew-select {
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-align: left;
  font-size: 1em;
  color: #373837;
  width: 100%;
  height: 50px;
  margin-bottom: 18px;
  border: 1px solid #EBECEC; }
  .krew-select.active-select .krew-select-value {
    background-color: #E2E2E2; }
    .krew-select.active-select .krew-select-value:after {
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg);
      top: 15px;
      border-color: transparent transparent #BFBFC0 transparent; }
  .krew-select.active-select .krew-select-options {
    display: block;
    width: 100%;
    max-height: 325px;
    overflow-y: auto;
    border: 1px solid #EBECEC; }

.krew-select-value {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #f2f2f2;
  padding: 12px 25px 14px 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 300; }
  .krew-select-value:after {
    content: "\e61d";
    font-family: 'icomoon';
    font-size: 17px;
    color: #00BBC6;
    position: absolute;
    top: 15px;
    right: 20px; }

.krew-select-options {
  display: none;
  position: absolute;
  top: 125px;
  right: 0;
  left: 0;
  z-index: 11;
  max-height: 0;
  width: 100%;
  white-space: nowrap;
  overflow: auto;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #f2f2f2;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.15s cubic-bezier(0.35, 0, 0.25, 1);
  transition: all 0.15s cubic-bezier(0.35, 0, 0.25, 1); }
  .krew-select-options li {
    width: 90%;
    margin: 0 auto;
    padding: 12px 0;
    border-top: 1px solid #373837;
    text-transform: translateY(-50%);
    font-size: 0.875em;
    font-weight: 300; }
    .krew-select-options li:hover {
      color: #757575;
      background: #F5F5F5; }
    .krew-select-options li:first-child {
      border-top: 0; }
    .krew-select-options li[rel="hide"] {
      display: none; }

/*
This is the theme-based variable file for the [newsoc] project.
This file is a direct copy from the global [_variables.scss],
which has been customized to fit the needs of the asend theme.

{Theme Output Controls}:
To change the theme for krew; Update the [_krew-variables.scss] file.
This file maps the correct variables to the krew-framework.
 */
/* ===================
COLORS
=====================*/
/* ===================
Alerts
=====================*/
/* ===================
Button Controls
=====================*/
/*
Please note that if you are working to enchace this framework in any way.
You MUST USE the [_variables.scss] file as the above setting, it is the global
variable file for the krew-framework.

It is up to theme creators to update their themes based on the changes to
this file.
 */
.loader {
  display: block;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.spinner {
  -webkit-animation: rotator 1.4s linear infinite;
          animation: rotator 1.4s linear infinite; }

@-webkit-keyframes rotator {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg); } }

@keyframes rotator {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg); } }

.path {
  stroke-dasharray: 187;
  stroke-dashoffset: 0;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
          animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite; }

@-webkit-keyframes colors {
  0% {
    stroke: #757575; }
  25% {
    stroke: #757575; }
  50% {
    stroke: #F3785E; }
  75% {
    stroke: #00BBC6; }
  100% {
    stroke: #00BBC6; } }

@keyframes colors {
  0% {
    stroke: #757575; }
  25% {
    stroke: #757575; }
  50% {
    stroke: #F3785E; }
  75% {
    stroke: #00BBC6; }
  100% {
    stroke: #00BBC6; } }

@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 187; }
  50% {
    stroke-dashoffset: 46.75;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg); }
  100% {
    stroke-dashoffset: 187;
    -webkit-transform: rotate(450deg);
            transform: rotate(450deg); } }

@keyframes dash {
  0% {
    stroke-dashoffset: 187; }
  50% {
    stroke-dashoffset: 46.75;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg); }
  100% {
    stroke-dashoffset: 187;
    -webkit-transform: rotate(450deg);
            transform: rotate(450deg); } }

/*
This is the theme-based variable file for the [newsoc] project.
This file is a direct copy from the global [_variables.scss],
which has been customized to fit the needs of the asend theme.

{Theme Output Controls}:
To change the theme for krew; Update the [_krew-variables.scss] file.
This file maps the correct variables to the krew-framework.
 */
/* ===================
COLORS
=====================*/
/* ===================
Alerts
=====================*/
/* ===================
Button Controls
=====================*/
/*
Please note that if you are working to enchace this framework in any way.
You MUST USE the [_variables.scss] file as the above setting, it is the global
variable file for the krew-framework.

It is up to theme creators to update their themes based on the changes to
this file.
 */
*, *:before, *:after {
  box-sizing: border-box; }

.store-content {
  max-width: 1375px;
  margin: 0 auto; }

.grid-item_demo {
  background-color: rgba(0, 0, 0, 0.1);
  padding: 1.5em;
  border-radius: 0.2em;
  text-align: center; }

/*==============================
krew-content
==============================*/
.krew-content {
  max-width: 1280px;
  margin: 0 auto; }

/*==============================
  Grid
================================*/
.store-grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-left: -0.5em;
  margin-right: -0.5em;
  margin-bottm: 0.5em; }

/*=============================
 Grid No-Gutter
==============================*/
.grid--gutterless {
  margin-left: 0;
  margin-right: 0; }

.grid--gutterless > .grid-item {
  padding-left: 0;
  padding-right: 0; }

/* =============================
  Grid-items
================================*/
.grid-full {
  width: 100%;
  padding-bottom: 1em; }

.grid-item {
  width: calc(100% / 4);
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-bottom: 1em; }

@media (max-width: 1375px) {
  .store-content {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 20px; } }

@media (max-width: 750px) {
  .store-content {
    padding: 0 5px; }
  .store-grid {
    margin-left: initial;
    margin-right: initial; }
  .grid-item {
    width: 50%; } }

/*
This is the theme-based variable file for the [newsoc] project.
This file is a direct copy from the global [_variables.scss],
which has been customized to fit the needs of the asend theme.

{Theme Output Controls}:
To change the theme for krew; Update the [_krew-variables.scss] file.
This file maps the correct variables to the krew-framework.
 */
/* ===================
COLORS
=====================*/
/* ===================
Alerts
=====================*/
/* ===================
Button Controls
=====================*/
/*
Please note that if you are working to enchace this framework in any way.
You MUST USE the [_variables.scss] file as the above setting, it is the global
variable file for the krew-framework.

It is up to theme creators to update their themes based on the changes to
this file.
 */
/* Common styles for all menus */
.krew-menu {
  line-height: 1;
  margin: 0 auto 3em; }

.menu__header {
  margin: 28px 0; }
  .menu__header span {
    display: none; }

.menu__list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none; }

.menu__item {
  display: block;
  margin: 1em 0; }

.menu__link {
  font-size: 1.05em;
  font-weight: bold;
  display: block;
  padding: 1em;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -webkit-tap-highlight-color: transparent; }
  .menu__link:hover, .menu__link:focus {
    outline: none; }

.krew--underline .menu__link {
  position: relative;
  display: inline-block;
  margin: 0 1.5em;
  padding: 0.75em 0;
  text-align: right;
  color: #b5b5b5;
  -webkit-transition: color 0.3s;
  transition: color 0.3s; }
  .krew--underline .menu__link:hover, .krew--underline .menu__link:focus {
    color: #929292; }

.krew--underline .menu__item--current .menu__link {
  color: #373837; }

.krew--underline .menu__link::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: #373837;
  -webkit-transform: scale3d(0, 1, 1);
  transform: scale3d(0, 1, 1);
  -webkit-transition: -webkit-transform 0.1s;
  transition: transform 0.1s; }

.krew--underline .menu__item--current .menu__link::before {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }

.krew--underline.sub--block .menu__header {
  text-align: right;
  padding: 28px 0; }

.krew--underline.sub--block .menu__item {
  text-align: right; }

.sub--block .menu__list {
  display: block;
  margin: 0 auto; }

.sub--block .menu__line {
  top: 3em; }

.sub--block .menu__item:nth-child(1).menu__item--current ~ .menu__line {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.sub--block .menu__item:nth-child(2).menu__item--current ~ .menu__line {
  -webkit-transform: translate3d(0, 3em, 0);
  transform: translate3d(0, 3em, 0); }

.sub--block .menu__item:nth-child(3).menu__item--current ~ .menu__line {
  -webkit-transform: translate3d(0, 6em, 0);
  transform: translate3d(0, 6em, 0); }

.sub--block .menu__item:nth-child(4).menu__item--current ~ .menu__line {
  -webkit-transform: translate3d(0, 9em, 0);
  transform: translate3d(0, 9em, 0); }

.sub--block .menu__item:nth-child(5).menu__item--current ~ .menu__line {
  -webkit-transform: translate3d(0, 12em, 0);
  transform: translate3d(0, 12em, 0); }

@media screen and (max-width: 55em) {
  .krew--underline .menu__line {
    top: 3em; }
  .krew--underline .menu__item:nth-child(1).menu__item--current ~ .menu__line {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .krew--underline .menu__item:nth-child(2).menu__item--current ~ .menu__line {
    -webkit-transform: translate3d(0, 3em, 0);
    transform: translate3d(0, 3em, 0); }
  .krew--underline .menu__item:nth-child(3).menu__item--current ~ .menu__line {
    -webkit-transform: translate3d(0, 6em, 0);
    transform: translate3d(0, 6em, 0); }
  .krew--underline .menu__item:nth-child(4).menu__item--current ~ .menu__line {
    -webkit-transform: translate3d(0, 9em, 0);
    transform: translate3d(0, 9em, 0); }
  .krew--underline .menu__item:nth-child(5).menu__item--current ~ .menu__line {
    -webkit-transform: translate3d(0, 12em, 0);
    transform: translate3d(0, 12em, 0); }
  .krew-menu .krew--underline {
    z-index: 100;
    background: #fff;
    padding-bottom: 25px;
    border-bottom: 1px solid #F5F5F5; }
    .krew-menu .krew--underline .menu__item {
      text-align: center; }
    .krew-menu .krew--underline.sub--block .menu__item {
      text-align: center; } }

/* Block Subnav Boxed */
.krew--boxed.sub--block {
  max-width: 350px; }
  .krew--boxed.sub--block .menu__item {
    width: 100%; }

.krew--boxed .menu__item {
  position: relative;
  overflow: hidden;
  margin: 0.5em; }

.krew--boxed .menu__link {
  position: relative;
  z-index: 10;
  text-align: center;
  color: #b5b5b5;
  -webkit-transition: color 0.3s;
  transition: color 0.3s; }
  .krew--boxed .menu__link:hover, .krew--boxed .menu__link:focus {
    color: #929292; }

.krew--boxed .menu__item--current .menu__link {
  color: #00BBC6; }

.krew--boxed .menu__item::before, .krew--boxed .menu__item::after {
  content: '';
  position: absolute;
  pointer-events: none;
  opacity: 0;
  background: #00BBC6;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }

.krew--boxed .menu__link::before, .krew--boxed .menu__link::after {
  content: '';
  position: absolute;
  pointer-events: none;
  opacity: 0;
  background: #00BBC6;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }

.krew--boxed .menu__item::before, .krew--boxed .menu__item::after {
  left: 0;
  width: 100%;
  height: 2px; }

.krew--boxed .menu__item::before {
  top: 0;
  -webkit-transform: translate3d(0, 15px, 0);
  transform: translate3d(0, 15px, 0); }

.krew--boxed .menu__item::after {
  bottom: 0;
  -webkit-transform: translate3d(0, -15px, 0);
  transform: translate3d(0, -15px, 0); }

.krew--boxed .menu__link::before, .krew--boxed .menu__link::after {
  top: 0;
  width: 2px;
  height: 100%; }

.krew--boxed .menu__link::before {
  left: 0;
  -webkit-transform: translate3d(15px, 0, 0);
  transform: translate3d(15px, 0, 0); }

.krew--boxed .menu__link::after {
  right: 0;
  -webkit-transform: translate3d(-15px, 0, 0);
  transform: translate3d(-15px, 0, 0); }

.krew--boxed .menu__item--current::before, .krew--boxed .menu__item--current::after {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.krew--boxed .menu__item--current .menu__link::before, .krew--boxed .menu__item--current .menu__link::after {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

@media screen and (max-width: 991px) {
  .krew-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #FFF; }
  .menu__header {
    position: fixed;
    left: 0;
    padding: 20px;
    margin-top: 0;
    width: 100%;
    background: #FFF;
    box-shadow: 0 -5px 10px 5px #EBECEC;
    text-align: left !important; }
    .menu__header .krew-menu__trigger {
      font-size: 18px;
      display: inline-block;
      position: absolute;
      right: 15px;
      cursor: pointer; }
      .menu__header .krew-menu__trigger.icon-close-rounded {
        font-size: 14px; }
  .krew--underline.sub--block .menu__header {
    padding: 20px; }
  .krew-menu--show {
    display: block !important; }
  .menu__list {
    display: block;
    display: none;
    margin: 0 auto;
    width: 100%;
    background: #FFF;
    overflow-y: hidden;
    overflow-x: auto;
    top: 75px; }
  .sub--block .menu__list {
    display: none; }
  .menu__item {
    width: 100%;
    text-align: left !important;
    margin: 0; }
  .krew--boxed.sub--block {
    max-width: 100%; } }

/*
This is the theme-based variable file for the [newsoc] project.
This file is a direct copy from the global [_variables.scss],
which has been customized to fit the needs of the asend theme.

{Theme Output Controls}:
To change the theme for krew; Update the [_krew-variables.scss] file.
This file maps the correct variables to the krew-framework.
 */
/* ===================
COLORS
=====================*/
/* ===================
Alerts
=====================*/
/* ===================
Button Controls
=====================*/
/*
Please note that if you are working to enchace this framework in any way.
You MUST USE the [_variables.scss] file as the above setting, it is the global
variable file for the krew-framework.

It is up to theme creators to update their themes based on the changes to
this file.
 */
.krew-toast__container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 3010; }

.krew-toast {
  width: 96%;
  min-height: 60px;
  background-color: #cccccc;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
  color: #fff;
  font-family: 'Opens sans',arial,sans-serif;
  padding: 22px 76px;
  box-sizing: border-box;
  opacity: 0;
  -webkit-transform: translateY(-110%);
          transform: translateY(-110%);
  -webkit-transition: all 300ms ease;
          transition: all 300ms ease;
  position: absolute;
  top: 0;
  left: 2%;
  text-align: left; }
  .krew-toast.krew-info {
    background-color: #00BBC6; }
  .krew-toast.krew-success {
    background-color: #51B964; }
  .krew-toast.krew-warn {
    background-color: #F7C949; }
  .krew-toast.krew-error {
    background-color: #FA3838; }
  .krew-toast.show-me {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition: all 500ms ease;
            transition: all 500ms ease; }

.krew-toast__close {
  position: absolute;
  top: 8px;
  right: 12px;
  cursor: pointer;
  height: 15px;
  width: 15px; }
  .krew-toast__close:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 3px;
    height: 100%;
    background-color: #fff;
    border-radius: 6px;
    -webkit-transform: translate(-50%, -50%) rotateZ(-45deg);
            transform: translate(-50%, -50%) rotateZ(-45deg); }
  .krew-toast__close:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 3px;
    height: 100%;
    background-color: #fff;
    border-radius: 6px;
    -webkit-transform: translate(-50%, -50%) rotateZ(45deg);
            transform: translate(-50%, -50%) rotateZ(45deg); }

.krew-toast.krew-toast__confirm {
  padding-right: 340px; }
  .krew-toast.krew-toast__confirm .krew-close {
    display: none; }

.krew-confirm__container {
  position: absolute;
  top: 50%;
  right: 35px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }

.krew-confirm__button {
  border: 2px solid #fff;
  display: inline-block;
  padding: 0.5em 1em;
  min-width: 68px;
  max-width: 110px;
  text-align: center;
  font-size: 0.685em;
  cursor: pointer; }
  .krew-confirm__button.krew-confirm__true {
    margin-right: 1rem; }
  .krew-confirm__button.krew-confirm__false {
    margin-right: 1rem; }

.krew-toast-icon {
  position: absolute;
  top: 50%;
  left: 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 36px;
  height: 36px; }

.krew-toast .krew-toast-icon:before {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 2px solid #fff;
  display: block;
  box-sizing: border-box; }

.krew-toast.krew-info .krew-toast-icon:after {
  content: 'i';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 24px;
  font-weight: 500; }

.krew-toast.krew-success .krew-toast-icon:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -60%) rotateZ(36deg);
          transform: translate(-50%, -60%) rotateZ(36deg);
  font-size: 24px;
  font-weight: 500;
  border: 3px solid #fff;
  border-width: 0 3px 3px 0;
  height: 16px;
  width: 8px; }

.krew-toast.krew-warn .krew-toast-icon:after {
  content: '!';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 24px;
  font-weight: 500; }

.krew-toast.krew-error .krew-toast-icon:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotateZ(45deg);
          transform: translate(-50%, -50%) rotateZ(45deg);
  height: 100%;
  width: 3px;
  background-color: #fff;
  border: none; }

@media (max-width: 991px) {
  .krew-confirm__container {
    position: relative;
    top: 12px;
    right: initial;
    text-align: center;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none; }
  .krew-confirm__button {
    font-size: .95em; } }

/*
This is the theme-based variable file for the [newsoc] project.
This file is a direct copy from the global [_variables.scss],
which has been customized to fit the needs of the asend theme.

{Theme Output Controls}:
To change the theme for krew; Update the [_krew-variables.scss] file.
This file maps the correct variables to the krew-framework.
 */
/* ===================
COLORS
=====================*/
/* ===================
Alerts
=====================*/
/* ===================
Button Controls
=====================*/
/*
Please note that if you are working to enchace this framework in any way.
You MUST USE the [_variables.scss] file as the above setting, it is the global
variable file for the krew-framework.

It is up to theme creators to update their themes based on the changes to
this file.
 */
fieldset.krew-data-toggle {
  position: relative;
  width: 120px;
  height: 30px;
  margin: 50px;
  background: #e1e1e1;
  border-radius: 6px;
  border: 4px solid #e1e1e1;
  padding: 0;
  box-sizing: content-box; }
  fieldset.krew-data-toggle input.input-switch {
    position: absolute;
    opacity: 0;
    z-index: -10; }
  fieldset.krew-data-toggle span.switch-bg {
    position: absolute;
    z-index: 0;
    width: 50%;
    height: inherit;
    left: 50%;
    background: #00BBC6;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    border-radius: 5px; }
  fieldset.krew-data-toggle span.switch-labels {
    position: absolute;
    z-index: 1;
    width: inherit;
    height: inherit; }
    fieldset.krew-data-toggle span.switch-labels:before, fieldset.krew-data-toggle span.switch-labels:after {
      height: 30px;
      width: 50%;
      line-height: 30px;
      transition: all 0.3s;
      -webkit-transition: all 0.3s;
      text-align: center; }
    fieldset.krew-data-toggle span.switch-labels:before {
      content: attr(data-on);
      left: 0;
      position: absolute;
      color: #b7b7b7; }
    fieldset.krew-data-toggle span.switch-labels:after {
      content: attr(data-off);
      position: absolute;
      right: 0;
      color: #fff; }
  fieldset.krew-data-toggle label {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer; }
  fieldset.krew-data-toggle .input-switch:checked ~ .switch-bg {
    left: 0%;
    background: #BFBFC0; }
  fieldset.krew-data-toggle .input-switch:checked ~ .switch-labels:before {
    color: #fff; }
  fieldset.krew-data-toggle .input-switch:checked ~ .switch-labels:after {
    color: #b7b7b7; }
  fieldset.krew-data-toggle.krew-secondary3 span.switch-bg {
    background-color: #51B964; }
  fieldset.krew-data-toggle.krew-secondary2 span.switch-bg {
    background-color: #F3785E; }
  fieldset.krew-data-toggle.krew-secondary1 span.switch-bg {
    background-color: #A473B1; }

fieldset.krew-settings-toggle {
  position: relative;
  width: 35px;
  height: 6px;
  margin: 50px;
  background: #e1e1e1;
  border-radius: 50px;
  border: none;
  padding: 4px;
  box-sizing: content-box; }
  fieldset.krew-settings-toggle input.input-switch {
    position: absolute;
    opacity: 0;
    z-index: -10; }
  fieldset.krew-settings-toggle span.switch-bg {
    position: absolute;
    z-index: 0;
    width: 22px;
    height: 22px;
    right: 0;
    top: -4px;
    background: #00BBC6;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    border-radius: 50px; }
  fieldset.krew-settings-toggle span.switch-labels {
    position: absolute;
    z-index: 1;
    width: inherit;
    height: inherit; }
    fieldset.krew-settings-toggle span.switch-labels:before, fieldset.krew-settings-toggle span.switch-labels:after {
      height: 30px;
      width: 50%;
      line-height: 30px;
      transition: all 0.3s;
      -webkit-transition: all 0.3s;
      text-align: center; }
    fieldset.krew-settings-toggle span.switch-labels:before {
      content: attr(data-on);
      left: 0;
      position: absolute;
      color: #b7b7b7; }
    fieldset.krew-settings-toggle span.switch-labels:after {
      content: attr(data-off);
      position: absolute;
      right: 0;
      color: #fff; }
  fieldset.krew-settings-toggle label {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer; }
  fieldset.krew-settings-toggle .input-switch:checked ~ .switch-bg {
    left: 0;
    background: #BFBFC0; }
  fieldset.krew-settings-toggle .input-switch:checked ~ .switch-labels:before {
    color: #fff; }
  fieldset.krew-settings-toggle .input-switch:checked ~ .switch-labels:after {
    color: #b7b7b7; }
  fieldset.krew-settings-toggle.krew-secondary3:checked ~ .switch-bg {
    background-color: #51B964; }
  fieldset.krew-settings-toggle.krew-secondary2 span.switch-bg {
    background-color: #F3785E; }
  fieldset.krew-settings-toggle.krew-secondary1 span.switch-bg {
    background-color: #A473B1; }

/*
This is the theme-based variable file for the [newsoc] project.
This file is a direct copy from the global [_variables.scss],
which has been customized to fit the needs of the asend theme.

{Theme Output Controls}:
To change the theme for krew; Update the [_krew-variables.scss] file.
This file maps the correct variables to the krew-framework.
 */
/* ===================
COLORS
=====================*/
/* ===================
Alerts
=====================*/
/* ===================
Button Controls
=====================*/
/*
Please note that if you are working to enchace this framework in any way.
You MUST USE the [_variables.scss] file as the above setting, it is the global
variable file for the krew-framework.

It is up to theme creators to update their themes based on the changes to
this file.
 */
.krew-well {
  position: relative;
  border: 1px solid;
  padding: 25px;
  margin: 25px 0;
  color: #373837; }
  .krew-well.has-header {
    padding-top: 85px; }
  .krew-well h3.well-header {
    line-height: initial;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    padding: 10px 15px;
    text-transform: capitalize; }

/*
This is the theme-based variable file for the [newsoc] project.
This file is a direct copy from the global [_variables.scss],
which has been customized to fit the needs of the asend theme.

{Theme Output Controls}:
To change the theme for krew; Update the [_krew-variables.scss] file.
This file maps the correct variables to the krew-framework.
 */
/* ===================
COLORS
=====================*/
/* ===================
Alerts
=====================*/
/* ===================
Button Controls
=====================*/
/*
Please note that if you are working to enchace this framework in any way.
You MUST USE the [_variables.scss] file as the above setting, it is the global
variable file for the krew-framework.

It is up to theme creators to update their themes based on the changes to
this file.
 */
*, *:before, *:after {
  box-sizing: border-box; }

.card-content_2 {
  max-width: 1375px;
  margin: 0 auto; }

.grid-item_demo {
  background-color: rgba(0, 0, 0, 0.1);
  padding: 1.5em;
  border-radius: 0.2em;
  text-align: center; }

/*==============================
krew-content
==============================*/
.krew-content {
  max-width: 1280px;
  margin: 0 auto; }

/*==============================
  Grid
================================*/
.card-grid_2 {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-left: -0.5em;
  margin-right: -0.5em;
  margin-bottm: 0.5em; }
  .card-grid_2 .grid-full {
    width: 100%;
    padding-bottom: 1em; }
  .card-grid_2 .grid-item {
    width: calc(100% / 2);
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 1em; }

/*=============================
 Grid No-Gutter
==============================*/
.grid--gutterless {
  margin-left: 0;
  margin-right: 0; }

.grid--gutterless > .grid-item {
  padding-left: 0;
  padding-right: 0; }

@media (max-width: 1375px) {
  .card-content_2 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 20px; } }

@media (max-width: 750px) {
  .card-content_2 {
    padding: 0 5px; }
  .card-grid_2 {
    margin-left: initial;
    margin-right: initial; }
  .grid-item {
    width: 50%; } }

/*
This is the theme-based variable file for the [newsoc] project.
This file is a direct copy from the global [_variables.scss],
which has been customized to fit the needs of the asend theme.

{Theme Output Controls}:
To change the theme for krew; Update the [_krew-variables.scss] file.
This file maps the correct variables to the krew-framework.
 */
/* ===================
COLORS
=====================*/
/* ===================
Alerts
=====================*/
/* ===================
Button Controls
=====================*/
/*
Please note that if you are working to enchace this framework in any way.
You MUST USE the [_variables.scss] file as the above setting, it is the global
variable file for the krew-framework.

It is up to theme creators to update their themes based on the changes to
this file.
 */
*, *:before, *:after {
  box-sizing: border-box; }

.card-content_4 {
  max-width: 1375px;
  margin: 0 auto; }

.grid-item_demo {
  background-color: rgba(0, 0, 0, 0.1);
  padding: 1.5em;
  border-radius: 0.2em;
  text-align: center; }

/*==============================
krew-content
==============================*/
.krew-content {
  max-width: 1280px;
  margin: 0 auto; }

/*==============================
  Grid
================================*/
.card-grid_4 {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-left: -0.5em;
  margin-right: -0.5em;
  margin-bottm: 0.5em;
  /* =============================
      Grid-items
    ================================*/ }
  .card-grid_4 .grid-full {
    width: 100%;
    padding-bottom: 1em; }
  .card-grid_4 .grid-item {
    width: calc(100% / 4);
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 1em; }

/*=============================
 Grid No-Gutter
==============================*/
.grid--gutterless {
  margin-left: 0;
  margin-right: 0; }

.grid--gutterless > .grid-item {
  padding-left: 0;
  padding-right: 0; }

@media (max-width: 1375px) {
  .card-content_4 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 20px; } }

@media (max-width: 750px) {
  .card-content_4 {
    padding: 0 5px; }
  .card-grid_4 {
    margin-left: initial;
    margin-right: initial; }
  .grid-item {
    width: 50%; } }

/*
This is the theme-based variable file for the [newsoc] project.
This file is a direct copy from the global [_variables.scss],
which has been customized to fit the needs of the asend theme.

{Theme Output Controls}:
To change the theme for krew; Update the [_krew-variables.scss] file.
This file maps the correct variables to the krew-framework.
 */
/* ===================
COLORS
=====================*/
/* ===================
Alerts
=====================*/
/* ===================
Button Controls
=====================*/
/*
Please note that if you are working to enchace this framework in any way.
You MUST USE the [_variables.scss] file as the above setting, it is the global
variable file for the krew-framework.

It is up to theme creators to update their themes based on the changes to
this file.
 */
*, *:before, *:after {
  box-sizing: border-box; }

.card6-content {
  max-width: 1375px;
  margin: 0 auto; }

.grid-item_demo {
  background-color: rgba(0, 0, 0, 0.1);
  padding: 1.5em;
  border-radius: 0.2em;
  text-align: center; }

/*==============================
krew-content
==============================*/
.krew-content {
  max-width: 1280px;
  margin: 0 auto; }

/*==============================
  Grid
================================*/
.card-grid_6 {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-left: -0.5em;
  margin-right: -0.5em;
  margin-bottm: 0.5em; }
  .card-grid_6 .grid-full {
    width: 100%;
    padding-bottom: 1em; }
  .card-grid_6 .grid-item {
    width: calc(100% / 6);
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 1em; }

/*=============================
 Grid No-Gutter
==============================*/
.grid--gutterless {
  margin-left: 0;
  margin-right: 0; }

.grid--gutterless > .grid-item {
  padding-left: 0;
  padding-right: 0; }

/* =============================
  Grid-items
================================*/
@media (max-width: 1375px) {
  .card-content_6 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 20px; } }

@media (max-width: 750px) {
  .card-content_6 {
    padding: 0 5px; }
  .card-grid_6 {
    margin-left: initial;
    margin-right: initial; }
  .grid-item {
    width: 50%; } }

/*=================================
Colors
.class names need to be
the same as variable names
=================================*/
.button {
  -webkit-transition: all 0.2s;
          transition: all 0.2s; }
  .button.inverse {
    padding: 6px 20px;
    border: 2px solid; }
    .button.inverse.small {
      padding: 3px 12px; }
  .button.krew-primary1 {
    background-color: #00BBC6;
    color: #FFFFFF; }
    .button.krew-primary1:hover {
      background-color: #009ea7; }
    .button.krew-primary1.inverse {
      background-color: transparent;
      border-color: #00BBC6;
      color: #00BBC6; }
      .button.krew-primary1.inverse:hover {
        background-color: #00BBC6;
        color: #FFFFFF; }

.button {
  -webkit-transition: all 0.2s;
          transition: all 0.2s; }
  .button.inverse {
    padding: 6px 20px;
    border: 2px solid; }
    .button.inverse.small {
      padding: 3px 12px; }
  .button.krew-aux1 {
    background-color: #CCF1F4;
    color: #FFFFFF; }
    .button.krew-aux1:hover {
      background-color: #b3eaef; }
    .button.krew-aux1.inverse {
      background-color: transparent;
      border-color: #CCF1F4;
      color: #CCF1F4; }
      .button.krew-aux1.inverse:hover {
        background-color: #CCF1F4;
        color: #FFFFFF; }

.button {
  -webkit-transition: all 0.2s;
          transition: all 0.2s; }
  .button.inverse {
    padding: 6px 20px;
    border: 2px solid; }
    .button.inverse.small {
      padding: 3px 12px; }
  .button.krew-aux1-helper {
    background-color: #8FAEB1;
    color: #FFFFFF; }
    .button.krew-aux1-helper:hover {
      background-color: #7da1a4; }
    .button.krew-aux1-helper.inverse {
      background-color: transparent;
      border-color: #8FAEB1;
      color: #8FAEB1; }
      .button.krew-aux1-helper.inverse:hover {
        background-color: #8FAEB1;
        color: #FFFFFF; }

.button {
  -webkit-transition: all 0.2s;
          transition: all 0.2s; }
  .button.inverse {
    padding: 6px 20px;
    border: 2px solid; }
    .button.inverse.small {
      padding: 3px 12px; }
  .button.krew-primary2 {
    background-color: #373837;
    color: #FFFFFF; }
    .button.krew-primary2:hover {
      background-color: #282928; }
    .button.krew-primary2.inverse {
      background-color: transparent;
      border-color: #373837;
      color: #373837; }
      .button.krew-primary2.inverse:hover {
        background-color: #373837;
        color: #FFFFFF; }

.button {
  -webkit-transition: all 0.2s;
          transition: all 0.2s; }
  .button.inverse {
    padding: 6px 20px;
    border: 2px solid; }
    .button.inverse.small {
      padding: 3px 12px; }
  .button.krew-secondary1 {
    background-color: #A473B1;
    color: #FFFFFF; }
    .button.krew-secondary1:hover {
      background-color: #975fa6; }
    .button.krew-secondary1.inverse {
      background-color: transparent;
      border-color: #A473B1;
      color: #A473B1; }
      .button.krew-secondary1.inverse:hover {
        background-color: #A473B1;
        color: #FFFFFF; }

.button {
  -webkit-transition: all 0.2s;
          transition: all 0.2s; }
  .button.inverse {
    padding: 6px 20px;
    border: 2px solid; }
    .button.inverse.small {
      padding: 3px 12px; }
  .button.krew-secondary2 {
    background-color: #F3785E;
    color: #FFFFFF; }
    .button.krew-secondary2:hover {
      background-color: #f16042; }
    .button.krew-secondary2.inverse {
      background-color: transparent;
      border-color: #F3785E;
      color: #F3785E; }
      .button.krew-secondary2.inverse:hover {
        background-color: #F3785E;
        color: #FFFFFF; }

.button {
  -webkit-transition: all 0.2s;
          transition: all 0.2s; }
  .button.inverse {
    padding: 6px 20px;
    border: 2px solid; }
    .button.inverse.small {
      padding: 3px 12px; }
  .button.krew-secondary3 {
    background-color: #51B964;
    color: #FFFFFF; }
    .button.krew-secondary3:hover {
      background-color: #44a856; }
    .button.krew-secondary3.inverse {
      background-color: transparent;
      border-color: #51B964;
      color: #51B964; }
      .button.krew-secondary3.inverse:hover {
        background-color: #51B964;
        color: #FFFFFF; }

.button {
  -webkit-transition: all 0.2s;
          transition: all 0.2s; }
  .button.inverse {
    padding: 6px 20px;
    border: 2px solid; }
    .button.inverse.small {
      padding: 3px 12px; }
  .button.krew-gray {
    background-color: #757575;
    color: #FFFFFF; }
    .button.krew-gray:hover {
      background-color: #666666; }
    .button.krew-gray.inverse {
      background-color: transparent;
      border-color: #757575;
      color: #757575; }
      .button.krew-gray.inverse:hover {
        background-color: #757575;
        color: #FFFFFF; }

.button {
  -webkit-transition: all 0.2s;
          transition: all 0.2s; }
  .button.inverse {
    padding: 6px 20px;
    border: 2px solid; }
    .button.inverse.small {
      padding: 3px 12px; }
  .button.krew-light-gray {
    background-color: #BFBFC0;
    color: #FFFFFF; }
    .button.krew-light-gray:hover {
      background-color: #b0b0b1; }
    .button.krew-light-gray.inverse {
      background-color: transparent;
      border-color: #BFBFC0;
      color: #BFBFC0; }
      .button.krew-light-gray.inverse:hover {
        background-color: #BFBFC0;
        color: #FFFFFF; }

.button {
  -webkit-transition: all 0.2s;
          transition: all 0.2s; }
  .button.inverse {
    padding: 6px 20px;
    border: 2px solid; }
    .button.inverse.small {
      padding: 3px 12px; }
  .button.krew-white {
    background-color: #FFFFFF;
    color: #FFFFFF;
    color: #373837; }
    .button.krew-white:hover {
      background-color: #f0f0f0; }
    .button.krew-white.inverse {
      background-color: transparent;
      border-color: #FFFFFF;
      color: #FFFFFF; }
      .button.krew-white.inverse:hover {
        background-color: #FFFFFF;
        color: #FFFFFF;
        color: #373837; }

.button {
  -webkit-transition: all 0.2s;
          transition: all 0.2s; }
  .button.inverse {
    padding: 6px 20px;
    border: 2px solid; }
    .button.inverse.small {
      padding: 3px 12px; }
  .button.krew-gold {
    background-color: #B7A56C;
    color: #FFFFFF; }
    .button.krew-gold:hover {
      background-color: #ad9857; }
    .button.krew-gold.inverse {
      background-color: transparent;
      border-color: #B7A56C;
      color: #B7A56C; }
      .button.krew-gold.inverse:hover {
        background-color: #B7A56C;
        color: #FFFFFF; }

.krew-primary1 {
  color: #00BBC6; }
  .krew-primary1.bg-fill {
    background-color: #00BBC6;
    color: #fff; }
    .krew-primary1.bg-fill.light {
      background-color: #04f1ff; }
    .krew-primary1.bg-fill.lighter {
      background-color: #2df3ff; }
    .krew-primary1.bg-fill.dark {
      background-color: #00a3ad; }
    .krew-primary1.bg-fill.darker {
      background-color: #008b93; }
  .krew-primary1.bg-fill-disabled {
    background-color: #00BBC6;
    color: #373837; }

.krew-aux1 {
  color: #CCF1F4; }
  .krew-aux1.bg-fill {
    background-color: #CCF1F4;
    color: #fff; }
    .krew-aux1.bg-fill.light {
      background-color: #feffff; }
    .krew-aux1.bg-fill.lighter {
      background-color: white; }
    .krew-aux1.bg-fill.dark {
      background-color: #b7ebef; }
    .krew-aux1.bg-fill.darker {
      background-color: #a2e5eb; }
  .krew-aux1.bg-fill-disabled {
    background-color: #CCF1F4;
    color: #373837; }

.krew-aux1-helper {
  color: #8FAEB1; }
  .krew-aux1-helper.bg-fill {
    background-color: #8FAEB1;
    color: #fff; }
    .krew-aux1-helper.bg-fill.light {
      background-color: #b3c8ca; }
    .krew-aux1-helper.bg-fill.lighter {
      background-color: #cbd9db; }
    .krew-aux1-helper.bg-fill.dark {
      background-color: #80a3a7; }
    .krew-aux1-helper.bg-fill.darker {
      background-color: #71989c; }
  .krew-aux1-helper.bg-fill-disabled {
    background-color: #8FAEB1;
    color: #373837; }

.krew-primary2 {
  color: #373837; }
  .krew-primary2.bg-fill {
    background-color: #373837;
    color: #fff; }
    .krew-primary2.bg-fill.light {
      background-color: #555755; }
    .krew-primary2.bg-fill.lighter {
      background-color: #6a6b6a; }
    .krew-primary2.bg-fill.dark {
      background-color: #2a2b2a; }
    .krew-primary2.bg-fill.darker {
      background-color: #1e1e1e; }
  .krew-primary2.bg-fill-disabled {
    background-color: #373837;
    color: #373837; }

.krew-secondary1 {
  color: #A473B1; }
  .krew-secondary1.bg-fill {
    background-color: #A473B1;
    color: #fff; }
    .krew-secondary1.bg-fill.light {
      background-color: #be9ac7; }
    .krew-secondary1.bg-fill.lighter {
      background-color: #cfb5d5; }
    .krew-secondary1.bg-fill.dark {
      background-color: #9963a8; }
    .krew-secondary1.bg-fill.darker {
      background-color: #8c569b; }
  .krew-secondary1.bg-fill-disabled {
    background-color: #A473B1;
    color: #373837; }

.krew-aux3 {
  color: #CFB5D5; }
  .krew-aux3.bg-fill {
    background-color: #CFB5D5;
    color: #fff; }
    .krew-aux3.bg-fill.light {
      background-color: #e8dceb; }
    .krew-aux3.bg-fill.lighter {
      background-color: #f9f6fa; }
    .krew-aux3.bg-fill.dark {
      background-color: #c4a5cc; }
    .krew-aux3.bg-fill.darker {
      background-color: #ba94c3; }
  .krew-aux3.bg-fill-disabled {
    background-color: #CFB5D5;
    color: #373837; }

.krew-secondary2 {
  color: #F3785E; }
  .krew-secondary2.bg-fill {
    background-color: #F3785E;
    color: #fff; }
    .krew-secondary2.bg-fill.light {
      background-color: #f7a897; }
    .krew-secondary2.bg-fill.lighter {
      background-color: #fac8bd; }
    .krew-secondary2.bg-fill.dark {
      background-color: #f16446; }
    .krew-secondary2.bg-fill.darker {
      background-color: #ef502f; }
  .krew-secondary2.bg-fill-disabled {
    background-color: #F3785E;
    color: #373837; }

.krew-secondary3 {
  color: #51B964; }
  .krew-secondary3.bg-fill {
    background-color: #51B964;
    color: #fff; }
    .krew-secondary3.bg-fill.light {
      background-color: #7dcb8b; }
    .krew-secondary3.bg-fill.lighter {
      background-color: #9ad6a5; }
    .krew-secondary3.bg-fill.dark {
      background-color: #45ac58; }
    .krew-secondary3.bg-fill.darker {
      background-color: #3e994e; }
  .krew-secondary3.bg-fill-disabled {
    background-color: #51B964;
    color: #373837; }

.krew-gray1 {
  color: #f2f2f2; }
  .krew-gray1.bg-fill {
    background-color: #f2f2f2;
    color: #fff;
    color: #373837; }
    .krew-gray1.bg-fill.light {
      background-color: white; }
    .krew-gray1.bg-fill.lighter {
      background-color: white; }
    .krew-gray1.bg-fill.dark {
      background-color: #e5e5e5; }
    .krew-gray1.bg-fill.darker {
      background-color: #d9d9d9; }
  .krew-gray1.bg-fill-disabled {
    background-color: #f2f2f2;
    color: #373837;
    color: #373837; }

.krew-gray2 {
  color: #F5F5F5; }
  .krew-gray2.bg-fill {
    background-color: #F5F5F5;
    color: #fff;
    color: #373837; }
    .krew-gray2.bg-fill.light {
      background-color: white; }
    .krew-gray2.bg-fill.lighter {
      background-color: white; }
    .krew-gray2.bg-fill.dark {
      background-color: #e8e8e8; }
    .krew-gray2.bg-fill.darker {
      background-color: gainsboro; }
  .krew-gray2.bg-fill-disabled {
    background-color: #F5F5F5;
    color: #373837;
    color: #373837; }

.krew-gray3 {
  color: #EBECEC; }
  .krew-gray3.bg-fill {
    background-color: #EBECEC;
    color: #fff;
    color: #373837; }
    .krew-gray3.bg-fill.light {
      background-color: white; }
    .krew-gray3.bg-fill.lighter {
      background-color: white; }
    .krew-gray3.bg-fill.dark {
      background-color: #dee0e0; }
    .krew-gray3.bg-fill.darker {
      background-color: #d1d3d3; }
  .krew-gray3.bg-fill-disabled {
    background-color: #EBECEC;
    color: #373837;
    color: #373837; }

.krew-gray4 {
  color: #BFBFC0; }
  .krew-gray4.bg-fill {
    background-color: #BFBFC0;
    color: #fff; }
    .krew-gray4.bg-fill.light {
      background-color: #dedede; }
    .krew-gray4.bg-fill.lighter {
      background-color: #f2f2f3; }
    .krew-gray4.bg-fill.dark {
      background-color: #b2b2b3; }
    .krew-gray4.bg-fill.darker {
      background-color: #a5a5a7; }
  .krew-gray4.bg-fill-disabled {
    background-color: #BFBFC0;
    color: #373837; }

.krew-gray5 {
  color: #757575; }
  .krew-gray5.bg-fill {
    background-color: #757575;
    color: #fff; }
    .krew-gray5.bg-fill.light {
      background-color: #949494; }
    .krew-gray5.bg-fill.lighter {
      background-color: #a8a8a8; }
    .krew-gray5.bg-fill.dark {
      background-color: #686868; }
    .krew-gray5.bg-fill.darker {
      background-color: #5c5c5c; }
  .krew-gray5.bg-fill-disabled {
    background-color: #757575;
    color: #373837; }

.krew-gray6 {
  color: #666666; }
  .krew-gray6.bg-fill {
    background-color: #666666;
    color: #fff; }
    .krew-gray6.bg-fill.light {
      background-color: #858585; }
    .krew-gray6.bg-fill.lighter {
      background-color: #999999; }
    .krew-gray6.bg-fill.dark {
      background-color: #595959; }
    .krew-gray6.bg-fill.darker {
      background-color: #4d4d4d; }
  .krew-gray6.bg-fill-disabled {
    background-color: #666666;
    color: #373837; }

.krew-white {
  color: #FFFFFF; }
  .krew-white.bg-fill {
    background-color: #FFFFFF;
    color: #fff; }
    .krew-white.bg-fill.light {
      background-color: white; }
    .krew-white.bg-fill.lighter {
      background-color: white; }
    .krew-white.bg-fill.dark {
      background-color: #f2f2f2; }
    .krew-white.bg-fill.darker {
      background-color: #e6e6e6; }
  .krew-white.bg-fill-disabled {
    background-color: #FFFFFF;
    color: #373837; }

.krew-gold {
  color: #B7A56C; }
  .krew-gold.bg-fill {
    background-color: #B7A56C;
    color: #fff; }
    .krew-gold.bg-fill.light {
      background-color: #cbbe95; }
    .krew-gold.bg-fill.lighter {
      background-color: #d9cfb0; }
    .krew-gold.bg-fill.dark {
      background-color: #af9b5b; }
    .krew-gold.bg-fill.darker {
      background-color: #a18d4f; }
  .krew-gold.bg-fill-disabled {
    background-color: #B7A56C;
    color: #373837; }

.disabled .krew-gray5 {
  color: #757575; }
  .disabled .krew-gray5.bg-fill {
    background-color: #757575;
    color: #fff; }
    .disabled .krew-gray5.bg-fill.light {
      background-color: #949494; }
    .disabled .krew-gray5.bg-fill.lighter {
      background-color: #a8a8a8; }
    .disabled .krew-gray5.bg-fill.dark {
      background-color: #686868; }
    .disabled .krew-gray5.bg-fill.darker {
      background-color: #5c5c5c; }
  .disabled .krew-gray5.bg-fill-disabled {
    background-color: #757575;
    color: #373837; }

.well-bg__primary1 {
  border-color: #00BBC6; }
  .well-bg__primary1 h3.well-header {
    background-color: #00BBC6;
    color: #fff; }

.well-bg__primary2 {
  border-color: #373837; }
  .well-bg__primary2 h3.well-header {
    background-color: #373837;
    color: #fff; }

.well-bg__secondary1 {
  border-color: #A473B1; }
  .well-bg__secondary1 h3.well-header {
    background-color: #A473B1;
    color: #fff; }

.well-bg__secondary2 {
  border-color: #F3785E; }
  .well-bg__secondary2 h3.well-header {
    background-color: #F3785E;
    color: #fff; }

.well-bg__secondary3 {
  border-color: #51B964; }
  .well-bg__secondary3 h3.well-header {
    background-color: #51B964;
    color: #fff; }

.well-bg__gold {
  border-color: #B7A56C; }
  .well-bg__gold h3.well-header {
    background-color: #B7A56C;
    color: #fff; }

/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=9d17ac578626540a9a65)
 * Config saved to config.json and https://gist.github.com/9d17ac578626540a9a65
 */
/*!
* Bootstrap v3.3.6 (http://getbootstrap.com)
* Copyright 2011-2015 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
* {
  box-sizing: border-box; }
  *:before, *:after {
    box-sizing: border-box; }

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

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

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11 {
  float: left; }

.col-xs-12 {
  float: left;
  width: 100%; }

.col-xs-11 {
  width: 91.66666667%; }

.col-xs-10 {
  width: 83.33333333%; }

.col-xs-9 {
  width: 75%; }

.col-xs-8 {
  width: 66.66666667%; }

.col-xs-7 {
  width: 58.33333333%; }

.col-xs-6 {
  width: 50%; }

.col-xs-5 {
  width: 41.66666667%; }

.col-xs-4 {
  width: 33.33333333%; }

.col-xs-3 {
  width: 25%; }

.col-xs-2 {
  width: 16.66666667%; }

.col-xs-1 {
  width: 8.33333333%; }

.col-xs-pull-12 {
  right: 100%; }

.col-xs-pull-11 {
  right: 91.66666667%; }

.col-xs-pull-10 {
  right: 83.33333333%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-8 {
  right: 66.66666667%; }

.col-xs-pull-7 {
  right: 58.33333333%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-5 {
  right: 41.66666667%; }

.col-xs-pull-4 {
  right: 33.33333333%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-2 {
  right: 16.66666667%; }

.col-xs-pull-1 {
  right: 8.33333333%; }

.col-xs-pull-0 {
  right: auto; }

.col-xs-push-12 {
  left: 100%; }

.col-xs-push-11 {
  left: 91.66666667%; }

.col-xs-push-10 {
  left: 83.33333333%; }

.col-xs-push-9 {
  left: 75%; }

.col-xs-push-8 {
  left: 66.66666667%; }

.col-xs-push-7 {
  left: 58.33333333%; }

.col-xs-push-6 {
  left: 50%; }

.col-xs-push-5 {
  left: 41.66666667%; }

.col-xs-push-4 {
  left: 33.33333333%; }

.col-xs-push-3 {
  left: 25%; }

.col-xs-push-2 {
  left: 16.66666667%; }

.col-xs-push-1 {
  left: 8.33333333%; }

.col-xs-push-0 {
  left: auto; }

.col-xs-offset-12 {
  margin-left: 100%; }

.col-xs-offset-11 {
  margin-left: 91.66666667%; }

.col-xs-offset-10 {
  margin-left: 83.33333333%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-8 {
  margin-left: 66.66666667%; }

.col-xs-offset-7 {
  margin-left: 58.33333333%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-5 {
  margin-left: 41.66666667%; }

.col-xs-offset-4 {
  margin-left: 33.33333333%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-2 {
  margin-left: 16.66666667%; }

.col-xs-offset-1 {
  margin-left: 8.33333333%; }

.col-xs-offset-0 {
  margin-left: 0; }

@media (min-width: 768px) {
  .container {
    width: 750px; }
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11 {
    float: left; }
  .col-sm-12 {
    float: left;
    width: 100%; }
  .col-sm-11 {
    width: 91.66666667%; }
  .col-sm-10 {
    width: 83.33333333%; }
  .col-sm-9 {
    width: 75%; }
  .col-sm-8 {
    width: 66.66666667%; }
  .col-sm-7 {
    width: 58.33333333%; }
  .col-sm-6 {
    width: 50%; }
  .col-sm-5 {
    width: 41.66666667%; }
  .col-sm-4 {
    width: 33.33333333%; }
  .col-sm-3 {
    width: 25%; }
  .col-sm-2 {
    width: 16.66666667%; }
  .col-sm-1 {
    width: 8.33333333%; }
  .col-sm-pull-12 {
    right: 100%; }
  .col-sm-pull-11 {
    right: 91.66666667%; }
  .col-sm-pull-10 {
    right: 83.33333333%; }
  .col-sm-pull-9 {
    right: 75%; }
  .col-sm-pull-8 {
    right: 66.66666667%; }
  .col-sm-pull-7 {
    right: 58.33333333%; }
  .col-sm-pull-6 {
    right: 50%; }
  .col-sm-pull-5 {
    right: 41.66666667%; }
  .col-sm-pull-4 {
    right: 33.33333333%; }
  .col-sm-pull-3 {
    right: 25%; }
  .col-sm-pull-2 {
    right: 16.66666667%; }
  .col-sm-pull-1 {
    right: 8.33333333%; }
  .col-sm-pull-0 {
    right: auto; }
  .col-sm-push-12 {
    left: 100%; }
  .col-sm-push-11 {
    left: 91.66666667%; }
  .col-sm-push-10 {
    left: 83.33333333%; }
  .col-sm-push-9 {
    left: 75%; }
  .col-sm-push-8 {
    left: 66.66666667%; }
  .col-sm-push-7 {
    left: 58.33333333%; }
  .col-sm-push-6 {
    left: 50%; }
  .col-sm-push-5 {
    left: 41.66666667%; }
  .col-sm-push-4 {
    left: 33.33333333%; }
  .col-sm-push-3 {
    left: 25%; }
  .col-sm-push-2 {
    left: 16.66666667%; }
  .col-sm-push-1 {
    left: 8.33333333%; }
  .col-sm-push-0 {
    left: auto; }
  .col-sm-offset-12 {
    margin-left: 100%; }
  .col-sm-offset-11 {
    margin-left: 91.66666667%; }
  .col-sm-offset-10 {
    margin-left: 83.33333333%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-8 {
    margin-left: 66.66666667%; }
  .col-sm-offset-7 {
    margin-left: 58.33333333%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-5 {
    margin-left: 41.66666667%; }
  .col-sm-offset-4 {
    margin-left: 33.33333333%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-2 {
    margin-left: 16.66666667%; }
  .col-sm-offset-1 {
    margin-left: 8.33333333%; }
  .col-sm-offset-0 {
    margin-left: 0; } }

@media (min-width: 992px) {
  .container {
    width: 970px; }
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11 {
    float: left; }
  .col-md-12 {
    float: left;
    width: 100%; }
  .col-md-11 {
    width: 91.66666667%; }
  .col-md-10 {
    width: 83.33333333%; }
  .col-md-9 {
    width: 75%; }
  .col-md-8 {
    width: 66.66666667%; }
  .col-md-7 {
    width: 58.33333333%; }
  .col-md-6 {
    width: 50%; }
  .col-md-5 {
    width: 41.66666667%; }
  .col-md-4 {
    width: 33.33333333%; }
  .col-md-3 {
    width: 25%; }
  .col-md-2 {
    width: 16.66666667%; }
  .col-md-1 {
    width: 8.33333333%; }
  .col-md-pull-12 {
    right: 100%; }
  .col-md-pull-11 {
    right: 91.66666667%; }
  .col-md-pull-10 {
    right: 83.33333333%; }
  .col-md-pull-9 {
    right: 75%; }
  .col-md-pull-8 {
    right: 66.66666667%; }
  .col-md-pull-7 {
    right: 58.33333333%; }
  .col-md-pull-6 {
    right: 50%; }
  .col-md-pull-5 {
    right: 41.66666667%; }
  .col-md-pull-4 {
    right: 33.33333333%; }
  .col-md-pull-3 {
    right: 25%; }
  .col-md-pull-2 {
    right: 16.66666667%; }
  .col-md-pull-1 {
    right: 8.33333333%; }
  .col-md-pull-0 {
    right: auto; }
  .col-md-push-12 {
    left: 100%; }
  .col-md-push-11 {
    left: 91.66666667%; }
  .col-md-push-10 {
    left: 83.33333333%; }
  .col-md-push-9 {
    left: 75%; }
  .col-md-push-8 {
    left: 66.66666667%; }
  .col-md-push-7 {
    left: 58.33333333%; }
  .col-md-push-6 {
    left: 50%; }
  .col-md-push-5 {
    left: 41.66666667%; }
  .col-md-push-4 {
    left: 33.33333333%; }
  .col-md-push-3 {
    left: 25%; }
  .col-md-push-2 {
    left: 16.66666667%; }
  .col-md-push-1 {
    left: 8.33333333%; }
  .col-md-push-0 {
    left: auto; }
  .col-md-offset-12 {
    margin-left: 100%; }
  .col-md-offset-11 {
    margin-left: 91.66666667%; }
  .col-md-offset-10 {
    margin-left: 83.33333333%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-8 {
    margin-left: 66.66666667%; }
  .col-md-offset-7 {
    margin-left: 58.33333333%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-5 {
    margin-left: 41.66666667%; }
  .col-md-offset-4 {
    margin-left: 33.33333333%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-2 {
    margin-left: 16.66666667%; }
  .col-md-offset-1 {
    margin-left: 8.33333333%; }
  .col-md-offset-0 {
    margin-left: 0; } }

@media (min-width: 1200px) {
  .container {
    width: 1170px; }
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11 {
    float: left; }
  .col-lg-12 {
    float: left;
    width: 100%; }
  .col-lg-11 {
    width: 91.66666667%; }
  .col-lg-10 {
    width: 83.33333333%; }
  .col-lg-9 {
    width: 75%; }
  .col-lg-8 {
    width: 66.66666667%; }
  .col-lg-7 {
    width: 58.33333333%; }
  .col-lg-6 {
    width: 50%; }
  .col-lg-5 {
    width: 41.66666667%; }
  .col-lg-4 {
    width: 33.33333333%; }
  .col-lg-3 {
    width: 25%; }
  .col-lg-2 {
    width: 16.66666667%; }
  .col-lg-1 {
    width: 8.33333333%; }
  .col-lg-pull-12 {
    right: 100%; }
  .col-lg-pull-11 {
    right: 91.66666667%; }
  .col-lg-pull-10 {
    right: 83.33333333%; }
  .col-lg-pull-9 {
    right: 75%; }
  .col-lg-pull-8 {
    right: 66.66666667%; }
  .col-lg-pull-7 {
    right: 58.33333333%; }
  .col-lg-pull-6 {
    right: 50%; }
  .col-lg-pull-5 {
    right: 41.66666667%; }
  .col-lg-pull-4 {
    right: 33.33333333%; }
  .col-lg-pull-3 {
    right: 25%; }
  .col-lg-pull-2 {
    right: 16.66666667%; }
  .col-lg-pull-1 {
    right: 8.33333333%; }
  .col-lg-pull-0 {
    right: auto; }
  .col-lg-push-12 {
    left: 100%; }
  .col-lg-push-11 {
    left: 91.66666667%; }
  .col-lg-push-10 {
    left: 83.33333333%; }
  .col-lg-push-9 {
    left: 75%; }
  .col-lg-push-8 {
    left: 66.66666667%; }
  .col-lg-push-7 {
    left: 58.33333333%; }
  .col-lg-push-6 {
    left: 50%; }
  .col-lg-push-5 {
    left: 41.66666667%; }
  .col-lg-push-4 {
    left: 33.33333333%; }
  .col-lg-push-3 {
    left: 25%; }
  .col-lg-push-2 {
    left: 16.66666667%; }
  .col-lg-push-1 {
    left: 8.33333333%; }
  .col-lg-push-0 {
    left: auto; }
  .col-lg-offset-12 {
    margin-left: 100%; }
  .col-lg-offset-11 {
    margin-left: 91.66666667%; }
  .col-lg-offset-10 {
    margin-left: 83.33333333%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-8 {
    margin-left: 66.66666667%; }
  .col-lg-offset-7 {
    margin-left: 58.33333333%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-5 {
    margin-left: 41.66666667%; }
  .col-lg-offset-4 {
    margin-left: 33.33333333%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-2 {
    margin-left: 16.66666667%; }
  .col-lg-offset-1 {
    margin-left: 8.33333333%; }
  .col-lg-offset-0 {
    margin-left: 0; } }

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

.embed-responsive-16by9 {
  padding-bottom: 56.25%; }

.embed-responsive-4by3 {
  padding-bottom: 75%; }

.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }

.container:before, .container:after {
  content: " ";
  display: table; }

.container-fluid:before, .container-fluid:after {
  content: " ";
  display: table; }

.row:before, .row:after {
  content: " ";
  display: table; }

.clearfix:after, .container:after, .container-fluid:after, .row:after {
  clear: both; }

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.pull-right {
  float: right !important; }

.pull-left {
  float: left !important; }

.hide {
  display: none !important; }

.show {
  display: block !important; }

.invisible {
  visibility: hidden; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.hidden {
  display: none !important; }

.affix {
  position: fixed; }

@-ms-viewport {
  width: device-width; }

/*======================
Resets
========================*/
* {
  border: 0;
  font: inherit;
  margin: 0;
  padding: 0;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  -mox-osx-font-smoothing: grayscale; }

html, body {
  font-weight: bold !important;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  color: #373837; }

h1, h2, h3, h4, h5, h6 {
  font-family: "proxima-nova", "Oxygen", sans-serif;
  font-weight: 500; }
  h1.museo, h2.museo, h3.museo, h4.museo, h5.museo, h6.museo {
    font-family: "museo", "Roboto Slab", serif; }

p, span, button, a {
  font-family: "proxima-nova", "Oxygen", sans-serif; }

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

p {
  color: #373837; }

ul {
  padding-left: 0;
  list-style: none; }
  ul li {
    list-style: none; }

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b; }

.no-scrolling {
  overflow: hidden; }

.museo {
  font-family: "museo", "Roboto Slab", serif; }

.radio label, .checkbox label {
  padding-left: 0; }

.button {
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none; }

/*=================================
Typography
changing the font size is controlled
by changing the % on the body
font size in our queries.scss
=================================*/
body {
  font-family: "proxima-nova", "Oxygen", sans-serif;
  color: #373837;
  font-size: 1.6rem; }

p, .paragraph {
  font-size: .95em;
  font-weight: 300;
  line-height: 1.4em;
  padding: 5px 0; }

h1 {
  font-size: 3.2rem; }

h2 {
  font-size: 2.8rem; }

h3 {
  font-size: 2.4rem; }

h4 {
  font-size: 1.6rem; }

h5 {
  font-size: 1.4rem; }

h6 {
  font-size: 1.2rem; }

/* =========================================================
!!!NOTE!!!
These are the standardized Krew Framework Media Queries,
any edits to this file need to be approved by the
Front End Team. Queries are set by a specific device
size range,
eg. $phone, $tablet, $desktop, $xl-screen

All Changes will effect the entire site as this Framework
is used sitewide.

Please DO NOT customize this stylesheet unless you were told
to do so.

!!!END NOTE!!!
========================================================== */
/*
This is the theme-based variable file for the [newsoc] project.
This file is a direct copy from the global [_variables.scss],
which has been customized to fit the needs of the asend theme.

{Theme Output Controls}:
To change the theme for krew; Update the [_krew-variables.scss] file.
This file maps the correct variables to the krew-framework.
 */
/* ===================
COLORS
=====================*/
/* ===================
Alerts
=====================*/
/* ===================
Button Controls
=====================*/
/*
Please note that if you are working to enchace this framework in any way.
You MUST USE the [_variables.scss] file as the above setting, it is the global
variable file for the krew-framework.

It is up to theme creators to update their themes based on the changes to
this file.
 */
@media (max-width: 319px) {
  body {
    font-size: 10px; }
  h1, h2, h3, h4, h5 {
    line-height: 1.1em; }
  p, .paragraph {
    font-size: 11px;
    line-height: 1.5em; }
  .button {
    font-size: 1em; } }

@media (min-width: 375px) {
  body {
    font-size: 12px; }
  p, .paragraph {
    font-size: 13px; }
  .button {
    font-size: 1em; } }

@media (max-width: 767px) {
  .modal__dialog {
    width: 100vw;
    height: 100vh;
    padding: 0; }
  .modal__content {
    width: 100vw;
    height: 100vh; } }

@media (min-width: 767px) {
  body {
    font-size: 15px; }
  p, .paragraph {
    font-size: .95em;
    line-height: 1.4em; } }

@media (min-width: 1200px) {
  body {
    font-size: 16px; } }

@media (min-width: 1600px) {
  body {
    font-size: 18px; } }