/*!
 * animsition v4.0.2
 * A simple and easy jQuery plugin for CSS animated page transitions.
 * http://blivesta.github.io/animsition
 * License : MIT
 * Author : blivesta (http://blivesta.com/)
 */
.animsition, .animsition-overlay {
  position: relative;
  opacity: 0;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.animsition-overlay-slide {
  position: fixed;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: #ddd; }

.animsition-loading, .animsition-loading:after {
  width: 32px;
  height: 32px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -16px;
  margin-left: -16px;
  border-radius: 50%;
  z-index: 2; }

.animsition-loading {
  background-color: transparent;
  border-top: 5px solid rgba(0, 0, 0, 0.2);
  border-right: 5px solid rgba(0, 0, 0, 0.2);
  border-bottom: 5px solid rgba(0, 0, 0, 0.2);
  border-left: 5px solid #eee;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-name: animsition-loading;
  animation-name: animsition-loading; }

@-webkit-keyframes animsition-loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn); } }

@keyframes animsition-loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn); } }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  to {
    opacity: 1; } }

.fade-in {
  -webkit-animation-name: fade-in;
  animation-name: fade-in; }

@-webkit-keyframes fade-out {
  0% {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes fade-out {
  0% {
    opacity: 1; }
  to {
    opacity: 0; } }

.fade-out {
  -webkit-animation-name: fade-out;
  animation-name: fade-out; }

@-webkit-keyframes fade-in-up {
  0% {
    -webkit-transform: translateY(500px);
    transform: translateY(500px);
    opacity: 0; }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

@keyframes fade-in-up {
  0% {
    -webkit-transform: translateY(500px);
    transform: translateY(500px);
    opacity: 0; }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

.fade-in-up {
  -webkit-animation-name: fade-in-up;
  animation-name: fade-in-up; }

@-webkit-keyframes fade-out-up {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  to {
    -webkit-transform: translateY(-500px);
    transform: translateY(-500px);
    opacity: 0; } }

@keyframes fade-out-up {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  to {
    -webkit-transform: translateY(-500px);
    transform: translateY(-500px);
    opacity: 0; } }

.fade-out-up {
  -webkit-animation-name: fade-out-up;
  animation-name: fade-out-up; }

@-webkit-keyframes fade-in-up-sm {
  0% {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0; }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

@keyframes fade-in-up-sm {
  0% {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0; }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

.fade-in-up-sm {
  -webkit-animation-name: fade-in-up-sm;
  animation-name: fade-in-up-sm; }

@-webkit-keyframes fade-out-up-sm {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  to {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    opacity: 0; } }

@keyframes fade-out-up-sm {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  to {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    opacity: 0; } }

.fade-out-up-sm {
  -webkit-animation-name: fade-out-up-sm;
  animation-name: fade-out-up-sm; }

@-webkit-keyframes fade-in-up-lg {
  0% {
    -webkit-transform: translateY(1000px);
    transform: translateY(1000px);
    opacity: 0; }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

@keyframes fade-in-up-lg {
  0% {
    -webkit-transform: translateY(1000px);
    transform: translateY(1000px);
    opacity: 0; }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

.fade-in-up-lg {
  -webkit-animation-name: fade-in-up-lg;
  animation-name: fade-in-up-lg; }

@-webkit-keyframes fade-out-up-lg {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  to {
    -webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
    opacity: 0; } }

@keyframes fade-out-up-lg {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  to {
    -webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
    opacity: 0; } }

.fade-out-up-lg {
  -webkit-animation-name: fade-out-up-lg;
  animation-name: fade-out-up-lg; }

@-webkit-keyframes fade-in-down {
  0% {
    -webkit-transform: translateY(-500px);
    transform: translateY(-500px);
    opacity: 0; }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

@keyframes fade-in-down {
  0% {
    -webkit-transform: translateY(-500px);
    transform: translateY(-500px);
    opacity: 0; }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

.fade-in-down {
  -webkit-animation-name: fade-in-down;
  animation-name: fade-in-down; }

@-webkit-keyframes fade-out-down {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  to {
    -webkit-transform: translateY(500px);
    transform: translateY(500px);
    opacity: 0; } }

@keyframes fade-out-down {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  to {
    -webkit-transform: translateY(500px);
    transform: translateY(500px);
    opacity: 0; } }

.fade-out-down {
  -webkit-animation-name: fade-out-down;
  animation-name: fade-out-down; }

@-webkit-keyframes fade-in-down-sm {
  0% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    opacity: 0; }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

@keyframes fade-in-down-sm {
  0% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    opacity: 0; }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

.fade-in-down-sm {
  -webkit-animation-name: fade-in-down-sm;
  animation-name: fade-in-down-sm; }

@-webkit-keyframes fade-out-down-sm {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  to {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0; } }

@keyframes fade-out-down-sm {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  to {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0; } }

.fade-out-down-sm {
  -webkit-animation-name: fade-out-down-sm;
  animation-name: fade-out-down-sm; }

.fade-in-down-lg {
  -webkit-animation-name: fade-in-down;
  animation-name: fade-in-down; }

@-webkit-keyframes fade-out-down-lg {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  to {
    -webkit-transform: translateY(1000px);
    transform: translateY(1000px);
    opacity: 0; } }

@keyframes fade-out-down-lg {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  to {
    -webkit-transform: translateY(1000px);
    transform: translateY(1000px);
    opacity: 0; } }

.fade-out-down-lg {
  -webkit-animation-name: fade-out-down-lg;
  animation-name: fade-out-down-lg; }

@-webkit-keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-500px);
    transform: translateX(-500px);
    opacity: 0; }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }

@keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-500px);
    transform: translateX(-500px);
    opacity: 0; }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }

.fade-in-left {
  -webkit-animation-name: fade-in-left;
  animation-name: fade-in-left; }

@-webkit-keyframes fade-out-left {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; }
  to {
    -webkit-transform: translateX(-500px);
    transform: translateX(-500px);
    opacity: 0; } }

@keyframes fade-out-left {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; }
  to {
    -webkit-transform: translateX(-500px);
    transform: translateX(-500px);
    opacity: 0; } }

.fade-out-left {
  -webkit-animation-name: fade-out-left;
  animation-name: fade-out-left; }

@-webkit-keyframes fade-in-left-sm {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0; }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }

@keyframes fade-in-left-sm {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0; }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }

.fade-in-left-sm {
  -webkit-animation-name: fade-in-left-sm;
  animation-name: fade-in-left-sm; }

@-webkit-keyframes fade-out-left-sm {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; }
  to {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0; } }

@keyframes fade-out-left-sm {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; }
  to {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0; } }

.fade-out-left-sm {
  -webkit-animation-name: fade-out-left-sm;
  animation-name: fade-out-left-sm; }

@-webkit-keyframes fade-in-left-lg {
  0% {
    -webkit-transform: translateX(-1500px);
    transform: translateX(-1500px);
    opacity: 0; }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }

@keyframes fade-in-left-lg {
  0% {
    -webkit-transform: translateX(-1500px);
    transform: translateX(-1500px);
    opacity: 0; }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }

.fade-in-left-lg {
  -webkit-animation-name: fade-in-left-lg;
  animation-name: fade-in-left-lg; }

@-webkit-keyframes fade-out-left-lg {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; }
  to {
    -webkit-transform: translateX(-1500px);
    transform: translateX(-1500px);
    opacity: 0; } }

@keyframes fade-out-left-lg {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; }
  to {
    -webkit-transform: translateX(-1500px);
    transform: translateX(-1500px);
    opacity: 0; } }

.fade-out-left-lg {
  -webkit-animation-name: fade-out-left-lg;
  animation-name: fade-out-left-lg; }

@-webkit-keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(500px);
    transform: translateX(500px);
    opacity: 0; }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }

@keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(500px);
    transform: translateX(500px);
    opacity: 0; }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }

.fade-in-right {
  -webkit-animation-name: fade-in-right;
  animation-name: fade-in-right; }

@-webkit-keyframes fade-out-right {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; }
  to {
    -webkit-transform: translateX(500px);
    transform: translateX(500px);
    opacity: 0; } }

@keyframes fade-out-right {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; }
  to {
    -webkit-transform: translateX(500px);
    transform: translateX(500px);
    opacity: 0; } }

.fade-out-right {
  -webkit-animation-name: fade-out-right;
  animation-name: fade-out-right; }

