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

/**
* NEKO MIXINS LAYOUT
* ==================================================
*/
.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 {
    /*width:320px;
	margin: 0 auto;
	@media (min-width: @allUptoIpdLandscape) {
		width:600px;
	}
	@media (min-width: @screen-lg-min) {
		width:1200px;
		}*/
    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);
    /* easeInOutQuart */
}

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

/**
* TYPOGRAPHY LAYOUT
* ==================================================
*/
body {
    font-family: 'Lato', 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: 'Lato', sans-serif;
    line-height: 1.1;
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
    margin-top: 24px;
    /*margin-bottom: (@line-height-base / 2);*/
}

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;
    /*margin-bottom: (@line-height-computed / 2);*/
}

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: 36px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0.5em;
}

h2 {
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0.5em;
}

h3 {
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    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: 33px;
    font-weight: 700;
    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: 44px;
    }
}

@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: 71px;
    }
}

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

h1.text-main-color,
h2.text-main-color,
h1 span.text-main-color,
h2 span.text-main-color,
h3.text-main-color,
h4.text-main-color,
h5.text-main-color,
h6.text-main-color,
p.text-main-color,
p.lead.text-main-color,
blockquote.text-main-color,
cite.text-main-color,
h1 .text-main-color,
h2 .text-main-color,
h1 span .text-main-color,
h2 span .text-main-color,
h3 .text-main-color,
h4 .text-main-color,
h5 .text-main-color,
h6 .text-main-color,
p .text-main-color,
p.lead .text-main-color,
blockquote .text-main-color,
cite .text-main-color {
    font-weight: inherit;
}

.lead {
    font-weight: 400;
    font-size: 20px;
    font-family: 'Lato', sans-serif;
    margin-bottom: 0.75em;
}

/* 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;
    /*.box-color(@blockquote-background-color; @body-text-color; darken(@blockquote-background-color, 15%); @padding-large-horizontal;);*/
    padding: 24px;
    font-weight: 400;
    /** blockquote icon **/
}

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: 24px;
}

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

@media (max-width: 768px) {
    .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);
    /* easeInOutQuart */
}

.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
================================================== */
/**
* BUTTONS LAYOUT
* ==================================================
*/
.btn {
    font-weight: bold;
    text-transform: uppercase;
    border: 1px solid transparent;
    position: relative;
    overflow: hidden;
    user-select: none;
    display: inline-block;
    margin-bottom: 0px;
    white-space: nowrap;
    -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;
}

@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);
    /* easeInOutQuart */
    text-decoration: none;
}

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

.btn:not(.disabled) {
    cursor: pointer;
}

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

.btn-link {
    border: none;
}

@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 {
    /*** icon squared ***/
    /*** icon circle ***/
    /*** icon rounded ***/
}

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-"],
ul.social-icons.circle a i[class^="icon-"],
ul.social-icons.rounded a i[class^="icon-"],
ul.social-icons.squared a i[class*=" icon-"],
ul.social-icons.circle a i[class*=" icon-"],
ul.social-icons.rounded a i[class*=" icon-"] {
    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 {
    width: 56px;
    height: 56px;
}

ul.social-icons.medium.squared i,
ul.social-icons.medium.circle i,
ul.social-icons.medium.rounded i {
    display: inline-block;
    margin: 0;
    font-stretch: normal;
    height: 56px;
    width: 56px;
    padding: 17px 0;
    line-height: 22px;
    font-size: 22px;
    text-align: center;
}

ul.social-icons.medium.squared i:before,
ul.social-icons.medium.circle i:before,
ul.social-icons.medium.rounded i:before {
    line-height: inherit;
    font-size: inherit;
    font-weight: normal;
    font-variant: normal;
    text-decoration: none;
    margin: 0;
    padding: 0;
    display: inline;
    width: auto;
    height: auto;
    vertical-align: text-top;
}

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 {
    width: 100px;
    height: 100px;
}

ul.social-icons.large.squared i,
ul.social-icons.large.circle i,
ul.social-icons.large.rounded i {
    display: inline-block;
    margin: 0;
    font-stretch: normal;
    height: 100px;
    width: 100px;
    padding: 30px 0;
    line-height: 40px;
    font-size: 40px;
    text-align: center;
}

ul.social-icons.large.squared i:before,
ul.social-icons.large.circle i:before,
ul.social-icons.large.rounded i:before {
    line-height: inherit;
    font-size: inherit;
    font-weight: normal;
    font-variant: normal;
    text-decoration: none;
    margin: 0;
    padding: 0;
    display: inline;
    width: auto;
    height: auto;
    vertical-align: text-top;
}

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 {
    width: 120px;
    height: 120px;
}

ul.social-icons.x-large.squared i,
ul.social-icons.x-large.circle i,
ul.social-icons.x-large.rounded i {
    display: inline-block;
    margin: 0;
    font-stretch: normal;
    height: 120px;
    width: 120px;
    padding: 30px 0;
    line-height: 60px;
    font-size: 60px;
    text-align: center;
}

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: inherit;
    font-size: inherit;
    font-weight: normal;
    font-variant: normal;
    text-decoration: none;
    margin: 0;
    padding: 0;
    display: inline;
    width: auto;
    height: auto;
    vertical-align: text-top;
}

