@media (max-width: 767px) {

    .visible-xs {

        display: block !important;

    }

    table.visible-xs {

        display: table;

    }

    tr.visible-xs {

        display: table-row !important;

    }

    th.visible-xs,

    td.visible-xs {

        display: table-cell !important;

    }

}

@media (max-width: 767px) {

    .visible-xs-block {

        display: block !important;

    }

}

@media (max-width: 767px) {

    .visible-xs-inline {

        display: inline !important;

    }

}

@media (max-width: 767px) {

    .visible-xs-inline-block {

        display: inline-block !important;

    }

}

@media (min-width: 768px) and (max-width: 991px) {

    .visible-sm {

        display: block !important;

    }

    table.visible-sm {

        display: table;

    }

    tr.visible-sm {

        display: table-row !important;

    }

    th.visible-sm,

    td.visible-sm {

        display: table-cell !important;

    }

}

@media (min-width: 768px) and (max-width: 991px) {

    .visible-sm-block {

        display: block !important;

    }

}

@media (min-width: 768px) and (max-width: 991px) {

    .visible-sm-inline {

        display: inline !important;

    }

}

@media (min-width: 768px) and (max-width: 991px) {

    .visible-sm-inline-block {

        display: inline-block !important;

    }

}

@media (min-width: 992px) and (max-width: 1199px) {

    .visible-md {

        display: block !important;

    }

    table.visible-md {

        display: table;

    }

    tr.visible-md {

        display: table-row !important;

    }

    th.visible-md,

    td.visible-md {

        display: table-cell !important;

    }

}

@media (min-width: 992px) and (max-width: 1199px) {

    .visible-md-block {

        display: block !important;

    }

}

@media (min-width: 992px) and (max-width: 1199px) {

    .visible-md-inline {

        display: inline !important;

    }

}

@media (min-width: 992px) and (max-width: 1199px) {

    .visible-md-inline-block {

        display: inline-block !important;

    }

}

@media (min-width: 1200px) {

    .visible-lg {

        display: block !important;

    }

    table.visible-lg {

        display: table;

    }

    tr.visible-lg {

        display: table-row !important;

    }

    th.visible-lg,

    td.visible-lg {

        display: table-cell !important;

    }

}

@media (min-width: 1200px) {

    .visible-lg-block {

        display: block !important;

    }

}

@media (min-width: 1200px) {

    .visible-lg-inline {

        display: inline !important;

    }

}

@media (min-width: 1200px) {

    .visible-lg-inline-block {

        display: inline-block !important;

    }

}

@media (max-width: 767px) {

    .hidden-xs {

        display: none !important;

    }

}

@media (min-width: 768px) and (max-width: 991px) {

    .hidden-sm {

        display: none !important;

    }

}

@media (min-width: 992px) and (max-width: 1199px) {

    .hidden-md {

        display: none !important;

    }

}

@media (min-width: 1200px) {

    .hidden-lg {

        display: none !important;

    }

}

.visible-print {

    display: none !important;

}

@media print {

    .visible-print {

        display: block !important;

    }

    table.visible-print {

        display: table;

    }

    tr.visible-print {

        display: table-row !important;

    }

    th.visible-print,

    td.visible-print {

        display: table-cell !important;

    }

}

.visible-print-block {

    display: none !important;

}

@media print {

    .visible-print-block {

        display: block !important;

    }

}

.visible-print-inline {

    display: none !important;

}

@media print {

    .visible-print-inline {

        display: inline !important;

    }

}

.visible-print-inline-block {

    display: none !important;

}

@media print {

    .visible-print-inline-block {

        display: inline-block !important;

    }

}

@media print {

    .hidden-print {

        display: none !important;

    }

}

@charset "UTF-8";

body {

    -webkit-backface-visibility: hidden;

}

.animated {

    -webkit-animation-duration: 0.75s;

    -moz-animation-duration: 0.75s;

    -o-animation-duration: 0.75s;

    animation-duration: 0.75s;

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

}

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

    }

}

.animated.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);

    }

}

.animated.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);

    }

}

.animated.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);

    }

}

.animated.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);

    }

}

.animated.swing {

    -webkit-transform-origin: top center;

    -moz-transform-origin: top center;

    -o-transform-origin: top center;

    transform-origin: top center;

    -webkit-animation-name: swing;

    -moz-animation-name: swing;

    -o-animation-name: swing;

    animation-name: swing;

}

@-webkit-keyframes 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%);

    }

}

.animated.wobble {

    -webkit-animation-name: wobble;

    -moz-animation-name: wobble;

    -o-animation-name: wobble;

    animation-name: wobble;

}

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

    }

}

.animated.pulse {

    -webkit-animation-name: pulse;

    -moz-animation-name: pulse;

    -o-animation-name: pulse;

    animation-name: pulse;

}

@-webkit-keyframes flip {

    0% {

        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);

        -webkit-animation-timing-function: ease-out;

    }

    40% {

        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);

        -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) translateZ(0) rotateY(360deg) scale(.95);

        -webkit-animation-timing-function: ease-in;

    }

    100% {

        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);

        -webkit-animation-timing-function: ease-in;

    }

}

@-moz-keyframes flip {

    0% {

        -moz-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);

        -moz-animation-timing-function: ease-out;

    }

    40% {

        -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);

        -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) translateZ(0) rotateY(360deg) scale(.95);

        -moz-animation-timing-function: ease-in;

    }

    100% {

        -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);

        -moz-animation-timing-function: ease-in;

    }

}

@-o-keyframes flip {

    0% {

        -o-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);

        -o-animation-timing-function: ease-out;

    }

    40% {

        -o-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);

        -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) translateZ(0) rotateY(360deg) scale(.95);

        -o-animation-timing-function: ease-in;

    }

    100% {

        -o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);

        -o-animation-timing-function: ease-in;

    }

}

@keyframes flip {

    0% {

        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);

        animation-timing-function: ease-out;

    }

    40% {

        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);

        animation-timing-function: ease-out;

    }

    50% {

        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);

        animation-timing-function: ease-in;

    }

    80% {

        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);

        animation-timing-function: ease-in;

    }

    100% {

        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);

        animation-timing-function: ease-in;

    }

}

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

    }

}

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

    }

}

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

    }

}

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

    }

}

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

    }

}

.animated.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);

    }

}

.animated.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);

    }

}

.animated.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);

    }

}

.animated.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);

    }

}

.animated.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);

    }

}

.animated.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);

    }

}

.animated.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);

    }

}

.animated.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);

    }

}

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

    }

}

.animated.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);

    }

}

.animated.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);

    }

}

.animated.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);

    }

}

.animated.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);

    }

}

.animated.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);

    }

}

.animated.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);

    }

}

.animated.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);

    }

}

.animated.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);

    }

}

.animated.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(.3);

    }

    50% {

        opacity: 1;

        -webkit-transform: scale(1.05);

    }

    70% {

        -webkit-transform: scale(.9);

    }

    100% {

        -webkit-transform: scale(1);

    }

}

@-moz-keyframes bounceIn {

    0% {

        opacity: 0;

        -moz-transform: scale(.3);

    }

    50% {

        opacity: 1;

        -moz-transform: scale(1.05);

    }

    70% {

        -moz-transform: scale(.9);

    }

    100% {

        -moz-transform: scale(1);

    }

}

@-o-keyframes bounceIn {

    0% {

        opacity: 0;

        -o-transform: scale(.3);

    }

    50% {

        opacity: 1;

        -o-transform: scale(1.05);

    }

    70% {

        -o-transform: scale(.9);

    }

    100% {

        -o-transform: scale(1);

    }

}

@keyframes bounceIn {

    0% {

        opacity: 0;

        transform: scale(.3);

    }

    50% {

        opacity: 1;

        transform: scale(1.05);

    }

    70% {

        transform: scale(.9);

    }

    100% {

        transform: scale(1);

    }

}

.animated.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);

    }

}

.animated.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% {

        -webkit-transform: translateY(0);

    }

}

@-moz-keyframes bounceInDown {

    0% {

        opacity: 0;

        -moz-transform: translateY(-2000px);

    }

    60% {

        opacity: 1;

        -moz-transform: translateY(30px);

    }

    80% {

        -moz-transform: translateY(-10px);

    }

    100% {

        -moz-transform: translateY(0);

    }

}

@-o-keyframes bounceInDown {

    0% {

        opacity: 0;

        -o-transform: translateY(-2000px);

    }

    60% {

        opacity: 1;

        -o-transform: translateY(30px);

    }

    80% {

        -o-transform: translateY(-10px);

    }

    100% {

        -o-transform: translateY(0);

    }

}

@keyframes bounceInDown {

    0% {

        opacity: 0;

        transform: translateY(-2000px);

    }

    60% {

        opacity: 1;

        transform: translateY(30px);

    }

    80% {

        transform: translateY(-10px);

    }

    100% {

        transform: translateY(0);

    }

}

.animated.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);

    }

}

.animated.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);

    }

}

.animated.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(.95);

    }

    50% {

        opacity: 1;

        -webkit-transform: scale(1.1);

    }

    100% {

        opacity: 0;

        -webkit-transform: scale(.3);

    }

}

@-moz-keyframes bounceOut {

    0% {

        -moz-transform: scale(1);

    }

    25% {

        -moz-transform: scale(.95);

    }

    50% {

        opacity: 1;

        -moz-transform: scale(1.1);

    }

    100% {

        opacity: 0;

        -moz-transform: scale(.3);

    }

}

@-o-keyframes bounceOut {

    0% {

        -o-transform: scale(1);

    }

    25% {

        -o-transform: scale(.95);

    }

    50% {

        opacity: 1;

        -o-transform: scale(1.1);

    }

    100% {

        opacity: 0;

        -o-transform: scale(.3);

    }

}

@keyframes bounceOut {

    0% {

        transform: scale(1);

    }

    25% {

        transform: scale(.95);

    }

    50% {

        opacity: 1;

        transform: scale(1.1);

    }

    100% {

        opacity: 0;

        transform: scale(.3);

    }

}

.animated.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);

    }

}

.animated.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);

    }

}

.animated.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);

    }

}

.animated.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);

    }

}

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

    }

}

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

    }

}

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

    }

}

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

    }

}

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

    }

}

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

    }

}

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

    }

}

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

    }

}

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

    }

}

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

    }

}

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

    }

}

.animated.hinge {

    -webkit-animation-name: hinge;

    -moz-animation-name: hinge;

    -o-animation-name: hinge;

    animation-name: hinge;

}

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

    }

}

.animated.rollIn {

    -webkit-animation-name: rollIn;

    -moz-animation-name: rollIn;

    -o-animation-name: rollIn;

    animation-name: rollIn;

}

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

    }

}

.animated.rollOut {

    -webkit-animation-name: rollOut;

    -moz-animation-name: rollOut;

    -o-animation-name: rollOut;

    animation-name: rollOut;

}

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

    }

}

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

}

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

    }

}

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

}

@font-face {

    font-family: 'FontAwesome';

    src: url('../fonts/fontawesome-webfontba72.eot?v=4.0.3');

    src: url('../fonts/fontawesome-webfontd41d.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('../fonts/fontawesome-webfontba72.woff?v=4.0.3') format('woff'), url('../fonts/fontawesome-webfontba72.ttf?v=4.0.3') format('truetype'), url('../fonts/fontawesome-webfontba72.svg?v=4.0.3#fontawesomeregular') format('svg');

    font-weight: normal;

    font-style: normal

}

.fa {

    display: inline-block;

    font-family: FontAwesome;

    font-style: normal;

    font-weight: normal;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale

}

.fa-lg {

    font-size: 1.3333333333333333em;

    line-height: .75em;

    vertical-align: -15%

}

.fa-2x {

    font-size: 2em

}

.fa-3x {

    font-size: 3em

}

.fa-4x {

    font-size: 4em

}

.fa-5x {

    font-size: 5em

}

.fa-fw {

    width: 1.2857142857142858em;

    text-align: center

}

.fa-ul {

    padding-left: 0;

    margin-left: 2.142857142857143em;

    list-style-type: none

}

.fa-ul>li {

    position: relative

}

.fa-li {

    position: absolute;

    left: -2.142857142857143em;

    width: 2.142857142857143em;

    top: .14285714285714285em;

    text-align: center

}

.fa-li.fa-lg {

    left: -1.8571428571428572em

}

.fa-border {

    padding: .2em .25em .15em;

    border: solid .08em #eee;

    border-radius: .1em

}

.pull-right {

    float: right

}

.pull-left {

    float: left

}

.fa.pull-left {

    margin-right: .3em

}

.fa.pull-right {

    margin-left: .3em

}

.fa-spin {

    -webkit-animation: spin 2s infinite linear;

    -moz-animation: spin 2s infinite linear;

    -o-animation: spin 2s infinite linear;

    animation: spin 2s infinite linear

}

@-moz-keyframes spin {

    0% {

        -moz-transform: rotate(0deg)

    }

    100% {

        -moz-transform: rotate(359deg)

    }

}

@-webkit-keyframes spin {

    0% {

        -webkit-transform: rotate(0deg)

    }

    100% {

        -webkit-transform: rotate(359deg)

    }

}

@-o-keyframes spin {

    0% {

        -o-transform: rotate(0deg)

    }

    100% {

        -o-transform: rotate(359deg)

    }

}

@-ms-keyframes spin {

    0% {

        -ms-transform: rotate(0deg)

    }

    100% {

        -ms-transform: rotate(359deg)

    }

}

@keyframes spin {

    0% {

        transform: rotate(0deg)

    }

    100% {

        transform: rotate(359deg)

    }

}

.fa-rotate-90 {

    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1);

    -webkit-transform: rotate(90deg);

    -moz-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    -o-transform: rotate(90deg);

    transform: rotate(90deg)

}

.fa-rotate-180 {

    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2);

    -webkit-transform: rotate(180deg);

    -moz-transform: rotate(180deg);



    -ms-transform: rotate(180deg);

    -o-transform: rotate(180deg);

    transform: rotate(180deg)

}

