@charset "UTF-8";
@import 'na_styles.css';
/****************************************************************************/
/* --------------------------portable----|        |----desktop_wide-------- */
/* ------------mobile----||----tablet----||----desktop--------------------- */
/* ----cellphone----|     |----tablet_up----------------------------------- */
/****************************************************************************/
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 606px) {
  .oldphone {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .cellphone {
    display: none;
  }
}
@media only screen and (min-width: 886px) {
  .mobile {
    display: none;
  }
}
@media only screen and (min-width: 992px) {
  .portable {
    display: none;
  }
}
@media only screen and (max-width: 885px), (min-width: 992px) {
  .tablet {
    display: none;
  }
}
@media only screen and (max-width: 885px) {
  .tablet_up {
    display: none;
  }
}
@media only screen and (max-width: 991px) {
  .desktop {
    display: none;
  }
}
@media only screen and (max-width: 1257px) {
  .desktop_wide {
    display: none;
  }
}
@media only screen and (max-width: 1559px) {
  .desktop_wide_2 {
    display: none;
  }
}
@media only screen and (min-width: 606px) {
  .not_oldphone {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .not_cellphone {
    display: none;
  }
}
@media only screen and (min-width: 886px) {
  .not_mobile {
    display: none;
  }
}
@media only screen and (min-width: 992px) {
  .not_portable {
    display: none;
  }
}
@media only screen and (max-width: 885px), (min-width: 992px) {
  .not_tablet {
    display: none;
  }
}
@media only screen and (max-width: 885px) {
  .not_tablet_up {
    display: none;
  }
}
@media only screen and (max-width: 991px) {
  .not_desktop {
    display: none;
  }
}
@media only screen and (max-width: 1257px) {
  .not_desktop_wide {
    display: none;
  }
}
@media only screen and (max-width: 1559px) {
  .not_desktop_wide_2 {
    display: none;
  }
}
/*

Animate.less
Cross-browser LESS animation library for Bootstrap
Licensed under the ☺ license (http://licence.visualidiot.com/)
Documenation: https://github.com/machito/animate.less
-------------------------------------------------------
Copyright © 2012 Michael Castilla
Email: yo@machito.co
Twitter: https://twitter.com/micr0bitz

*/
body {
  -webkit-backface-visibility: hidden;
}
@-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);
  }
}
@-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);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  -moz-animation-name: bounce;
  -o-animation-name: bounce;
  animation-name: bounce;
}
@-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);
  }
}
@-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);
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  -moz-animation-name: bounceIn;
  -o-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-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);
  }
}
@-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);
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  -moz-animation-name: bounceInDown;
  -o-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-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);
  }
}
@-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);
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  -moz-animation-name: bounceInLeft;
  -o-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-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);
  }
}
@-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);
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  -moz-animation-name: bounceInRight;
  -o-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-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);
  }
}
@-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);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  -moz-animation-name: bounceInUp;
  -o-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-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);
  }
}
@-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);
  }
}
.bounceOut {
  -webkit-animation-name: bounceOut;
  -moz-animation-name: bounceOut;
  -o-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-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);
  }
}
@-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);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  -moz-animation-name: bounceOutDown;
  -o-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-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);
  }
}
@-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);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  -moz-animation-name: bounceOutLeft;
  -o-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-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);
  }
}
@-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);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  -moz-animation-name: bounceOutRight;
  -o-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-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);
  }
}
@-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);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  -moz-animation-name: bounceOutUp;
  -o-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-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;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-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);
  }
}
@-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);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-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);
  }
}
@-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);
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  -moz-animation-name: fadeInDownBig;
  -o-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-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);
  }
}
@-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);
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  -moz-animation-name: fadeInLeft;
  -o-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-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);
  }
}
@-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);
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  -moz-animation-name: fadeInLeftBig;
  -o-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-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);
  }
}
@-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);
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  -moz-animation-name: fadeInRight;
  -o-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-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);
  }
}
@-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);
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  -moz-animation-name: fadeInRightBig;
  -o-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-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);
  }
}
@-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);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-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);
  }
}
@-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);
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  -moz-animation-name: fadeInUpBig;
  -o-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-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;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  -moz-animation-name: fadeOut;
  -o-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-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);
  }
}
@-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);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  -moz-animation-name: fadeOutDown;
  -o-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-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);
  }
}
@-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);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  -moz-animation-name: fadeOutDownBig;
  -o-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-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);
  }
}
@-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);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  -moz-animation-name: fadeOutLeft;
  -o-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-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);
  }
}
@-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);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  -moz-animation-name: fadeOutLeftBig;
  -o-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-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);
  }
}
@-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);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  -moz-animation-name: fadeOutRight;
  -o-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-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);
  }
}
@-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);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  -moz-animation-name: fadeOutRightBig;
  -o-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-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);
  }
}
@-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);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  -moz-animation-name: fadeOutUp;
  -o-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-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);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  -moz-animation-name: fadeOutUpBig;
  -o-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@-moz-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;
  }
}
.flash {
  -webkit-animation-name: flash;
  -moz-animation-name: flash;
  -o-animation-name: flash;
  animation-name: flash;
}
@-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;
  }
}
.flip {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flip;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flip;
  -o-backface-visibility: visible !important;
  -o-animation-name: flip;
  backface-visibility: visible !important;
  animation-name: flip;
}
@-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;
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flipInX;
  -o-backface-visibility: visible !important;
  -o-animation-name: flipInX;
  backface-visibility: visible !important;
  animation-name: flipInX;
}
@-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;
  }
}
@-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;
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flipInY;
  -o-backface-visibility: visible !important;
  -o-animation-name: flipInY;
  backface-visibility: visible !important;
  animation-name: flipInY;
}
@-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;
  }
}
@-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;
  }
}
.flipOutX {
  -webkit-animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -moz-animation-name: flipOutX;
  -moz-backface-visibility: visible !important;
  -o-animation-name: flipOutX;
  -o-backface-visibility: visible !important;
  animation-name: flipOutX;
  backface-visibility: visible !important;
}
@-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;
  }
}
@-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;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flipOutY;
  -o-backface-visibility: visible !important;
  -o-animation-name: flipOutY;
  backface-visibility: visible !important;
  animation-name: flipOutY;
}
@-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;
  }
}
@-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;
  }
}
.hinge {
  -webkit-animation-name: hinge;
  -moz-animation-name: hinge;
  -o-animation-name: hinge;
  animation-name: hinge;
}
@-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;
  }
}
@-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;
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  -moz-animation-name: lightSpeedIn;
  -o-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-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;
  }
}
@-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;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  -moz-animation-name: lightSpeedOut;
  -o-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  -moz-animation-timing-function: ease-in;
  -o-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-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);
  }
}
@-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);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  -moz-animation-name: pulse;
  -o-animation-name: pulse;
  animation-name: pulse;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-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);
  }
}
@-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);
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  -moz-animation-name: rollIn;
  -o-animation-name: rollIn;
  animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-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);
  }
}
@-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);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  -moz-animation-name: rollOut;
  -o-animation-name: rollOut;
  animation-name: rollOut;
}
@-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;
  }
}
@-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;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  -moz-animation-name: rotateIn;
  -o-animation-name: rotateIn;
  animation-name: rotateIn;
}
@-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;
  }
}
@-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;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  -moz-animation-name: rotateInDownLeft;
  -o-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}
@-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;
  }
}
@-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;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  -moz-animation-name: rotateInDownRight;
  -o-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}
@-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;
  }
}
@-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;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  -moz-animation-name: rotateInUpLeft;
  -o-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}
@-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;
  }
}
@-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;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  -moz-animation-name: rotateInUpRight;
  -o-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}
@-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;
  }
}
@-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;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  -moz-animation-name: rotateOut;
  -o-animation-name: rotateOut;
  animation-name: rotateOut;
}
@-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;
  }
}
@-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;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  -moz-animation-name: rotateOutDownLeft;
  -o-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}
@-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;
  }
}
@-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;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  -moz-animation-name: rotateOutDownRight;
  -o-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}
@-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;
  }
}
@-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;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  -moz-animation-name: rotateOutUpLeft;
  -o-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}
@-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;
  }
}
@-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;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  -moz-animation-name: rotateOutUpRight;
  -o-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}