/*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;
    /*** icon squared ***/
    /*** icon circle ***/
    /*** icon rounded ***/
}

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

/**
* TABS LAYOUT
* ==================================================
*/
.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;
    }
}

@media (min-width: 768px) {
    .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-center {
    text-align: center;
}

.tabs-center .nav.nav-tabs {
    display: inline-block;
}

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

.tabs-minimal .nav.nav-tabs {
    /*border-color:@body-text-color;*/
    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);
    /* easeInOutQuart */
}

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

/**
* ICONS LAYOUT
* ==================================================
*/
/* standard */
i[class^="icon-"],
i[class*=" icon-"] {
    margin-right: 5px;
    line-height: 1;
}

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

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

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

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

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

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

/*** icons sizes (for rounded, circle and square) ***/
/*** icon circle ***/
i[class^="icon-"].circle,
i[class*=" icon-"].circle {
    border-radius: 100%;
}

/*** icon rounded ***/
i[class^="icon-"].rounded,
i[class*=" icon-"].rounded {
    border-radius: 4px;
}

/* standard */
i[class^="icon-"].rounded,
i[class*=" icon-"].rounded,
i[class^="icon-"].squared,
i[class*=" icon-"].squared,
i[class^="icon-"].circle,
i[class*=" icon-"].circle {
    display: inline-block;
    margin: 0;
    font-stretch: normal;
    height: 40px;
    width: 40px;
    padding: 13px 0;
    line-height: 14px;
    font-size: 14px;
    text-align: center;
}

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 {
    line-height: inherit;
    font-size: inherit;
    font-weight: normal;
    font-variant: normal;
    text-decoration: none;
    margin: 0;
    padding: 0;
    display: inline;
    width: auto;
    height: auto;
    vertical-align: text-top;
}

/* x-large */
i[class^="icon-"].x-large.rounded,
i[class*=" icon-"].x-large.rounded,
i[class^="icon-"].x-large.squared,
i[class*=" icon-"].x-large.squared,
i[class^="icon-"].x-large.circle,
i[class*=" icon-"].x-large.circle {
    display: inline-block;
    margin: 0;
    font-stretch: normal;
    height: 120px;
    width: 120px;
    padding: 30px 0;
    line-height: 60px;
    font-size: 60px;
    text-align: center;
}

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 {
    line-height: inherit;
    font-size: inherit;
    font-weight: normal;
    font-variant: normal;
    text-decoration: none;
    margin: 0;
    padding: 0;
    display: inline;
    width: auto;
    height: auto;
    vertical-align: text-top;
}

/* large */
i[class^="icon-"].large.rounded,
i[class*=" icon-"].large.rounded,
i[class^="icon-"].large.squared,
i[class*=" icon-"].large.squared,
i[class^="icon-"].large.circle,
i[class*=" icon-"].large.circle {
    display: inline-block;
    margin: 0;
    font-stretch: normal;
    height: 100px;
    width: 100px;
    padding: 30px 0;
    line-height: 40px;
    font-size: 40px;
    text-align: center;
}

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 {
    line-height: inherit;
    font-size: inherit;
    font-weight: normal;
    font-variant: normal;
    text-decoration: none;
    margin: 0;
    padding: 0;
    display: inline;
    width: auto;
    height: auto;
    vertical-align: text-top;
}