.fa-rotate-270 {

    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);

    -webkit-transform: rotate(270deg);

    -moz-transform: rotate(270deg);

    -ms-transform: rotate(270deg);

    -o-transform: rotate(270deg);

    transform: rotate(270deg)

}

.fa-flip-horizontal {

    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);

    -webkit-transform: scale(-1, 1);

    -moz-transform: scale(-1, 1);

    -ms-transform: scale(-1, 1);

    -o-transform: scale(-1, 1);

    transform: scale(-1, 1)

}

.fa-flip-vertical {

    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);

    -webkit-transform: scale(1, -1);

    -moz-transform: scale(1, -1);

    -ms-transform: scale(1, -1);

    -o-transform: scale(1, -1);

    transform: scale(1, -1)

}

.fa-stack {

    position: relative;

    display: inline-block;

    width: 2em;

    height: 2em;

    line-height: 2em;

    vertical-align: middle

}

.fa-stack-1x,

.fa-stack-2x {

    position: absolute;

    left: 0;

    width: 100%;

    text-align: center

}

.fa-stack-1x {

    line-height: inherit

}

.fa-stack-2x {

    font-size: 2em

}

.fa-inverse {

    color: #fff

}

.fa-glass:before {

    content: "\f000"

}

.fa-music:before {

    content: "\f001"

}

.fa-search:before {

    content: "\f002"

}

.fa-envelope-o:before {

    content: "\f003"

}

.fa-heart:before {

    content: "\f004"

}

.fa-star:before {

    content: "\f005"

}

.fa-star-o:before {

    content: "\f006"

}

.fa-user:before {

    content: "\f007"

}

.fa-film:before {

    content: "\f008"

}

.fa-th-large:before {

    content: "\f009"

}

.fa-th:before {

    content: "\f00a"

}

.fa-th-list:before {

    content: "\f00b"

}

.fa-check:before {

    content: "\f00c"

}

.fa-times:before {

    content: "\f00d"

}

.fa-search-plus:before {

    content: "\f00e"

}

.fa-search-minus:before {

    content: "\f010"

}

.fa-power-off:before {

    content: "\f011"

}

.fa-signal:before {

    content: "\f012"

}

.fa-gear:before,

.fa-cog:before {

    content: "\f013"

}

.fa-trash-o:before {

    content: "\f014"

}

.fa-home:before {

    content: "\f015"

}

.fa-file-o:before {

    content: "\f016"

}

.fa-clock-o:before {

    content: "\f017"

}

.fa-road:before {

    content: "\f018"

}

.fa-download:before {

    content: "\f019"

}

.fa-arrow-circle-o-down:before {

    content: "\f01a"

}

.fa-arrow-circle-o-up:before {

    content: "\f01b"

}

.fa-inbox:before {

    content: "\f01c"

}

.fa-play-circle-o:before {

    content: "\f01d"

}

.fa-rotate-right:before,

.fa-repeat:before {

    content: "\f01e"

}

.fa-refresh:before {

    content: "\f021"

}

.fa-list-alt:before {

    content: "\f022"

}

.fa-lock:before {

    content: "\f023"

}

.fa-flag:before {

    content: "\f024"

}

.fa-headphones:before {

    content: "\f025"

}

.fa-volume-off:before {

    content: "\f026"

}

.fa-volume-down:before {

    content: "\f027"

}

.fa-volume-up:before {

    content: "\f028"

}

.fa-qrcode:before {

    content: "\f029"

}

.fa-barcode:before {

    content: "\f02a"

}

.fa-tag:before {

    content: "\f02b"

}

.fa-tags:before {

    content: "\f02c"

}

.fa-book:before {

    content: "\f02d"

}

.fa-bookmark:before {

    content: "\f02e"

}

.fa-print:before {

    content: "\f02f"

}

.fa-camera:before {

    content: "\f030"

}

.fa-font:before {

    content: "\f031"

}

.fa-bold:before {

    content: "\f032"

}

.fa-italic:before {

    content: "\f033"

}

.fa-text-height:before {

    content: "\f034"

}

.fa-text-width:before {

    content: "\f035"

}

.fa-align-left:before {

    content: "\f036"

}

.fa-align-center:before {

    content: "\f037"

}

.fa-align-right:before {

    content: "\f038"

}

.fa-align-justify:before {

    content: "\f039"

}

.fa-list:before {

    content: "\f03a"

}

.fa-dedent:before,

.fa-outdent:before {

    content: "\f03b"

}

.fa-indent:before {

    content: "\f03c"

}

.fa-video-camera:before {

    content: "\f03d"

}

.fa-picture-o:before {

    content: "\f03e"

}

.fa-pencil:before {

    content: "\f040"

}

.fa-map-marker:before {

    content: "\f041"

}

.fa-adjust:before {

    content: "\f042"

}

.fa-tint:before {

    content: "\f043"

}

.fa-edit:before,

.fa-pencil-square-o:before {

    content: "\f044"

}

.fa-share-square-o:before {

    content: "\f045"

}

.fa-check-square-o:before {

    content: "\f046"

}

.fa-arrows:before {

    content: "\f047"

}

.fa-step-backward:before {

    content: "\f048"

}

.fa-fast-backward:before {

    content: "\f049"

}

.fa-backward:before {

    content: "\f04a"

}

.fa-play:before {

    content: "\f04b"

}

.fa-pause:before {

    content: "\f04c"

}

.fa-stop:before {

    content: "\f04d"

}

.fa-forward:before {

    content: "\f04e"

}

.fa-fast-forward:before {

    content: "\f050"

}

.fa-step-forward:before {

    content: "\f051"

}

.fa-eject:before {

    content: "\f052"

}

.fa-chevron-left:before {

    content: "\f053"

}

.fa-chevron-right:before {

    content: "\f054"

}

.fa-plus-circle:before {

    content: "\f055"

}

.fa-minus-circle:before {

    content: "\f056"

}

.fa-times-circle:before {

    content: "\f057"

}

.fa-check-circle:before {

    content: "\f058"

}

.fa-question-circle:before {

    content: "\f059"

}

.fa-info-circle:before {

    content: "\f05a"

}

.fa-crosshairs:before {

    content: "\f05b"

}

.fa-times-circle-o:before {

    content: "\f05c"

}

.fa-check-circle-o:before {

    content: "\f05d"

}

.fa-ban:before {

    content: "\f05e"

}

.fa-arrow-left:before {

    content: "\f060"

}

.fa-arrow-right:before {

    content: "\f061"

}

.fa-arrow-up:before {

    content: "\f062"

}

.fa-arrow-down:before {

    content: "\f063"

}

.fa-mail-forward:before,

.fa-share:before {

    content: "\f064"

}

.fa-expand:before {

    content: "\f065"

}

.fa-compress:before {

    content: "\f066"

}

.fa-plus:before {

    content: "\f067"

}

.fa-minus:before {

    content: "\f068"

}

.fa-asterisk:before {

    content: "\f069"

}

.fa-exclamation-circle:before {

    content: "\f06a"

}

.fa-gift:before {

    content: "\f06b"

}

.fa-leaf:before {

    content: "\f06c"

}

.fa-fire:before {

    content: "\f06d"

}

.fa-eye:before {

    content: "\f06e"

}

.fa-eye-slash:before {

    content: "\f070"

}

.fa-warning:before,

.fa-exclamation-triangle:before {

    content: "\f071"

}

.fa-plane:before {

    content: "\f072"

}

.fa-calendar:before {

    content: "\f073"

}

.fa-random:before {

    content: "\f074"

}

.fa-comment:before {

    content: "\f075"

}

.fa-magnet:before {

    content: "\f076"

}

.fa-chevron-up:before {

    content: "\f077"

}

.fa-chevron-down:before {

    content: "\f078"

}

.fa-retweet:before {

    content: "\f079"

}

.fa-shopping-cart:before {

    content: "\f07a"

}

.fa-folder:before {

    content: "\f07b"

}

.fa-folder-open:before {

    content: "\f07c"

}

.fa-arrows-v:before {

    content: "\f07d"

}

.fa-arrows-h:before {

    content: "\f07e"

}

.fa-bar-chart-o:before {

    content: "\f080"

}

.fa-twitter-square:before {

    content: "\f081"

}

.fa-facebook-square:before {

    content: "\f082"

}

.fa-camera-retro:before {

    content: "\f083"

}

.fa-key:before {

    content: "\f084"

}

.fa-gears:before,

.fa-cogs:before {

    content: "\f085"

}

.fa-comments:before {

    content: "\f086"

}

.fa-thumbs-o-up:before {

    content: "\f087"

}

.fa-thumbs-o-down:before {

    content: "\f088"

}

.fa-star-half:before {

    content: "\f089"

}

.fa-heart-o:before {

    content: "\f08a"

}

.fa-sign-out:before {

    content: "\f08b"

}

.fa-linkedin-square:before {

    content: "\f08c"

}

.fa-thumb-tack:before {

    content: "\f08d"

}

.fa-external-link:before {

    content: "\f08e"

}

.fa-sign-in:before {

    content: "\f090"

}

.fa-trophy:before {

    content: "\f091"

}

.fa-github-square:before {

    content: "\f092"

}

.fa-upload:before {

    content: "\f093"

}

.fa-lemon-o:before {

    content: "\f094"

}

.fa-phone:before {

    content: "\f095"

}

.fa-square-o:before {

    content: "\f096"

}

.fa-bookmark-o:before {

    content: "\f097"

}

.fa-phone-square:before {

    content: "\f098"

}

.fa-twitter:before {

    content: "\f099"

}

.fa-facebook:before {

    content: "\f09a"

}

.fa-github:before {

    content: "\f09b"

}

.fa-unlock:before {

    content: "\f09c"

}

.fa-credit-card:before {

    content: "\f09d"

}

.fa-rss:before {

    content: "\f09e"

}

.fa-hdd-o:before {

    content: "\f0a0"

}

.fa-bullhorn:before {

    content: "\f0a1"

}

.fa-bell:before {

    content: "\f0f3"

}

.fa-certificate:before {

    content: "\f0a3"

}

.fa-hand-o-right:before {

    content: "\f0a4"

}

.fa-hand-o-left:before {

    content: "\f0a5"

}

.fa-hand-o-up:before {

    content: "\f0a6"

}

.fa-hand-o-down:before {

    content: "\f0a7"

}

.fa-arrow-circle-left:before {

    content: "\f0a8"

}

.fa-arrow-circle-right:before {

    content: "\f0a9"

}

.fa-arrow-circle-up:before {

    content: "\f0aa"

}

.fa-arrow-circle-down:before {

    content: "\f0ab"

}

.fa-globe:before {

    content: "\f0ac"

}

.fa-wrench:before {

    content: "\f0ad"

}

.fa-tasks:before {

    content: "\f0ae"

}

.fa-filter:before {

    content: "\f0b0"

}

.fa-briefcase:before {

    content: "\f0b1"

}

.fa-arrows-alt:before {

    content: "\f0b2"

}

.fa-group:before,

.fa-users:before {

    content: "\f0c0"

}

.fa-chain:before,

.fa-link:before {

    content: "\f0c1"

}

.fa-cloud:before {

    content: "\f0c2"

}

.fa-flask:before {

    content: "\f0c3"

}

.fa-cut:before,

.fa-scissors:before {

    content: "\f0c4"

}

.fa-copy:before,

.fa-files-o:before {

    content: "\f0c5"

}

.fa-paperclip:before {

    content: "\f0c6"

}

.fa-save:before,

.fa-floppy-o:before {

    content: "\f0c7"

}

.fa-square:before {

    content: "\f0c8"

}

.fa-bars:before {

    content: "\f0c9"

}

.fa-list-ul:before {

    content: "\f0ca"

}

.fa-list-ol:before {

    content: "\f0cb"

}

.fa-strikethrough:before {

    content: "\f0cc"

}

.fa-underline:before {

    content: "\f0cd"

}

.fa-table:before {

    content: "\f0ce"

}

.fa-magic:before {

    content: "\f0d0"

}

.fa-truck:before {

    content: "\f0d1"

}

.fa-pinterest:before {

    content: "\f0d2"

}

.fa-pinterest-square:before {

    content: "\f0d3"

}

.fa-google-plus-square:before {

    content: "\f0d4"

}

.fa-google-plus:before {

    content: "\f0d5"

}

.fa-money:before {

    content: "\f0d6"

}

.fa-caret-down:before {

    content: "\f0d7"

}

.fa-caret-up:before {

    content: "\f0d8"

}

.fa-caret-left:before {

    content: "\f0d9"

}

.fa-caret-right:before {

    content: "\f0da"

}

.fa-columns:before {

    content: "\f0db"

}

.fa-unsorted:before,

.fa-sort:before {

    content: "\f0dc"

}

.fa-sort-down:before,

.fa-sort-asc:before {

    content: "\f0dd"

}

.fa-sort-up:before,

.fa-sort-desc:before {

    content: "\f0de"

}

.fa-envelope:before {

    content: "\f0e0"

}

.fa-linkedin:before {

    content: "\f0e1"

}

.fa-rotate-left:before,

.fa-undo:before {

    content: "\f0e2"

}

.fa-legal:before,

.fa-gavel:before {

    content: "\f0e3"

}

.fa-dashboard:before,

.fa-tachometer:before {

    content: "\f0e4"

}

.fa-comment-o:before {

    content: "\f0e5"

}

.fa-comments-o:before {

    content: "\f0e6"

}

.fa-flash:before,

.fa-bolt:before {

    content: "\f0e7"

}

.fa-sitemap:before {

    content: "\f0e8"

}

.fa-umbrella:before {

    content: "\f0e9"

}

.fa-paste:before,

.fa-clipboard:before {

    content: "\f0ea"

}

.fa-lightbulb-o:before {

    content: "\f0eb"

}

.fa-exchange:before {

    content: "\f0ec"

}

