/* Navbars */

@charset "UTF-8";

/*

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;
}

.animated-invisible
{
    opacity: 0;
}

.animated-visible
{
    opacity: 1;
}

.animated
{
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.hinge
{
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;
}

.animated-fast
{
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-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 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 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 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 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;
}

/* 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;
}

/* 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;
}

@-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-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 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 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 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 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 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 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;
    -o-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -o-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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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);
    opacity: 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);
    opacity: 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);
    opacity: 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);
    opacity: 1;
  }
}

.bounceIn
{
    -webkit-animation-name: bounceIn;
    -moz-animation-name: bounceIn;
    -o-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-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 bounceInDown{
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    -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% {
    opacity: 1;
    -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% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}

@keyframes bounceInDown{
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    transform: translateY(30px);
  }
  80% {
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    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 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 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 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 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 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 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 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 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 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 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 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 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 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 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;
}

/* 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;
}

/* originally authored by Angelo Rohit - https://github.com/angelorohit */

@-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;
}

.animated.lightSpeedIn
{
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
}

/* originally authored by Angelo Rohit - https://github.com/angelorohit */

@-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;
}

.animated.lightSpeedOut
{
    -webkit-animation-duration: 0.25s;
    -moz-animation-duration: 0.25s;
    -o-animation-duration: 0.25s;
    animation-duration: 0.25s;
}

/* originally authored by Angelo Rohit - https://github.com/angelorohit */

@-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;
}

.animated.wiggle
{
    -webkit-animation-duration: 0.75s;
    -moz-animation-duration: 0.75s;
    -o-animation-duration: 0.75s;
    animation-duration: 0.75s;
}

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

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

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

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

.text-nowrap
{
    white-space: nowrap;
}

.neko-remove-small-bs-styling
{
    font-size: inherit;
}

/** align centet inside cols **/

/** add a "v-align-center" class on container (used on page header) **/

.v-align-center.container
{
    padding-top: 24px;
    padding-bottom: 24px;
}

@media (min-width: 480px)
{
    .v-align-center.container
    {
        display: table;
        height: 100%;
        position: relative;
    }
    .v-align-center.container > .row
    {
        display: table-row;
        height: 100%;
        float: none;
    }
    .v-align-center.container > .row > div[class*='col-']
    {
        display: table-cell;
        vertical-align: middle;
        float: none;
    }
}

.block-center-slider
{
    margin: 0 auto;
    width: 90%;
}

@media (min-width: 1200px)
{
    .block-center-slider
    {
        width: 1200px;
    }
}