@-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);
  }
}
@-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);
  }
}
.shake {
  -webkit-animation-name: shake;
  -moz-animation-name: shake;
  -o-animation-name: shake;
  animation-name: shake;
}
@-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);
  }
}
@-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);
  }
}
.swing {
  -webkit-transform-origin: top center;
  -moz-transform-origin: top center;
  -o-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  -moz-animation-name: swing;
  -o-animation-name: swing;
  animation-name: swing;
}
@-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);
  }
}
@-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);
  }
}
.tada {
  -webkit-animation-name: tada;
  -moz-animation-name: tada;
  -o-animation-name: tada;
  animation-name: tada;
}
@-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);
  }
}
@-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);
  }
}
.wiggle {
  -webkit-animation-name: wiggle;
  -moz-animation-name: wiggle;
  -o-animation-name: wiggle;
  animation-name: wiggle;
  -webkit-animation-timing-function: ease-in;
  -moz-animation-timing-function: ease-in;
  -o-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-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%);
  }
}
@-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%);
  }
}
.wobble {
  -webkit-animation-name: wobble;
  -moz-animation-name: wobble;
  -o-animation-name: wobble;
  animation-name: wobble;
}
header.page-header.type16 .block-search input#search {
  color: #000;
}
header.page-header.type16 .block-search input#search::-webkit-input-placeholder {
  /* Chrome */
  color: #000;
  opacity: 1;
  transition: 0.25s;
}
header.page-header.type16 .block-search input#search:-ms-input-placeholder {
  /* IE 10+ */
  color: #000;
  opacity: 1;
  transition: 0.25s;
}
header.page-header.type16 .block-search input#search::-moz-placeholder {
  /* Firefox 19+ */
  color: #000;
  opacity: 1;
  transition: 0.25s;
}
header.page-header.type16 .block-search input#search:-moz-placeholder {
  /* Firefox 4 - 18 */
  color: #000;
  opacity: 1;
  transition: 0.25s;
}
header.page-header.type16 .block-search input#search::-webkit-input-placeholder {
  /* Chrome */
  color: #000;
  opacity: 1;
  transition: 0.25s;
}
header.page-header.type16 .block-search input#search:-ms-input-placeholder {
  /* IE 10+ */
  color: #000;
  opacity: 1;
  transition: 0.25s;
}
header.page-header.type16 .block-search input#search::-moz-placeholder {
  /* Firefox 19+ */
  color: #000;
  opacity: 1;
  transition: 0.25s;
}
header.page-header.type16 .block-search input#search:-moz-placeholder {
  /* Firefox 4 - 18 */
  color: #000;
  opacity: 1;
  transition: 0.25s;
}
header.page-header.type16 .block-search input#search:focus::-webkit-input-placeholder {
  /* Chrome */
  opacity: 0.6;
}
header.page-header.type16 .block-search input#search:focus:-ms-input-placeholder {
  /* IE 10+ */
  opacity: 0.6;
}
header.page-header.type16 .block-search input#search:focus::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 0.6;
}
header.page-header.type16 .block-search input#search:focus:-moz-placeholder {
  /* Firefox 4 - 18 */
  opacity: 0.6;
}
header.page-header.type16 .block-search input#search:focus::-webkit-input-placeholder {
  /* Chrome */
  opacity: 0.6;
}
header.page-header.type16 .block-search input#search:focus:-ms-input-placeholder {
  /* IE 10+ */
  opacity: 0.6;
}
header.page-header.type16 .block-search input#search:focus::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 0.6;
}
header.page-header.type16 .block-search input#search:focus:-moz-placeholder {
  /* Firefox 4 - 18 */
  opacity: 0.6;
}
header.page-header.type16 .block-search .action.search {
  right: auto;
}
header.page-header.type16 .block-search .action.search,
header.page-header.type16 .block-search .action.search:before {
  color: #000;
}
@media only screen and (max-width: 767px) {
  header.page-header.type16 .block-search {
    width: 100%;
    max-width: 100%;
    padding: 0 15px;
    background: #000;
  }
  header.page-header.type16 .block-search label {
    display: none;
  }
  header.page-header.type16 .block-search input#search {
    position: static;
    height: 35px;
    font-size: 13px;
    line-height: 1.4;
    padding: 10px;
    margin: 15px 0;
  }
  header.page-header.type16 .block-search #search_mini_form {
    position: relative;
  }
  header.page-header.type16 .block-search .action.search {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    background: transparent;
    border: none;
  }
  header.page-header.type16 .block-search .action.search span {
    display: none;
  }
  header.page-header.type16 .block-search .action.search:before {
    content: '\e884';
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    line-height: inherit;
    font-family: 'porto-icons';
    margin: 0;
    vertical-align: top;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    text-align: center;
  }
}
@media only screen and (max-width: 991px) {
  header.page-header.type16 nav.navigation .subchildmenu.mega-columns {
    width: 100%;
  }
}
header.page-header.type16 nav.navigation .subchildmenu.mega-columns.columns4 > li {
  clear: none !important;
}
@media only screen and (max-width: 991px) {
  header.page-header.type16 nav.navigation .menu-right-block {
    width: 100%;
    margin-top: 20px;
  }
}
header.page-header.type16 nav.navigation .logo.portable {
  display: none;
}
@media only screen and (max-width: 767px) {
  header.page-header.type16 .nav-sections {
    z-index: 5;
  }
  header.page-header.type16 .nav-sections .section-item-title {
    display: none;
  }
  header.page-header.type16 .nav-sections .nav-sections-item-content {
    margin-top: 0;
  }
  header.page-header.type16 .nav-sections nav.navigation {
    top: 0;
    left: -100vw;
    min-height: 100vh;
    transition: 0.5s;
  }
  header.page-header.type16 .nav-sections nav.navigation.active {
    left: 0;
    opacity: 1;
  }
  header.page-header.type16 .nav-sections nav.navigation > ul {
    position: absolute;
    top: 80px;
  }
  header.page-header.type16 .nav-sections nav.navigation ul li {
    border-top-color: #464646;
  }
  header.page-header.type16 .nav-sections nav.navigation ul li:last-child {
    border-bottom-color: #464646;
  }
  header.page-header.type16 .nav-sections nav.navigation ul li a {
    text-align: left;
  }
  header.page-header.type16 .nav-sections nav.navigation ul li a.ui-state-active {
    background-color: transparent;
  }
  header.page-header.type16 .nav-sections nav.navigation ul li a.ui-state-active > a > span {
    color: #54c616;
  }
  header.page-header.type16 .nav-sections nav.navigation ul li a:after {
    display: block;
  }
  header.page-header.type16 .nav-sections nav.navigation ul li:hover {
    background-color: transparent;
  }
  header.page-header.type16 .nav-sections nav.navigation ul li:hover > a > span {
    color: #54c616;
  }
  header.page-header.type16 .nav-sections nav.navigation .submenu.opened {
    background-color: transparent;
  }
  header.page-header.type16 .nav-sections nav.navigation .submenu.opened .subchildmenu > .row {
    display: none;
  }
  header.page-header.type16 .nav-sections nav.navigation .submenu.opened .subchildmenu li a {
    padding: 5px 0;
  }
  header.page-header.type16 .nav-sections nav.navigation .submenu.opened .subchildmenu li a:before {
    display: none;
  }
  header.page-header.type16 .nav-sections nav.navigation .submenu.opened .subchildmenu li a span {
    font-size: 14px;
  }
  header.page-header.type16 .nav-sections nav.navigation a.logo {
    width: 100%;
    max-width: 100%;
    background: #000;
    display: block;
  }
  header.page-header.type16 .nav-sections nav.navigation a.logo img {
    margin: 0 auto;
  }
}
header.page-header.type16 .menu_featured .products .product-item .product-item-details .product-item-name {
  height: auto;
  padding: 0;
}
header.page-header.type16 .menu_featured .products .product-item .product-item-details .product-item-name a {
  color: #fff;
  font-size: 1.5rem !important;
}
header.page-header.type16 .block-minicart .minicart-items .product-item:last-child {
  border-bottom: 1px solid #eee;
}
@media only screen and (min-width: 992px) {
  header.page-header.type16 .minicart-wrapper.active {
    max-width: 58px;
  }
}
header.page-header.type16 .minicart-wrapper a.action.showcart {
  color: #fff;
}
header.page-header.type16 .minicart-wrapper a.action.showcart:before {
  color: #fff;
}
header.page-header.type16 .nav-toggle {
  width: 44px;
  height: 30px;
  margin: 0 auto 0 15px;
  background: linear-gradient(to bottom, #fff 0, #fff 18%, transparent 18%, transparent 42%, #fff 42%, #fff 58%, transparent 58%, transparent 82%, #fff 82%, #fff 100%);
}
header.page-header.type16 .nav-toggle:before {
  display: none;
}
@media only screen and (max-width: 767px) {
  header.page-header.type16 .header.content {
    padding: 0;
    margin: 0;
    flex-wrap: wrap;
  }
  header.page-header.type16 .header.content .custom-block {
    display: none;
  }
  header.page-header.type16 .header.content .namburger {
    order: 3;
  }
  header.page-header.type16 .header.content .logo {
    order: 2;
  }
  header.page-header.type16 .header.content .minicart-wrapper {
    order: 3;
  }
  header.page-header.type16 .header.content .block-search {
    order: 4;
  }
  header.page-header.type16 .logo {
    height: 75px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  header.page-header.type16 .logo img {
    padding: 0;
  }
  header.page-header.type16 .minicart-wrapper {
    margin: 0 15px 0 auto;
  }
}
body.page-layout-2columns-left .column.main {
  width: 100%;
}
@media only screen and (min-width: 886px) {
  body.page-layout-2columns-left .column.main {
    width: 75%;
  }
}
body.page-layout-2columns-left .sidebar-main {
  width: 100%;
}
@media only screen and (min-width: 886px) {
  body.page-layout-2columns-left .sidebar-main {
    width: 25%;
  }
}
footer.page-footer .footer .footer-middle {
  border-bottom: 1px solid #fff;
}
footer.page-footer .footer .footer-top #instagram ul {
  max-height: none;
}
footer.page-footer .footer .footer-top #instagram ul li a img {
  max-height: 12.5vw;
}
footer.page-footer .footer .block .block-title strong {
  color: #54c616;
}
footer.page-footer .footer .block .block-content,
footer.page-footer .footer .block .content,
footer.page-footer .footer .block .block-content p,
footer.page-footer .footer .block .content p,
footer.page-footer .footer .block .block-content a,
footer.page-footer .footer .block .content a {
  color: #fff;
}
footer.page-footer .footer .block .block-content address,
footer.page-footer .footer .block .content address {
  margin: 0;
}
footer.page-footer .footer .block.information .block-content,
footer.page-footer .footer .block.information .content {
  text-transform: uppercase;
  font-weight: 700;
}
footer.page-footer .footer .block.newsletter label {
  display: none;
}
footer.page-footer .footer .block.newsletter .action.subscribe {
  background: #54c616;
  border: none;
}
main#maincontent .sidebar.sidebar-main {
  background: #464646;
}
@media only screen and (max-width: 767px) {
  main#maincontent .sidebar.sidebar-main {
    padding-right: 2%;
  }
}
main#maincontent .sidebar.sidebar-main:before {
  content: '';
  display: block;
  content: 'FILTER';
  border: none;
  color: #fff;
  border-bottom: 1px solid #54c616;
  position: static;
  margin: 0 20px 10px;
  width: calc(100% - 20px);
  padding: 10px 0 0;
  font-weight: 400;
  font-size: 18px;
}
main#maincontent .sidebar.sidebar-main .block-title,
main#maincontent .sidebar.sidebar-main .filter-options-title,
main#maincontent .sidebar.sidebar-main .filter .filter-current-subtitle,
main#maincontent .sidebar.sidebar-main .sidebar-title {
  color: #fff;
  padding-right: 0;
  padding-top: 0;
}
main#maincontent .sidebar.sidebar-main .block-title strong,
main#maincontent .sidebar.sidebar-main .filter-options-title,
main#maincontent .sidebar.sidebar-main .filter .filter-current-subtitle,
main#maincontent .sidebar.sidebar-main .sidebar-title {
  background: #54c616;
  display: block;
  padding: 0.5em;
  border: none;
}
main#maincontent .sidebar.sidebar-main .filter-options-title,
main#maincontent .sidebar.sidebar-main .filter .filter-current-subtitle,
main#maincontent .sidebar.sidebar-main .sidebar-title {
  margin-left: 20px;
}
main#maincontent .sidebar.sidebar-main .filter-options-title:after {
  margin-top: -13px;
  background: transparent;
  color: #fff;
}
main#maincontent .sidebar.sidebar-main .owl-controls {
  top: -48px;
  right: -18px;
}
main#maincontent .sidebar.sidebar-main .owl-controls .porto-icon-right-open-huge:before,
main#maincontent .sidebar.sidebar-main .owl-controls .porto-icon-left-open-huge:before {
  color: #fff;
}
main#maincontent .sidebar.sidebar-main .block-content {
  border: none;
}
main#maincontent .sidebar.sidebar-main .block-content,
main#maincontent .sidebar.sidebar-main .block-content p,
main#maincontent .sidebar.sidebar-main .block-content a {
  color: #fff !important;
}
main#maincontent .sidebar.sidebar-main .block-content a {
  transition: 0.3s;
}
main#maincontent .sidebar.sidebar-main .block-content a:hover {
  text-decoration: none;
  color: #54c616 !important;
}
main#maincontent .sidebar.sidebar-main .filter-options-content {
  border: none;
}
main#maincontent .sidebar.sidebar-main .filter-options-content .count {
  color: #54c616;
}
main#maincontent .sidebar.sidebar-main .filter-options-content #ln_price_slider.ui-slider-horizontal {
  background: #54c616;
}
main#maincontent .sidebar.sidebar-main .filter-options-content #ln_price_slider.ui-slider-horizontal a {
  background-color: #fff;
}
main#maincontent .sidebar.sidebar-main .sidebar-filterproducts {
  border: none;
}
main#maincontent .sidebar.sidebar-main .sidebar-filterproducts .products-grid .product-item .product-item-info {
  background: transparent;
}
main#maincontent .sidebar.sidebar-main .sidebar-filterproducts .products-grid .product-item .product-item-info .product-item-details .price-box .price,
main#maincontent .sidebar.sidebar-main .sidebar-filterproducts .products-grid .product-item .product-item-info .product-item-details .product-item-name a {
  color: #fff;
}
main#maincontent .sidebar.sidebar-main .filter-content .filter-value {
  color: #fff;
}
main#maincontent .sidebar.sidebar-main .filter-content .filter-value + .action.remove:before {
  color: #fff;
}
main#maincontent .sidebar.sidebar-main .filter-actions {
  border: none;
}
@media only screen and (max-width: 767px) {
  main#maincontent .sidebar.sidebar-main .block-content.filter-content .filter-current {
    border: none;
    margin: 0 0 0 20px;
  }
  main#maincontent .sidebar.sidebar-main .block-content.filter-content .filter-current strong {
    margin: 0;
  }
  main#maincontent .sidebar.sidebar-main .block-content.filter-content .filter-current strong:before {
    font-size: 22px;
    font-weight: bold;
    top: 8px;
  }
  main#maincontent .sidebar.sidebar-main .block-content.filter-content .filter-current strong:after {
    color: #464646;
    position: relative;
    top: -1px;
  }
  main#maincontent .sidebar.sidebar-main .block-content.filter-content .filter-current ol li {
    padding-left: 0;
  }
  main#maincontent .sidebar.sidebar-main .block-content.filter-content .filter-current ol li .action.remove {
    right: 0;
  }
  main#maincontent .sidebar.sidebar-main .block-content.filter-content .filter-current ol li .action.remove:before {
    font-size: 16px;
  }
}
main#maincontent .sidebar.sidebar-main #layered-filter-block.active .block-title {
  background: #464646;
  margin: 0;
  padding: 0;
  height: 60px;
}
main#maincontent .sidebar.sidebar-main #layered-filter-block.active .block-title strong {
  color: #fff;
  font-weight: bold;
  min-width: 180px;
  width: 100%;
  margin: 0;
  background: none;
  font-size: 20px;
  text-transform: uppercase;
}
main#maincontent .sidebar.sidebar-main #layered-filter-block.active .block-title strong:after {
  position: absolute;
  right: 20px;
  color: #fff;
  font-size: 20px;
}
main#maincontent .sidebar.sidebar-main #layered-filter-block.active .block-content .filter-options {
  background: #464646;
  padding: 0 20px;
}
main#maincontent .sidebar.sidebar-main #layered-filter-block.active .block-content .filter-options .filter-options-item .filter-options-title {
  margin: 0;
}
main#maincontent .sidebar.sidebar-main #layered-filter-block.active .block-content .filter-options .filter-options-item .filter-options-content {
  padding-left: 0;
  padding-right: 0;
}
@media only screen and (min-width: 886px) {
  #layer-product-list,
  .category-description,
  .category-image {
    margin-left: 20px;
  }
}
@media only screen and (max-width: 605px) {
  #maincontent .main .toolbar.toolbar-products .sorter label {
    display: none;
  }
}
._userinput,
html select {
  outline: none;
}
._userinput:not([disabled]):hover,
._userinput:not([disabled]):focus,
html select:not([disabled]):hover,
html select:not([disabled]):focus {
  box-shadow: 0 0 3px 1px rgba(84, 198, 22, 0.8);
}
ul.marked li:before {
  content: '';
  display: block;
  content: "\f82b  ";
  display: inline;
  font-family: 'porto-icons';
}
ul.marked.branded li:before {
  color: #54c616;
}
html button.action,
html button.action.primary,
html button.action:hover,
html button.action.primary:hover,
html button.action:focus,
html button.action.primary:focus {
  background-color: #54c616;
}
html select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
html select::-ms-expand {
  /* for IE 11 */
  display: none;
}
html select.limiter-options option {
  border: 1px solid #54c616;
  outline: none;
  color: #54c616;
}
html .action.primary,
html .action.primary:hover,
html .modes-mode.active,
html .modes-mode:hover,
html .pages strong.page,
html .pages .action:hover,
html .pages a.page:hover,
html .fotorama__nav .fotorama__thumb-border,
html button:hover,
html .action.primary:focus,
html .action.primary:active,
html .products-grid .product-item-info:hover .product-item-details .product-item-actions .tocart,
html .products-grid.products.grid.flex-grid .product-item-details .product-item-actions .tocart,
html .filter-toggle.active,
html i.ajax-loader,
html .swatch-option.selected,
html .swatch-option.image:not(.disabled):hover,
html .swatch-option.color:not(.disabled):hover,
html .swatch-option:not(.disabled):hover {
  border-color: #54c616;
}
button.tocart,
#product-addtocart-button,
.products-grid .product-item-details .product-item-actions .tocart,
.products-list .product-item-details .product-item-actions .tocart {
  background-color: #54c616 !important;
  color: #fff;
  border: none;
  transition: all 0.4s ease;
  width: 100%;
  max-width: 220px;
  border-radius: 5px;
  height: 45px;
  font-weight: bold;
  font-size: 15px;
  background-image: url('../images/add_to_cart.png');
  background-position: 15px;
  background-size: 25px;
  background-repeat: no-repeat;
}
button.tocart.disabled,
#product-addtocart-button.disabled,
.products-grid .product-item-details .product-item-actions .tocart.disabled,
.products-list .product-item-details .product-item-actions .tocart.disabled {
  background-image: none;
}
button.tocart::before,
#product-addtocart-button::before,
.products-grid .product-item-details .product-item-actions .tocart::before,
.products-list .product-item-details .product-item-actions .tocart::before {
  display: none;
}
button.tocart:hover,
#product-addtocart-button:hover,
.products-grid .product-item-details .product-item-actions .tocart:hover,
.products-list .product-item-details .product-item-actions .tocart:hover {
  background-color: #419811 !important;
}
.product-labels .product-label {
  min-width: 40px;
  height: 40px;
  border-radius: 15px !important;
  box-shadow: 0 2px 13px 2px rgba(0, 0, 0, 0.17);
  font-weight: bold;
  font-size: 14px;
  margin: 0;
  padding: 12px 5px;
}
.product-labels .product-label.sale-label {
  background-color: #ff1759;
}
.product-labels .product-label.pant-label {
  background-color: #9b9b9b;
}
html .theme-border-color {
  border-color: #54c616 !important;
}
html a,
html a:hover,
html .page-header a,
html .page-header a:hover,
html .page-header .panel.header .header.links > li > a,
html .minicart-wrapper .action.showcart:before,
html .minicart-wrapper .action.showcart.active:before,
html .owl-theme .owl-controls .owl-nav [class*=owl-],
html .recent-posts .post-date .day,
html .minicart-wrapper .action.showcart:hover:before,
html .minicart-wrapper .action.showcart:active:before,
html .minicart-wrapper .action.showcart.active:before,
html .minicart-wrapper .action.showcart.active:hover:before,
html .sorter-action:before,
html .pages a.page,
html .pages a.page,
html .sorter-action:hover:before,
html .product-options-bottom .price-box .price-container .price,
html .product-info-price .price-box .price-container .price,
html .product-info-main .product-info-price .price-wrapper .price,
html .product.data.items > .item.title.active > .switch,
html .product.data.items > .item.title.active > .switch:focus,
html .product.data.items > .item.title.active > .switch:hover,
html .minicart-items .action.edit:before,
html .minicart-items .action.delete:before,
html .page-main > .page-title-wrapper .page-title,
html .cart.table-wrapper .product-item-name > a,
html .cart.table-wrapper .product-item-name > a:hover,
html .cart.table-wrapper .col.subtotal .price,
html .cart.table-wrapper .actions-toolbar > .action-edit:hover:before,
html .cart.table-wrapper .actions-toolbar > .action-delete:hover:before,
html .cart.table-wrapper .actions-toolbar > .action-edit:before,
html .cart.table-wrapper .actions-toolbar > .action-delete:before,
html .paypal-review-discount .block > .title strong,
html .cart-discount .block > .title strong,
html .minicart-items .action.edit:hover:before,
html .minicart-items .action.delete:hover:before,
html .authentication-wrapper button.action-auth-toggle,
html .modal-custom .action-close:before,
html .modal-popup .action-close:before,
html .modal-slide .action-close:before,
html .abs-action-button-as-link:hover,
html .abs-action-remove:hover,
html .abs-discount-block .action.check:hover,
html .popup .actions-toolbar .action.cancel:hover,
html .paypal-button-widget .paypal-button:hover,
html .bundle-options-container .action.back:hover,
html .block.related .action.select:hover,
html .cart.table-wrapper .actions-toolbar > .action-delete:hover,
html .cart.table-wrapper .action.help.map:hover,
html .checkout-index-index .modal-popup .modal-footer .action-hide-popup:hover,
html .opc-wrapper .edit-address-link:hover,
html .opc-block-shipping-information .shipping-information-title .action-edit:hover,
html .action-auth-toggle:hover,
html .checkout-payment-method .payment-method-billing-address .action-cancel:hover,
html .checkout-payment-method .payment-method-billing-address .billing-address-details .action-edit-address:hover,
html .checkout-agreements-block .action-show:hover,
html .gift-options .actions-toolbar .action-cancel:hover,
html .gift-summary .action-edit:hover,
html .gift-summary .action-delete:hover,
html .gift-wrapping-title .action-remove:hover,
html .wishlist.split.button > .action:hover,
html .abs-add-fields .action.remove:hover,
html .paypal-review-discount .action.check:hover,
html .cart-discount .action.check:hover,
html .form-giftregistry-share .action.remove:hover,
html .form-giftregistry-edit .action.remove:hover,
html .form-add-invitations .action.remove:hover,
html .form-create-return .action.remove:hover,
html .form.send.friend .action.remove:hover,
html .opc-progress-bar-item._complete > span,
html .checkout-payment-method .payment-option-title .action-toggle,
html .checkout-payment-method .payment-option-title .action-toggle:after,
html .opc-block-shipping-information .shipping-information-title .action-edit:before,
html .opc-block-shipping-information .shipping-information-title .action-edit:hover:before,
html .block-collapsible-nav .item.current a,
html .block-collapsible-nav .item.current strong,
html .block-collapsible-nav .item a:hover,
html .block-collapsible-nav .item a:active,
html .block-collapsible-nav .item a:focus,
html .magento-rma-returns-returns .page-main .page-title-wrapper .page-title,
html .magento-rma-returns-view .page-main .page-title-wrapper .page-title,
html .magento-rma-guest-returns .page-main .page-title-wrapper .page-title,
html .account .page-main .page-title-wrapper .page-title,
html [class^="sales-guest-"] .page-main .page-title-wrapper .page-title,
html .sales-guest-view .page-main .page-title-wrapper .page-title,
html .magento-rma-guest-returns .page-main .page-title-wrapper .page-title,
html .fieldset > .legend,
html p .alternative-font,
html .entry-content h3,
html .history h4,
html .nav-toggle:before,
html .block-search .label:before,
html .nav-toggle:hover:before,
html .block-search .label:hover:before,
html .fotorama .fotorama-sprite,
html .fotorama__fullscreen .fotorama .fotorama__zoom-out,
html .fotorama__fullscreen .fotorama .fotorama__zoom-in,
html .fotorama .fotorama__arr .fotorama__arr__arr,
html .fotorama .fotorama__fullscreen-icon,
html .fotorama .fotorama__thumb__arr,
html .page-header.type5 .search-area > a,
html .page-header.type5 .search-area > a:hover,
html .page-header.type5 .minicart-wrapper .action.showcart:before,
html .page-header.type5 .minicart-wrapper .action.showcart.active:before,
html .page-header.type5 .minicart-wrapper .action.showcart .counter.qty,
html .page-header.type5 .block-search .action.search:before,
html .block-search .action.search:before,
html .filterproducts-tab .data.items > .item.title[aria-expanded=true] a.switch,
html .page-header.type7 .minicart-wrapper .action.showcart .counter.qty,
html .qty.field .qty-changer > a:hover,
html .post-holder .post-date .day,
html .widget.block-recent-posts ul li a,
html .post-list .post-content .post-read-more,
html .post-header .post-title a,
html a:visited,
html .alink:visited,
html a:active,
html .alink:active,
html .block-category-event > div.event-desc,
html .block-category-event .event-ticker .dates > div > span.desc,
html #ln_price_slider .ui-slider-handle,
html .table.grouped .price-box .price,
html .abs-action-remove,
html .abs-discount-block .action.check,
html .popup .actions-toolbar .action.cancel,
html .paypal-button-widget .paypal-button,
html .bundle-options-container .action.back,
html .block.related .action.select,
html .cart.table-wrapper .actions-toolbar > .action-delete,
html .cart.table-wrapper .action.help.map,
html .checkout-index-index .modal-popup .modal-footer .action-hide-popup,
html .opc-wrapper .edit-address-link,
html .opc-block-shipping-information .shipping-information-title .action-edit,
html .action-auth-toggle,
html .checkout-payment-method .payment-method-billing-address .action-cancel,
html .checkout-payment-method .payment-method-billing-address .billing-address-details .action-edit-address,
html .checkout-agreements-block .action-show,
html .gift-options .actions-toolbar .action-cancel,
html .gift-summary .action-edit,
html .gift-summary .action-delete,
html .gift-wrapping-title .action-remove,
html .wishlist.split.button > .action,
html .abs-add-fields .action.remove,
html .paypal-review-discount .action.check,
html .cart-discount .action.check,
html .form-giftregistry-share .action.remove,
html .form-giftregistry-edit .action.remove,
html .form-add-invitations .action.remove,
html .form-create-return .action.remove,
html .form.send.friend .action.remove,
html .minicart-items .product-item-name a {
  color: #54c616;
}
html .minicart-wrapper .block-minicart:before,
html .prev-next-products .product-nav .product-pop:before,
html .iwd-one-page-checkout-sidebar .iwd-opc-block-summary:before,
html .block-header-customer-login:before {
  border-bottom-color: #54c616;
}
.products.products-grid .product-item .product-item-info:hover .weltpixel-quickview.weltpixel_quickview_button_v2 {
  background-color: #54c616;
  left: 0;
  right: auto;
}
.products.products-grid .product-item .product-item-details .brand-category {
  margin-bottom: 5px;
}
.products.products-grid .product-item .product-item-details .brand-category .link {
  font-weight: bold;
  display: block;
  width: 100%;
  font-size: 14px;
  text-decoration: none;
  color: #9b9b9b;
}
.products.products-grid .product-item .product-item-details .product-item-name {
  width: 100%;
  height: 50px;
  display: block;
  display: -webkit-box;
  margin: 0 auto;
  padding: 0 10px;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.products.products-grid .product-item .product-item-details .product-item-description {
  margin: 0;
  padding: 0 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  width: 100%;
}
.products.products-grid .product-item .product-item-details .product-item-name,
.products.products-list .product-item .product-item-details .product-item-name {
  font-family: Exo, sans-serif;
  text-transform: uppercase;
}
.products.products-grid .product-item .product-item-details .product-item-name a,
.products.products-list .product-item .product-item-details .product-item-name a {
  color: #3f3f3f;
  font-size: 1.8rem !important;
  font-weight: 700;
}
.products.products-grid .product-item .product-item-details .product-item-name a:hover,
.products.products-list .product-item .product-item-details .product-item-name a:hover {
  color: #000;
  text-decoration: none;
}
.products.products-grid .product-item .product-item-details .product-item-description,
.products.products-list .product-item .product-item-details .product-item-description {
  font-size: 1.4rem;
  color: #9b9b9b;
}
.products.products-grid .product-item .product-item-details .price-box,
.products.products-list .product-item .product-item-details .price-box {
  display: -moz-box;
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -webkit-box-flex-direction: row;
  -moz-box-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  -webkit-box-pack: center;
  -webkit-box-align: center;
}
.products.products-grid .product-item .product-item-details .price-box .old-price,
.products.products-list .product-item .product-item-details .price-box .old-price {
  -webkit-order: 2;
  order: 2;
}
.products.products-grid .product-item .product-item-details .price-box .old-price .price,
.products.products-list .product-item .product-item-details .price-box .old-price .price {
  font-size: 1.5rem;
  margin-left: 10px;
}
.products.products-grid .product-item .product-item-details .price-box .special-price,
.products.products-list .product-item .product-item-details .price-box .special-price {
  -webkit-order: 1;
  order: 1;
  margin-right: 10px;
}
.products.products-grid .product-item .product-item-details .price-box .price,
.products.products-list .product-item .product-item-details .price-box .price {
  color: #000;
  font-family: Exo, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 2.4rem;
}
.products.products-grid .product-item .product-item-details .product-item-inner,
.products.products-list .product-item .product-item-details .product-item-inner {
  margin: 0;
}
.products.products-grid .product-item .product-item-details .product-item-inner .product-item-actions,
.products.products-list .product-item .product-item-details .product-item-inner .product-item-actions {
  margin: 0;
}
.products.products-grid .product-item .product-item-details .product-item-inner .product-item-actions .actions-primary,
.products.products-list .product-item .product-item-details .product-item-inner .product-item-actions .actions-primary {
  width: 90%;
}
@media only screen and (max-width: 605px) {
  .products.products-grid .product-item .product-item-details .product-item-inner .product-item-actions .actions-primary .tocart,
  .products.products-list .product-item .product-item-details .product-item-inner .product-item-actions .actions-primary .tocart {
    background-image: none;
  }
}
.products.products-list .product-item .product-item-details .price-box {
  justify-content: left;
}
.sidebar .products .product-item .product-item-details .product-item-name {
  height: auto;
  padding: 0;
}
.sidebar .products .product-item .product-item-details .product-item-name a {
  font-size: 1.2rem !important;
  color: #fff;
}
.sidebar .products .product-item .product-item-details .price-box {
  justify-content: left;
}
.sidebar .products .product-item .product-item-details .price-box .price {
  font-size: 1.9rem;
}
.sidebar .related .products .product-item .product-item-details .product-item-name .product-item-link {
  color: #000;
}
.message.global.cookie {
  background-color: #333333;
  color: #fff;
  font-family: Exo, sans-serif;
  font-weight: bold;
  z-index: 10;
  text-align: center;
  font-size: 1.4rem;
}
.message.global.cookie a {
  text-decoration: underline;
  color: #fff;
}
.message.global.cookie a:hover {
  color: #fff;
}
.message.global.cookie button {
  font-family: Exo, sans-serif;
  font-size: 1.5rem;
  font-weight: bold;
  margin-left: 20px;
}
@media only screen and (max-width: 639px) {
  .message.global.cookie button {
    margin: 15px 44% 0 44%;
  }
}
body.catalog-product-view .product.media {
  position: relative;
}
body.catalog-product-view .product.media .fotorama .fotorama__fullscreen-icon,
body.catalog-product-view .product.media .fotorama .fotorama__arr .fotorama__arr__arr,
body.catalog-product-view .product.media .fotorama__thumb-border {
  border-color: #54c616;
  color: #54c616;
}
body.catalog-product-view .product.media .product-labels {
  z-index: 1;
  margin-right: 15px;
}
body.catalog-product-view .product.media .fotorama__fullscreen-icon {
  display: none;
}
body.catalog-product-view .product-info-main .price-box {
  display: -moz-box;
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -webkit-box-flex-direction: row;
  -moz-box-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  padding-bottom: 0;
  margin: 0 0 10px 0;
}
body.catalog-product-view .product-info-main .price-box .old-price {
  -webkit-order: 2;
  order: 2;
}
body.catalog-product-view .product-info-main .price-box .old-price .price {
  font-size: 1.5rem;
  font-weight: bold;
  position: relative;
  left: 10px;
}
@media only screen and (max-width: 767px) {
  body.catalog-product-view .product-info-main .price-box .old-price .price {
    top: -5px;
  }
}
body.catalog-product-view .product-info-main .price-box .special-price {
  -webkit-order: 1;
  order: 1;
  margin-right: 10px;
}
body.catalog-product-view .product-info-main .price-box .price {
  color: #000;
  font-family: Exo, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 2.4rem;
}
body.catalog-product-view .product-info-main .product-info-stock-sku {
  padding-bottom: 20px;
}
body.catalog-product-view .product-info-main .pant-price-info {
  display: table-row;
  text-transform: uppercase;
  font-weight: bold;
}
body.catalog-product-view .product-info-main .pant-price-info p {
  position: relative;
  top: -12px;
  margin: 0;
}
@media only screen and (max-width: 639px) {
  body.catalog-product-view .product-info-main .pant-price-info p {
    margin-left: 10px;
  }
}
body.catalog-product-view .product-info-main .page-title {
  margin-bottom: 5px;
}
body.catalog-product-view .product-info-main .brand-category .link {
  font-weight: bold;
  display: block;
  width: 100%;
  font-size: 20px;
  text-decoration: none;
  color: #9b9b9b;
}
body.catalog-product-view .product-info-main .product-reviews-summary:hover {
  cursor: pointer;
}
body.catalog-product-view .product-info-main .product-reviews-summary .reviews-actions {
  line-height: 20px;
  font-size: 14px;
  color: #bdbdbd;
}
body.catalog-product-view .product-info-main .box-tocart .actions #product-addtocart-button {
  width: 250px;
}
body.catalog-product-view .product-info-main .box-tocart .moved-add-to-links {
  vertical-align: top;
}
body.catalog-product-view .sidebar .custom-block-1 > div i {
  color: #54c616;
}
body.catalog-product-view .product.info.detailed .product.data.items > .item.title.active > .switch,
body.catalog-product-view .product.info.detailed .product.data.items > .item.title.active > .switch:hover,
body.catalog-product-view .product.info.detailed .product.data.items > .item.title.active > .switch:focus {
  border-bottom-color: #54c616;
}
body.catalog-product-view .product.info.detailed .product.data.items .fieldset legend {
  color: #54c616;
}
@media only screen and (min-width: 992px) {
  body.cms-page-view.page-layout-1column #maincontent {
    padding: 0 200px 125px;
    max-width: 100%;
  }
}
body.cms-page-view #maincontent {
  color: #000;
  font-size: 19px;
}
body.cms-page-view #maincontent h1 {
  font-size: 30px;
  text-align: center;
  font-weight: bold;
  margin: 10px 0 0 0;
  text-transform: uppercase;
}
body.cms-page-view #maincontent h2 {
  color: #54c616;
  text-align: center;
  font-weight: bold;
  margin: 10px 0;
  font-size: 20px;
}
body.cms-page-view #maincontent .block {
  margin-bottom: 0;
  margin-top: 35px;
}
body.contact-index-index #maincontent {
  color: #000;
}
body.contact-index-index #maincontent .messages .message {
  background: transparent;
  color: #000;
}
body.contact-index-index #maincontent .messages .message div:before {
  top: 20px;
}
body.contact-index-index #maincontent h1 {
  text-align: center;
  font-weight: bold;
  font-size: 30px;
  text-transform: uppercase;
}
body.contact-index-index #maincontent .contact-info {
  font-size: 14px;
}
@media only screen and (min-width: 992px) {
  body.contact-index-index #maincontent .contact-info {
    padding-right: 50px;
  }
}
body.contact-index-index #maincontent .contact-info .contact-logo {
  max-width: 400px;
  margin: 0 auto;
}
body.contact-index-index #maincontent .contact-info ul,
body.contact-index-index #maincontent .contact-info li {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
body.contact-index-index #maincontent .wrap {
  border: 1px solid #ccc;
  border-radius: 5px;
}
@media only screen and (max-width: 767px) {
  body.contact-index-index #maincontent .wrap {
    margin-top: 30px;
  }
}
body.contact-index-index #maincontent .wrap form {
  padding: 18px 15px;
}
body.contact-index-index #maincontent .wrap form > fieldset {
  margin-bottom: 18px;
}
body.contact-index-index #maincontent .wrap form input,
body.contact-index-index #maincontent .wrap form select,
body.contact-index-index #maincontent .wrap form textarea {
  border: 1px solid #ccc;
  outline: 0;
  transition: border 0.4s ease;
  border-radius: 6px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
  font-weight: bold;
  color: #9b9b9b;
  font-size: 14px;
}
body.contact-index-index #maincontent .wrap form input:focus,
body.contact-index-index #maincontent .wrap form select:focus,
body.contact-index-index #maincontent .wrap form textarea:focus {
  border-color: #54c616;
}
body.contact-index-index #maincontent .wrap form input::placeholder,
body.contact-index-index #maincontent .wrap form select::placeholder,
body.contact-index-index #maincontent .wrap form textarea::placeholder {
  font-size: 14px;
  font-weight: bold;
  color: #9b9b9b;
}
body.contact-index-index #maincontent .wrap form input::-webkit-input-placeholder,
body.contact-index-index #maincontent .wrap form select::-webkit-input-placeholder,
body.contact-index-index #maincontent .wrap form textarea::-webkit-input-placeholder {
  font-weight: bold;
  color: #9b9b9b;
}
body.contact-index-index #maincontent .wrap form input::-moz-placeholder,
body.contact-index-index #maincontent .wrap form select::-moz-placeholder,
body.contact-index-index #maincontent .wrap form textarea::-moz-placeholder {
  font-weight: bold;
  color: #9b9b9b;
}
body.contact-index-index #maincontent .wrap form input:-ms-input-placeholder,
body.contact-index-index #maincontent .wrap form select:-ms-input-placeholder,
body.contact-index-index #maincontent .wrap form textarea:-ms-input-placeholder {
  font-weight: bold;
  color: #9b9b9b;
}
body.contact-index-index #maincontent .wrap form input:-moz-placeholder,
body.contact-index-index #maincontent .wrap form select:-moz-placeholder,
body.contact-index-index #maincontent .wrap form textarea:-moz-placeholder {
  font-weight: bold;
  color: #9b9b9b;
}
body.contact-index-index #maincontent .wrap form input,
body.contact-index-index #maincontent .wrap form select {
  height: 45px;
}
body.contact-index-index #maincontent .wrap form .telephone {
  margin-bottom: 15px;
}
body.contact-index-index #maincontent .wrap form .actions-toolbar {
  text-align: right;
}
body.contact-index-index #maincontent .wrap form .actions-toolbar .primary {
  float: none;
}
body.contact-index-index #maincontent .wrap form .actions-toolbar .primary button.submit {
  background-color: #54c616;
  font-weight: 700;
  padding: 17px;
  text-transform: uppercase;
  border-radius: 6px;
  justify-content: center;
  margin: 0;
  min-width: 200px;
  height: auto;
}
body.cms-index-index {
  /*.instagram {
  padding-top: 20px;
  background: @color-black;
  .filterproduct-title {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 35px;
    font-weight: 700;
    padding-bottom: 0;
  }
  .instagram-head__user {
    text-align: center;
  }
  .cp-fcontent {
    margin-top: 15px;
    text-align: center;
  }
  img {
    max-width: 200px;
  }
}*/
}
body.cms-index-index .instagram {
  padding-top: 20px;
  background: #000;
}
@media only screen and (max-width: 767px) {
  body.cms-index-index .instagram {
    border-top: 2px solid #000;
    padding-top: 20px;
  }
}
body.cms-index-index .instagram .filterproduct-title {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-size: 35px;
  font-weight: 700;
  padding-bottom: 0;
}
body.cms-index-index .instagram .instagram-head__user {
  text-align: center;
}
body.cms-index-index .instagram .cp-fcontent {
  margin-top: 15px;
  text-align: center;
  display: -webkit-flex;
  display: -khtml-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -khtml-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  -khtml-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  -khtml-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  -webkit-flex-wrap: wrap;
  -khtml-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
body.cms-index-index .instagram .cp-fcontent > * {
  width: 12.5%;
}
body.cms-index-index .instagram .cp-fcontent > * {
  flex: 1 1 12.5%;
}
@media only screen and (max-width: 991px) {
  body.cms-index-index .instagram .cp-fcontent {
    display: -webkit-flex;
    display: -khtml-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: row;
    -khtml-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    -khtml-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    -khtml-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    -khtml-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  body.cms-index-index .instagram .cp-fcontent > * {
    width: 25%;
  }
  body.cms-index-index .instagram .cp-fcontent > * {
    flex: 1 1 25%;
  }
}
@media only screen and (max-width: 605px) {
  body.cms-index-index .instagram .cp-fcontent {
    display: -webkit-flex;
    display: -khtml-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: row;
    -khtml-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    -khtml-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    -khtml-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    -khtml-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  body.cms-index-index .instagram .cp-fcontent > * {
    width: 50%;
  }
  body.cms-index-index .instagram .cp-fcontent > * {
    flex: 1 1 50%;
  }
}
body.cms-index-index .instagram .cp-fcontent .instangram-feed {
  overflow: hidden;
  height: 12.5vw;
}
@media only screen and (max-width: 991px) {
  body.cms-index-index .instagram .cp-fcontent .instangram-feed {
    height: 25vw;
  }
}
@media only screen and (max-width: 605px) {
  body.cms-index-index .instagram .cp-fcontent .instangram-feed {
    height: 50vw;
  }
}
body.cms-index-index .instagram .cp-fcontent .instangram-feed a {
  display: block;
  width: 100%;
  text-align: center;
}
body.cms-index-index .instagram .cp-fcontent .instangram-feed a img {
  width: 100%;
}
body[class^="blog"] .breadcrumbs {
  height: auto;
  border-bottom: 1px solid #ccc;
}
body[class^="blog"] #blog-slider,
body[class^="blog"] .blog-image {
  position: relative;
}
body[class^="blog"] #blog-slider .slide,
body[class^="blog"] .blog-image .slide {
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
  height: 660px;
}
@media only screen and (max-width: 767px) {
  body[class^="blog"] #blog-slider .slide,
  body[class^="blog"] .blog-image .slide {
    height: 400px;
  }
}
@media only screen and (max-width: 605px) {
  body[class^="blog"] #blog-slider .slide,
  body[class^="blog"] .blog-image .slide {
    height: 300px;
  }
}
body[class^="blog"] #blog-slider .slide .overlay,
body[class^="blog"] .blog-image .slide .overlay {
  background-color: rgba(0, 0, 0, 0.3);
}
body[class^="blog"] #blog-slider .slide .text,
body[class^="blog"] .blog-image .slide .text {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  max-width: 836px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
}
@media only screen and (max-width: 767px) {
  body[class^="blog"] #blog-slider .slide .text,
  body[class^="blog"] .blog-image .slide .text {
    margin-left: 10px;
    margin-right: 10px;
  }
}
body[class^="blog"] #blog-slider .slide .text .top,
body[class^="blog"] .blog-image .slide .text .top {
  margin-bottom: 12px;
  border-left: 4px solid #54c616;
  padding-left: 14px;
}
body[class^="blog"] #blog-slider .slide .text .top .date,
body[class^="blog"] .blog-image .slide .text .top .date {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}
body[class^="blog"] #blog-slider .slide .text .top .title,
body[class^="blog"] .blog-image .slide .text .top .title {
  font-size: 24px;
  font-weight: 400;
  margin: 10px 0 0;
}
body[class^="blog"] #blog-slider .slide .text .description,
body[class^="blog"] .blog-image .slide .text .description {
  display: block;
  font-size: 16px;
  margin-bottom: 20px;
  margin-left: 18px;
}
body[class^="blog"] #blog-slider .slide .text .description *,
body[class^="blog"] .blog-image .slide .text .description * {
  display: inline;
  font-size: 16px;
  margin: 0;
}
body[class^="blog"] #blog-slider .slide .text .read-more,
body[class^="blog"] .blog-image .slide .text .read-more {
  font-size: 16px;
  font-weight: 700;
  margin-left: 18px;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
}
body[class^="blog"] #blog-slider .slide .text .read-more:hover,
body[class^="blog"] .blog-image .slide .text .read-more:hover {
  color: #54c616;
}
body[class^="blog"] #blog-slider .slide .text .read-more i,
body[class^="blog"] .blog-image .slide .text .read-more i {
  font-size: 28px;
  margin-left: 10px;
  height: 44px;
  width: 44px;
  transition: all 0.25s ease;
  position: relative;
  top: 3px;
}
@media only screen and (max-width: 767px) {
  body[class^="blog"] #blog-slider .owl-controls,
  body[class^="blog"] .blog-image .owl-controls {
    display: none;
  }
}
body[class^="blog"] #maincontent {
  font-family: Exo, sans-serif;
}
@media only screen and (min-width: 768px) {
  body[class^="blog"] #maincontent {
    padding: 0;
    max-width: none;
  }
}
body[class^="blog"] #maincontent .page-title-wrapper {
  display: none;
}
body[class^="blog"] #maincontent .columns .main h4 {
  color: #000;
  font-family: Exo, sans-serif;
  font-size: 24px;
  padding: 24px 0;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  body[class^="blog"] #maincontent .columns .main h4 {
    padding-left: 76px;
  }
}
@media only screen and (min-width: 768px) {
  body[class^="blog"] #maincontent .columns .main .post-list-wrapper {
    padding: 0 14px 0 76px;
  }
}
body[class^="blog"] #maincontent .columns .main .post-list-wrapper .post-list.columns3 > .column {
  width: 32.6098%;
  padding-left: 28px;
  float: left;
  box-sizing: border-box;
}
body[class^="blog"] #maincontent .columns .main .post-list-wrapper .post-list.columns3 > .column:first-child {
  padding-left: 0;
}
@media only screen and (max-width: 1257px) {
  body[class^="blog"] #maincontent .columns .main .post-list-wrapper .post-list.columns3 > .column {
    width: 50%;
  }
}
@media only screen and (max-width: 605px) {
  body[class^="blog"] #maincontent .columns .main .post-list-wrapper .post-list.columns3 > .column {
    width: 100%;
  }
}
body[class^="blog"] #maincontent .columns .main .post-list-wrapper .post-list.columns3 > .column .post {
  position: relative;
  transition: all 0.25s ease;
  box-shadow: 0 5px 20px 2px rgba(0, 0, 0, 0.3);
  height: auto;
  margin-left: 0;
  margin-right: 0;
  width: auto;
  margin-bottom: 28px;
}
body[class^="blog"] #maincontent .columns .main .post-list-wrapper .post-list.columns3 > .column .post .link {
  height: auto;
  padding: 0;
  display: block;
}
body[class^="blog"] #maincontent .columns .main .post-list-wrapper .post-list.columns3 > .column .post .link img {
  min-height: 180px;
}
body[class^="blog"] #maincontent .columns .main .post-list-wrapper .post-list.columns3 > .column .post .link .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transition: all 0.25s ease;
  background-color: rgba(0, 0, 0, 0.3);
}
body[class^="blog"] #maincontent .columns .main .post-list-wrapper .post-list.columns3 > .column .post .link .text {
  margin-bottom: 24px;
  padding: 36px 14px 0;
  border-left: 1px solid #54c616;
  position: absolute;
  top: 0;
  left: 20px;
  width: calc(100% - 40px);
  color: #fff;
}
body[class^="blog"] #maincontent .columns .main .post-list-wrapper .post-list.columns3 > .column .post .link .text .date {
  text-transform: uppercase;
  font-size: 14px;
  display: block;
  margin-bottom: 14px;
  font-weight: bold;
}
body[class^="blog"] #maincontent .columns .main .post-list-wrapper .post-list.columns3 > .column .post .link .text .title {
  font-size: 18px;
  max-height: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