.fa-cloud-download:before {

    content: "\f0ed"

}

.fa-cloud-upload:before {

    content: "\f0ee"

}

.fa-user-md:before {

    content: "\f0f0"

}

.fa-stethoscope:before {

    content: "\f0f1"

}

.fa-suitcase:before {

    content: "\f0f2"

}

.fa-bell-o:before {

    content: "\f0a2"

}

.fa-coffee:before {

    content: "\f0f4"

}

.fa-cutlery:before {

    content: "\f0f5"

}

.fa-file-text-o:before {

    content: "\f0f6"

}

.fa-building-o:before {

    content: "\f0f7"

}

.fa-hospital-o:before {

    content: "\f0f8"

}

.fa-ambulance:before {

    content: "\f0f9"

}

.fa-medkit:before {

    content: "\f0fa"

}

.fa-fighter-jet:before {

    content: "\f0fb"

}

.fa-beer:before {

    content: "\f0fc"

}

.fa-h-square:before {

    content: "\f0fd"

}

.fa-plus-square:before {

    content: "\f0fe"

}

.fa-angle-double-left:before {

    content: "\f100"

}

.fa-angle-double-right:before {

    content: "\f101"

}

.fa-angle-double-up:before {

    content: "\f102"

}

.fa-angle-double-down:before {

    content: "\f103"

}

.fa-angle-left:before {

    content: "\f104"

}

.fa-angle-right:before {

    content: "\f105"

}

.fa-angle-up:before {

    content: "\f106"

}

.fa-angle-down:before {

    content: "\f107"

}

.fa-desktop:before {

    content: "\f108"

}

.fa-laptop:before {

    content: "\f109"

}

.fa-tablet:before {

    content: "\f10a"

}

.fa-mobile-phone:before,

.fa-mobile:before {

    content: "\f10b"

}

.fa-circle-o:before {

    content: "\f10c"

}

.fa-quote-left:before {

    content: "\f10d"

}

.fa-quote-right:before {

    content: "\f10e"

}

.fa-spinner:before {

    content: "\f110"

}

.fa-circle:before {

    content: "\f111"

}

.fa-mail-reply:before,

.fa-reply:before {

    content: "\f112"

}

.fa-github-alt:before {

    content: "\f113"

}

.fa-folder-o:before {

    content: "\f114"

}

.fa-folder-open-o:before {

    content: "\f115"

}

.fa-smile-o:before {

    content: "\f118"

}

.fa-frown-o:before {

    content: "\f119"

}

.fa-meh-o:before {

    content: "\f11a"

}

.fa-gamepad:before {

    content: "\f11b"

}

.fa-keyboard-o:before {

    content: "\f11c"

}

.fa-flag-o:before {

    content: "\f11d"

}

.fa-flag-checkered:before {

    content: "\f11e"

}

.fa-terminal:before {

    content: "\f120"

}

.fa-code:before {

    content: "\f121"

}

.fa-reply-all:before {

    content: "\f122"

}

.fa-mail-reply-all:before {

    content: "\f122"

}

.fa-star-half-empty:before,

.fa-star-half-full:before,

.fa-star-half-o:before {

    content: "\f123"

}

.fa-location-arrow:before {

    content: "\f124"

}

.fa-crop:before {

    content: "\f125"

}

.fa-code-fork:before {

    content: "\f126"

}

.fa-unlink:before,

.fa-chain-broken:before {

    content: "\f127"

}

.fa-question:before {

    content: "\f128"

}

.fa-info:before {

    content: "\f129"

}

.fa-exclamation:before {

    content: "\f12a"

}

.fa-superscript:before {

    content: "\f12b"

}

.fa-subscript:before {

    content: "\f12c"

}

.fa-eraser:before {

    content: "\f12d"

}

.fa-puzzle-piece:before {

    content: "\f12e"

}

.fa-microphone:before {

    content: "\f130"

}

.fa-microphone-slash:before {

    content: "\f131"

}

.fa-shield:before {

    content: "\f132"

}

.fa-calendar-o:before {

    content: "\f133"

}

.fa-fire-extinguisher:before {

    content: "\f134"

}

.fa-rocket:before {

    content: "\f135"

}

.fa-maxcdn:before {

    content: "\f136"

}

.fa-chevron-circle-left:before {

    content: "\f137"

}

.fa-chevron-circle-right:before {

    content: "\f138"

}

.fa-chevron-circle-up:before {

    content: "\f139"

}

.fa-chevron-circle-down:before {

    content: "\f13a"

}

.fa-html5:before {

    content: "\f13b"

}

.fa-css3:before {

    content: "\f13c"

}

.fa-anchor:before {

    content: "\f13d"

}

.fa-unlock-alt:before {

    content: "\f13e"

}

.fa-bullseye:before {

    content: "\f140"

}

.fa-ellipsis-h:before {

    content: "\f141"

}

.fa-ellipsis-v:before {

    content: "\f142"

}

.fa-rss-square:before {

    content: "\f143"

}

.fa-play-circle:before {

    content: "\f144"

}

.fa-ticket:before {

    content: "\f145"

}

.fa-minus-square:before {

    content: "\f146"

}

.fa-minus-square-o:before {

    content: "\f147"

}

.fa-level-up:before {

    content: "\f148"

}

.fa-level-down:before {

    content: "\f149"

}

.fa-check-square:before {

    content: "\f14a"

}



.fa-pencil-square:before {

    content: "\f14b"

}

.fa-external-link-square:before {

    content: "\f14c"

}

.fa-share-square:before {

    content: "\f14d"

}

.fa-compass:before {

    content: "\f14e"

}

.fa-toggle-down:before,

.fa-caret-square-o-down:before {

    content: "\f150"

}

.fa-toggle-up:before,

.fa-caret-square-o-up:before {

    content: "\f151"

}

.fa-toggle-right:before,

.fa-caret-square-o-right:before {

    content: "\f152"

}

.fa-euro:before,

.fa-eur:before {

    content: "\f153"

}

.fa-gbp:before {

    content: "\f154"

}

.fa-dollar:before,

.fa-usd:before {

    content: "\f155"

}

.fa-rupee:before,

.fa-inr:before {

    content: "\f156"

}

.fa-cny:before,

.fa-rmb:before,

.fa-yen:before,

.fa-jpy:before {

    content: "\f157"

}

.fa-ruble:before,

.fa-rouble:before,

.fa-rub:before {

    content: "\f158"

}

.fa-won:before,

.fa-krw:before {

    content: "\f159"

}

.fa-bitcoin:before,

.fa-btc:before {

    content: "\f15a"

}

.fa-file:before {

    content: "\f15b"

}

.fa-file-text:before {

    content: "\f15c"

}

.fa-sort-alpha-asc:before {

    content: "\f15d"

}

.fa-sort-alpha-desc:before {

    content: "\f15e"

}

.fa-sort-amount-asc:before {

    content: "\f160"

}

.fa-sort-amount-desc:before {

    content: "\f161"

}

.fa-sort-numeric-asc:before {

    content: "\f162"

}

.fa-sort-numeric-desc:before {

    content: "\f163"

}

.fa-thumbs-up:before {

    content: "\f164"

}

.fa-thumbs-down:before {

    content: "\f165"

}

.fa-youtube-square:before {

    content: "\f166"

}

.fa-youtube:before {

    content: "\f167"

}

.fa-xing:before {

    content: "\f168"

}

.fa-xing-square:before {

    content: "\f169"

}

.fa-youtube-play:before {

    content: "\f16a"

}

.fa-dropbox:before {

    content: "\f16b"

}

.fa-stack-overflow:before {

    content: "\f16c"

}

.fa-instagram:before {

    content: "\f16d"

}

.fa-flickr:before {

    content: "\f16e"

}

.fa-adn:before {

    content: "\f170"

}

.fa-bitbucket:before {

    content: "\f171"

}

.fa-bitbucket-square:before {

    content: "\f172"

}

.fa-tumblr:before {

    content: "\f173"

}

.fa-tumblr-square:before {

    content: "\f174"

}

.fa-long-arrow-down:before {

    content: "\f175"

}

.fa-long-arrow-up:before {

    content: "\f176"

}

.fa-long-arrow-left:before {

    content: "\f177"

}

.fa-long-arrow-right:before {

    content: "\f178"

}

.fa-apple:before {

    content: "\f179"

}

.fa-windows:before {

    content: "\f17a"

}

.fa-android:before {

    content: "\f17b"

}

.fa-linux:before {

    content: "\f17c"

}

.fa-dribbble:before {

    content: "\f17d"

}

.fa-skype:before {

    content: "\f17e"

}

.fa-foursquare:before {

    content: "\f180"

}

.fa-trello:before {

    content: "\f181"

}

.fa-female:before {

    content: "\f182"

}

.fa-male:before {

    content: "\f183"

}

.fa-gittip:before {

    content: "\f184"

}

.fa-sun-o:before {

    content: "\f185"

}

.fa-moon-o:before {

    content: "\f186"

}

.fa-archive:before {

    content: "\f187"

}

.fa-bug:before {

    content: "\f188"

}

.fa-vk:before {

    content: "\f189"

}

.fa-weibo:before {

    content: "\f18a"

}

.fa-renren:before {

    content: "\f18b"

}

.fa-pagelines:before {

    content: "\f18c"

}

.fa-stack-exchange:before {

    content: "\f18d"

}

.fa-arrow-circle-o-right:before {

    content: "\f18e"

}

.fa-arrow-circle-o-left:before {

    content: "\f190"

}

.fa-toggle-left:before,

.fa-caret-square-o-left:before {

    content: "\f191"

}

.fa-dot-circle-o:before {

    content: "\f192"

}

.fa-wheelchair:before {

    content: "\f193"

}

.fa-vimeo-square:before {

    content: "\f194"

}

.fa-turkish-lira:before,

.fa-try:before {

    content: "\f195"

}

.fa-plus-square-o:before {

    content: "\f196"

}

.nav-docs>ul>li>a {

    padding-top: 5px !important;

    padding-bottom: 5px !important;

}

.dropfile {

    border: 2px dashed #e0e4e8;

    text-align: center;

    min-height: 20px;

}

.dropfile.hover {

    border-color: #aac3cc;

}

.dropfile small {

    margin: 50px 0;

    display: block;

}

.portlet {

    min-height: 30px;

}

.jqstooltip {

    -webkit-box-sizing: content-box;

    -moz-box-sizing: content-box;

    box-sizing: content-box;

}

.axis {

    margin: 6px 0 0;

}

.axis li {

    vertical-align: top;

    font-size: 9px;

    margin-right: 2px;

    padding: 0;

    width: 10px;

    -webkit-text-size-adjust: none;

    text-align: center;

    line-height: 1em;

    word-wrap: nowrap;

}

.axis li:last-child {

    margin-right: 0 !important;

}

.axis-full {

    display: table;

}

.axis-full li {

    display: table-cell;

    padding: 0;

    width: 1%;

}

.easypiechart {

    position: relative;

    text-align: center;

}

.easypiechart .h2 {

    margin-left: 10px;

    margin-top: 10px;

    display: inline-block;

}

.easypiechart canvas {

    position: absolute;

    top: 0;

    left: 0;

}

.easypiechart .easypie-text {

    position: absolute;

    z-index: 1;

    line-height: 1;

    font-size: 75%;

    width: 100%;

    top: 60%;

}

.easypiechart img {

    margin-top: -4px;

}

.combodate select {

    display: inline-block;

}

.doc-buttons .btn {

    margin-bottom: 5px;

}

.fontawesome-icon-list {

    list-style: none;

}

.fontawesome-icon-list i {

    font-size: 14px;

    width: 40px;

    margin: 0;

    display: inline-block;

    text-align: center;

}

.fontawesome-icon-list a {

    line-height: 32px;

    display: block;

    white-space: nowrap;

}

.fontawesome-icon-list a:hover i {

    font-size: 28px;

    vertical-align: middle;

}

.th-sortable {

    cursor: pointer;

}

.th-sortable .th-sort {

    float: right;

    position: relative;

}

.th-sort i {

    position: relative;

    z-index: 1;

}

.th-sort .fa-sort {

    position: absolute;

    left: 0;

    top: 3px;

    color: #bac3cc;

    z-index: 0;

}

.active>.th-sort .text {

    display: none;

}

.active>.th-sort .text-active {

    display: inline !important;

}

.sortable-placeholder {

    list-style: none;

    border: 1px dashed #CCC;

    min-height: 50px;

    margin-bottom: 5px;

}

.input-append.date .add-on i,

.input-prepend.date .add-on i {

    display: block;

    cursor: pointer;

    width: 16px;

    height: 16px;

}

.parsley-error-list {

    margin: 0;

    padding: 0;

    list-style: none;

    margin-top: 6px;

    font-size: 12px;

}

.parsley-error {

    border-color: #ff5f5f !important;

}

.graph {

    height: 250px;

}

.graph tspan {

    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;

}

.morris-hover {

    position: absolute;

    z-index: 1000;

}

.morris-hover.morris-default-style {

    border-radius: 2px;

    padding: 6px;

    color: #666;

    background: rgba(255, 255, 255, 0.9);

    border: solid 1px rgba(230, 230, 230, 0.8);

    font-family: sans-serif;

    font-size: 12px;

    text-align: center;

}

.morris-hover.morris-default-style .morris-hover-row-label {

    font-weight: bold;

    margin: 0.25em 0;

}

.morris-hover.morris-default-style .morris-hover-point {

    white-space: nowrap;

    margin: 0.1em 0;

}

.panel .fc-header {

    position: relative;

    height: 40px;

}

.panel .fc-header .fc-button {

    background: transparent;

    border: none;

    box-shadow: none;

    margin: 0;

    height: 40px;

    line-height: 18px;

    padding: 10px;

}

.panel .fc-header .fc-button.fc-state-active {

    background: #fff;

}

.panel .fc-header .fc-header-title h2 {

    font-size: 15px;

    line-height: 40px;

    margin: 0;

}