@-webkit-keyframes fade-in-right-sm {
  0% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0; }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }

@keyframes fade-in-right-sm {
  0% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0; }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }

.fade-in-right-sm {
  -webkit-animation-name: fade-in-right-sm;
  animation-name: fade-in-right-sm; }

@-webkit-keyframes fade-out-right-sm {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; }
  to {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0; } }

@keyframes fade-out-right-sm {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; }
  to {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0; } }

.fade-out-right-sm {
  -webkit-animation-name: fade-out-right-sm;
  animation-name: fade-out-right-sm; }

@-webkit-keyframes fade-in-right-lg {
  0% {
    -webkit-transform: translateX(1500px);
    transform: translateX(1500px);
    opacity: 0; }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }

@keyframes fade-in-right-lg {
  0% {
    -webkit-transform: translateX(1500px);
    transform: translateX(1500px);
    opacity: 0; }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }

.fade-in-right-lg {
  -webkit-animation-name: fade-in-right-lg;
  animation-name: fade-in-right-lg; }

@-webkit-keyframes fade-out-right-lg {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; }
  to {
    -webkit-transform: translateX(1500px);
    transform: translateX(1500px);
    opacity: 0; } }

@keyframes fade-out-right-lg {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; }
  to {
    -webkit-transform: translateX(1500px);
    transform: translateX(1500px);
    opacity: 0; } }

.fade-out-right-lg {
  -webkit-animation-name: fade-out-right-lg;
  animation-name: fade-out-right-lg; }

@-webkit-keyframes rotate-in {
  0% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transform-origin: center center;
    opacity: 0; }
  0%, to {
    -webkit-transform-origin: center center; }
  to {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    transform-origin: center center;
    opacity: 1; } }

@keyframes rotate-in {
  0% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transform-origin: center center;
    opacity: 0; }
  0%, to {
    -webkit-transform-origin: center center; }
  to {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    transform-origin: center center;
    opacity: 1; } }

.rotate-in {
  -webkit-animation-name: rotate-in;
  animation-name: rotate-in; }

@-webkit-keyframes rotate-out {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    transform-origin: center center;
    opacity: 1; }
  0%, to {
    -webkit-transform-origin: center center; }
  to {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    transform-origin: center center;
    opacity: 0; } }

@keyframes rotate-out {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    transform-origin: center center;
    opacity: 1; }
  0%, to {
    -webkit-transform-origin: center center; }
  to {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    transform-origin: center center;
    opacity: 0; } }

.rotate-out {
  -webkit-animation-name: rotate-out;
  animation-name: rotate-out; }

@-webkit-keyframes rotate-in-sm {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transform-origin: center center;
    opacity: 0; }
  0%, to {
    -webkit-transform-origin: center center; }
  to {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    transform-origin: center center;
    opacity: 1; } }

@keyframes rotate-in-sm {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transform-origin: center center;
    opacity: 0; }
  0%, to {
    -webkit-transform-origin: center center; }
  to {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    transform-origin: center center;
    opacity: 1; } }

.rotate-in-sm {
  -webkit-animation-name: rotate-in-sm;
  animation-name: rotate-in-sm; }

@-webkit-keyframes rotate-out-sm {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    transform-origin: center center;
    opacity: 1; }
  0%, to {
    -webkit-transform-origin: center center; }
  to {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transform-origin: center center;
    opacity: 0; } }

@keyframes rotate-out-sm {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    transform-origin: center center;
    opacity: 1; }
  0%, to {
    -webkit-transform-origin: center center; }
  to {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transform-origin: center center;
    opacity: 0; } }

.rotate-out-sm {
  -webkit-animation-name: rotate-out-sm;
  animation-name: rotate-out-sm; }

@-webkit-keyframes rotate-in-lg {
  0% {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    transform-origin: center center;
    opacity: 0; }
  0%, to {
    -webkit-transform-origin: center center; }
  to {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    transform-origin: center center;
    opacity: 1; } }

@keyframes rotate-in-lg {
  0% {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    transform-origin: center center;
    opacity: 0; }
  0%, to {
    -webkit-transform-origin: center center; }
  to {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    transform-origin: center center;
    opacity: 1; } }

.rotate-in-lg {
  -webkit-animation-name: rotate-in-lg;
  animation-name: rotate-in-lg; }

@-webkit-keyframes rotate-out-lg {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    transform-origin: center center;
    opacity: 1; }
  0%, to {
    -webkit-transform-origin: center center; }
  to {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    transform-origin: center center;
    opacity: 0; } }

@keyframes rotate-out-lg {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    transform-origin: center center;
    opacity: 1; }
  0%, to {
    -webkit-transform-origin: center center; }
  to {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    transform-origin: center center;
    opacity: 0; } }

.rotate-out-lg {
  -webkit-animation-name: rotate-out-lg;
  animation-name: rotate-out-lg; }

@-webkit-keyframes flip-in-x {
  0% {
    -webkit-transform: perspective(550px) rotateX(90deg);
    transform: perspective(550px) rotateX(90deg);
    opacity: 0; }
  to {
    -webkit-transform: perspective(550px) rotateX(0deg);
    transform: perspective(550px) rotateX(0deg);
    opacity: 1; } }

@keyframes flip-in-x {
  0% {
    -webkit-transform: perspective(550px) rotateX(90deg);
    transform: perspective(550px) rotateX(90deg);
    opacity: 0; }
  to {
    -webkit-transform: perspective(550px) rotateX(0deg);
    transform: perspective(550px) rotateX(0deg);
    opacity: 1; } }