body[class^="blog"] #maincontent .columns .main .post-list-wrapper .post-list.columns3 > .column .post .link .read-more {
  color: #fff;
  font-size: 14px;
  position: absolute;
  bottom: 20px;
  right: 20px;
  padding: 0;
  line-height: 1;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  transition: all 0.25s ease;
}
body[class^="blog"] #maincontent .columns .main .post-list-wrapper .post-list.columns3 > .column .post .link .read-more i {
  font-size: 24px;
  transition: all 0.25s ease;
  position: relative;
  top: 4px;
}
body[class^="blog"] #maincontent .columns .main .post-list-wrapper .post-list.columns3 > .column .post:hover .overlay {
  background-color: rgba(0, 0, 0, 0.5);
}
body[class^="blog"] #maincontent .columns .main .post-list-wrapper .post-list.columns3 > .column .post:hover .read-more {
  color: #54c616;
}
body[class^="blog"] #maincontent .columns .main .post-view .post-holder {
  padding: 0;
  border: none;
}
@media only screen and (max-width: 767px) {
  body[class^="blog"] #maincontent .columns .main .post-view .post-holder {
    margin: 0;
  }
}
body[class^="blog"] #maincontent .columns .main .post-view .post-holder .post-bottom {
  display: none;
}
@media only screen and (min-width: 768px) {
  body[class^="blog"] #maincontent .columns .sidebar {
    border-left: #ccc 1px solid;
    padding-left: 0;
  }
}
body[class^="blog"] #maincontent .columns .sidebar .block {
  margin: 0;
  padding: 0;
}
body[class^="blog"] #maincontent .columns .sidebar .block .block-title {
  margin: 0;
  text-transform: uppercase;
  padding: 24px 20px;
}
body[class^="blog"] #maincontent .columns .sidebar .block .block-title strong {
  font-size: 24px;
}
body[class^="blog"] #maincontent .columns .sidebar .block ul {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  font-size: 18px;
  list-style: none;
}
body[class^="blog"] #maincontent .columns .sidebar .block ul li {
  margin: 0;
  padding: 0;
  border: none;
}
body[class^="blog"] #maincontent .columns .sidebar .block ul li a {
  color: #000;
  display: block;
  line-height: 46px;
  padding: 0 20px;
  transition: background-color 0.2s ease;
  text-decoration: none;
}
body[class^="blog"] #maincontent .columns .sidebar .block ul li a:before {
  display: none;
}
body[class^="blog"] #maincontent .columns .sidebar .block ul li a:hover {
  background-color: #ccc;
}
body[class^="blog"] #maincontent .columns .sidebar .block.block-recent-posts .block-content ul {
  border: none;
}
body[class^="blog"] #maincontent .columns .sidebar .block.block-recent-posts .block-content ul li {
  padding: 12px 20px;
}
@media only screen and (min-width: 992px) {
  body[class^="blog"] #maincontent .columns .sidebar .block.block-recent-posts .block-content ul li {
    display: -webkit-flex;
    display: -khtml-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: 'row';
    -khtml-flex-direction: 'row';
    -moz-flex-direction: 'row';
    -ms-flex-direction: 'row';
    flex-direction: 'row';
    -webkit-justify-content: flex-start;
    -khtml-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -khtml-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
  }
}
@media only screen and (max-width: 767px) {
  body[class^="blog"] #maincontent .columns .sidebar .block.block-recent-posts .block-content ul li {
    display: -webkit-flex;
    display: -khtml-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: 'row';
    -khtml-flex-direction: 'row';
    -moz-flex-direction: 'row';
    -ms-flex-direction: 'row';
    flex-direction: 'row';
    -webkit-justify-content: flex-start;
    -khtml-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -khtml-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
  }
}
body[class^="blog"] #maincontent .columns .sidebar .block.block-recent-posts .block-content ul li:first-child {
  padding-top: 0;
}
body[class^="blog"] #maincontent .columns .sidebar .block.block-recent-posts .block-content ul li * {
  font-size: 12px;
}
body[class^="blog"] #maincontent .columns .sidebar .block.block-recent-posts .block-content ul li .post-image {
  height: 120px;
  background-size: cover;
  background-position: 50%;
  text-decoration: none;
  padding: 0;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  body[class^="blog"] #maincontent .columns .sidebar .block.block-recent-posts .block-content ul li .post-image {
    width: 150px;
  }
}
@media only screen and (max-width: 767px) {
  body[class^="blog"] #maincontent .columns .sidebar .block.block-recent-posts .block-content ul li .post-image {
    width: 150px;
  }
}
@media only screen and (min-width: 992px) {
  body[class^="blog"] #maincontent .columns .sidebar .block.block-recent-posts .block-content ul li .content {
    padding: 10px 0 0 20px;
  }
}
@media only screen and (max-width: 767px) {
  body[class^="blog"] #maincontent .columns .sidebar .block.block-recent-posts .block-content ul li .content {
    padding: 10px 0 0 20px;
  }
}
body[class^="blog"] #maincontent .columns .sidebar .block.block-recent-posts .block-content ul li .content .post-time {
  color: #000;
  font-weight: bold;
}
body[class^="blog"] #maincontent .columns .sidebar .block.block-recent-posts .block-content ul li .content .description {
  color: #000;
  margin-top: 10px;
  margin-bottom: 15px;
  padding: 0;
}
body[class^="blog"] #maincontent .columns .sidebar .block.block-recent-posts .block-content ul li .content .read-more-link {
  padding: 0;
  line-height: 1;
  text-transform: uppercase;
  text-decoration: none;
  color: #54c616;
  font-weight: bold;
}
body[class^="blog"] #maincontent .columns .sidebar .block.block-recent-posts .block-content ul li .content .read-more-link:hover {
  background-color: transparent;
}
body.catalogsearch-result-index #maincontent .message.notice {
  padding-left: 20px;
  background: transparent;
  color: #000;
}
body.catalogsearch-result-index #maincontent .message.notice div:before {
  display: none;
}
body.checkout-klarna-success #maincontent {
  padding-bottom: 0;
}
body.checkout-klarna-success #maincontent .page-title-wrapper {
  display: none;
}
body.checkout-klarna-success #maincontent .columns .column.main {
  padding-bottom: 0;
}
body.checkout-klarna-success #maincontent .columns .column.main #registration {
  display: none;
}
body.checkout-klarna-success .page-bottom {
  border-top: 1px solid #ccc;
}
@media only screen and (min-width: 768px) {
  body.checkout-klarna-success .page-bottom {
    padding: 0;
  }
}
body.checkout-klarna-success .page-bottom .retailer_review {
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  body.checkout-klarna-success .page-bottom .retailer_review {
    max-width: 610px;
  }
}
body.checkout-klarna-success .page-bottom .retailer_review h3 {
  color: #000;
}
body.checkout-klarna-success .page-bottom .retailer_review ul {
  list-style: none;
  padding: 10px 0 0 0;
}
body.checkout-klarna-success .page-bottom .retailer_review ul li {
  width: 49.7%;
  display: inline-block;
  padding: 0 0 0 10px;
  text-align: right;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  body.checkout-klarna-success .page-bottom .retailer_review ul li {
    width: 48%;
  }
}
body.checkout-klarna-success .page-bottom .retailer_review ul li:first-child {
  text-align: left;
  padding: 0 10px 0 0;
}
body.checkout-klarna-index #maincontent .page-title-wrapper {
  display: none;
}
body.checkout-klarna-index #maincontent #opc-sidebar #opc-shipping_method {
  background: transparent;
  padding: 0 27px;
  border: 1px solid #ccc;
  border-radius: 8px;
  margin-bottom: 30px;
}
body.checkout-klarna-index #maincontent #opc-sidebar #opc-shipping_method .step-title {
  padding: 10px 0;
  font-weight: 300;
  font-size: 2.2rem;
}
body.checkout-klarna-index #maincontent #opc-sidebar #opc-shipping_method .step-content {
  border-top: 1px solid #ccc;
}
body.checkout-klarna-index #maincontent #opc-sidebar #opc-shipping_method .checkout-shipping-method table {
  min-width: 100%;
}
body.checkout-klarna-index #maincontent #opc-sidebar #opc-shipping_method .checkout-shipping-method table thead {
  display: none;
}
body.checkout-klarna-index #maincontent #opc-sidebar #opc-shipping_method .checkout-shipping-method table tbody tr td {
  padding-left: 5px;
  padding-right: 5px;
  text-align: right;
}
body.checkout-klarna-index #maincontent #opc-sidebar #opc-shipping_method .checkout-shipping-method table tbody tr td:last-child {
  padding-right: 0;
}
body.checkout-klarna-index #maincontent #opc-sidebar #opc-shipping_method .checkout-shipping-method table tbody tr td:first-child {
  padding-left: 0;
}
body.checkout-klarna-index #maincontent #opc-sidebar #opc-shipping_method .checkout-shipping-method table tbody tr td img {
  max-width: 90px;
}