.panel .fc-header td {

    position: absolute;

    white-space: nowrap;

}

.panel .fc-header .fc-header-left {

    width: 100%;

    z-index: 2;

}

.panel .fc-header .fc-button-prev {

    float: left;

}

.panel .fc-header .fc-button-next {

    float: right;

}

.panel .fc-header .fc-header-center {

    z-index: 1;

    width: 100%;

    padding: 0 40px;

}

.panel .fc-header .fc-header-right {

    position: absolute;

    top: -39px;

    right: 0;

}

.panel .fc-header .fc-state-default.fc-corner-right {



    border-top-right-radius: 2px;

    border-bottom-right-radius: 0;

}

.panel .fc-header .fc-state-disabled {

    opacity: 0.35;

    filter: alpha(opacity=35);

}

.panel .fc-content {

    margin: -1px;

}

.fc-content .fc-widget-header,

.fc-content .fc-widget-content {

    border-color: #ebeff6;

}

.fc-content .fc-event {

    border: none;

    padding: 4px 6px;

}

.fc-event {

    background-color: #5dcff3;

}

.datepicker td.active,

.datepicker td.active:hover,

.datepicker td.active:hover.active,

.datepicker td.active.active {

    background: #594f8d;

    background: #594f8d \9;

}

.wizard .badge-info {

    background-color: #5dcff3;

}

.wizard .badge-success {

    background-color: #92cf5c;

}

.wizard ul li.active {

    color: #5dcff3;

}

.select2-container .select2-choice {

    height: 30px;

    line-height: 28px;

    border-color: #d8dde5;

    border-radius: 2px;

    -webkit-box-shadow: none;

    box-shadow: none;

    background: #fff;

}

.select2-container .select2-choice .select2-arrow {

    background-color: transparent;

    background-image: none;

    border-left: none;

}

.select2-container .select2-choice .select2-arrow b {

    background: none;

    position: relative;

}

.select2-container .select2-choice .select2-arrow b:after {

    content: "\f0d7";

    font-family: FontAwesome;

    color: #aaa;

}

.select2-container.select2-container-active .select2-choice {

    border-color: #5897fb;

}

.select2-container.select2-dropdown-open .select2-choice .select2-arrow b:after {

    content: "\f0d8";

}

.select2-container abbr {

    background: transparent;

}

.select2-container abbr:after {

    content: "\f00d";

    font-family: FontAwesome;

    position: absolute;

    top: -7px;

    font-size: 11px;

    color: #aaa;

}

.select2-search {

    position: relative;

    padding: 0 6px;

}

.select2-search:after {

    position: absolute;

    content: "\f002";

    font-family: FontAwesome;

    color: #aaa;

    right: 10px;

    top: 4px;

    width: 18px;

}

.select2-drop.select2-drop-above .select2-search:after {

    top: 8px;

}

.select2-search input {

    border-color: #d8dde5;

    background: #fff;

}

.select2-results .select2-highlighted {

    background-color: #5dcff3;

}

.select2-container-multi .select2-choices {

    border: 1px solid #d8dde5;

    border-radius: 3px;

    padding-top: 2px;

}

.select2-container-multi .select2-choices .select2-search-choice {

    border: 1px solid #d8dde5;

    background-color: #fff;

    -webkit-box-shadow: none;

    box-shadow: none;

}

.select2-search-choice-close {

    background: transparent;

}

.select2-search-choice-close:after {

    content: "\f00d";

    font-family: FontAwesome;

    font-size: 11px;

    color: #aaa;

    position: absolute;

    left: 2px;

    top: -1px;

}

#flotTip {

    padding: 3px 5px;

    background-color: #000;

    z-index: 100;

    color: #fff;

    opacity: .7;

    filter: alpha(opacity=70);

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

}

body {

    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;

    font-size: 13px;

    color: #717171;

    background-color: #f3f5f9;

}

.h1,

.h2,

.h3,

.h4,

.h5,

.h6 {

    margin: 0;

}

a {

    color: #575757;

    text-decoration: none;

}

a:hover,

a:focus {

    color: #7d7d7d;

    text-decoration: none;

}

.badge {

    background-color: #a7b4d3;

}

.badge.up {

    position: relative;

    top: -10px;

    padding: 3px 6px;

}

label {

    font-weight: 600;

}

.label-sm {

    padding-top: 0;

    padding-bottom: 0;

}

.text-primary {

    color: #594f8d;

}

.text-info {

    color: #5dcff3;

}

.text-success {

    color: #92cf5c;

}

.text-warning {

    color: #fcc44d;

}

.text-danger {

    color: #fb6b5b;

}

.text-white {

    color: #fff;

}

.text-muted {

    color: #979797;

}

small {

    font-size: 90%;

}

.badge-white {

    background-color: transparent;

    border: 1px solid rgba(255, 255, 255, 0.35);

    padding: 2px 6px;

}

.badge-hollow {

    background-color: transparent;

    border: 1px solid rgba(0, 0, 0, 0.15);

    color: inherit;

}

.caret-white {

    border-top-color: #fff;

    border-top-color: rgba(255, 255, 255, 0.65);

}

a:hover .caret-white {

    border-top-color: #fff;

}

.tooltip-inner {

    background-color: rgba(0, 0, 0, 0.9);

    background-color: #4c5566;

}

.tooltip.top .tooltip-arrow {

    border-top-color: rgba(0, 0, 0, 0.9);

    border-top-color: #4c5566;

}

.tooltip.right .tooltip-arrow {

    border-right-color: rgba(0, 0, 0, 0.9);

    border-right-color: #4c5566;

}

.tooltip.bottom .tooltip-arrow {

    border-bottom-color: rgba(0, 0, 0, 0.9);

    border-bottom-color: #4c5566;

}

.tooltip.left .tooltip-arrow {

    border-left-color: rgba(0, 0, 0, 0.9);

    border-left-color: #4c5566;

}

.popover-content {

    font-size: 12px;

    line-height: 1.5;

}

.progress-xs {

    height: 6px;

}

.progress-sm {

    height: 10px;

}

.progress-sm .progress-bar {

    font-size: 10px;

    line-height: 1em;

}

.breadcrumb {

    background-color: #fff;

    border: 1px solid #ebeff6;

    padding-left: 10px;

    font-size: 12px;

}

.accordion-group,

.accordion-inner {

    border-color: #ebeff6;

    border-radius: 2px;

}

.alert {

    font-size: 85%;

    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);

}

.alert .close i {

    font-size: 12px;

    font-weight: normal;

    display: block;

}

.form-control {

    border-color: #d8dde5;

}

.form-control,

.form-control:focus {

    -webkit-box-shadow: none;

    box-shadow: none;

}

.input-s-sm {

    width: 120px;

}

.input-s {

    width: 200px;

}

.input-s-lg {

    width: 250px;

}

.input-group-addon {

    border-color: #d8dde5;

    background-color: #f5f7fa;

}

.list-group {

    border-radius: 2px;

}

.list-group.no-radius .list-group-item {

    border-radius: 0 !important;

}

.list-group.no-borders .list-group-item {

    border: none;

}

.list-group.no-border .list-group-item {

    border-width: 1px 0;

}

.list-group.no-bg .list-group-item {

    background-color: transparent;

}

.list-group-item {

    border-color: #ebeff6;

    padding-right: 15px;

}

.list-group-item.media {

    margin-top: 0;

}

.list-group-item.active {

    border-color: #5dcff3 !important;

    background-color: #5dcff3 !important;

}

.list-group-item.active,

.list-group-item.active .text-muted {

    color: #ebf9fe;

}

.list-group-item.active a {

    color: #fff;

}

.list-group-alt .list-group-item:nth-child(2n+2) {

    background-color: rgba(0, 0, 0, 0.02);

}

.list-group-lg .list-group-item {

    padding-top: 15px;

    padding-bottom: 15px;

}

.list-group-sp .list-group-item {

    margin-bottom: 5px;

    border-radius: 3px;

}

.list-group-item>.badge {

    margin-right: 0;

}

.list-group-item>.fa-chevron-right {

    float: right;

    margin-top: 4px;

    margin-right: -5px;

}

.list-group-item>.fa-chevron-right+.badge {

    margin-right: 5px;

}

.nav-pills.no-radius>li>a {

    border-radius: 0;

}

.nav-pills>li.active>a {

    color: #fff !important;

    background-color: #5dcff3 !important;

}

.nav.nav-sm>li>a {

    padding: 6px 8px;

}

.nav>li>a .avatar {

    width: 30px;

}

.panel {

    border-radius: 2px;

    border-color: #ebeff6;

}

.panel.no-borders {

    border-width: 0;

}

.panel.no-borders .panel-heading,

.panel.no-borders .panel-footer {

    border-width: 0;

}

.panel .table-responsive {

    border-color: #e0e4e8;

}

.panel .table td,

.panel .table th {

    padding: 6px 15px;

    border-top: 1px solid #eaedef;

}

.panel .table thead>tr>th {

    border-bottom: 1px solid #e0e4e8;

}

.panel .table-striped>tbody>tr:nth-child(odd)>td,

.panel .table-striped>tbody>tr:nth-child(odd)>th {

    background-color: #fcfdfe;

}

.panel .table-striped>thead th {

    background: #fafbfc;

    border-right: 1px solid #e0e4e8;

}

.panel .table-striped>thead th:last-child {

    border-right: none;

}

.panel-heading {

    border-color:#594F8D;

    background-color:#594F8D;

    border-radius: 2px 2px 0 0;

    color: white;

}

.panel-heading.bg {

    margin: -1px -1px 0 -1px;

    border: none;

}

.panel-heading.bg .list-group-item {

    border-color: transparent;

}

.panel-heading.bg .list-group-item>a {

    color: #fff;

}

.panel-heading .nav {

    font-size: 13px;

    margin: -10px -15px -11px;

    border: none;

}

.panel-heading .nav>li>a {

    border-radius: 0;

    margin: 0;

    border-width: 0;

}

.panel-heading .nav-tabs.nav-justified {

    width: auto;

}

.panel-heading .nav-tabs.nav-justified>li:first-child>a,

.panel-heading .nav-tabs.pull-left>li:first-child>a {

    border-radius: 2px 0 0 0;

}

.panel-heading .nav-tabs.nav-justified>li:last-child>a,

.panel-heading .nav-tabs.pull-right>li:last-child>a {

    border-radius: 0 2px 0 0;

}

.panel-heading .nav-tabs>li>a {

    line-height: 1.5;

}

.panel-heading .nav-tabs>li>a:hover,

.panel-heading .nav-tabs>li>a:focus {

    border-width: 0;

    background: transparent;

    border-color: transparent;

}

.panel-heading .nav-tabs>li.active>a,

.panel-heading .nav-tabs>li.active>a:hover,

.panel-heading .nav-tabs>li.active>a:focus {

    color: #717171;

    background: #fff;

}

.panel-heading .list-group {

    background: transparent;

}

.panel-footer {

    border-color: #ebeff6;

    background-color: #fff;

    border-radius: 0 0 2px 2px;

}

.panel-group .panel-heading+.panel-collapse .panel-body {

    border-top: 1px solid #eaedef;

}

.open {

    z-index: 1050;

    position: relative;

}

.dropdown-menu {

    font-size: 13px;

    border-radius: 2px;

    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);

    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);

    border: 1px solid #ddd;

    border: 1px solid rgba(0, 0, 0, 0.1);

}

.dropdown-menu.pull-left {

    left: 100%;

}

.dropdown-menu>.panel {

    border: none;

    margin: -5px 0;

}

.dropdown-menu>li>a {

    padding: 5px 15px;

}

.dropdown-menu>li>a:hover,

.dropdown-menu>li>a:focus,

.dropdown-menu>.active>a,

.dropdown-menu>.active>a:hover,

.dropdown-menu>.active>a:focus {

    background-image: none;

    filter: none;

    background-color: #4c5566;

    color: #fff;

}

.dropdown-header {

    padding: 5px 15px;

}

.dropdown-submenu {

    position: relative;

}

.dropdown-submenu:hover>a,

.dropdown-submenu:focus>a {

    background-color: #4c5566;

    color: #fff;

}

.dropdown-submenu:hover>.dropdown-menu,

.dropdown-submenu:focus>.dropdown-menu {

    display: block;

}

.dropdown-submenu.pull-left {

    float: none !important;

}

.dropdown-submenu.pull-left>.dropdown-menu {

    left: -100%;

    margin-left: 10px;

}

.dropdown-submenu .dropdown-menu {

    left: 100%;

    top: 0;

    margin-top: 0;

    margin-left: -1px;

}

.dropup .dropdown-submenu>.dropdown-menu {

    top: auto;

    bottom: 0;

}

.dropdown-select>li>a input {

    position: absolute;

    left: -9999em;

}

.carousel-control {

    width: 40px;

    color: #999;

    text-shadow: none;

}

.carousel-control:hover,

.carousel-control:focus {

    color: #ccc;

    text-decoration: none;

    opacity: 0.9;

    filter: alpha(opacity=90);

}

.carousel-control.left,

.carousel-control.right {

    background-image: none;

    filter: none;

}

.carousel-control i {

    position: absolute;

    top: 50%;

    left: 50%;

    z-index: 5;

    display: inline-block;

    width: 20px;

    height: 20px;

    margin-top: -10px;

    margin-left: -10px;

}

.carousel-indicators.out {

    bottom: -5px;

}

.carousel-indicators li {

    -webkit-transition: background-color .25s;

    transition: background-color .25s;

    background: #ddd;

    background-color: rgba(0, 0, 0, 0.2);

    border: none;

}

.carousel-indicators .active {

    background: #92cf5c;

    width: 10px;

    height: 10px;

    margin: 1px;

}

.carousel.carousel-fade .item {

    -webkit-transition: opacity .25s;

    transition: opacity .25s;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    backface-visibility: hidden;

    opacity: 0;

    filter: alpha(opacity=0);



}