/* medium */
i[class^="icon-"].medium.rounded,
i[class*=" icon-"].medium.rounded,
i[class^="icon-"].medium.squared,
i[class*=" icon-"].medium.squared,
i[class^="icon-"].medium.circle,
i[class*=" icon-"].medium.circle {
    display: inline-block;
    margin: 0;
    font-stretch: normal;
    height: 56px;
    width: 56px;
    padding: 17px 0;
    line-height: 22px;
    font-size: 22px;
    text-align: center;
}

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 {
    line-height: inherit;
    font-size: inherit;
    font-weight: normal;
    font-variant: normal;
    text-decoration: none;
    margin: 0;
    padding: 0;
    display: inline;
    width: auto;
    height: auto;
    vertical-align: text-top;
}

/* small */
i[class^="icon-"].small.rounded,
i[class*=" icon-"].small.rounded,
i[class^="icon-"].small.squared,
i[class*=" icon-"].small.squared,
i[class^="icon-"].small.circle,
i[class*=" icon-"].small.circle {
    display: inline-block;
    margin: 0;
    font-stretch: normal;
    height: 26px;
    width: 26px;
    padding: 8px 0;
    line-height: 8px;
    font-size: 8px;
    text-align: center;
}

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 {
    line-height: inherit;
    font-size: inherit;
    font-weight: normal;
    font-variant: normal;
    text-decoration: none;
    margin: 0;
    padding: 0;
    display: inline;
    width: auto;
    height: auto;
    vertical-align: text-top;
}

/*** icon rounded/squared/circle colors ***/
/*** icons animated ***/
i.animated {
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
    -ms-transition: all 0.8s;
    transition: all 0.8s;
    display: inline-block;
}

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

/**
* BOX LAYOUT
* ==================================================
*/
.box,
.cta-box {
    padding: 24px;
    border: 1px solid transparent;
}

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

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

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

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

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

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

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

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

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

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

/* call to action */
.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;
}

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

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

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

/**
* FEATURE BOX LAYOUT
* ==================================================
*/
.feature-box {
    text-align: center;
    /* center the icon or image on mobile */
}

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

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

.feature-box i[class^="icon-"],
.feature-box i[class*=" icon-"],
.feature-box img,
.feature-box .icon {
    margin: 0 0 16px 0;
}

.feature-box i[class^="icon-"].rounded,
.feature-box i[class*=" icon-"].rounded,
.feature-box img.rounded,
.feature-box .icon.rounded,
.feature-box i[class^="icon-"].squared,
.feature-box i[class*=" icon-"].squared,
.feature-box img.squared,
.feature-box .icon.squared,
.feature-box i[class^="icon-"].circle,
.feature-box i[class*=" icon-"].circle,
.feature-box img.circle,
.feature-box .icon.circle {
    margin: 0 0 16px 0;
}

.feature-box .feature-box-content {
    margin-bottom: 22px;
    overflow: hidden;
}

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

@media (min-width: 480px) {
    /* left */
    .media-left,
    .media-right {
        text-align: left;
    }

    .media-left i[class^="icon-"],
    .media-right i[class^="icon-"],
    .media-left i[class*=" icon-"],
    .media-right i[class*=" icon-"],
    .media-left img,
    .media-right img,
    .media-left .icon,
    .media-right .icon {
        float: left;
        margin-right: 16px;
    }

    .media-left i[class^="icon-"].circle,
    .media-right i[class^="icon-"].circle,
    .media-left i[class*=" icon-"].circle,
    .media-right i[class*=" icon-"].circle,
    .media-left img.circle,
    .media-right img.circle,
    .media-left .icon.circle,
    .media-right .icon.circle,
    .media-left i[class^="icon-"].rounded,
    .media-right i[class^="icon-"].rounded,
    .media-left i[class*=" icon-"].rounded,
    .media-right i[class*=" icon-"].rounded,
    .media-left img.rounded,
    .media-right img.rounded,
    .media-left .icon.rounded,
    .media-right .icon.rounded,
    .media-left i[class^="icon-"].squared,
    .media-right i[class^="icon-"].squared,
    .media-left i[class*=" icon-"].squared,
    .media-right i[class*=" icon-"].squared,
    .media-left img.squared,
    .media-right img.squared,
    .media-left .icon.squared,
    .media-right .icon.squared {
        margin-right: 16px;
    }
}

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

    .media-right i[class^="icon-"],
    .media-right i[class*=" icon-"],
    .media-right img,
    .media-right .icon {
        float: right;
        margin-left: 16px;
    }

    .media-right i[class^="icon-"].circle,
    .media-right i[class*=" icon-"].circle,
    .media-right img.circle,
    .media-right .icon.circle,
    .media-right i[class^="icon-"].rounded,
    .media-right i[class*=" icon-"].rounded,
    .media-right img.rounded,
    .media-right .icon.rounded,
    .media-right i[class^="icon-"].squared,
    .media-right i[class*=" icon-"].squared,
    .media-right img.squared,
    .media-right .icon.squared {
        margin-left: 16px;
    }
}