.flip-in-x {
  -webkit-animation-name: flip-in-x;
  animation-name: flip-in-x;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@-webkit-keyframes flip-out-x {
  0% {
    -webkit-transform: perspective(550px) rotateX(0deg);
    transform: perspective(550px) rotateX(0deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(550px) rotateX(90deg);
    transform: perspective(550px) rotateX(90deg);
    opacity: 0; } }

@keyframes flip-out-x {
  0% {
    -webkit-transform: perspective(550px) rotateX(0deg);
    transform: perspective(550px) rotateX(0deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(550px) rotateX(90deg);
    transform: perspective(550px) rotateX(90deg);
    opacity: 0; } }

.flip-out-x {
  -webkit-animation-name: flip-out-x;
  animation-name: flip-out-x;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@-webkit-keyframes flip-in-x-nr {
  0% {
    -webkit-transform: perspective(100px) rotateX(90deg);
    transform: perspective(100px) rotateX(90deg);
    opacity: 0; }
  to {
    -webkit-transform: perspective(100px) rotateX(0deg);
    transform: perspective(100px) rotateX(0deg);
    opacity: 1; } }

@keyframes flip-in-x-nr {
  0% {
    -webkit-transform: perspective(100px) rotateX(90deg);
    transform: perspective(100px) rotateX(90deg);
    opacity: 0; }
  to {
    -webkit-transform: perspective(100px) rotateX(0deg);
    transform: perspective(100px) rotateX(0deg);
    opacity: 1; } }

.flip-in-x-nr {
  -webkit-animation-name: flip-in-x-nr;
  animation-name: flip-in-x-nr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@-webkit-keyframes flip-out-x-nr {
  0% {
    -webkit-transform: perspective(100px) rotateX(0deg);
    transform: perspective(100px) rotateX(0deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(100px) rotateX(90deg);
    transform: perspective(100px) rotateX(90deg);
    opacity: 0; } }

@keyframes flip-out-x-nr {
  0% {
    -webkit-transform: perspective(100px) rotateX(0deg);
    transform: perspective(100px) rotateX(0deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(100px) rotateX(90deg);
    transform: perspective(100px) rotateX(90deg);
    opacity: 0; } }

.flip-out-x-nr {
  -webkit-animation-name: flip-out-x-nr;
  animation-name: flip-out-x-nr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@-webkit-keyframes flip-in-x-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0; }
  to {
    -webkit-transform: perspective(1000px) rotateX(0deg);
    transform: perspective(1000px) rotateX(0deg);
    opacity: 1; } }

@keyframes flip-in-x-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0; }
  to {
    -webkit-transform: perspective(1000px) rotateX(0deg);
    transform: perspective(1000px) rotateX(0deg);
    opacity: 1; } }

.flip-in-x-fr {
  -webkit-animation-name: flip-in-x-fr;
  animation-name: flip-in-x-fr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@-webkit-keyframes flip-out-x-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
    transform: perspective(1000px) rotateX(0deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0; } }

@keyframes flip-out-x-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
    transform: perspective(1000px) rotateX(0deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0; } }

.flip-out-x-fr {
  -webkit-animation-name: flip-out-x-fr;
  animation-name: flip-out-x-fr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@-webkit-keyframes flip-in-y {
  0% {
    -webkit-transform: perspective(550px) rotateY(90deg);
    transform: perspective(550px) rotateY(90deg);
    opacity: 0; }
  to {
    -webkit-transform: perspective(550px) rotateY(0deg);
    transform: perspective(550px) rotateY(0deg);
    opacity: 1; } }

@keyframes flip-in-y {
  0% {
    -webkit-transform: perspective(550px) rotateY(90deg);
    transform: perspective(550px) rotateY(90deg);
    opacity: 0; }
  to {
    -webkit-transform: perspective(550px) rotateY(0deg);
    transform: perspective(550px) rotateY(0deg);
    opacity: 1; } }

.flip-in-y {
  -webkit-animation-name: flip-in-y;
  animation-name: flip-in-y;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@-webkit-keyframes flip-out-y {
  0% {
    -webkit-transform: perspective(550px) rotateY(0deg);
    transform: perspective(550px) rotateY(0deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(550px) rotateY(90deg);
    transform: perspective(550px) rotateY(90deg);
    opacity: 0; } }

@keyframes flip-out-y {
  0% {
    -webkit-transform: perspective(550px) rotateY(0deg);
    transform: perspective(550px) rotateY(0deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(550px) rotateY(90deg);
    transform: perspective(550px) rotateY(90deg);
    opacity: 0; } }

.flip-out-y {
  -webkit-animation-name: flip-out-y;
  animation-name: flip-out-y;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@-webkit-keyframes flip-in-y-nr {
  0% {
    -webkit-transform: perspective(100px) rotateY(90deg);
    transform: perspective(100px) rotateY(90deg);
    opacity: 0; }
  to {
    -webkit-transform: perspective(100px) rotateY(0deg);
    transform: perspective(100px) rotateY(0deg);
    opacity: 1; } }

@keyframes flip-in-y-nr {
  0% {
    -webkit-transform: perspective(100px) rotateY(90deg);
    transform: perspective(100px) rotateY(90deg);
    opacity: 0; }
  to {
    -webkit-transform: perspective(100px) rotateY(0deg);
    transform: perspective(100px) rotateY(0deg);
    opacity: 1; } }

.flip-in-y-nr {
  -webkit-animation-name: flip-in-y-nr;
  animation-name: flip-in-y-nr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@-webkit-keyframes flip-out-y-nr {
  0% {
    -webkit-transform: perspective(100px) rotateY(0deg);
    transform: perspective(100px) rotateY(0deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(100px) rotateY(90deg);
    transform: perspective(100px) rotateY(90deg);
    opacity: 0; } }

@keyframes flip-out-y-nr {
  0% {
    -webkit-transform: perspective(100px) rotateY(0deg);
    transform: perspective(100px) rotateY(0deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(100px) rotateY(90deg);
    transform: perspective(100px) rotateY(90deg);
    opacity: 0; } }

.flip-out-y-nr {
  -webkit-animation-name: flip-out-y-nr;
  animation-name: flip-out-y-nr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@-webkit-keyframes flip-in-y-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateY(90deg);
    transform: perspective(1000px) rotateY(90deg);
    opacity: 0; }
  to {
    -webkit-transform: perspective(1000px) rotateY(0deg);
    transform: perspective(1000px) rotateY(0deg);
    opacity: 1; } }

@keyframes flip-in-y-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateY(90deg);
    transform: perspective(1000px) rotateY(90deg);
    opacity: 0; }
  to {
    -webkit-transform: perspective(1000px) rotateY(0deg);
    transform: perspective(1000px) rotateY(0deg);
    opacity: 1; } }

.flip-in-y-fr {
  -webkit-animation-name: flip-in-y-fr;
  animation-name: flip-in-y-fr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@-webkit-keyframes flip-out-y-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
    transform: perspective(1000px) rotateY(0deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(1000px) rotateY(90deg);
    transform: perspective(1000px) rotateY(90deg);
    opacity: 0; } }

@keyframes flip-out-y-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
    transform: perspective(1000px) rotateY(0deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(1000px) rotateY(90deg);
    transform: perspective(1000px) rotateY(90deg);
    opacity: 0; } }

.flip-out-y-fr {
  -webkit-animation-name: flip-out-y-fr;
  animation-name: flip-out-y-fr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@-webkit-keyframes zoom-in {
  0% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes zoom-in {
  0% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0; }
  to {
    opacity: 1; } }

.zoom-in {
  -webkit-animation-name: zoom-in;
  animation-name: zoom-in; }

@-webkit-keyframes zoom-out {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  50% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7); }
  50%, to {
    opacity: 0; } }

@keyframes zoom-out {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  50% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7); }
  50%, to {
    opacity: 0; } }

.zoom-out {
  -webkit-animation-name: zoom-out;
  animation-name: zoom-out; }

@-webkit-keyframes zoom-in-sm {
  0% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes zoom-in-sm {
  0% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0; }
  to {
    opacity: 1; } }

.zoom-in-sm {
  -webkit-animation-name: zoom-in-sm;
  animation-name: zoom-in-sm; }

@-webkit-keyframes zoom-out-sm {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  50% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95); }
  50%, to {
    opacity: 0; } }

@keyframes zoom-out-sm {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  50% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95); }
  50%, to {
    opacity: 0; } }

.zoom-out-sm {
  -webkit-animation-name: zoom-out-sm;
  animation-name: zoom-out-sm; }

@-webkit-keyframes zoom-in-lg {
  0% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes zoom-in-lg {
  0% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    opacity: 0; }
  to {
    opacity: 1; } }

.zoom-in-lg {
  -webkit-animation-name: zoom-in-lg;
  animation-name: zoom-in-lg; }

@-webkit-keyframes zoom-out-lg {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  50% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4); }
  50%, to {
    opacity: 0; } }

@keyframes zoom-out-lg {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  50% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4); }
  50%, to {
    opacity: 0; } }

.zoom-out-lg {
  -webkit-animation-name: zoom-out-lg;
  animation-name: zoom-out-lg; }

@-webkit-keyframes overlay-slide-in-top {
  0% {
    height: 100%; }
  to {
    height: 0; } }

@keyframes overlay-slide-in-top {
  0% {
    height: 100%; }
  to {
    height: 0; } }

.overlay-slide-in-top {
  top: 0;
  height: 0;
  -webkit-animation-name: overlay-slide-in-top;
  animation-name: overlay-slide-in-top; }

@-webkit-keyframes overlay-slide-out-top {
  0% {
    height: 0; }
  to {
    height: 100%; } }

@keyframes overlay-slide-out-top {
  0% {
    height: 0; }
  to {
    height: 100%; } }

.overlay-slide-out-top {
  top: 0;
  height: 100%;
  -webkit-animation-name: overlay-slide-out-top;
  animation-name: overlay-slide-out-top; }

@-webkit-keyframes overlay-slide-in-bottom {
  0% {
    height: 100%; }
  to {
    height: 0; } }

@keyframes overlay-slide-in-bottom {
  0% {
    height: 100%; }
  to {
    height: 0; } }

.overlay-slide-in-bottom {
  bottom: 0;
  height: 0;
  -webkit-animation-name: overlay-slide-in-bottom;
  animation-name: overlay-slide-in-bottom; }

@-webkit-keyframes overlay-slide-out-bottom {
  0% {
    height: 0; }
  to {
    height: 100%; } }

@keyframes overlay-slide-out-bottom {
  0% {
    height: 0; }
  to {
    height: 100%; } }

.overlay-slide-out-bottom {
  bottom: 0;
  height: 100%;
  -webkit-animation-name: overlay-slide-out-bottom;
  animation-name: overlay-slide-out-bottom; }

@-webkit-keyframes overlay-slide-in-left {
  0% {
    width: 100%; }
  to {
    width: 0; } }

@keyframes overlay-slide-in-left {
  0% {
    width: 100%; }
  to {
    width: 0; } }

