@charset "UTF-8";
/* ############################## */
/* #####     =FRAMEWORK     ##### */
/* ############################## */
/*
| ====================================================================
| =GLOBALS
| ====================================================================
*/
/*
| ====================================================================
| =TOOLS
| ====================================================================
*/
/*
 * 1. strip out unit for calculation and conversion
*/
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px); } }
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0); }
  40% {
    -moz-transform: translateY(-30px); }
  60% {
    -moz-transform: translateY(-15px); } }
@-ms-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -ms-transform: translateY(0); }
  40% {
    -ms-transform: translateY(-30px); }
  60% {
    -ms-transform: translateY(-15px); } }
@-o-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -o-transform: translateY(0); }
  40% {
    -o-transform: translateY(-30px); }
  60% {
    -o-transform: translateY(-15px); } }
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0); }
  40% {
    transform: translateY(-30px); }
  60% {
    transform: translateY(-15px); } }
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05); }
  70% {
    -webkit-transform: scale(0.9); }
  100% {
    -webkit-transform: scale(1); } }
@-moz-keyframes bounceIn {
  0% {
    opacity: 0;
    -moz-transform: scale(0.3); }
  50% {
    opacity: 1;
    -moz-transform: scale(1.05); }
  70% {
    -moz-transform: scale(0.9); }
  100% {
    -moz-transform: scale(1); } }
@-ms-keyframes bounceIn {
  0% {
    opacity: 0;
    -ms-transform: scale(0.3); }
  50% {
    opacity: 1;
    -ms-transform: scale(1.05); }
  70% {
    -ms-transform: scale(0.9); }
  100% {
    -ms-transform: scale(1); } }
@-o-keyframes bounceIn {
  0% {
    opacity: 0;
    -o-transform: scale(0.3); }
  50% {
    opacity: 1;
    -o-transform: scale(1.05); }
  70% {
    -o-transform: scale(0.9); }
  100% {
    -o-transform: scale(1); } }
@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3); }
  50% {
    opacity: 1;
    transform: scale(1.05); }
  70% {
    transform: scale(0.9); }
  100% {
    transform: scale(1); } }
@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px); }
  80% {
    -webkit-transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0); } }
@-moz-keyframes bounceInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -moz-transform: translateY(30px); }
  80% {
    -moz-transform: translateY(-10px); }
  100% {
    -moz-transform: translateY(0); } }
@-ms-keyframes bounceInDown {
  0% {
    opacity: 0;
    -ms-transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -ms-transform: translateY(30px); }
  80% {
    -ms-transform: translateY(-10px); }
  100% {
    -ms-transform: translateY(0); } }
@-o-keyframes bounceInDown {
  0% {
    opacity: 0;
    -o-transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -o-transform: translateY(30px); }
  80% {
    -o-transform: translateY(-10px); }
  100% {
    -o-transform: translateY(0); } }
@keyframes bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px); }
  60% {
    opacity: 1;
    transform: translateY(30px); }
  80% {
    transform: translateY(-10px); }
  100% {
    transform: translateY(0); } }
@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px); }
  80% {
    -webkit-transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(0); } }
@-moz-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -moz-transform: translateX(30px); }
  80% {
    -moz-transform: translateX(-10px); }
  100% {
    -moz-transform: translateX(0); } }
@-ms-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -ms-transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -ms-transform: translateX(30px); }
  80% {
    -ms-transform: translateX(-10px); }
  100% {
    -ms-transform: translateX(0); } }
@-o-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -o-transform: translateX(30px); }
  80% {
    -o-transform: translateX(-10px); }
  100% {
    -o-transform: translateX(0); } }
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px); }
  60% {
    opacity: 1;
    transform: translateX(30px); }
  80% {
    transform: translateX(-10px); }
  100% {
    transform: translateX(0); } }
@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px); }
  80% {
    -webkit-transform: translateX(10px); }
  100% {
    -webkit-transform: translateX(0); } }
@-moz-keyframes bounceInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px); }
  60% {
    opacity: 1;
    -moz-transform: translateX(-30px); }
  80% {
    -moz-transform: translateX(10px); }
  100% {
    -moz-transform: translateX(0); } }
@-ms-keyframes bounceInRight {
  0% {
    opacity: 0;
    -ms-transform: translateX(2000px); }
  60% {
    opacity: 1;
    -ms-transform: translateX(-30px); }
  80% {
    -ms-transform: translateX(10px); }
  100% {
    -ms-transform: translateX(0); } }
@-o-keyframes bounceInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(2000px); }
  60% {
    opacity: 1;
    -o-transform: translateX(-30px); }
  80% {
    -o-transform: translateX(10px); }
  100% {
    -o-transform: translateX(0); } }
@keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px); }
  60% {
    opacity: 1;
    transform: translateX(-30px); }
  80% {
    transform: translateX(10px); }
  100% {
    transform: translateX(0); } }
@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px); }
  80% {
    -webkit-transform: translateY(10px); }
  100% {
    -webkit-transform: translateY(0); } }
@-moz-keyframes bounceInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px); }
  60% {
    opacity: 1;
    -moz-transform: translateY(-30px); }
  80% {
    -moz-transform: translateY(10px); }
  100% {
    -moz-transform: translateY(0); } }
@-ms-keyframes bounceInUp {
  0% {
    opacity: 0;
    -ms-transform: translateY(2000px); }
  60% {
    opacity: 1;
    -ms-transform: translateY(-30px); }
  80% {
    -ms-transform: translateY(10px); }
  100% {
    -ms-transform: translateY(0); } }
@-o-keyframes bounceInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(2000px); }
  60% {
    opacity: 1;
    -o-transform: translateY(-30px); }
  80% {
    -o-transform: translateY(10px); }
  100% {
    -o-transform: translateY(0); } }
@keyframes bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(2000px); }
  60% {
    opacity: 1;
    transform: translateY(-30px); }
  80% {
    transform: translateY(10px); }
  100% {
    transform: translateY(0); } }
@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1); }
  25% {
    -webkit-transform: scale(0.95); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3); } }
@-moz-keyframes bounceOut {
  0% {
    -moz-transform: scale(1); }
  25% {
    -moz-transform: scale(0.95); }
  50% {
    opacity: 1;
    -moz-transform: scale(1.1); }
  100% {
    opacity: 0;
    -moz-transform: scale(0.3); } }
@-ms-keyframes bounceOut {
  0% {
    -ms-transform: scale(1); }
  25% {
    -ms-transform: scale(0.95); }
  50% {
    opacity: 1;
    -ms-transform: scale(1.1); }
  100% {
    opacity: 0;
    -ms-transform: scale(0.3); } }
@-o-keyframes bounceOut {
  0% {
    -o-transform: scale(1); }
  25% {
    -o-transform: scale(0.95); }
  50% {
    opacity: 1;
    -o-transform: scale(1.1); }
  100% {
    opacity: 0;
    -o-transform: scale(0.3); } }
@keyframes bounceOut {
  0% {
    transform: scale(1); }
  25% {
    transform: scale(0.95); }
  50% {
    opacity: 1;
    transform: scale(1.1); }
  100% {
    opacity: 0;
    transform: scale(0.3); } }
@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px); } }
@-moz-keyframes bounceOutDown {
  0% {
    -moz-transform: translateY(0); }
  20% {
    opacity: 1;
    -moz-transform: translateY(-20px); }
  100% {
    opacity: 0;
    -moz-transform: translateY(2000px); } }
@-ms-keyframes bounceOutDown {
  0% {
    -ms-transform: translateY(0); }
  20% {
    opacity: 1;
    -ms-transform: translateY(-20px); }
  100% {
    opacity: 0;
    -ms-transform: translateY(2000px); } }
@-o-keyframes bounceOutDown {
  0% {
    -o-transform: translateY(0); }
  20% {
    opacity: 1;
    -o-transform: translateY(-20px); }
  100% {
    opacity: 0;
    -o-transform: translateY(2000px); } }
@keyframes bounceOutDown {
  0% {
    transform: translateY(0); }
  20% {
    opacity: 1;
    transform: translateY(-20px); }
  100% {
    opacity: 0;
    transform: translateY(2000px); } }
@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px); } }
@-moz-keyframes bounceOutLeft {
  0% {
    -moz-transform: translateX(0); }
  20% {
    opacity: 1;
    -moz-transform: translateX(20px); }
  100% {
    opacity: 0;
    -moz-transform: translateX(-2000px); } }
@-ms-keyframes bounceOutLeft {
  0% {
    -ms-transform: translateX(0); }
  20% {
    opacity: 1;
    -ms-transform: translateX(20px); }
  100% {
    opacity: 0;
    -ms-transform: translateX(-2000px); } }
@-o-keyframes bounceOutLeft {
  0% {
    -o-transform: translateX(0); }
  20% {
    opacity: 1;
    -o-transform: translateX(20px); }
  100% {
    opacity: 0;
    -o-transform: translateX(-2000px); } }
@keyframes bounceOutLeft {
  0% {
    transform: translateX(0); }
  20% {
    opacity: 1;
    transform: translateX(20px); }
  100% {
    opacity: 0;
    transform: translateX(-2000px); } }
@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px); } }
@-moz-keyframes bounceOutRight {
  0% {
    -moz-transform: translateX(0); }
  20% {
    opacity: 1;
    -moz-transform: translateX(-20px); }
  100% {
    opacity: 0;
    -moz-transform: translateX(2000px); } }
@-ms-keyframes bounceOutRight {
  0% {
    -ms-transform: translateX(0); }
  20% {
    opacity: 1;
    -ms-transform: translateX(-20px); }
  100% {
    opacity: 0;
    -ms-transform: translateX(2000px); } }
@-o-keyframes bounceOutRight {
  0% {
    -o-transform: translateX(0); }
  20% {
    opacity: 1;
    -o-transform: translateX(-20px); }
  100% {
    opacity: 0;
    -o-transform: translateX(2000px); } }
@keyframes bounceOutRight {
  0% {
    transform: translateX(0); }
  20% {
    opacity: 1;
    transform: translateX(-20px); }
  100% {
    opacity: 0;
    transform: translateX(2000px); } }
@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); } }
@-moz-keyframes bounceOutUp {
  0% {
    -moz-transform: translateY(0); }
  20% {
    opacity: 1;
    -moz-transform: translateY(20px); }
  100% {
    opacity: 0;
    -moz-transform: translateY(-2000px); } }
@-ms-keyframes bounceOutUp {
  0% {
    -ms-transform: translateY(0); }
  20% {
    opacity: 1;
    -ms-transform: translateY(20px); }
  100% {
    opacity: 0;
    -ms-transform: translateY(-2000px); } }
@-o-keyframes bounceOutUp {
  0% {
    -o-transform: translateY(0); }
  20% {
    opacity: 1;
    -o-transform: translateY(20px); }
  100% {
    opacity: 0;
    -o-transform: translateY(-2000px); } }
@keyframes bounceOutUp {
  0% {
    transform: translateY(0); }
  20% {
    opacity: 1;
    transform: translateY(20px); }
  100% {
    opacity: 0;
    transform: translateY(-2000px); } }
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-moz-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-ms-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-o-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-20px); }
  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }
@-ms-keyframes fadeInDown {
  0% {
    opacity: 0;
    -ms-transform: translateY(-20px); }
  100% {
    opacity: 1;
    -ms-transform: translateY(0); } }
@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -ms-transform: translateY(-20px); }
  100% {
    opacity: 1;
    -ms-transform: translateY(0); } }
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@-moz-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }
@-ms-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -ms-transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -ms-transform: translateY(0); } }
@-o-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -o-transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -o-transform: translateY(0); } }
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translateY(-2000px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }
@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-20px); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }
@-ms-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -ms-transform: translateX(-20px); }
  100% {
    opacity: 1;
    -ms-transform: translateX(0); } }
@-o-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-20px); }
  100% {
    opacity: 1;
    -o-transform: translateX(0); } }
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }
@-moz-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }
@-ms-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -ms-transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -ms-transform: translateX(0); } }
@-o-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -o-transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -o-transform: translateX(0); } }
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translateX(-2000px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }
@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(20px); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }
@-ms-keyframes fadeInRight {
  0% {
    opacity: 0;
    -ms-transform: translateX(20px); }
  100% {
    opacity: 1;
    -ms-transform: translateX(0); } }
@-o-keyframes fadeInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(20px); }
  100% {
    opacity: 1;
    -o-transform: translateX(0); } }
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }
@-moz-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }
@-ms-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -ms-transform: translateX(2000px); }
  100% {
    opacity: 1;
    -ms-transform: translateX(0); } }
@-o-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -o-transform: translateX(2000px); }
  100% {
    opacity: 1;
    -o-transform: translateX(0); } }
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translateX(2000px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px); }
  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }
@-ms-keyframes fadeInUp {
  0% {
    opacity: 0;
    -ms-transform: translateY(20px); }
  100% {
    opacity: 1;
    -ms-transform: translateY(0); } }
@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(20px); }
  100% {
    opacity: 1;
    -o-transform: translateY(0); } }
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@-moz-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px); }
  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }
@-ms-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -ms-transform: translateY(2000px); }
  100% {
    opacity: 1;
    -ms-transform: translateY(0); } }
@-o-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -o-transform: translateY(2000px); }
  100% {
    opacity: 1;
    -o-transform: translateY(0); } }
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translateY(2000px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@-moz-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@-ms-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@-o-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px); } }
@-moz-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -moz-transform: translateY(0); }
  100% {
    opacity: 0;
    -moz-transform: translateY(20px); } }
@-ms-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -ms-transform: translateY(0); }
  100% {
    opacity: 0;
    -ms-transform: translateY(20px); } }
@-o-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -o-transform: translateY(0); }
  100% {
    opacity: 0;
    -o-transform: translateY(20px); } }
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0); }
  100% {
    opacity: 0;
    transform: translateY(20px); } }
@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px); } }
@-moz-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -moz-transform: translateY(0); }
  100% {
    opacity: 0;
    -moz-transform: translateY(2000px); } }
@-ms-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -ms-transform: translateY(0); }
  100% {
    opacity: 0;
    -ms-transform: translateY(2000px); } }
@-o-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -o-transform: translateY(0); }
  100% {
    opacity: 0;
    -o-transform: translateY(2000px); } }
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    transform: translateY(0); }
  100% {
    opacity: 0;
    transform: translateY(2000px); } }
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px); } }
@-moz-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -moz-transform: translateX(0); }
  100% {
    opacity: 0;
    -moz-transform: translateX(-20px); } }
@-ms-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -ms-transform: translateX(0); }
  100% {
    opacity: 0;
    -ms-transform: translateX(-20px); } }
@-o-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -o-transform: translateX(0); }
  100% {
    opacity: 0;
    -o-transform: translateX(-20px); } }
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    transform: translateX(0); }
  100% {
    opacity: 0;
    transform: translateX(-20px); } }
@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px); } }
@-moz-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -moz-transform: translateX(0); }
  100% {
    opacity: 0;
    -moz-transform: translateX(-2000px); } }
@-ms-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -ms-transform: translateX(0); }
  100% {
    opacity: 0;
    -ms-transform: translateX(-2000px); } }
@-o-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -o-transform: translateX(0); }
  100% {
    opacity: 0;
    -o-transform: translateX(-2000px); } }
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    transform: translateX(0); }
  100% {
    opacity: 0;
    transform: translateX(-2000px); } }
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px); } }
@-moz-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -moz-transform: translateX(0); }
  100% {
    opacity: 0;
    -moz-transform: translateX(20px); } }
@-ms-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -ms-transform: translateX(0); }
  100% {
    opacity: 0;
    -ms-transform: translateX(20px); } }
@-o-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -o-transform: translateX(0); }
  100% {
    opacity: 0;
    -o-transform: translateX(20px); } }
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    transform: translateX(0); }
  100% {
    opacity: 0;
    transform: translateX(20px); } }
@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px); } }
@-moz-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -moz-transform: translateX(0); }
  100% {
    opacity: 0;
    -moz-transform: translateX(2000px); } }
@-ms-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -ms-transform: translateX(0); }
  100% {
    opacity: 0;
    -ms-transform: translateX(2000px); } }
@-o-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -o-transform: translateX(0); }
  100% {
    opacity: 0;
    -o-transform: translateX(2000px); } }
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    transform: translateX(0); }
  100% {
    opacity: 0;
    transform: translateX(2000px); } }
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px); } }
@-moz-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -moz-transform: translateY(0); }
  100% {
    opacity: 0;
    -moz-transform: translateY(-20px); } }
@-ms-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -ms-transform: translateY(0); }
  100% {
    opacity: 0;
    -ms-transform: translateY(-20px); } }
@-o-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -o-transform: translateY(0); }
  100% {
    opacity: 0;
    -o-transform: translateY(-20px); } }
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0); }
  100% {
    opacity: 0;
    transform: translateY(-20px); } }
@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); } }
@-moz-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -moz-transform: translateY(0); }
  100% {
    opacity: 0;
    -moz-transform: translateY(-2000px); } }
@-o-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -o-transform: translateY(0); }
  100% {
    opacity: 0;
    -o-transform: translateY(-2000px); } }
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    transform: translateY(0); }
  100% {
    opacity: 0;
    transform: translateY(-2000px); } }
@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }
@-moz-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }
@-ms-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }
@-o-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }
@keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }
@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    -webkit-animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -webkit-animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in; }
  100% {
    -webkit-transform: perspective(400px) scale(1);
    -webkit-animation-timing-function: ease-in; } }
@-moz-keyframes flip {
  0% {
    -moz-transform: perspective(400px) rotateY(0);
    -moz-animation-timing-function: ease-out; }
  40% {
    -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -moz-animation-timing-function: ease-out; }
  50% {
    -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-animation-timing-function: ease-in; }
  80% {
    -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -moz-animation-timing-function: ease-in; }
  100% {
    -moz-transform: perspective(400px) scale(1);
    -moz-animation-timing-function: ease-in; } }
@-o-keyframes flip {
  0% {
    -o-transform: perspective(400px) rotateY(0);
    -o-animation-timing-function: ease-out; }
  40% {
    -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -o-animation-timing-function: ease-out; }
  50% {
    -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-animation-timing-function: ease-in; }
  80% {
    -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -o-animation-timing-function: ease-in; }
  100% {
    -o-transform: perspective(400px) scale(1);
    -o-animation-timing-function: ease-in; } }
@keyframes flip {
  0% {
    transform: perspective(400px) rotateY(0);
    animation-timing-function: ease-out; }
  40% {
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
    animation-timing-function: ease-out; }
  50% {
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in; }
  80% {
    transform: perspective(400px) rotateY(360deg) scale(0.95);
    animation-timing-function: ease-in; }
  100% {
    transform: perspective(400px) scale(1);
    animation-timing-function: ease-in; } }
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg); }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    opacity: 1; } }
@-moz-keyframes flipInX {
  0% {
    -moz-transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  40% {
    -moz-transform: perspective(400px) rotateX(-10deg); }
  70% {
    -moz-transform: perspective(400px) rotateX(10deg); }
  100% {
    -moz-transform: perspective(400px) rotateX(0deg);
    opacity: 1; } }
@-o-keyframes flipInX {
  0% {
    -o-transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  40% {
    -o-transform: perspective(400px) rotateX(-10deg); }
  70% {
    -o-transform: perspective(400px) rotateX(10deg); }
  100% {
    -o-transform: perspective(400px) rotateX(0deg);
    opacity: 1; } }
@keyframes flipInX {
  0% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  40% {
    transform: perspective(400px) rotateX(-10deg); }
  70% {
    transform: perspective(400px) rotateX(10deg); }
  100% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1; } }
@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg); }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    opacity: 1; } }
@-moz-keyframes flipInY {
  0% {
    -moz-transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  40% {
    -moz-transform: perspective(400px) rotateY(-10deg); }
  70% {
    -moz-transform: perspective(400px) rotateY(10deg); }
  100% {
    -moz-transform: perspective(400px) rotateY(0deg);
    opacity: 1; } }
@-ms-keyframes flipInY {
  0% {
    -ms-transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  40% {
    -ms-transform: perspective(400px) rotateY(-10deg); }
  70% {
    -ms-transform: perspective(400px) rotateY(10deg); }
  100% {
    -ms-transform: perspective(400px) rotateY(0deg);
    opacity: 1; } }
@-o-keyframes flipInY {
  0% {
    -o-transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  40% {
    -o-transform: perspective(400px) rotateY(-10deg); }
  70% {
    -o-transform: perspective(400px) rotateY(10deg); }
  100% {
    -o-transform: perspective(400px) rotateY(0deg);
    opacity: 1; } }
@keyframes flipInY {
  0% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  40% {
    transform: perspective(400px) rotateY(-10deg); }
  70% {
    transform: perspective(400px) rotateY(10deg); }
  100% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1; } }
@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }
@-moz-keyframes flipOutX {
  0% {
    -moz-transform: perspective(400px) rotateX(0deg);
    opacity: 1; }
  100% {
    -moz-transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }
@-ms-keyframes flipOutX {
  0% {
    -ms-transform: perspective(400px) rotateX(0deg);
    opacity: 1; }
  100% {
    -ms-transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }
@-o-keyframes flipOutX {
  0% {
    -o-transform: perspective(400px) rotateX(0deg);
    opacity: 1; }
  100% {
    -o-transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }
@keyframes flipOutX {
  0% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1; }
  100% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }
@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }
@-moz-keyframes flipOutY {
  0% {
    -moz-transform: perspective(400px) rotateY(0deg);
    opacity: 1; }
  100% {
    -moz-transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }
@-ms-keyframes flipOutY {
  0% {
    -ms-transform: perspective(400px) rotateY(0deg);
    opacity: 1; }
  100% {
    -ms-transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }
@-o-keyframes flipOutY {
  0% {
    -o-transform: perspective(400px) rotateY(0deg);
    opacity: 1; }
  100% {
    -o-transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }
@keyframes flipOutY {
  0% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1; }
  100% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }
@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out; }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out; }
  40% {
    -webkit-transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out; }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out; }
  100% {
    -webkit-transform: translateY(700px);
    opacity: 0; } }
@-moz-keyframes hinge {
  0% {
    -moz-transform: rotate(0);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out; }
  20%, 60% {
    -moz-transform: rotate(80deg);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out; }
  40% {
    -moz-transform: rotate(60deg);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out; }
  80% {
    -moz-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out; }
  100% {
    -moz-transform: translateY(700px);
    opacity: 0; } }
@-ms-keyframes hinge {
  0% {
    -ms-transform: rotate(0);
    -ms-transform-origin: top left;
    -ms-animation-timing-function: ease-in-out; }
  20%, 60% {
    -ms-transform: rotate(80deg);
    -ms-transform-origin: top left;
    -ms-animation-timing-function: ease-in-out; }
  40% {
    -ms-transform: rotate(60deg);
    -ms-transform-origin: top left;
    -ms-animation-timing-function: ease-in-out; }
  80% {
    -ms-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -ms-transform-origin: top left;
    -ms-animation-timing-function: ease-in-out; }
  100% {
    -ms-transform: translateY(700px);
    opacity: 0; } }
@-o-keyframes hinge {
  0% {
    -o-transform: rotate(0);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out; }
  20%, 60% {
    -o-transform: rotate(80deg);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out; }
  40% {
    -o-transform: rotate(60deg);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out; }
  80% {
    -o-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out; }
  100% {
    -o-transform: translateY(700px);
    opacity: 0; } }