/**
* ICON BOX
* ==================================================
*/
.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;
}

/*link*/
.box-icon a i {
    display: inline-block;
}

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

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

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

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

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

/**
* IMAGE LAYOUT
* ==================================================
*/
/*** 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-attachment: fixed;*/
    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/hintergrund.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%;
    top: 0;
    bottom: 0;
    overflow: hidden;
    position: absolute;
    content: "";
    display: block;
}

.mask div {
    position: relative;
}

/*** 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 {
    /*opacity: 1;*/
    -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);
    /* easeInOutQuart */
    padding: 36px;
    height: 100%;
    width: 100%;
}

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

/*** ROLLOVER STANDARDIZED EFFECTS ***/
.rollover {
    /* effect-lily */
    /* end .effect-lily */
    /* effect-zoe */
    /* end .effect-zoe */
    /* .effect-lexi */
    /* end .effect-lexi */
    /* end .effect-sarah */
}

.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;
    -webkit-backface-visibility: hidden;
    /* Chrome, Safari, Opera */
    backface-visibility: 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;
    /* Fix for Chrome 37.0.2062.120 (Mac) */
}

.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 {
    /* .effect-sarah */
    /* end .effect-sarah */
}

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

/* image fade mask */
.image-fade {
    position: relative;
    z-index: 0;
}

.image-fade .container {
    position: relative;
    z-index: 101;
}

.image-fade:after {
    z-index: 100;
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    background-image: url(../../../images/theme-pics/fade-mask.png);
    background-size: 100% 100%;
    height: 100px;
}

@media (min-width: 767px) {
    .image-fade:after {
        height: 300px;
    }
}

/* 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 {
    /* line */
    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 LAYOUT
* ==================================================
*/
/*** 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: 800;
    font-size: 71px;
    display: block;
    padding: 24px;
    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: 24px;
}

/*** 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);
    /* easeInOutQuart */
    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 LAYOUT
* ==================================================
*/
.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: 'Lato', sans-serif;
}

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

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

.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: 224px;
    }
}

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

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

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

@media (min-width: 992px) {
    .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;
    }
}

/**
* NAVBAR LAYOUT
* ==================================================
*/
.menu-header .main-logo-light {
    display: none;
}

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

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

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

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

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

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

.navbar-default {
    border: none;
}

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

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

.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: 'Lato', sans-serif;
    letter-spacing: 0.05em;
}

.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;
    overflow: hidden;
    position: relative;
}

.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: 31px 10px;
    }
}

@media (min-width: 1025px) {
    .menu-header .nav a {
        /*display: inline-block;*/
        padding-left: 16px;
        padding-right: 16px;
    }

    .menu-header .nav > li:not(:first-child):not(:last-child):before {
        /*display: inline-block;*/
        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: 64px;
}

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: 20px;
        padding-bottom: 20px;
    }

    body.header-1 .menu-header .navbar a {
        font-weight: lighter;
    }

    body.header-1 .menu-header.scroll-header .nav {
        padding: 0;
    }
}

@media (min-width: 1025px) {
    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;
    }
}

@media (min-width: 1025px) {
    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;
    }
}

@media (min-width: 1025px) {
    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);
        /* easeInOutQuart */
        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;
    }
}