.overlay-slide-in-left {
  width: 0;
  -webkit-animation-name: overlay-slide-in-left;
  animation-name: overlay-slide-in-left; }

@-webkit-keyframes overlay-slide-out-left {
  0% {
    width: 0; }
  to {
    width: 100%; } }

@keyframes overlay-slide-out-left {
  0% {
    width: 0; }
  to {
    width: 100%; } }

.overlay-slide-out-left {
  left: 0;
  width: 100%;
  -webkit-animation-name: overlay-slide-out-left;
  animation-name: overlay-slide-out-left; }

@-webkit-keyframes overlay-slide-in-right {
  0% {
    width: 100%; }
  to {
    width: 0; } }

@keyframes overlay-slide-in-right {
  0% {
    width: 100%; }
  to {
    width: 0; } }

.overlay-slide-in-right {
  right: 0;
  width: 0;
  -webkit-animation-name: overlay-slide-in-right;
  animation-name: overlay-slide-in-right; }

@-webkit-keyframes overlay-slide-out-right {
  0% {
    width: 0; }
  to {
    width: 100%; } }

@keyframes overlay-slide-out-right {
  0% {
    width: 0; }
  to {
    width: 100%; } }

.overlay-slide-out-right {
  right: 0;
  width: 100%;
  -webkit-animation-name: overlay-slide-out-right;
  animation-name: overlay-slide-out-right; }

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

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

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

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

/* Custom */
:focus {
  outline: none; }

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-osx-font-smoothing: grayscale; }

html {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased; }

.hide-text {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

.debug {
  position: fixed;
  bottom: 20px;
  left: 20px;
  display: block;
  background: #f09;
  height: 30px; }
  .debug h3 {
    display: none; }

.click-avoid {
  pointer-events: none; }

.click-auto {
  pointer-events: auto; }

body.noScroll {
  overflow: hidden; }

html, body {
  width: 100%;
  height: 100%; }

#wrap {
  height: 100%;
  width: 100%;
  display: block; }

.break-pad {
  height: 10px;
  display: block; }

.break {
  height: 10px;
  display: block; }
  @media only screen and (min-width: 420px) {
    .break {
      height: 30px; } }
  @media only screen and (min-width: 1400px) {
    .break {
      height: 60px; } }

.break-lrg {
  height: 30px;
  display: block; }
  @media only screen and (min-width: 420px) {
    .break-lrg {
      height: 60px; } }
  @media only screen and (min-width: 1400px) {
    .break-lrg {
      height: 120px; } }

.break-sml {
  display: block; }
  @media only screen and (min-width: 720px) {
    .break-sml {
      height: 10px; } }
  @media only screen and (min-width: 1400px) {
    .break-sml {
      height: 20px; } }

.grid {
  overflow: hidden;
  width: 100%;
  display: block;
  padding: 10px;
  margin: 0 auto; }

.row {
  width: 100%;
  overflow: hidden; }

.row-equal {
  display: table-row; }

.col-equal {
  display: table-cell; }

.col {
  float: left;
  width: 100%; }

.col-pad {
  padding: 10px; }

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

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

.col-0 {
  display: none; }

.col-1 {
  width: 8.33%;
  width: calc(100% / 12); }

.col-2 {
  width: 16.66%;
  width: calc(100% / 6); }

.col-3 {
  width: 25%; }

.col-4 {
  width: 33.33%;
  width: calc(100% / 3); }

.col-5 {
  width: 41.66%;
  width: calc(500% / 12); }

.col-6 {
  width: 50%; }

.col-7 {
  width: 58.33%;
  width: calc(700% / 12); }

.col-8 {
  width: 66.66%;
  width: calc(800% / 12); }

.col-9 {
  width: 75%; }

.col-10 {
  width: 83.33%;
  width: calc(1000% / 12); }

.col-11 {
  width: 91.66%;
  width: calc(1100% / 12); }

.col-12 {
  width: 100%; }

.offset-1 {
  margin-left: 8.33%;
  margin-left: calc(100% / 12); }

.offset-2 {
  margin-left: 16.66%;
  margin-left: calc(100% / 6); }

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

.offset-4 {
  margin-left: 33.33%;
  margin-left: calc(100% / 3); }

.offset-5 {
  margin-left: 41.66%;
  margin-left: calc(500% / 12); }

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

.offset-7 {
  margin-left: 58.33%;
  margin-left: calc(700% / 12); }

.offset-8 {
  margin-left: 66.66%;
  margin-left: calc(800% / 12); }

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

.offset-10 {
  margin-left: 83.33%;
  margin-left: calc(1000% / 12); }

.offset-11 {
  margin-left: 91.66%;
  margin-left: calc(1100% / 12); }

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

.show-sml {
  display: none; }

.show-med {
  display: none; }

@media only screen and (min-width: 420px) {
  .col-tiny-1 {
    width: 8.33%;
    width: calc(100% / 12); }
  .col-tiny-2 {
    width: 16.66%;
    width: calc(100% / 6); }
  .col-tiny-3 {
    width: 25%; }
  .col-tiny-4 {
    width: 33.33%;
    width: calc(100% / 3); }
  .col-tiny-5 {
    width: 41.66%;
    width: calc(500% / 12); }
  .col-tiny-6 {
    width: 50%; }
  .col-tiny-7 {
    width: 58.33%;
    width: calc(700% / 12); }
  .col-tiny-8 {
    width: 66.66%;
    width: calc(800% / 12); }
  .col-tiny-9 {
    width: 75%; }
  .col-tiny-10 {
    width: 83.33%;
    width: calc(1000% / 12); }
  .col-tiny-11 {
    width: 91.66%;
    width: calc(1100% / 12); }
  .col-tiny-12 {
    width: 100%; }
  .offset-tiny-1 {
    margin-left: 8.33%;
    margin-left: calc(100% / 12); }
  .offset-tiny-2 {
    margin-left: 16.66%;
    margin-left: calc(100% / 6); }
  .offset-tiny-3 {
    margin-left: 25%; }
  .offset-tiny-4 {
    margin-left: 33.33%;
    margin-left: calc(100% / 3); }
  .offset-tiny-5 {
    margin-left: 41.66%;
    margin-left: calc(500% / 12); }
  .offset-tiny-6 {
    margin-left: 50%; }
  .offset-tiny-7 {
    margin-left: 58.33%;
    margin-left: calc(700% / 12); }
  .offset-tiny-8 {
    margin-left: 66.66%;
    margin-left: calc(800% / 12); }
  .offset-tiny-9 {
    margin-left: 75%; }
  .offset-tiny-10 {
    margin-left: 83.33%;
    margin-left: calc(1000% / 12); }
  .offset-tiny-11 {
    margin-left: 91.66%;
    margin-left: calc(1100% / 12); }
  .offset-tiny-12 {
    margin-left: 100%; }
  h3.debug-grid-tiny {
    display: inline-block; }
  .tiny-text-align-right {
    text-align: right; } }

@media only screen and (min-width: 770px) {
  .col-sml-1 {
    width: 8.33%;
    width: calc(100% / 12); }
  .col-sml-2 {
    width: 16.66%;
    width: calc(100% / 6); }
  .col-sml-3 {
    width: 25%; }
  .col-sml-4 {
    width: 33.33%;
    width: calc(100% / 3); }
  .col-sml-5 {
    width: 41.66%;
    width: calc(500% / 12); }
  .col-sml-6 {
    width: 50%; }
  .col-sml-7 {
    width: 58.33%;
    width: calc(700% / 12); }
  .col-sml-8 {
    width: 66.66%;
    width: calc(800% / 12); }
  .col-sml-9 {
    width: 75%; }
  .col-sml-10 {
    width: 83.33%;
    width: calc(1000% / 12); }
  .col-sml-11 {
    width: 91.66%;
    width: calc(1100% / 12); }
  .col-sml-12 {
    width: 100%; }
  .offset-sml-1 {
    margin-left: 8.33%;
    margin-left: calc(100% / 12); }
  .offset-sml-2 {
    margin-left: 16.66%;
    margin-left: calc(100% / 6); }
  .offset-sml-3 {
    margin-left: 25%; }
  .offset-sml-4 {
    margin-left: 33.33%;
    margin-left: calc(100% / 3); }
  .offset-sml-5 {
    margin-left: 41.66%;
    margin-left: calc(500% / 12); }
  .offset-sml-6 {
    margin-left: 50%; }
  .offset-sml-7 {
    margin-left: 58.33%;
    margin-left: calc(700% / 12); }
  .offset-sml-8 {
    margin-left: 66.66%;
    margin-left: calc(800% / 12); }
  .offset-sml-9 {
    margin-left: 75%; }
  .offset-sml-10 {
    margin-left: 83.33%;
    margin-left: calc(1000% / 12); }
  .offset-sml-11 {
    margin-left: 91.66%;
    margin-left: calc(1100% / 12); }
  .offset-sml-12 {
    margin-left: 100%; }
  .show-sml {
    display: block; }
  .only-tiny {
    display: none; }
  h3.debug-grid-sml {
    display: inline-block; }
  .sml-text-align-right {
    text-align: right; } }