.v-align-translate
{
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.v-align-translate > div
{
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.neko-transition-in
{
    -webkit-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
}

.neko-transition-out
{
    -webkit-transition: all 1000ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 1000ms cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: all 1000ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 1000ms cubic-bezier(0.23, 1, 0.32, 1);
}

/* TYPOGRAPHY
================================================== */

body
{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased!important;
    -moz-osx-font-smoothing: grayscale!important;
}

/** headings **/

h1,
h2,
h3,
h4,
h5,
h6
{
    font-family: 'Roboto', sans-serif;
    line-height: 1.1;
}

h1,
.h1,
h2,
.h2,
h3,
.h3
{
    margin-top: 24px;
}

h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small
{
    font-size: 65%;
}

h4,
.h4,
h5,
.h5,
h6,
.h6
{
    margin-top: 12px;
}

h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small
{
    font-size: 75%;
}

h1
{
    font-size: 44px;
    font-weight: 100;
    text-transform: null;
    margin-top: 0;
    margin-bottom: 0.5em;
}

h2
{
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0.04em;
    margin-bottom: 0.5em;
}

h3
{
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 0.75em;
}


h4
{
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 0.75em;
}

h5
{
    font-size: 16px;
    font-weight: 700;
    text-transform: none;
    margin-bottom: 0.75em;
}

h6
{
    font-size: 14px;
    font-weight: 400;
    text-transform: none;
    margin-bottom: 0.75em;
}

h1.large,
.h1.large,
.page-header h1.large,
.cta-box-text h1.large,
.footer-widget h1.large,
span.large
{
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0.33em;
}

@media (min-width: 768px)
{
    h1.large,
  .h1.large,
  .page-header h1.large,
  .cta-box-text h1.large,
  .footer-widget h1.large,
  span.large
    {
        font-size: 33px;
    }
}

@media (min-width: 992px)
{
    h1.large,
  .h1.large,
  .page-header h1.large,
  .cta-box-text h1.large,
  .footer-widget h1.large,
  span.large
    {
        font-size: 58px;
    }
}

h1.x-large,
.h1.x-large,
.page-header h1.x-large,
.cta-box-text h1.x-large,
.footer-widget h1.x-large,
span.x-large
{
    font-size: 30px;
    letter-spacing: 0.05em;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 0.25em;
}

@media (min-width: 768px)
{
    h1.x-large,
  .h1.x-large,
  .page-header h1.x-large,
  .cta-box-text h1.x-large,
  .footer-widget h1.x-large,
  span.x-large
    {
        font-size: 40
            px;
    }
}

@media (min-width: 992px)
{
    h1.x-large,
  .h1.x-large,
  .page-header h1.x-large,
  .cta-box-text h1.x-large,
  .footer-widget h1.x-large,
  span.x-large
    {
        font-size: 61px;
    }
}

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

.lead
{
    font-weight: 700;
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
}

/* remove margin top for all first headings */

[class^="col"] h1:first-child,
[class^="col"] h2:first-child,
[class^="col"] h3:first-child,
[class^="col"] h4:first-child,
[class^="col"] h5:first-child,
[class^="col"] h6:first-child
{
    margin-top: 0;
}

p
{
    margin-bottom: 16px;
}

/** light text (legibility over image) **/

p.small
{
    font-size: 80%;
}

/** highlight **/

mark,
.mark
{
    padding: 0.1em 0.4em 0.2em;
}

/** links **/

a,
a:hover,
a:focus,
a:active
{
    outline: none;
}

/** link color neutral (used for block of text as link with body font color **/

a.box-link:hover
{
    text-decoration: none;
}

/** Blockquotes **/

blockquote
{
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
    position: relative;
    padding: 24px;
    font-weight: 400;
}

blockquote:before
{
    font-family: 'custom-icons';
    font-size: 24px;
    text-align: left;
    padding: 0;
    margin: 0;
    display: inline-block;
    line-height: 1em;
    content: '\e89e';
    position: absolute;
    left: 16px;
}

blockquote p
{
    margin-bottom: 0;
    margin-left: 24px;
}

blockquote footer
{
    margin-left: 24px;
}

blockquote cite
{
    display: inline-block;
    margin-top: 6px;
}

.blockquote-reverse
{
    padding: 24px;
    border-right-width: 1px;
    border-left: 1px solid transparent;
}

.blockquote-reverse p
{
    margin-right: 24px;
}

.blockquote-reverse:before
{
    content: '\e88b';
    text-align: right;
    left: auto;
    right: 16px;
}

.blockquote-reverse footer
{
    margin-right: 24px;
}

/* blockquote centered */

.text-center blockquote,
blockquote.text-center
{
    padding-top: 48px;
}

.text-center blockquote:before,
blockquote.text-center:before
{
    top: 24px;
    left: 50%;
    margin-left: -12px;
}

/** lists **/

ul li ul li:last-child,
ul li ol li:last-child
{
    border: none;
}

/** border list **/

ul.border li
{
    border-bottom: 1px solid;
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;
}

/** icon lists **/

.arrow li:before
{
    content: '\e8cc';
}

.star li:before
{
    content: '\e80a';
}

.hyphen li:before
{
    content: '\e822';
}

.plus li:before
{
    content: '\e81a';
}

/* standard */

.list-icon li
{
    padding: 5px;
}

.list-icon li:before,
li > i[class^="icon-"]:before,
li > i[class*=" icon-"]:before
{
    font-family: 'custom-icons';
    font-size: 12px;
    text-align: left;
    padding: 0;
    margin: 0;
    display: inline-block;
    margin-right: 10px;
    line-height: 1em;
}

/* icon rounded */

.list-icon.rounded li:before,
li > i[class^="icon-"].rounded:before,
li > i[class*=" icon-"].rounded:before
{
    height: 22px;
    width: 22px;
    line-height: 23px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    font-size: 8px;
}

/*target firefox only for better vertical align of icon*/

@-moz-document url-prefix(){
  .list-icon.rounded li:before,
  li > i[class^="icon-"].rounded:before,
  li > i[class*=" icon-"].rounded:before {
    line-height: 22px;
  }
}

/*target chrome only for better horizontal align of icon*/

/* TABLES
================================================== */

/*** Bootstrap default customization ***/

.table > thead > tr > th,
.table > thead > tr > th
{
    border: none;
}

.table
{
    margin-bottom: 24px;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td
{
    padding: 14px;
}

@media (max-width: 768px)
{
    .table > thead > tr > th,
  .table > tbody > tr > th,
  .table > tfoot > tr > th,
  .table > thead > tr > td,
  .table > tbody > tr > td,
  .table > tfoot > tr > td
    {
        padding: 8px;
    }
    .table
    {
        font-size: 14px;
    }
}

.table,
.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td
{
    border-top: 0;
    border-bottom: 1px solid transparent;
}

.table-responsive table tr td,
.table-responsive table tr td
{
    white-space: normal!important;
}

@media (max-width: 768px)
{
    .table-responsive
    {
        margin-bottom: 60px;
    }
}

@media (max-width: 768px) and (min-width: 768px)
{
    .table-responsive
    {
        margin-bottom: 120px;
    }
}

.table-bordered
{
    border: 1px solid transparent;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td
{
    border: 1px solid transparent;
}

/* FORMS
================================================== */

.form-control
{
    padding: 6px 10px;
    height: 40px;
    font-size: 16px;
}

.form-control.input-sm,
.form-control.small
{
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    padding: inherit;
}

.form-control:focus
{
    outline: none;
    -webkit-box-shadow: none;
    border-width: 1px;
}

.form-group
{
    position: relative;
}

.form-control-feedback
{
    top: 31px;
}

.securityCheck .form-control-feedback
{
    top: 52px;
}

.icon-error:before
{
    content: '\e864';
}

.result {
  margin-top: 24px;
  margin-top: 44px;
}

/* fix fo btn height in unput group */

.input-group:not(.input-group-lg) .input-group-btn .btn
{
    height: 40px;
}

.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn
{
    border-radius: 0;
}

/** form-minimal **/

.form-minimal .form-line
{
    content: ' ';
    display: block;
    width: 0%;
    height: 2px;
    position: absolute;
    bottom: -1px;
    left: 0;
    -webkit-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
}

.form-minimal .form-control
{
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    padding-left: 0;
}

.form-minimal .form-control:focus ~ .form-line
{
    width: 100%;
}

.form-minimal .has-error .form-control:focus ~ .form-line
{
    width: 0%;
}

/* END FORMS
================================================== */

.btn
{
    font-weight: bold;
    text-transform: uppercase;
    border: 1px solid transparent;
    -webkit-transition: all 1000ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 1000ms cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: all 1000ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 1000ms cubic-bezier(0.23, 1, 0.32, 1);
    padding: 13px 22px;
    font-size: 12px;
    line-height: 1.33;
    border-radius: 0;
}

@media (max-width: 767px)
{
    .btn
    {
        white-space: normal;
    }
}

.btn:hover
{
    -webkit-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
}

.btn:active,
.btn.active,
.btn:focus
{
    outline: none;
    box-shadow: none;
}

.btn-lg,
.btn.large {
  font-size: 20px;
  padding: 23px 45px;
  font-size: 16px;
  line-height: 1.33;
  border-radius: 0;
}

.btn-sm,
.btn.small
{
    padding: 8px 20px;
    font-size: 10px;
    line-height: 1.5;
    border-radius: 0;
}

.btn-xs,
.btn.x-small {
  font-size: 10px;
  padding: 2px 10px;
  font-size: 8px;
  line-height: 1.5;
  border-radius: 0;
}

@media (max-width: 991px)
{
    .btn-group.responsive .btn
    {
        white-space: normal;
        margin-bottom: 10px;
    }
    .btn-group.responsive .pull-left,
  .btn-group.responsive .pull-right
    {
        float: none !important;
    }
}

.btn.facebook i:before
{
    margin-right: 0;
}

/*** social icons buttons ***/

/*** Social icons ***/

ul.social-icons
{
    padding: 0;
    margin: 0;
}

ul.social-icons li
{
    display: inline-block;
}

ul.social-icons
{
}

ul.social-icons a
{
    font-size: 14px;
    display: inline-block;
}

ul.social-icons a:hover,
ul.social-icons a:focus,
ul.social-icons a:active
{
    text-decoration: none;
}

ul.social-icons.squared a,
ul.social-icons.circle a,
ul.social-icons.rounded a
{
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
}

ul.social-icons.squared a i[class^="icon-"]:before,
ul.social-icons.circle a i[class^="icon-"]:before,
ul.social-icons.rounded a i[class^="icon-"]:before,
ul.social-icons.squared a i[class*=" icon-"]:before,
ul.social-icons.circle a i[class*=" icon-"]:before,
ul.social-icons.rounded a i[class*=" icon-"]:before
{
    text-align: center;
    margin-right: 0;
}

ul.social-icons.squared a
{
    border-radius: 0;
}

ul.social-icons.circle a
{
    border-radius: 50%;
}

ul.social-icons.rounded a
{
    border-radius: 0;
}

/* sizes */

ul.social-icons.medium a .neko-transition-out i:before
{
    font-size: 22px;
}

ul.social-icons.medium.squared a,
ul.social-icons.medium.circle a,
ul.social-icons.medium.rounded a
{
    height: 56px;
    width: 56px;
}

ul.social-icons.medium.squared i:before,
ul.social-icons.medium.circle i:before,
ul.social-icons.medium.rounded i:before
{
    line-height: 56px;
    font-size: 22px;
}

ul.social-icons.large a .neko-transition-out i:before
{
    font-size: 40px;
}

ul.social-icons.large.squared a,
ul.social-icons.large.circle a,
ul.social-icons.large.rounded a
{
    height: 75px;
    width: 75px;
}

ul.social-icons.large.squared i:before,
ul.social-icons.large.circle i:before,
ul.social-icons.large.rounded i:before
{
    line-height: 75px;
    font-size: 40px;
}

ul.social-icons.x-large a .neko-transition-out i:before
{
    font-size: 80px;
}

ul.social-icons.x-large.squared a,
ul.social-icons.x-large.circle a,
ul.social-icons.x-large.rounded a
{
    height: 120px;
    width: 120px;
}

ul.social-icons.x-large.squared i:before,
ul.social-icons.x-large.circle i:before,
ul.social-icons.x-large.rounded i:before
{
    line-height: 120px;
    font-size: 60px;
}

/*fix align issue on facebook icon*/

ul.social-icons a.facebook.rounded > i:before,
ul.social-icons-2 a.facebook.rounded > i:before,
ul.social-icons a.facebook.squared > i:before,
ul.social-icons-2 a.facebook.squared > i:before,
ul.social-icons a.facebook.circle > i:before,
ul.social-icons-2 a.facebook.circle > i:before
{
    width: 6px;
}

ul.social-icons-bar
{
    margin: 0;
    padding: 0;
    list-style: none;
}

/*** link icons ***/

a.link-icon
{
    font-size: 14px;
    display: inline-block;
    text-decoration: none;
}

a.link-icon.squared,
a.link-icon.circle,
a.link-icon.rounded
{
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
}

a.link-icon.squared > i:before,
a.link-icon.circle > i:before,
a.link-icon.rounded > i:before
{
    margin-right: 0;
    text-align: center;
}

a.link-icon.squared
{
    border-radius: 0;
}

a.link-icon.circle
{
    border-radius: 50%;
}

a.link-icon.rounded
{
    border-radius: 0;
}

/*** icon buttons ***/

.btn i:before
{
    margin-right: 0;
}

/** sizes variants  **/

.btn.large i:before,
.btn.btn-lg i:before,
.btn.btn.large i:before
{
    font-size: 24px;
}

.btn.small i:before,
.btn.btn-sm i:before,
.btn.btn.small i:before
{
    font-size: 9px;
}

/** V2 **/

.btn-icon
{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: all 1000ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 1000ms cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: all 1000ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 1000ms cubic-bezier(0.23, 1, 0.32, 1);
}

.btn-icon:hover
{
    -webkit-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
}

.btn-icon i,
.btn-icon span
{
    position: relative;
    float: left;
    padding: 12.8px 16px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 0;
    border: 1px solid transparent;
}

.btn-icon.large i,
.btn-icon.large span
{
    padding: 14.4px 24px;
    font-size: 20px;
    line-height: 1.33;
    border-radius: 0;
}

.btn-icon.medium i,
.btn-icon.medium span
{
    padding: 12.8px 16px;
    font-size: 16px;
    line-height: 1.5;
    border-radius: 0;
}

.btn-icon.small i,
.btn-icon.small span
{
    padding: 8px 16px;
    font-size: 10px;
    line-height: 1.5;
    border-radius: 0;
}

.btn-icon i,
.btn-icon.large i,
.btn-icon.medium i,
.btn-icon.small i
{
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    padding-right: 0;
}

.btn-icon span,
.btn-icon.large span,
.btn-icon.medium span,
.btn-icon.small span
{
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    text-transform: uppercase;
    font-weight: bold;
    margin-left: -1px;
}

.btn-icon:hover i,
.btn-icon:hover span
{
    border: 1px solid transparent;
    cursor: pointer;
}

.btn-icon.large,
.btn-icon.medium,
.btn-icon.small
{
    padding: 0;
    border-radius: 0;
}

/** V2 sizes variants **/

.btn-icon i[class^="icon-"]:before,
.btn-icon i[class*=" icon-"]:before
{
    margin-right: 9px;
}

.btn-icon.large i:before
{
    font-size: 24px;
    margin-right: 18px;
}

.btn-icon.medium i:before
{
    margin-right: 11px;
}

.btn-icon.small i
{
    padding-left: 8px;
}

.btn-icon.small i:before
{
    font-size: 9px;
    margin-right: 8px;
}

/** btn block **/

.btn-block,
.btn.block
{
    white-space: normal;
}

.btn.border i,
.btn-icon.border i
{
    -webkit-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
}

/* TABS
================================================== */

.tab-content
{
    padding: 24px;
    padding-top: 42px;
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.tab-content h1:first-child,
.tab-content h2:first-child,
.tab-content h3:first-child,
.tab-content h4:first-child,
.tab-content h5:first-child,
.tab-content h6:first-child,
.tab-content p:first-child
{
    margin-top: 0;
}

.tab-content h1:last-child,
.tab-content h2:last-child,
.tab-content h3:last-child,
.tab-content h4:last-child,
.tab-content h5:last-child,
.tab-content h6:last-child,
.tab-content p:last-child
{
    margin-bottom: 0;
}

.nav.nav-tabs > li > a
{
    margin-right: 0;
    margin-bottom: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.nav.nav-tabs > li > a i[class^="icon-"]:before,
.nav.nav-tabs > li > a i[class*=" icon-"]:before
{
    margin-right: 3px;
}

@media (max-width: 768px)
{
    .nav.nav-tabs > li
    {
        width: 100%;
        float: none;
        margin-bottom: -1px;
        border-bottom: 1px solid transparent;
    }
    .nav.nav-tabs > li > a
    {
        border: none;
    }
    .nav.nav-tabs > li.active:last-child
    {
        margin-bottom: 0;
    }
    div:not(.tabs-minimal) > .nav.nav-tabs > li
    {
        border: 1px solid transparent;
    }
    div:not(.tabs-minimal) > .nav.nav-tabs > li.active > a
    {
        border: none;
    }
    div:not(.tabs-minimal) > .nav.nav-tabs > li.active > a:hover,
  div:not(.tabs-minimal) > .nav.nav-tabs > li.active > a:focus
    {
        border: none;
    }
}

/*** tabs position ***/

.tabs-right .nav.nav-tabs,
.tabs-left .nav.nav-tabs
{
    border: none;
}

.tabs-right .nav.nav-tabs > li,
.tabs-left .nav.nav-tabs > li
{
    border: 1px solid transparent;
}

.tabs-right .nav.nav-tabs > li > a,
.tabs-left .nav.nav-tabs > li > a
{
    margin-bottom: auto;
}

.tabs-right .nav.nav-tabs > li.active:last-child,
.tabs-left .nav.nav-tabs > li.active:last-child
{
    margin-bottom: -1px;
}

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li
{
    float: none;
}

.tabs-left > .nav-tabs > li.active > a,
.tabs-right > .nav-tabs > li.active > a
{
    border: none;
}

.tabs-left > .nav-tabs > li.active > a:focus,
.tabs-right > .nav-tabs > li.active > a:focus,
.tabs-left > .nav-tabs > li.active > a:hover,
.tabs-right > .nav-tabs > li.active > a:hover
{
    border: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a
{
    margin-right: 0;
    border: none;
}

.tabs-left .tab-content,
.tabs-right .tab-content
{
    overflow: hidden;
    border-top: 1px solid transparent;
}

@media (min-width: 768px)
{
    .tabs-left > .nav.nav-tabs
    {
        float: left;
    }
    .tabs-left > .nav.nav-tabs > li
    {
        margin-right: -1px;
    }
    .tabs-left > .nav.nav-tabs > li > a
    {
        border-radius: 0;
        border-right: none;
    }
    .tabs-left > .nav.nav-tabs > li:first-child > a
    {
        border-top-right-radius: 0;
        border-top-left-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }
    .tabs-left > .nav.nav-tabs > li:last-child > a
    {
        border-top-right-radius: 0;
        border-top-left-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }
    .tabs-right > .nav.nav-tabs
    {
        float: right;
    }
    .tabs-right > .nav.nav-tabs > li
    {
        margin-left: -1px;
    }
    .tabs-right > .nav.nav-tabs > li > a
    {
        border-radius: 0;
        border-left: none;
    }
    .tabs-right > .nav.nav-tabs > li:first-child > a
    {
        border-top-right-radius: 0;
        border-top-left-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }
    .tabs-right > .nav.nav-tabs > li:last-child > a
    {
        border-top-right-radius: 0;
        border-top-left-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }
}

.tabs-minimal .tab-content
{
    border: none;
    padding: 0;
    padding-top: 24px;
}

.tabs-minimal .nav.nav-tabs
{
    border-width: 2px;
    border-top: none;
}

.tabs-minimal .nav.nav-tabs > li > a
{
    margin-bottom: 0;
    border: none;
    text-transform: uppercase;
    padding-left: 0;
    padding-right: 24px;
}

@media (min-width: 768px)
{
    .tabs-minimal .nav.nav-tabs > li > a
    {
        padding-left: 24px;
    }
}

.tabs-minimal .nav.nav-tabs > li > a:after
{
    content: ' ';
    display: block;
    width: 0;
    height: 2px;
    position: absolute;
    bottom: -1px;
    left: 0;
    -webkit-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
}

.tabs-minimal .nav.nav-tabs > li > a:hover
{
    border: none;
}

.tabs-minimal .nav.nav-tabs > li > a:hover:after
{
    width: 100%;
}

.tabs-minimal .nav.nav-tabs > li:first-child > a
{
    padding-left: 0;
}

.tabs-minimal .nav.nav-tabs > li.active > a,
.tabs-minimal .nav.nav-tabs > li.active > a:focus
{
    border: none;
}

.tabs-minimal .nav.nav-tabs > li.active > a:after,
.tabs-minimal .nav.nav-tabs > li.active > a:focus:after
{
    width: 100%;
}

.breadcrumb
{
    display: none;
    margin-bottom: 0;
    padding: 0;
}

@media (min-width: 768px)
{
    .breadcrumb
    {
        display: block;
    }
}

@media (min-width: 992px)
{
    .breadcrumb
    {
        text-align: right;
    }
}

.breadcrumb > li
{
    font-size: 14px;
}

.breadcrumb > li > a:hover
{
    text-decoration: none;
}

.breadcrumb.text-left
{
    text-align: left;
}

/* standard */

i[class^="icon-"].rounded:before,
i[class*=" icon-"].rounded:before,
i[class^="icon-"].squared:before,
i[class*=" icon-"].squared:before,
i[class^="icon-"].circle:before,
i[class*=" icon-"].circle:before
{
    border: 1px solid transparent;
}

i[class^="icon-"]:before,
i[class*=" icon-"]:before
{
    font-family: 'custom-icons';
    text-align: left;
    padding: 0;
    margin: 0;
    margin-right: 5px;
    display: inline-block;
    line-height: 1em;
    font-size: 14px;
}

/* sizes */

i[class^="icon-"].x-large:before,
i[class*=" icon-"].x-large:before
{
    font-size: 80px;
}

i[class^="icon-"].large:before,
i[class*=" icon-"].large:before
{
    font-size: 40px;
}

i[class^="icon-"].medium:before,
i[class*=" icon-"].medium:before
{
    font-size: 22px;
}

i[class^="icon-"].small:before,
i[class*=" icon-"].small:before
{
    font-size: 10px;
}

/*** icons sizes (for rounded, circle and square) ***/

/*** icon squared ***/

i[class^="icon-"].squared:before,
i[class*=" icon-"].squared:before
{
    display: inline-block;
    text-align: center;
    margin-right: 0;
}

/*** icon circle ***/

i[class^="icon-"].circle:before,
i[class*=" icon-"].circle:before
{
    display: inline-block;
    text-align: center;
    margin-right: 0;
    border-radius: 50%;
}

/*** icon rounded ***/

i[class^="icon-"].rounded:before,
i[class*=" icon-"].rounded:before
{
    display: inline-block;
    text-align: center;
    margin-right: 0;
    border-radius: 0;
}

/* standard */

i[class^="icon-"].rounded:before,
i[class*=" icon-"].rounded:before,
i[class^="icon-"].squared:before,
i[class*=" icon-"].squared:before,
i[class^="icon-"].circle:before,
i[class*=" icon-"].circle:before
{
    height: 40px;
    width: 40px;
    line-height: 40px;
    font-size: 14px;
}

/* x-large */

i[class^="icon-"].x-large.rounded:before,
i[class*=" icon-"].x-large.rounded:before,
i[class^="icon-"].x-large.squared:before,
i[class*=" icon-"].x-large.squared:before,
i[class^="icon-"].x-large.circle:before,
i[class*=" icon-"].x-large.circle:before
{
    height: 120px;
    width: 120px;
    line-height: 120px;
    font-size: 60px;
}

/* large */

i[class^="icon-"].large.rounded:before,
i[class*=" icon-"].large.rounded:before,
i[class^="icon-"].large.squared:before,
i[class*=" icon-"].large.squared:before,
i[class^="icon-"].large.circle:before,
i[class*=" icon-"].large.circle:before
{
    height: 75px;
    width: 75px;
    line-height: 75px;
    font-size: 40px;
}

/* medium */

i[class^="icon-"].medium.rounded:before,
i[class*=" icon-"].medium.rounded:before,
i[class^="icon-"].medium.squared:before,
i[class*=" icon-"].medium.squared:before,
i[class^="icon-"].medium.circle:before,
i[class*=" icon-"].medium.circle:before
{
    height: 56px;
    width: 56px;
    line-height: 56px;
    font-size: 22px;
}

/* small */

i[class^="icon-"].small.rounded:before,
i[class*=" icon-"].small.rounded:before,
i[class^="icon-"].small.squared:before,
i[class*=" icon-"].small.squared:before,
i[class^="icon-"].small.circle:before,
i[class*=" icon-"].small.circle:before
{
    height: 22px;
    width: 22px;
    line-height: 23px;
    font-size: 8px;
}

/*** icon rounded/squared/circle colors ***/

/*** icons animated ***/

i.animated:before
{
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
    -ms-transition: all 0.8s;
    transition: all 0.8s;
}

i.animated:hover:before
{
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms--transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}

.box
{
    padding: 24px;
    border: 1px solid transparent;
}

.box.padding-large
{
    padding: 120px;
}

@media (max-width: 768px)
{
    .box.padding-large
    {
        padding: 24px;
    }
}

.box.padding-medium
{
    padding: 96px;
}

@media (max-width: 768px)
{
    .box.padding-medium
    {
        padding: 24px;
    }
}

.box.padding-small
{
    padding: 16px;
}

.box h1:first-child,
.box h2:first-child,
.box h3:first-child,
.box h4:first-child,
.box h5:first-child,
.box h6:first-child,
.box p:first-child
{
    margin-top: 0;
}

.box h1:last-child,
.box h2:last-child,
.box h3:last-child,
.box h4:last-child,
.box h5:last-child,
.box h6:last-child,
.box p:last-child
{
    margin-bottom: 0;
}

.box.inline
{
    display: inline-block;
}

.box.circle
{
    border-radius: 50%;
}

.box.rounded
{
    border-radius: 0;
}

.cta-box
{
    padding: 24px;
}

.cta-box h1,
.cta-box h2,
.cta-box h3,
.cta-box h4,
.cta-box h5,
.cta-box h6,
.cta-box p,
.cta-box blockquote
{
    text-align: center;
}

.cta-box h1:first-child,
.cta-box h2:first-child,
.cta-box h3:first-child,
.cta-box h4:first-child,
.cta-box h5:first-child,
.cta-box h6:first-child,
.cta-box p:first-child,
.cta-box blockquote:first-child
{
    margin-top: 0;
}

.cta-box h1:last-child,
.cta-box h2:last-child,
.cta-box h3:last-child,
.cta-box h4:last-child,
.cta-box h5:last-child,
.cta-box h6:last-child,
.cta-box p:last-child,
.cta-box blockquote:last-child
{
    margin-bottom: 0;
}

.cta-box .cta-box-btn
{
    text-align: center;
    margin-top: 24px;
}

.cta-box .cta-box-btn a
{
    margin-bottom: 0;
}

.team-box figcaption.box
{
    border: none;
}

@media (min-width: 992px)
{
    .cta-box.cta-box-2cols
    {
        display: table;
        width: 100%;
    }
    .cta-box.cta-box-2cols .cta-box-text,
  .cta-box.cta-box-2cols .cta-box-btn
    {
        display: table-cell;
        vertical-align: top;
    }
    .cta-box.cta-box-2cols .cta-box-btn
    {
        margin-top: 0;
    }
    .cta-box.cta-box-2cols h1,
  .cta-box.cta-box-2cols h2,
  .cta-box.cta-box-2cols h3,
  .cta-box.cta-box-2cols h4,
  .cta-box.cta-box-2cols h5,
  .cta-box.cta-box-2cols p,
  .cta-box.cta-box-2cols blockquote
    {
        text-align: left;
    }
    .cta-box.cta-box-2cols .cta-box-btn
    {
        text-align: right;
        padding-left: 22px;
    }
}

@media (max-width: 991px)
{
/** edge case ctabox with medium or large padding **/
    .cta-box.padding-medium
    {
        padding: 24px;
    }
    .cta-box .btn
    {
        white-space: normal;
    }
}

/* FEATURE BOXES
================================================== */

.feature-box:before,
.feature-box:after
{
    content: " ";
    display: table;
}

.feature-box:after
{
    clear: both;
}

.feature-box.media-right
{
    padding-left: 0;
    float: right;
}

.feature-box.media-left
{
    padding-right: 0;
}

.feature-box .feature-box-content
{
    text-align: center;
    margin-bottom: 22px;
}

.feature-box .neko-center-media
{
    display: block;
    margin-bottom: 24px;
    margin-right: auto;
    margin-left: auto;
    float: none;
}

.feature-box img.x-large,
.feature-box img.large,
.feature-box img.medium,
.feature-box img.avatar
{
    display: block;
    margin-bottom: 24px;
    margin-right: auto;
    margin-left: auto;
    float: none;
}

.feature-box .icon
{
    display: block;
    margin-bottom: 24px;
    margin-right: auto;
    margin-left: auto;
    float: none;
}

.feature-box .icon.x-large.circle,
.feature-box .icon.large.circle,
.feature-box .icon.medium.circle,
.feature-box .icon.x-large.rounded,
.feature-box .icon.large.rounded,
.feature-box .icon.medium.rounded,
.feature-box .icon.x-large.squared,
.feature-box .icon.large.squared,
.feature-box .icon.medium.squared
{
    display: block;
    margin-bottom: 24px;
    margin-right: auto;
    margin-left: auto;
    float: none;
}

.feature-box .icon.circle,
.feature-box .icon.rounded,
.feature-box .icon.squared
{
    display: block;
    margin-bottom: 24px;
    margin-right: auto;
    margin-left: auto;
    float: none;
}

.feature-box .icon img
{
    display: block;
    margin-bottom: 24px;
    margin-right: auto;
    margin-left: auto;
    float: none;
}

.feature-box i[class^="icon-"].circle:before,
.feature-box i[class*=" icon-"].circle:before,
.feature-box i[class^="icon-"].rounded:before,
.feature-box i[class*=" icon-"].rounded:before,
.feature-box i[class^="icon-"].squared:before,
.feature-box i[class*=" icon-"].squared:before
{
    display: block;
    margin-bottom: 24px;
    margin-right: auto;
    margin-left: auto;
    float: none;
}

.feature-box .neko-float-media
{
    float: left;
    margin-right: 16px;
}

.feature-box p:last-child,
.feature-box .btn:last-child
{
    margin-bottom: 0;
}

.feature-box h1,
.feature-box h2,
.feature-box h3,
.feature-box h4,
.feature-box h5,
.feature-box h6
{
    margin-bottom: 0.5em;
}

.feature-box h1:first-child,
.feature-box h2:first-child,
.feature-box h3:first-child,
.feature-box h4:first-child,
.feature-box h5:first-child,
.feature-box h6:first-child
{
    margin-top: 5px;
}

@media (min-width: 480px)
{
    .feature-box i
    {
        float: left;
    }
    .feature-box a,
  .feature-box .post-date
    {
        float: left;
        margin-right: 16px;
    }
    .feature-box img.x-large,
  .feature-box img.large,
  .feature-box img.medium,
  .feature-box img.avatar
    {
        float: left;
        margin-right: 16px;
    }
    .feature-box .icon
    {
        float: left;
        margin-right: 16px;
    }
    .feature-box .icon.x-large.circle,
  .feature-box .icon.large.circle,
  .feature-box .icon.medium.circle,
  .feature-box .icon.x-large.rounded,
  .feature-box .icon.large.rounded,
  .feature-box .icon.medium.rounded,
  .feature-box .icon.x-large.squared,
  .feature-box .icon.large.squared,
  .feature-box .icon.medium.squared
    {
        float: left;
        margin-right: 16px;
    }
    .feature-box .icon.circle,
  .feature-box .icon.rounded,
  .feature-box .icon.squared
    {
        float: left;
        margin-right: 16px;
    }
    .feature-box .icon img
    {
        float: left;
        margin-right: 16px;
    }
    .feature-box i[class^="icon-"].circle:before,
  .feature-box i[class*=" icon-"].circle:before,
  .feature-box i[class^="icon-"].rounded:before,
  .feature-box i[class*=" icon-"].rounded:before,
  .feature-box i[class^="icon-"].squared:before,
  .feature-box i[class*=" icon-"].squared:before
    {
        float: left;
        margin-right: 16px;
    }
    .feature-box .feature-box-content
    {
        overflow: hidden;
        padding-top: 0;
        text-align: left;
    }
    .feature-box .feature-box-content i,
  .feature-box .feature-box-content a,
  .feature-box .feature-box-content img,
  .feature-box .feature-box-content .icon,
  .feature-box .feature-box-content .post-date
    {
        float: none;
    }
    .feature-box .entry-meta > li > a,
  .feature-box .entry-meta > li > i
    {
        margin-right: 0;
    }
    .feature-box h2,
  .feature-box p
    {
        text-align: left;
    }
}

.feature-box.media-left
{
    text-align: center;
}

@media (min-width: 991px)
{
    .feature-box.media-left h2,
  .feature-box.media-left h3,
  .feature-box.media-left h4,
  .feature-box.media-left h5,
  .feature-box.media-left h6,
  .feature-box.media-left p
    {
        text-align: left;
    }
}

.feature-box.media-left i:before
{
    margin-top: 2px;
}

.feature-box.media-left i.x-large:before
{
    margin-top: 7px;
}

.feature-box.media-left i.large:before
{
    margin-top: 7px;
}

.feature-box.media-left i.medium:before
{
    margin-top: 7px;
}

@media (min-width: 480px)
{
    .feature-box.media-left i:before
    {
        margin-right: 5px;
        margin-top: 2px;
    }
    .feature-box.media-left i.x-large:before
    {
        margin-right: 16px;
        margin-top: 7px;
    }
    .feature-box.media-left i.large:before
    {
        margin-right: 16px;
        margin-top: 7px;
    }
    .feature-box.media-left i.medium:before
    {
        margin-right: 11px;
        margin-top: 7px;
    }
}

@media (min-width: 768px)
{
    .feature-box.media-right i,
  .feature-box.media-right a,
  .feature-box.media-right img,
  .feature-box.media-right .icon
    {
        float: right;
    }
    .feature-box.media-right h2,
  .feature-box.media-right h3,
  .feature-box.media-right h4,
  .feature-box.media-right h5,
  .feature-box.media-right h6,
  .feature-box.media-right p,
  .feature-box.media-right .feature-box-content
    {
        text-align: right;
    }
}

.feature-box.media-right i:before
{
    margin-top: 2px;
}

.feature-box.media-right i.x-large:before
{
    margin-top: 7px;
}

.feature-box.media-right i.large:before
{
    margin-top: 7px;
}

.feature-box.media-right i.medium:before
{
    margin-top: 7px;
}

@media (min-width: 768px)
{
    .feature-box.media-right
    {
    }
    .feature-box.media-right i:before
    {
        margin-right: 0;
        margin-left: 5px;
        margin-top: 2px;
    }
    .feature-box.media-right i.x-large:before
    {
        margin-right: 0;
        margin-left: 16px;
        margin-top: 7px;
    }
    .feature-box.media-right i.large:before
    {
        margin-right: 0;
        margin-left: 16px;
        margin-top: 7px;
    }
    .feature-box.media-right i.medium:before
    {
        margin-right: 0;
        margin-left: 11px;
        margin-top: 7px;
    }
    .feature-box.media-right img
    {
        margin-right: 0;
        margin-left: 5px;
        margin-top: 2px;
    }
    .feature-box.media-right img.x-large
    {
        margin-right: 0;
        margin-left: 16px;
        margin-top: 7px;
    }
    .feature-box.media-right img.large
    {
        margin-right: 0;
        margin-left: 16px;
        margin-top: 7px;
    }
    .feature-box.media-right img.medium
    {
        margin-right: 0;
        margin-left: 11px;
        margin-top: 7px;
    }
}

.box-icon
{
    text-align: center;
    padding: 24px 24px 0 24px;
}

.box-icon:before,
.box-icon:after
{
    content: " ";
    display: table;
}

.box-icon:after
{
    clear: both;
}

.box-icon.main-color,
.box-icon.dark-main-color,
.box-icon.light-main-color,
.box-icon.dark-color,
.box-icon.light-color
{
    padding-bottom: 24px;
}

.box-icon i
{
    margin-bottom: 24px;
}

.box-icon i:before
{
    margin-right: 0;
}

.box-icon p,
.box-icon .btn
{
    margin-bottom: 0;
}

.box-icon a h1,
.box-icon a h2,
.box-icon a h3,
.box-icon a h4,
.box-icon a h5,
.box-icon a h6
{
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}

.box-icon a h1:nth-child(2),
.box-icon a h2:nth-child(2),
.box-icon a h3:nth-child(2),
.box-icon a h4:nth-child(2),
.box-icon a h5:nth-child(2),
.box-icon a h6:nth-child(2)
{
    margin-top: 24px;
}

.box-icon a p
{
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}

.box-icon a:hover
{
    text-decoration: none;
}

.box-icon.animated a:hover i:before
{
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms--transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}

.icon img
{
    width: 40px;
    height: 40px;
    display: inline-block;
}

.icon.circle
{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: inline-block;
    padding: 10px;
}

.icon.circle img
{
    width: 20px;
    height: 20px;
    display: block;
}

.icon.x-large img
{
    width: 160px;
    height: 160px;
}

.icon.x-large.circle
{
    width: 160px;
    height: 160px;
    border-radius: 50%;
    display: inline-block;
    padding: 40px;
}

.icon.x-large.circle img
{
    width: 80px;
    height: 80px;
}

.icon.large img
{
    width: 100px;
    height: 100px;
}

.icon.large.circle
{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: inline-block;
    padding: 25px;
}

.icon.large.circle img
{
    width: 50px;
    height: 50px;
}

.icon.medium img
{
    width: 56px;
    height: 56px;
}

.icon.medium.circle
{
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: inline-block;
    padding: 14px;
}

.icon.medium.circle img
{
    width: 28px;
    height: 28px;
}

.icon.small img
{
    width: 22px;
    height: 22px;
}

.icon.small.circle
{
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: inline-block;
    padding: 5px;
}

.icon.small.circle img
{
    width: 12px;
    height: 12px;
}

.icon.animated img:hover
{
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms--transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}

i[class^="icon-"].rounded:before,
i[class*=" icon-"].rounded:before,
i[class^="icon-"].squared:before,
i[class*=" icon-"].squared:before,
i[class^="icon-"].circle:before,
i[class*=" icon-"].circle:before
{
    height: 40px;
    width: 40px;
    line-height: 40px;
    font-size: 14px;
}

i[class^="icon-"].large.rounded:before,
i[class*=" icon-"].large.rounded:before,
i[class^="icon-"].large.squared:before,
i[class*=" icon-"].large.squared:before,
i[class^="icon-"].large.circle:before,
i[class*=" icon-"].large.circle:before
{
    height: 100px;
    width: 100px;
    line-height: 100px;
    font-size: 40px;
}

i[class^="icon-"].medium.rounded:before,
i[class*=" icon-"].medium.rounded:before,
i[class^="icon-"].medium.squared:before,
i[class*=" icon-"].medium.squared:before,
i[class^="icon-"].medium.circle:before,
i[class*=" icon-"].medium.circle:before
{
    height: 56px;
    width: 56px;
    line-height: 56px;
    font-size: 22px;
}

i[class^="icon-"].small.rounded:before,
i[class*=" icon-"].small.rounded:before,
i[class^="icon-"].small.squared:before,
i[class*=" icon-"].small.squared:before,
i[class^="icon-"].small.circle:before,
i[class*=" icon-"].small.circle:before
{
    height: 22px;
    width: 22px;
    line-height: 23px;
    font-size: 8px;
}

.box-icon.main-color a:not(.btn),
.box-icon.dark-main-color a:not(.btn),
.box-icon.light-main-color a:not(.btn),
.box-icon.light-color a:not(.btn),
.box-icon.dark-color a:not(.btn),
.main-color .box-icon a:not(.btn),
.dark-main-color .box-icon a:not(.btn),
.light-main-color .box-icon a:not(.btn),
.light-color .box-icon a:not(.btn),
.dark-color .box-icon a:not(.btn)
{
    display: block;
}

/* IMAGES
================================================== */

/*** avatar ***/

img.rounded
{
    border-radius: 0;
}

img.rounded.thumbnail
{
    border-radius: 0;
}

img.circle
{
    border-radius: 50%;
}

img.circle.thumbnail
{
    border-radius: 50%;
}

img.avatar
{
    width: 40px;
    height: 40px;
    display: inline-block;
}

img.avatar.x-large
{
    width: 160px;
    height: 160px;
}

img.avatar.large
{
    width: 80px;
    height: 80px;
}

img.avatar.medium
{
    width: 60px;
    height: 60px;
}

img.avatar.small
{
    width: 20px;
    height: 20px;
}

figure figcaption
{
    margin-top: 24px;
}

figure figcaption h1:first-child,
figure figcaption h2:first-child,
figure figcaption h3:first-child,
figure figcaption h4:first-child,
figure figcaption h5:first-child,
figure figcaption h6:first-child
{
    margin-top: 0;
}

figure figcaption.box
{
    margin-top: 0;
    border-top: 0;
}

figure.caption-over
{
    position: relative;
}

figure.caption-over figcaption
{
    position: absolute;
    bottom: 0;
}

figure.caption-over.center figcaption
{
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
    bottom: auto;
}

.image-background
{
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.image-background.top-center
{
    background-position: top center;
}

.image-background.top-left
{
    background-position: top left;
}

.image-background.top-right
{
    background-position: top right;
}

.image-background.bottom-center
{
    background-position: bottom center;
}

.image-background.bottom-left
{
    background-position: bottom left;
}

.image-background.bottom-right
{
    background-position: bottom right;
}

.image-background.no-cover
{
    background-size: auto;
}

/* Deprecated */

.image-background.responsive
{
    background-size: 100% auto;
    background-position: center center;
}

.image-0
{
    background-image: url('../../../images/theme-pics/parallax/parallax-1.jpg');
}

.image-1
{
    background-image: url('../../../images/theme-pics/parallax/parallax-2.jpg');
}

.image-2
{
    background-image: url('../../../images/theme-pics/parallax/parallax-3.jpg');
}

.image-3
{
    background-image: url('../../../images/theme-pics/parallax/parallax-4.jpg');
}

.image-4
{
    background-image: url('../../../images/theme-pics/parallax/parallax-5.jpg');
}

.image-5
{
    background-image: url('../../../images/theme-pics/large/large-pic-1.jpg');
}

.image-6
{
    background-image: url('../../../images/theme-pics/parallax/parallax-6.jpg');
}

.image-7
{
    background-image: url('../../../images/theme-pics/large/large-pic-3.jpg');
}

.image-8
{
    background-image: url('../../../images/theme-pics/large/large-pic-4.jpg');
}

.image-9
{
    background-image: url('../../../images/theme-pics/large/large-pic-5.jpg');
}

.image-10
{
    background-image: url('../../../images/theme-pics/large/large-pic-6.jpg');
}

.image-11
{
    background-image: url('../../../images/theme-pics/large/large-pic-7.jpg');
}

.image-12
{
    background-image: url('../../../images/theme-pics/large/large-pic-8.jpg');
}

.image-13
{
    background-image: url('../../../images/theme-pics/large/large-pic-9.jpg');
}

.image-14
{
    background-image: url('../../../images/theme-pics/large/large-pic-10.jpg');
}

.image-15
{
    background-image: url('../../../images/theme-pics/images/x.jpg');
}

.image-16
{
    background-image: url('../../../images/theme-pics/parallax/parallax-7.jpg');
}

.image-17
{
    background-image: url('../../../images/theme-pics/images/x.jpg');
}

.image-18
{
    background-image: url('../../../images/theme-pics/images/x.jpg');
}

.image-19
{
    background-image: url('../../../images/theme-pics/images/x.jpg');
}

.image-20
{
    background-image: url('../../../images/theme-pics/page-header/page-header-1.jpg');
}

.image-21
{
    background-image: url('../../../images/theme-pics/page-header/page-header-2.jpg');
}

.image-22
{
    background-image: url('../../../images/theme-pics/page-header/page-header-3.jpg');
}

.image-23
{
    background-image: url('../../../images/theme-pics/page-header/page-header-4.jpg');
}

.image-24
{
    background-image: url('../../../images/theme-pics/page-header/page-header-5.jpg');
}

.image-25
{
    background-image: url('../../../images/theme-pics/page-header/page-header-6.jpg');
}

.image-26
{
    background-image: url('../../../images/theme-pics/page-header/page-header-7.jpg');
}

.image-27
{
    background-image: url('../../../images/theme-pics/page-header/page-header-8.jpg');
}

.image-28
{
    background-image: url('../../../images/theme-pics/page-header/page-header-9.jpg');
}

.image-29
{
    background-image: url('../../../images/theme-pics/page-header/page-header-10.jpg');
}

.image-30
{
    background-image: url('../../../images/theme-pics/mega-menu-pic.png');
}

.mask
{
    position: relative;
    height: 100%;
    width: 100%;
}

.mask:before
{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    content: "";
    display: block;
}

/*** TOOLS ***/

img.full-width,
img.img-fw
{
    max-width: none;
    width: 100%;
}

img.full-height
{
    max-width: none;
    max-height: none;
    height: 100%;
}

@media (min-width: 1200px)
{
    img.img-fw-lg
    {
        max-width: none;
        width: 100%;
    }
}

.neko-hover-1 .mask-over,
.neko-hover-2 .mask-over,
.neko-hover-4 .mask-over
{
    padding: 36px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.neko-hover-1 .mask-over h1,
.neko-hover-2 .mask-over h1,
.neko-hover-4 .mask-over h1,
.neko-hover-1 .mask-over h2,
.neko-hover-2 .mask-over h2,
.neko-hover-4 .mask-over h2,
.neko-hover-1 .mask-over h3,
.neko-hover-2 .mask-over h3,
.neko-hover-4 .mask-over h3,
.neko-hover-1 .mask-over h4,
.neko-hover-2 .mask-over h4,
.neko-hover-4 .mask-over h4,
.neko-hover-1 .mask-over span,
.neko-hover-2 .mask-over span,
.neko-hover-4 .mask-over span
{
    margin-top: 0;
}

.neko-hover-1 .mask-over p,
.neko-hover-2 .mask-over p,
.neko-hover-4 .mask-over p
{
    margin-bottom: 24px;
}

.neko-hover-1 .mask-over a,
.neko-hover-2 .mask-over a,
.neko-hover-4 .mask-over a
{
    font-weight: bold;
    text-transform: uppercase;
    display: inline-block;
}

.neko-hover-1 .mask-over a:hover,
.neko-hover-2 .mask-over a:hover,
.neko-hover-4 .mask-over a:hover
{
    text-decoration: none;
}

.neko-hover-1 .mask-over a h1,
.neko-hover-2 .mask-over a h1,
.neko-hover-4 .mask-over a h1,
.neko-hover-1 .mask-over a h2,
.neko-hover-2 .mask-over a h2,
.neko-hover-4 .mask-over a h2,
.neko-hover-1 .mask-over a h3,
.neko-hover-2 .mask-over a h3,
.neko-hover-4 .mask-over a h3,
.neko-hover-1 .mask-over a h4,
.neko-hover-2 .mask-over a h4,
.neko-hover-4 .mask-over a h4,
.neko-hover-1 .mask-over a span,
.neko-hover-2 .mask-over a span,
.neko-hover-4 .mask-over a span
{
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 0;
}

.neko-hover-1 .mask-over a.link-icon:hover,
.neko-hover-2 .mask-over a.link-icon:hover,
.neko-hover-4 .mask-over a.link-icon:hover
{
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;
}

/*** Hover 1 ***/

.neko-hover-1 figure div,
.neko-hover-4 figure div
{
    overflow: hidden;
    position: relative;
}

.neko-hover-1 figure div img,
.neko-hover-4 figure div img
{
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
    -ms-transform: transform 0.4s;
}

.neko-hover-1 figure div .mask-over,
.neko-hover-4 figure div .mask-over
{
    position: absolute;
    width: 100%;
    top: auto;
    bottom: 0;
    margin-top: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
    text-align: center;
}

.no-touch .neko-hover-1 figure:not(.noCss3):hover div img,
.neko-hover-1 figure.cs-hover div img,
.no-touch .neko-hover-4 figure:not(.noCss3):hover div img,
.neko-hover-4 figure.cs-hover div img
{
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
}

.no-touch .neko-hover-1 figure:not(.noCss3):hover div .mask-over,
.neko-hover-1 figure.cs-hover div .mask-over,
.no-touch .neko-hover-4 figure:not(.noCss3):hover div .mask-over,
.neko-hover-4 figure.cs-hover div .mask-over
{
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
}

/*** Hover 2 ***/

.neko-hover-2 figure:not(.noCss3) .mask-over
{
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

.neko-hover-2 figure div
{
    overflow: hidden;
    position: relative;
}

.neko-hover-2 figure div .mask-over
{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    text-align: center;
}

.no-touch .neko-hover-2 figure:not(.noCss3):hover div .mask-over,
.neko-hover-2 figure.cs-hover div .mask-over
{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

/*** Hover 3 ***/

.neko-hover-3 figure > div
{
    position: relative;
    z-index: 1;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
}

.neko-hover-3 figure > div img
{
    display: inline-block;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

.neko-hover-3 figure > div .mask-over
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.neko-hover-3 figure > div .mask-over
{
    padding: 3em;
}

.neko-hover-3 figure > div .mask-over::before,
.neko-hover-3 figure > div .mask-over:after
{
    position: absolute;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

.neko-hover-3 figure > div .mask-over::before
{
    top: 50px;
    right: 30px;
    bottom: 50px;
    left: 30px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

.neko-hover-3 figure > div .mask-over::after
{
    top: 30px;
    right: 50px;
    bottom: 30px;
    left: 50px;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
}

.neko-hover-3 figure > div .mask-over a:not(.expand-zone)
{
    opacity: 0;
}

.neko-hover-3 figure > div h3
{
    margin: 0;
    opacity: 0;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
}

.neko-hover-3 figure > div h3 span
{
    font-weight: 800;
    margin: 0;
}

.neko-hover-3 figure > div p
{
    padding: 0.5em 2em;
    text-transform: none;
    opacity: 0;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

.neko-hover-3 figure:hover > div img
{
    opacity: 0.6;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}

.neko-hover-3 figure:hover > div .mask-over::before,
.neko-hover-3 figure:hover > div .mask-over::after
{
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.neko-hover-3 figure:hover > div .mask-over:after
{
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}

.neko-hover-3 figure:hover > div .mask-over a:not(.expand-zone)
{
    opacity: 1;
    -webkit-transition: 800ms;
    -moz-transition: 800ms;
    -ms-transition: 800ms;
    -o-transition: 800ms;
    transition: 800ms;
}

.neko-hover-3 figure:hover > div h3,
.neko-hover-3 figure:hover > div p
{
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}

.neko-hover-1 .mask-over a.expand-zone,
.neko-hover-2 .mask-over a.expand-zone,
.neko-hover-3 .mask-over a.expand-zone,
.neko-hover-4 .mask-over a.expand-zone
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}

.neko-hover-4 .mask-over
{
    padding: 0;
}

.neko-hover-4 .mask-over a
{
    -webkit-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    padding: 36px;
    height: 100%;
    width: 100%;
}

.neko-hover-4 figcaption a:hover
{
    text-decoration: none;
}

/*** ROLLOVER STANDARDIZED EFFECTS ***/

.rollover
{
}

.rollover figure
{
    position: relative;
    overflow: hidden;
    height: 100%;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.rollover figure img
{
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.rollover figure figcaption
{
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    padding: 2em;
}

.rollover figure figcaption > a
{
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}

.rollover figure figcaption h1,
.rollover figure figcaption h2,
.rollover figure figcaption h3,
.rollover figure figcaption h4,
.rollover figure figcaption h5,
.rollover figure figcaption h6
{
    margin: 0;
    line-height: 25px !important;
}

.rollover.effect-lily figure > img {
  max-width: none;
  width: -webkit-calc(150%);
  width: calc(150%);
  opacity: 1;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-40px, 0, 0);
  transform: translate3d(-22%, 0, 0);
}

.rollover.effect-lily figure figcaption
{
    text-align: left;
}

.rollover.effect-lily figure figcaption > .rollover-content
{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    padding: 2em;
}

.rollover.effect-lily figure figcaption .icon-links
{
    display: none;
}

.rollover.effect-lily figure h1,
.rollover.effect-lily figure h2,
.rollover.effect-lily figure h3,
.rollover.effect-lily figure h4,
.rollover.effect-lily figure h5,
.rollover.effect-lily figure h6,
.rollover.effect-lily figure p,
.rollover.effect-lily figure ul
{
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
}

.rollover.effect-lily figure h1,
.rollover.effect-lily figure h2,
.rollover.effect-lily figure h3,
.rollover.effect-lily figure h4,
.rollover.effect-lily figure h5,
.rollover.effect-lily figure h6
{
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
}

.rollover.effect-lily figure h1 span,
.rollover.effect-lily figure h2 span,
.rollover.effect-lily figure h3 span,
.rollover.effect-lily figure h4 span,
.rollover.effect-lily figure h5 span,
.rollover.effect-lily figure h6 span
{
    display: inline;
    font-size: 1em;
}

.rollover.effect-lily figure p,
.rollover.effect-lily figure ul
{
    color: rgba(255, 255, 255, 0.8);
    opacity: 0;
    -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
    transition: opacity 0.2s, transform 0.35s;
}

.rollover.effect-lily figure.hovered > img
{
    opacity: 0.7;
}

.rollover.effect-lily figure.hovered img,
.rollover.effect-lily figure.hovered h1,
.rollover.effect-lily figure.hovered h2,
.rollover.effect-lily figure.hovered h3,
.rollover.effect-lily figure.hovered h4,
.rollover.effect-lily figure.hovered h5,
.rollover.effect-lily figure.hovered h6,
.rollover.effect-lily figure.hovered p,
.rollover.effect-lily figure.hovered ul
{
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.rollover.effect-lily figure.hovered p,
.rollover.effect-lily figure.hovered ul
{
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
    -webkit-transition-duration: 0.35s;
    transition-duration: 0.35s;
    opacity: 1;
}

.rollover.effect-zoe article
{
    overflow: hidden;
}

.rollover.effect-zoe figure
{
    overflow: hidden;
}

.rollover.effect-zoe figure > img
{
    opacity: 1;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.rollover.effect-zoe figure figcaption
{
    top: auto;
    bottom: 0;
    padding: 1em 1em 1em 24px;
    height: 3.75em;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
    -webkit-transform: translate3d(0, 400%, 0);
    transform: translate3d(0, 400%, 0);
}

.rollover.effect-zoe figure figcaption > a
{
    display: none;
}

.rollover.effect-zoe figure h1,
.rollover.effect-zoe figure h2,
.rollover.effect-zoe figure h3,
.rollover.effect-zoe figure h4,
.rollover.effect-zoe figure h5,
.rollover.effect-zoe figure h6
{
    float: left;
    display: inline-block;
}

.rollover.effect-zoe figure h1 span,
.rollover.effect-zoe figure h2 span,
.rollover.effect-zoe figure h3 span,
.rollover.effect-zoe figure h4 span,
.rollover.effect-zoe figure h5 span,
.rollover.effect-zoe figure h6 span
{
    display: inline;
    font-size: 1em;
}

.rollover.effect-zoe figure .icon-links
{
    float: right;
}

.rollover.effect-zoe figure .icon-links a
{
    float: left;
    color: #3c4a50;
    font-size: 1.2em;
}

.rollover.effect-zoe figure .icon-links a:hover
{
    text-decoration: none;
}

.rollover.effect-zoe figure h1,
.rollover.effect-zoe figure h2,
.rollover.effect-zoe figure h3,
.rollover.effect-zoe figure h4,
.rollover.effect-zoe figure h5,
.rollover.effect-zoe figure h6,
.rollover.effect-zoe figure .icon-links a
{
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0, 200%, 0);
    transform: translate3d(0, 200%, 0);
}

.rollover.effect-zoe figure .icon-links a span::before
{
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.rollover.effect-zoe figure .description
{
    position: absolute;
    bottom: 80px;
    left: 0;
    padding: 0 0 0 24px;
    font-size: 18px;
    text-transform: none;
    opacity: 0;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
    -webkit-backface-visibility: hidden;
}

.rollover.effect-zoe figure.hovered > img
{
    opacity: 0.5;
    -webkit-transition-delay: 0.16s;
    transition-delay: 0.16s;
    -webkit-transform: translate3d(0, -30px, 0);
    -moz-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
}

.rollover.effect-zoe figure.hovered .description
{
    opacity: 1;
}

.rollover.effect-zoe figure.hovered figcaption,
.rollover.effect-zoe figure.hovered h1,
.rollover.effect-zoe figure.hovered h2,
.rollover.effect-zoe figure.hovered h3,
.rollover.effect-zoe figure.hovered h4,
.rollover.effect-zoe figure.hovered h5,
.rollover.effect-zoe figure.hovered h6,
.rollover.effect-zoe figure.hovered .icon-links a
{
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.rollover.effect-zoe figure.hovered h1,
.rollover.effect-zoe figure.hovered h2,
.rollover.effect-zoe figure.hovered h3,
.rollover.effect-zoe figure.hovered h4,
.rollover.effect-zoe figure.hovered h5,
.rollover.effect-zoe figure.hovered h6
{
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
}

.rollover.effect-zoe figure.hovered .icon-links a:first-child
{
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.rollover.effect-zoe figure.hovered .icon-links a:nth-child(2)
{
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}

.rollover.effect-zoe figure.hovered .icon-links a:nth-child(3)
{
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

@media (max-width: 480px)
{
    .rollover.effect-zoe figcaption h5,
  .rollover.effect-zoe .description
    {
        display: none;
    }
}

.rollover.effect-lexi figure {
  background: -webkit-linear-gradient(-45deg, #000000 0%, #ffffff 100%);
  background: linear-gradient(-45deg, #000000 0%, #ffffff 100%);
}

.rollover.effect-lexi figure > img {
  margin: -10px 0 0 -10px;
  max-width: none;
  width: -webkit-calc(110%);
  width: calc(110%);
  opacity: 0.9;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(10px, 10px, 0);
  transform: translate3d(10px, 10px, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.rollover.effect-lexi figure h1 span,
.rollover.effect-lexi figure h2 span,
.rollover.effect-lexi figure h3 span,
.rollover.effect-lexi figure h4 span,
.rollover.effect-lexi figure h5 span,
.rollover.effect-lexi figure h6 span
{
    display: inline;
    font-size: 1em;
}

.rollover.effect-lexi figure .icon-links
{
    display: none;
}

.rollover.effect-lexi figure figcaption::before,
.rollover.effect-lexi figure figcaption p
{
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

.rollover.effect-lexi figure figcaption::before
{
    position: absolute;
    right: -100px;
    bottom: -100px;
    width: 300px;
    height: 300px;
    border: 2px solid transparent;
    border-radius: 50%;
    content: '';
    opacity: 0;
    -webkit-transform: scale3d(0.5, 0.5, 1);
    transform: scale3d(0.5, 0.5, 1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.rollover.effect-lexi figure h1,
.rollover.effect-lexi figure h2,
.rollover.effect-lexi figure h3,
.rollover.effect-lexi figure h4,
.rollover.effect-lexi figure h5,
.rollover.effect-lexi figure h6
{
    text-align: left;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(5px, 5px, 0);
    transform: translate3d(5px, 5px, 0);
}

.rollover.effect-lexi figure p
{
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0 16px 16px 0;
    width: 140px;
    text-align: right;
    opacity: 0;
    -webkit-transform: translate3d(20px, 20px, 0);
    transform: translate3d(20px, 20px, 0);
}

.rollover.effect-lexi figure.hovered > img
{
    opacity: 0.6;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.rollover.effect-lexi figure.hovered figcaption::before
{
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.rollover.effect-lexi figure.hovered h1,
.rollover.effect-lexi figure.hovered h2,
.rollover.effect-lexi figure.hovered h3,
.rollover.effect-lexi figure.hovered h4,
.rollover.effect-lexi figure.hovered h5,
.rollover.effect-lexi figure.hovered h6,
.rollover.effect-lexi figure.hovered p
{
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.rollover.effect-sarah figure > img {
  max-width: none;
  width: -webkit-calc(120%);
  width: calc(120%);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-13%, 0, 0);
  transform: translate3d(-13%, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.rollover.effect-sarah figure figcaption
{
    text-align: left;
}

.rollover.effect-sarah figure .icon-links
{
    display: none;
}

.rollover.effect-sarah figure h1,
.rollover.effect-sarah figure h2,
.rollover.effect-sarah figure h3,
.rollover.effect-sarah figure h4,
.rollover.effect-sarah figure h5,
.rollover.effect-sarah figure h6
{
    position: relative;
    overflow: hidden;
    padding: 0.5em 0;
    margin-bottom: 0.5em;
}

.rollover.effect-sarah figure h1 span,
.rollover.effect-sarah figure h2 span,
.rollover.effect-sarah figure h3 span,
.rollover.effect-sarah figure h4 span,
.rollover.effect-sarah figure h5 span,
.rollover.effect-sarah figure h6 span
{
    display: inline;
    font-size: 1em;
}

.rollover.effect-sarah figure h1:after,
.rollover.effect-sarah figure h2:after,
.rollover.effect-sarah figure h3:after,
.rollover.effect-sarah figure h4:after,
.rollover.effect-sarah figure h5:after,
.rollover.effect-sarah figure h6:after
{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    content: '';
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.rollover.effect-sarah figure .description
{
    padding: 1em 0;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

.rollover.effect-sarah figure.hovered > img
{
    opacity: 0.4;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.rollover.effect-sarah figure.hovered h1::after,
.rollover.effect-sarah figure.hovered h2::after,
.rollover.effect-sarah figure.hovered h3::after,
.rollover.effect-sarah figure.hovered h4::after,
.rollover.effect-sarah figure.hovered h5::after,
.rollover.effect-sarah figure.hovered h6::after
{
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.rollover.effect-sarah figure.hovered .description
{
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

/* end .rollover */

/** Ie9 and under **/

.ie .rollover
{
}

.ie .rollover.effect-sarah h1:after,
.ie .rollover.effect-sarah h2:after,
.ie .rollover.effect-sarah h3:after,
.ie .rollover.effect-sarah h4:after,
.ie .rollover.effect-sarah h5:after,
.ie .rollover.effect-sarah h6:after
{
    display: none;
}

/** Ie9 and under **/

/*** END ROLLOVER STANDARDIZED EFFECTS ***/

/*** Magnific popup ***/

.mfp-figure figure figcaption
{
    margin-top: 0;
}

/* TESTIMONIALS
================================================== */

.box-testimonial:before,
.box-testimonial:after
{
    content: " ";
    display: table;
}

.box-testimonial:after
{
    clear: both;
}

.box-testimonial blockquote
{
    border-left-width: 1px;
    border-radius: 0;
}

.box-testimonial .avatar
{
    margin-left: 24px;
    margin-right: 16px;
    float: left;
}

.box-testimonial .box-arrow:after,
.box-testimonial .box-arrow:before
{
    left: 64px;
}

/** move this later if arrow need for another element **/

.box-arrow
{
    position: relative;
}

.box-arrow:after,
.box-arrow:before
{
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    margin-top: -1px;
}

.box-arrow:after
{
    border-color: transparent;
    border-width: 10px;
    margin-left: -10px;
}

.box-arrow:before
{
    border-color: transparent;
    border-width: 11px;
    margin-left: -11px;
}

/* TIMELINE
================================================== */

.timeline
{
    list-style: none;
    padding: 0;
    position: relative;
    overflow: hidden;
}

.timeline:before
{
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 2px;
    left: 50%;
    margin-left: -1px;
}

.timeline > li
{
    position: relative;
}

.timeline > li .timeline-panel
{
    width: 45%;
    position: relative;
    float: left;
    clear: left;
    margin-bottom: 50px;
}

.timeline > li .timeline-panel .timeline-badge {
  left: -12%;
  position: absolute;
  top: 22px;
  width: 100%;
  left: calc(100% + 23px);
  z-index: 100;
}

.timeline > li .timeline-panel h1:first-child,
.timeline > li .timeline-panel h2:first-child,
.timeline > li .timeline-panel h3:first-child,
.timeline > li .timeline-panel h4:first-child,
.timeline > li .timeline-panel h5:first-child,
.timeline > li .timeline-panel h6:first-child,
.timeline > li .timeline-panel p:first-child
{
    margin-top: 0;
}

.timeline > li.timeline-inverted > .timeline-panel
{
    float: right;
    clear: right;
    margin-top: 50px;
}

.timeline > li.timeline-inverted > .timeline-panel .timeline-badge
{
    left: -17%;
    top: 18px;
}

.timeline > li > .timeline-panel:before
{
    position: absolute;
    top: 26px;
    right: -15px;
    display: inline-block;
    border-top: 15px solid transparent;
    border-left: 15px solid transparent;
    border-right: 0 solid transparent;
    border-bottom: 15px solid transparent;
    content: " ";
}

.timeline > li > .timeline-panel:after
{
    position: absolute;
    top: 27px;
    right: -14px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-left: 14px solid transparent;
    border-right: 0 solid transparent;
    border-bottom: 14px solid transparent;
    content: " ";
}

.timeline > li.timeline-inverted > .timeline-panel:before
{
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
}

.timeline > li.timeline-inverted > .timeline-panel:after
{
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
}

@media (max-width: 767px)
{
    ul.timeline:before
    {
        left: 40px;
    }
ul.timeline > li > .timeline-panel {
    width: calc(10%);
    width: -moz-calc(10%);
    width: -webkit-calc(10%);
  }
    ul.timeline > li > .timeline-badge
    {
        left: 15px;
        margin-left: 0;
        top: 16px;
    }
    ul.timeline > li > .timeline-panel
    {
        float: right;
    }
    ul.timeline > li > .timeline-panel:before
    {
        border-left-width: 0;
        border-right-width: 15px;
        left: -15px;
        right: auto;
    }
    ul.timeline > li > .timeline-panel:after
    {
        border-left-width: 0;
        border-right-width: 14px;
        left: -14px;
        right: auto;
    }
}

/* PRICING TABLES
================================================== */

/*** pricing table ***/

.pricing-table
{
    text-align: center;
    margin-top: 16px;
}

.pricing-table ul
{
    list-style-type: none;
    margin: 0;
    padding: 0 24px;
}

.pricing-table ul li
{
    padding: 24px 0;
    font-size: 12px;
}

.pricing-table h2
{
    text-transform: none;
    margin: 0;
    padding: 24px;
    font-weight: 800;
    text-align: center;
}

.pricing-table .pricing h3
{
    font-weight: 700;
    font-size: 33px;
    display: block;
    padding: 20px;
    margin: 0;
}

.pricing-table .pricing h3 span
{
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 0;
    display: block;
    line-height: 14px;
}

.pricing-table .pricing img
{
    margin: 0 auto;
}

.pricing-table p
{
    margin-bottom: 0;
    padding: 24px;
}

.pricing-table.focus-plan
{
    margin-top: 0;
}

.pricing-table.focus-plan h3
{
    padding: 20px;
}

/*** end pricing table ***/

/***colors***/

.pricing-table
{
    border: 1px solid transparent;
    border-radius: 0;
}

.pricing-table ul li
{
    border-bottom: 1px solid transparent;
}

.pricing-table ul li:last-child
{
    border-bottom: none;
}

.pricing-table .pricing
{
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.pricing-table.focus-plan
{
    margin-top: 0;
}

.pricing-table.focus-plan .pricing
{
    padding: 16px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

/*** ============ End Default theme ============ ***/

/*** ============ Theme 1 ============ ***/

.neko_pt_style_2.pricingBloc
{
    border-radius: 11px;
    border: 1px solid transparent;
    overflow: hidden;
}

.neko_pt_style_2 div.pricing
{
    position: relative;
    height: 75px;
}

.pricingBloc.neko_pt_style_2 h3
{
    width: 150px;
    height: 150px;
    border-radius: 50%;
    border: 7px solid transparent;
    padding: 0.5em;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -75px;
}

.pricingBloc.neko_pt_style_2 h3 span
{
    font-size: 12px;
    line-height: 12px;
}

.pricingBloc.neko_pt_style_2 ul
{
    padding-top: 75px;
}

/*** ============ End Theme 1 ============ ***/

/*** ============ Theme 2 ============ ***/

.neko_pt_style_3.pricingBloc h2
{
    text-transform: uppercase;
}

.neko_pt_style_3.pricingBloc h3
{
    padding: 0.25em;
    font-size: 88px;
    line-height: 0.75em;
    letter-spacing: -0.025em;
}

.neko_pt_style_3.pricingBloc h3 span
{
    font-size: 16px;
    text-transform: uppercase;
    margin-top: 11px;
    line-height: 16px;
    letter-spacing: normal;
}

.neko_pt_style_3.pricingBloc div.pricing
{
    position: relative;
}

.neko_pt_style_3.pricingBloc div.pricing:after
{
    content: '';
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 25px 50px 0 50px;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    bottom: -10px;
}

.neko_pt_style_3 ul
{
    padding: 0;
}

/* focus */

.neko_pt_style_3.focusPlan.pricingBloc h3
{
    padding: 0.5em 0;
}

/* SPACERS
================================================== */

/** separators **/

hr
{
    padding: 0;
    margin: 24px 0;
    text-align: center;
}

hr:after
{
    display: inline-block;
    font-family: 'custom-icons';
    position: relative;
    font-size: 1em;
    padding: 0 0.25em;
    top: -0.9em;
    width: 33px;
}

hr.large:after
{
    font-size: 40px;
    width: 70px;
}

hr.medium:after
{
    font-size: 22px;
    width: 40px;
}

hr.small:after
{
    font-size: 10px;
}

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

@media (min-width: 768px)
{
    hr.boxed
    {
        width: 720px;
    }
}

@media (min-width: 992px)
{
    hr.boxed
    {
        width: 940px;
    }
}

@media (min-width: 1200px)
{
    hr.boxed
    {
        width: 1140px;
    }
}

hr.line-star:after
{
    content: '\e80a';
}

hr.line-x:after
{
    content: '\e892';
}

hr.line-plus:after
{
    content: '\e81a';
}

hr.line-dot:after
{
    content: '\e902';
}

hr.line-burger:after
{
    content: '\e84d';
}

hr.double
{
    border-top: 4px double transparent;
}

/* PAGINATION
================================================== */

.pagination > li:first-child > a,
.pagination .pagination > li:first-child > span
{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span
{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus
{
    z-index: 2;
    cursor: default;
}

.pagination.circle > li > a,
.pagination.rounded > li > a,
.pagination.circle > li > span,
.pagination.rounded > li > span
{
    margin: 0 4.8px;
    text-align: center;
    height: 40px;
    width: 40px;
    line-height: 24px;
}

.pagination.circle > li:first-child > a,
.pagination.rounded > li:first-child > a,
.pagination.circle > li:first-child > span,
.pagination.rounded > li:first-child > span,
.pagination.circle > li:last-child > a,
.pagination.rounded > li:last-child > a,
.pagination.circle > li:last-child > span,
.pagination.rounded > li:last-child > span
{
    border: none;
}

.pagination.circle > li > a,
.pagination.circle > li > span
{
    border-radius: 50%;
}

.pagination.rounded > li > a,
.pagination.rounded > li > span
{
    border-radius: 0;
}

.pagination.pagination-minimal > li:first-child > a,
.pagination.pagination-minimal .pagination > li:first-child > span,
.pagination.pagination-minimal > li:last-child > a,
.pagination.pagination-minimal > li:last-child > span
{
    border-radius: 0;
}

.pagination.pagination-minimal > li > a,
.pagination.pagination-minimal > li > span
{
    color: red;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom-width: 2px;
}

.pagination.pagination-minimal > li > a:after,
.pagination.pagination-minimal > li > span:after
{
    content: ' ';
    display: block;
    width: 0%;
    height: 2px;
    position: absolute;
    bottom: -1px;
    left: 0;
    -webkit-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    background: red;
}

.pagination.pagination-minimal > li > a:focus,
.pagination.pagination-minimal > li > span:focus,
.pagination.pagination-minimal > li > a:hover,
.pagination.pagination-minimal > li > span:hover
{
    background: none;
}

.pagination.pagination-minimal > li > a:focus:after,
.pagination.pagination-minimal > li > span:focus:after,
.pagination.pagination-minimal > li > a:hover:after,
.pagination.pagination-minimal > li > span:hover:after
{
    width: 100%;
}

/* PAGE HEADER
================================================== */

.page-header
{
    padding: 24px 0;
    margin: 0;
}

.page-header h1,
.page-header h2,
.page-header h3,
.page-header h4,
.page-header h5,
.page-header h6,
.page-header p
{
    display: inline-block;
}

.page-header h1:first-child,
.page-header h2:first-child,
.page-header h3:first-child,
.page-header h4:first-child,
.page-header h5:first-child,
.page-header h6:first-child,
.page-header p:first-child
{
    margin-top: 0;
}

.page-header h1:last-child,
.page-header h2:last-child,
.page-header h3:last-child,
.page-header h4:last-child,
.page-header h5:last-child,
.page-header h6:last-child,
.page-header p:last-child
{
    margin-bottom: 0;
}

.page-header h1 small,
.page-header h2 small,
.page-header h3 small,
.page-header h4 small,
.page-header h5 small,
.page-header h6 small,
.page-header p small,
.page-header h1 .small,
.page-header h2 .small,
.page-header h3 .small,
.page-header h4 .small,
.page-header h5 .small,
.page-header h6 .small,
.page-header p .small
{
    font-size: 75%;
    font-family: 'Roboto', sans-serif;
}

.page-header h1
{
    font-size: 20px;
}

.page-header h2
{
    font-size: 18px;
}

.page-header h3
{
    font-size: 16px;
}

.page-header .mask .container
{
    padding-top: 24px;
    padding-bottom: 24px;
}

.page-header.large
{
    height: auto;
}

@media (min-width: 768px)
{
    .page-header.large
    {
        height: 320px;
    }
}

.page-header.x-large
{
    height: auto;
}

@media (min-width: 768px)
{
    .page-header.x-large
    {
        height: 650px;
    }
}

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

.page-header.center h1,
.page-header.center h2,
.page-header.center h3,
.page-header.center h4,
.page-header.center h5,
.page-header.center h6,
.page-header.center p
{
    text-align: center;
}

/*** vertical center ***/

.page-header .v-align-center.container
{
    padding-top: 24px;
    padding-bottom: 24px;
}

@media (min-width: 480px)
{
    .page-header .v-align-center.container
    {
        display: table;
        height: 100%;
        position: relative;
    }
    .page-header .v-align-center.container > .row
    {
        display: table-row;
        height: 100%;
        float: none;
    }
    .page-header .v-align-center.container > .row > div[class*='col-']
    {
        display: table-cell;
        vertical-align: middle;
        float: none;
    }
}

/* NAV BAR
================================================== */

.menu-header .main-logo-light
{
    display: none;
}

.menu-header .main-logo
{
    max-height: 100px;
}

.menu-header .main-logo-light
{
    display: none;
}

.menu-header .navbar-default .navbar-nav > .active > a,
.menu-header .navbar-default .navbar-nav > .active > a:focus,
.menu-header .navbar-default .navbar-nav > .active > a:hover
{
    background: none;
}

.dark-header .menu-header .main-logo
{
    display: none;
}

.dark-header .menu-header .main-logo-light
{
    display: block;
}

.light-header .menu-header .main-logo-light
{
    display: none;
}

.light-header .menu-header .main-logo
{
    display: block;
}

.light-header .menu-header .main-logo-light
{
    display: none;
}

.menu-header.navbar-fixed-top
{
    z-index: 500;
}

.navbar-default
{
    border: none;
}

.navbar-default .navbar-toggle
{
    border: none;
    border-radius: 0;
}

.navbar-brand
{
    padding: 0px 0px 0px 0px;
}

.navbar-nav.navbar-right:last-child
{
    margin-right: 0;
}

.menu-header .navbar[role="navigation"]
{
    margin-bottom: 0;
}

.menu-header .navbar-brand
{
    height: auto;
    padding-left: 0;
}

.sub-menu
{
    display: none;
}

.menu-header .nav a
{
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.08em;
}

.menu-header .nav li
{
    position: relative;
}

/* Sub menu */

.menu-header .nav > li .sub-menu
{
    list-style: none;
    padding: 0;
    margin-left: 20px;
}

.menu-header .nav > li .sub-menu a:not(.btn)
{
    padding-top: 12.8px;
    padding-bottom: 12.8px;
    line-height: 1.5;
    font-size: 14px;
    text-transform: none;
    font-weight: normal;
}

.menu-header .nav > li .sub-menu a:hover,
.menu-header .nav > li .sub-menu a:active,
.menu-header .nav > li .sub-menu a:focus
{
    text-decoration: none;
}

.menu-header .nav > li .sub-menu > li .sub-menu
{
    padding-left: 0;
}

/* mega menu */

.neko-mega-menu
{
    width: 100%;
}

.neko-mega-menu h2
{
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 10px;
}

.neko-mega-menu ul
{
    list-style: none;
    padding-left: 0;
}

.neko-mega-menu .mega-inner
{
    padding: 15px;
}

/* pre header */

#pre-header
{
    padding: 5px 0;
    font-size: 12px;
}

#pre-header .contact-phone,
#pre-header .social-icons
{
    display: inline-block;
    color: white;
}

#pre-header .contact-phone
{
    margin-right: 16px;
}

.quick-menu
{
    margin: 0;
    padding: 0;
}

.quick-menu li
{
    display: inline-block;
}

.quick-menu li a
{
    padding: 0 1em 0 0;
}

.quick-menu li a:hover
{
    text-decoration: none;
}

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

@media (max-width: 768px)
{
    .quick-contact
    {
        text-align: center;
    }
}

/**** Break point change from bs3.2.0 default****/

@media (max-width: 1024px)
{
    .menu-header.navbar-fixed-top .container
    {
        width: auto !important;
    }
    .menu-header .navbar-header
    {
        float: none !important;
    }
    .menu-header .navbar-header .navbar-toggle
    {
        display: block!important;
        margin-top: 23px!important;
    }
    .menu-header .navbar-nav
    {
        margin-bottom: 15px!important;
    }
    .menu-header .navbar-nav.navbar-right
    {
        float: none!important;
    }
    .menu-header .navbar-nav > li
    {
        float: none!important;
    }
    .menu-header .navbar-nav > li > a
    {
        padding-top: 10px!important;
        padding-bottom: 10px!important;
        line-height: 20px!important;
    }
    .menu-header .navbar-collapse.collapse
    {
        display: none !important;
    }
    .menu-header .navbar-collapse.collapse.in
    {
        display: block !important;
        overflow-y: auto !important;
    }
    .menu-header .neko-mega-menu
    {
        width: 97%!important;
        padding-top: 20px !important;
    }
    .menu-header .neko-mega-menu:before,
  .menu-header .neko-mega-menu:after
    {
        content: " ";
        display: table;
    }
    .menu-header .neko-mega-menu:after
    {
        clear: both;
    }
    .menu-header .neko-mega-menu .mega-inner
    {
        padding: 0;
    }
    .menu-header .neko-mega-menu .col-md-3
    {
        width: 100%!important;
        padding: 0!important;
    }
}

/**** Break point change from bs3.2.0 default****/

/* Small devices (tablets, 768px and up) */

/* Medium devices (desktops, 992px and up) */

@media (min-width: 992px)
{
    .navbar-nav > li > a
    {
        padding-top: 60px;
    }
}

@media (min-width: 1025px)
{
    .menu-header .nav a
    {
        padding-left: 0px;
        padding-right: 36px;
    }
	.menu-header .nav a.language
{
    font-size: 11px;
	padding-left: 6px;
    padding-right: 0px;
}

    .menu-header .nav > li:not(:first-child):not(:last-child):before
    {
        content: '';
    }
    .menu-header .nav li .btn
    {
        margin-top: 21px;
    }
    .menu-header .nav > li .sub-menu
    {
        left: 0;
        margin-left: 0;
    }
    .menu-header .nav > li .sub-menu > li .sub-menu
    {
        top: 0;
        left: 130px;
    }
    .menu-header .nav > li .sub-menu a
    {
        width: 100%;
        padding: 10px;
    }
    .menu-header .nav li.neko-mega-menu-trigger
    {
        position: static !important;
    }
    .menu-header .sub-menu
    {
        position: absolute;
        z-index: 1;
        min-width: 220px;
    }
    .neko-mega-menu
    {
        right: 0;
        left: 0 !important;
        padding-left: 0;
    }
    .neko-mega-menu h2
    {
        padding-left: 10px;
    }
    .neko-mega-menu .mega-inner
    {
        padding: 30px 0;
    }
    .neko-mega-menu .mega-inner ul > li > a
    {
        padding-top: 2px;
        padding-bottom: 2px;
    }
    .quick-contact
    {
        text-align: right;
    }
}

/** sidebar menu **/

.sidebar-menu ul
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.sidebar-menu li a
{
    padding: 16px 0;
    display: block;
}

.sidebar-menu li a:before
{
    font-family: 'custom-icons';
    content: '\e962';
    margin-right: 6px;
}

.sidebar-menu li a:hover,
.sidebar-menu li a.active
{
    text-decoration: none;
}

/* NAVABAR OPTIONS
================================================== */

body
{
    padding-top: 81px;
}

body #pre-header
{
    display: none;
}

.pre-header-on
{
    padding-top: 112px;
}

.pre-header-on #pre-header
{
    display: block;
}

@media (min-width: 768px)
{
    .pre-header-on-sm
    {
        padding-top: 112px;
    }
    .pre-header-on-sm #pre-header
    {
        display: block;
    }
}

@media (min-width: 1025px)
{
    body.header-1
    {
        padding-top: 122px;
    }
    body.header-1.pre-header-on,
  body.header-1.pre-header-on-sm
    {
        padding-top: 153px;
    }
    body.header-1 .menu-header > .container
    {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    body.header-1 .menu-header .navbar a
    {
        font-weight: lighter;
    }
    body.header-1 .menu-header.scroll-header .nav
    {
        padding: 0;
    }
    body.header-2 .menu-header .nav a.btn
    {
        margin-left: 10px;
    }
}

body.header-3 #pre-header
{
    border-bottom: 1px solid transparent;
}

@media (min-width: 1025px)
{
    body.header-3 .menu-header .nav a
    {
        font-weight: lighter;
        text-transform: none;
    }
    body.header-3 .menu-header .nav > li > a:not(.btn)
    {
        border-left: 1px solid transparent;
    }
    body.header-4 .navbar-brand
    {
        padding-top: 37px;
    }
    body.header-4 .menu-header .nav > li > a:not(.btn)
    {
        padding: 8px 13px;
        margin-top: 22px;
        margin-bottom: 22px;
        margin-right: 10px;
        border: 1px solid transparent;
        font-weight: bold;
    }
    body.header-4 .menu-header .nav > li > a:not(.btn) i
    {
        display: block;
        text-align: center;
    }
    body.header-4 .menu-header .nav li .btn.border
    {
        margin-top: 32px;
    }
    body.header-4 .menu-header .nav > li > .sub-menu
    {
        margin-top: -2px;
        border-radius: 0;
        top: 70px;
        padding: 15px;
    }
    body.header-4 .menu-header .nav > li > .sub-menu a
    {
        border-bottom: 1px solid transparent;
    }
}

@media (min-width: 1025px) and (min-width: 1200px)
{
    body.header-4 .menu-header .nav > li > a:not(.btn)
    {
        padding: 8px 16px;
    }
}

@media (min-width: 1025px)
{
    body.header-5 .menu-header .nav > li > a
    {
        border-radius: 4px;
        padding: 8px 13px;
        margin-top: 22px;
        margin-bottom: 22px;
        margin-right: 10px;
        border: 1px solid transparent;
    }
    body.header-5 .menu-header .nav > li > .sub-menu
    {
        border-radius: 4px;
        top: 70px;
    }
    body.header-5 .menu-header .nav > li > .sub-menu a
    {
        border-bottom: 1px solid transparent;
    }
    body.header-5 .menu-header .nav .neko-mega-menu .mega-inner
    {
        border: none !important;
    }
    body.header-6
    {
        padding-top: 0;
    }
    body.header-6 .menu-header
    {
        border-bottom: 1px solid transparent;
        -webkit-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
        -moz-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
        -o-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
        transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
        box-shadow: none;
    }
    body.header-6 .menu-header .navbar-default .navbar-nav > li:hover > a:not(.btn):after
    {
        position: absolute;
        bottom: 25px;
        left: 0;
        content: '';
        width: 100%;
        -moz-animation: bounceIn 300ms ease-in;
        -webkit-animation: bounceIn 300ms ease-in;
        animation: bounceIn 300ms ease-in;
        border-bottom: 2px solid transparent;
    }
    body.header-6 .menu-header .navbar-default .navbar-nav > li > a:not(.btn)
    {
        padding-bottom: 31px;
        padding-left: 0;
        padding-right: 0;
        margin-left: 15px;
        margin-right: 15px;
        position: relative;
    }
    body.header-6 .menu-header .navbar-default .navbar-nav > li > a:not(.btn).active:after
    {
        position: absolute;
        bottom: 25px;
        left: 0;
        content: '';
        width: 100%;
        -moz-animation: bounceIn 300ms ease-in;
        -webkit-animation: bounceIn 300ms ease-in;
        animation: bounceIn 300ms ease-in;
        border-bottom: 2px solid transparent;
    }
    body.header-6 .menu-header .navbar-default .navbar-nav > li.active > a:not(.btn):after
    {
        position: absolute;
        bottom: 25px;
        left: 0;
        content: '';
        width: 100%;
        -moz-animation: bounceIn 300ms ease-in;
        -webkit-animation: bounceIn 300ms ease-in;
        animation: bounceIn 300ms ease-in;
        border-bottom: 2px solid transparent;
    }
    body.header-6 .menu-header:not(.scroll-header) .main-logo
    {
        display: none;
    }
    body.header-6 .menu-header:not(.scroll-header) .main-logo-light
    {
        display: block;
    }
}

/* spacer for image headers */

@media (min-width: 1025px)
{
    .header-6-header-space
    {
        height: 80px;
    }
}

body.header-7 .menu-header
{
    border-bottom: 1px solid transparent;
    box-shadow: none;
}

@media (min-width: 1025px)
{
    body.header-7 .menu-header .navbar-default .navbar-nav > li:hover > a:not(.btn):after
    {
        position: absolute;
        bottom: 25px;
        left: 0;
        content: '';
        width: 100%;
        -moz-animation: bounceIn 300ms ease-in;
        -webkit-animation: bounceIn 300ms ease-in;
        animation: bounceIn 300ms ease-in;
        border-bottom: 2px solid transparent;
    }
    body.header-7 .menu-header .navbar-default .navbar-nav > li > a:not(.btn)
    {
        padding-bottom: 31px;
        padding-left: 0;
        padding-right: 0;
        margin-left: 15px;
        margin-right: 15px;
        position: relative;
    }
    body.header-7 .menu-header .navbar-default .navbar-nav > li > a:not(.btn).active:after
    {
        position: absolute;
        bottom: 25px;
        left: 0;
        content: '';
        width: 100%;
        -moz-animation: bounceIn 300ms ease-in;
        -webkit-animation: bounceIn 300ms ease-in;
        animation: bounceIn 300ms ease-in;
        border-bottom: 2px solid transparent;
    }
    body.header-7 .menu-header .navbar-default .navbar-nav > li.active > a:not(.btn):after
    {
        position: absolute;
        bottom: 25px;
        left: 0;
        content: '';
        width: 100%;
        -moz-animation: bounceIn 300ms ease-in;
        -webkit-animation: bounceIn 300ms ease-in;
        animation: bounceIn 300ms ease-in;
        border-bottom: 2px solid transparent;
    }
}

.side-menu #pre-header
{
    display: none;
}

.side-menu .menu-header
{
    width: 300px;
    height: 100%;
}

.side-menu .menu-header .container
{
    width: 100%;
}

.side-menu .menu-header .nav li
{
    width: 100%;
}

.side-menu .menu-header .sub-menu
{
    position: static;
}

.side-menu .menu-header .navbar-nav > li > a
{
    padding: 6px;
}

.side-menu main#content
{
    margin-left: 350px;
    padding-right: 50px;
}

.side-menu .container
{
    width: 100%;
}

@media (min-width: 1025px)
{
    body.header-transparent,
  body.header-semi-transparent
    {
        padding-top: 0;
    }
}

body.header-transparent.light-header .menu-header:not(.scroll-header) .main-logo-light
{
    display: block;
}

body.header-transparent.light-header .menu-header:not(.scroll-header) .main-logo
{
    display: none;
}

/* PROGRESS BARS
================================================== */

.progress
{
    height: 18px;
    border-radius: 9px;
    border: 1px solid transparent;
    margin-bottom: 0;
}

.progress span
{
    line-height: 18px;
}

.progress.large
{
    height: 36px;
    border-radius: 18px;
}

.progress.large span
{
    line-height: 36px;
}

.progress.medium
{
    height: 24px;
    border-radius: 12px;
}

.progress.medium span
{
    line-height: 24px;
}

.progress.small
{
    height: 10px;
    border-radius: 5px;
}

.progress.small span
{
    line-height: 10px;
}

.progress.x-small
{
    height: 2px;
    border-radius: 2px;
    border: none;
}

.progress-bar
{
    line-height: 10px;
}

footer#main-footer
{
    padding-top: 96px;
    padding-bottom: 0;
}

footer#main-footer a:hover
{
    text-decoration: none;
}

footer#main-footer #footer-rights
{
    padding-top: 24px;
    padding-bottom: 24px;
    text-align: center;
}

footer#main-footer #footer-rights h1:first-child,
footer#main-footer #footer-rights h2:first-child,
footer#main-footer #footer-rights h3:first-child,
footer#main-footer #footer-rights h4:first-child,
footer#main-footer #footer-rights h5:first-child,
footer#main-footer #footer-rights h6:first-child,
footer#main-footer #footer-rights p:first-child
{
    margin-top: 0;
}

footer#main-footer #footer-rights h1:last-child,
footer#main-footer #footer-rights h2:last-child,
footer#main-footer #footer-rights h3:last-child,
footer#main-footer #footer-rights h4:last-child,
footer#main-footer #footer-rights h5:last-child,
footer#main-footer #footer-rights h6:last-child,
footer#main-footer #footer-rights p:last-child
{
    margin-bottom: 0;
}

footer#main-footer #footer-rights p
{
    font-size: 9.6px;
}

footer#main-footer #footer-rights .baseline-right
{
    text-align: center;
}

@media (min-width: 992px)
{
    footer#main-footer #footer-rights .baseline-right
    {
        float: right;
        text-align: right;
    }
}

.footer-widget
{
    margin-bottom: 100px;
}

.footer-widget h1:first-child,
.footer-widget h2:first-child,
.footer-widget h3:first-child,
.footer-widget h4:first-child,
.footer-widget h5:first-child,
.footer-widget h6:first-child,
.footer-widget p:first-child
{
    margin-top: 0;
}

.footer-widget h1:last-child,
.footer-widget h2:last-child,
.footer-widget h3:last-child,
.footer-widget h4:last-child,
.footer-widget h5:last-child,
.footer-widget h6:last-child,
.footer-widget p:last-child
{
    margin-bottom: 0;
}

.footer-widget h1
{
    font-size: 28.8px;
}

.footer-widget h2
{
    font-size: 19.2px;
}

.footer-widget h3
{
    font-size: 16px;
}

.footer-widget h4
{
    font-size: 14.4px;
}

.footer-widget h5
{
    font-size: 12.8px;
}

.footer-widget h6
{
    font-size: 11.2px;
}

.footer-widget p
{
    font-size: 14.4px;
}

.works-list li
{
    display: block;
    float: left;
    margin: 0 10px 10px 0;
    width: 60px;
    height: 60px;
}

.works-list li a
{
    display: block;
}

.works-list li img
{
    max-width: 100%;
}

footer#main-footer ul.border li
{
    font-size: 14.4px;
}

@media (min-width: 768px)
{
    .parallaxed-footer footer#main-footer
    {
        position: fixed;
        width: 100%;
        z-index: 0;
        bottom: 0;
        left: 0;
        -webkit-transform: translateZ(0);
    }
}

.carousel-control[data-slide="prev"],
.carousel-control[data-slide="next"]
{
    padding-top: 25%;
}

/* OWL CAROUSEL
================================================== */

.owl-carousel .owl-item .item
{
    position: relative;
}

.owl-carousel.owl-margins .owl-item .item
{
    margin-right: 3px;
    margin-left: 3px;
}

/*** pagination ***/

/* small device */

.owl-theme .owl-controls
{
    margin-top: 24px;
}

.owl-theme .owl-controls .owl-page span.owl-numbers,
.owl-theme .owl-controls .owl-buttons div
{
    width: 24px;
    height: 24px;
    line-height: 24px;
    padding: 0;
}

.owl-theme .owl-controls .owl-buttons .owl-next i[class^="icon-"]:before,
.owl-theme .owl-controls .owl-buttons .owl-prev i[class^="icon-"]:before,
.owl-theme .owl-controls .owl-buttons .owl-next i[class*=" icon-"]:before,
.owl-theme .owl-controls .owl-buttons .owl-prev i[class*=" icon-"]:before
{
    margin: 0;
    text-align: center;
    font-size: 0.8em;
}

.owl-theme .owl-controls .owl-buttons .owl-prev i.icon-owl-navigation-left:before
{
    content: '\e8cd';
}

.owl-theme .owl-controls .owl-buttons .owl-next i.icon-owl-navigation-right:before
{
    content: '\e8cc';
}

/* Captions mamangement */

.caption-wrapper
{
    position: absolute;
    top: 0;
    right: auto;
    width: 100%;
    height: 100%;
}

.caption-wrapper .caption
{
    display: table;
    height: 100%;
    width: 100%;
    padding: 24px;
}

.caption-wrapper .caption h1:first-child,
.caption-wrapper .caption h2:first-child,
.caption-wrapper .caption h3:first-child,
.caption-wrapper .caption h4:first-child,
.caption-wrapper .caption h5:first-child,
.caption-wrapper .caption h6:first-child,
.caption-wrapper .caption p:first-child
{
    margin-top: 0;
}

.caption-wrapper .caption h1:last-child,
.caption-wrapper .caption h2:last-child,
.caption-wrapper .caption h3:last-child,
.caption-wrapper .caption h4:last-child,
.caption-wrapper .caption h5:last-child,
.caption-wrapper .caption h6:last-child,
.caption-wrapper .caption p:last-child
{
    margin-bottom: 0;
}

.caption-wrapper .caption.right
{
    position: absolute;
    right: 0;
    left: auto;
    height: 100%;
    width: 50%;
}

.caption-wrapper .caption.left
{
    height: 100%;
    width: 50%;
}

.caption-wrapper .caption .caption-body-wrapper
{
    text-align: left;
    display: inline-block;
}

.caption-wrapper .caption-content-position
{
    display: table-cell;
    padding-right: 10px;
    padding-left: 10px;
}

.caption-wrapper .caption-content-position.v-top
{
    vertical-align: top;
}

.caption-wrapper .caption-content-position.v-middle
{
    vertical-align: middle;
}

.caption-wrapper .caption-content-position.v-bottom
{
    vertical-align: bottom;
}

.owl-theme.neko-owl-theme-1:hover .owl-controls,
.owl-theme.neko-owl-theme-1:hover .owl-controls .owl-buttons div
{
    opacity: 1;
}

.owl-theme.neko-owl-theme-1 .owl-wrapper
{
    z-index: 1;
}

.owl-theme.neko-owl-theme-1 .owl-controls
{
    margin-top: -30px;
    display: block;
    width: 100%;
    opacity: 0;
}

.owl-theme.neko-owl-theme-1 .owl-controls .owl-pagination
{
    z-index: 9999;
    display: block;
    position: relative;
}

.owl-theme.neko-owl-theme-1 .owl-controls .owl-page span
{
    background: white;
}

.owl-theme.neko-owl-theme-1 .owl-controls .owl-page.active span
{
    opacity: 1;
}

.owl-theme.neko-owl-theme-1 .owl-controls .owl-buttons div
{
    position: absolute;
    top: 50%;
    z-index: 2000;
    margin: 0;
    margin-top: -50px;
    height: 100px;
    width: 50px;
    border-radius: 0;
    line-height: 100px;
    opacity: 0;
    -webkit-transition: all 0.8s ease-out;
    -moz-transition: all 0.8s ease-out;
    -o-transition: all 0.8s ease-out;
    -ms-transition: all 0.8s ease-out;
    transition: all 0.8s ease-out;
}

.owl-theme.neko-owl-theme-1 .owl-controls .owl-buttons .owl-prev
{
    left: 0;
}

.owl-theme.neko-owl-theme-1 .owl-controls .owl-buttons .owl-next
{
    right: 0;
}

.owl-theme.neko-owl-left-nav .owl-controls
{
    text-align: left;
}

.owl-theme.neko-owl-left-nav .owl-controls .owl-prev,
.owl-theme.neko-owl-left-nav .owl-controls .owl-next
{
    text-align: center;
}

.owl-theme.neko-owl-right-nav .owl-controls
{
    text-align: right;
}

.owl-theme.neko-owl-right-nav .owl-controls .owl-prev,
.owl-theme.neko-owl-right-nav .owl-controls .owl-next
{
    text-align: center;
}

/*.arrows-middle .owl-buttons div{
	position:absolute;
}*/

/* BLOG
================================================== */

ul.entry-meta
{
    margin: 0 0 16px 0;
    padding: 0;
}

ul.entry-meta li
{
    display: inline-block;
    margin: 0 3px 0 0;
    padding: 5px;
    line-height: 1em;
    font-size: x-small;
}

/*** Post date ***/

/* See feature box for "latest posts" style */

.post-date
{
    display: block;
    line-height: 1;
    width: 55px;
    text-align: center;
    top: 1em;
}

.post-date .date-day
{
    border: 1px solid transparent;
    border-bottom: none;
    display: block;
    font-size: 28px;
    line-height: 1em;
    padding: 11px 0;
    font-weight: 800;
}

.post-date .date-month
{
    border: 1px solid transparent;
    border-top: none;
    display: block;
    font-size: 12px;
    font-weight: 400;
    padding: 8px 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

.widget
{
    margin-bottom: 24px;
}

.tag-cloud a {
  font-weight: bold;
  text-transform: uppercase;
  border: 1px solid transparent;
  -webkit-transition: all 1000ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 1000ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 1000ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 1000ms cubic-bezier(0.23, 1, 0.32, 1);
  /* easeOutQuint */
  padding: 13px 22px;
  font-size: 12px;
  line-height: 1.33;
  padding: 8px 20px;
  font-size: 10px;
  line-height: 1.5;
  border-radius: 0;
  margin-bottom: 6px;
  display: inline-block;
}

@media (max-width: 767px)
{
    .tag-cloud a
    {
        white-space: normal;
    }
}

.tag-cloud a:hover
{
    -webkit-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
}

.tag-cloud a:active,
.tag-cloud a.active,
.tag-cloud a:focus
{
    outline: none;
    box-shadow: none;
}

.tag-cloud a:hover
{
    text-decoration: none;
}

/* END BLOG
================================================== */

/* COUNTER
================================================== */

.counter
{
    font-size: 72px;
    font-weight: x-bold;
    text-align: center;
}

/* END COUNTER
================================================== */

/* Free wall */

.free-wall
{
    opacity: 0;
    margin: 0;
}

.free-wall.neko-hover-2 figure
{
    height: 100%;
    position: relative;
}

.free-wall.neko-hover-2 figure > div
{
    height: 100%;
}

.free-wall .brick {
  width: 200px;
  height: 200px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-backface-visibility: hidden;
  /* Chrome, Safari, Opera */
  backface-visibility: hidden;
  background-position: center center;
}
.free-wall .brick.ht2 {
  height: 400px;
}
.free-wall .brick.w2 {
  width: 400px;
}
.free-wall .brick.caption
{
    width: 400px;
    height: auto !important;
    border: 1px solid transparent;
}

.free-wall .brick.caption figcaption
{
    padding: 10px;
}

.free-wall.rollover figure
{
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
}

.free-wall.rollover .hovered
{
    background-color: rgba(0, 0, 0, 0.6) !important;
}

/* End Free wall */

/* Mosaic */

.portfolio-mosaic.mosaic5 article,
.portfolio-mosaic.mosaic4 article,
.portfolio-mosaic.mosaic3 article,
.portfolio-mosaic.mosaic2 article
{
    width: 50%;
    position: relative;
    overflow: hidden;
}

.portfolio-mosaic article
{
    float: left;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

/* End Mosaic */

/* Portfolio common elements */

.icon-popup:before
{
    content: '\e81a';
}

.icon-readmore:before
{
    content: '\e810';
}

/* End Portfolio common elements */

/* Small devices (tablets, 768px and up) */

@media (min-width: 768px)
{
/* Mosaic */
    .portfolio-mosaic.mosaic5 article,
  .portfolio-mosaic.mosaic4 article,
  .portfolio-mosaic .mosaic3 article,
  .portfolio-mosaic.mosaic2 article
    {
        width: 33.32%;
    }
/* End Mosaic */
}

/* Medium devices (desktops, 1200px and up) */

@media (min-width: 1200px)
{
/* End Masonery */
/* Mosaic */
    .portfolio-mosaic.mosaic5 article
    {
        width: 20%;
    }
    .portfolio-mosaic.mosaic4 article
    {
        width: 25%;
    }
    .portfolio-mosaic.mosaic3 article
    {
        width: 33.32%;
    }
    .portfolio-mosaic.mosaic2 article
    {
        width: 50%;
    }
/* End Mosaic */
}

.caption-grid-layout figure figcaption
{
    margin-top: 0;
}

.caption-grid-layout figure figcaption p
{
    margin-bottom: 0;
}

.caption-grid-layout.free-wall .brick.caption figcaption
{
    padding: 22px;
}

.alert
{
    padding: 24px;
    margin-bottom: 24px;
    border-radius: 0;
}

.alert .alert-link
{
    font-weight: bold;
}

.alert-dismissable,
.alert-dismissible
{
    padding-right: 44px;
}

.swiper-tab .swiper-engine
{
    height: 400px;
    width: 100% !important;
    border-top: 0;
    position: relative;
    overflow: hidden;
}

.swiper-tab .swiper-engine .swiper-slide
{
    height: 600px;
    width: 100%;
}

.swiper-tab .swiper-engine .content-slide
{
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 24px;
}

.swiper-tab .swiper-engine.medium
{
    height: 600px;
}

.swiper-tab .swiper-engine.large
{
    height: 800px;
}

.swiper-tab .swiper-engine.fullscreen
{
    height: 100%;
}

.swiper-tab .swiper-engine .swiper-slide
{
    position: relative;
}

.swiper-tab .btn-group
{
    height: 100%;
}

.swiper-tab .btn-group .btn
{
    vertical-align: top;
    white-space: normal;
    border: none;
    padding: 2em 0.5em;
    height: 100%;
}

@media (max-width: 991px)
{
    .swiper-tab .btn-group .btn
    {
        width: 100%;
        display: block;
        float: left;
    }
}

@media (max-width: 480px)
{
    .swiper-tab .btn-group .btn
    {
        width: 100%;
    }
}

.swiper-tab .btn-group .btn.active,
.swiper-tab .btn-group .btn:hover
{
    box-shadow: none;
}

.swiper-tab .btn-group .btn:first-child,
.swiper-tab .btn-group .btn:last-child
{
    border-radius: 0;
}

.swiper-vertical
{
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    opacity: 0;
}

.swiper-vertical .swiper-slide
{
    min-height: 400px;
    width: 100%;
    opacity: 0.2;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -ms-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
}

.swiper-vertical .swiper-slide-visible
{
    opacity: 1;
}

.swiper-vertical .swiper-preloader
{
    position: absolute;
    left: 0;
    bottom: -100px;
    z-index: 0;
    text-align: center;
    line-height: 100px;
    height: 100px;
    width: 100%;
    opacity: 0;
    font-size: 25px;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -ms-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
}

.swiper-vertical .swiper-preloader.visible
{
    bottom: 0px;
    opacity: 1;
}

.swiper-horizontal
{
    width: 100%;
    position: relative;
    height: 800px;
    opacity: 0;
    cursor: col-resize;
}

.swiper-horizontal .swiper-slide
{
    height: 100%;
    width: 20%;
    opacity: 1;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -ms-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    display: table;
}

.swiper-horizontal .swiper-slide figure
{
    height: 100%;
    display: table-row;
}

.swiper-horizontal .swiper-slide figure figcaption
{
    display: table-cell;
    margin-top: 0;
    height: 100%;
    vertical-align: middle;
    opacity: 0;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
}

.swiper-horizontal .swiper-slide-visible
{
    opacity: 1;
}

.swiper-horizontal .swiper-scrollbar
{
    height: 10px;
    width: 100%;
    left: 0;
    bottom: 0px;
    position: absolute;
    border-radius: 0;
}

.swiper-horizontal .swiper-scrollbar .swiper-scrollbar-drag
{
    border-radius: 0;
}

.swiper-horizontal .swiper-preloader
{
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    line-height: 100px;
    height: 100%;
    width: 100px;
    opacity: 0;
    font-size: 25px;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -ms-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    z-index: -1;
}

.swiper-horizontal .swiper-preloader.visible
{
    right: 0;
    opacity: 1;
    z-index: 0;
}

.swiper-centered
{
    width: 100%;
    height: 500px;
    color: #fff;
    text-align: center;
    opacity: 0;
}

@media (max-width: 1025px)
{
    .swiper-centered
    {
        height: 300px;
    }
}

.swiper-centered .swiper-slide
{
    height: 500px;
    opacity: 0.4;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -ms-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
}

.swiper-centered .swiper-slide.swiper-slide-active
{
    opacity: 1;
}

@media (max-width: 1025px)
{
    .swiper-centered .swiper-slide
    {
        height: 300px;
    }
}

.swiper-centered .navigation
{
    position: absolute;
    z-index: 20;
    top: 50%;
    width: 100%;
    margin-top: -50px;
}

.swiper-centered .navigation a
{
    height: 100px;
    width: 50px;
    border-radius: 0;
    line-height: 100px;
    -webkit-transition: all 0.8s ease-out;
    -moz-transition: all 0.8s ease-out;
    -o-transition: all 0.8s ease-out;
    -ms-transition: all 0.8s ease-out;
    transition: all 0.8s ease-out;
}

.swiper-centered .navigation a i[class^="icon-"]:before,
.swiper-centered .navigation a i[class*=" icon-"]:before
{
    margin: 0;
    text-align: center;
    font-size: 0.8em;
}

.swiper-centered .navigation a.swiper-prev
{
    float: left;
}

.swiper-centered .navigation a.swiper-prev i:before
{
    content: '\e8cd';
}

.swiper-centered .navigation a.swiper-next
{
    float: right;
}

.swiper-centered .navigation a.swiper-next i:before
{
    content: '\e8cc';
}

.swiper-parent .swiper-pagination-switch,
.swiper-child .swiper-pagination-switch
{
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #222;
    margin-right: 5px;
    opacity: 0.8;
    border: 1px solid #fff;
    cursor: pointer;
}

.swiper-parent .swiper-visible-switch,
.swiper-child .swiper-visible-switch
{
    background: #aaa;
}

.swiper-parent .swiper-active-switch,
.swiper-child .swiper-active-switch
{
    background: #fff;
}

/* PARALLAX
================================================== */

.parallax
{
    width: 100%;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
    background-position: top center;
    overflow: hidden;
}

/* Small devices (tablets, 768px and up) */

/* Medium devices (desktops, 992px and up) */

/* Medium devices (desktops, 992px and up) */

@media (min-width: 1025px)
{
    .parallax
    {
        background-attachment: fixed;
        background-position: 50% 0;
        background-size: cover;
        -webkit-backface-visibility: hidden;
        transition-property: background-position;
    }
}

/* Large devices (large desktops, 1200px and up) */

/* END PARALLAX
================================================== */

/*** G.map***/

#map-wrapper
{
    height: 350px;
    width: 100%;
}

#map-wrapper.large
{
    height: 650px;
}

#map-wrapper.medium
{
    height: 450px;
}

#map-wrapper.small
{
    height: 250px;
}

/*
@media (max-width: 767px)
{
    #map-wrapper
    {
        width: 600px;
        margin: 0 auto;
    }
}
*/

/* accordeon */

.panel-group .panel-heading .accordion-toggle
{
    display: block;
}

.panel-group .panel-heading .accordion-toggle:before
{
    font-family: 'custom-icons';
    content: '\e8ce';
    float: right;
}

.panel-group .panel-heading .accordion-toggle.collapsed:before
{
    content: '\e8cc';
}

.panel-title > a:hover,
.panel-title > a:focus
{
    text-decoration: none;
}

/* accordeon */

.panel-group.accordion-minimal
{
    overflow: hidden;
}

.panel-group.accordion-minimal .panel-heading
{
    padding: 0;
}

.panel-group.accordion-minimal .panel-heading .accordion-toggle
{
    -webkit-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    padding: 16px;
    padding-left: 25px;
    display: block;
    position: relative;
}

.panel-group.accordion-minimal .panel-heading .accordion-toggle i
{
    -webkit-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    position: absolute;
    left: 0;
}

.panel-group.accordion-minimal .panel-heading .accordion-toggle i:before
{
    font-size: 18px;
}

.panel-group.accordion-minimal .panel-heading .accordion-toggle:before
{
    font-family: 'custom-icons';
    content: '\e8ce';
    float: right;
}

.panel-group.accordion-minimal .panel-heading .accordion-toggle:after
{
    content: ' ';
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: -1px;
    left: 0;
    -webkit-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    background: red;
}

.panel-group.accordion-minimal .panel-heading .accordion-toggle.collapsed
{
    padding-left: 0;
}

.panel-group.accordion-minimal .panel-heading .accordion-toggle.collapsed i
{
    left: -30px;
}

.panel-group.accordion-minimal .panel-heading .accordion-toggle.collapsed:after
{
    width: 0;
}

.panel-group.accordion-minimal .panel-heading .accordion-toggle.collapsed:before
{
    content: '\e8cc';
}

.panel-group.accordion-minimal .panel-heading .accordion-toggle.collapsed:hover
{
    padding-left: 25px;
}

.panel-group.accordion-minimal .panel-heading .accordion-toggle.collapsed:hover i
{
    left: 0;
}

.panel-group.accordion-minimal .panel-heading .accordion-toggle.collapsed:hover:after
{
    width: 100%;
}

/* superslides
================================================== */

.superslide-wrapper
{
    height: 600px;
}

.superslides.superslide-neko-theme-1 .prev,
.superslides.superslide-neko-theme-1 .next
{
    padding: 16px;
}

.superslides.superslide-neko-theme-1 .prev
{
    border-radius: 0 0 0 0;
}

.superslides.superslide-neko-theme-1 .next
{
    border-radius: 0 0 0 0;
}

.superslides.superslide-neko-theme-1:hover,
.superslides.superslide-neko-theme-1:active,
.superslides.superslide-neko-theme-1:focus
{
    text-decoration: none;
}

.superslides .slides-pagination
{
    padding-bottom: 24px;
}

.superslides .slides-pagination a
{
    width: 15px;
    height: 15px;
    margin: 5px;
}

.superslides.superslide-neko-theme-2 .prev,
.superslides.superslide-neko-theme-2 .next
{
    padding: 11px 16px 16px 16px;
    border: 2px solid transparent;
    width: 50px;
    height: 50px;
    text-align: center;
}

.superslides.superslide-neko-theme-2 .prev:before,
.superslides.superslide-neko-theme-2 .next:before
{
    font-family: 'custom-icons';
    font-size: 18px;
}

.superslides.superslide-neko-theme-2 .prev:hover,
.superslides.superslide-neko-theme-2 .next:hover,
.superslides.superslide-neko-theme-2 .prev:active,
.superslides.superslide-neko-theme-2 .next:active,
.superslides.superslide-neko-theme-2 .prev:focus,
.superslides.superslide-neko-theme-2 .next:focus
{
    text-decoration: none;
    opacity: 0.5;
}

.superslides.superslide-neko-theme-2 span
{
    display: none;
}

.superslides.superslide-neko-theme-2 .prev
{
    margin-left: 10px;
}

.superslides.superslide-neko-theme-2 .next
{
    margin-right: 10px;
}

.superslides.superslide-neko-theme-2 .prev:before
{
    content: '\e8cd';
}

.superslides.superslide-neko-theme-2 .next:before
{
    content: '\e8cc';
}

.superslides .slides-pagination
{
    padding-bottom: 24px;
    text-align: left;
    padding-left: 10px;
}

.superslides .slides-pagination a
{
    border: none;
    width: 10px;
    height: 10px;
    margin: 5px;
}

main#content
{
    overflow: hidden;
}

/*** Scroll up Button ***/

#neko-to-top
{
    position: fixed;
    bottom: 0;
    right: 20px;
    padding: 5px;
    display: none;
    border-radius: 4px 4px 0 0;
    text-align: center;
    z-index: 5;
    width: 50px;
    height: 50px;
}

#neko-to-top i:before
{
    content: '\e8cb';
    line-height: 40px;
    margin: 0;
}

/** background video **/

#video-bg
{
    height: 450px;
    position: relative;
}

/**** demo ***/

/*** STYLE SWITCHER ***/

#switcherContent
{
    padding: 0 0 15px 0;
}

.styleSwitcher
{
    position: fixed;
    top: 250px;
    width: 170px;
    left: -170px;
    z-index: 9999;
}

@media (max-width: 768px)
{
    .styleSwitcher
    {
        display: none;
    }
}

.styleSwitcher ul li
{
    display: inline-block;
    line-height: 20px;
}

.styleSwitcher ul
{
    display: block;
    padding: 0;
    margin: 0;
}

.styleSwitcher ul.switcher li a
{
    display: block;
    text-indent: -3000px;
    overflow: hidden;
    border: none;
    width: 20px;
    height: 20px;
    margin: 0 5px 0 0;
}

.styleSwitcher h1
{
    padding: 0 0 6px 15px;
    line-height: 44px;
    font-size: 14px;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    text-transform: uppercase;
    border: none;
    margin: 0;
    text-align: left;
}

.styleSwitcher h1:after
{
    content: none;
}

.styleSwitcher #showHideSwitcher
{
    outline: none;
    width: 50px;
    height: 50px;
    position: absolute;
    right: -50px;
    top: 0;
    font-size: 24px;
    text-align: center;
    line-height: 50px;
}

.styleSwitcher #showHideSwitcher i:before
{
    font-size: 26px;
    margin-right: 0!important;
    padding: 10px 0 0 3px;
}

.styleSwitcher #showHideSwitcher:hover i:before,
.styleSwitcher #showHideSwitcher:focus i:before,
.styleSwitcher #showHideSwitcher:active i:before
{
    text-decoration: none;
}

.styleSwitcher select
{
    font-size: 11px;
    margin: 0 0 15px 15px;
    border: 1px solid transparent;
    width: 120px;
    padding: 4px;
}

.styleSwitcher .switcher
{
    padding: 15px 15px 8px 15px;
}

.layoutStyle
{
    margin-bottom: 10px;
}

a.btnSwitcher
{
    display: block;
    width: 120px;
    border: 1px solid transparent;
    margin-top: 10px;
    text-transform: uppercase;
    padding: 10px;
    text-decoration: none;
    text-align: center;
    margin-left: 15px;
}

.headerSwitcher label
{
    margin-left: 15px;
}

/*** Preloader ***/

#preloader
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

.ie .neko-preloader
{
    background: transparent url('../../../images/theme-pics/loading.gif') no-repeat top left !important;
    width: 44px;
    margin: 0 auto;
    height: 11px !important;
}

html:not(.ie) .neko-preloader
{
    position: relative !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 50px !important;
    margin: 0 auto;
    -webkit-animation: preloader_5 1.5s infinite linear;
    -moz-animation: preloader_5 1.5s infinite linear;
    -ms-animation: preloader_5 1.5s infinite linear;
    animation: preloader_5 1.5s infinite linear;
}

html:not(.ie) .neko-preloader:after
{
    position: absolute !important;
    width: 60px !important;
    height: 60px !important;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-radius: 50px;
    content: '';
    top: -15px !important;
    left: -15px !important;
    -webkit-animation: preloader_5_after 1.5s infinite linear;
    -moz-animation: preloader_5_after 1.5s infinite linear;
    -ms-animation: preloader_5_after 1.5s infinite linear;
    animation: preloader_5_after 1.5s infinite linear;
}

/**** PRELOADER ADD TO NEKO FRAMEWORK****/

/*** fullscreen ***/

.fullscreen,
.real-fullscreen
{
    position: relative;
    overflow: hidden;
    background-size: cover !important;
    height: 100%;
}

@media (max-width: 767px)
{
    .fullscreen,
  .real-fullscreen
    {
        height: auto!important;
    }
}

/*** Force vertical scroll bar (isotope fix)***/

html.f-vertical-scroll
{
    overflow-y: scroll;
}

/*** Parallaxed footer main ***/

@media (min-width: 768px)
{
    .parallaxed-footer main
    {
        position: relative;
        z-index: 1;
        box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.08);
    }
}

.video-medp,
.audio-medp
{
    width: 100%;
    height: 100%;
}

/*** Animated header ***/

#animated-bubble
{
    position: absolute;
    top: 0;
    left: 0;
}

/*** Google Map ***/

.infoWindow
{
    white-space: nowrap;
}

.infoWindow h3
{
    margin: 5px 0 0 0;
    font-size: 14px;
}

.infoWindow p
{
    margin: 0;
}

/* SHOP
================================================== */

.rollover.effect-zoe .shop-product figure figcaption
{
    padding: 1em 0 0 0;
}

.rollover.effect-zoe .shop-product figure figcaption .icon-links
{
    float: none;
    width: 100%;
}

.rollover.effect-zoe .shop-product figure figcaption .icon-links a {
  font-size: 10px;
  line-height: 1.5;
  font-weight: bold;
  text-transform: uppercase;
  border: 1px solid transparent;
  -webkit-transition: all 1000ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 1000ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 1000ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 1000ms cubic-bezier(0.23, 1, 0.32, 1);
  /* easeOutQuint */
  padding: 13px 22px;
  font-size: 12px;
  line-height: 1.33;
  border-radius: 0;
  padding: 7px 15px;
  font-size: 14px;
}

@media (max-width: 767px)
{
    .rollover.effect-zoe .shop-product figure figcaption .icon-links a
    {
        white-space: normal;
    }
}

.rollover.effect-zoe .shop-product figure figcaption .icon-links a:hover
{
    -webkit-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
}

.rollover.effect-zoe .shop-product figure figcaption .icon-links a:active,
.rollover.effect-zoe .shop-product figure figcaption .icon-links a.active,
.rollover.effect-zoe .shop-product figure figcaption .icon-links a:focus
{
    outline: none;
    box-shadow: none;
}

.rollover.effect-zoe .shop-product figure figcaption .icon-links a + a
{
    float: right;
}

#pre-header.shop-pre-header
{
    padding: 0;
}

#pre-header.shop-pre-header .quick-menu
{
    margin-top: 10px;
}

#pre-header.shop-pre-header .quick-menu a
{
    text-transform: uppercase;
}

.shopping-cart-view
{
    position: absolute;
    z-index: 80;
    top: 41px;
    right: 22px;
    opacity: 0;
    display: none;
}

.shopping-cart-view table
{
    width: 100%;
}

.shopping-cart-view table > tbody > tr > td
{
    padding: 10px;
    border-bottom: 1px solid transparent;
    text-align: left;
}

.shopping-cart-view table > thead > tr > th
{
    padding: 10px;
    text-align: left;
    text-transform: uppercase;
}

.shopping-cart-view table > tbody > tr.shopping-cart-total > td
{
    font-size: 14px;
    text-align: right;
}

.shopping-cart-view .btn-group
{
    margin: 10px;
}

.product-gallery img
{
    opacity: 0.6;
    cursor: pointer;
}

.product-gallery img.product-active
{
    opacity: 1;
    cursor: default;
}

/* UTILITIES
================================================== */

.no-mt
{
    margin-top: 0!important;
}

.no-mb
{
    margin-bottom: 0!important;
}

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

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

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

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

/*  margin */

.mb-large
{
    margin-bottom: 60px;
}

@media (min-width: 768px)
{
    .mb-large
    {
        margin-bottom: 120px;
    }
}

.mb-medium
{
    margin-bottom: 66.66666667px;
}

@media (min-width: 768px)
{
    .mb-medium
    {
        margin-bottom: 100px;
    }
}

.mb-small
{
    margin-bottom: 16px;
}

.mb
{
    margin-bottom: 24px;
}

.mt-large
{
    margin-top: 60px;
}

@media (min-width: 768px)
{
    .mt-large
    {
        margin-top: 120px;
    }
}

.mt-medium
{
    margin-top: 50px;
}

@media (min-width: 768px)
{
    .mt-medium
    {
        margin-top: 100px;
    }
}

.mt-small
{
    margin-top: 16px;
}

.mt
{
    margin-top: 24px;
}

/*  padding */

.pb-large
{
    padding-bottom: 60px;
}

@media (min-width: 768px)
{
    .pb-large
    {
        padding-bottom: 120px;
    }
}

.pb-medium
{
    padding-bottom: 48px;
}

@media (min-width: 768px)
{
    .pb-medium
    {
        padding-bottom: 96px;
    }
}

.pb-small
{
    padding-bottom: 16px;
}

.pb
{
    padding-bottom: 24px;
}

.pt-large
{
    padding-top: 60px;
}

@media (min-width: 768px)
{
    .pt-large
    {
        padding-top: 120px;
    }
}

.pt-medium
{
    padding-top: 48px;
}

@media (min-width: 768px)
{
    .pt-medium
    {
        padding-top: 96px;
    }
}

.pt-small
{
    padding-top: 16px;
}

.pt
{
    padding-top: 24px;
}

/** add a margin bottom or top, only on mobile **/

@media (max-width: 767px)
{
    .mb-xs
    {
        margin-bottom: 24px;
    }
    .mt-xs
    {
        margin-top: 24px;
    }
}

/** add a margin bottom, on mobile and small devices **/

@media (max-width: 991px)
{
    .mb-sm
    {
        margin-bottom: 24px;
    }
    .mt-sm
    {
        margin-top: 24px;
    }
}

/** border ***/

.no-border
{
    border: none!important;
}

a.no-underline,
a.no-underline:hover
{
    text-decoration: none;
}

/** force inline-block **/

.inline
{
    display: inline-block !important;
}

.inline.hidden-xs
{
    display: none!important;
}

@media (min-width: 480px)
{
    .inline.hidden-xs
    {
        display: inline-block !important;
    }
}

/** force block **/

.block
{
    display: block!important;
}

/** boxed layout **/

@media (min-width: 480px)
{
    .boxed-layout #global-wrapper
    {
        margin: auto;
    }
}

@media (min-width: 768px)
{
    .boxed-layout
    {
        padding-top: 24px;
    }
    .boxed-layout #global-wrapper
    {
        width: 768px;
    }
    .boxed-layout .navbar-fixed-top
    {
        position: static;
    }
}

@media (min-width: 992px)
{
    .boxed-layout #global-wrapper
    {
        width: 992px;
    }
}

@media (min-width: 1200px)
{
    .boxed-layout #global-wrapper
    {
        width: 1200px;
    }
}

/* extends bootstrap with responsive pull right */

.pull-right-xs
{
    float: right;
}

@media (min-width: 480px)
{
    .pull-right-sm
    {
        float: right;
    }
}

@media (min-width: 992px)
{
    .pull-right-md
    {
        float: right;
    }
}

@media (min-width: 1200px)
{
    .pull-right-lg
    {
        float: right;
    }
}

.col-lg-1.padding-large,
.col-lg-10.padding-large,
.col-lg-11.padding-large,
.col-lg-12.padding-large,
.col-lg-2.padding-large,
.col-lg-3.padding-large,
.col-lg-4.padding-large,
.col-lg-5.padding-large,
.col-lg-6.padding-large,
.col-lg-7.padding-large,
.col-lg-8.padding-large,
.col-lg-9.padding-large,
.col-md-1.padding-large,
.col-md-10.padding-large,
.col-md-11.padding-large,
.col-md-12.padding-large,
.col-md-2.padding-large,
.col-md-3.padding-large,
.col-md-4.padding-large,
.col-md-5.padding-large,
.col-md-6.padding-large,
.col-md-7.padding-large,
.col-md-8.padding-large,
.col-md-9.padding-large,
.col-sm-1.padding-large,
.col-sm-10.padding-large,
.col-sm-11.padding-large,
.col-sm-12.padding-large,
.col-sm-2.padding-large,
.col-sm-3.padding-large,
.col-sm-4.padding-large,
.col-sm-5.padding-large,
.col-sm-6.padding-large,
.col-sm-7.padding-large,
.col-sm-8.padding-large,
.col-sm-9.padding-large,
.col-xs-1.padding-large,
.col-xs-10.padding-large,
.col-xs-11.padding-large,
.col-xs-12.padding-large,
.col-xs-2.padding-large,
.col-xs-3.padding-large,
.col-xs-4.padding-large,
.col-xs-5.padding-large,
.col-xs-6.padding-large,
.col-xs-7.padding-large,
.col-xs-8.padding-large,
.col-xs-9.padding-large
{
    padding: 120px;
}

@media (max-width: 768px)
{
    .col-lg-1.padding-large,
  .col-lg-10.padding-large,
  .col-lg-11.padding-large,
  .col-lg-12.padding-large,
  .col-lg-2.padding-large,
  .col-lg-3.padding-large,
  .col-lg-4.padding-large,
  .col-lg-5.padding-large,
  .col-lg-6.padding-large,
  .col-lg-7.padding-large,
  .col-lg-8.padding-large,
  .col-lg-9.padding-large,
  .col-md-1.padding-large,
  .col-md-10.padding-large,
  .col-md-11.padding-large,
  .col-md-12.padding-large,
  .col-md-2.padding-large,
  .col-md-3.padding-large,
  .col-md-4.padding-large,
  .col-md-5.padding-large,
  .col-md-6.padding-large,
  .col-md-7.padding-large,
  .col-md-8.padding-large,
  .col-md-9.padding-large,
  .col-sm-1.padding-large,
  .col-sm-10.padding-large,
  .col-sm-11.padding-large,
  .col-sm-12.padding-large,
  .col-sm-2.padding-large,
  .col-sm-3.padding-large,
  .col-sm-4.padding-large,
  .col-sm-5.padding-large,
  .col-sm-6.padding-large,
  .col-sm-7.padding-large,
  .col-sm-8.padding-large,
  .col-sm-9.padding-large,
  .col-xs-1.padding-large,
  .col-xs-10.padding-large,
  .col-xs-11.padding-large,
  .col-xs-12.padding-large,
  .col-xs-2.padding-large,
  .col-xs-3.padding-large,
  .col-xs-4.padding-large,
  .col-xs-5.padding-large,
  .col-xs-6.padding-large,
  .col-xs-7.padding-large,
  .col-xs-8.padding-large,
  .col-xs-9.padding-large
    {
        padding: 24px;
    }
}

.col-lg-1.padding-medium,
.col-lg-10.padding-medium,
.col-lg-11.padding-medium,
.col-lg-12.padding-medium,
.col-lg-2.padding-medium,
.col-lg-3.padding-medium,
.col-lg-4.padding-medium,
.col-lg-5.padding-medium,
.col-lg-6.padding-medium,
.col-lg-7.padding-medium,
.col-lg-8.padding-medium,
.col-lg-9.padding-medium,
.col-md-1.padding-medium,
.col-md-10.padding-medium,
.col-md-11.padding-medium,
.col-md-12.padding-medium,
.col-md-2.padding-medium,
.col-md-3.padding-medium,
.col-md-4.padding-medium,
.col-md-5.padding-medium,
.col-md-6.padding-medium,
.col-md-7.padding-medium,
.col-md-8.padding-medium,
.col-md-9.padding-medium,
.col-sm-1.padding-medium,
.col-sm-10.padding-medium,
.col-sm-11.padding-medium,
.col-sm-12.padding-medium,
.col-sm-2.padding-medium,
.col-sm-3.padding-medium,
.col-sm-4.padding-medium,
.col-sm-5.padding-medium,
.col-sm-6.padding-medium,
.col-sm-7.padding-medium,
.col-sm-8.padding-medium,
.col-sm-9.padding-medium,
.col-xs-1.padding-medium,
.col-xs-10.padding-medium,
.col-xs-11.padding-medium,
.col-xs-12.padding-medium,
.col-xs-2.padding-medium,
.col-xs-3.padding-medium,
.col-xs-4.padding-medium,
.col-xs-5.padding-medium,
.col-xs-6.padding-medium,
.col-xs-7.padding-medium,
.col-xs-8.padding-medium,
.col-xs-9.padding-medium
{
    padding: 96px;
}

@media (max-width: 768px)
{
    .col-lg-1.padding-medium,
  .col-lg-10.padding-medium,
  .col-lg-11.padding-medium,
  .col-lg-12.padding-medium,
  .col-lg-2.padding-medium,
  .col-lg-3.padding-medium,
  .col-lg-4.padding-medium,
  .col-lg-5.padding-medium,
  .col-lg-6.padding-medium,
  .col-lg-7.padding-medium,
  .col-lg-8.padding-medium,
  .col-lg-9.padding-medium,
  .col-md-1.padding-medium,
  .col-md-10.padding-medium,
  .col-md-11.padding-medium,
  .col-md-12.padding-medium,
  .col-md-2.padding-medium,
  .col-md-3.padding-medium,
  .col-md-4.padding-medium,
  .col-md-5.padding-medium,
  .col-md-6.padding-medium,
  .col-md-7.padding-medium,
  .col-md-8.padding-medium,
  .col-md-9.padding-medium,
  .col-sm-1.padding-medium,
  .col-sm-10.padding-medium,
  .col-sm-11.padding-medium,
  .col-sm-12.padding-medium,
  .col-sm-2.padding-medium,
  .col-sm-3.padding-medium,
  .col-sm-4.padding-medium,
  .col-sm-5.padding-medium,
  .col-sm-6.padding-medium,
  .col-sm-7.padding-medium,
  .col-sm-8.padding-medium,
  .col-sm-9.padding-medium,
  .col-xs-1.padding-medium,
  .col-xs-10.padding-medium,
  .col-xs-11.padding-medium,
  .col-xs-12.padding-medium,
  .col-xs-2.padding-medium,
  .col-xs-3.padding-medium,
  .col-xs-4.padding-medium,
  .col-xs-5.padding-medium,
  .col-xs-6.padding-medium,
  .col-xs-7.padding-medium,
  .col-xs-8.padding-medium,
  .col-xs-9.padding-medium
    {
        padding: 24px;
    }
}

.col-lg-1.padding-small,
.col-lg-10.padding-small,
.col-lg-11.padding-small,
.col-lg-12.padding-small,
.col-lg-2.padding-small,
.col-lg-3.padding-small,
.col-lg-4.padding-small,
.col-lg-5.padding-small,
.col-lg-6.padding-small,
.col-lg-7.padding-small,
.col-lg-8.padding-small,
.col-lg-9.padding-small,
.col-md-1.padding-small,
.col-md-10.padding-small,
.col-md-11.padding-small,
.col-md-12.padding-small,
.col-md-2.padding-small,
.col-md-3.padding-small,
.col-md-4.padding-small,
.col-md-5.padding-small,
.col-md-6.padding-small,
.col-md-7.padding-small,
.col-md-8.padding-small,
.col-md-9.padding-small,
.col-sm-1.padding-small,
.col-sm-10.padding-small,
.col-sm-11.padding-small,
.col-sm-12.padding-small,
.col-sm-2.padding-small,
.col-sm-3.padding-small,
.col-sm-4.padding-small,
.col-sm-5.padding-small,
.col-sm-6.padding-small,
.col-sm-7.padding-small,
.col-sm-8.padding-small,
.col-sm-9.padding-small,
.col-xs-1.padding-small,
.col-xs-10.padding-small,
.col-xs-11.padding-small,
.col-xs-12.padding-small,
.col-xs-2.padding-small,
.col-xs-3.padding-small,
.col-xs-4.padding-small,
.col-xs-5.padding-small,
.col-xs-6.padding-small,
.col-xs-7.padding-small,
.col-xs-8.padding-small,
.col-xs-9.padding-small
{
    padding: 16px;
}

.col-lg-1.padding,
.col-lg-10.padding,
.col-lg-11.padding,
.col-lg-12.padding,
.col-lg-2.padding,
.col-lg-3.padding,
.col-lg-4.padding,
.col-lg-5.padding,
.col-lg-6.padding,
.col-lg-7.padding,
.col-lg-8.padding,
.col-lg-9.padding,
.col-md-1.padding,
.col-md-10.padding,
.col-md-11.padding,
.col-md-12.padding,
.col-md-2.padding,
.col-md-3.padding,
.col-md-4.padding,
.col-md-5.padding,
.col-md-6.padding,
.col-md-7.padding,
.col-md-8.padding,
.col-md-9.padding,
.col-sm-1.padding,
.col-sm-10.padding,
.col-sm-11.padding,
.col-sm-12.padding,
.col-sm-2.padding,
.col-sm-3.padding,
.col-sm-4.padding,
.col-sm-5.padding,
.col-sm-6.padding,
.col-sm-7.padding,
.col-sm-8.padding,
.col-sm-9.padding,
.col-xs-1.padding,
.col-xs-10.padding,
.col-xs-11.padding,
.col-xs-12.padding,
.col-xs-2.padding,
.col-xs-3.padding,
.col-xs-4.padding,
.col-xs-5.padding,
.col-xs-6.padding,
.col-xs-7.padding,
.col-xs-8.padding,
.col-xs-9.padding
{
    padding: 24px;
}

.col-lg-1.no-padding,
.col-lg-10.no-padding,
.col-lg-11.no-padding,
.col-lg-12.no-padding,
.col-lg-2.no-padding,
.col-lg-3.no-padding,
.col-lg-4.no-padding,
.col-lg-5.no-padding,
.col-lg-6.no-padding,
.col-lg-7.no-padding,
.col-lg-8.no-padding,
.col-lg-9.no-padding,
.col-md-1.no-padding,
.col-md-10.no-padding,
.col-md-11.no-padding,
.col-md-12.no-padding,
.col-md-2.no-padding,
.col-md-3.no-padding,
.col-md-4.no-padding,
.col-md-5.no-padding,
.col-md-6.no-padding,
.col-md-7.no-padding,
.col-md-8.no-padding,
.col-md-9.no-padding,
.col-sm-1.no-padding,
.col-sm-10.no-padding,
.col-sm-11.no-padding,
.col-sm-12.no-padding,
.col-sm-2.no-padding,
.col-sm-3.no-padding,
.col-sm-4.no-padding,
.col-sm-5.no-padding,
.col-sm-6.no-padding,
.col-sm-7.no-padding,
.col-sm-8.no-padding,
.col-sm-9.no-padding,
.col-xs-1.no-padding,
.col-xs-10.no-padding,
.col-xs-11.no-padding,
.col-xs-12.no-padding,
.col-xs-2.no-padding,
.col-xs-3.no-padding,
.col-xs-4.no-padding,
.col-xs-5.no-padding,
.col-xs-6.no-padding,
.col-xs-7.no-padding,
.col-xs-8.no-padding,
.col-xs-9.no-padding
{
    padding: 0;
}

/*.container-fw {
	display: table;
	width: 100%;
}
.row-fw{
	display:table-row;

	.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
		@media (min-width: @screen-sm-max){
			display:table-cell;
			float:none;
		}
		vertical-align: middle;
		overflow: hidden;
		&.image-background {
			min-height: 400px;
		}
	}

	}*/

.section-fw .container-fw
{
    width: 100%;
    overflow: hidden;
}

.section-fw .row
{
    position: relative;
    margin-left: 0;
    margin-right: 0;
}

.section-fw .image-background
{
    min-height: 400px;
    overflow: hidden;
}

@media (min-width: 992px)
{
    .section-fw .image-background
    {
        position: absolute;
        height: 100%;
    }
    .section-fw .image-background.image-fw-right
    {
        left: auto;
        right: 0;
    }
}

/* grid with borders, ie. used for logo */

.border-grid .col-lg-1,
.border-grid .col-lg-10,
.border-grid .col-lg-11,
.border-grid .col-lg-12,
.border-grid .col-lg-2,
.border-grid .col-lg-3,
.border-grid .col-lg-4,
.border-grid .col-lg-5,
.border-grid .col-lg-6,
.border-grid .col-lg-7,
.border-grid .col-lg-8,
.border-grid .col-lg-9,
.border-grid .col-md-1,
.border-grid .col-md-10,
.border-grid .col-md-11,
.border-grid .col-md-12,
.border-grid .col-md-2,
.border-grid .col-md-3,
.border-grid .col-md-4,
.border-grid .col-md-5,
.border-grid .col-md-6,
.border-grid .col-md-7,
.border-grid .col-md-8,
.border-grid .col-md-9,
.border-grid .col-sm-1,
.border-grid .col-sm-10,
.border-grid .col-sm-11,
.border-grid .col-sm-12,
.border-grid .col-sm-2,
.border-grid .col-sm-3,
.border-grid .col-sm-4,
.border-grid .col-sm-5,
.border-grid .col-sm-6,
.border-grid .col-sm-7,
.border-grid .col-sm-8,
.border-grid .col-sm-9,
.border-grid .col-xs-1,
.border-grid .col-xs-10,
.border-grid .col-xs-11,
.border-grid .col-xs-12,
.border-grid .col-xs-2,
.border-grid .col-xs-3,
.border-grid .col-xs-4,
.border-grid .col-xs-5,
.border-grid .col-xs-6,
.border-grid .col-xs-7,
.border-grid .col-xs-8,
.border-grid .col-xs-9
{
    padding: 0!important;
}

.border-grid .row
{
    padding-left: 22px;
    padding-right: 22px;
}

.border-grid .row .col-lg-1,
.border-grid .row .col-lg-10,
.border-grid .row .col-lg-11,
.border-grid .row .col-lg-12,
.border-grid .row .col-lg-2,
.border-grid .row .col-lg-3,
.border-grid .row .col-lg-4,
.border-grid .row .col-lg-5,
.border-grid .row .col-lg-6,
.border-grid .row .col-lg-7,
.border-grid .row .col-lg-8,
.border-grid .row .col-lg-9,
.border-grid .row .col-md-1,
.border-grid .row .col-md-10,
.border-grid .row .col-md-11,
.border-grid .row .col-md-12,
.border-grid .row .col-md-2,
.border-grid .row .col-md-3,
.border-grid .row .col-md-4,
.border-grid .row .col-md-5,
.border-grid .row .col-md-6,
.border-grid .row .col-md-7,
.border-grid .row .col-md-8,
.border-grid .row .col-md-9,
.border-grid .row .col-sm-1,
.border-grid .row .col-sm-10,
.border-grid .row .col-sm-11,
.border-grid .row .col-sm-12,
.border-grid .row .col-sm-2,
.border-grid .row .col-sm-3,
.border-grid .row .col-sm-4,
.border-grid .row .col-sm-5,
.border-grid .row .col-sm-6,
.border-grid .row .col-sm-7,
.border-grid .row .col-sm-8,
.border-grid .row .col-sm-9,
.border-grid .row .col-xs-1,
.border-grid .row .col-xs-10,
.border-grid .row .col-xs-11,
.border-grid .row .col-xs-12,
.border-grid .row .col-xs-2,
.border-grid .row .col-xs-3,
.border-grid .row .col-xs-4,
.border-grid .row .col-xs-5,
.border-grid .row .col-xs-6,
.border-grid .row .col-xs-7,
.border-grid .row .col-xs-8,
.border-grid .row .col-xs-9
{
    border-right: 1px solid transparent;
}

@media (max-width: 768px)
{
    .border-grid .row .col-lg-1,
  .border-grid .row .col-lg-10,
  .border-grid .row .col-lg-11,
  .border-grid .row .col-lg-12,
  .border-grid .row .col-lg-2,
  .border-grid .row .col-lg-3,
  .border-grid .row .col-lg-4,
  .border-grid .row .col-lg-5,
  .border-grid .row .col-lg-6,
  .border-grid .row .col-lg-7,
  .border-grid .row .col-lg-8,
  .border-grid .row .col-lg-9,
  .border-grid .row .col-md-1,
  .border-grid .row .col-md-10,
  .border-grid .row .col-md-11,
  .border-grid .row .col-md-12,
  .border-grid .row .col-md-2,
  .border-grid .row .col-md-3,
  .border-grid .row .col-md-4,
  .border-grid .row .col-md-5,
  .border-grid .row .col-md-6,
  .border-grid .row .col-md-7,
  .border-grid .row .col-md-8,
  .border-grid .row .col-md-9,
  .border-grid .row .col-sm-1,
  .border-grid .row .col-sm-10,
  .border-grid .row .col-sm-11,
  .border-grid .row .col-sm-12,
  .border-grid .row .col-sm-2,
  .border-grid .row .col-sm-3,
  .border-grid .row .col-sm-4,
  .border-grid .row .col-sm-5,
  .border-grid .row .col-sm-6,
  .border-grid .row .col-sm-7,
  .border-grid .row .col-sm-8,
  .border-grid .row .col-sm-9,
  .border-grid .row .col-xs-1,
  .border-grid .row .col-xs-10,
  .border-grid .row .col-xs-11,
  .border-grid .row .col-xs-12,
  .border-grid .row .col-xs-2,
  .border-grid .row .col-xs-3,
  .border-grid .row .col-xs-4,
  .border-grid .row .col-xs-5,
  .border-grid .row .col-xs-6,
  .border-grid .row .col-xs-7,
  .border-grid .row .col-xs-8,
  .border-grid .row .col-xs-9
    {
        border: none;
    }
}

.border-grid .row:not(:last-child) .col-lg-1,
.border-grid .row:not(:last-child) .col-lg-10,
.border-grid .row:not(:last-child) .col-lg-11,
.border-grid .row:not(:last-child) .col-lg-12,
.border-grid .row:not(:last-child) .col-lg-2,
.border-grid .row:not(:last-child) .col-lg-3,
.border-grid .row:not(:last-child) .col-lg-4,
.border-grid .row:not(:last-child) .col-lg-5,
.border-grid .row:not(:last-child) .col-lg-6,
.border-grid .row:not(:last-child) .col-lg-7,
.border-grid .row:not(:last-child) .col-lg-8,
.border-grid .row:not(:last-child) .col-lg-9,
.border-grid .row:not(:last-child) .col-md-1,
.border-grid .row:not(:last-child) .col-md-10,
.border-grid .row:not(:last-child) .col-md-11,
.border-grid .row:not(:last-child) .col-md-12,
.border-grid .row:not(:last-child) .col-md-2,
.border-grid .row:not(:last-child) .col-md-3,
.border-grid .row:not(:last-child) .col-md-4,
.border-grid .row:not(:last-child) .col-md-5,
.border-grid .row:not(:last-child) .col-md-6,
.border-grid .row:not(:last-child) .col-md-7,
.border-grid .row:not(:last-child) .col-md-8,
.border-grid .row:not(:last-child) .col-md-9,
.border-grid .row:not(:last-child) .col-sm-1,
.border-grid .row:not(:last-child) .col-sm-10,
.border-grid .row:not(:last-child) .col-sm-11,
.border-grid .row:not(:last-child) .col-sm-12,
.border-grid .row:not(:last-child) .col-sm-2,
.border-grid .row:not(:last-child) .col-sm-3,
.border-grid .row:not(:last-child) .col-sm-4,
.border-grid .row:not(:last-child) .col-sm-5,
.border-grid .row:not(:last-child) .col-sm-6,
.border-grid .row:not(:last-child) .col-sm-7,
.border-grid .row:not(:last-child) .col-sm-8,
.border-grid .row:not(:last-child) .col-sm-9,
.border-grid .row:not(:last-child) .col-xs-1,
.border-grid .row:not(:last-child) .col-xs-10,
.border-grid .row:not(:last-child) .col-xs-11,
.border-grid .row:not(:last-child) .col-xs-12,
.border-grid .row:not(:last-child) .col-xs-2,
.border-grid .row:not(:last-child) .col-xs-3,
.border-grid .row:not(:last-child) .col-xs-4,
.border-grid .row:not(:last-child) .col-xs-5,
.border-grid .row:not(:last-child) .col-xs-6,
.border-grid .row:not(:last-child) .col-xs-7,
.border-grid .row:not(:last-child) .col-xs-8,
.border-grid .row:not(:last-child) .col-xs-9
{
    border-bottom: 1px solid transparent;
}

@media (max-width: 768px)
{
    .border-grid .row:not(:last-child) .col-lg-1,
  .border-grid .row:not(:last-child) .col-lg-10,
  .border-grid .row:not(:last-child) .col-lg-11,
  .border-grid .row:not(:last-child) .col-lg-12,
  .border-grid .row:not(:last-child) .col-lg-2,
  .border-grid .row:not(:last-child) .col-lg-3,
  .border-grid .row:not(:last-child) .col-lg-4,
  .border-grid .row:not(:last-child) .col-lg-5,
  .border-grid .row:not(:last-child) .col-lg-6,
  .border-grid .row:not(:last-child) .col-lg-7,
  .border-grid .row:not(:last-child) .col-lg-8,
  .border-grid .row:not(:last-child) .col-lg-9,
  .border-grid .row:not(:last-child) .col-md-1,
  .border-grid .row:not(:last-child) .col-md-10,
  .border-grid .row:not(:last-child) .col-md-11,
  .border-grid .row:not(:last-child) .col-md-12,
  .border-grid .row:not(:last-child) .col-md-2,
  .border-grid .row:not(:last-child) .col-md-3,
  .border-grid .row:not(:last-child) .col-md-4,
  .border-grid .row:not(:last-child) .col-md-5,
  .border-grid .row:not(:last-child) .col-md-6,
  .border-grid .row:not(:last-child) .col-md-7,
  .border-grid .row:not(:last-child) .col-md-8,
  .border-grid .row:not(:last-child) .col-md-9,
  .border-grid .row:not(:last-child) .col-sm-1,
  .border-grid .row:not(:last-child) .col-sm-10,
  .border-grid .row:not(:last-child) .col-sm-11,
  .border-grid .row:not(:last-child) .col-sm-12,
  .border-grid .row:not(:last-child) .col-sm-2,
  .border-grid .row:not(:last-child) .col-sm-3,
  .border-grid .row:not(:last-child) .col-sm-4,
  .border-grid .row:not(:last-child) .col-sm-5,
  .border-grid .row:not(:last-child) .col-sm-6,
  .border-grid .row:not(:last-child) .col-sm-7,
  .border-grid .row:not(:last-child) .col-sm-8,
  .border-grid .row:not(:last-child) .col-sm-9,
  .border-grid .row:not(:last-child) .col-xs-1,
  .border-grid .row:not(:last-child) .col-xs-10,
  .border-grid .row:not(:last-child) .col-xs-11,
  .border-grid .row:not(:last-child) .col-xs-12,
  .border-grid .row:not(:last-child) .col-xs-2,
  .border-grid .row:not(:last-child) .col-xs-3,
  .border-grid .row:not(:last-child) .col-xs-4,
  .border-grid .row:not(:last-child) .col-xs-5,
  .border-grid .row:not(:last-child) .col-xs-6,
  .border-grid .row:not(:last-child) .col-xs-7,
  .border-grid .row:not(:last-child) .col-xs-8,
  .border-grid .row:not(:last-child) .col-xs-9
    {
        border: none;
    }
}

/** clear bootstrap cols **/

/*  Tablet  */

@media (min-width: 767px)
{
    .row-auto
    {
    }
    .row-auto .col-lg-1:nth-child(12n+1),
  .row-auto .col-lg-2:nth-child(6n+1),
  .row-auto .col-lg-3:nth-child(4n+1),
  .row-auto .col-lg-4:nth-child(3n+1),
  .row-auto .col-lg-6:nth-child(2n+1),
  .row-auto .col-md-1:nth-child(12n+1),
  .row-auto .col-md-2:nth-child(6n+1),
  .row-auto .col-md-3:nth-child(4n+1),
  .row-auto .col-md-4:nth-child(3n+1),
  .row-auto .col-md-6:nth-child(2n+1)
    {
        clear: none;
    }
    .row-auto .col-sm-1:nth-child(12n+1),
  .row-auto .col-sm-2:nth-child(6n+1),
  .row-auto .col-sm-3:nth-child(4n+1),
  .row-auto .col-sm-4:nth-child(3n+1),
  .row-auto .col-sm-6:nth-child(2n+1)
    {
        clear: left;
    }
}

/*  Medium Desktop  */

@media (min-width: 992px)
{
    .row-auto
    {
    }
    .row-auto .col-lg-1:nth-child(12n+1),
  .row-auto .col-lg-2:nth-child(6n+1),
  .row-auto .col-lg-3:nth-child(4n+1),
  .row-auto .col-lg-4:nth-child(3n+1),
  .row-auto .col-lg-6:nth-child(2n+1),
  .row-auto .col-sm-1:nth-child(12n+1),
  .row-auto .col-sm-2:nth-child(6n+1),
  .row-auto .col-sm-3:nth-child(4n+1),
  .row-auto .col-sm-4:nth-child(3n+1),
  .row-auto .col-sm-6:nth-child(2n+1)
    {
        clear: none;
    }
    .row-auto .col-md-1:nth-child(12n+1),
  .row-auto .col-md-2:nth-child(6n+1),
  .row-auto .col-md-3:nth-child(4n+1),
  .row-auto .col-md-4:nth-child(3n+1),
  .row-auto .col-md-6:nth-child(2n+1)
    {
        clear: left;
    }
}

/*  Large Desktop  */

@media (min-width: 1200px)
{
    .row-auto
    {
    }
    .row-auto .col-md-1:nth-child(12n+1),
  .row-auto .col-md-2:nth-child(6n+1),
  .row-auto .col-md-3:nth-child(4n+1),
  .row-auto .col-md-4:nth-child(3n+1),
  .row-auto .col-md-6:nth-child(2n+1),
  .row-auto .col-sm-1:nth-child(12n+1),
  .row-auto .col-sm-2:nth-child(6n+1),
  .row-auto .col-sm-3:nth-child(4n+1),
  .row-auto .col-sm-4:nth-child(3n+1),
  .row-auto .col-sm-6:nth-child(2n+1)
    {
        clear: none;
    }
    .row-auto .col-lg-1:nth-child(12n+1),
  .row-auto .col-lg-2:nth-child(6n+1),
  .row-auto .col-lg-3:nth-child(4n+1),
  .row-auto .col-lg-4:nth-child(3n+1),
  .row-auto .col-lg-6:nth-child(2n+1)
    {
        clear: left;
    }
}

/* SEMANTIC
================================================== */

/*** image responsive ***/

img.responsive
{
    max-width: 100%;
}

/*** buttons ***/

/*** pagination ***/

/* RESPONSIVE
================================================== */

/*** Bootstrap modal fix ***/

body.modal-open .menu-header
{
    margin-right: 17px;
}

body.modal-open #neko-to-top
{
    right: 37px;
}

body.slide-menu
{
    padding-top: 70px;
}

body.infografics
{
    padding-top: 0;
}

.sub-menu.neko-mega-menu > div
{
    display: table;
    width: 100%;
}

.menu-header .nav a
{
    font-size: 14px;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
}

.menu-header .nav > li .sub-menu a
{
    padding: 14px 20px;
}

/* parallax */

/* big pics */

/* page headers */

/* megamenu */

/*** box ***/

.box-arrow:after,
.box-arrow:before
{
    margin-top: -3px;
}

/*** progress bar ***/

.progress
{
    border: none;
    height: 10px;
}

/*** tabs ***/

.tab-content,
.tabs-minimal .tab-content
{
    padding-top: 40px;
}

/*** typo ***/

.heading
{
    margin-bottom: 22px;
    position: relative;
}

.heading h2:last-child,
.heading h3:last-child,
.heading h4:last-child,
.heading h5:last-child,
.heading h6:last-child,
.heading p:last-child,
.heading p.lead:last-child
{
    margin-bottom: 0;
    padding-bottom: 13px;
}

h1.large-heading:after
{
    margin-left: 0;
    position: static;
}

h1
{
    letter-spacing: 0px;
    z-index: 5;
    position: relative;
}

h1 span,
h2 span
{
    display: block;
    letter-spacing: normal;
    opacity: 0.8;
    font-weight: 700;
}

h1 span
{
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    margin-bottom: 12px;
    font-size: 15px;
    letter-spacing: 0.10em;
    color: #b7172d;
}

h1.large span
{
    margin-bottom: 3px;
}

.cta-box-text h1
{
    font-size: 22px;
}

h2 span
{
    margin-bottom: 6px;
    font-size: 14px;
}

h1 span.text-main-color,
h2 span.text-main-color,
h1 span .text-main-color,
h2 span .text-main-color
{
    font-size: inherit;
}

blockquote
{
    border: none;
}

p.lead
{
    font-family: Roboto, sans-serif;
    font-weight: 100;
    font-style: italic;
}

blockquote:before
{
    content: '“';
    font-family: Georgia, "Playfair Display", Times, serif;
    font-size: 60px;
}

.blockquote-reverse:before
{
    content: '”';
    font-family: Georgia, "Playfair Display", Times, serif;
    font-size: 60px;
}

/*** end typo ***/

/*** navbar ***/

.menu-header .nav a
{
    font-size: 13px;
}




/* megamenu */

.menu-header .nav > li .sub-menu a:not(.btn)
{
    -webkit-transition: all 1000ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 1000ms cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: all 1000ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 1000ms cubic-bezier(0.23, 1, 0.32, 1);
}

.menu-header .nav > li .sub-menu a:not(.btn):hover
{
    -webkit-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
}

.menu-header .nav > li .neko-mega-menu.sub-menu
{
    display: none;
    padding: 0 22px;
}

.menu-header .nav > li .neko-mega-menu.sub-menu h2
{
    padding-left: 0;
    font-weight: bold;
}

@media (max-width: 1025px)
{
    .menu-header .nav > li .neko-mega-menu.sub-menu .col-md-3:not(:first-child)
    {
        margin-top: 20px;
    }
}

@media (min-width: 1025px)
{
    .menu-header .nav > li .neko-mega-menu.sub-menu .col-md-3
    {
        display: table-cell;
        float: none;
    }
    .menu-header .nav > li .neko-mega-menu.sub-menu .col-md-3:not(:last-child)
    {
        border-right: 1px solid red;
    }
}

.menu-header .nav > li .neko-mega-menu.sub-menu .mega-inner ul > li > a:not(.btn)
{
    padding: 5px 0;
    -webkit-transition: all 1000ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 1000ms cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: all 1000ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 1000ms cubic-bezier(0.23, 1, 0.32, 1);
}

.menu-header .nav > li .neko-mega-menu.sub-menu .mega-inner ul > li > a:not(.btn):hover
{
    background: none;
    -webkit-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
}

.header-3 .menu-header
{
    border-bottom: 1px solid;
}

.sidebar-menu li a
{
    position: relative;
    padding-left: 22px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.sidebar-menu li a:before
{
    position: absolute;
    left: 0;
}

.sidebar-menu li a:hover,
.sidebar-menu li a.active
{
    padding-left: 0;
}

.sidebar-menu li a:hover:before,
.sidebar-menu li a.active:before
{
    right: 0;
    left: auto;
}

/*** box ***/

.box-icon a:hover i
{
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: bounceIn;
    -moz-animation-name: bounceIn;
    -o-animation-name: bounceIn;
    animation-name: bounceIn;
}

/*** button ***/

.btn:not(.border).primary,
.btn:not(.border).btn-primary,
.btn:not(.border).large,
.btn:not(.border).btn-large,
.btn:not(.border).default,
.btn:not(.border).btn-default,
.btn:not(.border).small,
.btn:not(.border).btn-sm,
.btn:not(.border).x-small,
.btn:not(.border).btn-xs,
.btn:not(.border).btn.small,
.btn:not(.border).btn.x-small
{
    border: none;
    font-weight: normal;
    letter-spacing: 3px;
}

.btn:not(.border) i:before
{
    margin-right: 12px;
}

.btn-icon i,
.btn-icon:hover i
{
    border: none;
}

.btn-icon i[class^="icon-"]:before,
.btn-icon i[class*=" icon-"]:before
{
    margin-right: 17px;
}

.btn-icon.small i:before
{
    margin-right: 9px;
}

.btn-icon.medium i:before
{
    margin-right: 17px;
}

.btn-icon.large i:before
{
    margin-right: 24px;
}

.btn-icon.small span,
.btn-icon.medium span,
.btn-icon.large span
{
    border: none;
    font-weight: normal;
    letter-spacing: 3px;
}

.btn-success,
.btn.success,
.btn-danger,
.btn.danger,
.btn-info,
.btn.info,
.btn-warning,
.btn.warning
{
    border: none;
}

/*** end button ***/

.embed-responsive-custom
{
    padding-bottom: 39.6%;
}

/*** footer ***/

footer#main-footer
{
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

#footer-rights p,
#footer-rights a
{
    text-transform: uppercase;
}

/*** end footer ***/

/*** modal ***/

.modal-content
{
    border-radius: 0;
    padding: 24px;
}

/*** magnific popup ***/

.mfp-figure
{
    line-height: 0;
    padding: 12px 44px;
    background: #FFF;
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close
{
    color: #222;
    right: 44px;
    top: 11px;
    padding-right: 0;
    width: 100%;
}

.mfp-counter
{
    top: -12px;
    right: 44px;
}

/***  box  ***/

.box
{
    border-width: 2px;
}

.box.rounded
{
    border-radius: 22px;
}

.caption-over .box
{
    border: none;
}

/***  end box  ***/

/***  miscellanious ***/

#neko-to-top
{
    padding-bottom: 20px;
    border: 3px solid transparent;
    border-radius: 0;
    bottom: 20px;
    padding: 0;
}

/* MENU */

/* custom bootstrap test */

.container,
.container-fluid
{
    padding-right: 22px;
    padding-left: 22px;
}

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

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

/* accordion */

.panel-group
{
    border: none;
}

.panel-group .panel
{
    border-radius: 0;
}

.panel
{
    background: none;
    border: none;
    box-shadow: none;
}

.panel-group .panel-heading
{
    border-bottom: 1px solid #DDD;
}

.panel-default > .panel-heading
{
    background: none;
    padding: 1em 0;
}

.panel-title > a
{
    text-transform: uppercase;
}

.progress
{
    border-radius: 0;
}

/* custom bootstrap test */

/*** tabs ***/

/** Blog **/

ul.entry-meta li
{
    padding-left: 0;
    font-size: 10px;
    text-transform: uppercase;
}

ul.entry-meta li a
{
    border-right: 1px solid transparent;
    padding-right: 10px;
}

/** Owl carousel **/

.owl-theme .owl-controls .owl-page span.owl-numbers,
.owl-theme .owl-controls .owl-buttons div
{
    border-radius: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
}

/** page header **/

.page-header h1 small
{
    display: block;
    padding-top: 11px;
}

/** utilities **/

.mb
{
    margin-bottom: 44px;
}

.mt
{
    margin-top: 44px;
}

.pb
{
    padding-bottom: 44px;
}

.pt
{
    padding-top: 44px;
}

/* FULLPAGE
================================================== */

/** bullets menu ***/

#fp-nav
{
    top: 40%;
    margin-top: 80px!important;
    padding: 11px;
}

@media (max-width: 1025px)
{
    #fp-nav
    {
        display: none;
    }
}

#fp-nav.right
{
    right: 0;
}

.fp-tooltip
{
    padding: 5px 10px;
    top: -9px;
    text-transform: uppercase;
}

#fp-nav span,
.fp-slidesNav span
{
    width: 10px;
    height: 10px;
}

#fullpage > div:first-child:after {
  content: "\e82a";
  display: block;
  position: absolute;
  right: 50%;
  bottom: 40px;
  bottom: 80px\9;
  font-size: 44px;
  margin-right: -22px;
  font-family: 'custom-icons';
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
  -webkit-font-smoothing: antialiased;
  -webkit-animation-name: bounce;
  -moz-animation-name: bounce;
  -ms-animation-name: bounce;
  -o-animation-name: bounce;
  animation-name: bounce;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-duration: 4s;
  -moz-animation-duration: 4s;
  -ms-animation-duration: 4s;
  -o-animation-duration: 4s;
  animation-duration: 4s;
}

/** slideshow nav **/

.fp-controlArrow
{
    margin-top: 0;
}

.fp-controlArrow.fp-next,
.fp-controlArrow.fp-prev
{
    border: none;
    width: auto;
}

.fp-controlArrow.fp-next:after,
.fp-controlArrow.fp-prev:after
{
    font-family: 'custom-icons';
    font-size: 14px;
    content: '\e8cd';
}

@media (min-width: 768px)
{
    .fp-controlArrow.fp-next:after,
  .fp-controlArrow.fp-prev:after
    {
        font-size: 24px;
    }
}

@media (min-width: 992px)
{
    .fp-controlArrow.fp-next:after,
  .fp-controlArrow.fp-prev:after
    {
        font-size: 44px;
    }
}

.fp-controlArrow.fp-next:after
{
    content: '\e8cc';
}

#fp-main-heading
{
    display: block;
    padding-left: 70px;
}

.fp-tableCell table,
.fp-tableCell .table-responsive
{
    margin-bottom: 0;
}

.thank-you > div > div
{
    padding-left: 70px;
}

#fp-main-heading
{
    text-decoration: none;
}

/* SLIDE MENU
================================================== */

.navicon-line
{
    width: 24px;
    height: 4px;
    border-radius: 1px;
    margin-bottom: 3px;
}

/* MAIN CONTENT
================================================== */

html.sb-active #sb-site,
.sb-toggle-left,
.sb-toggle-right,
.sb-open-left,
.sb-open-right,
.sb-close
{
    cursor: pointer;
}

/* CHART JS
================================================== */

html:not(.ie9) .charts
{
    width: 100%!important;
    height: 100%!important;
}

.graph-legend li
{
    position: relative;
    height: 25px;
    padding-bottom: 20px;
    padding-left: 50px;
    margin-bottom: 1em;
}

.graph-legend span
{
    display: inline-block;
    height: 100%;
    width: 40px;
    border: 1px solid transparent;
    position: absolute;
    left: 0;
}

/* Gauge
================================================== */

.donut,
.txt-preview
{
    opacity: 0;
}

.donut-txtpreview,
.gauge-txtpreview
{
    font-size: 3em;
}

/* SVG
================================================== */

.svg-icon.charts-icon
{
    width: 250px;
    height: 250px;
    background-image: url(../images/svg/rising9.svg);
    background-size: contain;
}

/*** embed video ***/

.embed-responsive-custom
{
    padding-bottom: 39.6%;
}

#video-bg
{
    height: 600px;
}

/* style switcher */

.slide-menu .styleSwitcher
{
    right: -170px;
    left: auto;
    top: 280px;
}

.slide-menu .styleSwitcher #showHideSwitcher
{
    left: -50px;
    right: auto;
}
/*
.fw-image1 {
  background-image: url('../../../images/portfolio/700x700_schroen.jpg');
}
.fw-image2 {
  background-image: url('../../../images/portfolio/350x350_usselmann.jpg');
}
*/
.fw-image3 {
  background-image: url('../../../images/portfolio/700x350_licklederer.jpg');
}
.fw-image4 {
  background-image: url('../../../images/portfolio/350x350_ortiz.jpg');
}
/*
.fw-image5 {
  background-image: url('../../../images/portfolio/350x350_schiele.jpg');
}
*/
.fw-image6 {
  background-image: url('../../../images/portfolio/350x350_haas.jpg');
}
.fw-image7 {
  background-image: url('../../../images/portfolio/350x350_kuqanaj.jpg');
}
.fw-image8 {
  background-image: url('../../../images/portfolio/350x350_theisen.jpg');
}
/*
.fw-image9 {
  background-image: url('../../../images/portfolio/700x350_cebulla.jpg');
}
*/
.fw-image10 {
  background-image: url('../../../images/portfolio/700x350_rasch.jpg');
}
.fw-image11 {
  background-image: url('../../../images/portfolio/350x350_niederreuther.jpg');
}
.fw-image12 {
  background-image: url('../../../images/portfolio/350x350_sandbichler.jpg');
}
.fw-image13 {
  background-image: url('../../../images/portfolio/350x350_oldenburger.jpg');
}
/*
.fw-image14 {
  background-image: url('../../../images/portfolio/700x350_avdili.jpg');
}
.fw-image15 {
  background-image: url('../../../images/portfolio/700x350_zenuni.jpg');
}
*/
.fw-image16 {
  background-image: url('../../../images/portfolio/700x350_henkel.jpg');
}
/*
.fw-image17 {
  background-image: url('../../../images/portfolio/350x350_feigl.jpg');
}
.fw-image18 {
  background-image: url('../../../images/portfolio/350x350_olear.jpg');
}
*/
.fw-image19 {
  background-image: url('../../../images/portfolio/350x350_wittig.jpg');
}
.fw-image20 {
  background-image: url('../../../images/portfolio/700x350_NEU1.jpg');
}
.fw-image21 {
  background-image: url('../../../images/portfolio/350x350_NEU2.jpg');
}
/*
.fw-image22 {
  background-image: url('../../../images/portfolio/350x350_NEU3.jpg');
}
*/
.v-image1
{
    background-image: url('../../../images/portfolio/v-image1.jpg');
}

.v-image2
{
    background-image: url('../../../images/portfolio/v-image2.jpg');
}

.v-image3
{
    background-image: url('../../../images/portfolio/v-image3.jpg');
}

.v-image4
{
    background-image: url('../../../images/portfolio/v-image4.jpg');
}

.v-image5
{
    background-image: url('../../../images/portfolio/v-image5.jpg');
}

.v-image6
{
    background-image: url('../../../images/portfolio/v-image6.jpg');
}

.v-image7
{
    background-image: url('../../../images/portfolio/v-image7.jpg');
}

.v-image8
{
    background-image: url('../../../images/portfolio/v-image8.jpg');
}

.v-image9
{
    background-image: url('../../../images/portfolio/v-image9.jpg');
}

.v-image10
{
    background-image: url('../../../images/portfolio/v-image10.jpg');
}

.v-image11
{
    background-image: url('../../../images/portfolio/v-image11.jpg');
}

.v-image12
{
    background-image: url('../../../images/portfolio/v-image12.jpg');
}

/*** Portfolio masonry ***/

/*** hover images ***/

.neko-hover-1 .mask-over a,
.neko-hover-2 .mask-over a
{
    text-transform: none;
    font-weight: normal;
    letter-spacing: 0.02em;
}

/*** prelaoder custom infografix ***/

@media (max-width: 1025px)
{
    .preloader-btn-start p,
  .preloader-btn-start img
    {
        display: none;
    }
}

/*** Parallaxed footer main ***/

/*** tocify (demo neko css framework) ***/

#toc
{
    position: static;
    width: 100%;
    border-radius: 0;
    max-height: auto;
}

.ln-doc-example
{
    border: 1px solid transparent;
    position: relative;
    padding: 45px 15px 15px;
    margin-bottom: 1.5em;
    border-radius: 4px;
}

.ln-doc-example:after
{
    position: absolute;
    top: 15px;
    left: 15px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    content: "Example";
}

body.header-7 .ln-doc-example #pre-header
{
    display: block!important;
    height: 31px!important;
    padding-top: 5px!important;
    margin-top: 0!important;
    padding-bottom: 5px!important;
    margin-bottom: 0 !important;
}

.ln-doc-example .container
{
    width: 100% !important;
}

.tocify-header
{
    text-indent: 0px;
}

.tocify li.tocify-item
{
    border-bottom: 1px solid #D7D7D7;
}

.tocify li.tocify-item > a
{
    padding: 16px 0;
}

.tocify li.tocify-item > a:hover
{
    background: none;
}

/*** swiper coming soon ***/

.coming-soon-slider.swiper-parent .pagination
{
    width: 100%;
    text-align: center;
}

.coming-soon-slider.swiper-parent .swiper-pagination-switch
{
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    opacity: .5;
    border: none;
    background: white;
}

.coming-soon-slider.swiper-parent .swiper-active-switch
{
    opacity: 1;
}

/*** form ***/

.form-control
{
    border-radius: 0;
}