.header-8-border {
    position: absolute;
    bottom: -4px;
    left: 0;
    content: '';
    width: 1%;
    -moz-animation: lightSpeedIn 300ms ease-in;
    -webkit-animation: lightSpeedIn 300ms ease-in;
    animation: lightSpeedIn 300ms ease-in;
    border-bottom: 2px solid transparent;
}

@media (max-width: 1024px) {
    .header-8-border {
        display: none;
    }
}

body.header-8 .menu-header .navbar-default .navbar-nav > li:hover > a:not(.btn):after {
    position: absolute;
    bottom: -4px;
    left: 0;
    content: '';
    width: 1%;
    -moz-animation: lightSpeedIn 300ms ease-in;
    -webkit-animation: lightSpeedIn 300ms ease-in;
    animation: lightSpeedIn 300ms ease-in;
    border-bottom: 2px solid transparent;
    width: 100%;
}

@media (max-width: 1024px) {
    body.header-8 .menu-header .navbar-default .navbar-nav > li:hover > a:not(.btn):after {
        display: none;
    }
}

body.header-8 .menu-header .navbar-default .navbar-nav > li > a:not(.btn) {
    font-size: 14px;
    padding-bottom: 31px;
    padding-left: 0;
    padding-right: 0;
    margin-left: 15px;
    margin-right: 15px;
    position: relative;
}

body.header-8 .menu-header .navbar-default .navbar-nav > li > a:not(.btn).active:after {
    position: absolute;
    bottom: -4px;
    left: 0;
    content: '';
    width: 1%;
    -moz-animation: lightSpeedIn 300ms ease-in;
    -webkit-animation: lightSpeedIn 300ms ease-in;
    animation: lightSpeedIn 300ms ease-in;
    border-bottom: 2px solid transparent;
    width: 100%;
}

@media (max-width: 1024px) {
    body.header-8 .menu-header .navbar-default .navbar-nav > li > a:not(.btn).active:after {
        display: none;
    }
}

body.header-8 .menu-header .navbar-default .navbar-nav > li.active > a:not(.btn):after {
    position: absolute;
    bottom: -4px;
    left: 0;
    content: '';
    width: 1%;
    -moz-animation: lightSpeedIn 300ms ease-in;
    -webkit-animation: lightSpeedIn 300ms ease-in;
    animation: lightSpeedIn 300ms ease-in;
    border-bottom: 2px solid transparent;
    width: 100%;
}

@media (max-width: 1024px) {
    body.header-8 .menu-header .navbar-default .navbar-nav > li.active > a:not(.btn):after {
        display: none;
    }
}

@media (min-width: 1025px) {
    body.header-8 .menu-header .neko-mega-menu .mega-inner {
        padding: 30px 5px;
    }
}

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

/* 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 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 LAYOUT
* ==================================================
*/
.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-theme-2 .owl-wrapper {
    z-index: 1;
}

.owl-theme.neko-owl-theme-2 .owl-controls {
    display: block;
    opacity: 1;
    text-align: left;
    margin: 0;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
}

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

.owl-theme.neko-owl-theme-2 .owl-controls .owl-page {
    display: block;
}

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

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

.owl-theme.neko-owl-theme-2 .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: 1;
    -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-2 .owl-controls .owl-buttons .owl-prev {
    left: 0;
}

.owl-theme.neko-owl-theme-2 .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;
    position: relative;
    overflow: hidden;
    user-select: none;
    margin-bottom: 0px;
    white-space: nowrap;
    -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);
    /* easeInOutQuart */
    text-decoration: none;
}

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

.tag-cloud a:not(.disabled) {
    cursor: pointer;
}

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

/* END BLOG
================================================== */
/* COUNTER
================================================== */
.counter {
    font-size: 72px;
    font-weight: x-bold;
    text-align: center;
}

/* END COUNTER
================================================== */
/**
* PORTFOLIO LAYOUT
* ==================================================
*/
/* Free wall */
.free-wall {
    opacity: 0;
    margin: 0;
}

.free-wall .brick {
    width: 350px;
    height: 350px;
    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: 700px;
}

.free-wall .brick.w2 {
    width: 700px;
}

.free-wall .brick.caption {
    width: 370px;
    height: auto;
    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;
}

.free-wall .owl-theme .owl-controls {
    margin-top: 6px;
}