@media only screen and (min-width: 1020px) {
  .col-med-1 {
    width: 8.33%;
    width: calc(100% / 12); }
  .col-med-2 {
    width: 16.66%;
    width: calc(100% / 6); }
  .col-med-3 {
    width: 25%; }
  .col-med-4 {
    width: 33.33%;
    width: calc(100% / 3); }
  .col-med-5 {
    width: 41.66%;
    width: calc(500% / 12); }
  .col-med-6 {
    width: 50%; }
  .col-med-7 {
    width: 58.33%;
    width: calc(700% / 12); }
  .col-med-8 {
    width: 66.66%;
    width: calc(800% / 12); }
  .col-med-9 {
    width: 75%; }
  .col-med-10 {
    width: 83.33%;
    width: calc(1000% / 12); }
  .col-med-11 {
    width: 91.66%;
    width: calc(1100% / 12); }
  .col-med-12 {
    width: 100%; }
  .offset-med-1 {
    margin-left: 8.33%;
    margin-left: calc(100% / 12); }
  .offset-med-2 {
    margin-left: 16.66%;
    margin-left: calc(100% / 6); }
  .offset-med-3 {
    margin-left: 25%; }
  .offset-med-4 {
    margin-left: 33.33%;
    margin-left: calc(100% / 3); }
  .offset-med-5 {
    margin-left: 41.66%;
    margin-left: calc(500% / 12); }
  .offset-med-6 {
    margin-left: 50%; }
  .offset-med-7 {
    margin-left: 58.33%;
    margin-left: calc(700% / 12); }
  .offset-med-8 {
    margin-left: 66.66%;
    margin-left: calc(800% / 12); }
  .offset-med-9 {
    margin-left: 75%; }
  .offset-med-10 {
    margin-left: 83.33%;
    margin-left: calc(1000% / 12); }
  .offset-med-11 {
    margin-left: 91.66%;
    margin-left: calc(1100% / 12); }
  .offset-med-12 {
    margin-left: 100%; }
  .show-med {
    display: block; }
  .only-sml {
    display: none; }
  h3.debug-grid-med {
    display: inline-block; }
  .med-text-align-right {
    text-align: right; } }

@media only screen and (min-width: 1270px) {
  .col-fix5-1 {
    width: 20%; }
  .col-fix5-2 {
    width: 40%; }
  .col-fix5-3 {
    width: 60%; }
  .col-fix5-4 {
    width: 80%; }
  .col-fix5-5 {
    width: 100%; }
  .offset-fix5-1 {
    margin-left: 20%; }
  .offset-fix5-2 {
    margin-left: 40%; }
  .offset-fix5-3 {
    margin-left: 60%; }
  .offset-fix5-4 {
    margin-left: 80%; }
  .offset-fix5-5 {
    margin-left: 100%; }
  /*
	.col-fix5-1 { width: 10%; }
	.col-fix5-2 { width: 20%;}
	.col-fix5-3 { width: 30%; }
	.col-fix5-4 { width: 40%;}
	.col-fix5-5 { width: 50%; }
	.col-fix5-6 { width: 60%; }
	.col-fix5-7 { width: 70%;}
	.col-fix5-8 { width: 80%; }
	.col-fix5-9 { width: 90%; }
	.col-fix5-10 { width: 100%; }
	
	.offset-fix5-1 { margin-left: 10%; }
	.offset-fix5-2 { margin-left: 20%;}
	.offset-fix5-3 { margin-left: 30%; }
	.offset-fix5-4 { margin-left: 40%;}
	.offset-fix5-5 { margin-left: 50%; }
	.offset-fix5-6 { margin-left: 60%; }
	.offset-fix5-7 { margin-left: 70%;}
	.offset-fix5-8 { margin-left: 80%; }
	.offset-fix5-9 { margin-left: 90%; }
	.offset-fix5-10 { margin-left: 100%; }
*/
  h3.debug-grid-fix5 {
    display: inline-block; } }

@media only screen and (min-width: 1520px) {
  .col-lrg-1 {
    width: 8.33%;
    width: calc(100% / 12); }
  .col-lrg-2 {
    width: 16.66%;
    width: calc(100% / 6); }
  .col-lrg-3 {
    width: 25%; }
  .col-lrg-4 {
    width: 33.33%;
    width: calc(100% / 3); }
  .col-lrg-5 {
    width: 41.66%;
    width: calc(500% / 12); }
  .col-lrg-6 {
    width: 50%; }
  .col-lrg-7 {
    width: 58.33%;
    width: calc(700% / 12); }
  .col-lrg-8 {
    width: 66.66%;
    width: calc(800% / 12); }
  .col-lrg-9 {
    width: 75%; }
  .col-lrg-10 {
    width: 83.33%;
    width: calc(1000% / 12); }
  .col-lrg-11 {
    width: 91.66%;
    width: calc(1100% / 12); }
  .col-lrg-12 {
    width: 100%; }
  .offset-lrg-1 {
    margin-left: 8.33%;
    margin-left: calc(100% / 12); }
  .offset-lrg-2 {
    margin-left: 16.66%;
    margin-left: calc(100% / 6); }
  .offset-lrg-3 {
    margin-left: 25%; }
  .offset-lrg-4 {
    margin-left: 33.33%;
    margin-left: calc(100% / 3); }
  .offset-lrg-5 {
    margin-left: 41.66%;
    margin-left: calc(500% / 12); }
  .offset-lrg-6 {
    margin-left: 50%; }
  .offset-lrg-7 {
    margin-left: 58.33%;
    margin-left: calc(700% / 12); }
  .offset-lrg-8 {
    margin-left: 66.66%;
    margin-left: calc(800% / 12); }
  .offset-lrg-9 {
    margin-left: 75%; }
  .offset-lrg-10 {
    margin-left: 83.33%;
    margin-left: calc(1000% / 12); }
  .offset-lrg-11 {
    margin-left: 91.66%;
    margin-left: calc(1100% / 12); }
  .offset-lrg-12 {
    margin-left: 100%; }
  .only-med {
    display: none; }
  h3.debug-grid-lrg {
    display: inline-block; } }

@media only screen and (min-width: 1770px) {
  .col-fix7-1 {
    width: 14.285714286%;
    width: calc(100% / 7); }
  .col-fix7-2 {
    width: 28.571428571%;
    width: calc(200% / 7); }
  .col-fix7-3 {
    width: 42.857142857;
    width: calc(300% / 7); }
  .col-fix7-4 {
    width: 57.142857143;
    width: calc(400% / 7); }
  .col-fix7-5 {
    width: 71.428571429%;
    width: calc(500% / 7); }
  .col-fix7-6 {
    width: 85.714285714%;
    width: calc(600% / 7); }
  .col-fix7-7 {
    width: 100%; }
  .offset-fix7-1 {
    margin-left: 14.285714286%;
    margin-left: calc(100% / 7); }
  .offset-fix7-2 {
    margin-left: 28.571428571%;
    margin-left: calc(200% / 7); }
  .offset-fix7-3 {
    margin-left: 42.857142857;
    margin-left: calc(300% / 7); }
  .offset-fix7-4 {
    margin-left: 57.142857143;
    margin-left: calc(400% / 7); }
  .offset-fix7-5 {
    margin-left: 71.428571429%;
    margin-left: calc(500% / 7); }
  .offset-fix7-6 {
    margin-left: 85.714285714%;
    margin-left: calc(600% / 7); }
  .offset-fix7-7 {
    margin-left: 100%; }
  h3.debug-grid-fix7 {
    display: inline-block; } }