.carousel.carousel-fade .active {

    opacity: 1;

    filter: alpha(opacity=1);

}

.carousel.carousel-fade .active.left,

.carousel.carousel-fade .active.right {

    left: 0;

    z-index: 2;

    opacity: 0;

    filter: alpha(opacity=0);

}

.carousel.carousel-fade .next,

.carousel.carousel-fade .prev {

    left: 0;

    z-index: 1;

}

.carousel.carousel-fade .carousel-control {

    z-index: 3;

}

.col-lg-2-4 {

    position: relative;

    min-height: 1px;

    padding-left: 15px;

    padding-right: 15px;

}

.col-0 {

    clear: left;

}

.row.no-gutter {

    margin-left: 0;

    margin-right: 0;

}

.no-gutter [class*="col"] {

    padding: 0;

}

.modal-backdrop {

    background-color: #4c5566;

}

.modal-backdrop.in {

    opacity: 0.8;

    filter: alpha(opacity=80);

}

.modal-over {

    width: 100%;

    height: 100%;

    position: relative;

    background: #4c5566;

}

.modal-center {

    position: absolute;

    left: 50%;

    top: 50%;

}

.modal-content {

    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);

    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);

}

.icon-lg:before {

    vertical-align: -10%;

    font-size: 1.3333333333333333em;

}

.icon-muted {

    color: #d9d9d9;

    text-shadow: 0 1px 1px #fff;

}

.navbar-inverse .navbar-collapse,

.navbar-inverse .navbar-form {

    border-color: transparent;

}

@media (orientation: landscape) {

    html.ios7.ipad > body {

        padding-bottom: 20px;

    }

}

@media (min-width: 768px) {

    html,

    body {

        width: 100%;

        height: 100%;

        overflow-x: hidden;

    }

    .hbox {

        display: table;

        table-layout: fixed;

        border-spacing: 0;

        width: 100%;

    }

    .hbox>aside,

    .hbox>section {

        display: table-cell;

        vertical-align: top;

        height: 100%;

        padding: 0;

        float: none;

    }

    .hbox>aside.show,

    .hbox>aside.hidden-sm,

    .hbox>section.show,

    .hbox>section.hidden-sm {

        display: table-cell !important;

    }

    .hbox.stretch {

        height: 100%;

    }

    .vbox {

        display: table;

        border-spacing: 0;

        position: relative;

        height: 100%;

        width: 100%;

    }

    .vbox>section,

    .vbox>footer {

        position: absolute;

        top: 0;

        bottom: 0;

        width: 100%;

    }

    .vbox>header ~ section {

        top: 50px;

    }

    .vbox>section.w-f {

        bottom: 50px;

    }

    .vbox>footer {

        top: auto;

        z-index: 1000;

    }

    .vbox>footer ~ section {

        bottom: 50px;

    }

    .vbox.flex>header,

    .vbox.flex>section,

    .vbox.flex>footer {

        position: inherit;

    }

    .vbox.flex>section {

        display: table-row;

        height: 100%;

    }

    .vbox.flex>section>section {

        position: relative;

        height: 100%;

        overflow: auto;

    }

    .ie .vbox.flex>section>section {

        display: table-cell;

    }

    .vbox.flex>section>section>section {

        position: absolute;

        top: 0;

        bottom: 0;

        left: 0;

        right: 0;

    }

    .aside-xs {

        width: 48px;

    }

    .aside {

        width: 180px;

    }

    .aside-sm {

        width: 150px;

    }

    .aside-md {

        width: 200px;

    }

    .aside-lg {

        width: 250px;

    }

    .aside-xl {

        width: 300px;

    }

    .scrollable {

        -webkit-overflow-scrolling: touch;

    }

}

.hbox>aside,

.hbox>section {

    padding: 0 !important;

}

.header,

.footer {

    min-height: 50px;

    padding: 0 15px;

}

.header>p,

.footer>p {

    margin-top: 15px;

    display: inline-block;

}

.header>.btn,

.header>.btn-group,

.header>.btn-toolbar,

.footer>.btn,

.footer>.btn-group,

.footer>.btn-toolbar {

    margin-top: 10px;

}

.header>.btn-lg,

.footer>.btn-lg {

    margin-top: 0;

}

.header .nav-tabs,

.footer .nav-tabs {

    border: none;

    margin-left: -15px;

    margin-right: -15px;

}

.header .nav-tabs>li a,

.footer .nav-tabs>li a {

    border: none !important;

    border-radius: 0;

    padding-top: 15px;

    padding-bottom: 15px;

    line-height: 20px;

}

.header .nav-tabs>li a:hover,

.header .nav-tabs>li a:focus,

.footer .nav-tabs>li a:hover,

.footer .nav-tabs>li a:focus {

    background-color: transparent;

}

.header .nav-tabs>li.active a,

.footer .nav-tabs>li.active a {

    color: #717171;

}

.header .nav-tabs>li.active a,

.header .nav-tabs>li.active a:hover,

.footer .nav-tabs>li.active a,

.footer .nav-tabs>li.active a:hover {

    background-color: #f3f5f9;

}

.header .nav-tabs.nav-white>li.active a,

.header .nav-tabs.nav-white>li.active a:hover,

.footer .nav-tabs.nav-white>li.active a,

.footer .nav-tabs.nav-white>li.active a:hover {

    background-color: #fff;

}

.header.navbar,

.footer.navbar {

    min-height: 0;

    border-radius: 0;

    border: none;

    margin-bottom: 0;

}

.scrollable {

    overflow-x: hidden;

    overflow-y: auto;

}

.no-touch .scrollable.hover {

    overflow-y: hidden;

}

.no-touch .scrollable.hover:hover {

    overflow: visible;

    overflow-y: auto;

}

@media print {

    html,

    body,

    .hbox,

    .vbox {

        height: auto;

    }

    .vbox>section,

    .vbox>footer {

        position: relative;

    }

}

html.layout-box {

    padding: 30px;

    background-color: #161719;

}

html.layout-box,

html.layout-box body,

html.layout-box .hbox,

html.layout-box .vbox {

    height: auto;

}

html.layout-box .vbox>section,

html.layout-box .vbox>footer {

    position: static;

}

::-webkit-scrollbar {

    width: 7px;

    height: 7px;

}

::-webkit-scrollbar-thumb {

    border-radius: 1em;

    background-color: rgba(50, 50, 50, 0.3);

}

::-webkit-scrollbar-thumb:hover {

    background-color: rgba(50, 50, 50, 0.6);

}

::-webkit-scrollbar-track {

    border-radius: 1em;

    background-color: rgba(50, 50, 50, 0.1);

}

::-webkit-scrollbar-track:hover {

    background-color: rgba(50, 50, 50, 0.2);

}

.nav-bar {

    position: relative;

}

.nav-bar>.btn {

    position: absolute;

    font-size: 1.3em;

    padding: 9px 12px;

    line-height: 30px;

}

.nav-bar .nav-brand+.btn {

    right: 0;

    top: 0;

}

.nav-brand {

    text-align: center;

    font-size: 25px;

    line-height: 50px;

    display: block;

}

.nav-brand:hover {

    text-decoration: none;

}

.nav-brand img {

    max-height: 20px;

    margin-top: -7px;

    vertical-align: middle;

}

.nav-msg {

    position: absolute;

    z-index: 1000;

    top: 10px;

    right: 10px;

    padding: 5px;

}

.nav-msg .dropdown-menu {

    top: -13px;

    margin-left: 9px;

    width: 300px;

}

.nav-msg .arrow.left {

    top: 25px;

}

.nav-user {

    padding: 10px 15px;

}

.nav-user a:focus {

    outline: 0;

}

.nav-primary:before,

.nav-primary:after {

    content: " ";

    display: table;

}

.nav-primary:after {

    clear: both;

}

.nav-primary li {

    line-height: 1.5;

}

.nav-primary li a i {

    margin-right: 0.5em;

    font-size: 14px;

}

.nav-primary>ul>li>a {

    padding: 15px 15px;

    position: relative;

    font-weight: bold;

    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);

    border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;

    border-top: 1px solid rgba(255, 255, 255, 0.05) !important;

    transition: color .3s ease-in-out 0s;

}

.no-borders .nav-primary>ul>li>a {

    border-width: 0 !important;

}

.nav-primary>ul>li>a>.badge {

    font-size: 11px;

    padding: 3px 6px;

}

.bg-light .nav-primary>ul>li>a {

    text-shadow: 0 1px 1px #fff;

}

.bg-light .nav-primary>ul>li>a:hover {

    background-color: #4c5566 !important;

}

.nav-primary>ul>li:first-child>a {

    border-top-width: 0;

}

.nav-primary>ul>li.dropdown-submenu:hover>a,

.nav-primary>ul>li.dropdown-submenu:focus>a,

.nav-primary>ul>li>a:hover,

.nav-primary>ul>li>a:focus,

.nav-primary>ul>li>a:active,

.nav-primary>ul>li.active>a {

    color: #fff;

    background-color: inherit;

    background-color: rgba(0, 0, 0, 0.075) !important;

    text-shadow: none;

}

.bg-light .nav-primary>ul>li.dropdown-submenu:hover>a,

.bg-light .nav-primary>ul>li.dropdown-submenu:focus>a,

.bg-light .nav-primary>ul>li.active>a {

    background-color: #4c5566 !important;

}

.nav-primary>ul>li.dropdown-submenu>a:after {

    display: none;

}

.nav-primary>ul>li>.dropdown-menu {

    border-radius: 0;

}

@media (min-width: 768px) {

    #nav {

        z-index: 1000;

        -webkit-transition: width .25s;

        transition: width .25s;

        -webkit-backface-visibility: hidden;

        -moz-backface-visibility: hidden;

        backface-visibility: hidden;

    }

    #nav .nav-avatar .thumb-sm {

        width: 30px;

    }

    #nav .nav-avatar .arrow {

        left: 15px;

    }

    #nav>.vbox>.footer {

        box-shadow: inset 0 1px 0 rgba(40, 50, 60, 0.15);

    }

    #nav.nav-vertical {

        width: 80px;

    }

    #nav.nav-vertical.only-icon {

        width: 60px;

    }

    #nav.nav-vertical.only-icon .nav-primary>ul>li>a i {

        margin: 5px 0;

    }

    #nav.nav-vertical.only-icon .nav-primary>ul>li>a span {

        display: none;

    }

    #nav.nav-vertical.only-icon .nav-avatar .arrow {

        left: 12px !important;

    }

    #nav.nav-vertical .nav-avatar .caret {

        display: none;

    }

    #nav.nav-vertical .nav-avatar>.thumb-sm {

        width: 100%;

    }

    #nav.nav-vertical .nav-avatar .arrow {

        left: 27px !important;

    }

    #nav.nav-vertical .nav-msg {

        top: 5px;

    }

    #nav.nav-vertical .nav-msg .arrow.left {

        top: 20px;

    }

    #nav.nav-vertical .nav-msg .dropdown-menu {

        top: -8px;

    }

    #nav.nav-vertical .nav-brand {

        font-size: 20px;

        padding-left: 0;

        padding-right: 0;

    }

    #nav.nav-vertical .nav-primary>ul>li>a {

        position: relative;

        padding: 12px 0;

        font-size: 11px;

        text-align: center;

    }

    #nav.nav-vertical .nav-primary>ul>li>a span {

        display: block;

    }

    #nav.nav-vertical .nav-primary>ul>li>a i {

        display: block;

        font-size: 19px;

        margin: 4px 0;

    }

    #nav.nav-vertical .nav-primary>ul>li>a .badge {

        position: absolute;

        right: 10px;

        top: 10px;

    }

    #nav.nav-vertical>.vbox>.footer {

        padding-left: 10px;

        padding-right: 10px;

    }

    #nav.nav-vertical .hidden-vertical {

        display: none;

    }

}

@media (max-width: 767px) {

    .nav-user {

        text-align: center;

    }

    .nav-user .nav-avatar {

        margin-top: 20px;

        display: inline-block;

    }

    .nav-user .nav-avatar .thumb-sm {

        position: relative;

        width: 160px;

        background-color: rgba(255, 255, 255, 0.15);

        padding: 5px;

    }

    .nav-user .nav-avatar .thumb-sm:before {

        content: "";

        position: absolute;

        left: 5px;

        right: 5px;

        bottom: 5px;

        top: 5px;

        border: 4px solid #fff;

        border-radius: 500px;

    }

    .nav-user .nav-avatar .thumb-sm .caret {

        display: none;

    }

    .nav-user .dropdown-menu {

        text-align: left;

        margin-top: 0;

    }

    .nav-user .nav-msg {

        right: auto;

        left: 10px;

    }

    .nav-user .nav-msg .dropdown-menu {

        top: -6px;

        width: 260px;

    }

    .nav-user .nav-msg .arrow.left {

        top: 20px;

    }

    .nav-bar-fixed-top {

        position: fixed;

        left: 0;

        width: 100%;

        z-index: 1100;

    }

    .nav-bar-fixed-top+* {

        padding-top: 50px;

    }

    .nav-bar-fixed-bottom {

        position: fixed;

        left: 0;

        bottom: 0;

        width: 100%;

        z-index: 1100;

    }

    html,

    body {

        overflow-x: hidden;

        min-height: 100%;

    }

    .nav-primary .dropdown-menu {

        position: relative;

        float: none;

        left: 0;

        margin-left: 0;

        padding: 0;

    }

    .nav-primary .dropdown-menu a {

        padding: 15px;

        border-bottom: 1px solid #eee;

    }

    .nav-primary .dropdown-menu li:last-child a {

        border-bottom: none;

    }

    .nav-off-screen {

        position: absolute;

        left: 0;

        top: 0;

        bottom: 0;

        width: 75%;

        visibility: visible;

        overflow-x: hidden;

        overflow-y: auto;

        -webkit-overflow-scrolling: touch;

    }

    .nav-off-screen .nav-primary {

        display: block !important;

    }

    .nav-off-screen .nav-bar-fixed-top {

        width: 75%;

    }

    .nav-off-screen.push-right {

        left: auto;

        right: 0;

    }

    .nav-off-screen.push-right+* {

        -webkit-transform: translate3d(-75%, 0px, 0px);

        transform: translate3d(-75%, 0px, 0px);

    }

    .nav-off-screen+* {

        background-color: #f3f5f9;

        -webkit-transition: -webkit-transform 0.2s ease-in-out;

        -moz-transition: -moz-transform 0.2s ease-in-out;

        -o-transition: -o-transform 0.2s ease-in-out;

        transition: transform 0.2s ease-in-out;

        -webkit-transition-delay: 0s;

        transition-delay: 0s;

        -webkit-transform: translate3d(0px, 0px, 0px);

        transform: translate3d(0px, 0px, 0px);

        -webkit-backface-visibility: hidden;

        -moz-backface-visibility: hidden;

        backface-visibility: hidden;

        -webkit-transform: translate3d(75%, 0px, 0px);

        transform: translate3d(75%, 0px, 0px);

        overflow: hidden;

        position: absolute;

        height: 100%;

        top: 0;

        left: 0;

        right: 0;

        z-index: 2;

    }

    .nav-off-screen+* .nav-off-screen-block {

        display: block !important;

        position: absolute;

        left: 0;

        right: 0;

        top: 0;

        bottom: 0;

        z-index: 1950;

    }

    .slimScrollDiv,

    .slim-scroll {

        overflow: visible !important;

        height: auto !important;

    }

    .slimScrollBar,

    .slimScrollRail {

        display: none !important;

    }

}