@keyframes hinge {
  0% {
    transform: rotate(0);
    transform-origin: top left;
    animation-timing-function: ease-in-out; }
  20%, 60% {
    transform: rotate(80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out; }
  40% {
    transform: rotate(60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out; }
  80% {
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    transform-origin: top left;
    animation-timing-function: ease-in-out; }
  100% {
    transform: translateY(700px);
    opacity: 0; } }
@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    opacity: 1; }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    opacity: 1; } }
@-moz-keyframes lightSpeedIn {
  0% {
    -moz-transform: translateX(100%) skewX(-30deg);
    opacity: 0; }
  60% {
    -moz-transform: translateX(-20%) skewX(30deg);
    opacity: 1; }
  80% {
    -moz-transform: translateX(0%) skewX(-15deg);
    opacity: 1; }
  100% {
    -moz-transform: translateX(0%) skewX(0deg);
    opacity: 1; } }
@-ms-keyframes lightSpeedIn {
  0% {
    -ms-transform: translateX(100%) skewX(-30deg);
    opacity: 0; }
  60% {
    -ms-transform: translateX(-20%) skewX(30deg);
    opacity: 1; }
  80% {
    -ms-transform: translateX(0%) skewX(-15deg);
    opacity: 1; }
  100% {
    -ms-transform: translateX(0%) skewX(0deg);
    opacity: 1; } }
@-o-keyframes lightSpeedIn {
  0% {
    -o-transform: translateX(100%) skewX(-30deg);
    opacity: 0; }
  60% {
    -o-transform: translateX(-20%) skewX(30deg);
    opacity: 1; }
  80% {
    -o-transform: translateX(0%) skewX(-15deg);
    opacity: 1; }
  100% {
    -o-transform: translateX(0%) skewX(0deg);
    opacity: 1; } }
@keyframes lightSpeedIn {
  0% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; }
  60% {
    transform: translateX(-20%) skewX(30deg);
    opacity: 1; }
  80% {
    transform: translateX(0%) skewX(-15deg);
    opacity: 1; }
  100% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1; } }
@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    opacity: 0; } }
@-moz-keyframes lightSpeedOut {
  0% {
    -moz-transform: translateX(0%) skewX(0deg);
    opacity: 1; }
  100% {
    -moz-transform: translateX(100%) skewX(-30deg);
    opacity: 0; } }
@-ms-keyframes lightSpeedOut {
  0% {
    -ms-transform: translateX(0%) skewX(0deg);
    opacity: 1; }
  100% {
    -ms-transform: translateX(100%) skewX(-30deg);
    opacity: 0; } }
@-o-keyframes lightSpeedOut {
  0% {
    -o-transform: translateX(0%) skewX(0deg);
    opacity: 1; }
  100% {
    -o-transform: translateX(100%) skewX(-30deg);
    opacity: 0; } }
@keyframes lightSpeedOut {
  0% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1; }
  100% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; } }
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1); } }
@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(1); }
  50% {
    -moz-transform: scale(1.1); }
  100% {
    -moz-transform: scale(1); } }
@-ms-keyframes pulse {
  0% {
    -ms-transform: scale(1); }
  50% {
    -ms-transform: scale(1.1); }
  100% {
    -ms-transform: scale(1); } }
@-o-keyframes pulse {
  0% {
    -o-transform: scale(1); }
  50% {
    -o-transform: scale(1.1); }
  100% {
    -o-transform: scale(1); } }
@keyframes pulse {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.1); }
  100% {
    transform: scale(1); } }
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg); } }
@-moz-keyframes rollIn {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%) rotate(-120deg); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0px) rotate(0deg); } }
@-ms-keyframes rollIn {
  0% {
    opacity: 0;
    -ms-transform: translateX(-100%) rotate(-120deg); }
  100% {
    opacity: 1;
    -ms-transform: translateX(0px) rotate(0deg); } }
@-o-keyframes rollIn {
  0% {
    opacity: 0;
    -o-transform: translateX(-100%) rotate(-120deg); }
  100% {
    opacity: 1;
    -o-transform: translateX(0px) rotate(0deg); } }
@keyframes rollIn {
  0% {
    opacity: 0;
    transform: translateX(-100%) rotate(-120deg); }
  100% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg); } }
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg); } }
@-moz-keyframes rollOut {
  0% {
    opacity: 1;
    -moz-transform: translateX(0px) rotate(0deg); }
  100% {
    opacity: 0;
    -moz-transform: translateX(100%) rotate(120deg); } }
@-ms-keyframes rollOut {
  0% {
    opacity: 1;
    -ms-transform: translateX(0px) rotate(0deg); }
  100% {
    opacity: 0;
    -ms-transform: translateX(100%) rotate(120deg); } }
@-o-keyframes rollOut {
  0% {
    opacity: 1;
    -o-transform: translateX(0px) rotate(0deg); }
  100% {
    opacity: 0;
    -o-transform: translateX(100%) rotate(120deg); } }
@keyframes rollOut {
  0% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg); }
  100% {
    opacity: 0;
    transform: translateX(100%) rotate(120deg); } }
@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1; } }
@-moz-keyframes rotateIn {
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(-200deg);
    opacity: 0; }
  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0);
    opacity: 1; } }
@-ms-keyframes rotateIn {
  0% {
    -ms-transform-origin: center center;
    -ms-transform: rotate(-200deg);
    opacity: 0; }
  100% {
    -ms-transform-origin: center center;
    -ms-transform: rotate(0);
    opacity: 1; } }
@-o-keyframes rotateIn {
  0% {
    -o-transform-origin: center center;
    -o-transform: rotate(-200deg);
    opacity: 0; }
  100% {
    -o-transform-origin: center center;
    -o-transform: rotate(0);
    opacity: 1; } }
@keyframes rotateIn {
  0% {
    transform-origin: center center;
    transform: rotate(-200deg);
    opacity: 0; }
  100% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1; } }
@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }
@-moz-keyframes rotateInDownLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1; } }
@-ms-keyframes rotateInDownLeft {
  0% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(0);
    opacity: 1; } }
@-o-keyframes rotateInDownLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1; } }
@keyframes rotateInDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0; }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1; } }
@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }
@-moz-keyframes rotateInDownRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1; } }
@-ms-keyframes rotateInDownRight {
  0% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(0);
    opacity: 1; } }
@-o-keyframes rotateInDownRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1; } }
@keyframes rotateInDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0; }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1; } }
@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }
@-moz-keyframes rotateInUpLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1; } }
@-ms-keyframes rotateInUpLeft {
  0% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(0);
    opacity: 1; } }
@-o-keyframes rotateInUpLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1; } }
@keyframes rotateInUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0; }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1; } }
@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }
@-moz-keyframes rotateInUpRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1; } }
@-ms-keyframes rotateInUpRight {
  0% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(0);
    opacity: 1; } }
@-o-keyframes rotateInUpRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1; } }
@keyframes rotateInUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0; }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1; } }
@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(200deg);
    opacity: 0; } }
@-moz-keyframes rotateOut {
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0);
    opacity: 1; }
  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(200deg);
    opacity: 0; } }
@-ms-keyframes rotateOut {
  0% {
    -ms-transform-origin: center center;
    -ms-transform: rotate(0);
    opacity: 1; }
  100% {
    -ms-transform-origin: center center;
    -ms-transform: rotate(200deg);
    opacity: 0; } }
@-o-keyframes rotateOut {
  0% {
    -o-transform-origin: center center;
    -o-transform: rotate(0);
    opacity: 1; }
  100% {
    -o-transform-origin: center center;
    -o-transform: rotate(200deg);
    opacity: 0; } }
@keyframes rotateOut {
  0% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1; }
  100% {
    transform-origin: center center;
    transform: rotate(200deg);
    opacity: 0; } }
@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; } }
@-moz-keyframes rotateOutDownLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1; }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(90deg);
    opacity: 0; } }
@-ms-keyframes rotateOutDownLeft {
  0% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(0);
    opacity: 1; }
  100% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(90deg);
    opacity: 0; } }
@-o-keyframes rotateOutDownLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1; }
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(90deg);
    opacity: 0; } }
@keyframes rotateOutDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1; }
  100% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0; } }
@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0; } }
@-moz-keyframes rotateOutDownRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1; }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0; } }
@-ms-keyframes rotateOutDownRight {
  0% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(0);
    opacity: 1; }
  100% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(-90deg);
    opacity: 0; } }
@-o-keyframes rotateOutDownRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1; }
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(-90deg);
    opacity: 0; } }
@keyframes rotateOutDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1; }
  100% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0; } }
@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0; } }
@-moz-keyframes rotateOutUpLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1; }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0; } }
@-ms-keyframes rotateOutUpLeft {
  0% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(0);
    opacity: 1; }
  100% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(-90deg);
    opacity: 0; } }
@-o-keyframes rotateOutUpLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1; }
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(-90deg);
    opacity: 0; } }
@keyframes rotateOutUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1; }
  100% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0; } }
@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; } }
@-moz-keyframes rotateOutUpRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1; }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(90deg);
    opacity: 0; } }
@-ms-keyframes rotateOutUpRight {
  0% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(0);
    opacity: 1; }
  100% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(90deg);
    opacity: 0; } }
@-o-keyframes rotateOutUpRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1; }
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(90deg);
    opacity: 0; } }
@keyframes rotateOutUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1; }
  100% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0; } }
@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px); } }
@-moz-keyframes shake {
  0%, 100% {
    -moz-transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% {
    -moz-transform: translateX(-10px); }
  20%, 40%, 60%, 80% {
    -moz-transform: translateX(10px); } }
@-ms-keyframes shake {
  0%, 100% {
    -ms-transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% {
    -ms-transform: translateX(-10px); }
  20%, 40%, 60%, 80% {
    -ms-transform: translateX(10px); } }
@-o-keyframes shake {
  0%, 100% {
    -o-transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% {
    -o-transform: translateX(-10px); }
  20%, 40%, 60%, 80% {
    -o-transform: translateX(10px); } }
@keyframes shake {
  0%, 100% {
    transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% {
    transform: translateX(-10px); }
  20%, 40%, 60%, 80% {
    transform: translateX(10px); } }
@-webkit-keyframes swing {
  20%, 40%, 60%, 80%, 100% {
    -webkit-transform-origin: top center; }
  20% {
    -webkit-transform: rotate(15deg); }
  40% {
    -webkit-transform: rotate(-10deg); }
  60% {
    -webkit-transform: rotate(5deg); }
  80% {
    -webkit-transform: rotate(-5deg); }
  100% {
    -webkit-transform: rotate(0deg); } }
@-moz-keyframes swing {
  20% {
    -moz-transform: rotate(15deg); }
  40% {
    -moz-transform: rotate(-10deg); }
  60% {
    -moz-transform: rotate(5deg); }
  80% {
    -moz-transform: rotate(-5deg); }
  100% {
    -moz-transform: rotate(0deg); } }
@-ms-keyframes swing {
  20% {
    -ms-transform: rotate(15deg); }
  40% {
    -ms-transform: rotate(-10deg); }
  60% {
    -ms-transform: rotate(5deg); }
  80% {
    -ms-transform: rotate(-5deg); }
  100% {
    -ms-transform: rotate(0deg); } }
@-o-keyframes swing {
  20% {
    -o-transform: rotate(15deg); }
  40% {
    -o-transform: rotate(-10deg); }
  60% {
    -o-transform: rotate(5deg); }
  80% {
    -o-transform: rotate(-5deg); }
  100% {
    -o-transform: rotate(0deg); } }
@keyframes swing {
  20% {
    transform: rotate(15deg); }
  40% {
    transform: rotate(-10deg); }
  60% {
    transform: rotate(5deg); }
  80% {
    transform: rotate(-5deg); }
  100% {
    transform: rotate(0deg); } }
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1); }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg); }
  100% {
    -webkit-transform: scale(1) rotate(0); } }
@-moz-keyframes tada {
  0% {
    -moz-transform: scale(1); }
  10%, 20% {
    -moz-transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    -moz-transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% {
    -moz-transform: scale(1.1) rotate(-3deg); }
  100% {
    -moz-transform: scale(1) rotate(0); } }
@-ms-keyframes tada {
  0% {
    -ms-transform: scale(1); }
  10%, 20% {
    -ms-transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    -ms-transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% {
    -ms-transform: scale(1.1) rotate(-3deg); }
  100% {
    -ms-transform: scale(1) rotate(0); } }
@-o-keyframes tada {
  0% {
    -o-transform: scale(1); }
  10%, 20% {
    -o-transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    -o-transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% {
    -o-transform: scale(1.1) rotate(-3deg); }
  100% {
    -o-transform: scale(1) rotate(0); } }
@keyframes tada {
  0% {
    transform: scale(1); }
  10%, 20% {
    transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% {
    transform: scale(1.1) rotate(-3deg); }
  100% {
    transform: scale(1) rotate(0); } }
@-webkit-keyframes wiggle {
  0% {
    -webkit-transform: skewX(9deg); }
  10% {
    -webkit-transform: skewX(-8deg); }
  20% {
    -webkit-transform: skewX(7deg); }
  30% {
    -webkit-transform: skewX(-6deg); }
  40% {
    -webkit-transform: skewX(5deg); }
  50% {
    -webkit-transform: skewX(-4deg); }
  60% {
    -webkit-transform: skewX(3deg); }
  70% {
    -webkit-transform: skewX(-2deg); }
  80% {
    -webkit-transform: skewX(1deg); }
  90% {
    -webkit-transform: skewX(0deg); }
  100% {
    -webkit-transform: skewX(0deg); } }
@-moz-keyframes wiggle {
  0% {
    -moz-transform: skewX(9deg); }
  10% {
    -moz-transform: skewX(-8deg); }
  20% {
    -moz-transform: skewX(7deg); }
  30% {
    -moz-transform: skewX(-6deg); }
  40% {
    -moz-transform: skewX(5deg); }
  50% {
    -moz-transform: skewX(-4deg); }
  60% {
    -moz-transform: skewX(3deg); }
  70% {
    -moz-transform: skewX(-2deg); }
  80% {
    -moz-transform: skewX(1deg); }
  90% {
    -moz-transform: skewX(0deg); }
  100% {
    -moz-transform: skewX(0deg); } }
@-ms-keyframes wiggle {
  0% {
    -ms-transform: skewX(9deg); }
  10% {
    -ms-transform: skewX(-8deg); }
  20% {
    -ms-transform: skewX(7deg); }
  30% {
    -ms-transform: skewX(-6deg); }
  40% {
    -ms-transform: skewX(5deg); }
  50% {
    -ms-transform: skewX(-4deg); }
  60% {
    -ms-transform: skewX(3deg); }
  70% {
    -ms-transform: skewX(-2deg); }
  80% {
    -ms-transform: skewX(1deg); }
  90% {
    -ms-transform: skewX(0deg); }
  100% {
    -ms-transform: skewX(0deg); } }
@-o-keyframes wiggle {
  0% {
    -o-transform: skewX(9deg); }
  10% {
    -o-transform: skewX(-8deg); }
  20% {
    -o-transform: skewX(7deg); }
  30% {
    -o-transform: skewX(-6deg); }
  40% {
    -o-transform: skewX(5deg); }
  50% {
    -o-transform: skewX(-4deg); }
  60% {
    -o-transform: skewX(3deg); }
  70% {
    -o-transform: skewX(-2deg); }
  80% {
    -o-transform: skewX(1deg); }
  90% {
    -o-transform: skewX(0deg); }
  100% {
    -o-transform: skewX(0deg); } }
@keyframes wiggle {
  0% {
    transform: skewX(9deg); }
  10% {
    transform: skewX(-8deg); }
  20% {
    transform: skewX(7deg); }
  30% {
    transform: skewX(-6deg); }
  40% {
    transform: skewX(5deg); }
  50% {
    transform: skewX(-4deg); }
  60% {
    transform: skewX(3deg); }
  70% {
    transform: skewX(-2deg); }
  80% {
    transform: skewX(1deg); }
  90% {
    transform: skewX(0deg); }
  100% {
    transform: skewX(0deg); } }
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%); }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg); }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg); }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg); }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg); }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg); }
  100% {
    -webkit-transform: translateX(0%); } }
@-moz-keyframes wobble {
  0% {
    -moz-transform: translateX(0%); }
  15% {
    -moz-transform: translateX(-25%) rotate(-5deg); }
  30% {
    -moz-transform: translateX(20%) rotate(3deg); }
  45% {
    -moz-transform: translateX(-15%) rotate(-3deg); }
  60% {
    -moz-transform: translateX(10%) rotate(2deg); }
  75% {
    -moz-transform: translateX(-5%) rotate(-1deg); }
  100% {
    -moz-transform: translateX(0%); } }
@-ms-keyframes wobble {
  0% {
    -ms-transform: translateX(0%); }
  15% {
    -ms-transform: translateX(-25%) rotate(-5deg); }
  30% {
    -ms-transform: translateX(20%) rotate(3deg); }
  45% {
    -ms-transform: translateX(-15%) rotate(-3deg); }
  60% {
    -ms-transform: translateX(10%) rotate(2deg); }
  75% {
    -ms-transform: translateX(-5%) rotate(-1deg); }
  100% {
    -ms-transform: translateX(0%); } }
@-o-keyframes wobble {
  0% {
    -o-transform: translateX(0%); }
  15% {
    -o-transform: translateX(-25%) rotate(-5deg); }
  30% {
    -o-transform: translateX(20%) rotate(3deg); }
  45% {
    -o-transform: translateX(-15%) rotate(-3deg); }
  60% {
    -o-transform: translateX(10%) rotate(2deg); }
  75% {
    -o-transform: translateX(-5%) rotate(-1deg); }
  100% {
    -o-transform: translateX(0%); } }
@keyframes wobble {
  0% {
    transform: translateX(0%); }
  15% {
    transform: translateX(-25%) rotate(-5deg); }
  30% {
    transform: translateX(20%) rotate(3deg); }
  45% {
    transform: translateX(-15%) rotate(-3deg); }
  60% {
    transform: translateX(10%) rotate(2deg); }
  75% {
    transform: translateX(-5%) rotate(-1deg); }
  100% {
    transform: translateX(0%); } }