/* 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 LAYOUT
* ==================================================
*/
.parallax {
    width: 100%;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
    background-position: top center;
    overflow: hidden;
    -webkit-transform: translateZ(0);
}

/* 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) */
/*** G.map***/
#map-wrapper {
    height: 300px;
    width: 100%;
}

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

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

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

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

/**
* PANEL LAYOUT
* ==================================================
*/
/* 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 minimal */
.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);
    /* easeInOutQuart */
    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);
    /* easeInOutQuart */
    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 {
    /* symbol for "opening" panels */
    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);
    /* easeInOutQuart */
    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 {
    /* symbol for "collapsed" panels */
    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;
}

/**
* MISCELANIOUS LAYOUT
* ==================================================
*/
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: 'Lato', "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;
    line-height: 10px;
    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;
    text-align: center;
}

.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;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    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;
    width: 60px;
    height: 60px;
    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;
    left: -15px;
    -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;
}

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

.mejs-poster {
    background-position: top center;
}

.mejs-offscreen.mejs-container-fullscreen {
    display: none;
}

.mejs-container-fullscreen {
    z-index: 9999;
}

.fullscreen .mejs-controls {
    display: none !important;
}

/* 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;
    position: relative;
    overflow: hidden;
    user-select: none;
    display: inline-block;
    margin-bottom: 0px;
    white-space: nowrap;
    -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);
    /* easeInOutQuart */
    text-decoration: none;
}

.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;
    text-decoration: none;
}

.rollover.effect-zoe .shop-product figure figcaption .icon-links a:not(.disabled) {
    cursor: pointer;
}

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

.mr-small {
    margin-right: 16px;
}

.ml-small {
    margin-left: 16px;
}

.mr-xsmall {
    margin-right: 8px;
}

.ml-xsmall {
    margin-left: 8px;
}

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

.force-text-left {
    text-align: left !important;
}

.half-width {
    width: 50%;
}

.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 {
        /* Column clear fix */
    }

    .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 {
        /* Column clear fix */
    }

    .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 {
        /* Column clear fix */
    }

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

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

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: 'Lato', 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: 62px;
    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;
}

.heading:after {
    font-family: "custom-icons";
    display: block;
    height: 10px;
    border-radius: 5px;
    width: 146px;
    content: '\e817';
    top: -132px;
    bottom: auto;
    position: absolute;
    margin-left: -73px;
    left: 50%;
    background: none !important;
    position: relative;
    z-index: 1;
    font-size: 120px;
}

h1.large-heading:after {
    margin-left: 0;
    position: static;
}

h1 {
    letter-spacing: 2px;
    z-index: 5;
    position: relative;
}

h1 span,
h2 span {
    display: block;
    letter-spacing: normal;
    opacity: 0.8;
    font-weight: bold;
}

h1 span {
    margin-bottom: 3px;
    font-size: 15px;
}

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: 'Lato', "Times New Roman", Times, serif;
}

blockquote:before {
    content: '“';
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 60px;
}

.blockquote-reverse:before {
    content: '”';
    font-family: Georgia, "Times New Roman", 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);
    /* easeOutQuint */
}

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

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

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

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

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

/*** Portfolio masonry ***/
.fw-image1 {
    background-image: url('../../../images/portfolio/vign-large1.jpg');
}

.fw-image2 {
    background-image: url('../../../images/portfolio/vign8.jpg');
}

.fw-image3 {
    background-image: url('../../../images/portfolio/vign-large2.jpg');
}

.fw-image4 {
    background-image: url('../../../images/portfolio/vign2.jpg');
}

.fw-image5 {
    background-image: url('../../../images/portfolio/vign-big1.jpg');
}

.fw-image6 {
    background-image: url('../../../images/portfolio/vign7.jpg');
}

.fw-image7 {
    background-image: url('../../../images/portfolio/vign-big2.jpg');
}

.fw-image8 {
    background-image: url('../../../images/portfolio/vign4.jpg');
}

.fw-image9 {
    background-image: url('../../../images/portfolio/vign9.jpg');
}

.fw-image10 {
    background-image: url('../../../images/portfolio/vign-large3.jpg');
}

.fw-image11 {
    background-image: url('../../../images/portfolio/vign10.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;
}