.arrow {

    border-width: 8px;

    z-index: 10;

}

.arrow,

.arrow:after {

    position: absolute;

    display: block;

    width: 0;

    height: 0;

    border-color: transparent;

    border-style: solid;

}

.arrow:after {

    border-width: 7px;

    content: "";

}

.arrow.top {

    left: 50%;

    margin-left: -8px;

    border-top-width: 0;

    border-bottom-color: #eee;

    border-bottom-color: rgba(0, 0, 0, 0.1);

    top: -8px;

}

.arrow.top:after {

    content: " ";

    top: 1px;

    margin-left: -7px;

    border-top-width: 0;

    border-bottom-color: #fff;

}

.arrow.right {

    top: 50%;

    right: -8px;

    margin-top: -8px;

    border-right-width: 0;

    border-left-color: #eee;

    border-left-color: rgba(0, 0, 0, 0.1);

}

.arrow.right:after {

    content: " ";

    right: 1px;

    border-right-width: 0;

    border-left-color: #fff;

    bottom: -7px;

}

.arrow.bottom {

    left: 50%;

    margin-left: -8px;

    border-bottom-width: 0;

    border-top-color: #eee;

    border-top-color: rgba(0, 0, 0, 0.1);

    bottom: -8px;

}

.arrow.bottom:after {

    content: " ";

    bottom: 1px;

    margin-left: -7px;

    border-bottom-width: 0;

    border-top-color: #fff;

}

.arrow.left {

    top: 50%;

    left: -8px;

    margin-top: -8px;

    border-left-width: 0;

    border-right-color: #eee;

    border-right-color: rgba(0, 0, 0, 0.1);

}

.arrow.left:after {

    content: " ";

    left: 1px;

    border-left-width: 0;

    border-right-color: #fff;

    bottom: -7px;

}

.btn-default {

    color: #fff !important;

    background-color: #aeb6cb;

    border-color: #aeb6cb;

}

.btn-default:hover,

.btn-default:focus,

.btn-default:active,

.btn-default.active,

.open .dropdown-toggle.btn-default {

    color: #fff !important;

    background-color: #95a0bb;

    border-color: #8994b3;

}

.btn-default:active,

.btn-default.active,

.open .dropdown-toggle.btn-default {

    background-image: none;

}

.btn-default.disabled,

.btn-default.disabled:hover,

.btn-default.disabled:focus,

.btn-default.disabled:active,

.btn-default.disabled.active,

.btn-default[disabled],

.btn-default[disabled]:hover,

.btn-default[disabled]:focus,

.btn-default[disabled]:active,

.btn-default[disabled].active,

fieldset[disabled] .btn-default,

fieldset[disabled] .btn-default:hover,

fieldset[disabled] .btn-default:focus,

fieldset[disabled] .btn-default:active,

fieldset[disabled] .btn-default.active {

    background-color: #aeb6cb;

    border-color: #aeb6cb;

}

.btn-default .caret {

    border-top-color: #fff;

}

.btn-twitter {

    color: #fff !important;

    background-color: #00c7f7;

    border-color: #00c7f7;

}

.btn-twitter:hover,

.btn-twitter:focus,

.btn-twitter:active,

.btn-twitter.active,

.open .dropdown-toggle.btn-twitter {

    color: #fff !important;

    background-color: #00a6ce;

    border-color: #0096ba;

}

.btn-twitter:active,

.btn-twitter.active,

.open .dropdown-toggle.btn-twitter {

    background-image: none;

}

.btn-twitter.disabled,

.btn-twitter.disabled:hover,

.btn-twitter.disabled:focus,

.btn-twitter.disabled:active,

.btn-twitter.disabled.active,

.btn-twitter[disabled],

.btn-twitter[disabled]:hover,

.btn-twitter[disabled]:focus,

.btn-twitter[disabled]:active,

.btn-twitter[disabled].active,

fieldset[disabled] .btn-twitter,

fieldset[disabled] .btn-twitter:hover,

fieldset[disabled] .btn-twitter:focus,

fieldset[disabled] .btn-twitter:active,

fieldset[disabled] .btn-twitter.active {

    background-color: #00c7f7;

    border-color: #00c7f7;

}

.btn-white:hover,

.btn-white:focus,

.btn-white:active,

.btn-white.active {

    background-color: #fcfcfe;

}

.btn-link {

    color: #717171;

}

.btn-link.active {

    webkit-box-shadow: none;

    box-shadow: none;

}

.btn-primary {

    color: #fff !important;

    background-color: #594f8d;

    border-color: #594f8d;

}

.btn-primary:hover,

.btn-primary:focus,

.btn-primary:active,

.btn-primary.active,

.open .dropdown-toggle.btn-primary {

    color: #fff !important;

    background-color: #484073;

    border-color: #403966;

}

.btn-primary:active,

.btn-primary.active,

.open .dropdown-toggle.btn-primary {

    background-image: none;

}

.btn-primary.disabled,

.btn-primary.disabled:hover,

.btn-primary.disabled:focus,

.btn-primary.disabled:active,

.btn-primary.disabled.active,

.btn-primary[disabled],

.btn-primary[disabled]:hover,

.btn-primary[disabled]:focus,

.btn-primary[disabled]:active,

.btn-primary[disabled].active,

fieldset[disabled] .btn-primary,

fieldset[disabled] .btn-primary:hover,

fieldset[disabled] .btn-primary:focus,

fieldset[disabled] .btn-primary:active,

fieldset[disabled] .btn-primary.active {

    background-color: #594f8d;

    border-color: #594f8d;

}

.btn-success {

    color: #fff !important;

    background-color: #92cf5c;

    border-color: #92cf5c;

}

.btn-success:hover,

.btn-success:focus,

.btn-success:active,

.btn-success.active,

.open .dropdown-toggle.btn-success {

    color: #fff !important;

    background-color: #7dc63c;

    border-color: #73b836;

}

.btn-success:active,

.btn-success.active,

.open .dropdown-toggle.btn-success {

    background-image: none;

}

.btn-success.disabled,

.btn-success.disabled:hover,

.btn-success.disabled:focus,

.btn-success.disabled:active,

.btn-success.disabled.active,

.btn-success[disabled],

.btn-success[disabled]:hover,

.btn-success[disabled]:focus,

.btn-success[disabled]:active,

.btn-success[disabled].active,

fieldset[disabled] .btn-success,

fieldset[disabled] .btn-success:hover,

fieldset[disabled] .btn-success:focus,

fieldset[disabled] .btn-success:active,

fieldset[disabled] .btn-success.active {

    background-color: #92cf5c;

    border-color: #92cf5c;

}

.btn-info {

    color: #fff !important;

    background-color: #5dcff3;

    border-color: #5dcff3;

}

.btn-info:hover,

.btn-info:focus,

.btn-info:active,

.btn-info.active,

.open .dropdown-toggle.btn-info {

    color: #fff !important;

    background-color: #37c4f0;

    border-color: #24beef;

}

.btn-info:active,

.btn-info.active,

.open .dropdown-toggle.btn-info {

    background-image: none;

}

.btn-info.disabled,

.btn-info.disabled:hover,

.btn-info.disabled:focus,

.btn-info.disabled:active,

.btn-info.disabled.active,

.btn-info[disabled],

.btn-info[disabled]:hover,

.btn-info[disabled]:focus,

.btn-info[disabled]:active,

.btn-info[disabled].active,

fieldset[disabled] .btn-info,

fieldset[disabled] .btn-info:hover,

fieldset[disabled] .btn-info:focus,

fieldset[disabled] .btn-info:active,

fieldset[disabled] .btn-info.active {

    background-color: #5dcff3;

    border-color: #5dcff3;

}

.btn-warning {

    color: #fff !important;

    background-color: #fcc44d;

    border-color: #fcc44d;

}

.btn-warning:hover,

.btn-warning:focus,

.btn-warning:active,

.btn-warning.active,

.open .dropdown-toggle.btn-warning {

    color: #fff !important;

    background-color: #fbb725;

    border-color: #fbb011;

}

.btn-warning:active,

.btn-warning.active,

.open .dropdown-toggle.btn-warning {

    background-image: none;

}

.btn-warning.disabled,

.btn-warning.disabled:hover,

.btn-warning.disabled:focus,

.btn-warning.disabled:active,

.btn-warning.disabled.active,

.btn-warning[disabled],

.btn-warning[disabled]:hover,

.btn-warning[disabled]:focus,

.btn-warning[disabled]:active,

.btn-warning[disabled].active,

fieldset[disabled] .btn-warning,

fieldset[disabled] .btn-warning:hover,

fieldset[disabled] .btn-warning:focus,

fieldset[disabled] .btn-warning:active,

fieldset[disabled] .btn-warning.active {

    background-color: #fcc44d;

    border-color: #fcc44d;

}

.btn-danger {

    color: #fff !important;

    background-color: #fb6b5b;

    border-color: #fb6b5b;

}

.btn-danger:hover,

.btn-danger:focus,

.btn-danger:active,

.btn-danger.active,

.open .dropdown-toggle.btn-danger {

    color: #fff !important;

    background-color: #fa4733;

    border-color: #fa351f;

}

.btn-danger:active,

.btn-danger.active,

.open .dropdown-toggle.btn-danger {

    background-image: none;

}

.btn-danger.disabled,

.btn-danger.disabled:hover,

.btn-danger.disabled:focus,

.btn-danger.disabled:active,

.btn-danger.disabled.active,

.btn-danger[disabled],

.btn-danger[disabled]:hover,

.btn-danger[disabled]:focus,

.btn-danger[disabled]:active,

.btn-danger[disabled].active,

fieldset[disabled] .btn-danger,

fieldset[disabled] .btn-danger:hover,

fieldset[disabled] .btn-danger:focus,

fieldset[disabled] .btn-danger:active,

fieldset[disabled] .btn-danger.active {

    background-color: #fb6b5b;

    border-color: #fb6b5b;

}

.btn-facebook {

    color: #fff !important;

    background-color: #335397;

    border-color: #335397;

}

.btn-facebook:hover,

.btn-facebook:focus,

.btn-facebook:active,

.btn-facebook.active,

.open .dropdown-toggle.btn-facebook {

    color: #fff !important;

    background-color: #294279;

    border-color: #243a69;

}

.btn-facebook:active,

.btn-facebook.active,

.open .dropdown-toggle.btn-facebook {

    background-image: none;

}

.btn-facebook.disabled,

.btn-facebook.disabled:hover,

.btn-facebook.disabled:focus,

.btn-facebook.disabled:active,

.btn-facebook.disabled.active,

.btn-facebook[disabled],

.btn-facebook[disabled]:hover,

.btn-facebook[disabled]:focus,

.btn-facebook[disabled]:active,

.btn-facebook[disabled].active,

fieldset[disabled] .btn-facebook,

fieldset[disabled] .btn-facebook:hover,

fieldset[disabled] .btn-facebook:focus,

fieldset[disabled] .btn-facebook:active,

fieldset[disabled] .btn-facebook.active {

    background-color: #335397;

    border-color: #335397;

}

.btn-gplus {

    color: #fff !important;

    background-color: #dd4a38;

    border-color: #dd4a38;

}

.btn-gplus:hover,

.btn-gplus:focus,

.btn-gplus:active,

.btn-gplus.active,

.open .dropdown-toggle.btn-gplus {

    color: #fff !important;

    background-color: #ca3522;

    border-color: #b8301f;

}

.btn-gplus:active,

.btn-gplus.active,

.open .dropdown-toggle.btn-gplus {

    background-image: none;

}

.btn-gplus.disabled,

.btn-gplus.disabled:hover,

.btn-gplus.disabled:focus,

.btn-gplus.disabled:active,

.btn-gplus.disabled.active,

.btn-gplus[disabled],

.btn-gplus[disabled]:hover,

.btn-gplus[disabled]:focus,

.btn-gplus[disabled]:active,

.btn-gplus[disabled].active,

fieldset[disabled] .btn-gplus,

fieldset[disabled] .btn-gplus:hover,

fieldset[disabled] .btn-gplus:focus,

fieldset[disabled] .btn-gplus:active,

fieldset[disabled] .btn-gplus.active {

    background-color: #dd4a38;

    border-color: #dd4a38;

}

.btn-white {

    border-color: #dae0ed;

    border-color: rgba(150, 160, 180, 0.3);

    color: #717171 !important;

    background-color: #fff;

    box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.05);

    background-clip: padding-box;

}