@media only screen and (min-width: 2020px) {
  .col-xl-1 {
    width: 8.33%;
    width: calc(100% / 12); }
  .col-xl-2 {
    width: 16.66%;
    width: calc(100% / 6); }
  .col-xl-3 {
    width: 25%; }
  .col-xl-4 {
    width: 33.33%;
    width: calc(100% / 3); }
  .col-xl-5 {
    width: 41.66%;
    width: calc(500% / 12); }
  .col-xl-6 {
    width: 50%; }
  .col-xl-7 {
    width: 58.33%;
    width: calc(700% / 12); }
  .col-xl-8 {
    width: 66.66%;
    width: calc(800% / 12); }
  .col-xl-9 {
    width: 75%; }
  .col-xl-10 {
    width: 83.33%;
    width: calc(1000% / 12); }
  .col-xl-11 {
    width: 91.66%;
    width: calc(1100% / 12); }
  .col-xl-12 {
    width: 100%; }
  .offset-xl-1 {
    margin-left: 8.33%;
    margin-left: calc(100% / 12); }
  .offset-xl-2 {
    margin-left: 16.66%;
    margin-left: calc(100% / 6); }
  .offset-xl-3 {
    margin-left: 25%; }
  .offset-xl-4 {
    margin-left: 33.33%;
    margin-left: calc(100% / 3); }
  .offset-xl-5 {
    margin-left: 41.66%;
    margin-left: calc(500% / 12); }
  .offset-xl-6 {
    margin-left: 50%; }
  .offset-xl-7 {
    margin-left: 58.33%;
    margin-left: calc(700% / 12); }
  .offset-xl-8 {
    margin-left: 66.66%;
    margin-left: calc(800% / 12); }
  .offset-xl-9 {
    margin-left: 75%; }
  .offset-xl-10 {
    margin-left: 83.33%;
    margin-left: calc(1000% / 12); }
  .offset-xl-11 {
    margin-left: 91.66%;
    margin-left: calc(1100% / 12); }
  .offset-xl-12 {
    margin-left: 100%; }
  h3.debug-grid-xl {
    display: inline-block; } }

@media only screen and (min-width: 2270px) {
  .col-fix10-1 {
    width: 10%; }
  .col-fix10-2 {
    width: 20%; }
  .col-fix10-3 {
    width: 30%; }
  .col-fix10-4 {
    width: 40%; }
  .col-fix10-5 {
    width: 50%; }
  .col-fix10-6 {
    width: 60%; }
  .col-fix10-7 {
    width: 70%; }
  .col-fix10-8 {
    width: 80%; }
  .col-fix10-9 {
    width: 90%; }
  .col-fix10-10 {
    width: 100%; }
  .offset-fix10-1 {
    margin-left: 10%; }
  .offset-fix10-2 {
    margin-left: 20%; }
  .offset-fix10-3 {
    margin-left: 30%; }
  .offset-fix10-4 {
    margin-left: 40%; }
  .offset-fix10-5 {
    margin-left: 50%; }
  .offset-fix10-6 {
    margin-left: 60%; }
  .offset-fix10-7 {
    margin-left: 70%; }
  .offset-fix10-8 {
    margin-left: 80%; }
  .offset-fix10-9 {
    margin-left: 90%; }
  .offset-fix10-10 {
    margin-left: 100%; }
  h3.debug-grid-fix10 {
    display: inline-block; } }

@media only screen and (max-width: 770px) {
  .hide-tiny {
    display: none !important; } }

.tmp {
  background-color: #f9c; }

.pad-top-none {
  padding-top: 0px !important; }

.pad-bottom-none {
  padding-bottom: 0px !important; }

.pad-none {
  padding: 0; }

.grid-fix, .thumbnails {
  /*
	@media only screen and (min-width: 1520px) { width: $lrg; } // 6 products LRG
	@media only screen and (min-width: 1770px) { width: $fix7; } // 7 products .col-fix7
	@media only screen and (min-width: 2020px) { width: $xl; } // 8 products XL
	@media only screen and (min-width: 2270px) { width: $fix10; } // 9 products
*/ }
  @media only screen and (min-width: 520px) {
    .grid-fix, .thumbnails {
      margin-left: auto;
      margin-right: auto;
      width: 520px; } }
  @media only screen and (min-width: 770px) {
    .grid-fix, .thumbnails {
      width: 770px; } }
  @media only screen and (min-width: 1020px) {
    .grid-fix, .thumbnails {
      width: 1020px; } }
  @media only screen and (min-width: 1270px) {
    .grid-fix, .thumbnails {
      width: 1270px; } }

.grid-max {
  max-width: 1270px; }

.thumbnails {
  overflow: hidden; }
  @media only screen and (min-width: 500px) {
    .thumbnails {
      padding: 10px; } }
  .thumbnails .thumbnail {
    float: left;
    width: 100%;
    padding: 10px;
    height: auto; }
    @media only screen and (min-width: 500px) {
      .thumbnails .thumbnail {
        width: 250px;
        height: 320px; } }
  @media only screen and (min-width: 500px) {
    .thumbnails .thumbnail-wide {
      width: 500px; } }
  @media only screen and (min-width: 500px) {
    .thumbnails .thumbnail-tall {
      height: 640px; } }
  .thumbnails .thumbnail-height-250 {
    height: 250px; }

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

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

/* Thumbnails Percentage
	
	
.thumbnails {
	
	overflow: hidden;
	
	.thumbnail {
		float: left;
		width: 100%;
		padding: $pad;
		height: auto;
		
		@media only screen and (min-width: 600px) { width: 50%; }
		
		@media only screen and (min-width: 750px) { width: 33.3%; width: calc(100% / 3); }
		
		@media only screen and (min-width: 1000px) { width: 25%; }
		
		@media only screen and (min-width: 1250px) { width: 20%; }
		
		@media only screen and (min-width: 1500px) { width: 16.66%;  width: calc(100% / 6); }
		
		@media only screen and (min-width: 600px) { height: 400px; }
		@media only screen and (min-width: 650px) { height: 450px; }
		@media only screen and (min-width: 700px) { height: 500px; }
		
		@media only screen and (min-width: 750px) { height: 350px; }
		@media only screen and (min-width: 800px) { height: 400px; }
		
		@media only screen and (min-width: 1000px) { height: 400px; }
		
		@media only screen and (min-width: 1250px) { height: 400px; }
		
		@media only screen and (min-width: 1500px) { height: 400px; }
		
		@media only screen and (min-width: 1650px) { height: 500px; }
		
		@media only screen and (min-width: 1800px) { height: 550px; }
		
	}
	
	.thumbnail-wide {
		@media only screen and (min-width: 600px) { width: 100%; }
		
		@media only screen and (min-width: 750px) { width: 66.6%; width: calc(200% / 3); }
		
		@media only screen and (min-width: 1000px) { width: 50%; }
		
		@media only screen and (min-width: 1250px) { width: 40%; }
		
		@media only screen and (min-width: 1500px) { width: 33.3%; width: calc(100% / 3); }
	}
}

*/
html, body, #root, #wrap {
  height: 100%; }

/* Utilities */
img {
  display: block; }

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

.text-align-right {
  text-align: right; }

@media only screen and (min-width: 770px) {
  .sml-text-align-right {
    text-align: right; } }

.image-container video {
  display: block;
  margin-bottom: 40px; }

.image-container img {
  display: block;
  margin-bottom: 40px;
  max-width: 100%;
  max-height: 1000px;
  margin-left: auto;
  margin-right: auto; }
  .image-container img:last-of-type {
    margin-bottom: 0; }

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

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

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

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

/* Full Banner */
.block-banner-variable {
  width: 100%;
  height: 300px;
  min-height: 300px;
  max-height: 70%;
  position: relative;
  background-color: #ccc; }
  .block-banner-variable .glide, .block-banner-variable .glide__wrapper, .block-banner-variable .glide_track {
    height: 100%; }

.bbv-slide-container {
  width: 100%;
  height: 100%;
  position: relative; }

.bbv-slide-text {
  position: absolute;
  display: block;
  width: 100%;
  bottom: 0;
  left: 0; }

.bbv-slide-image-center {
  width: 100%;
  height: 100%; }
  .bbv-slide-image-center img {
    height: 100%;
    width: auto;
    display: block;
    margin: 0 auto; }

.block-banner-slide {
  width: 100%;
  height: 100%; }

.block-banner-image img {
  display: block;
  width: 100%;
  height: auto; }

.block-banner-background {
  height: 90%;
  min-height: 60%; }

.block-banner-right .banner-image {
  width: 100%;
  height: auto;
  padding-bottom: 20px; }

@media only screen and (min-width: 770px) {
  .block-banner-right {
    overflow: hidden; }
    .block-banner-right .banner-image {
      width: 40%;
      float: right; }
    .block-banner-right .text-wrap {
      width: 50%;
      height: 220px; }
      .block-banner-right .text-wrap:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle; }
      .block-banner-right .text-wrap .text {
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        padding-right: 40px; } }