.bounce {
  -webkit-animation-name: bounce;
  -moz-animation-name: bounce;
  -ms-animation-name: bounce;
  -o-animation-name: bounce;
  animation-name: bounce;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.bounceIn {
  -webkit-animation-name: bounceIn;
  -moz-animation-name: bounceIn;
  -ms-animation-name: bounceIn;
  -o-animation-name: bounceIn;
  animation-name: bounceIn;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  -moz-animation-name: bounceInDown;
  -ms-animation-name: bounceInDown;
  -o-animation-name: bounceInDown;
  animation-name: bounceInDown;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  -moz-animation-name: bounceInLeft;
  -ms-animation-name: bounceInLeft;
  -o-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  -moz-animation-name: bounceInRight;
  -ms-animation-name: bounceInRight;
  -o-animation-name: bounceInRight;
  animation-name: bounceInRight;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  -moz-animation-name: bounceInUp;
  -ms-animation-name: bounceInUp;
  -o-animation-name: bounceInUp;
  animation-name: bounceInUp;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.bounceOut {
  -webkit-animation-name: bounceOut;
  -moz-animation-name: bounceOut;
  -ms-animation-name: bounceOut;
  -o-animation-name: bounceOut;
  animation-name: bounceOut;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  -moz-animation-name: bounceOutDown;
  -ms-animation-name: bounceOutDown;
  -o-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  -moz-animation-name: bounceOutLeft;
  -ms-animation-name: bounceOutLeft;
  -o-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  -moz-animation-name: bounceOutRight;
  -ms-animation-name: bounceOutRight;
  -o-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  -moz-animation-name: bounceOutUp;
  -ms-animation-name: bounceOutUp;
  -o-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.fadeIn {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -ms-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.fadeInDown, .content .lightbox .close {
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -ms-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  -moz-animation-name: fadeInDownBig;
  -ms-animation-name: fadeInDownBig;
  -o-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.fadeInLeft, .content .lightbox aside ul a {
  -webkit-animation-name: fadeInLeft;
  -moz-animation-name: fadeInLeft;
  -ms-animation-name: fadeInLeft;
  -o-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  -moz-animation-name: fadeInLeftBig;
  -ms-animation-name: fadeInLeftBig;
  -o-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  -moz-animation-name: fadeInRight;
  -ms-animation-name: fadeInRight;
  -o-animation-name: fadeInRight;
  animation-name: fadeInRight;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  -moz-animation-name: fadeInRightBig;
  -ms-animation-name: fadeInRightBig;
  -o-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -ms-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  -moz-animation-name: fadeInUpBig;
  -ms-animation-name: fadeInUpBig;
  -o-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.fadeOut {
  -webkit-animation-name: fadeOut;
  -moz-animation-name: fadeOut;
  -ms-animation-name: fadeOut;
  -o-animation-name: fadeOut;
  animation-name: fadeOut;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  -moz-animation-name: fadeOutDown;
  -ms-animation-name: fadeOutDown;
  -o-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  -moz-animation-name: fadeOutDownBig;
  -ms-animation-name: fadeOutDownBig;
  -o-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  -moz-animation-name: fadeOutLeft;
  -ms-animation-name: fadeOutLeft;
  -o-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  -moz-animation-name: fadeOutLeftBig;
  -ms-animation-name: fadeOutLeftBig;
  -o-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  -moz-animation-name: fadeOutRight;
  -ms-animation-name: fadeOutRight;
  -o-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  -moz-animation-name: fadeOutRightBig;
  -ms-animation-name: fadeOutRightBig;
  -o-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  -moz-animation-name: fadeOutUp;
  -ms-animation-name: fadeOutUp;
  -o-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  -moz-animation-name: fadeOutUpBig;
  -ms-animation-name: fadeOutUpBig;
  -o-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.flash {
  -webkit-animation-name: flash;
  -moz-animation-name: flash;
  -ms-animation-name: flash;
  -o-animation-name: flash;
  animation-name: flash;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.flip {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-animation-name: flip;
  -moz-animation-name: flip;
  -ms-animation-name: flip;
  -o-animation-name: flip;
  animation-name: flip;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.flipInX {
  -webkit-animation-name: flipInX;
  -moz-animation-name: flipInX;
  -ms-animation-name: flipInX;
  -o-animation-name: flipInX;
  animation-name: flipInX;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.flipInY {
  -webkit-animation-name: flipInY;
  -moz-animation-name: flipInY;
  -ms-animation-name: flipInY;
  -o-animation-name: flipInY;
  animation-name: flipInY;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.flipOutX {
  -webkit-animation-name: flipOutX;
  -moz-animation-name: flipOutX;
  -ms-animation-name: flipOutX;
  -o-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.flipOutY {
  -webkit-animation-name: flipOutY;
  -moz-animation-name: flipOutY;
  -ms-animation-name: flipOutY;
  -o-animation-name: flipOutY;
  animation-name: flipOutY;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.hinge {
  -webkit-animation-name: hinge;
  -moz-animation-name: hinge;
  -ms-animation-name: hinge;
  -o-animation-name: hinge;
  animation-name: hinge;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  -moz-animation-name: lightSpeedIn;
  -ms-animation-name: lightSpeedIn;
  -o-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  -moz-animation-name: lightSpeedOut;
  -ms-animation-name: lightSpeedOut;
  -o-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  -moz-animation-timing-function: ease-in;
  -ms-animation-timing-function: ease-in;
  -o-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.pulse {
  -webkit-animation-name: pulse;
  -moz-animation-name: pulse;
  -ms-animation-name: pulse;
  -o-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.rollIn {
  -webkit-animation-name: rollIn;
  -moz-animation-name: rollIn;
  -ms-animation-name: rollIn;
  -o-animation-name: rollIn;
  animation-name: rollIn;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.rollOut {
  -webkit-animation-name: rollOut;
  -moz-animation-name: rollOut;
  -ms-animation-name: rollOut;
  -o-animation-name: rollOut;
  animation-name: rollOut;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.rotateIn {
  -webkit-animation-name: rotateIn;
  -moz-animation-name: rotateIn;
  -ms-animation-name: rotateIn;
  -o-animation-name: rotateIn;
  animation-name: rotateIn;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  -moz-animation-name: rotateInDownLeft;
  -ms-animation-name: rotateInDownLeft;
  -o-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  -moz-animation-name: rotateInDownRight;
  -ms-animation-name: rotateInDownRight;
  -o-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  -moz-animation-name: rotateInUpLeft;
  -ms-animation-name: rotateInUpLeft;
  -o-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  -moz-animation-name: rotateInUpRight;
  -ms-animation-name: rotateInUpRight;
  -o-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.rotateOut {
  -webkit-animation-name: rotateOut;
  -moz-animation-name: rotateOut;
  -ms-animation-name: rotateOut;
  -o-animation-name: rotateOut;
  animation-name: rotateOut;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  -moz-animation-name: rotateOutDownLeft;
  -ms-animation-name: rotateOutDownLeft;
  -o-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  -moz-animation-name: rotateOutDownRight;
  -ms-animation-name: rotateOutDownRight;
  -o-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  -moz-animation-name: rotateOutUpLeft;
  -ms-animation-name: rotateOutUpLeft;
  -o-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  -moz-animation-name: rotateOutUpRight;
  -ms-animation-name: rotateOutUpRight;
  -o-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.shake {
  -webkit-animation-name: shake;
  -moz-animation-name: shake;
  -ms-animation-name: shake;
  -o-animation-name: shake;
  animation-name: shake;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.swing {
  -webkit-transform-origin: top center;
  -moz-transform-origin: top center;
  -ms-transform-origin: top center;
  -o-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  -moz-animation-name: swing;
  -ms-animation-name: swing;
  -o-animation-name: swing;
  animation-name: swing;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.tada {
  -webkit-animation-name: tada;
  -moz-animation-name: tada;
  -ms-animation-name: tada;
  -o-animation-name: tada;
  animation-name: tada;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.wiggle {
  -webkit-animation-name: wiggle;
  -moz-animation-name: wiggle;
  -ms-animation-name: wiggle;
  -o-animation-name: wiggle;
  animation-name: wiggle;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.wobble {
  -webkit-animation-name: wobble;
  -moz-animation-name: wobble;
  -ms-animation-name: wobble;
  -o-animation-name: wobble;
  animation-name: wobble;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

/*
| ====================================================================
| =HELPERS
| ====================================================================
*/
/* =CLEARFIX
 * ------------------------------------------------
 * Extend the ’cf’ class to contain floated child elements
*/
.cf:after, .dropcap:after, .grid-tiles:after, .leveled-list:after, .media:after, .menu-links:after, .content-navbar-inner:after, .ingredients .grid-unit-solo ul:after, .ingredients .grid-unit-solo ul li:after, body.single-fvf_content .sharingx.horizontal .languages:after, body.single-post .sharingx.horizontal .languages:after, body.page-template .sharingx.horizontal .languages:after, .product-link figure:after {
  content: "";
  display: table;
  clear: both !important;
  /* [1] */ }

/*
 * 1.	clear floated children
*/
/* =IR
 * ------------------------------------------------
 * Extend ’ir’ to hide the text of the element for image-replacement (doesn't modify the layout).
 * Courtesy of the HTML5 Boilerplate Team: https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css
 * ---
 * NOTE: set ’width’ and ’height’ and ’background-image’ of your element according to the dimensions and url
 * of the image you want to replace it with.
*/
.hero-shortlink, .logo, .icon-btn, .icon, .menu-icon, .menu-icon-caret, .menu-icon-rp, .menu-search-form .menu-search-submit, .menu-close {
  background: none no-repeat transparent;
  /* [1] */
  border: 0;
  /* [1] */
  overflow: hidden !important;
  /* [2] */ }

/*
 * 1.	By default, you don't want any visual styles when replacing
 *		the elemnt by an image
 * 2.	Hides text that is pushed out of the element
*/
.hero-shortlink:before {
  content: "";
  display: block !important;
  /* [1] */
  width: 0;
  height: 150% !important;
  /* [2] */ }

	/*
	 * 1.	Allow the use of inline elements
 	 * 2.	Pushes the text out of the element
	*/
/* =IR-ALT
 * ------------------------------------------------
 * Uses ’text-indent' instead of the ’:before’ pseudo-element to push the text out;
*/
.logo, .icon-btn, .icon, .menu-icon, .menu-icon-caret, .menu-icon-rp, .menu-search-form .menu-search-submit, .menu-close {
  text-indent: 120% !important;
  /* [1] */
  white-space: nowrap !important;
  /* [2] */ }

/*
 * 1.	Pushes the text out of the element
 * 2.	Makes sure text doesn't break on multiple lines so it stays out
 *		of the element, regardless of the element's height
*/
/* =UILIST
 * ------------------------------------------------
 * Apply the ’.uilist’ class to <ol> and <ul> elements to delete
 * default list appearance
*/
.uilist, .cities-menu ul {
  margin: 0;
  padding: 0;
  list-style: none !important; }

/* =SR-ONLY
 * ------------------------------------------------
 * Apply '.sr-only' to visually hide an item but keep it in the content for
 * html parsers such as the HTML outliner and Screen-readers.
 * Courtesy of Jonathan Snook and the HTML5 boilerplate team :
 * https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css
*/
.sr-only, .img-cover > img {
  position: absolute !important;
  clip: rect(0 0 0 0) !important;
  overflow: hidden !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  border: 0 !important; }

/* =INLINE
 * ------------------------------------------------
 * Apply this helper to put it's children in line, like text behaviours normally.
 * -----
 * This helper uses 'inline-block' (which allows set dimensions, padding and margin)
 * because it is almost always used for layout purposes.
*/
.inline > *, .prod-order-form > * {
  display: inline-block; }

/* =STACKED
 * ------------------------------------------------
 * Stacks all child elements using 'display: block'
*/
/* =ALIGN
 * ------------------------------------------------
 * Controls text-alignement inside the element
*/
.fvf-form select, .btn, .icon-btn, .content-main .h3, .content-main .center_head, .content-main .center_subline, .content-main .sub-h3, .cart-checkout, .cart-link {
  text-align: center !important; }

/* =ALLCAPS
 * ------------------------------------------------
 * Sets the element's text into capital letters and adjusts tracking
*/
.btn, .icon-btn, .cart-link {
  text-transform: uppercase !important;
  letter-spacing: 0.01em !important; }

/* =backdrop
 * ------------------------------------------------
 * Sets an html element or pseudo-element as backdrop of its first positioned parent.
 * Use this for backdrop videos for example.
*/
.backdropx {
  /* [1] */
  /* [2] */
  display: block;
  /* [3] */ }

/*
 * 1.	put the element behind the parent's content
 * 2.	cover the first positioned container
 * 3.	allow the use of ’inline’ elements
*/
/* =BLEED
 * ------------------------------------------------
 * Adds negative margins on the sides to make the element horizontally
 * 'bleed'-out of its container
*/
/* =coverlet
 * ------------------------------------------------
 * Covers the first positioned ancestor's full surface.
*/
.coverlet {
  display: block;
  /* [1] */ }

/*
 * 1.	Allow the use of ’inline’ elements
*/
/* =DISTRIBUTE
 * ------------------------------------------------
 * aligns children horizontally and stretches them out so they all have the same width.
*/
/* =DROPCAP
 * ------------------------------------------------
 * Floats the first-letter of the element. Note that the values passed depend on each
 * font so might want to build a namespaced version for each font you use.
 * -----
 * http://css-tricks.com/snippets/css/drop-caps/
*/
.dropcap:first-letter {
  font-weight: 700;
  font-size: 3em;
  line-height: 0.6;
  /* chrome + opera + safari */
  float: left;
  padding: 0.13333em 0.15em 0 0; }

/* =EMBED-COVER
 * ------------------------------------------------
 * Positions a child embed (video, object, iframe, ...) so it covers the element's whole
 * surface and stays centered at any screen-size.
 * ---
 * Note that the element must have a width and height specified since the contained 'embed'
 * is absolutely positioned.
 * ---
 * @require JS "modules/embed-cover"
*/
.embed-cover {
  position: relative;
  overflow: hidden !important; }
  .embed-cover .embed {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: auto;
    height: auto;
    min-height: 100% !important;
    min-width: 100% !important; }

/* =EMBED-HOLD
 * ------------------------------------------------
 * Applied to the container of an embed (<video>, <iframe>, <embed>, <object>), this helper
 * makes sure the embed will resize to take the full width of it's container.
 * ---
 * Use this with the ’ratio’ css helper or the ’ratio’ js module to give the container the
 * same aspect-ratio of the embed and make sure the embed's height is also contained.
 * ---
 * more info : http://alistapart.com/article/creating-intrinsic-ratios-for-video/
*/
.embed-hold {
  position: relative; }
  .embed-hold > .embed {
    position: absolute !important; }

/* =FLOAT
 * ------------------------------------------------
 * Extend ’float-left’ or ’float-right’ to pull the element on the left or right side.
 * You very often want the container to extend ’cf’ to contain floated elements.
 * ----
 * also builds a 'float-none' helper to stop floating at some breakpoint for example.
*/
.float-left, .media-obj {
  float: left !important; }

.float-right, .media-rev > .media-obj, .content-figcaption {
  float: right !important; }

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

/* =FLUSH
 * ---------------------------------------------------------------------
 * Extend one of the ’flush’ helpers to remove margins you don't need
*/
.cart-item-title {
  margin-top: 0 !important; }

.cart-item-title {
  margin-bottom: 0 !important; }

/* =FLY
 * ---------------------------------------------------------------------
 * Extend one of the ’fly’ helpers to position the element absolutely on one side/ in one
 * corner of it's first positioned ancestor.
*/
.fly-topleft, .fly-topright, .fly-top, .fly-bottomleft, .fly-bottomright, .fly-bottom, .fly-left, .fly-right {
  position: absolute !important; }

.fly-topleft, .fly-topright, .fly-top {
  top: 0 !important; }

.fly-bottomleft, .fly-bottomright, .fly-bottom {
  bottom: 0 !important; }

.fly-topleft, .fly-bottomleft, .fly-left {
  left: 0 !important; }

.fly-topright, .fly-bottomright, .fly-right {
  right: 0 !important; }

/* =FONTSCALE
 * ------------------------------------------------
 * Apply the one of fontscale helpers to give a font-size to the element as described
 * in the ’$typescale’ table (uses the ’rem’ unit with ’px’ fallback). You can also
 * adjust the font size based on the font's x-height for more consistent type hierarchy.
 * To do so, pass a namespace for the font and a ’base-size’ that is visually similar to
 * your base-font at ’$font-size-base’.
 * ---
 * @require GLOBAL $fonts
 * @require GLOBAL $typescale
 * ---
 * CAUTION: the ’fontscale’ helper's naming is a bit diferent as it uses the name of the
 * font it builds a scale for: the class will be ’font-name--scale-name’
*/
.content-main .center_subline, .content-figcaption {
  font-size: 18px;
  font-size: 1rem; }

/* =FONTSPECIMEN
 * ------------------------------------------------
 * Extend ’font-name--fvd’ to apply one of the font specimens defined in
 * the ’$fonts’ global variable. font-size to the element as
 * described in the ’$typescale’ table (uses the ’$font-sizing-unit’). You can also adjust the
 * font size based on the font's x-height for more consistent type hierarchy.
 * To do so, pass a namespace for the font and a ’base-size’ that is visually
 * similar to your base-font at ’$font-size-base’.
 * ---
 * @require GLOBAL $fonts
 * @require GLOBAL $typescale
 * ---
 * CAUTION: the ’fontspecimen’ helper's naming is a bit diferent as it uses the name of
 * font it builds a scale for: the class will be ’font-name--scale-name’
*/
body {
  font-family: "tisa-pro", Georgia, serif;
  font-style: normal;
  font-weight: 400; }

.h3, .h4, .h5, .info, .hero-subtitle {
  font-family: "tisa-pro", Georgia, serif;
  font-style: italic;
  font-weight: 400; }

.h1, .h2 {
  font-family: "tisa-pro", Georgia, serif;
  font-style: italic;
  font-weight: 700; }

.hero-content-meta, .content-navbar, .product-link figure figcaption em.price {
  font-family: "circular-std", "Circular Std", sans-serif;
  font-style: normal;
  font-weight: 400; }

.interactive-acf .hero-vid .overlay h2, .hero-content-meta .hero-meta-collaboration, .product-link figure figcaption h4, .single-post article.content.category-cooking-journal section.content-chapter span.number {
  font-family: "circular-std", "Circular Std", sans-serif;
  font-style: normal;
  font-weight: 700; }

.overlay, .btn, .icon-btn, .cart-link {
  font-family: "geogrotesque", "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
  font-style: normal;
  font-weight: 500; }

.prod-price, .cart-info {
  font-family: "geogrotesque", "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
  font-style: italic;
  font-weight: 500; }

/* =FRONT
 * ------------------------------------------------
 * positions the element absolutely and gives it a high z-index so it stays in the front
 * of surrounding content.
*/
.coverlet, .dropdown-menu, .bullet:after, .cities-menu, .hero-shortlink {
  position: absolute !important;
  z-index: 100; }

/* =HYPHENS
 * ------------------------------------------------
 * Breaks text inside of words where possible and by inserting hyphens at the end of the line.
 * ---
 * CAUTION : make sure you have set the correct language in your markup (html ’lang’ attribute)
 * for better break positions inside the words.
 * CAUTION : works best in Firefox as of january 2014. Other browsers can break words
 * without adding the hyphen.
*/
/* =IMG-COVER
 * ------------------------------------------------
 * Makes the contained <img> cover the whole surface of the element by applying it as background.
 * ---
 * CAUTION : if the container only contains the image, it should have its own dimensions
 * because the inline <image> tag will be reduced to 0px x 0px.
 * ---
 * NOTE : set the img src as ’background-image’ on the element with inline css yourself, or use
 * the ’../js/modules/img-cover.js’ script to do so automatically.
 * If you set background-image manually, make sure you hide the <img> tag with ’helpers/sr-only’.
*/
.img-cover {
  background: none no-repeat center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover; }

/* =IMG-HOLD
 * ------------------------------------------------
 * Applied to the container of an <image> element, this helper makes sure the image
 * will resize to take the full width of it's container, without scaling it up.
*/
.img-hold > img, .img-hold > .tlImageContainer > img {
  line-height: 1;
  /* [1] */
  max-width: 100%;
  /* [2] */ }

/*
 * 1. 	Delete little spacing at the bottom
 *		of the <img> due to default ’display: inline-block’ and ’line-height’
 * 2.	Prevent the image from scaling up (pixelates) if it's originally less
 * 		wide than the element
*/
/* =MEDIAN
 * ------------------------------------------------
 * Apply the .median class to automatically center the element in
 * its container, without the need to specify a ’width’.
*/
/*
 * 1.	Allow for centering without specifying a width (triggers ’size-fit’ behaviour)
 * 2.	Center the element horizontally
*/
/* =NBFC
 * ------------------------------------------------
 * Extend the nbfc class to create a new block formatting context
 * ---
 * more info: https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Block_formatting_context
 */
/* =NBFC-ALT
 * ------------------------------------------------
 * Extend the nbfc-alt class to create a new block formatting context without
 * hiding overflowing content
*/
/*
 * 1.	prevents size-fit behaviour of table-cell
*/
/* =NO-SELECT
 * ------------------------------------------------
 * Extend ’no-select’ if you don't want users to be able to select the
 * text in the element. Useful for ’buttons’ and other controls, especially
 * on touch devices where sloppy fingers might select by error.
 * ---
 * @require ’compass/css/user-interface’
*/
.btn, .icon-btn, .cart-link {
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none; }

/* =NO-WS
 * ------------------------------------------------
 * Deletes white-space rendered between child elements set to ’display: inline’
 * or ’display: inline-block’. Extend ’reset-ws in children to recover
 * normal whitespace.
*/
.inline, .prod-order-form, .grid, .entry-grid, .centroid-wrap {
  letter-spacing: -0.31em;
  text-rendering: optimizeSpeed;
  /* [1] */
  /* IE < 8 hack */
  *word-spacing: -0.43em;
  /* [2] */ }

/* Opera hack */
.opera:-o-prefocus, .inline, .prod-order-form, .grid, .entry-grid, .centroid-wrap {
  word-spacing: -0.43em;
  /* [2] */ }

/*
 * 1.	Fix for webkit that defaults to ’text-rendering: optimizeLegibility’
 *		which makes ’letter-spacing’ variable and unreliable
 * 2.	IE < 8 and Opera need ’word-spacing’ to delete whitespace between
 *		child elements
*/
.inline > *, .prod-order-form > *, .grid-unit, .entry-grid-unit, .centroid {
  letter-spacing: normal;
  word-spacing: normal;
  text-rendering: auto; }

/* =NPC
 * ------------------------------------------------
 * Creates a new positioning context for child nodes that are absolutely positioned.
*/
.npc {
  position: relative !important;
  z-index: 1; }

/* =ONE-LINE
 * ------------------------------------------------
 * Extend ’one-line’ to force text to stay on a single line. Overflowing text
 * will be truncated and end with ’…’. Inpsired by suitcss's 'u-textTruncate':
 * https://github.com/suitcss/utils-text
*/
.btn, .cart-item-title {
  max-width: 100%;
  /* [1] */
  overflow: hidden !important;
  /* [2] */
  text-overflow: ellipsis !important;
  /* [3] */
  white-space: nowrap !important;
  /* [4] */
  word-wrap: normal !important;
  /* [5] */ }

/*
 * 1.	Make sure text-overflow is activated on some elements like <td>
 * 2.	Hide overflow for text-overflow to be clipped
 * 3.	Clip text-overflow by adding an ellipsis character (…) at the end
 * 4.	Keep the text on a single line
 * 5.	(IE 8/9) Prevent line-breaks inside of words if ’word-wrap: break-word’
 *		is set on an ancestor element
 */
/* =POPUP
 * ------------------------------------------------
 * Extend the ’popup’ helper to position an element on front of the page's body
 * and relative to the viewport.
*/
.popup {
  display: block;
  /* [1] */
  position: fixed !important;
  z-index: 200; }

/*
 * 1. 	Allow the use of ’inline’ elements
*/
/* =PULL
 * ------------------------------------------------
 * Position the element by a certain amount on the left of it's natural position in the flow.
 * ---
 * NOTE: Useful to do some content choreography with grid-units.
 * more info: http://trentwalton.com/2011/07/14/content-choreography/
*/
/* =PUSH
 * ------------------------------------------------
 * Position the element by a certain amount on the right of it's natural position in the flow.
 * ---
 * NOTE: Useful to do some content choreography with grid-units.
 * more info: http://trentwalton.com/2011/07/14/content-choreography/
*/
/* =RATIO
 * ------------------------------------------------
 * Give an element a fixed aspect ratio while keeping it fluid. Very useful for fluid embeds.
 * ---
 * more info : http://alistapart.com/article/creating-intrinsic-ratios-for-video/
 * ---
 * CAUTION: the ratio helper's naming is a bit diferent as it uses the values passed
 * for the ratio's width and height.
*/
.ratio-16by9 {
  height: 0 !important;
  padding: 0 0 56.25% !important; }

/* =REAR
 * ------------------------------------------------
 * Position the element behind it's first positioned parent content
*/
.backdropx {
  position: absolute;
  z-index: -1; }

/* =SPAN
 * ------------------------------------------------
 * Extend the ’span’ class to set a proportional width in percentages.
 * Usefull for creating columns in grid layouts.
 * Inspired by Nicolas Gallagher's Griddle and Jerome Coupe's Sassgrids:
 * https://github.com/necolas/griddle/blob/master/_griddle-build.scss
 * https://github.com/jeromecoupe/sassgrids/blob/master/imports/_grid.scss
*/
.prod-order-form .fld {
  width: 100% !important; }

.cities-menu ul {
  width: 33.33333% !important; }

.content-caption, .bay-card {
  width: 80% !important; }

.content-figcaption {
  width: 70% !important; }

.hero-inner {
  width: 90% !important; }

/* =STRETCH
 * ------------------------------------------------
 * Apply the ’.stretch’ class to cover the entire surface of the first positioned ancestor.
 * Don't forget to position the element or use it in conjuction with either the
 * ’coverlet’ or ’popup’ helper
*/
.backdropx, .coverlet, .embed-hold > .embed, .stretch, .teaser-cycle .slides {
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0; }

/* =TRIM
 * ------------------------------------------------
 * Extend one of the ’trim-’ helpers to remove child margins runing over the element
*/
.media-body > :first-child, .shop-list > :first-child, .prod > :first-child, .prod-header > :first-child, .prod-gallery > :first-child, .prod-body > :first-child, .prod-footer > :first-child, .cart-costs > :first-child, .content-figcaption > :first-child {
  margin-top: 0 !important; }

.media-body > :last-child, .shop-list > :last-child, .prod > :last-child, .prod-header > :last-child, .prod-gallery > :last-child, .prod-body > :last-child, .prod-footer > :last-child, .cart-costs > :last-child, .content-figcaption > :last-child {
  margin-bottom: 0 !important; }

/*
| ---------------------------------------------------------------------
| =BREAKPOINT-HELPERS
| ---------------------------------------------------------------------
| To inject a helper into each breakpoint, just add it to the list here.
| The helper will be namespaced with the breakpoint-name prefix and, when
| extended, it will only apply when the breakpoint is reached.
*/
@media only screen and (min-width: 28.75em) {
  .l-narrow {
    width: 80% !important; }

  .content-copy, .cooks-footer .footer-inner {
    width: 83.33333% !important; }

  .content-copy, .cooks-footer .footer-inner {
    position: relative;
    left: 8.33333% !important; } }
@media only screen and (min-width: 46.25em) {
  .content-caption, .prod-order-form .fld {
    width: 50% !important; }

  .content-copy, .cooks-footer .footer-inner, .prod, .bay-overlay {
    width: 66.66667% !important; }

  .bay-card {
    width: 60% !important; }

  .content-copy, .cooks-footer .footer-inner {
    position: relative;
    left: 16.66667% !important; } }
@media only screen and (min-width: 62.5em) {
  .prod {
    width: 100% !important; }

  .prod-gallery, .ingredients .grid-unit {
    width: 50% !important; }

  .bay-overlay {
    width: 33.33333% !important; }

  .prod-header, .prod-gallery, .prod-body, .prod-footer {
    width: 40% !important; }

  .content-caption {
    width: 30% !important; } }
/* ############################## */
/* #####      =IMPORTS      ##### */
/* ############################## */
/*
| ====================================================================
| =HELPERS
| ====================================================================
*/
/*
| ---------------------------------------------------------------------
| =BREAKPOINT-HELPERS
| ---------------------------------------------------------------------
| To inject a helper into each breakpoint, just add it to the list here.
| The helper will be namespaced with the breakpoint-name prefix and, when
| extended, it will only apply when the breakpoint is reached.
*/
/*
| ====================================================================
| =BASE
| ====================================================================
*/
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block; }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent; }

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap; }

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0; }

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/*
| ---------------------------------------------------------------------
| =TEXT
| ---------------------------------------------------------------------
*/
/* =BASE
 * ------------------------------------------------ */
html {
  font-size: 112.5%;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased; }

body {
  font-size: 1em;
  color: #000;
  background-color: #fff; }

/* =TEXT
 * ------------------------------------------------ */
hr {
  border: 0;
  border-top: 1px solid #c9c9c9;
  width: 100%;
  margin: 1.38889em 0; }

/*
 * ---------------------------------------------------------------------
 *  =HEADINGS
 * ---------------------------------------------------------------------
*/
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin: 0.5em 0;
  /* [1] */
  font-size: 1em;
  line-height: 1.15;
  text-rendering: optimizeLegibility;
  /* [2] */ }

/*
 * 1.	Avoid huge vertical spacing when heading wraps on multiple lines
 * 2.	CSS3 voodoo for kerning and ligatures
*/
.h1 {
  font-size: 4.55556em;
  line-height: 1;
  margin-bottom: 0.29268em; }

.h2 {
  font-size: 3em;
  line-height: 1.426;
  margin-bottom: 0; }

.h3 {
  font-size: 2.22222em;
  margin: 0 0 1em; }

.h4 {
  font-size: 1.33333em; }

.h5 {
  font-size: 1.22222em; }

.h6 {
  font-size: 1.11111em; }

.post-title {
  font-size: 4em;
  font-style: italic;
  line-height: 1; }

.category-title {
  font-size: 2.22222em;
  font-style: italic; }

/* =LINKS
 * ------------------------------------------------ */
.block-link, .mute-link, .btn, .icon-btn, .cities-menu a, .hero-content-meta a, .content-navbar a {
  color: inherit;
  text-decoration: inherit; }
  .block-link:focus, .mute-link:focus, .btn:focus, .icon-btn:focus, .cities-menu a:focus, .hero-content-meta a:focus, .content-navbar a:focus {
    outline: 0; }

a {
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  color: inherit;
  font-weight: inherit; }
  a:hover, a:focus, a:active {
    text-decoration: none; }

/*
| ---------------------------------------------------------------------
| =LAYOUT-BASE
| ---------------------------------------------------------------------
*/
/* =STYLES
 * ------------------------------------------------ */
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

body {
  position: relative;
  margin: 0; }

.l-wrap {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin-top: 40px; }
  @media only screen and (min-width: 62.5em) {
    .l-wrap {
      margin-top: 0; } }

.l-inner {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  max-width: 1140px;
  padding: 0 20px;
  margin: 0 auto; }

.l-wide {
  max-width: 1200px; }

.l-narrow {
  max-width: 750px; }

.fvf-form {
  /*
   * ---------------------------------------------------------------------
   * =FORMS-BASE
   * ---------------------------------------------------------------------
   * Default styles for form elements
  */
  /* value of ’line-height: normal’ for geogrotesque */
  /* =FIELDSETS
   * ------------------------------------------------ */
  /* =LABELS
   * ------------------------------------------------ */
  /*
   * 1.	Put labels and control elements on two seperate lines.
  */
  /* =CONTROLS
   * ------------------------------------------------ */
  /*
   * 1.	Reset default CSS styles and appearance
   * 2.	Override normalize that sets box-sizing to content-box
   * 3.	Firefox doesn't let you set a custom line-height on '<input type="button">'
   *		and '<input type="submit">' elements. Therefore, we use vertical padding and
   *		’line-height: normal’ to vertically center button labels and still get the
   * 		button height wanted.
  */
  /* =TEXT-INPUTS
   * ------------------------------------------------ */
  /* =SELECTS
   * ------------------------------------------------ */
  /* =TEXTAREAS
   * ------------------------------------------------ */
  /*
   * 1.	Better UX by allowing the user to extend the textarea without breaking
   *		the layout.
  */
  /* =PLACEHOLDERS
   * ------------------------------------------------ */ }
  .fvf-form label {
    display: block;
    /* [1] */
    font-style: italic;
    font-size: 1.11111em;
    margin: 0 0 0.75em; }
  .fvf-form input[type="text"],
  .fvf-form input[type="url"],
  .fvf-form input[type="email"],
  .fvf-form input[type="password"],
  .fvf-form input[type="search"],
  .fvf-form input[type="number"],
  .fvf-form input[type="file"],
  .fvf-form select,
  .fvf-form textarea {
    -webkit-appearance: none;
    /* [1] */
    -moz-appearance: none;
    /* [1] */
    appearance: none;
    /* [1] */
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* [2] */
    font-family: "geogrotesque", "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
    font-size: 1em;
    border: 1px solid #ccc;
    background: #fff;
    /* [1]: FF Mobile */ }
    .fvf-form input[type="text"]:focus, .fvf-form input[type="text"].focus, .fvf-form input[type="text"]:invalid, .fvf-form input[type="text"].invalid,
    .fvf-form input[type="url"]:focus,
    .fvf-form input[type="url"].focus,
    .fvf-form input[type="url"]:invalid,
    .fvf-form input[type="url"].invalid,
    .fvf-form input[type="email"]:focus,
    .fvf-form input[type="email"].focus,
    .fvf-form input[type="email"]:invalid,
    .fvf-form input[type="email"].invalid,
    .fvf-form input[type="password"]:focus,
    .fvf-form input[type="password"].focus,
    .fvf-form input[type="password"]:invalid,
    .fvf-form input[type="password"].invalid,
    .fvf-form input[type="search"]:focus,
    .fvf-form input[type="search"].focus,
    .fvf-form input[type="search"]:invalid,
    .fvf-form input[type="search"].invalid,
    .fvf-form input[type="number"]:focus,
    .fvf-form input[type="number"].focus,
    .fvf-form input[type="number"]:invalid,
    .fvf-form input[type="number"].invalid,
    .fvf-form input[type="file"]:focus,
    .fvf-form input[type="file"].focus,
    .fvf-form input[type="file"]:invalid,
    .fvf-form input[type="file"].invalid,
    .fvf-form select:focus,
    .fvf-form select.focus,
    .fvf-form select:invalid,
    .fvf-form select.invalid,
    .fvf-form textarea:focus,
    .fvf-form textarea.focus,
    .fvf-form textarea:invalid,
    .fvf-form textarea.invalid {
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      /* [1]: FF + WK */
      outline: none;
      /* [1]: IE */ }
  .fvf-form input[type="text"],
  .fvf-form input[type="url"],
  .fvf-form input[type="email"],
  .fvf-form input[type="password"],
  .fvf-form input[type="search"],
  .fvf-form input[type="number"],
  .fvf-form input[type="file"],
  .fvf-form select {
    line-height: normal !important;
    /* [3] */
    vertical-align: middle; }
  .fvf-form input[type="search"]::-webkit-search-decoration,
  .fvf-form input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    /* [1] */ }
  .fvf-form input[type="text"],
  .fvf-form input[type="url"],
  .fvf-form input[type="email"],
  .fvf-form input[type="password"],
  .fvf-form input[type="search"],
  .fvf-form input[type="number"],
  .fvf-form input[type="file"] {
    height: 2.94444em;
    line-height: 2.94444em;
    padding: 0 1.11111em;
    color: #000; }
    .fvf-form input[type="text"]:hover, .fvf-form input[type="text"]:focus, .fvf-form input[type="text"].active,
    .fvf-form input[type="url"]:hover,
    .fvf-form input[type="url"]:focus,
    .fvf-form input[type="url"].active,
    .fvf-form input[type="email"]:hover,
    .fvf-form input[type="email"]:focus,
    .fvf-form input[type="email"].active,
    .fvf-form input[type="password"]:hover,
    .fvf-form input[type="password"]:focus,
    .fvf-form input[type="password"].active,
    .fvf-form input[type="search"]:hover,
    .fvf-form input[type="search"]:focus,
    .fvf-form input[type="search"].active,
    .fvf-form input[type="number"]:hover,
    .fvf-form input[type="number"]:focus,
    .fvf-form input[type="number"].active,
    .fvf-form input[type="file"]:hover,
    .fvf-form input[type="file"]:focus,
    .fvf-form input[type="file"].active {
      border-color: #000; }
  .fvf-form select {
    font-size: 0.88889em;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    padding: 0.94034em 1.25em; }
  .fvf-form option {
    color: #999; }
    .fvf-form option:checked, .fvf-form option.checked {
      color: #000; }
  .fvf-form textarea {
    padding: 1.11111em;
    min-height: 6.66667em;
    resize: vertical;
    /* [1] */ }
  .fvf-form input::-webkit-input-placeholder,
  .fvf-form input:-moz--placeholder,
  .fvf-form input::-moz--placeholder,
  .fvf-form input:-ms-input-placeholder,
  .fvf-form option[value=""],
  .fvf-form .placeholder {
    color: #999; }

/*
| ---------------------------------------------------------------------
| =TABLES-BASE
| ---------------------------------------------------------------------
| Default styles for table elements
|
*/
/*
| ====================================================================
| =ELEMENTS
| ====================================================================
*/
.tooltip {
  background-color: #78D18B;
  color: #FFF;
  font-size: 14px;
  font-family: Georgia;
  line-height: 1;
  text-transform: capitalize;
  position: absolute;
  top: -100px; }

.tooltip span {
  display: block;
  margin: 5px;
  padding-right: 15px; }

.tooltip:after {
  content: "";
  display: block;
  border-style: solid;
  border-width: 8px 7.5px 0 7.5px;
  border-color: #78D18B transparent transparent transparent;
  margin-left: -8px;
  position: absolute;
  height: 0px;
  width: 0px;
  top: 24px;
  left: 50%; }

.tooltip span:after {
  background: url("http://www.freundevonfreunden.com/wp-content/themes/fvonf/travel/img/arrow.png") center center no-repeat;
  content: "";
  display: block;
  position: absolute;
  height: 11px;
  width: 6px;
  top: 7px;
  right: 6px; }

/* =COPY
 * ------------------------------------------------ */
.copy {
  line-height: 1.556; }

/* =DIM
 * ------------------------------------------------ */
.dim, .mute-link:hover, .mute-link:focus, .mute-link.active, .mute-link:active {
  color: #999; }

/* =SMALLPRINT
 * ------------------------------------------------ */
.smallprint {
  font-size: 0.8em; }

/* =SHOUTOUT
 * ------------------------------------------------ */
.shoutout {
  font-size: 1.8em;
  font-style: italic; }

/* =STANDOUT
 * ------------------------------------------------ */
.standout {
  font-size: 1.33333em;
  line-height: 1.4;
  line-height: 1.4;
  font-style: italic; }
  @media only screen and (min-width: 28.75em) {
    .standout {
      font-size: 1.66667em; } }
  .standout p {
    font-size: 0.9em; }

.interactive-acf .standout.thanks {
  margin-top: 25px; }

.interactive-acf .standout.qna {
  font-size: 1em;
  font-style: normal;
  font-weight: bold; }
  @media only screen and (min-width: 28.75em) {
    .interactive-acf .standout.qna {
      font-size: 1.11111em; } }

/* =INFO
 * ------------------------------------------------ */
.info {
  font-size: 0.83333em;
  text-align: center; }

/* =OVERLAY
 * ------------------------------------------------ */
.overlay {
  font-size: 1.11111em;
  line-height: 1.4;
  color: #fff;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); }
  .overlay.naked {
    text-align: center;
    padding: 65px 0 30px;
    color: black;
    text-shadow: none;
    background: white; }
    body.page-template-single-fvf_content-php .overlay.naked {
      padding: 115px 0 30px; }
    .overlay.naked h2 {
      max-width: 70%;
      margin: 0 auto;
      font-style: normal;
      font-family: "circular-std", sans-serif;
      font-weight: normal; }

.overlay-montblanc {
  color: #000;
  text-shadow: none; }

/* =CAPTION
 * ------------------------------------------------ */
.capt {
  font-style: italic; }

/* =BLOCK-LINK
 * ------------------------------------------------
 * Apply this to a link that wraps a block of content. It resets the link as if it were
 * a normal 'block' element
*/
.block-link {
  display: block; }

/* =MUTE-LINK
 * ------------------------------------------------ */
/*
 * ---------------------------------------------------------------------
 *  =LOGO
 * ---------------------------------------------------------------------
*/
.logo {
  display: inline-block;
  background: none no-repeat center;
  vertical-align: middle;
  max-width: 100%;
  -moz-background-size: contain;
  -o-background-size: contain;
  -webkit-background-size: contain;
  background-size: contain; }

a.logo {
  opacity: 1;
  -moz-transition: opacity 0.35s ease-out;
  -o-transition: opacity 0.35s ease-out;
  -webkit-transition: opacity 0.35s ease-out;
  transition: opacity 0.35s ease-out;
  -moz-box-shadow: #000 0 0 0;
  -webkit-box-shadow: #000 0 0 0;
  box-shadow: #000 0 0 0;
  /* [1] */ }
  a.logo:hover, a.logo:focus, a.logo:active, a.logo.active {
    opacity: 0.5; }

/*
 * 1.   Fixes a Firefox bug where images and background-images would move slightly when
 *      transitioning opacity (used for hover states). https://bugzilla.mozilla.org/show_bug.cgi?id=745549
*/
/* =LOGO-AESOP
 * ------------------------------------------------ */
.logo-aesop {
  width: 134px;
  height: 50px;
  background-image: url(../img/logos/logo-aesop.png); }

/* =LOGO-ALAPE
 * ------------------------------------------------ */
.logo-alape {
  width: 112px;
  height: 35px;
  background-image: url(../img/logos/logo-alape.png); }

/* =LOGO-ALLYOUNEED
 * ------------------------------------------------ */
.logo-allyouneed {
  width: 224px;
  height: 50px;
  background-image: url(../img/logos/logo-allyouneed.png); }

/* =LOGO-ARTEK
 * ------------------------------------------------ */
.logo-artek {
  width: 119px;
  height: 35px;
  background-image: url(../img/logos/logo-artek.png); }

/* =LOGO-BURMESTER
 * ------------------------------------------------ */
.logo-burmester {
  width: 194px;
  height: 50px;
  background-image: url(../img/logos/logo-burmester.png); }

/* =LOGO-COMPANIONCOFFEE
 * ------------------------------------------------ */
.logo-companioncoffee {
  width: 121px;
  height: 50px;
  background-image: url(../img/logos/logo-companioncoffee.png); }

/* =LOGO-CREATIONBAUMANN
 * ------------------------------------------------ */
.logo-creationbaumann {
  width: 279px;
  height: 35px;
  background-image: url(../img/logos/logo-creationbaumann.png); }

/* =LOGO-DALLMER
 * ------------------------------------------------ */
.logo-dallmer {
  width: 156px;
  height: 25px;
  background-image: url(../img/logos/logo-dallmer.png); }

/* =LOGO-DISTANZ
 * ------------------------------------------------ */
.logo-distanz {
  width: 132px;
  height: 30px;
  background-image: url(../img/logos/logo-distanz.png); }

/* =LOGO-DORNBRACHT
 * ------------------------------------------------ */
.logo-dornbracht {
  width: 83px;
  height: 50px;
  background-image: url(../img/logos/logo-dornbracht.png); }

/* =LOGO-EPSON
 * ------------------------------------------------ */
.logo-epson {
  width: 111px;
  height: 25px;
  background-image: url(../img/logos/logo-epson.png); }

/* =LOGO-FVF
 * ------------------------------------------------ */
.logo-fvf {
  width: 134px;
  height: 50px;
  background-image: url(../img/logos/logo-fvf.png); }

/* =LOGO-FVFXVITRA
 * ------------------------------------------------ */
/*
@include logo-build("fvfxvitra", "../img/logos/logo-fvfxvitra", 162px, 51px);
@include logo-build("fvfxvitra-white", "../img/logos/logo-fvfxvitra-white", 162px, 51px);
*/
.logo-fvfxvitra-white {
  width: 220px;
  height: 69px;
  background-image: url(../img/logos/logo-fvfxvitra-white.svg); }
  .no-svg .logo-fvfxvitra-white {
    background-image: url(../img/logos/logo-fvfxvitra-white.png); }

.logo-fvfhero-white {
  width: 220px;
  height: 69px; }

/* =LOGO-GESTALTEN
 * ------------------------------------------------ */
.logo-gestalten {
  width: 155px;
  height: 35px;
  background-image: url(../img/logos/logo-gestalten.png); }

/* =LOGO-KPM
 * ------------------------------------------------ */
.logo-kpm {
  width: 73px;
  height: 50px;
  background-image: url(../img/logos/logo-kpm.png); }

/* =LOGO-MIELE
 * ------------------------------------------------ */
.logo-miele {
  width: 136px;
  height: 25px;
  background-image: url(../img/logos/logo-miele.png); }

/* =LOGO-MIKILIE
 * ------------------------------------------------ */
.logo-mikili {
  width: 57px;
  height: 50px;
  background-image: url(../img/logos/logo-mikili.png); }

/* =LOGO-NEWTENDENCY
 * ------------------------------------------------ */
.logo-newtendency {
  width: 255px;
  height: 25px;
  background-image: url(../img/logos/logo-newtendency.png); }

/* =LOGO-PAPERTEA
 * ------------------------------------------------ */
.logo-papertea {
  width: 80px;
  height: 44px;
  background-image: url(../img/logos/logo-papertea.png); }

/* =LOGO-RUCKSTUHL
 * ------------------------------------------------ */
.logo-ruckstuhl {
  width: 338px;
  height: 25px;
  background-image: url(../img/logos/logo-ruckstuhl.png); }

/* =LOGO-SANDERTEC
 * ------------------------------------------------ */
.logo-sandertec {
  width: 150px;
  height: 32px;
  background-image: url(../img/logos/logo-sandertec.png); }

/* =LOGO-SELEKKT
 * ------------------------------------------------ */
.logo-selekkt {
  width: 234px;
  height: 30px;
  background-image: url(../img/logos/logo-selekkt.png); }

/* =LOGO-VITRA
 * ------------------------------------------------ */
.logo-vitra {
  width: 106px;
  height: 35px;
  background-image: url(../img/logos/logo-vitra.png); }

/* =LOGO-VOESLAUER
 * ------------------------------------------------ */
.logo-voeslauer {
  width: 96px;
  height: 50px;
  background-image: url(../img/logos/logo-voeslauer.png); }

/*
| ---------------------------------------------------------------------
| =BTN
| ---------------------------------------------------------------------
*/
/* @require "components/icon"; */
/* value of ’line-height: normal’ for geogrotesque */
.btn, .icon-btn {
  /* [1] */
  display: inline-block;
  border: 0;
  font-size: 0.88889em;
  font-family: "geogrotesque", "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
  vertical-align: middle;
  cursor: pointer;
  /* [2] */
  text-shadow: none;
  -moz-box-shadow: #000 0 0 0;
  -webkit-box-shadow: #000 0 0 0;
  box-shadow: #000 0 0 0;
  /* [3] */
  -moz-transition: opacity 0.25s ease-out, color 0.25s ease-out, background-color 0.25s ease-out;
  -o-transition: opacity 0.25s ease-out, color 0.25s ease-out, background-color 0.25s ease-out;
  -webkit-transition: opacity 0.25s ease-out, color 0.25s ease-out, background-color 0.25s ease-out;
  transition: opacity 0.25s ease-out, color 0.25s ease-out, background-color 0.25s ease-out; }
  .btn:hover, .icon-btn:hover, .btn:focus, .icon-btn:focus, .btn:active, .icon-btn:active, .active.btn, .active.icon-btn {
    -moz-transition: opacity 0.1s ease-out, color 0.1s ease-out, background-color 0.1s ease-out;
    -o-transition: opacity 0.1s ease-out, color 0.1s ease-out, background-color 0.1s ease-out;
    -webkit-transition: opacity 0.1s ease-out, color 0.1s ease-out, background-color 0.1s ease-out;
    transition: opacity 0.1s ease-out, color 0.1s ease-out, background-color 0.1s ease-out; }

.btn {
  min-width: 10.625em;
  height: 3.3125em;
  /* [4] */
  padding: 0 2.125em;
  line-height: 3.3125em;
  /* [4] */
  background: #78d18b;
  color: white; }
  .btn:hover, .btn:active {
    background: #8aec9f; }
  .btn:disabled {
    opacity: 0.5; }
  .btn.unfilled {
    color: black;
    background: none;
    border: 1px solid black; }
    .btn.unfilled:hover {
      background: none;
      border: 1px solid #c2c2c2; }
  .btn.underlined {
    background: none;
    color: black;
    border-bottom: 2px solid black;
    min-width: 0px;
    height: auto;
    padding: .3em 0px;
    line-height: 1em; }
    .btn.underlined:hover {
      background: none;
      border-bottom: 2px solid #c2c2c2; }

.icon-btn {
  width: 3.3125em;
  height: 3.3125em;
  padding: 0;
  background: none no-repeat center center; }

/*
 *		and '<input type="submit">' elements. Therefore, we use both ’height’ and
 *		’line-height’ to get the dimension we want and vertically center labels.
 * 1. 	Allow for the use of <a> elements
 * 2. 	Allow the use of not-clickable elements  like <div>, <span>, <i>, etc.
 * 3.	Fixes a Firefox bug where images and background-images would move slightly when
 *		transitioning opacity (used for hover states). https://bugzilla.mozilla.org/show_bug.cgi?id=745549
 * 4.	Firefox doesn't let you set a custom line-height on '<input type="button">'
*/
/* =BTN-DIMENSIONS
 * ------------------------------------------------ */
.btn-micro {
  font-size: 0.66667em;
  height: 1.91667em; }
  .btn-micro.btn {
    line-height: 1.91667em;
    padding: 0 1.25em; }
  .btn-micro.icon-btn {
    width: 1.91667em; }

.btn-small {
  font-size: 0.66667em;
  height: 2.91667em; }
  .btn-small.btn {
    line-height: 2.91667em;
    padding: 0 1.5em; }
  .btn-small.icon-btn {
    width: 2.91667em; }

.btn-big {
  font-size: 1.22222em;
  height: 3.45455em; }
  .btn-big.btn {
    line-height: 3.45455em;
    padding: 0 2.13636em; }
  .btn-big.icon-btn {
    width: 3.45455em; }

.btn-fill {
  display: block; }

/* =BTN-ASPECTS
 * ------------------------------------------------ */
.btn-default {
  color: #000;
  border: 2px solid #000; }
  .btn-default:hover, .btn-default:focus, .btn-default:active {
    border-color: #ccc; }

.btn-mute {
  background-color: #e5e5e5; }
  .btn-mute:hover, .btn-mute:focus, .btn-mute:active {
    background-color: #f0f0f0; }

.btn-cto {
  color: #fff;
/*  background-color: #be1e00; } */
  background-color: #78d18b; }
  .btn-cto:hover, .btn-cto:focus, .btn-cto:active {
    background-color: #8aec9f; }

/*
 * ---------------------------------------------------------------------
 *  =ICON
 * ---------------------------------------------------------------------
*/
.icon {
  display: inline-block;
  background: none no-repeat center center;
  vertical-align: middle;
  width: 25px;
  width: 1.38889rem;
  height: 25px;
  height: 1.38889rem; }

/* =ICON-DIMENSIONS
 * ------------------------------------------------ */
.icon-small {
  width: 18px;
  width: 1rem;
  height: 18px;
  height: 1rem; }

.icon-big {
  width: 35px;
  width: 1.94444rem;
  height: 35px;
  height: 1.94444rem; }

/* =icon-rp
 * ------------------------------------------------ */
.icon-rp {
  /* 	@include svg-background($src-icon-rp); */
  background-image: url(../img/icon-rp.svg); }
  .no-svg .icon-rp {
    background-image: url(../img/icon-rp.png); }

/* =ICON-MENU
 * ------------------------------------------------ */
.icon-menu {
  /* 	@include svg-background($src-icon-menu); */
  background-image: url(../img/icon-menu.svg); }
  .no-svg .icon-menu {
    background-image: url(../img/icon-menu.png); }

/* =ICON-REMOVE
 * ------------------------------------------------ */
.icon-remove {
  /* 	background-image: url(unquote("../img/icon-remove.svg")); */
  background-image: url(../img/icon-remove.png); }
  .no-svg .icon-remove {
    background-image: url(unquoite("../img/icon-remove.png")); }

/* =ICON-DOWNLOAD
 * ------------------------------------------------ */
.icon-download {
  /* 	background-image: url(unquote("../img/icon-download.svg")); */
  background-image: url(../img/icon-download.png); }
  .no-svg .icon-download {
    background-image: url(unquoite("../img/icon-download.png")); }

/* =ICON-TWITTER
 * ------------------------------------------------ */
.icon-twitter {
  /* 	background-image: url(unquote("../img/icon-twitter.svg")); */
  background-image: url(../img/icon-twitter.png); }
  .no-svg .icon-twitter {
    background-image: url(unquoite("../img/icon-twitter.png")); }

/* =ICON-FACEBOOK
 * ------------------------------------------------ */
.icon-facebook {
  /* 	background-image: url(unquote("../img/icon-facebook.svg")); */
  background-image: url(../img/icon-facebook.png); }
  .no-svg .icon-facebook {
    background-image: url(unquoite("../img/icon-facebook.png")); }

/* =ICON-GOOGLEPLUS
 * ------------------------------------------------ */
.icon-googleplus {
  /* 	background-image: url(unquote("../img/icon-googleplus.svg")); */
  background-image: url(../img/icon-googleplus.png); }
  .no-svg .icon-googleplus {
    background-image: url(unquoite("../img/icon-googleplus.png")); }

/* =ICON-PINTEREST
 * ------------------------------------------------ */
.icon-pinterest {
  /* 	background-image: url(unquote("../img/icon-pinterest.svg")); */
  background-image: url(../img/icon-pinterest.png); }
  .no-svg .icon-pinterest {
    background-image: url(unquoite("../img/icon-pinterest.png")); }

/* =ICON-TWITTER
 * ------------------------------------------------ */
.icon-email {
  /* 	background-image: url(unquote("../img/icon-email.svg")); */
  background-image: url(../img/icon-email.png); }
  .no-svg .icon-email {
    background-image: url(unquoite("../img/icon-email.png")); }

/*
| ====================================================================
| =COMPONENTS
| ====================================================================
*/
/* =GRID-SYSTEM
 * ------------------------------------------------
 * A nestable grid system that uses 'display: inline-block'. Works similarly to Griddle
 * -----
 * http://necolas.github.io/griddle/
 * -----
 * @require "helpers/no-ws";
*/
.grid {
  margin-left: -0.83333em;
  margin-right: -0.83333em; }
  .grid > .grid {
    margin-left: 0;
    margin-right: 0; }

.grid-unit {
  display: inline-block;
  width: 100%;
  padding-left: 0.83333em;
  padding-right: 0.83333em;
  vertical-align: top; }

.entry-grid {
  margin-left: -1.11111em;
  margin-right: -1.11111em; }
  .entry-grid > .grid {
    margin-left: 0;
    margin-right: 0; }

.entry-grid-unit {
  display: inline-block;
  width: 100%;
  padding-left: 1.11111em;
  padding-right: 1.11111em;
  vertical-align: top; }

/* =GRID-TILES
 * ------------------------------------------------
 * Another version of the grid, using floats instead of 'display: inline-block'.
 * The difference is that every grid-unit doesn't necessarily have the same height.
*/
.grid-tiles {
  margin-left: -0.83333rem;
  margin-right: -0.83333rem; }

.grid-tile {
  width: 100%;
  padding-left: 0.83333rem;
  padding-right: 0.83333rem; }

.grid-tile--left {
  float: left;
  margin-right: -100%; }

.grid-tile--right {
  float: right;
  margin-left: -100%; }

.grid-tile--clear.grid-tile--left {
  clear: left; }
.grid-tile--clear.grid-tile--right {
  clear: right; }

/* =LEVELED-LIST
 * ------------------------------------------------
 * Make a horizontal list by floating its item
 * ---
 * @require "helpers/cf"
*/
.leveled-list > li {
  float: left; }
  .leveled-list > li:first-child {
    margin-left: 0; }

/* =STACKED-LIST
 * ------------------------------------------------
 * stack list items vertically
*/
.stacked-list > li {
  float: none;
  display: block; }
  .stacked-list > li:last-child {
    margin-bottom: 0; }

/*
 * ---------------------------------------------------------------------
 *  =MEDIA
 * ---------------------------------------------------------------------
 * Nicole Sullivan's famous 'media' object, made of an image or video floated on
 * one side, and a content box floating on the other side. The content box will not
 * wrap around the object, but keep it's left side on the right on the object.
 * -----
 * http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/
*/
.media {
  display: block;
  /* [1] */ }

.media-body {
  overflow: hidden;
  /* [2] */ }

/*
 * 1. 	Allows the use of ’inline’ elements
 * 2.	Generates new block formatting context, causing the block not to
 *		overlap it's floated siblings.
*/
/* =MEDIA-MODIFIERS
 * ------------------------------------------------
 * Puts the media object on the otehr side
*/
/* =ROW
 * ------------------------------------------------
 * Aligns child elements horizontally using table-cells. There can be one child with
 * a 'child-fill' class that will take the maximum  horizontal space available.
*/
.row {
  display: table;
  width: 100%;
  /* faking ’display: block;’ */
  table-layout: auto; }

.row-fill, .row-fit {
  display: table-cell;
  vertical-align: middle; }

.row-fill {
  width: 100%;
  /* fill maximum horizontal space available */ }

/* =CENTROID
 * ------------------------------------------------
 * Center both vertically and horizontally without knowing the
 * width or height of the element. Apply the ’.centroid-wrapper’
 * class to the element's container. Courtesy of Michał Czernow
 * => http://css-tricks.com/centering-in-the-unknown/
*/
.centroid-wrap {
  /* [1] */
  text-align: center;
  /* [2] */ }
  .centroid-wrap:before {
    content: "";
    height: 100%; }

.centroid-wrap:before, .centroid {
  display: inline-block;
  /* [2] */
  vertical-align: middle;
  /* [5] */ }

.centroid {
  max-width: 100%;
  /* [4] */ }

/*
 * 1.	Delete white-space between ghost element and ’.centroid’ due to
 *		’display: inline-block’.
 * 2.	Center horizontally
 * 3. 	Ghost element that allows for vertical centering
 * 4. 	Reset white-space for children elements
 * 5.	Center vertically
*/
/*
 * ---------------------------------------------------------------------
 *  =FLD
 * ---------------------------------------------------------------------
*/
.fld {
  margin: 15px 0; }

.fld-label, .fld-ctrl {
  width: 100%; }

.fld-label {
  margin: 10px 0; }

.fld-ctrls {
  margin: 0; }

/* =FLD-OVERLAY
 * ------------------------------------------------ */
.fld-overlay .fld-ctrl {
  -moz-transition: box-shadow 0.35s ease;
  -o-transition: box-shadow 0.35s ease;
  -webkit-transition: box-shadow 0.35s ease;
  transition: box-shadow 0.35s ease;
  /* [2] */
  border: 0;
  /* [1] */
  -moz-box-shadow: 0 0 0 1px transparent;
  -webkit-box-shadow: 0 0 0 1px transparent;
  box-shadow: 0 0 0 1px transparent;
  /* [2] */ }
  .fld-overlay .fld-ctrl:hover, .fld-overlay .fld-ctrl:focus, .fld-overlay .fld-ctrl:active, .fld-overlay .fld-ctrl.active {
    -moz-box-shadow: 0 0 0 1px #000;
    -webkit-box-shadow: 0 0 0 1px #000;
    box-shadow: 0 0 0 1px #000; }

/*
 * 1. 	Remove real borders
 * 1. 	Add a fake, transitionable border
*/
/*
 * ---------------------------------------------------------------------
 *  =FLD-GROUP
 * ---------------------------------------------------------------------
*/
.fld-group--inline > .fld {
  display: inline-block;
  margin-top: 0;
  padding-right: 0.27778em; }
  .fld-group--inline > .fld:last-child {
    padding-right: 0; }

/*
 * ---------------------------------------------------------------------
 *  =COLLAPSIBLE
 * ---------------------------------------------------------------------
*/
/*
 * An element that can be collapsed using the specified transition.
 * -----
 * @require JS "components/jquery.collapsible"
*/
[data-collapse="collapse"] {
  display: none; }
  [data-collapse="collapse"].active {
    display: block; }

/* =COLLAPSE-FOLD
 * ------------------------------------------------ */
[data-collapse="fold"], [data-collapse="fade"] {
  visibility: hidden;
  overflow: hidden;
  height: 0; }
  [data-collapse="fold"].active, .active[data-collapse="fade"] {
    visibility: visible;
    height: auto; }

/* =COLLAPSE-FADE
 * ------------------------------------------------ */
[data-collapse="fade"] {
  -moz-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  -webkit-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease;
  opacity: 0; }
  [data-collapse="fade"].active {
    opacity: 1; }

/* =COLLAPSE-SLIDE
 * ------------------------------------------------ */
[data-collapse="slide-down"], [data-collapse="slide-up"] {
  -moz-transition: -moz-transform 0.5s ease;
  -o-transition: -o-transform 0.5s ease;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease; }
  [data-collapse="slide-down"].active, [data-collapse="slide-up"].active {
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }

[data-collapse="slide-down"] {
  -moz-transform: translate3d(0, -100%, 0);
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0); }

[data-collapse="slide-up"] {
  -moz-transform: translate3d(0, 100%, 0);
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0); }

/* =DROPDOWN
 * ------------------------------------------------
 * A collapsible that is positioned out of the document's flow and in front of surrounding content
*/
.dropdown {
  position: relative; }

.dropdown-menu {
  display: none;
  top: 100%;
  left: 0;
  min-width: 120px;
  width: 100%;
  margin-top: 0;
  border-top: 1px solid #e5e5e5; }
  .dropdown-menu.active {
    display: block; }

.dropdown-item {
  margin: 0 !important;
  border: 1px solid #e5e5e5;
  border-top: 0; }

.dropdown-option {
  display: block;
  padding: 0.44444em 0.55556em;
  background: #fff; }

/*
| ---------------------------------------------------------------------
| =BULLET
| ---------------------------------------------------------------------
*/
.bullet-list .bullet {
  margin: 0 0.22222em; }
  .touch .bullet-list .bullet {
    margin: 0 0.33333em; }

ol.bullet-list li {
  margin: 0 6px; }

.bullet {
  -moz-transition: none;
  -o-transition: none;
  -webkit-transition: none;
  transition: none;
  display: inline-block;
  position: relative;
  width: 0.55556em;
  height: 0.55556em;
  border: 1px solid #000;
  /* hide text */
  color: transparent;
  text-decoration: none !important;
  cursor: pointer; }
  .bullet, .bullet:after {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%; }
  .bullet:after {
    content: "";
    top: 50%;
    left: 50%;
    width: 0.27778em;
    height: 0.27778em;
    margin-top: -0.13889em;
    margin-left: -0.13889em;
    opacity: 0;
    background-color: #000; }
  .bullet:hover:after, .bullet:focus:after, .bullet:active:after, .bullet.active:after {
    opacity: 1; }

.blk-controls .bullet {
  border-color: #000; }
  .blk-controls .bullet:after {
    background-color: #000 !important;
    width: 100%;
    height: 100%;
    margin-top: -4.5px;
    margin-left: -4.5px; }

.touch .bullet {
  width: 1.11111em;
  height: 1.11111em;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px; }
  .touch .bullet:after {
    width: 0.38889em;
    height: 0.38889em;
    margin-top: -0.19444em;
    margin-left: -0.19444em; }

/* =BULLET--WHITE
 * ------------------------------------------------ */
.bullet-white {
  border: 1px solid #fff; }
  .bullet-white:after {
    background-color: #fff; }

/*
| ====================================================================
| =MODULES
| ====================================================================
*/
/*
 * ---------------------------------------------------------------------
 *  =FVF-MENU
 * ---------------------------------------------------------------------
*/
.main-nav {
  position: fixed;
  z-index: 5000; }

/* ------------------------------------------------
 * =NAVBAR
 * ------------------------------------------------ */
.navbar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0.27778em;
  background: #f9f9f9;
  z-index: 5000;
  border-bottom: 1px solid #e5e5e5;
  -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05); }

/* ------------------------------------------------
 * =MENU-ICONS
 * ------------------------------------------------ */
.menu-icon {
  width: 20px;
  height: 20px;
  background: none no-repeat center; }

.menu-icon-caret {
  display: none; }

.menu-icon-rp {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  background: url(../img/icon-rp.svg) no-repeat center; }
  html.no-svg .menu-icon-rp {
    background: url(../img/icon-rp.png) center no-repeat; }

/* ------------------------------------------------
 * =MENU-FORMS
 * ------------------------------------------------ */
.menu-form .menu-label {
  display: inline-block;
  font-weight: 700;
  font-size: 1em;
  margin: 0.27778em 0; }
.menu-form .menu-input, .menu-form .menu-btn {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-transition: all 0.35s ease-out;
  -o-transition: all 0.35s ease-out;
  -webkit-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
  width: 100%;
  margin: 0.3125em 0;
  border: 0;
  color: #b3b3b3; }
  .menu-secondary .menu-form .menu-input, .menu-secondary .menu-form .menu-btn {
    font-size: 1em; }
.menu-form .menu-input, .menu-form .menu-select {
  font-size: 0.88889em;
  font-family: inherit;
  line-height: 2.1875em; }
.menu-form .menu-input, .menu-form .menu-btn {
  background: #e5e5e5; }
.menu-form .menu-input {
  height: 2.1875em;
  padding: 0 0.625em; }
.menu-form .menu-select {
  font-size: 0.88889em;
  width: 100%; }
.menu-form .menu-btn {
  font-size: 0.77778em;
  font-family: Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  line-height: 2.5em;
  height: 2.5em;
  padding: 0 1.14286em; }
  .menu-form .menu-btn:hover, .menu-form .menu-btn:focus, .menu-form .menu-btn:active {
    color: #fff;
    background-color: #78d18b; }
  .menu-secondary .menu-form .menu-btn {
    font-size: 0.875em; }

/* =SEARCH-FORM
 * ------------------------------------------------ */
.menu-search-form {
  position: relative;
  width: 100%;
  text-align: left; }
  .menu-search-form .menu-search-input {
    width: 2.1875em;
    opacity: 0; }
    .menu-search-form .menu-search-input:focus {
      width: 100%;
      padding-left: 2.1875em;
      opacity: 1;
      outline: none; }
  .menu-search-form .menu-search-submit {
    position: absolute;
    top: 0;
    left: 0;
    width: 2.5em;
    padding: 0;
    background: url(../img/menu/icon-search.png) no-repeat center;
    background-color: transparent;
    pointer-events: none;
    opacity: 1; }
    .menu-search-form .menu-search-submit:hover, .menu-search-form .menu-search-submit:focus, .menu-search-form .menu-search-submit:active {
      opacity: 0.5;
      background-color: transparent;
      outline: none; }

/* =NEWSLETTER-FORM
 * ------------------------------------------------ */
.menu-newsletter {
  max-width: 31.11111em;
  margin: 0 auto;
  padding: 0.83333em 0; }
  .menu-newsletter .menu-input {
    text-align: center; }
  .menu-newsletter .menu-btn {
    color: #fff;
    background-color: #78d18b; }

/* =SELECTBOX
 * ------------------------------------------------ */
.menu-selectbox .menu-form {
  table-layout: auto;
  width: 100%; }

/* ------------------------------------------------
 * =MENU
 * ------------------------------------------------ */
.menu {
  position: relative;
  font-size: 1em;
  font-family: Georgia, serif;
  text-align: center;
  color: #999;
  background: #f9f9f9; }

.menu-panel {
  position: fixed;
  z-index: 5000;
  top: 0;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
  -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
  -moz-transform: translate3d(0, -100%, 0);
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0); }
  .menu-panel.active {
    -moz-transition: -moz-transform 0.35s ease-out;
    -o-transition: -o-transform 0.35s ease-out;
    -webkit-transition: -webkit-transform 0.35s ease-out;
    transition: transform 0.35s ease-out;
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .admin-bar .menu-panel {
    top: 28px; }

.menu-macro {
  display: none; }

.menu-primary {
  background: #f2f2f2;
  padding: 0 10px; }

.menu-secondary {
  font-size: 0.88889em;
  padding: 0 10px; }
  .menu-secondary .menu-link {
    line-height: 2.5em; }

.menu-controls, .menu-selectbox {
  padding: 10px 0; }

/* =MENU-CONTROLS
 * ------------------------------------------------ */
.menu-controls {
  position: relative; }

.menu-close {
  position: absolute;
  top: 10px;
  right: 0;
  z-index: 20;
  display: inline-block;
  width: 1.94444em;
  height: 1.94444em;
  margin-top: 0.27778em;
  background: url(../img/menu/icon-close.png) center no-repeat;
  cursor: pointer; }

.menu-search {
  position: relative;
  z-index: 30;
  margin-right: 2.22222em; }

/* =MENU-LINKS
 * ------------------------------------------------ */
.menu-links {
  margin: 0 -10px;
  border-top: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5; }
  .menu-links > li {
    float: left;
    width: 50%;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    margin-left: -2px; }

.menu-link {
  display: block;
  padding: 0 16px;
  line-height: 2.77778em;
  vertical-align: middle;
  color: inherit;
  text-decoration: inherit;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease; }
  .menu-link:hover, .menu-link:focus, .menu-link:active, .menu-link.active {
    color: #666;
    background: #fff; }
 
.selected {
  background-color: #fff;
  color: #666;
  display: block;
  text-decoration: none;
  font: 18px/50px Georgia,serif;
  padding: 0 16px;
}

.menu-home {
  display: none; }

/* =MENU-CREDITS
 * ------------------------------------------------ */
.menu-credits {
  display: inline-block;
  font-size: 0.66667em;
  line-height: 4.16667em;
  vertical-align: middle;
  text-align: center;
  margin-right: 7px;
  color: #666; }

.menu-webdesigner {
  font-size: 1em; }
  .menu-webdesigner a {
    text-decoration: none; }
    .menu-webdesigner a:hover {
      color: #000; }

/* =CITIES-MENU
 * ------------------------------------------------ */
.cities-menu {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 0.66667em;
  top: 100%;
  left: 0;
  z-index: 3000;
  width: 800px;
  display: none; }
  .cities-menu ul:last-child {
    border-right: 1px solid #e5e5e5; }
  .cities-menu a {
    display: table;
    width: 100%;
    background: #f2f2f2; }
    .cities-menu a > .cityName, .cities-menu a .cityCount {
      display: table-cell;
      vertical-align: middle;
      border-top: 1px solid #e5e5e5;
      border-left: 1px solid #e5e5e5; }
    .cities-menu a > .cityName {
      padding: 0.66667em 0.83333em; }
    .cities-menu a > .cityCount {
      width: 30px !important;
      text-align: center; }
    .cities-menu a:hover > .cityName, .cities-menu a:active > .cityName {
      color: #fff;
      border-color: #78d18b;
      background-color: #78d18b; }
    .cities-menu a:hover > .cityCount, .cities-menu a:active > .cityCount {
      color: #78d18b;
      background-color: #fff; }
  .cities-menu .all-cities-link {
    border-right: 1px solid #e5e5e5;
    width: 99.7%; }
    .cities-menu .all-cities-link:hover, .cities-menu .all-cities-link:active {
      border-color: #78d18b; }

/*
 * ---------------------------------------------------------------------
 *  =MENU-BREAKPOINTS
 * ---------------------------------------------------------------------
*/
@media only screen and (min-width: 62.5em) {
  .main-nav {
    position: relative;
    z-index: 5000; }

  .menu-panel {
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }

  .nav-controls {
    display: none; }

  .menu {
    text-align: left; }

  .menu-micro {
    display: none; }

  .menu-macro {
    display: block; }

  .menu-panel {
    position: static;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 0; }
    .menu-panel .menu-inner {
      padding: 0 0 0 60px; }

  .menu-inner {
    position: relative;
    max-width: 760px;
    margin: 0 auto;
    padding-top: 20px;}

  .menu-main, .menu-sub, .menu-full {
    float: left; }

  .menu-primary, .menu-secondary {
    padding: 0 15px; }

  .menu-controls, .menu-selectbox, .menu-newsletter {
    padding: 0; }

  .menu-controls {
    float: right; }

  .menu-icon-caret {
    position: relative;
    left: 5px;
    display: inline-block;
    width: 10px;
    line-height: normal;
    vertical-align: text-bottom;
    background: url(../img/menu/caret.svg) no-repeat center center;
    background-size: contain; }
    html.no-svg .menu-icon-caret {
      background: url(../img/menu/caret.png) no-repeat center center;
      background-size: 200%; }

  .menu-search, .menu-credits {
    float: right; }

  .menu-close {
    display: none; }

  .menu-form {
    display: table; }
    .menu-form .menu-label {
      margin: 0 0.83333em 0 0;
      font-size: 0.66667em; }
      .menu-secondary .menu-form .menu-label {
        font-size: 0.75em; }
    .menu-form .menu-input, .menu-form .menu-btn {
      display: table-cell;
      vertical-align: middle;
      width: auto; }
    .menu-form .menu-input, .menu-form .menu-select {
      line-height: 2.16667em;
      height: 2.16667em;
      font-size: 0.66667em; }
      .menu-secondary .menu-form .menu-input, .menu-secondary .menu-form .menu-select {
        font-size: 0.75em; }
    .menu-form .menu-input {
      margin: 0 0.41667em 0 0; }
    .menu-form .menu-btn {
      font-size: 0.55556em;
      line-height: 2.6em;
      height: 2.6em;
      margin: 0 0.5em 0 0; }
      .menu-secondary .menu-form .menu-btn {
        font-size: 0.625em; }

  .menu-search {
    display: inline-block;
    line-height: 2.77778em;
    vertical-align: middle;
    margin-right: 0; }
    .menu-search .menu-search-input, .menu-search .menu-search-input:focus {
      width: 136px;
      padding: 0.41667em 0.66667em;
      opacity: 1; }
    .menu-search .menu-search-submit {
      width: 2.6em;
      margin-right: 0;
      position: static;
      pointer-events: auto; }

  .menu-newsletter {
    float: left;
    display: inline-block;
    line-height: 2.5em;
    vertical-align: middle;
    max-width: none; }
    .menu-newsletter .menu-newsletter-input {
      text-align: left;
      width: 24.16667em; }
    .menu-newsletter .menu-btn {
      color: #b3b3b3;
      background-color: #e5e5e5; }
      .menu-newsletter .menu-btn:hover, .menu-newsletter .menu-btn:focus, .menu-newsletter .menu-btn:active {
        color: #fff;
        background-color: #78d18b; }

  .menu-links {
    margin: 0;
    border: 0; }
    .menu-links > li {
      width: auto;
      border: 0; }

  .menu-elsewhere {
    float: right; }
    .menu-elsewhere .menu-links {
      margin-top: 0.5em; }
    .menu-elsewhere .menu-link {
      text-indent: 120%;
      overflow: hidden;
      white-space: nowrap;
      max-width: 23px;
      max-height: 12px;
      margin: 7px 3px;
      padding: 0;
      background-repeat: no-repeat;
      background-position: center;
      background-color: transparent;
      opacity: 0.5; }
      .menu-elsewhere .menu-link:hover, .menu-elsewhere .menu-link:focus, .menu-elsewhere .menu-link:active, .menu-elsewhere .menu-link.active {
        opacity: 1; }

  .menu-full .menu-link {
    font-size: 0.66667em;
    line-height: 4.16667em;
    padding: 0 10px; }
  .menu-full li:first-child .menu-link {
    padding-left: 0; }

  .menu-credits {
    float: right; }

  .menu-home {
    display: block;
    position: absolute;
    top: 10px;
    left: 5px; }

  .cities-menu.active {
    display: block; } }
.subaccess_footer {
  background-color: #f9f9f9;
  width: 100%;
  height: 107px; }

.subaccess_footer h3 {
  display: none;
  font-family: "circular-std",sans-serif !important;
  margin: 22px 0 17px;
  color: #000;
  font-size: 2.4em;
  font-weight: 500; }

.subaccess_footer h2 {
  font-family: "tisa-pro", Georgia, serif;
  font-size: 20px;
  color: #000;
  margin: 34px 0 5px;
  line-height: 20px;
  font-weight: normal; }

.subaccess_footer p {
  float: left !important;
  width: auto; }
  @media screen and (max-width: 700px) {
    .subaccess_footer p {
      width: 80%;
      margin: 0 auto; } }

.apt-newsletter-form p input[type="email"] {
  border: 1px solid #ccc;
  padding: 0 22px;
  height: 57px;
  width: 19.6rem;
  outline: none;
  -webkit-appearance: none;
  border-radius: 0px;
  font-size: 20px;
  font-family: "geogrotesque", "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
  margin-right: 10px; }

.apt-newsletter-form p input[type="submit"] {
  color: #fff;
  font-family: "geogrotesque", "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
  min-width: 10.1em;
  height: 3.3125em;
  padding: 0 2.125em;
  line-height: 3.3125em;
  font-size: 1.06em;
  -webkit-appearance: none;
  border-radius: 0px; }

.subaccess_footer #social-box li, #subaccess #social-box li {
  float: left;
  list-style-type: none; }

.subaccess_footer .social, #subaccess .social {
  float: right;
  right: 0px;
  margin: 7px 6px 0px 0px; }

.subaccess_footer #social-box, #subaccess #social-box {
  display: block;
  position: relative;
  height: auto;
  width: auto;
  margin: 0; }

.subaccess_footer #social-box li a, #subaccess #social-box li a {
  display: block;
  max-height: 22px;
  min-width: 22px;
  min-height: 18px; }

.subaccess_footer #social-box {
  padding: 34px 0 0; }

.subaccess_footer #social-box li a {
  margin: 0 15px 0 0;
  opacity: 0.6;
  background-size: contain;
  -moz-transition: 0.1s;
  -o-transition: 0.1s;
  -webkit-transition: 0.1s;
  transition: 0.1s; }

.subaccess_footer #social-box li a:hover {
  opacity: 1; }

.subaccess_footer #social-box li a.fb,
.menu-elsewhere .menu-facebook {
  background: url(../img/social/svg/social-facebook.svg) no-repeat center; }
  html.no-svg .subaccess_footer #social-box li a.fb, html.no-svg
  .menu-elsewhere .menu-facebook {
    background: url(../img/social/svg/fallbacks/social-facebook.png) no-repeat center;
    background-size: contain; }

.subaccess_footer #social-box li a,
.menu-elsewhere .menu-twitter {
  background: url(../img/social/svg/social-twitter.svg) no-repeat center; }
  html.no-svg .subaccess_footer #social-box li a.twitter, html.no-svg
  .menu-elsewhere .menu-twitter {
    background: url(../img/social/svg/fallbacks/social-twitter.png) no-repeat center;
    background-size: contain; }

.subaccess_footer #social-box li a.instagram,
.menu-elsewhere .menu-instagram {
  background: url(../img/social/svg/social-instagram.svg) no-repeat center; }
  html.no-svg .subaccess_footer #social-box li a.instagram, html.no-svg
  .menu-elsewhere .menu-instagram {
    background: url(../img/social/svg/fallbacks/social-instagram.png) no-repeat center;
    background-size: contain; }

.subaccess_footer #social-box li a.pin,
.menu-elsewhere .menu-pinterest {
  background: url(../img/social/svg/social-pinterest.svg) no-repeat center; }
  html.no-svg .subaccess_footer #social-box li a.pin, html.no-svg
  .menu-elsewhere .menu-pinterest {
    background: url(../img/social/svg/fallbacks/social-pinterest.png) no-repeat center;
    background-size: contain; }

.subaccess_footer #social-box li a.tumblr,
.menu-elsewhere .menu-tumblr {
  background: url(../img/social/svg/social-tumblr.svg) no-repeat center; }
  html.no-svg .subaccess_footer #social-box li a.tumblr, html.no-svg
  .menu-elsewhere .menu-tumblr {
    background: url(../img/social/svg/fallbacks/social-tumblr.png) no-repeat center;
    background-size: contain; }

.subaccess_footer #social-box li a.youtube,
.menu-elsewhere .menu-youtube {
  background: url(../img/social/svg/social-youtube.svg) no-repeat center; }
  html.no-svg .subaccess_footer #social-box li a.youtube, html.no-svg
  .menu-elsewhere .menu-youtube {
    background: url(../img/social/svg/fallbacks/social-youtube.png) no-repeat center;
    background-size: contain; }

.subaccess_footer #social-box li a.mixcloud,
.menu-elsewhere .menu-mixcloud {
  background: url(../img/social/svg/social-mixcloud.svg) no-repeat center; }
  html.no-svg .subaccess_footer #social-box li a.mixcloud, html.no-svg
  .menu-elsewhere .menu-mixcloud {
    background: url(../img/social/svg/fallbacks/social-mixcloud.png) no-repeat center;
    background-size: contain; }

.subaccess_footer #social-box li a.feed,
.menu-elsewhere .menu-feed {
  background: url(../img/social/svg/social-rss.svg) no-repeat center; }
  html.no-svg .subaccess_footer #social-box li a.feed, html.no-svg
  .menu-elsewhere .menu-feed {
    background: url(../img/social/svg/fallbacks/social-rss.png) no-repeat center;
    background-size: contain; }

.subaccess_footer #social-box li a.advice,
.menu-elsewhere .menu-feed {
  background: url(../img/social/svg/social-advice.svg) no-repeat center;
  min-width: 36px; }
  html.no-svg .subaccess_footer #social-box li a.advice, html.no-svg
  .menu-elsewhere .menu-feed {
    background: url(../img/social/svg/fallbacks/social-rss.png) no-repeat center;
    background-size: contain;
    min-width: 36px; }

.announcementBar {
  background-color: #f9f9f9;
  width: 100%;
  padding: 20px 0;
  font-family: "tisa-pro", Georgia, serif;
  font-size: 20px;
  -moz-box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
  border-bottom: 1px solid #fff;
  color: #000;
  position: fixed;
  bottom: 0;
  z-index: 99; }
  .announcementBar span {
    width: 962px;
    margin: 0 auto;
    display: block; }
    @media only screen and (max-width: 999px) {
      .announcementBar span {
        width: 28rem; } }
  .announcementBar strong {
    color: #78d18b;
    font-family: "circular-std",sans-serif; }
  .announcementBar.fixed {
    position: absolute;
    bottom: 220px; }
    @media only screen and (max-width: 999px) {
      .announcementBar.fixed {
        bottom: 345px; } }
  @media screen and (max-width: 28rem) {
    .announcementBar {
      padding: 20px 0; }
      .announcementBar span {
        width: 100%;
        padding: 0 15px; } }

.menu-primary.access-footer {
  height: 68px;
  background: #fff;
  border-top: 1px solid #e5e5e5; }
  .menu-primary.access-footer .menu-inner {
    max-width: 948px; }

.menu-primary.access-footer a {
  font-family: "tisa-pro", Georgia, serif;
  line-height: 65px;
  font-size: 13px;
  color: #666;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -webkit-transition: 0.2s;
  transition: 0.2s; }
  .menu-primary.access-footer a:hover {
    color: #000; }

.menu-primary.access-footer .menu-icon-rp {
  background: url(../img/icon-rp.svg) center no-repeat;
  width: 30px;
  height: 68px;
  margin: -3px -4px 0 -1px; }
  html.no-svg .menu-primary.access-footer .menu-icon-rp {
    background: url(../img/icon-rp.png) center no-repeat;
    background-size: contain; }

@media only screen and (max-width: 999px) {
  .subaccess_footer {
    height: auto; }
    .subaccess_footer h2, .subaccess_footer .menu-elsewhere {
      display: none; }
    .subaccess_footer h3 {
      display: block; }
    .subaccess_footer p {
      display: block;
      clear: both;
      width: 90% !important;
      margin: 5px 5%; }
    .subaccess_footer input {
      width: 100% !important; }
    .subaccess_footer form {
      margin-bottom: 30px; } }
.announcementBar {
  background-color: #f9f9f9;
  width: 100%;
  padding: 20px 0;
  font-family: "tisa-pro", Georgia, serif;
  font-size: 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #000;
  display: none; }
  .announcementBar strong {
    color: #78d18b;
    font-family: "circular-std",sans-serif; }

/* ------------------------------------------------
 * =FOOTER-NAV
 * ------------------------------------------------ */
/*
 * ---------------------------------------------------------------------
 * =SEPARATOR
 * ---------------------------------------------------------------------
*/
.separator:before {
  content: "";
  display: inline-block;
  width: 45px;
  margin: 0 0 2.77778em;
  border-bottom: 1px solid #000; }

/*
| ---------------------------------------------------------------------
| =hero
| ---------------------------------------------------------------------
*/
/*
 * A fullscreen media element with a text as overlay.
*/
.hero-wrap {
  position: relative;
  display: table;
  table-layout: fixed;
  max-width: none;
  max-height: none;
  background: rgba(0, 0, 0, 0.35);
  pointer-events: none;
  /* allow for underlying video */ }

.hero {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  pointer-events: auto;
  /* reset pointer-events on overlay children */ }

.hero-inner {
  display: inline-block;
  max-width: 740px;
  margin: 0 20px 80px;
  text-shadow: none; }

.hero-montblanc, .interactive-acf .hero-vid {
  background: #000; }
  @media only screen and (min-width: 62.5em) {
    .hero-montblanc .backdropx.mobile, .interactive-acf .hero-vid .backdropx.mobile {
      display: none; } }
  .hero-montblanc .backdropx.embed-cover, .interactive-acf .hero-vid .backdropx.embed-cover {
    display: none; }
    @media only screen and (min-width: 62.5em) {
      .hero-montblanc .backdropx.embed-cover, .interactive-acf .hero-vid .backdropx.embed-cover {
        display: block; } }
  .hero-montblanc .overlay, .interactive-acf .hero-vid .overlay {
    margin-left: -375px;
    position: absolute !important;
    bottom: 2.22222em;
    left: 50%;
    width: 750px;
    z-index: 100; }
    @media only screen and (min-width: 46.25em) {
      .hero-montblanc .overlay, .interactive-acf .hero-vid .overlay {
        bottom: 15.27778em; } }
  .hero-montblanc .hero-title,
  .hero-montblanc .hero-subtitle,
  .hero-montblanc .hero-time span, .interactive-acf .hero-vid .hero-title,
  .interactive-acf .hero-vid .hero-subtitle,
  .interactive-acf .hero-vid .hero-time span {
    display: inline-block; }
  @media only screen and (min-width: 62.5em) {
    .hero-montblanc .hero-subtitle, .interactive-acf .hero-vid .hero-subtitle {
      max-width: 80%; } }

.interactive-acf .hero-vid {
  font-family: "circular-std",sans-serif !important; }
  .interactive-acf .hero-vid .backdropx.img-cover {
    background-color: #fff; }
  .interactive-acf .hero-vid .overlay {
    width: 80% !important;
    margin-left: -40% !important; }
    .interactive-acf .hero-vid .overlay.hero-vismedia {
      bottom: 0px;
      top: auto !important;
      background: #fff;
      color: #000;
      padding: 0;
      text-shadow: none; }
      @media only screen and (max-width: 47.5em) {
        .interactive-acf .hero-vid .overlay.hero-vismedia {
          width: 100% !important;
          margin-left: -50% !important; } }
      .interactive-acf .hero-vid .overlay.hero-vismedia .inner-hero-text {
        position: relative; }
      .interactive-acf .hero-vid .overlay.hero-vismedia .hero-introline {
        position: absolute;
        width: 100%;
        top: -140px; }
    .interactive-acf .hero-vid .overlay .hero-title {
      max-width: 70%;
      width: 100%; }
  .interactive-acf .hero-vid video.media {
    top: 0px;
    left: 0px;
    min-width: 100%;
    min-height: 100%;
    width: auto !important;
    height: auto !important;
    overflow: hidden; }
  .interactive-acf .hero-vid .mejs-controls {
    display: none !important; }

.hero-title {
  margin: 0;
  font-size: 30px !important; }
  @media only screen and (min-width: 46.25em) {
    .hero-title {
      font-size: 72px !important; } }

.hero-subtitle {
  font-size: 20px;
  margin: 7px 0 0;
  padding: 0 .5em; }
  @media only screen and (min-width: 46.25em) {
    .hero-subtitle {
      font-size: 30px; } }
  .hero-subtitle:after {
    background: url(../img/icon-pin.svg) center center no-repeat;
    content: "";
    display: inline-block;
    margin-top: -5px;
    margin-left: 5px;
    vertical-align: middle;
    height: 20px;
    width: 15px;
    display: none; }
  .hero-subtitle.nopin:after {
    background: none !important;
    display: none; }

.hero-shortlink {
  background-image: url(../img/shortlink.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 30px 30px;
  display: none;
  margin-left: -15px;
  bottom: 0.55556em;
  left: 50%;
  height: 30px;
  width: 30px; }
  .no-svg .hero-shortlink {
    background-image: url(../img/shortlink.png); }
  @media only screen and (min-width: 46.25em) {
    .hero-shortlink {
      display: block; } }
  @media only screen and (min-width: 46.25em) {
    .hero-shortlink {
      background-size: 65px 65px;
      margin-left: -32.5px;
      bottom: 7.22222em;
      height: 65px;
      width: 65px; } }
  .hero-shortlink:hover {
    -moz-transition: opacity 0.25s ease-out;
    -o-transition: opacity 0.25s ease-out;
    -webkit-transition: opacity 0.25s ease-out;
    transition: opacity 0.25s ease-out;
    opacity: 0.5; }

.hero-badge {
  position: absolute;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  z-index: 1000;
  text-align: center;
  color: #fff;
  background-color: #78d18b;
  line-height: 200px;
  font-size: 1em; }
  .hero-badge.ur {
    top: 25px;
    right: 25px; }
  .hero-badge.ul {
    top: 25px;
    left: 25px; }
  .hero-badge.bl {
    bottom: 25px;
    left: 25px; }
  .hero-badge.br {
    bottom: 25px;
    right: 25px; }
  .hero-badge span {
    line-height: normal;
    display: inline-block;
    vertical-align: middle;
    width: 200px; }
    .hero-badge span strong {
      font-size: 1.58em;
      display: block;
      line-height: 1.25em;
      margin-bottom: 5px; }

/* Article Meta Summary */
.hero-content-meta, .content-navbar {
  font-size: 0.72222em; }
  @media only screen and (min-width: 46.25em) {
    .hero-content-meta, .content-navbar {
      font-size: 0.83333em; } }
  .hero-content-meta .icon-before:before, .hero-content-meta .icon:not(.icon-before), .content-navbar .icon-before:before, .content-navbar .icon:not(.icon-before) {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    content: "";
    width: 28px;
    height: 28px;
    -moz-transform: translate3d(0, -1px, 0);
    -webkit-transform: translate3d(0, -1px, 0);
    transform: translate3d(0, -1px, 0); }
    @media only screen and (min-width: 46.25em) {
      .hero-content-meta .icon-before:before, .hero-content-meta .icon:not(.icon-before), .content-navbar .icon-before:before, .content-navbar .icon:not(.icon-before) {
        width: 26px;
        height: 26px;
        -moz-transform: translate3d(0, -2px, 0);
        -webkit-transform: translate3d(0, -2px, 0);
        transform: translate3d(0, -2px, 0); } }
  .hero-content-meta .icon-before:before, .content-navbar .icon-before:before {
    margin-right: 6px; }
    @media only screen and (min-width: 46.25em) {
      .hero-content-meta .icon-before:before, .content-navbar .icon-before:before {
        margin-right: 0px; } }
  .hero-content-meta .icon-arrow, .content-navbar .icon-arrow {
    background-image: url(../img/icons-hero/svg/arrow.svg); }
    html.no-svg .hero-content-meta .icon-arrow, html.no-svg .content-navbar .icon-arrow {
      background-image: url(../img/icons-hero/fallbacks/arrow.png); }
    .hero-content-meta .icon-arrow.icon-before, .content-navbar .icon-arrow.icon-before {
      background: transparent !important; }
      .hero-content-meta .icon-arrow.icon-before:before, .content-navbar .icon-arrow.icon-before:before {
        background-image: url(../img/icons-hero/svg/arrow.svg); }
        html.no-svg .hero-content-meta .icon-arrow.icon-before:before, html.no-svg .content-navbar .icon-arrow.icon-before:before {
          background-image: url(../img/icons-hero/fallbacks/arrow.png); }
  .hero-content-meta .icon-collaboration, .content-navbar .icon-collaboration {
    background-image: url(../img/icons-hero/svg/collaboration.svg); }
    html.no-svg .hero-content-meta .icon-collaboration, html.no-svg .content-navbar .icon-collaboration {
      background-image: url(../img/icons-hero/fallbacks/collaboration.png); }
    .hero-content-meta .icon-collaboration.icon-before, .content-navbar .icon-collaboration.icon-before {
      background: transparent !important; }
      .hero-content-meta .icon-collaboration.icon-before:before, .content-navbar .icon-collaboration.icon-before:before {
        background-image: url(../img/icons-hero/svg/collaboration.svg); }
        html.no-svg .hero-content-meta .icon-collaboration.icon-before:before, html.no-svg .content-navbar .icon-collaboration.icon-before:before {
          background-image: url(../img/icons-hero/fallbacks/collaboration.png); }
  .hero-content-meta .icon-date, .content-navbar .icon-date {
    background-image: url(../img/calendar.png); }
    html.no-svg .hero-content-meta .icon-date, html.no-svg .content-navbar .icon-date {
      background-image: url(../img/calendar.png); }
    .hero-content-meta .icon-date.icon-before, .content-navbar .icon-date.icon-before {
      background: transparent !important; }
      .hero-content-meta .icon-date.icon-before:before, .content-navbar .icon-date.icon-before:before {}
        html.no-svg .hero-content-meta .icon-date.icon-before:before, html.no-svg .content-navbar .icon-date.icon-before:before {}
  .hero-content-meta .icon-logo, .content-navbar .icon-logo {
    background-image: url(../img/icons-hero/svg/logo.svg); }
    html.no-svg .hero-content-meta .icon-logo, html.no-svg .content-navbar .icon-logo {
      background-image: url(../img/icons-hero/fallbacks/logo.png); }
    .hero-content-meta .icon-logo.icon-before, .content-navbar .icon-logo.icon-before {
      background: transparent !important; }
      .hero-content-meta .icon-logo.icon-before:before, .content-navbar .icon-logo.icon-before:before {
        background-image: url(../img/icons-hero/svg/logo.svg); }
        html.no-svg .hero-content-meta .icon-logo.icon-before:before, html.no-svg .content-navbar .icon-logo.icon-before:before {
          background-image: url(../img/icons-hero/fallbacks/logo.png); }
  .hero-content-meta .icon-photo, .content-navbar .icon-photo {
    background-image: url(../img/icons-hero/svg/photo.svg); }
    html.no-svg .hero-content-meta .icon-photo, html.no-svg .content-navbar .icon-photo {
      background-image: url(../img/icons-hero/fallbacks/photo.png); }
    .hero-content-meta .icon-photo.icon-before, .content-navbar .icon-photo.icon-before {
      background: transparent !important; }
      .hero-content-meta .icon-photo.icon-before:before, .content-navbar .icon-photo.icon-before:before {
        background-image: url(../img/icons-hero/svg/photo.svg); }
        html.no-svg .hero-content-meta .icon-photo.icon-before:before, html.no-svg .content-navbar .icon-photo.icon-before:before {
          background-image: url(../img/icons-hero/fallbacks/photo.png); }
  .hero-content-meta .icon-video, .content-navbar .icon-video {
    background-image: url(../img/icons-hero/svg/video.svg); }
    html.no-svg .hero-content-meta .icon-video, html.no-svg .content-navbar .icon-video {
      background-image: url(../img/icons-hero/fallbacks/video.png); }
    .hero-content-meta .icon-video.icon-before, .content-navbar .icon-video.icon-before {
      background: transparent !important; }
      .hero-content-meta .icon-video.icon-before:before, .content-navbar .icon-video.icon-before:before {
        background-image: url(../img/icons-hero/svg/video.svg); }
        html.no-svg .hero-content-meta .icon-video.icon-before:before, html.no-svg .content-navbar .icon-video.icon-before:before {
          background-image: url(../img/icons-hero/fallbacks/video.png); }
  .hero-content-meta .icon-collaboration, .hero-content-meta .icon-arrow, .content-navbar .icon-collaboration, .content-navbar .icon-arrow {
    width: 14px !important; }
    @media only screen and (min-width: 46.25em) {
      .hero-content-meta .icon-collaboration, .hero-content-meta .icon-arrow, .content-navbar .icon-collaboration, .content-navbar .icon-arrow {
        width: 16px !important; } }

.hero-content-meta {
  margin-top: 1.66667em; }
  .hero-content-meta > span, .hero-content-meta > time {
    display: inline-block;
    margin-right: 0.85em; }
    @media only screen and (min-width: 46.25em) {
      .hero-content-meta > span, .hero-content-meta > time {
        margin-right: 1.25em; } }
  .hero-content-meta span:last-of-type {
    margin-right: 0px; }
  .hero-content-meta .hero-meta-collaboration {
    display: block;
    margin-bottom: 1.66667em; }
    @media only screen and (min-width: 46.25em) {
      .hero-content-meta .hero-meta-collaboration {
        display: inline-block; } }

.hero-spacing-after {
  visibility: hidden;
  width: 100%; }

.content-navbar {
  display: none; }
  .content-navbar.scrolled {
    /* if admin bar is active */ }
    body.admin-bar .content-navbar.scrolled {
      top: 32px; }
  @media only screen and (min-width: 62.5em) {
    .content-navbar {
      display: block;
      background: white;
      position: fixed;
      top: -70px;
      left: 0;
      width: 100%;
      z-index: 99;
      overflow: hidden;
      height: 54px;
      cursor: default;
      -moz-transition: top 1.4s ease-in;
      -o-transition: top 1.4s ease-in;
      -webkit-transition: top 1.4s ease-in;
      transition: top 1.4s ease-in; }
      .content-navbar a {
        cursor: pointer; }
      .content-navbar.scrolled {
        top: 0; }
      .content-navbar-inner {
        max-height: 52px;
        line-height: 1; }
      .content-navbar-progress div.content-navbar-progress-inner {
        /* background: #78d18b; */
        background: #be1e00;
        height: 2px;
        width: 0%;
        -moz-transition: width 0.2s linear;
        -o-transition: width 0.2s linear;
        -webkit-transition: width 0.2s linear;
        transition: width 0.2s linear; }
      .content-navbar-logo, .content-navbar-information, .content-navbar-next-text {
        padding-top: 13px;
        padding-bottom: 13px; }
      .content-navbar-logo {
        position: absolute;
        top: 0;
        left: 0;
        text-align: left;
        padding-left: 16px; }
      .content-navbar-information {
        text-align: center;
        margin: 0 auto;
        max-width: 80%; }
      .content-navbar-next {
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        text-align: right; }
        .content-navbar-next-text, .content-navbar-next-image {
          display: inline-block; }
        .content-navbar-next-text {
          width: auto;
          padding-right: 16px;
          vertical-align: middle; }
        .content-navbar-next-image {
          width: 0px;
          height: 52px;
          background: #222;
          background-size: 80px auto;
          background-repeat: no-repeat;
          background-position: 0% 50%;
          vertical-align: top;
          -moz-transition: width 0.2s ease-in;
          -o-transition: width 0.2s ease-in;
          -webkit-transition: width 0.2s ease-in;
          transition: width 0.2s ease-in; }
        .content-navbar-next a:hover .content-navbar-next-image {
          width: 80px; }
        .content-navbar-next strong {
          display: none; } }
      @media only screen and (min-width: 62.5em) and (min-width: 84.375em) {
        .content-navbar-next strong {
          display: inline; } }

/*
| ---------------------------------------------------------------------
| =BAY
| ---------------------------------------------------------------------
*/
/*
 * Makes a child media element with the class 'bay-media' stick in the background
 * of the element, on it's whole height. When the user scrolls above or below the element,
 * the media element will scroll with surrounding content again.
*/
/* @require JS vendor/jquery.waypoints.js */
/* @require JS components/jquery.bay.js */
.bay {
  position: relative;
  margin: 5.55556em 0; }
  .bay .l-wide {
    overflow: hidden;
    /* nbfc */ }

.bay-media {
  position: absolute;
  z-index: -1;
  margin: 0; }
  .bay-media.stick-viewport {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-attachment: fixed;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden; }
    html.touch .bay-media.stick-viewport {
      background-attachment: inherit !important; }
  .bay-media.stick-bottom {
    bottom: 0;
    top: auto; }
  .bay-media.stick-top {
    top: 0;
    bottom: auto; }

.bay-overlay {
  position: relative;
  margin: 30% 0;
  font-family: font-family("geogrotesque");
  font-size: 1.33333em;
  line-height: 1.41667;
  color: #fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75); }

.bay-card {
  margin: 20% auto;
  padding: 50px;
  background: #fff; }

.interactive-acf .bay {
  margin: 0 0 2em 0; }
  .interactive-acf .bay .l-wide {
    margin: 0 auto;
    width: 90% !important; }
    .interactive-acf .bay .l-wide .flush-r {
      float: right !important; }

/*
| ---------------------------------------------------------------------
| =content
| ---------------------------------------------------------------------
*/
.content {
  font-size: 1em;
  line-height: 1.4;
  margin-bottom: 0px; }
  @media only screen and (min-width: 28.75em) {
    .content {
      font-size: 1.11111em; } }
  .content .media,
  .content .mejs-container,
  .content .mejs-layer,
  .content .mejs-overlay,
  .content .me-plugin,
  .content .mejs-shim {
    width: 100% !important;
    height: 100% !important; }
  .content .yt-smallvid .mejs-controls, .content .background-media .mejs-controls,
  .content .media-wrap[data-scrollevents] .mejs-overlay {
    display: none !important; }
  .content img, .content div {
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -webkit-transition: 0.2s;
    transition: 0.2s; }
  .content .portrait-lt:hover,
  .content .portrait-rt:hover,
  .content .content-unit .img-hold {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: -o-zoom-in;
    cursor: zoom-in; }
  .content .image-link img {
    cursor: pointer; }
  .content .lightbox {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, 0.9);
    z-index: 9000; }
    @media only screen and (max-width: 47.5em) {
      .content .lightbox {
        background: rgba(255, 255, 255, 0.95); } }
    .content .lightbox img {
      max-width: 80%;
      max-height: 80%;
      width: auto;
      height: auto;
      position: absolute;
      margin: auto;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      cursor: -webkit-zoom-out;
      cursor: -moz-zoom-out;
      cursor: -o-zoom-out;
      cursor: zoom-out; }
      @media only screen and (max-width: 26.25em) {
        .content .lightbox img {
          max-width: 98%;
          max-height: 55%; } }
      @media only screen and (min-width: 26.25em) and (max-width: 46.875em) {
        .content .lightbox img {
          max-width: 60%; } }
    .content .lightbox .close {
      position: fixed;
      top: 4%;
      right: 2%;
      width: 30px;
      height: 30px;
      background: url(../img/icon-close.svg);
      background-size: contain;
      opacity: .6;
      -moz-transition: 0.2s;
      -o-transition: 0.2s;
      -webkit-transition: 0.2s;
      transition: 0.2s; }
      .content .lightbox .close:hover {
        opacity: 1;
        cursor: pointer; }
      html.no-svg .content .lightbox .close {
        background: url(../img/icon-close.png);
        background-size: contain; }
    .content .lightbox aside {
      position: fixed;
      width: 10%;
      height: 100%; }
      @media only screen and (max-width: 26.25em) {
        .content .lightbox aside {
          width: 100%;
          height: auto;
          bottom: 4%; } }
      .content .lightbox aside ul {
        list-style: none;
        margin: 0 61%;
        padding: 0;
        top: 50%;
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        position: relative; }
        @media only screen and (max-width: 26.25em) {
          .content .lightbox aside ul {
            margin: 0 0 5px;
            -moz-transform: translateY(0) translateX(-50%);
            -ms-transform: translateY(0) translateX(-50%);
            -webkit-transform: translateY(0) translateX(-50%);
            transform: translateY(0) translateX(-50%);
            top: 0;
            left: 50%;
            display: block; } }
        @media only screen and (min-width: 26.25em) and (max-width: 46.875em) {
          .content .lightbox aside ul {
            top: 50%; } }
        .content .lightbox aside ul a {
          position: relative;
          display: inline-block;
          width: 40px;
          height: 40px;
          margin: .5rem 0;
          border: 1px solid #999;
          border-radius: 180px;
          -moz-transition: 0.2s;
          -o-transition: 0.2s;
          -webkit-transition: 0.2s;
          transition: 0.2s; }
          @media only screen and (max-width: 26.25em) {
            .content .lightbox aside ul a {
              margin: 0 .5rem; } }
          .content .lightbox aside ul a svg {
            margin-bottom: 3px; }
          .content .lightbox aside ul a svg g {
            -moz-transition: 0.2s;
            -o-transition: 0.2s;
            -webkit-transition: 0.2s;
            transition: 0.2s; }
          .content .lightbox aside ul a:hover {
            border: 1px solid black; }
            .content .lightbox aside ul a:hover svg g {
              fill: black; }
        .content .lightbox aside ul li {
          position: relative;
          width: 50%;
          height: 50%;
          margin: 25%;
          background-size: 70%;
          -moz-transition: 0.2s;
          -o-transition: 0.2s;
          -webkit-transition: 0.2s;
          transition: 0.2s; }
          .content .lightbox aside ul li object, .content .lightbox aside ul li img {
            width: 100%;
            height: 100%; }

.l-inner.in-between-fullscreen {
  padding-top: 1em;
  padding-bottom: 1em; }
  .l-inner.in-between-fullscreen .content-unit:last-child {
    margin-bottom: 0; }
    .l-inner.in-between-fullscreen .content-unit:last-child p:last-child {
      margin: 0; }

.content-nav {
  z-index: 3000;
  top: 10px;
  right: 40px; }

.content-main {
  /* margin-top: extract-side("top", $margin-content); */
  padding: 2.33333em 0 0; }
  .content-main .h3 + .sub-h3 {
    margin-top: -1.5em; }
  .content-main .center_head {
    font-style: italic;
    font-weight: 400;
    font-size: 2em; }
  .content-main .center_subline {
    font-style: italic;
    font-weight: 400;
    font-size: 1.24em;
    margin: -1.2em 0 2.5em; }
  .content-main .sub-h3 {
    margin-bottom: 1.1em; }

.content-unit {
  margin-bottom: 2em !important; }
  .content-unit p {
    margin: 0 0 .5em 0; }
    .content-unit p.module {
      margin: 0 0 0 0; }
    .content-unit p.standout {
      margin-bottom: 1em; }

.content-unit .embed-cover.npc video {
  -o-object-fit: cover;
  object-fit: cover; }

.interactive-acf .apt-newsletter-form {
  margin: 0 auto;
  width: 550px; }
  @media screen and (max-width: 700px) {
    .interactive-acf .apt-newsletter-form {
      width: 100%; } }
  .interactive-acf .apt-newsletter-form .fld {
    padding-right: 10px; }
    @media screen and (max-width: 700px) {
      .interactive-acf .apt-newsletter-form .fld {
        display: block;
        padding-right: 0; }
        .interactive-acf .apt-newsletter-form .fld input {
          width: 100%; } }
.interactive-acf #signLoading {
  background: rgba(255, 255, 255, 0.5) !important;
  height: 100% !important;
  z-index: 1000 !important; }
  .interactive-acf #signLoading .speaker {
    color: #000 !important;
    top: 50%;
    margin-top: 80px;
    display: none !important; }
.interactive-acf .content-unit.content-intro {
  margin-bottom: 0em !important; }
  .interactive-acf .content-unit.content-intro p {
    margin: 0 0 1.2em 0 !important;
    font-size: 1em !important; }
.interactive-acf .circ-headline {
  font-weight: normal !important;
  font-style: normal !important;
  font-family: "circular-std",sans-serif !important;
  font-size: 2rem !important; }
.interactive-acf h4.quote {
  font-size: 1.6em;
  font-weight: normal;
  font-style: italic;
  text-align: center;
  position: relative;
  margin: 34px 0 70px; }
  .interactive-acf h4.quote:before {
    border-top: 1px solid #000;
    width: 56px;
    content: '';
    height: 0;
    display: inline-block;
    left: 50%;
    position: absolute;
    margin-left: -28px;
    top: -25px; }
  .interactive-acf h4.quote:after {
    border-top: 1px solid #000;
    width: 56px;
    content: '';
    height: 0;
    display: inline-block;
    left: 50%;
    position: absolute;
    margin-left: -28px;
    bottom: -32px; }
.interactive-acf ul.sub-page-nav, .interactive-acf ul.chapter-nav {
  text-align: left;
  width: 100%;
  top: 0;
  left: 0;
  padding: 0;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  position: relative;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden; }
  .interactive-acf ul.sub-page-nav .menu-link, .interactive-acf ul.chapter-nav .menu-link {
    display: inline-block;
    padding: none;
    line-height: 1rem;
    position: absolute;
    left: 0; }
  .interactive-acf ul.sub-page-nav .inner, .interactive-acf ul.chapter-nav .inner {
    position: relative;
    max-width: 986px;
    margin: 0 auto;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 2rem;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .interactive-acf ul.sub-page-nav li, .interactive-acf ul.chapter-nav li {
    display: inline-block;
    letter-spacing: 0px;
    list-style-type: none;
    margin: 0 5px 0 40px;
    font-family: "geogrotesque", "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
    font-size: 18px;
    letter-spacing: 1px;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    color: black;
    text-transform: uppercase; }
    @media all and (max-width: 450px) {
      .interactive-acf ul.sub-page-nav li, .interactive-acf ul.chapter-nav li {
        margin: 0 20px; } }
    .interactive-acf ul.sub-page-nav li a, .interactive-acf ul.chapter-nav li a {
      font-weight: normal;
      text-decoration: none;
      color: #666;
      -moz-transition: 0.2s;
      -o-transition: 0.2s;
      -webkit-transition: 0.2s;
      transition: 0.2s; }
      .interactive-acf ul.sub-page-nav li a:hover, .interactive-acf ul.sub-page-nav li a.active, .interactive-acf ul.chapter-nav li a:hover, .interactive-acf ul.chapter-nav li a.active {
        color: black; }
.interactive-acf ul.chapter-nav {
  margin: 0;
  padding: 7px 0 12px;
  z-index: 999; }
  .interactive-acf ul.chapter-nav li {
    font-size: 15px; }
.interactive-acf .chapter-anchor {
  position: relative;
  top: -155px; }
.interactive-acf .chapter-nav-module-wrapper {
  margin: -2.4em 0 40px; }
  .interactive-acf .chapter-nav-module-wrapper .chapter-nav-module {
    width: 100%;
    background: white;
    -moz-transition: 0;
    -o-transition: 0;
    -webkit-transition: 0;
    transition: 0; }
    .interactive-acf .chapter-nav-module-wrapper .chapter-nav-module.stuck {
      position: fixed;
      z-index: 999; }
      .admin-bar .interactive-acf .chapter-nav-module-wrapper .chapter-nav-module.stuck {
        margin-top: 32px; }
  .interactive-acf .chapter-nav-module-wrapper .l-inner {
    border-bottom: 1px solid #e5e5e5;
    max-width: none; }
  .interactive-acf .chapter-nav-module-wrapper .grid {
    max-width: 987px;
    margin: auto; }
.interactive-acf .sub-nav-module {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: white;
  z-index: 999; }
  .admin-bar .interactive-acf .sub-nav-module {
    top: 32px; }
  .interactive-acf .sub-nav-module .l-inner {
    border-bottom: 1px solid #e5e5e5;
    max-width: none; }
  .interactive-acf .sub-nav-module .grid {
    max-width: 987px;
    margin: auto; }
  @media screen and (max-width: 1000px) {
    .interactive-acf .sub-nav-module {
      top: 40px; }
      .interactive-acf .sub-nav-module .menu-link {
        display: none !important; }
      .interactive-acf .sub-nav-module .l-inner, .interactive-acf .sub-nav-module .inner {
        padding: 0px !important; } }
.interactive-acf .single-button {
  text-align: center; }
.interactive-acf .portrait-wrap .single-button {
  padding-top: 14px; }
  .interactive-acf .portrait-wrap .single-button p {
    margin: 15px 0; }
.interactive-acf .content_links {
  padding: 0;
  position: relative;
  left: 23px;
  left: 0; }
  .interactive-acf .content_links:after {
    content: '';
    display: block;
    clear: both; }
  .interactive-acf .content_links .grid_item {
    width: 33.3%;
    height: auto;
    padding-right: 20px;
    float: left;
    text-decoration: none;
    margin-bottom: 18px;
    position: relative;
    list-style-type: none; }
    .interactive-acf .content_links .grid_item:nth-child(3n+3) {
      padding-right: 0; }
      .interactive-acf .content_links .grid_item:nth-child(3n+3):after {
        content: '';
        clear: both;
        float: none;
        width: 100%;
        height: 65px;
        display: block; }
    @media all and (max-width: 450px) {
      .interactive-acf .content_links .grid_item {
        width: 100%;
        padding: 0; }
        .interactive-acf .content_links .grid_item:after {
          content: '';
          clear: both;
          float: none;
          width: 100%;
          height: 65px;
          display: block; } }
    @media all and (min-width: 451px) and (max-width: 1024px) {
      .interactive-acf .content_links .grid_item {
        width: 50%; }
        .interactive-acf .content_links .grid_item:nth-child(3n+3) {
          padding-right: 20px; }
        .interactive-acf .content_links .grid_item:nth-child(2n+2) {
          padding-right: 0; }
          .interactive-acf .content_links .grid_item:nth-child(2n+2):after {
            content: '';
            clear: both;
            float: none;
            width: 100%;
            height: 65px;
            display: block; } }
    .interactive-acf .content_links .grid_item p {
      margin: 0;
      font-size: 0.65em;
      color: #666; }
      .interactive-acf .content_links .grid_item p.title {
        font-size: 1em;
        font-family: "circular-std",sans-serif; }
    .interactive-acf .content_links .grid_item a {
      color: #333;
      text-decoration: none; }
      .interactive-acf .content_links .grid_item a:hover {
        color: #999; }
      .title .interactive-acf .content_links .grid_item a {
        font-size: 1em; }
    .interactive-acf .content_links .grid_item img:hover {
      opacity: 0.75; }
    .interactive-acf .content_links .grid_item .img_cntr {
      overflow: hidden;
      width: 100%;
      height: 148px;
      position: relative;
      display: block;
      margin-bottom: 4px; }
      @media screen and (max-width: 450px) {
        .interactive-acf .content_links .grid_item .img_cntr {
          height: 220px; } }
      .interactive-acf .content_links .grid_item .img_cntr img {
        min-width: 100%;
        width: auto;
        height: auto;
        cursor: pointer;
        min-height: 100%;
        height: auto; }

@media screen and (max-width: 450px) {
  .interactive-acf .portrait-wrap .portrait-rt, .interactive-acf .portrait-wrap .portrait-lt {
    float: none !important;
    width: 100% !important; }
  .interactive-acf .portrait-wrap .portrait-rt {
    margin-top: 1.2rem; }

  .portrait-wrap {
    height: auto !important; } }
.content-editorial {
  color: #999;
  margin: 2.66667em 0; }

.content-intro {
  margin-bottom: 1em; }
  .content-intro:first-letter {
    color: #78d18b; }

.content-bleed {
  margin-left: -10%;
  margin-right: -10%;
  margin-left: -10.0%;
  margin-right: -10.0%; }

.content-figure {
  margin-top: 90px;
  margin-bottom: 90px; }

.content-figcaption {
  position: relative;
  z-index: 2;
  font-style: italic;
  margin: -4.44444em 0 0;
  padding: 1.66667em;
  background: #fff; }

.content-caption {
  z-index: 200;
  margin: 8.33333% 10%;
  text-align: left !important;
  max-width: 280px !important;
  display: none; }
  @media only screen and (min-width: 46.25em) {
    .content-caption {
      display: block;
      max-width: 570px; } }
  @media only screen and (min-width: 62.5em) {
    .content-caption {
      max-width: 342px; } }
  @media only screen and (min-width: 84.375em) {
    .content-caption {
      margin: 95px 114px; } }

.content-foot {
  /* @include margin($margin-content-footer); */ }

.cooks-footer {
  position: relative; }
  .cooks-footer .footer-inner {
    padding: 0 .3em; }
  .cooks-footer video.media {
    min-width: 100%;
    min-height: 100%;
    width: auto !important;
    height: auto !important; }

.cooks-shoutout {
  font-size: 36px;
  font-style: italic; }

.cooks-footer-text {
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  position: absolute;
  z-index: 2;
  bottom: 80px;
  width: 100%;
  color: #fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
  opacity: 0;
  -moz-transform: translate3d(0, 20%, 0);
  -webkit-transform: translate3d(0, 20%, 0);
  transform: translate3d(0, 20%, 0); }
  .cooks-footer-text.onscreen {
    opacity: 1;
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }

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

/*
| ---------------------------------------------------------------------
| =INGREDIENTS
| ---------------------------------------------------------------------
*/
.ingredients .content-section-title {
  margin: 0 0 0.5em; }
.ingredients .grid-unit-solo {
  width: 100% !important; }
  .ingredients .grid-unit-solo ul li {
    width: 50%;
    float: left;
    display: inline-block;
    margin: 1.5rem 0;
    padding: 0 2em;
    word-break: break-word; }
    @media only screen and (min-width: 25em) {
      .ingredients .grid-unit-solo ul li {
        width: 100%;
        float: none;
        display: block;
        padding: 0 0 0 2.5rem; } }

@media only screen and (max-width: 400px) {
  .content-caption, .bay-card {
    width: 100% !important;
    padding: 15px; }
    .content-caption li, .bay-card li {
      float: none !important;
      width: 100% !important;
      margin: 1.1rem 0 !important; } }
@media only screen and (min-width: 401px) and (max-width: 768px) {
  .content-caption, .bay-card {
    width: 95% !important; } }

.ingredients-list {
  counter-reset: cooks-ingredients-count;
  font-family: "geogrotesque", "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
  font-size: 1.33333em; }
  .ingredients-list > li {
    position: relative;
    counter-increment: cooks-ingredients-count;
    margin: 0.83333em 0;
    padding-left: 2.5em;
    line-height: 1.25; }
    .ingredients-list > li:before {
      content: counter(cooks-ingredients-count);
      display: inline-block;
      position: absolute;
      left: 0;
      width: 1.5625em;
      height: 1.5625em;
      font-size: 0.88889em;
      line-height: 1.5625em;
      vertical-align: middle;
      text-align: center;
      border: 1px solid #000;
      -moz-border-radius: 0.78125em;
      -webkit-border-radius: 0.78125em;
      border-radius: 0.78125em; }

/*
 * ---------------------------------------------------------------------
 *  =SHOP-OVERVIEW
 * ---------------------------------------------------------------------
*/
.shop-main {
  margin: 220px 0 150px; }

.shop-list {
  margin: 85px 0 0; }

.shop-item {
  margin: 185px 0; }

.prod {
  position: relative;
  margin: 0 auto; }

.prod-header, .prod-gallery, .prod-body, .prod-footer {
  margin-bottom: 50px; }

.prod-gallery > .slider {
  width: 100%;
  padding-bottom: 66px; }

/* =PROD-COSTS
 * ------------------------------------------------ */
.prod-costs {
  margin: 40px 0; }

.prod-price {
  font-size: 1.66667em;
  margin: 0 0.16667em 0 0; }

/* =PROD-ORDER
 * ------------------------------------------------ */
.prod-order {
  margin: 1.66667em 0; }

.prod-order-form .fld {
  margin-top: 0; }

/* =PROD-SHARE
 * ------------------------------------------------ */
.prod-share li {
  margin: 0 0.83333em 0 0; }
  .prod-share li:last-child {
    margin-right: 0; }
.prod-share .icon-btn {
  opacity: 1; }
  .prod-share .icon-btn:hover, .prod-share .icon-btn:focus, .prod-share .icon-btn:active, .prod-share .icon-btn.active {
    opacity: 0.5; }

/*
 * ---------------------------------------------------------------------
 *  =BREAKPOINTS
 * ---------------------------------------------------------------------
*/
@media only screen and (min-width: 46.25em) {
  .prod-order-form {
    margin: 0 -5px; }
    .prod-order-form .fld {
      margin-top: 0;
      padding: 0 5px; } }
@media only screen and (min-width: 62.5em) {
  .prod-gallery {
    position: absolute;
    top: 0;
    height: 100%; }
    .prod-gallery .slider {
      position: static;
      /* use ’.prod-gallery’ as positioning context */ }
    .prod-gallery .slider-pagination {
      text-align: left !important; }

  .shop-item:nth-child(odd) .prod-gallery {
    left: 0; }
  .shop-item:nth-child(odd) .prod-header, .shop-item:nth-child(odd) .prod-body, .shop-item:nth-child(odd) .prod-footer {
    text-align: left;
    margin-left: 50%; }

  .shop-item:nth-child(even) .prod-gallery {
    right: 0; }
  .shop-item:nth-child(even) .prod-header, .shop-item:nth-child(even) .prod-body, .shop-item:nth-child(even) .prod-footer {
    text-align: right;
    margin-left: 10%;
    margin-right: 50%; } }
@media only screen and (min-width: 84.375em) {
  .shop-item:nth-child(odd) .prod-header, .shop-item:nth-child(odd) .prod-body, .shop-item:nth-child(odd) .prod-footer {
    margin-left: 60%; }

  .shop-item:nth-child(even) .prod-header, .shop-item:nth-child(even) .prod-body, .shop-item:nth-child(even) .prod-footer {
    margin-left: 0;
    margin-right: 60%; } }
.slideshow-chapter.npc {
  z-index: 100; }

.slick-slider {
  position: relative;
  display: block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }
  .slick-slider .slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0; }
    .slick-slider .slick-list:focus {
      outline: none; }
    .slick-slider .slick-list.dragging {
      cursor: pointer;
      cursor: hand; }
  .slick-slider .slick-track {
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  background: white; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }

.slick-slide {
  float: left;
  height: 600px;
  margin: 0 1rem;
  position: relative;
  min-height: 1px;
  display: none; }
  @media screen and (max-width: 450px) {
    .slick-slide {
      margin: 0 .125rem; } }
  .slick-slide figure {
    display: block;
    height: 100%;
    margin: auto; }
    .slick-slide figure img {
      height: 100%; }
  .slick-slide .overlay {
    padding: 1em;
    font-family: "circular-std", sans-serif; }

.slick-loading .slick-track {
  visibility: hidden; }

[dir="rtl"] .slick-slide {
  float: right; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

/* Arrows */
.slick-prev, .slick-next {
  position: absolute;
  display: block;
  height: 50px;
  width: 50px;
  cursor: pointer;
  top: 50%;
  margin-top: -10px;
  padding: 0;
  border: none;
  outline: none;
  font-size: 0;
  background: none; }
  @media screen and (max-width: 450px) {
    .slick-prev, .slick-next {
      display: none !important; } }
  .slick-prev:before, .slick-next:before {
    content: '';
    background-size: contain;
    background-position: center;
    width: 100%;
    height: 100%;
    position: absolute; }

.slick-prev:before {
  background: url("../img/icon-arrow-left.svg");
  background-repeat: no-repeat;
  background-position: left center; }

.slick-next:before {
  background: url("../img/icon-arrow-right.svg");
  background-repeat: no-repeat;
  background-attachment: right center; }

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent; }

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
  opacity: 1; }

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
  opacity: 0.25; }

.slick-next {
  right: 25px; }

/* Dots */
.slider {
  margin-bottom: 150px; }

.slider div, .slider img {
  -webkit-transition: 0;
  -moz-transition: 0;
  -o-transition: 0;
  transition: 0; }

.slick-dots {
  position: absolute;
  bottom: -45px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%; }

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 15px;
  width: 15px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer; }

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
  cursor: pointer; }

.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none; }

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1; }

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-size: 20px;
  line-height: 40px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  @media screen and (max-width: 450px) {
    .slick-dots li button:before {
      width: 7px;
      height: 7px;
      margin: 0 7px; } }

.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75; }

.slick-slide-prev:hover, .slick-slide-next:hover {
  opacity: 0.75;
  cursor: pointer; }

/*# sourceMappingURL=slick.css.map */
/*
 * ---------------------------------------------------------------------
 *  =CART
 * ---------------------------------------------------------------------
*/
.cart {
  font-style: italic;
  margin: 0 auto;
  padding: 0 15px;
  border: 1px solid #ccc; }

.cart-overview {
  width: 100%;
  table-layout: auto; }
  .cart-overview td {
    padding: 20px 0; }

/* =CART-ITEM
 * ------------------------------------------------ */
.cart-item {
  border-bottom: 1px solid #ccc; }

.cart-item-title {
  font-weight: 400; }

.cart-item-pic {
  width: 56px;
  height: 56px;
  margin: 0 15px 0 0; }

.cart-item-infos li:after {
  content: "-";
  speak: none;
  margin: 0 0.2em; }
.cart-item-infos li:last-child:after {
  display: none; }

.cart-info {
  text-transform: uppercase; }

.cart-cost {
  margin: 0.25em 0; }

/* =CART-MINI
 * ------------------------------------------------ */
.cart-link {
  font-size: 0.88889em;
  line-height: 2.5em;
  height: 2.5em;
  color: #fff;
  background-color: #000; }
  .cart-link:hover, .cart-link:focus, .cart-link:active, .cart-link.active {
    -moz-transition: color 0.25s ease-out, background-color 0.25s ease-out;
    -o-transition: color 0.25s ease-out, background-color 0.25s ease-out;
    -webkit-transition: color 0.25s ease-out, background-color 0.25s ease-out;
    transition: color 0.25s ease-out, background-color 0.25s ease-out;
    color: #fff;
    background-color: #000; }

.cart-recap {
  width: 100%;
  bottom: 0;
  left: 0; }

.cart-mini {
  position: absolute;
  left: 0;
  bottom: 100%;
  width: 100%;
  border-bottom: 0;
  background: url(../img/mark-arrow.svg) no-repeat center bottom;
  background-color: #fff; }
  .no-svg .cart-mini {
    background-image: url(../img/mark-arrow.png); }
  @media only screen and (min-width: 46.25em) {
    .cart-mini {
      left: 50%;
      width: 21.11111em;
      margin-left: -10.55556em; } }

/* =APARTEMENT-TEASER
 * ------------------------------------------------ */
.teaser-cycle .slides {
  position: absolute; }
  .teaser-cycle .slides li {
    display: none;
    /* hide none active slides on start */
    /* flexslider ’fade’ slides are not hidden before they have been
    slided once. Therefore, the last slide being on top, it will hide
    the other slides untill it has been slided through and hidden */ }
    .no-js .teaser-cycle .slides li:first-child {
      display: list-item; }

.fvfapt-teaser-header {
  margin-bottom: 1.11111em; }

.fvfapt-teaser-subscribe {
  margin: 40px 0 50px; }

.fvfapt-teaser-footer {
  margin-top: 60px; }

.fvfapt-partners {
  font-size: 0.83333em;
  width: 80%;
  margin: 0 auto; }
  .fvfapt-partners li:after {
    content: ", ";
    margin-right: 0.25em; }
  .fvfapt-partners li:last-child:after {
    display: none; }

.fvfapt-partners-introline {
  margin-bottom: 0.25em; }

/*
 * ---------------------------------------------------------------------
 *  =SHARE-MODULE
 * ---------------------------------------------------------------------
*/
body.single-fvf_content .sharingx, body.single-post .sharingx, body.page-template .sharingx {
  position: fixed;
  top: 50%;
  right: 3%;
  z-index: 3;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-transition: 0;
  -o-transition: 0;
  -webkit-transition: 0;
  transition: 0; }
  body.single-fvf_content .sharingx div, body.single-post .sharingx div, body.page-template .sharingx div {
    -moz-transition: 0;
    -o-transition: 0;
    -webkit-transition: 0;
    transition: 0; }
  body.single-fvf_content .sharingx .other-languages .shareWrap.language-picker, body.single-post .sharingx .other-languages .shareWrap.language-picker, body.page-template .sharingx .other-languages .shareWrap.language-picker {
    border: 1px solid #ccc !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: none;
    background: white;
    color: gray; }
  body.single-fvf_content .sharingx .fa, body.single-fvf_content .sharingx .fa:before, body.single-post .sharingx .fa, body.single-post .sharingx .fa:before, body.page-template .sharingx .fa, body.page-template .sharingx .fa:before {
    transition: 0 !important; }
  @media only screen and (min-width: 46.25em) {
    body.single-fvf_content .sharingx .languages, body.single-post .sharingx .languages, body.page-template .sharingx .languages {
      margin-bottom: 50%; } }
  body.single-fvf_content .sharingx .shareWrap, body.single-post .sharingx .shareWrap, body.page-template .sharingx .shareWrap {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    display: block;
    background: white;
    padding: .9em;
    color: gray;
    font-size: 1rem;
    text-align: center;
    -moz-transition: 0;
    -o-transition: 0;
    -webkit-transition: 0;
    transition: 0;
    cursor: pointer; }
    body.single-fvf_content .sharingx .shareWrap:last-child, body.single-post .sharingx .shareWrap:last-child, body.page-template .sharingx .shareWrap:last-child {
      border-bottom: 1px solid #ccc; }
    body.single-fvf_content .sharingx .shareWrap.language-picker, body.single-post .sharingx .shareWrap.language-picker, body.page-template .sharingx .shareWrap.language-picker {
      font-family: "circular-std", sans-serif;
      font-style: normal;
      border-bottom: 1px solid #ccc;
      background: #78D18B;
      color: white; }
      body.single-fvf_content .sharingx .shareWrap.language-picker a, body.single-post .sharingx .shareWrap.language-picker a, body.page-template .sharingx .shareWrap.language-picker a {
        text-decoration: none; }
      body.single-fvf_content .sharingx .shareWrap.language-picker:hover, body.single-post .sharingx .shareWrap.language-picker:hover, body.page-template .sharingx .shareWrap.language-picker:hover {
        background: #78D18B;
        color: white; }
    body.single-fvf_content .sharingx .shareWrap.shares:hover, body.single-fvf_content .sharingx .shareWrap.facebook:hover, body.single-post .sharingx .shareWrap.shares:hover, body.single-post .sharingx .shareWrap.facebook:hover, body.page-template .sharingx .shareWrap.shares:hover, body.page-template .sharingx .shareWrap.facebook:hover {
      background-color: #3b5998; }
      body.single-fvf_content .sharingx .shareWrap.shares:hover i, body.single-fvf_content .sharingx .shareWrap.facebook:hover i, body.single-post .sharingx .shareWrap.shares:hover i, body.single-post .sharingx .shareWrap.facebook:hover i, body.page-template .sharingx .shareWrap.shares:hover i, body.page-template .sharingx .shareWrap.facebook:hover i {
        color: white; }
    @media only screen and (min-width: 46.25em) {
      body.single-fvf_content .sharingx .shareWrap.facebook:hover span.likes, body.single-post .sharingx .shareWrap.facebook:hover span.likes, body.page-template .sharingx .shareWrap.facebook:hover span.likes {
        display: block;
        background-color: #3b5998; } }
    @media only screen and (min-width: 46.25em) {
      body.single-fvf_content .sharingx .shareWrap.shares:hover span.shares, body.single-post .sharingx .shareWrap.shares:hover span.shares, body.page-template .sharingx .shareWrap.shares:hover span.shares {
        display: block;
        background-color: #3b5998; } }
    body.single-fvf_content .sharingx .shareWrap.twitter:hover, body.single-post .sharingx .shareWrap.twitter:hover, body.page-template .sharingx .shareWrap.twitter:hover {
      background-color: #4099FF; }
    body.single-fvf_content .sharingx .shareWrap.google:hover, body.single-post .sharingx .shareWrap.google:hover, body.page-template .sharingx .shareWrap.google:hover {
      background-color: #bb33cc; }
      body.single-fvf_content .sharingx .shareWrap.google:hover i, body.single-post .sharingx .shareWrap.google:hover i, body.page-template .sharingx .shareWrap.google:hover i {
        color: white; }
      body.single-fvf_content .sharingx .shareWrap.twitter:hover i, body.single-post .sharingx .shareWrap.twitter:hover i, body.page-template .sharingx .shareWrap.twitter:hover i {
        color: white; }
      @media only screen and (min-width: 46.25em) {
        body.single-fvf_content .sharingx .shareWrap.twitter:hover span.retweets, body.single-post .sharingx .shareWrap.twitter:hover span.retweets, body.page-template .sharingx .shareWrap.twitter:hover span.retweets {
          display: block;
          background-color: #4099FF; } }
    body.single-fvf_content .sharingx .shareWrap.pinterest:hover, body.single-post .sharingx .shareWrap.pinterest:hover, body.page-template .sharingx .shareWrap.pinterest:hover {
      color: white;
      background-color: #cb2027; }
    body.single-fvf_content .sharingx .shareWrap.tumblr:hover, body.single-post .sharingx .shareWrap.tumblr:hover, body.page-template .sharingx .shareWrap.tumblr:hover {
      background-color: #32506d; }
      body.single-fvf_content .sharingx .shareWrap.tumblr:hover i, body.single-post .sharingx .shareWrap.tumblr:hover i, body.page-template .sharingx .shareWrap.tumblr:hover i {
        color: white; }
  body.single-fvf_content .sharingx div a span, body.single-post .sharingx div a span, body.page-template .sharingx div a span {
    display: none; }
  body.single-fvf_content .sharingx div span, body.single-post .sharingx div span, body.page-template .sharingx div span {
    display: none; }
  body.single-fvf_content .sharingx div span:nth-child(3), body.single-fvf_content .sharingx div span.likes-41963, body.single-post .sharingx div span:nth-child(3), body.single-post .sharingx div span.likes-41963, body.page-template .sharingx div span:nth-child(3), body.page-template .sharingx div span.likes-41963 {
    display: none;
    position: fixed;
    right: 100%;
    width: auto !important;
    margin-top: -71%;
    color: white;
    padding: .9em;
    font-family: "circular-std", sans-serif; }
  body.single-fvf_content .sharingx .facebook iframe, body.single-fvf_content .sharingx .pinterest iframe, body.single-post .sharingx .facebook iframe, body.single-post .sharingx .pinterest iframe, body.page-template .sharingx .facebook iframe, body.page-template .sharingx .pinterest iframe {
    z-index: 1;
    display: block;
    width: 18px !important;
    opacity: 0;
    height: 18px; }
  body.single-fvf_content .sharingx span, body.single-post .sharingx span, body.page-template .sharingx span {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box; }
  body.single-fvf_content .sharingx.horizontal, body.single-post .sharingx.horizontal, body.page-template .sharingx.horizontal {
    height: auto !important;
    position: static;
    top: 0;
    right: 0;
    display: inline-block;
    width: 100%;
    height: 0px;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0); }
    body.single-fvf_content .sharingx.horizontal .languages, body.single-post .sharingx.horizontal .languages, body.page-template .sharingx.horizontal .languages {
      padding-top: 2.33333em;
      height: auto;
      position: static; }
    body.single-fvf_content .sharingx.horizontal .language-picker, body.single-post .sharingx.horizontal .language-picker, body.page-template .sharingx.horizontal .language-picker {
      padding: .6rem; }
    body.single-fvf_content .sharingx.horizontal .languages, body.single-post .sharingx.horizontal .languages, body.page-template .sharingx.horizontal .languages {
      margin-left: 30%; }
    body.single-fvf_content .sharingx.horizontal .shareWrap, body.single-post .sharingx.horizontal .shareWrap, body.page-template .sharingx.horizontal .shareWrap {
      display: none !important;
      width: 25%;
      float: left;
      display: inline-block;
      border: 1px solid #ccc !important;
      border-right: 0px !important;
      border-top: 0px !important; }
      body.single-fvf_content .sharingx.horizontal .shareWrap:last-child, body.single-post .sharingx.horizontal .shareWrap:last-child, body.page-template .sharingx.horizontal .shareWrap:last-child {
        border-right: 1px solid #ccc !important; }
    body.single-fvf_content .sharingx.horizontal .other-languages .language-picker, body.single-post .sharingx.horizontal .other-languages .language-picker, body.page-template .sharingx.horizontal .other-languages .language-picker {
      width: 100% !important; }
    body.single-fvf_content .sharingx.horizontal .language-picker, body.single-post .sharingx.horizontal .language-picker, body.page-template .sharingx.horizontal .language-picker {
      border-top: 1px solid #ccc !important; }
    body.single-fvf_content .sharingx.horizontal .language-picker, body.single-fvf_content .sharingx.horizontal .other-languages, body.single-post .sharingx.horizontal .language-picker, body.single-post .sharingx.horizontal .other-languages, body.page-template .sharingx.horizontal .language-picker, body.page-template .sharingx.horizontal .other-languages {
      display: inline-block !important;
      font-size: .8rem;
      margin: 0;
      position: relative;
      float: left;
      top: inherit;
      left: inherit;
      right: inherit;
      bottom: inherit; }
      body.single-fvf_content .sharingx.horizontal .language-picker.active, body.single-fvf_content .sharingx.horizontal .other-languages.active, body.single-post .sharingx.horizontal .language-picker.active, body.single-post .sharingx.horizontal .other-languages.active, body.page-template .sharingx.horizontal .language-picker.active, body.page-template .sharingx.horizontal .other-languages.active {
        background: #78D18B;
        color: white; }

.interactive-acf .content-meta {
  color: #999;
  margin: 1.5em 0 0;
  line-height: 30px; }
  .interactive-acf .content-meta:after {
    content: '';
    display: block;
    width: 2.25em;
    margin-top: 1.4em; }
    @media only screen and (min-width: 62.5em) {
      .interactive-acf .content-meta:after {
        border-top: 0.05em solid #000; } }
  .interactive-acf .content-meta .collab-info {
    float: right; }

.product-link figure {
  display: block;
  position: relative;
  width: 100%;
  max-width: 900px;
  margin: auto auto 2rem;
  overflow: hidden; }
  .product-link figure * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .product-link figure img {
    vertical-align: top;
    float: none;
    width: 100%; }
    @media only screen and (min-width: 62.5em) {
      .product-link figure img {
        float: right;
        width: 60%; } }
    @media only screen and (min-width: 98.75em) {
      .product-link figure img {
        width: 70%; } }
  .product-link figure figcaption {
    float: none;
    width: 100%;
    background: #f9f9f9;
    padding: 4%;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -webkit-transition: 0.2s;
    transition: 0.2s; }
    @media only screen and (min-width: 62.5em) {
      .product-link figure figcaption {
        float: right;
        width: 40%;
        min-height: 100%;
        position: absolute; } }
    @media only screen and (min-width: 98.75em) {
      .product-link figure figcaption {
        width: 30%; } }
    .product-link figure figcaption h4 {
      font-size: 1.5rem;
      line-height: 1em;
      margin: 0 0 .4em 0; }
    .product-link figure figcaption em.price {
      display: block;
      margin: 1em 0; }
    .product-link figure figcaption .button-wrapper {
      text-align: center; }
    @media only screen and (min-width: 62.5em) {
      .product-link figure figcaption button, .product-link figure figcaption .btn {
        position: absolute;
        bottom: 8%;
        left: 50%;
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%); } }
    .product-link figure figcaption .prod-description {
      font-size: 1rem;
      margin-bottom: 1.5em; }

/*
| ====================================================================
| =DEFAULT SINGLE POSTS
| ====================================================================
*/
/* default post compatibility styles */
.single-post .adSlot {
  background: #f9f9f9;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  padding: 2em 0;
  width: auto;
  text-align: center;
  margin-top: 4em; }
.single-post .c-middle .adSlot {
  margin-top: 4em;
  margin-bottom: 4em; }
.single-post .content-copy .content-unit img {
  max-width: 100%;
  height: auto;
  margin-top: 2em;
  margin-bottom: 2em; }
.single-post .content-copy .content-unit iframe {
  max-width: 100%; }
.single-post .content-copy .content-unit p:not(.img-hold) {
  margin-top: 0;
  margin-bottom: 2.5em; }
  .single-post .content-copy .content-unit p:not(.img-hold):last-of-type {
    margin-bottom: 0; }
.single-post .content-copy .content-unit p.img-hold {
  margin: 0 0 .5em 0; }
  .single-post .content-copy .content-unit p.img-hold img {
    margin: 0;
    border: 0; }
.single-post .content-copy .content-unit p.q.question {
  margin: 0 0 .5em 0; }
.single-post .content-copy .content-unit .iframe-wrapper-wide {
  margin-bottom: 2.5em; }
.single-post article.content.category-cooking-journal section.content-chapter span.number {
  display: inline-block;
  width: 2em;
  height: 2em;
  text-align: center;
  background: #78d18b;
  border-radius: 1em;
  color: #FFFFFF;
  line-height: 2em; }
.single-post article.content.category-cooking-journal section.content-chapter p, .single-post article.content.category-cooking-journal section.content-chapter h2 {
  text-align: center; }
.single-post article.content.category-cooking-journal section.content-chapter h2 {
  font-weight: normal !important;
  font-style: normal !important;
  font-family: "circular-std",sans-serif !important;
  font-size: 2rem !important; }

.iframe-wrapper-wide {
  position: relative;
  padding-top: 56.25%;
  background: #000000; }
  .iframe-wrapper-wide iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/* TEMPORARY STUFF */
.page-id-43779 .blk-controls .slider-covers {
  background: transparent; }

.page-id-41545 .hero-subtitle:after {
  display: none; }

#redpills ul {
    list-style: none;
    background: url("../img/bullet.png") no-repeat left top;
}

#bluepills ul {
    list-style: none;
    background: url("../img/bullet2.png") no-repeat left top;
}

body.single-fvf_content .sharingxx, body.single-post .sharingxx, body.page-template .sharingxx {
    position: fixed;
    right: 3%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
}



.citation ::first-letter {
  font-weight: 700;
  font-size: 3em;
  line-height: 0.6;
  color: #cf331a;
  float: left;
  padding: 0.13333em 0.15em 0 0; }
  
  /*!
   *  Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
   *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
   */
  /* FONT PATH
   * -------------------------- */
  
  @font-face {
    font-family: 'FontAwesome';
    src: url("./fontawesome/fontawesome-webfont.eot?v=4.2.0");
    src: url("./fontawesome/fontawesome-webfont.eot?#iefix&v=4.2.0") format("embedded-opentype"), 
         url("./fontawesome/fontawesome-webfont.woff?v=4.2.0") format("woff"), 
         url("./fontawesome/fontawesome-webfont.ttf?v=4.2.0") format("truetype"), 
         url("./fontawesome/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular") format("svg");
    font-weight: normal;
    font-style: normal;
  }
  
  .fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .fa-twitter:before {
    content: "\f099";
  }
  
  .fa-facebook:before {
    content: "\f09a";
  }
  
  .fa-pinterest:before {
    content: "\f0d2";
  }
  
  .fa-google-plus:before {
    content: "\f0d5";
  }
  
  .fa-tumblr:before {
    content: "\f173";
  }
  
  .fa-linkedin:before {
    content: "\f0e1";
  }
  
  .fa-thumbs-up:before {
    content: "\f087";
    color: #808080;
    cursor:pointer;
  }