.btn {

    font-weight: 500;

}

.bg .btn-white {

    border-color: rgba(0, 0, 0, 0.1);

}

.btn-white .caret {

    border-top-color: #656565;

}

.dropup .btn-white .caret {

    border-bottom-color: #656565;

}

.btn-icon {

    padding-left: 0;

    padding-right: 0;

    width: 34px;

    text-align: center;

}

.btn-sm.btn-icon {

    width: 30px;

}

.text-active,

.active>.text,

.active .auto .text {

    display: none !important;

}

.active>.text-active,

.active .auto .text-active {

    display: inline-block !important;

}

[class^="icon-"]:before,

[class*=" icon-"]:before {

    text-decoration: none;

    margin-left: 0.2em;

    margin-right: 0.2em;

}

.icon-stack [class^="icon-"]:before,

.icon-stack [class*=" icon-"]:before {

    margin: 0;

}

.icon-xlarge:before {

    font-size: 1.5em;

    vertical-align: -14%;

}

.btn-group-justified {

    border-collapse: separate;

}

.btn-rounded {

    border-radius: 50px;

}

.btn>i.pull-left,

.btn>i.pull-right {

    line-height: 1.428571429;

}

.btn-block {

    padding-left: 12px;

    padding-right: 12px;

}

.chat-item:before,

.chat-item:after {

    content: " ";

    display: table;

}

.chat-item:after {

    clear: both;

}

.chat-item .arrow {

    top: 20px;

}

.chat-item .arrow.right:after {

    border-left-color: #92cf5c;

}

.chat-item .chat-body {

    position: relative;

    margin-left: 45px;

    min-height: 30px;

}

.chat-item .chat-body .panel {

    margin: 0 -1px;

}

.chat-item.right .chat-body {

    margin-left: 0;

    margin-right: 45px;

}

.chat-item+.chat-item {

    margin-top: 15px;

}

.comment-list {

    position: relative;

}

.comment-list .comment-item {

    margin-top: 0;

    position: relative;

}

.comment-list .comment-item>.thumb-sm {

    width: 36px;

}

.comment-list .comment-item .arrow.left {

    top: 20px;

    left: 39px;

}

.comment-list .comment-item .comment-body {

    margin-left: 46px;

}

.comment-list .comment-item .panel-body {

    padding: 10px 15px;

}

.comment-list .comment-item .panel-heading,

.comment-list .comment-item .panel-footer {

    position: relative;

    font-size: 12px;

}

.comment-list .comment-reply {

    margin-left: 46px;

}

.comment-list:before {

    position: absolute;

    top: 0;

    bottom: 35px;

    left: 18px;

    width: 1px;

    background: #e0e4e8;

    content: '';

}

.timeline {

    display: table;

    width: 100%;

    border-spacing: 0;

    table-layout: fixed;

    position: relative;

    border-collapse: collapse;

}

.timeline:before {

    content: "";

    width: 6px;

    margin-left: -4px;

    position: absolute;

    left: 50%;

    top: 0;

    bottom: 30px;

    background-color: #ddd;

    z-index: 0;

}

.timeline .timeline-date {

    position: absolute;

    width: 150px;

    left: -200px;

    top: 50%;

    margin-top: -9px;

    text-align: right;

}

.timeline .timeline-icon {

    position: absolute;

    left: -41px;

    top: -2px;

    top: 50%;

    margin-top: -15px;

}

.timeline .time-icon {

    width: 30px;

    height: 30px;

    display: inline-block !important;

    z-index: 10;

    border: 2px solid #fff;

    border-radius: 20px;

    text-align: center;

    line-height: 28px;

}

.timeline .time-icon:before {

    font-size: 16px;

}

.timeline-item {

    display: table-row;

}

.timeline-item:before,

.timeline-item.alt:after {

    content: "";

    display: block;

    width: 50%;

}

.timeline-item.alt {

    text-align: right;

}

.timeline-item.alt:before {

    display: none;

}

.timeline-item.alt .panel {

    margin-right: 25px;

    margin-left: 0;

}

.timeline-item.alt .timeline-date {

    left: auto;

    right: -200px;

    text-align: left;

}

.timeline-item.alt .timeline-icon {

    left: auto;

    right: -41px;

}

.timeline-item.active {

    display: table-caption;

    text-align: center;

}

.timeline-item.active:before {

    width: 1%;

}

.timeline-item.active .timeline-caption {

    display: inline-block;

    width: auto;

}

.timeline-item.active .timeline-caption h5 span {

    color: #fff;

}

.timeline-item.active .panel {

    margin-left: 0;

}

.timeline-item.active .timeline-date,

.timeline-item.active .timeline-icon {

    position: static;

    margin-bottom: 10px;

    display: inline-block;

    width: auto;

}

.timeline-caption {

    display: table-cell;

    vertical-align: top;

    width: 50%;

}

.timeline-caption .panel {

    display: inline-block;

    position: relative;

    margin-left: 25px;

    text-align: left;

}

.timeline-caption h5 {

    margin: 0;

}

.timeline-caption h5 span {

    display: block;

    color: #999;

    margin-bottom: 4px;

    font-size: 12px;

}

.timeline-caption p {

    font-size: 12px;

    margin-bottom: 0;

    margin-top: 10px;

}

.timeline-footer {

    display: table-row;

}

.timeline-footer a {

    display: table-cell;

    text-align: right;

}

.timeline-footer .time-icon {

    margin-right: -15px;

    z-index: 5;

}

#note-list .note-name,

#note-list .note-desc {

    height: 20px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

#note-list .note-desc {

    height: 16px;

    font-size: 11px;

}

#note-list li {

    cursor: pointer;

}

#task-list .edit {

    display: none;

    float: left;

    position: relative;

    left: 0;

    top: -8px;

    border-width: 0;

    background: transparent;

    box-shadow: none;

    padding: 0 30px 0 0;

    font-size: 13px;

    color: #fff;

}

#task-list .editing .task-name {

    display: none;

}

#task-list .editing .edit {

    display: block;

}

#task-list .checkbox {

    padding-left: 20px;

    margin: 4px 0;

}

#task-list li {

    position: relative;

}

#task-list li .close {

    position: absolute;

    top: 13px;

    right: 15px;

    z-index: 1;

}

#task-list li.done .task-name {

    text-decoration: line-through;

}

#task-detail textarea {

    height: 60px;

    font-size: 12px;

    border-radius: 0;

}

.paper {

    position: relative;

    background: -webkit-linear-gradient(top, #f0f0f0 0%, white 5%) 0 0;

    background: -moz-linear-gradient(top, #f0f0f0 0%, white 5%) 0 0;

    background: linear-gradient(top, #f0f0f0 0%, white 5%) 0 0;

    -webkit-background-size: 100% 30px;

    -moz-background-size: 100% 30px;

    -ms-background-size: 100% 30px;

    background-size: 100% 30px;

}

.paper:before {

    content: '';

    position: absolute;

    width: 0px;

    top: 0;

    left: 39px;

    bottom: 0;

    border-left: 1px solid #F9D3D3;

}

.paper textarea {

    border: none;

    background-color: transparent;

    height: 100%;

    padding: 30px 0 0 55px;

    line-height: 30px;

    min-height: 210px;

}

.tags .label {

    font-size: 1em;

    display: inline-block;

    padding: 6px 10px;

    margin-bottom: 3px;

}

.post-item {

    border-radius: 3px;

    background-color: #fff;

    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);

    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);

    margin-bottom: 15px;

}

.post-item .post-title {

    margin-top: 0;

}

.post-item .post-media {

    text-align: center;

}

.post-item .post-media img {

    border-radius: 3px 3px 0 0;

}

.switch {

    cursor: pointer;

    position: relative;

}

.switch input {

    position: absolute;

    opacity: 0;

    filter: alpha(opacity=0);

}

.switch input:checked+span {

    background-color: #92cf5c;

}

.switch input:checked+span:after {

    left: 31px;

}

.switch span {

    position: relative;

    width: 60px;

    height: 30px;

    border-radius: 30px;

    background-color: #fff;

    border: 1px solid #eee;

    border-color: rgba(0, 0, 0, 0.1);

    display: inline-block;

    -webkit-transition: background-color 0.2s;

    transition: background-color 0.2s;

}

.switch span:after {

    content: "";

    position: absolute;

    background-color: #fff;

    width: 26px;

    top: 1px;

    bottom: 1px;

    border-radius: 30px;

    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);

    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);

    -webkit-transition: left 0.2s;

    transition: left 0.2s;

}

.bg-gradient {

    background-image: -webkit-gradient(linear, left 0, left 100%, from(rgba(40, 50, 60, 0)), to(rgba(40, 50, 60, 0.05)));

    background-image: -webkit-linear-gradient(top, rgba(40, 50, 60, 0), 0, rgba(40, 50, 60, 0.05), 100%);

    background-image: -moz-linear-gradient(top, rgba(40, 50, 60, 0) 0, rgba(40, 50, 60, 0.05) 100%);

    background-image: linear-gradient(to bottom, rgba(40, 50, 60, 0) 0, rgba(40, 50, 60, 0.05) 100%);

    background-repeat: repeat-x;

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0028323c', endColorstr='#0c28323c', GradientType=0);

    filter: none;

}

.bg-light {

    background-color: #ebeef5;

    color: #717171;

}

.bg-light.lt,

.bg-light .lt {

    background-color: #f2f4f8;

}

.bg-light.lter,

.bg-light .lter {

    background-color: #f9fafc;

}

.bg-light.dk,

.bg-light .dk {

    background-color: #e4e8f2;

}

.bg-light.dker,

.bg-light .dker {

    background-color: #dde2ee;

}

.bg-dark {

    background-color: #4c5566;

    color: #c4c9d3;

}

.bg-dark.lt,

.bg-dark .lt {

    background-color: #545e70;

}

.bg-dark.lter,

.bg-dark .lter {

    background-color: #5c677c;

}

.bg-dark.dk,

.bg-dark .dk {

    background-color: #444c5c;

}

.bg-dark.dker,

.bg-dark .dker {

    background-color: #3d4452;

}

.bg-dark a {

    color: #d3d7de;

}

.bg-dark a:hover {

    color: #fff;

}

.bg-dark a.list-group-item:hover,

.bg-dark a.list-group-item:focus {

    background-color: inherit;

}

.bg-dark .nav li>a {

    color: #a7afbd;

}

.bg-dark .nav li>a:hover {

    background-color: #414957;

}

.bg-dark .nav li>ul.dropdown-menu>li>a {

    color: #626d83;

}

.bg-dark .nav li>ul.dropdown-menu>li>a:hover {

    color: #fff;

}

.bg-dark .nav .open>a {

    background-color: #414957;

}

.bg-dark.navbar .nav>li.active>a {

    color: #fff;

    background-color: #414957;

}

.bg-dark .open>a,

.bg-dark .open>a:hover,

.bg-dark .open>a:focus {

    color: #fff;

}

.bg-dark .text-muted {

    color: #b6bcc8;

}

.bg-black {

    background-color: #2c3039;

    color: #9aa1b1;

}

.bg-black.lt,

.bg-black .lt {

    background-color: #343843;

}

.bg-black.lter,

.bg-black .lter {

    background-color: #3d424f;

}

.bg-black.dk,

.bg-black .dk {

    background-color: #24282f;

}

.bg-black.dker,

.bg-black .dker {

    background-color: #1c1f25;

}

.bg-black a {

    color: #a8aebc;

}

.bg-black a:hover {

    color: #fff;

}

.bg-black a.list-group-item:hover,

.bg-black a.list-group-item:focus {

    background-color: inherit;

}

.bg-black .nav li>a {

    color: #7d869b;

}

.bg-black .nav li>a:hover {

    background-color: #21242b;

}

.bg-black .nav li>ul.dropdown-menu>li>a {

    color: #424856;

}

.bg-black .nav li>ul.dropdown-menu>li>a:hover {

    color: #fff;

}

.bg-black .nav .open>a {

    background-color: #21242b;

}

.bg-black.navbar .nav>li.active>a {

    color: #fff;

    background-color: #21242b;

}

.bg-black .open>a,

.bg-black .open>a:hover,

.bg-black .open>a:focus {

    color: #fff;

}

.bg-black .text-muted {

    color: #8b93a6;

}

.bg-primary {

    background-color: #594f8d;

    color: #dbd8e9;

}

.bg-primary.lt,

.bg-primary .lt {

    background-color: #605598;

}

.bg-primary.lter,

.bg-primary .lter {

    background-color: #695ea5;

}

.bg-primary.dk,

.bg-primary .dk {

    background-color: #524982;

}

.bg-primary.dker,

.bg-primary .dker {

    background-color: #4b4276;

}

.bg-primary a {

    color: #eae9f2;

}

.bg-primary a:hover {

    color: #fff;

}

.bg-primary a.list-group-item:hover,

.bg-primary a.list-group-item:focus {

    background-color: inherit;

}

.bg-primary .nav li>a {

    color: #bdb8d7;

}

.bg-primary .nav li>a:hover {

    background-color: #4f467d;

}

.bg-primary .nav li>ul.dropdown-menu>li>a {

    color: #7166a9;

}

.bg-primary .nav li>ul.dropdown-menu>li>a:hover {

    color: #fff;

}

.bg-primary .nav .open>a {

    background-color: #4f467d;

}

.bg-primary.navbar .nav>li.active>a {

    color: #fff;

    background-color: #4f467d;

}

.bg-primary .open>a,

.bg-primary .open>a:hover,

.bg-primary .open>a:focus {

    color: #fff;

}

.bg-primary .text-muted {

    color: #ccc8e0;

}

.bg-success {

    background-color: #92cf5c;

    color: #fbfdfa;

}

.bg-success.lt,

.bg-success .lt {

    background-color: #9bd36a;

}

.bg-success.lter,

.bg-success .lter {

    background-color: #a6d87a;

}