@media only screen and (min-width: 1020px) {
  .block-banner-right .text-wrap .text {
    width: 75%;
    padding-right: 0; } }

@media only screen and (min-width: 1270px) {
  .block-banner-right .text-wrap .text {
    width: 50%; } }

.block-banner-center .banner-image {
  width: 100%;
  height: auto;
  padding-bottom: 20px; }

@media only screen and (min-width: 770px) {
  .block-banner-center {
    overflow: hidden; }
    .block-banner-center .banner-image {
      width: 75%;
      height: auto;
      margin: 0 auto; }
    .block-banner-center .text-wrap {
      width: 75%; } }

/* Features */
.feature-thumbnail {
  position: relative;
  width: 100%;
  overflow: hidden;
  cursor: pointer; }
  .feature-thumbnail .link-primary {
    position: absolute;
    bottom: 20px;
    left: 20px; }

.feature-small img {
  margin-bottom: 20px; }

@media only screen and (max-width: 770px) {
  .feature-small {
    padding-bottom: 20px; } }

.block-split {
  overflow: hidden;
  position: relative; }
  .block-split .block-split-middle-left, .block-split .block-split-middle-right {
    padding: 0 20px; }
  .block-split .block-split-top-left, .block-split .block-split-top-right {
    padding: 20px 20px 0 20px; }
  .block-split .block-split-middle-right, .block-split .block-split-middle-left {
    padding: 20px 20px 10px 20px; }
  .block-split .block-split-bottom-left, .block-split .block-split-bottom-right {
    padding: 0 20px 20px 20px; }
  .block-split .module-banner-controls {
    position: absolute;
    z-index: 10;
    top: 0;
    right: 20px; }
  @media only screen and (min-width: 1020px) {
    .block-split .block-split-middle-left, .block-split .block-split-middle-right {
      padding: 0; }
    .block-split .block-split-img-left {
      width: 65%; }
    .block-split .block-split-img-right {
      width: 65%;
      float: right; }
    .block-split .img-left-50 {
      width: 50%;
      position: relative; }
    .block-split .img-right-50 {
      width: 50%;
      float: right; }
    .block-split .module-banner-controls {
      position: absolute;
      z-index: 10;
      left: 20px;
      bottom: 20px;
      top: auto;
      right: auto; }
    .block-split .left-50 {
      padding: 20px;
      position: absolute;
      top: 20px;
      right: 50%;
      left: 20px;
      padding: 0;
      padding-right: 20px; }
    .block-split .right-50 {
      padding: 20px;
      position: absolute;
      top: 20px;
      left: 50%;
      right: 20px;
      padding: 0;
      padding-left: 20px; }
      .block-split .right-50 .js-align-to-parent-med {
        padding-left: 20px; }
    .block-split .js-align-to-parent-med-debug {
      position: absolute;
      top: 50px;
      left: 50px; }
    .block-split .block-split-top-right {
      position: absolute;
      top: 20px;
      left: 65%;
      right: 20px;
      padding: 0;
      padding-left: 20px; }
    .block-split .block-split-bottom-right {
      position: absolute;
      bottom: 20px;
      left: 65%;
      right: 20px;
      padding: 0;
      padding-left: 20px; }
    .block-split .block-split-top-left {
      position: absolute;
      top: 20px;
      left: 20px;
      right: 65%;
      padding: 0;
      padding-right: 20px; }
    .block-split .block-split-bottom-left {
      position: absolute;
      bottom: 20px;
      left: 20px;
      right: 65%;
      padding: 0;
      padding-right: 20px; } }

.arrow-placeholder {
  height: 0px;
  display: block;
  line-height: 0; }
  .arrow-placeholder:after {
    display: none; }

.text {
  padding-right: 10px; }

/*.center-wrap {
	width: 100%;
	height: 100px;
	
	&:before {
		content: '';
		display: inline-block;
		height: 100%;
		vertical-align: middle;
	}
	
	.centered {
				display: inline-block;
				vertical-align: middle;
				width: 100%;
	}
}*/
/* Modals */
.modal-nav-homepage, .modal-contact-homepage {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 200; }

.modal-nav-homepage, .modal-contact-homepage {
  display: none; }

.callout-text {
  margin: 0 auto; }
  .callout-text .text {
    max-width: 730px;
    margin: 0 auto; }