.bg-success.dk,

.bg-success .dk {

    background-color: #89cb4e;

}

.bg-success.dker,

.bg-success .dker {

    background-color: #80c740;

}

.bg-success a {

    color: #ffffff;

}

.bg-success a:hover {

    color: #fff;

}

.bg-success a.list-group-item:hover,

.bg-success a.list-group-item:focus {

    background-color: inherit;

}

.bg-success .nav li>a {

    color: #eef8e6;

}

.bg-success .nav li>a:hover {

    background-color: #85c948;

}

.bg-success .nav li>ul.dropdown-menu>li>a {

    color: #5f982d;

}

.bg-success .nav li>ul.dropdown-menu>li>a:hover {

    color: #fff;

}

.bg-success .nav .open>a {

    background-color: #85c948;

}

.bg-success.navbar .nav>li.active>a {

    color: #fff;

    background-color: #85c948;

}

.bg-success .open>a,

.bg-success .open>a:hover,

.bg-success .open>a:focus {

    color: #fff;

}

.bg-success .text-muted {

    color: #eef8e6;

}

.bg-info {

    background-color: #5dcff3;

    color: #ffffff;

}

.bg-info.lt,

.bg-info .lt {

    background-color: #6ed4f4;

}

.bg-info.lter,

.bg-info .lter {

    background-color: #81daf6;

}

.bg-info.dk,

.bg-info .dk {

    background-color: #4ccaf2;

}

.bg-info.dker,

.bg-info .dker {

    background-color: #3cc5f1;

}

.bg-info a {

    color: #ffffff;

}

.bg-info a:hover {

    color: #fff;

}

.bg-info a.list-group-item:hover,

.bg-info a.list-group-item:focus {

    background-color: inherit;

}

.bg-info .nav li>a {

    color: #ffffff;

}

.bg-info .nav li>a:hover {

    background-color: #45c8f1;

}

.bg-info .nav li>ul.dropdown-menu>li>a {

    color: #10a9da;

}

.bg-info .nav li>ul.dropdown-menu>li>a:hover {

    color: #fff;

}

.bg-info .nav .open>a {

    background-color: #45c8f1;

}

.bg-info.navbar .nav>li.active>a {

    color: #fff;

    background-color: #45c8f1;

}

.bg-info .open>a,

.bg-info .open>a:hover,

.bg-info .open>a:focus {

    color: #fff;

}

.bg-info .text-muted {

    color: #ffffff;

}

.bg-warning {

    background-color: #fcc44d;

    color: #ffffff;

}

.bg-warning.lt,

.bg-warning .lt {

    background-color: #fcca5f;

}

.bg-warning.lter,

.bg-warning .lter {

    background-color: #fdd073;

}

.bg-warning.dk,

.bg-warning .dk {

    background-color: #fcbe3b;

}

.bg-warning.dker,

.bg-warning .dker {

    background-color: #fbb82a;

}

.bg-warning a {

    color: #ffffff;

}

.bg-warning a:hover {

    color: #fff;

}

.bg-warning a.list-group-item:hover,

.bg-warning a.list-group-item:focus {

    background-color: inherit;

}

.bg-warning .nav li>a {

    color: #fffefd;

}

.bg-warning .nav li>a:hover {

    background-color: #fcbc34;

}

.bg-warning .nav li>ul.dropdown-menu>li>a {

    color: #df9904;

}

.bg-warning .nav li>ul.dropdown-menu>li>a:hover {

    color: #fff;

}

.bg-warning .nav .open>a {

    background-color: #fcbc34;

}

.bg-warning.navbar .nav>li.active>a {

    color: #fff;

    background-color: #fcbc34;

}

.bg-warning .open>a,

.bg-warning .open>a:hover,

.bg-warning .open>a:focus {

    color: #fff;

}

.bg-warning .text-muted {

    color: #fffefd;

}

.bg-danger {

    background-color: #fb6b5b;

    color: #ffffff;

}

.bg-danger.lt,

.bg-danger .lt {

    background-color: #fb7b6c;

}

.bg-danger.lter,

.bg-danger .lter {

    background-color: #fc8d80;

}

.bg-danger.dk,

.bg-danger .dk {

    background-color: #fb5b4a;

}

.bg-danger.dker,

.bg-danger .dker {

    background-color: #fa4c38;

}

.bg-danger a {

    color: #ffffff;

}

.bg-danger a:hover {

    color: #fff;

}

.bg-danger a.list-group-item:hover,

.bg-danger a.list-group-item:focus {

    background-color: inherit;

}

.bg-danger .nav li>a {

    color: #ffffff;

}

.bg-danger .nav li>a:hover {

    background-color: #fa5542;

}

.bg-danger .nav li>ul.dropdown-menu>li>a {

    color: #ea1d06;

}

.bg-danger .nav li>ul.dropdown-menu>li>a:hover {

    color: #fff;

}

.bg-danger .nav .open>a {

    background-color: #fa5542;

}

.bg-danger.navbar .nav>li.active>a {

    color: #fff;

    background-color: #fa5542;

}

.bg-danger .open>a,

.bg-danger .open>a:hover,

.bg-danger .open>a:focus {

    color: #fff;

}

.bg-danger .text-muted {

    color: #ffffff;

}

.bg-white {

    background-color: #fff;

    color: #717171;

}

.bg-white a {

    color: #575757;

}

.bg-white a:hover {

    color: #3e3e3e;

}

.bg-white .text-muted {

    color: #979797;

}

.bg {

    color: #fff;

}

.bg a,

.bg a:hover {

    color: #fff;

}

.pos-rlt {

    position: relative;

}

.pos-stc {

    position: static;

}

.pos-abt {

    position: absolute;

}

.line {

    *width: 100%;

    height: 2px;

    margin: 10px 0;

    font-size: 0;

    overflow: hidden;

    background-color: transparent;

    border-width: 0;

    border-top: 1px solid #eaedef;

}

.line-xs {

    margin: 0;

}

.line-lg {

    margin-top: 15px;

    margin-bottom: 15px;

}

.line-dashed {

    border-style: dashed;

    background: transparent;

}

.no-line {

    border-width: 0;

}

.no-border,

.no-borders {

    border-color: transparent !important;

    border-width: 0;

}

.only-border-right{

    border-left-color: transparent !important;

    border-left-width:0;

	border-top-color: transparent !important;

    border-top-width:0;

	border-bottom-color: transparent !important;

    border-bottom-width:0;

}

.no-radius {

    border-radius: 0;

}

.block {

    display: block;

}

.block.hide {

    display: none;

}

.inline {

    display: inline-block;

}

.pull-right-lg {

    float: right;

}

.none {

    display: none;

}

.pull-none {

    float: none;

}

.form-control-trans {

    border: none;

    background: transparent;

}

.bg-white-only {

    background-color: #fff;

}

.rounded {

    border-radius: 500px;

}

.btn-s-xs {

    min-width: 90px;

}

.btn-s-sm {

    min-width: 100px;

}

.btn-s-md {

    min-width: 120px;

}

.btn-s-lg {

    min-width: 150px;

}

.btn-s-xl {

    min-width: 200px;

}

.l-h-2x {

    line-height: 2em;

}

.l-h-1x {

    line-height: 1.2;

}

.v-middle {

    vertical-align: middle !important;

}

.v-top {

    vertical-align: top;

}

.v-bottom {

    vertical-align: bottom;

}

.font-thin {

    font-weight: 300;

}

.font-normal {

    font-weight: normal;

}

.font-semibold {

    font-weight: 600;

}

.font-bold {

    font-weight: 700;

}

.text-sm {

    font-size: 12px;

}

.text-xs {

    font-size: 10px;

}

.text-ellipsis {

    display: block;

    white-space: nowrap;

    width: 100%;

    overflow: hidden;

    text-overflow: ellipsis;

}

.text-uc {

    text-transform: uppercase;

}

.wrapper {

    padding: 15px;

}

.wrapper-lg {

    padding: 30px;

}

.wrapper-xl {

    padding: 50px;

}

.padder {

    padding-left: 15px;

    padding-right: 15px;

}

.padder-v {

    padding-top: 15px;

    padding-bottom: 15px;

}

.no-padder {

    padding: 0 !important;

}

.pull-in {

    margin-left: -15px;

    margin-right: -15px;

}

.pull-out {

    margin: -10px -15px;

}

.b-t {

    border-top: 1px solid #e0e4e8;

}

.b-r {

    border-right: 1px solid #e0e4e8;

}

.b-b {

    border-bottom: 1px solid #e0e4e8;

}

.b-l {

    border-left: 1px solid #e0e4e8;

}

.r {

    border-radius: 2px 2px 2px 2px;

}

.r-l {

    border-radius: 2px 0 0 2px;

}

.r-r {

    border-radius: 0 2px 2px 0;

}

.r-t {

    border-radius: 2px 2px 0 0;

}

.r-b {

    border-radius: 0 0 2px 2px;

}

.m {

    margin: 15px;

}

.m-n {

    margin: 0;

}

.m-l {

    margin-left: 15px;

}

.m-l-none {

    margin-left: 0;

}

.m-l-xs {

    margin-left: 5px;

}

.m-l-sm {

    margin-left: 10px;

}

.m-l-lg {

    margin-left: 20px;

}

.m-l-n {

    margin-left: -15px;

}

.m-l-n-xxs {

    margin-left: -1px;

}

.m-l-n-xs {

    margin-left: -5px;

}

.m-l-n-sm {

    margin-left: -10px;

}

.m-l-n-lg {

    margin-left: -20px;

}

.m-t {

    margin-top: 15px;

}

.m-t-none {

    margin-top: 0;

}

.m-t-xxs {

    margin-top: 1px;

}

.m-t-xs {

    margin-top: 5px;

}

.m-t-sm {

    margin-top: 10px;

}

.m-t-lg {

    margin-top: 20px;

}

.m-t-n {

    margin-top: -15px !important;

}

.m-t-n-xxs {

    margin-top: -1px;

}

.m-t-n-xs {

    margin-top: -5px;

}

.m-t-n-sm {

    margin-top: -10px;

}

.m-t-n-lg {

    margin-top: -20px;

}

.m-r {

    margin-right: 15px;

}

.m-r-none {

    margin-right: 0;

}

.m-r-xs {

    margin-right: 5px;

}

.m-r-sm {

    margin-right: 10px;

}

.m-r-lg {

    margin-right: 20px;

}

.m-r-n {

    margin-right: -15px;

}

.m-r-n-xxs {

    margin-right: -1px;

}

.m-r-n-xs {

    margin-right: -5px;

}

.m-r-n-sm {

    margin-right: -10px;

}

.m-r-n-lg {

    margin-right: -20px;

}

.m-b {

    margin-bottom: 15px;

}

.m-b-none {

    margin-bottom: 0;

}

.m-b-xs {

    margin-bottom: 5px;

}

.m-b-sm {

    margin-bottom: 10px;

}

.m-b-lg {

    margin-bottom: 20px;

}

.m-b-n {

    margin-bottom: -15px;

}

.m-b-n-xxs {

    margin-bottom: -1px;

}

.m-b-n-xs {

    margin-bottom: -5px;

}

.m-b-n-sm {

    margin-bottom: -10px;

}

.m-b-n-lg {

    margin-bottom: -20px;

}

.media-xs {

    min-width: 50px;

}

.media-sm {

    min-width: 80px;

}

.media-md {

    min-width: 90px;

}

.media-lg {

    min-width: 120px;

}

.thumb {

    width: 64px;

    display: inline-block;

}

.thumb-lg {

    width: 128px;

    display: inline-block;

}

.thumb-md {

    width: 90px;

    display: inline-block;

}

.thumb-xs {

    width: 18px;

    display: inline-block;

}

.thumb-sm {

    width: 36px;

    display: inline-block;

}

.thumb img,

.thumb-xs img,

.thumb-sm img,

.thumb-md img,

.thumb-lg img {

    height: auto;

    max-width: 100%;

    vertical-align: middle;

}

.img-full {

    max-width: 100%;

}

.img-full>img {

    max-width: 100%;

}

.avatar {

    border: 1px solid rgba(255, 255, 255, 0.2);

    display: block;

    border-radius: 500px;

    white-space: nowrap;

}

.avatar img {

    border-radius: 500px;

}

.avatar.border {

    border: 3px solid #fff;

    border-color: rgba(255, 255, 255, 0.5);

}

.clear {

    display: block;

    overflow: hidden;

}

.scroll-x,

.scroll-y {

    overflow: hidden;

    -webkit-overflow-scrolling: touch;

}

.scroll-y {

    overflow-y: auto;

}

.scroll-x {

    overflow-x: auto;

}

.no-touch .scroll-x,

.no-touch .scroll-y {

    overflow: hidden;

}

.no-touch .scroll-x:hover,

.no-touch .scroll-x:focus,

.no-touch .scroll-x:active {

    overflow-x: auto;

}

.no-touch .scroll-y:hover,

.no-touch .scroll-y:focus,

.no-touch .scroll-y:active {

    overflow-y: auto;

}

.no-touch .hover-action {

    display: none;

}

.no-touch .hover:hover .hover-action {

    display: inherit;

}

.h {

    font-size: 170px;

    font-weight: 300;

    background-image: -webkit-linear-gradient(92deg, #fb83fa, #00aced);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}

@media screen and (min-width: 992px) {

    .col-lg-2-4 {

        width: 20.000%;

        float: left;

    }

}

@media (max-width: 767px) {

    .shift {

        display: none !important;

    }

    .shift.in {

        display: block !important;

    }

    .row-2 [class*="col"] {

        width: 50%;

        float: left;

    }

    .row-2 .col-0 {

        clear: none;

    }

    .row-2 li:nth-child(odd) {

        clear: left;

        margin-left: 0;

    }

    .text-center-xs {

        text-align: center;

    }

    .pull-none-xs {

        float: none !important;

    }

    .hidden-xs.show {

        display: inherit !important;

    }

}