:root {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #808080;
  font-size: 10px;
  min-height: 100%;
  font-weight: 400;
  background-color: #fff; }

h1, h2, h3 {
  display: inline; }

a {
  text-decoration: none;
  color: #808080; }

.link-square:before {
  display: inline-block;
  width: .75em;
  height: .75em;
  margin-right: .5em;
  content: ' ';
  background-color: #e49448; }

p {
  margin-bottom: 20px; }

p a {
  color: #e49448 !important; }
  p a:hover {
    border-bottom: 1px solid #e49448; }

p.no-margin {
  margin-bottom: 0; }

.uppercase {
  text-transform: uppercase; }

.indent {
  padding-left: 20px; }

.fw-light {
  font-weight: 300; }

.fw-med {
  font-weight: 500; }

.fw-bold {
  font-weight: 600; }

b, strong {
  font-weight: 600; }

.underline-grey-dark {
  border-bottom: 1px solid #3e3e3e;
  display: inline; }

.underline-highlight {
  border-bottom: 1px solid #e49448;
  display: inline; }

.color-white {
  color: #fff; }

.color-grey-mid {
  color: #e3e3e3; }

.color-grey-dark {
  color: #3e3e3e; }

.highlight {
  color: #e49448; }

.hover-highlight:hover {
  color: #e49448; }

.hover-underline-highlight:hover {
  border-bottom: 1px solid #e49448;
  display: inline; }

.text-header {
  display: block;
  margin-bottom: 20px; }

.text-header-med {
  font-size: 1.8em;
  line-height: 1.5em; }

.text-header-lrg {
  font-size: 2.4em;
  line-height: 1.25em; }

.text-controls {
  font-size: 2.4em;
  line-height: 20px;
  color: #919191;
  /*text-shadow:
   -1px -1px 0 #fff,  
    1px -1px 0 #fff,
    -1px 1px 0 #fff,
     1px 1px 0 #fff;*/ }

.text ul {
  margin-bottom: 10px; }
  .text ul li {
    padding-left: 15px; }
  .text ul li:before {
    content: " ";
    width: 5px;
    height: 5px;
    line-height: 5px;
    background-color: #e49448;
    display: inline-block;
    margin-bottom: 3px;
    margin-right: 10px;
    margin-left: -15px; }

@media only screen and (min-width: 770px) {
  .text-header-SML-lrg {
    font-size: 2.4em;
    line-height: 1.5em; }
  .text-header-SML-xl {
    font-size: 3.6em;
    line-height: 1.5em; } }

@media only screen and (min-width: 1020px) {
  .text-header-MED-lrg {
    font-size: 2.4em;
    line-height: 1.5em; }
  .text-header-MED-xl {
    font-size: 3.6em;
    line-height: 1.5em; } }

@media only screen and (min-width: 1520px) {
  .text-header-LRG-lrg {
    font-size: 2.4em;
    line-height: 1.25em; }
  .text-header-LRG-xl {
    font-size: 3.6em;
    line-height: 1.5em; } }

.text-primary {
  font-size: 1.6em;
  line-height: 1.5em; }

.text-small {
  font-size: 1.4em;
  line-height: 1.5em; }

.text-med {
  font-size: 1.8em;
  line-height: 1.5em; }

.text-med-arrow-before:before {
  width: .8em;
  height: .8em;
  margin-right: .5em;
  content: url("../images/icon-arrow-20x20.svg");
  line-height: 1em;
  display: inline-block; }

.text-tiny {
  font-size: 1.2em;
  line-height: 1.25em; }

.breadcrumb li {
  display: inline; }

.breadcrumb li:after {
  content: " / "; }

li.no-slash:after {
  content: "" !important; }

.bg-grey-mid {
  background-color: #e3e3e3; }

.click-div {
  cursor: pointer; }
  .click-div:hover .hide-on-hover {
    visibility: hidden; }

.click-div:hover img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; }

.click-div:hover .click-div-highlight, .click-div:hover .feature-thumbnail-highlight {
  color: #e49448 !important; }

.hover-highlight:hover {
  color: #e49448; }

.hr {
  background-color: #e6e6e6;
  height: 2px;
  line-height: 2px;
  width: 100%;
  display: block; }

.global-logo {
  display: block;
  width: 200px;
  height: 60px; }
  .global-logo svg .fill {
    transition: fill 0.2s ease;
    fill: #3e3e3e; }
  .global-logo:hover svg .fill {
    fill: #e49448; }

.footer-logo {
  display: block;
  width: 200px;
  height: 32px; }
  .footer-logo .fill {
    fill: #3e3e3e;
    transition: fill 0.2s ease; }
  .footer-logo:hover .fill {
    fill: #e49448; }

.hamburger {
  display: inline-block;
  text-align: right;
  width: 40px;
  height: 60px; }
  .hamburger .fill {
    fill: #3e3e3e;
    transition: fill 0.2s ease; }
  .hamburger:hover .fill {
    fill: #e49448; }

.close-nav {
  display: inline-block;
  text-align: right;
  width: 40px;
  height: 60px; }
  .close-nav .fill {
    fill: #3e3e3e;
    transition: fill 0.2s ease; }
  .close-nav:hover .fill {
    fill: #e49448; }

.block-banner-wrap {
  width: 100%; }

.block-banner-right, .block-banner-center {
  background-color: #f1f1f1; }

.glide__slide:hover {
  cursor: hand; }

.block-banner-controls ul, .module-banner-controls ul {
  overflow: hidden;
  padding-top: 20px;
  margin-left: -3px; }
  .block-banner-controls ul li, .module-banner-controls ul li {
    float: left;
    margin-right: 5px;
    padding: 0;
    display: block;
    height: 20px; }
    .block-banner-controls ul li:last-of-type, .module-banner-controls ul li:last-of-type {
      margin-right: 0; }
    .block-banner-controls ul li:hover, .module-banner-controls ul li:hover {
      color: #e49448; }
  .block-banner-controls ul li a.active, .module-banner-controls ul li a.active {
    color: #e49448; }

.block-banner-controls ul.right, .module-banner-controls ul.right {
  overflow: hidden; }
  .block-banner-controls ul.right li, .module-banner-controls ul.right li {
    float: right !important; }
    .block-banner-controls ul.right li:last-of-type, .module-banner-controls ul.right li:last-of-type {
      margin-right: 5px; }
    .block-banner-controls ul.right li:first-of-type, .module-banner-controls ul.right li:first-of-type {
      margin-right: 0; }

.block-split-hover:hover {
  background-color: #3e3e3e; }
  .block-split-hover:hover .text-header {
    color: #fff !important; }
  .block-split-hover:hover .arrow-placeholder {
    padding-bottom: 20px; }
  .block-split-hover:hover .arrow-placeholder:before {
    display: block; }
  .block-split-hover:hover .hide-on-hover {
    display: none; }

.feature-small:hover .arrow-placeholder:before {
  display: block; }

.arrow-placeholder:before {
  width: 2em;
  height: 2em;
  content: url("../images/icon-arrow-20x20.svg");
  display: none;
  line-height: 3em; }

form.newsletter {
  display: inline-block;
  width: 100%; }
  form.newsletter input[type=email] {
    display: inline-block;
    border: 0;
    padding: 0;
    margin: 0;
    padding-right: 20px;
    padding-bottom: 5px;
    border-bottom: 1px solid #808080;
    background-color: transparent;
    min-width: 50%; }
  form.newsletter input[type=submit] {
    font-weight: 600;
    display: inline-block;
    border: 0;
    padding: 0;
    margin: 0;
    padding-bottom: 5px;
    border-bottom: 1px solid #808080;
    background-color: transparent;
    color: #e49448; }
    form.newsletter input[type=submit]:hover {
      border-bottom: 1px solid #e49448;
      cursor: pointer; }
  form.newsletter input {
    font-size: 1.8em;
    border-radius: 0; }

dl.list-project {
  width: 100%; }
  dl.list-project dt {
    display: inline-block;
    width: 40%; }
  dl.list-project dd {
    display: inline-block;
    width: 60%; }

.thumbnail .info a {
  display: block;
  padding-top: 10px; }

.thumbnail-hover-poly {
  display: block;
  padding-bottom: 20px; }
  .thumbnail-hover-poly svg .background {
    fill: #e3e3e3; }

.click-div:hover .thumbnail-hover-poly svg .background {
  fill: #ccc; }

.brand-thumbnail .background {
  fill: #e3e3e3; }

.global-footer {
  background-color: #e3e3e3; }
  .global-footer .list-footer li {
    margin-bottom: 5px; }

ul.social-icons {
  margin-top: 1em;
  overflow: hidden;
  display: inline-block; }

li.social-icon {
  float: left;
  width: 2em;
  height: 2em;
  margin-left: 20px;
  margin-bottom: 10px; }
  li.social-icon:first-of-type {
    margin-left: 0; }
  li.social-icon svg {
    height: 100%;
    width: auto; }

.social-icons-nav li.social-icon {
  width: 4em;
  height: 4em;
  margin-left: 30px; }
  .social-icons-nav li.social-icon:first-of-type {
    margin-left: 0; }

a.social:hover svg .fill {
  fill: #e49448; }

.modal-nav-homepage, .modal-contact-homepage {
  background-color: #e3e3e3;
  overflow-y: scroll; }
  .modal-nav-homepage .list-nav li, .modal-contact-homepage .list-nav li {
    margin-bottom: 10px; }
    .modal-nav-homepage .list-nav li a, .modal-contact-homepage .list-nav li a {
      display: block;
      width: 100%; }
  @media only screen and (min-width: 1020px) {
    .modal-nav-homepage .list-nav-MED-pad li, .modal-contact-homepage .list-nav-MED-pad li {
      margin-bottom: 30px; } }

.modal-contact-homepage .list-nav {
  margin-bottom: 20px; }
  @media only screen and (min-width: 1520px) {
    .modal-contact-homepage .list-nav {
      margin-bottom: 40px; } }

.modal-contact-homepage .list-nav:last-of-type {
  margin-bottom: -10px !important; }
  @media only screen and (min-width: 1520px) {
    .modal-contact-homepage .list-nav:last-of-type {
      margin-bottom: 0 !important; } }

.btn-load-more {
  border: 1px solid #e49448;
  color: #e49448;
  padding: 10px 15px;
  display: inline-block; }
  .btn-load-more:hover {
    background-color: #e49448;
    color: #fff; }

.icon-loading {
  display: inline-block; }

.glide {
  position: relative;
  width: 100%;
  height: 100%; }
  .glide__wrapper {
    overflow: hidden; }
  .glide__track {
    position: relative;
    width: 100%;
    height: 100%;
    list-style: none;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    touch-action: pan-Y;
    overflow: hidden;
    padding: 0; }
    .glide__track.dragging {
      cursor: grabbing;
      user-select: none; }
  .glide__slide {
    width: 100%;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent; }
    .glide__slide a {
      user-select: none;
      -webkit-user-drag: none;
      -moz-user-select: none;
      -ms-user-select: none; }
  .glide__arrows {
    -webkit-touch-callout: none;
    user-select: none; }
  .glide__arrow {
    cursor: pointer; }
  .glide__bullets {
    -webkit-touch-callout: none;
    user-select: none; }
  .glide--slider .glide__slide {
    float: left;
    clear: none; }
  .glide--carousel.glide--vertical .glide__track {
    overflow: visible; }
  .glide--carousel .glide__slide {
    float: left;
    clear: none; }
  .glide--slideshow .glide__wrapper {
    height: 100%; }
  .glide--slideshow .glide__slide {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    -webkit-transform-style: preserve-3d;
    -webkit-transform: translate3d(0px, 0px, 0px); }
    .glide--slideshow .glide__slide.active {
      z-index: 1; }