@import url('https://fonts.googleapis.com/css2?family=Onest:wght@300;400;500;600;700&display=swap');
@font-face {
    font-family: online-design;
    src: url("fonts/online-design.eot?7wpyc1");
    src: url("fonts/online-design.eot?7wpyc1#iefix") format("embedded-opentype"), url("fonts/online-design.ttf?7wpyc1") format("truetype"), url("fonts/online-design.woff?7wpyc1") format("woff"), url("fonts/online-design.svg?7wpyc1#online-design") format("svg");
    font-weight: 400;
    font-style: normal
}

[class*=" icon-nbd-"], [class^=icon-nbd-] {
    font-family: online-design !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-nbd-lock:before {
    content: "\F023"
}

.icon-nbd-expand:before {
    content: "\F065"
}

.icon-nbd-arrows-v:before {
    content: "\F07D"
}

.icon-nbd-arrows-h:before {
    content: "\F07E"
}

.icon-nbd-add-black:before {
    content: "\E908"
}

.icon-nbd-apps:before {
    content: "\E909"
}

.icon-nbd-arrow-drop-down:before {
    content: "\E90A"
}

.icon-nbd-arrow-upward:before {
    content: "\E90B"
}

.icon-nbd-attachment:before {
    content: "\E90C"
}

.icon-nbd-baseline-more-vert:before {
    content: "\E90D"
}

.icon-nbd-baseline-palette:before {
    content: "\E90F"
}

.icon-nbd-baseline-redo:before {
    content: "\E910"
}

.icon-nbd-baseline-tune:before {
    content: "\E911"
}

.icon-nbd-baseline-undo:before {
    content: "\E912"
}

.icon-nbd-baseline-warning:before {
    content: "\E914"
}

.icon-nbd-bring-forward:before {
    content: "\E916"
}

.icon-nbd-bring-to-front:before {
    content: "\E917"
}

.icon-nbd-camera-alt:before {
    content: "\E918"
}

.icon-nbd-caret-right:before {
    content: "\E91A"
}

.icon-nbd-chevron-right:before {
    content: "\E91D"
}

.icon-nbd-clear:before {
    content: "\E91E"
}

.icon-nbd-cloud-upload:before {
    content: "\E91F"
}

.icon-nbd-content-copy:before {
    content: "\E920"
}

.icon-nbd-delete:before {
    content: "\E921"
}

.icon-nbd-diamond:before {
    content: "\E922"
}

.icon-nbd-dis-horizontal:before {
    content: "\E923"
}

.icon-nbd-dis-vertical:before {
    content: "\E924"
}

.icon-nbd-draw:before {
    content: "\E925"
}

.icon-nbd-drawing:before {
    content: "\E926"
}

.icon-nbd-dropbox-logo:before {
    content: "\E927"
}

.icon-nbd-dropdown-arrows:before {
    content: "\E928";
    color: #3f4652
}

.icon-nbd-facebook-circle:before {
    content: "\E929"
}

.icon-nbd-facebook-logo:before {
    content: "\E92A"
}

.icon-nbd-file-upload:before {
    content: "\E92B"
}

.icon-nbd-filter:before {
    content: "\E92C"
}

.icon-nbd-fomat-done:before {
    content: "\E92D"
}

.icon-nbd-fomat-highlight-off:before {
    content: "\E92F"
}

.icon-nbd-fomat-info-outline:before {
    content: "\E930"
}

.icon-nbd-fomat-lock-open:before {
    content: "\E931"
}

.icon-nbd-fomat-lock-outline:before {
    content: "\E932"
}

.icon-nbd-fomat-position:before {
    content: "\E933"
}

.icon-nbd-fomat-search:before {
    content: "\E934"
}

.icon-nbd-fomat-top-left:before {
    content: "\E935"
}

.icon-nbd-fomat-vertical-align-center:before {
    content: "\E936"
}

.icon-nbd-fomat-vertical-align-top:before {
    content: "\E937"
}

.icon-nbd-fomat-visibility:before {
    content: "\E939"
}

.icon-nbd-fomat-visibility-off:before {
    content: "\E93A"
}

.icon-nbd-format-align-center:before {
    content: "\E93B"
}

.icon-nbd-format-align-justify:before {
    content: "\E93C"
}

.icon-nbd-format-align-left:before {
    content: "\E93D"
}

.icon-nbd-format-align-right:before {
    content: "\E93E"
}

.icon-nbd-format-bold:before {
    content: "\E93F"
}

.icon-nbd-format-color-fill:before {
    content: "\E940"
}

.icon-nbd-format-italic:before {
    content: "\E941"
}

.icon-nbd-format-underlined:before {
    content: "\E942"
}

.icon-nbd-fullscreen:before {
    content: "\E943"
}

.icon-nbd-full-screen-button:before {
    content: "\E944"
}

.icon-nbd-fullscreen-exit:before {
    content: "\E945"
}

.icon-nbd-full-screen-exit:before {
    content: "\E946"
}

.icon-nbd-geometrical-shapes-group:before {
    content: "\E947"
}

.icon-nbd-google-plus-circle:before {
    content: "\E948"
}

.icon-nbd-image-layer:before {
    content: "\E949"
}

.icon-nbd-instagram-logo:before {
    content: "\E94A"
}

.icon-nbd-layer-stack:before {
    content: "\E94B"
}

.icon-nbd-layer-circle:before {
    content: "\f111"
}

.icon-nbd-layer-group:before {
    content: "\f247"
}

.icon-nbd-layer-ellipse:before {
    content: "\e965"
}

.icon-nbd-layer-polygon:before {
    content: "\e969"
}

.icon-nbd-layer-triangle:before {
    content: "\e96c"
}

.icon-nbd-layer-rect:before {
    content: "\f0c8"
}

.icon-nbd-line:before {
    content: "\E94C"
}

.icon-nbd-line_spacing:before {
    content: "\E94D"
}

.icon-nbd-menu:before {
    content: "\E94E"
}

.icon-nbd-opacity:before {
    content: "\E94F"
}

.icon-nbd-package:before {
    content: "\E950"
}

.icon-nbd-pixabay:before {
    content: "\E951"
}

.icon-nbd-reflect-horizontal:before {
    content: "\E952"
}

.icon-nbd-reflect-vertical:before {
    content: "\E953"
}

.icon-nbd-refresh:before {
    content: "\E954"
}

.icon-nbd-remove:before {
    content: "\E955"
}

.icon-nbd-replace-image:before {
    content: "\E956"
}

.icon-nbd-round-crop:before {
    content: "\E957"
}

.icon-nbd-send-to-back:before {
    content: "\E958"
}

.icon-nbd-sent-to-backward:before {
    content: "\E959"
}

.icon-nbd-shapes:before {
    content: "\E95A"
}

.icon-nbd-sharp-star:before {
    content: "\E95B"
}

.icon-nbd-sortable:before {
    content: "\E95C"
}

.icon-nbd-text:before {
    content: "\E95D"
}

.icon-nbd-text-fields:before {
    content: "\E95E"
}

.icon-nbd-twitter-circle:before {
    content: "\E95F"
}

.icon-nbd-type:before {
    content: "\E960"
}

.icon-nbd-ungroup:before {
    content: "\E961"
}

.icon-nbd-vector:before {
    content: "\E962"
}

.icon-nbd-view-module:before {
    content: "\E963"
}

.icon-nbd-webcam:before {
    content: "\E964"
}

.icon-nbd-bottom-center:before {
    content: "\E915"
}

.icon-nbd-info-circle:before {
    content: "\E919"
}

.icon-nbd-uppercase:before {
    content: "\E913"
}

.icon-nbd-fill-color:before {
    content: "\E91C"
}

.icon-nbd-position:before {
    content: "\E91B"
}

.icon-nbd-process:before {
    content: "\E906"
}

.icon-nbd-title-award:before {
    content: "\E907"
}

.icon-nbd-element:before {
    content: "\E901"
}

.icon-nbd-elements-2:before {
    content: "\E902"
}

.icon-nbd-illutration:before {
    content: "\E903"
}

.icon-nbd-illutration-2:before {
    content: "\E904"
}

.icon-nbd-product:before {
    content: "\E905"
}

.icon-nbd-box:before {
    content: "\E900"
}

.icon-nbd-images:before {
    content: "\E90E"
}

.icon-nbd-stack:before {
    content: "\E92E"
}

.icon-nbd-qrcode:before {
    content: "\E938"
}

.icon-nbd-undo2:before {
    content: "\E967"
}

.icon-nbd-redo2:before {
    content: "\E968"
}

.icon-nbd-ligature:before {
    content: "\EA5D"
}

.icon-nbd-share2:before {
    content: "\EA82"
}

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

.animated--infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes nbSlideInDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
        visibility: visible
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes nbSlideInDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
        visibility: visible
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.nbSlideInDown {
    -webkit-animation-name: nbSlideInDown;
    animation-name: nbSlideInDown
}

@-webkit-keyframes nbSlideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
        opacity: 0
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes nbSlideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
        opacity: 0
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.nbSlideInUp {
    -webkit-animation-name: nbSlideInUp;
    animation-name: nbSlideInUp
}

@-webkit-keyframes nbScaleIn {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        visibility: visible;
        opacity: 1
    }
    to {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: 0
    }
}

@keyframes nbScaleIn {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        visibility: visible;
        opacity: 1
    }
    to {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: 0
    }
}

.nbScaleIn {
    -webkit-animation-name: nbScaleIn;
    animation-name: nbScaleIn
}

@-webkit-keyframes nbScaleOut {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        visibility: visible;
        opacity: 0
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes nbScaleOut {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        visibility: visible;
        opacity: 0
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.nbScaleOut {
    -webkit-animation-name: nbScaleOut;
    animation-name: nbScaleOut
}

@-webkit-keyframes bounce {
    0%, 20%, 53%, to {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    80% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0) scaleY(.95);
        transform: translateZ(0) scaleY(.95)
    }
    40%, 43% {
        -webkit-transition-timing-function: cubic-bezier(.755, .05, .855, .06);
        transition-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
        transform: translate3d(0, -30px, 0) scaleY(1.1)
    }
    70% {
        -webkit-transition-timing-function: cubic-bezier(.755, .05, .855, .06);
        transition-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
        transform: translate3d(0, -15px, 0) scaleY(1.05)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
        transform: translate3d(0, -4px, 0) scaleY(1.02)
    }
}

@keyframes bounce {
    0%, 20%, 53%, to {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    80% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0) scaleY(.95);
        transform: translateZ(0) scaleY(.95)
    }
    40%, 43% {
        -webkit-transition-timing-function: cubic-bezier(.755, .05, .855, .06);
        transition-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
        transform: translate3d(0, -30px, 0) scaleY(1.1)
    }
    70% {
        -webkit-transition-timing-function: cubic-bezier(.755, .05, .855, .06);
        transition-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
        transform: translate3d(0, -15px, 0) scaleY(1.05)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
        transform: translate3d(0, -4px, 0) scaleY(1.02)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {
    0%, 50%, to {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

@keyframes flash {
    0%, 50%, to {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes shake {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }
    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }
    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, to {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, to {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

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

@-webkit-keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0) scaleY(5);
        transform: translate3d(0, -3000px, 0) scaleY(5)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0) scaleY(.9);
        transform: translate3d(0, 25px, 0) scaleY(.9)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(.95);
        transform: translate3d(0, -10px, 0) scaleY(.95)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0) scaleY(.985);
        transform: translate3d(0, 5px, 0) scaleY(.985)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0) scaleY(5);
        transform: translate3d(0, -3000px, 0) scaleY(5)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0) scaleY(.9);
        transform: translate3d(0, 25px, 0) scaleY(.9)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(.95);
        transform: translate3d(0, -10px, 0) scaleY(.95)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0) scaleY(.985);
        transform: translate3d(0, 5px, 0) scaleY(.985)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    0%, 60%, 75%, 90%, to {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
        transform: translate3d(-3000px, 0, 0) scaleX(3)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
        transform: translate3d(25px, 0, 0) scaleX(1)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0) scaleX(.98);
        transform: translate3d(-10px, 0, 0) scaleX(.98)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0) scaleX(.995);
        transform: translate3d(5px, 0, 0) scaleX(.995)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInLeft {
    0%, 60%, 75%, 90%, to {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
        transform: translate3d(-3000px, 0, 0) scaleX(3)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
        transform: translate3d(25px, 0, 0) scaleX(1)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0) scaleX(.98);
        transform: translate3d(-10px, 0, 0) scaleX(.98)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0) scaleX(.995);
        transform: translate3d(5px, 0, 0) scaleX(.995)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0%, 60%, 75%, 90%, to {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
        transform: translate3d(3000px, 0, 0) scaleX(3)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
        transform: translate3d(-25px, 0, 0) scaleX(1)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0) scaleX(.98);
        transform: translate3d(10px, 0, 0) scaleX(.98)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0) scaleX(.995);
        transform: translate3d(-5px, 0, 0) scaleX(.995)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInRight {
    0%, 60%, 75%, 90%, to {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
        transform: translate3d(3000px, 0, 0) scaleX(3)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
        transform: translate3d(-25px, 0, 0) scaleX(1)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0) scaleX(.98);
        transform: translate3d(10px, 0, 0) scaleX(.98)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0) scaleX(.995);
        transform: translate3d(-5px, 0, 0) scaleX(.995)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    0%, 60%, 75%, 90%, to {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
        transform: translate3d(0, 3000px, 0) scaleY(5)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
        transform: translate3d(0, -20px, 0) scaleY(.9)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(.95);
        transform: translate3d(0, 10px, 0) scaleY(.95)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0) scaleY(.985);
        transform: translate3d(0, -5px, 0) scaleY(.985)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInUp {
    0%, 60%, 75%, 90%, to {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
        transform: translate3d(0, 3000px, 0) scaleY(5)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
        transform: translate3d(0, -20px, 0) scaleY(.9)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(.95);
        transform: translate3d(0, 10px, 0) scaleY(.95)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0) scaleY(.985);
        transform: translate3d(0, -5px, 0) scaleY(.985)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(.985);
        transform: translate3d(0, 10px, 0) scaleY(.985)
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
        transform: translate3d(0, -20px, 0) scaleY(.9)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
        transform: translate3d(0, 2000px, 0) scaleY(3)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(.985);
        transform: translate3d(0, 10px, 0) scaleY(.985)
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
        transform: translate3d(0, -20px, 0) scaleY(.9)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
        transform: translate3d(0, 2000px, 0) scaleY(3)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0) scaleX(.9);
        transform: translate3d(20px, 0, 0) scaleX(.9)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
        transform: translate3d(-2000px, 0, 0) scaleX(2)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0) scaleX(.9);
        transform: translate3d(20px, 0, 0) scaleX(.9)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
        transform: translate3d(-2000px, 0, 0) scaleX(2)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0) scaleX(.9);
        transform: translate3d(-20px, 0, 0) scaleX(.9)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
        transform: translate3d(2000px, 0, 0) scaleX(2)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0) scaleX(.9);
        transform: translate3d(-20px, 0, 0) scaleX(.9)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
        transform: translate3d(2000px, 0, 0) scaleX(2)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(.985);
        transform: translate3d(0, -10px, 0) scaleY(.985)
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0) scaleY(.9);
        transform: translate3d(0, 20px, 0) scaleY(.9)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
        transform: translate3d(0, -2000px, 0) scaleY(3)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(.985);
        transform: translate3d(0, -10px, 0) scaleY(.985)
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0) scaleY(.9);
        transform: translate3d(0, 20px, 0) scaleY(.9)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
        transform: translate3d(0, -2000px, 0) scaleY(3)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0) scaleY(1.2);
        transform: translate3d(0, -100%, 0) scaleY(1.2)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0) scaleY(1.2);
        transform: translate3d(0, -100%, 0) scaleY(1.2)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) scaleX(1.2);
        transform: translate3d(-100%, 0, 0) scaleX(1.2)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) scaleX(1.2);
        transform: translate3d(-100%, 0, 0) scaleX(1.2)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) scaleX(1.2);
        transform: translate3d(100%, 0, 0) scaleX(1.2)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) scaleX(1.2);
        transform: translate3d(100%, 0, 0) scaleX(1.2)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0) scaleY(1.2);
        transform: translate3d(0, 100%, 0) scaleY(1.2)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0) scaleY(1.2);
        transform: translate3d(0, 100%, 0) scaleY(1.2)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
        transform: translate3d(0, -2000px, 0) scaleY(3)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
        transform: translate3d(0, -2000px, 0) scaleY(3)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
        transform: translate3d(-2000px, 0, 0) scaleX(2)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
        transform: translate3d(-2000px, 0, 0) scaleX(2)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
        transform: translate3d(2000px, 0, 0) scaleX(2)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
        transform: translate3d(2000px, 0, 0) scaleX(2)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
        transform: translate3d(0, 2000px, 0) scaleY(3)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
        transform: translate3d(0, 2000px, 0) scaleY(3)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -40%, 0)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(-1turn);
        transform: perspective(400px) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(-1turn);
        transform: perspective(400px) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%, 60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%, 80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%, 60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%, 80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        transform: translate3d(100%, 0, 0) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        transform: translate3d(100%, 0, 0) rotate(120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

body, html {
    font-weight: 300;
    background: #fff;
    overflow: hidden;
    color: #141824de;
}

.md-chips, body, button, html, input, md-bottom-sheet .md-subheader, select, textarea {
    font-family: 'Onest', sans-serif;
}

h3, h4, input, p, span, textarea {
    color: #141824de;
    font-family: 'Onest', sans-serif;
}

input, span, textarea {
    font-size: 14px
}

@media screen and (max-width: 767px) {
    input, textarea {
        font-size: 16px !important
    }
}

ul {
    padding: 0;
    margin-bottom: 0
}

input {
    border: 1px solid #ebebeb;
    outline: none;
    border-radius: 2px
}

input:active, input:focus {
    border-color: #ccc
}

input::-webkit-input-placeholder {
    color: #ccc;
    opacity: 1
}

input::-ms-input-placeholder {
    opacity: 1
}

input::placeholder {
    color: #ccc;
    opacity: 1
}

input:-ms-input-placeholder, input::-ms-input-placeholder {
    color: #ccc
}

img {
    max-width: 100%
}

.flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.box-shadow-right {
    -webkit-box-shadow: 1px 0 20px rgba(0, 0, 0, .08);
    box-shadow: 1px 0 20px rgba(0, 0, 0, .08)
}

.box-shadow-bottom {
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12)
}

.icon-nbd {
    color: #888;
    display: inline-block
}

.icon-nbd:hover {
    color: #404762
}

.icon-nbd.rotate-45 {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.icon-nbd.rotate45 {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.icon-nbd.rotate-90 {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.icon-nbd.rotate90 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.icon-nbd.rotate-135 {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.icon-nbd.rotate-180 {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.icon-nbd.rotate180 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.icon-nbd.rotate135 {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.icon-nbd.color-fill {
    -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .14), 0 2px 2px 0 rgba(0, 0, 0, .098), 0 1px 5px 0 rgba(0, 0, 0, .084);
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .14), 0 2px 2px 0 rgba(0, 0, 0, .098), 0 1px 5px 0 rgba(0, 0, 0, .084);
    display: inline-block;
    border-radius: 50%
}

.font-28 {
    font-size: 28px !important
}

.font-21 {
    font-size: 21px !important
}

.ps-scrollbar-y-rail {
    right: 0 !important;
    width: 6px
}

.ps-scrollbar-y-rail .ps-scrollbar-y {
    width: 6px
}

.animate100 {
    -webkit-animation-duration: .1s !important;
    animation-duration: .1s !important
}

.animate200 {
    -webkit-animation-duration: .2s !important;
    animation-duration: .2s !important
}

.animate300 {
    -webkit-animation-duration: .3s !important;
    animation-duration: .3s !important
}

.animate400 {
    -webkit-animation-duration: .4s !important;
    animation-duration: .4s !important
}

.animate500 {
    -webkit-animation-duration: .5s !important;
    animation-duration: .5s !important
}

.animate600 {
    -webkit-animation-duration: .6s !important;
    animation-duration: .6s !important
}

.animate700 {
    -webkit-animation-duration: .7s !important;
    animation-duration: .7s !important
}

.animate800 {
    -webkit-animation-duration: .8s !important;
    animation-duration: .8s !important
}

.animate900 {
    -webkit-animation-duration: .9s !important;
    animation-duration: .9s !important
}

.animate1000 {
    -webkit-animation-duration: 1s !important;
    animation-duration: 1s !important
}

.animate1100 {
    -webkit-animation-duration: 1.1s !important;
    animation-duration: 1.1s !important
}

.nbd-hover-shadow {
    -webkit-transition: -webkit-box-shadow .2s ease-in-out;
    transition: -webkit-box-shadow .2s ease-in-out;
    transition: box-shadow .2s ease-in-out;
    transition: box-shadow .2s ease-in-out, -webkit-box-shadow .2s ease-in-out
}

.nbd-hover-shadow:hover {
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12)
}

.nbd-triangle:after, .nbd-triangle:before {
    content: "";
    position: absolute;
    left: 20px;
    top: -14px;
    border: 7px solid transparent
}

.nbd-triangle:before {
    border-bottom: 7px solid #ebebeb
}

.nbd-triangle:after {
    border-bottom: 7px solid #fff
}

.nbd-triangle[data-pos=left]:after, .nbd-triangle[data-pos=left]:before {
    top: 20px;
    left: -14px;
    border-bottom-color: transparent
}

.nbd-triangle[data-pos=left]:before {
    border-right: 7px solid #ebebeb
}

.nbd-triangle[data-pos=left]:after {
    border-right: 7px solid #fff
}

.nbd-triangle[data-pos=right]:after, .nbd-triangle[data-pos=right]:before {
    top: 20px;
    right: -14px;
    left: auto;
    border-bottom-color: transparent
}

.nbd-triangle[data-pos=right]:before {
    border-left: 7px solid #ebebeb
}

.nbd-triangle[data-pos=right]:after {
    border-left: 7px solid #fff
}

.nbd-button {
    color: #fff;
    background: #404762;
    display: inline-block;
    position: relative;
    cursor: pointer;
    min-height: 36px;
    min-width: 88px;
    line-height: 36px;
    vertical-align: middle;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
    border: 0;
    padding: 0 12px;
    margin: 6px 8px;
    white-space: nowrap;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    font-style: inherit;
    font-variant: inherit;
    font-family: inherit;
    text-decoration: none;
    overflow: hidden;
    -webkit-transition: box-shadow .4s cubic-bezier(.25, .8, .25, 1), background-color .4s cubic-bezier(.25, .8, .25, 1);
    -webkit-transition: background-color .4s cubic-bezier(.25, .8, .25, 1), -webkit-box-shadow .4s cubic-bezier(.25, .8, .25, 1);
    transition: background-color .4s cubic-bezier(.25, .8, .25, 1), -webkit-box-shadow .4s cubic-bezier(.25, .8, .25, 1);
    transition: box-shadow .4s cubic-bezier(.25, .8, .25, 1), background-color .4s cubic-bezier(.25, .8, .25, 1);
    transition: box-shadow .4s cubic-bezier(.25, .8, .25, 1), background-color .4s cubic-bezier(.25, .8, .25, 1), -webkit-box-shadow .4s cubic-bezier(.25, .8, .25, 1)
}

.nbd-button:hover {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .14), 0 2px 2px 0 rgba(0, 0, 0, .098), 0 1px 5px 0 rgba(0, 0, 0, .084);
    -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .14), 0 2px 2px 0 rgba(0, 0, 0, .098), 0 1px 5px 0 rgba(0, 0, 0, .084)
}

.nbd-button.button-login {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 2px
}

.nbd-button.button-login i {
    color: #fff;
    margin-right: 10px
}

.nbd-button.button-login span {
    color: #fff;
    font-size: 16px
}

.overflow-visible {
    overflow: visible !important
}

.title {
    font-size: 14px
}

.nbd-input {
    padding: 3px 5px;
    border-radius: 2px;
    border: 1px solid #ebebeb;
    outline: none
}

.nbd-input:focus {
    border-color: #ddd
}

.nbd-input::-webkit-input-placeholder {
    color: #999
}

.nbd-input::-ms-input-placeholder {
    color: #999
}

.nbd-input::placeholder {
    color: #999
}

.nbd-close-sub-menu {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #bbb;
    font-size: 21px;
    cursor: pointer;
    z-index: 99
}

.nbd-close-sub-menu:hover {
    color: #666
}

.icon-nbd-info-circle {
    cursor: pointer
}

.nbd-hidden {
    opacity: 0;
    visibility: hidden
}

.nbd-in {
    opacity: 1;
    visibility: visible
}

.nbd-shadow-1dp {
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 1px -1px rgba(0, 0, 0, .1), 0 1px 5px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 1px -1px rgba(0, 0, 0, .1), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.nbd-shadow-2dp {
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.ps-container .ps-scrollbar-y-rail {
    z-index: 4
}

.nbd-main-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /*height: 60px;*/
    background: #fff;
    /*position: fixed;*/
    top: 0;
    left: 0;
    z-index: 10000;
    width: 100%;
    /*padding: 0 24px;*/
}

@media screen and (max-width: 767px) {
    .nbd-main-bar {
        padding: 0;
        z-index: 100000003
    }
}

.nbd-main-bar .logo {
    margin-right: 30px;
    -webkit-text-decoration-line: none;
    text-decoration-line: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nbd-main-bar .logo img {
    width: 40px
}

.nbd-main-bar .logo span {
    font-size: 18px;
    text-transform: uppercase;
    margin-left: 10px;
    font-style: italic
}

@media screen and (max-width: 767px) {
    .nbd-main-bar .logo {
        display: none
    }
}

.nbd-main-bar .menu-mobile {
    font-size: 40px;
    display: none
}

.nbd-main-bar .menu-mobile.icon-nbd-menu {
    padding-left: 10px
}

@media screen and (max-width: 767px) {
    .nbd-main-bar .menu-mobile {
        display: inline-block;
        font-size: 24px;
        padding-left: 4px;
    }
}

.nbd-main-bar ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style: none;
    margin-bottom: 0
}

@media screen and (max-width: 767px) {
    .nbd-main-bar ul.menu-left {
        display: none;
        width: 100%;
    }

    .nbd-main-bar ul.menu-left .menu-item {
        padding: 16px 15px
    }

    .nbd-main-bar ul.menu-left span {
        color: #fff
    }

    .nbd-main-bar ul.menu-left .sub-menu span {
        color: #333
    }
}

.nbd-main-bar ul.menu-left .sub-menu ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 10px 0
}

.nbd-main-bar ul.menu-left .sub-menu ul li {
    cursor: pointer
}

.nbd-main-bar ul.menu-left .sub-menu ul li:hover {
    background-color: hsla(0, 0%, 62%, .2)
}

@media screen and (max-width: 767px) {
    .nbd-main-bar ul.menu-left .item-view > .sub-menu {
        max-height: 400px;
        overflow-y: scroll;
        overflow: auto
    }
}

.nbd-main-bar ul.menu-left .item-view .sub-menu {
    padding: 10px 0
}

.nbd-main-bar ul.menu-left .item-view .sub-menu li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.nbd-main-bar ul.menu-left .item-view .sub-menu li:hover {
    background-color: hsla(0, 0%, 62%, .2)
}

@media screen and (max-width: 767px) {
    .nbd-main-bar ul.menu-left .item-view .sub-menu li:hover {
        background-color: transparent
    }
}

.nbd-main-bar ul.menu-center {
    margin: auto
}

.nbd-main-bar ul.menu-center li.menu-item {
    padding: 0 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nbd-main-bar ul.menu-center li.menu-item.nbd-disabled {
    opacity: 0.15;
}

.nbd-main-bar ul.menu-center li.menu-item.in {
    opacity: 1
}

.nbd-main-bar ul.menu-center li.menu-item i.icon-nbd {
    margin-bottom: 4px;
    font-size: 18px
}

.nbd-main-bar ul.menu-center li.menu-item span {
    line-height: normal;
    font-size: 14px
}

.nbd-main-bar ul.menu-right .menu-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nbd-main-bar ul.menu-right .menu-item i.icon-nbd {
    font-size: 16px;
    color: #666;
    margin-right: 5px
}

.nbd-main-bar ul.menu-right .menu-item.item-process {
    background: #404762;
    padding: 10px 15px;
    border-radius: 2px
}

.nbd-main-bar ul.menu-right .menu-item.item-process:hover {
    -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 5px 8px 0 rgba(0, 0, 0, .14), 0 1px 14px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 5px 8px 0 rgba(0, 0, 0, .14), 0 1px 14px 0 rgba(0, 0, 0, .12)
}

.nbd-main-bar ul.menu-right .menu-item.item-process i, .nbd-main-bar ul.menu-right .menu-item.item-process span {
    color: #fff
}

.nbd-main-bar ul.menu-right .menu-item.item-process span {
    margin-right: 5px
}

.nbd-main-bar ul.menu-right .menu-item.item-process i {
    margin-right: 0
}

.nbd-main-bar ul.menu-right .menu-item.item-process .sub-menu i, .nbd-main-bar ul.menu-right .menu-item.item-process .sub-menu span {
    color: #333
}

@media screen and (max-width: 767px) {
    .nbd-main-bar ul.menu-right .menu-item.item-process {
        background-color: #404762;
        border: 2px;
        padding: 12px 25px;
    }
}

.nbd-main-bar ul.menu-right .menu-item.item-process .sub-menu {
    min-width: 320px
}

@media screen and (max-width: 768px) {
    .nbd-main-bar ul.menu-right .menu-item.item-process .sub-menu {
        min-width: 250px
    }
}

.nbd-main-bar ul.menu-right .menu-item.item-process .sub-menu .sub-header {
    padding: 20px 10px;
    font-weight: 500;
    position: relative;
    border-bottom: 1px solid #ebebeb
}

.nbd-main-bar ul.menu-right .menu-item.item-process .sub-menu .sub-header i {
    position: absolute;
    top: 19px;
    right: 10px
}

.nbd-main-bar ul.menu-right .menu-item.item-process .sub-menu .sub-body {
    padding: 20px 10px;
    border-bottom: 1px solid #ebebeb
}

.nbd-main-bar ul.menu-right .menu-item.item-process .sub-menu .sub-body .process-select {
    background: transparent;
    cursor: pointer;
    border-radius: 2px;
    border: 1px solid #ebebeb;
    font-size: 14px;
    line-height: 2.78572;
    outline: 0;
    padding: 5px 30px 5px 10px;
    -webkit-transition: background .4s ease;
    transition: background .4s ease;
    width: 100%
}

.nbd-main-bar ul.menu-right .menu-item.item-process .sub-menu .sub-footer {
    padding: 20px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nbd-main-bar ul.menu-right .menu-item.item-process .sub-menu .sub-footer i {
    font-size: 21px;
    border-radius: 50%
}

.nbd-main-bar ul.menu-right .menu-item.item-more {
    display: none;
    padding: 0
}

@media screen and (max-width: 767px) {
    .nbd-main-bar ul.menu-right .menu-item.item-more {
        display: block
    }

    .nbd-main-bar ul.menu-right .menu-item.item-more i {
        font-size: 40px
    }

    .nbd-main-bar ul.menu-right .menu-item.item-more .sub-menu ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media screen and (max-width: 767px) {
    .nbd-main-bar ul.menu-right .menu-item.item-share, .nbd-main-bar ul.menu-right .menu-item.item-title {
        display: none
    }
}

.nbd-main-bar ul.menu-right input.title {
    padding: 5px 10px;
    border-radius: 2px;
    outline-color: transparent;
    border: none
}

.nbd-main-bar ul.menu-right input.title:focus {
    border-color: #ccc
}

.nbd-sidebar {
    width: 432px;
    height: calc(100vh - 120px);
    position: fixed;
    z-index: 100;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.nbd-sidebar input, .nbd-sidebar span {
    font-size: 12px;
    color: #404762
}

@media screen and (max-width: 1023px) {
}

@media screen and (max-width: 991px) {
    .main-header {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .nbd-sidebar {
        bottom: 0;
        left: 0;
        top: 100%;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        width: 100vw;
        height: 90px;
        min-height: 90px;
        z-index: 1000000;
        padding: 6px 8px;
    }
}

.nbd-sidebar .tabs-nav {
    min-height: calc(100vh - 120px);
    list-style: none;
    margin: 0;
    padding: 0;
    width: 80px;
    float: left;
    display: inline-block !important;
    z-index: 3;
    position: relative;
    background: #404762
}

@media screen and (max-width: 767px) {
    .nbd-sidebar .tabs-nav {
        width: 100%;
        min-height: auto;
        margin-right: 0px;
    }
}

.nbd-sidebar .tabs-nav .keyboard-shortcuts {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 15px;
    width: 100%;
    text-align: center
}

@media screen and (max-width: 767px) {
    .nbd-sidebar .tabs-nav .keyboard-shortcuts {
        display: none
    }
}

.nbd-sidebar .tabs-nav .keyboard-shortcuts i {
    margin: auto;
    font-size: 18px;
    display: inline-block;
    border-radius: 50%;
    color: #fff
}

.nbd-sidebar .tabs-nav ul.main-tabs {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
}

.nbd-sidebar .tabs-nav ul.main-tabs .tab {
    float: left;
    padding: 15px 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-transition: background .25s ease;
    transition: background .25s ease;
    text-transform: uppercase;
    margin: 0;
    height: 75px;
    position: relative;
    -webkit-font-smoothing: antialiased;
    text-align: center
}

@media screen and (max-width: 767px) {
    .nbd-sidebar .tabs-nav ul.main-tabs .tab.active {
        background-color: #d0d6dd
    }
}

.nbd-sidebar .tabs-nav ul.main-tabs .tab i {
    font-size: 24px;
    margin-bottom: 5px
}

.nbd-sidebar .tabs-nav ul.main-tabs .tab i, .nbd-sidebar .tabs-nav ul.main-tabs .tab span {
    display: block;
    -webkit-transition: color .6s ease-out, -webkit-transform .7s ease-out;
    transition: color .6s ease-out, -webkit-transform .7s ease-out;
    transition: transform .7s ease-out, color .6s ease-out;
    transition: transform .7s ease-out, color .6s ease-out, -webkit-transform .7s ease-out
}

.nbd-sidebar .tabs-nav ul.main-tabs .tab span {
    font-size: 12px;
    font-weight: 500;
    color: #14182499;
    word-break: break-all;
    text-transform: capitalize
}

@media screen and (max-width: 767px) {
    .nbd-sidebar .tabs-nav ul.main-tabs {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        overflow-x: auto;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap
    }

    .nbd-sidebar .tabs-nav ul.main-tabs::-webkit-scrollbar {
        display: none
    }

    .nbd-sidebar .tabs-nav ul.main-tabs .tab {
        color: #888;
        padding: 5px 20px;
        width: auto;
        height: 60px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .nbd-sidebar .tabs-nav ul.main-tabs .tab i, .nbd-sidebar .tabs-nav ul.main-tabs .tab span {
        color: #141824;
    }

    .nbd-sidebar .tabs-nav ul.main-tabs .tab.active {
        background: #d0d6dd
    }
}

.nbd-sidebar .tabs-nav ul.main-tabs .layerTab {
    display: none
}

@media screen and (max-width: 767px) {
    .nbd-sidebar .tabs-nav ul.main-tabs .layerTab {
        display: block
    }
    .help-zoom-block.open-sidebar {
        transform: none !important;
    }
}

.nbd-sidebar .tabs-nav ul.main-tabs li.active i, .nbd-sidebar .tabs-nav ul.main-tabs li.active span {
    color: #141824de !important;
}

.nbd-sidebar .tabs-nav .nbd-sidebar-close {
    position: absolute;
    top: 0;
    right: -395px;
    height: 50px;
    width: 50px;
    background: #000;
    display: none
}

@media screen and (max-width: 1023px) {
    .nbd-sidebar .tabs-nav .nbd-sidebar-close {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: none
    }
}

.nbd-sidebar .tabs-nav .nbd-sidebar-close i {
    font-size: 28px;
    color: #fff
}

.nbd-sidebar .tab-scroll {
    position: relative;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow: hidden
}

.nbd-sidebar .tabs-content {
    width: 360px;
    text-align: center;
    height: calc(100vh - 54px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    right: 0;
    overflow: hidden;
    position: relative;
    background: #d0d6dd
}

@media screen and (max-width: 767px) {
    .nbd-sidebar .tabs-content {
        position: absolute;
        right: 0px;
        width: 97vw;
        left: 0px;
        margin: 0px auto;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        height: calc(100vh - 410px) !important;
        top: 0;
        opacity: 0;
        visibility: hidden
    }

    .nbd-sidebar .tabs-content.active {
        opacity: 1;
        visibility: visible
    }
}

.nbd-sidebar .tabs-content > i {
    font-size: 25px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px 10px;
    background-color: red;
    display: none
}

.nbd-sidebar .tabs-content .tab {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .4s;
    transition: all .4s;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    overflow: hidden
}

.nbd-sidebar .tabs-content .tab.active {
    display: block;
    z-index: 2;
    opacity: 1;
    visibility: visible;
}

.nbd-sidebar .tabs-content .tab.before {
    -webkit-transform: translateY(-33%);
    transform: translateY(-33%)
}

.nbd-sidebar .tabs-content .tab.after {
    -webkit-transform: translateY(33%);
    transform: translateY(33%)
}

.nbd-sidebar .tabs-content .tab.left {
    -webkit-transform: translateX(-33%);
    transform: translateX(-33%)
}

.nbd-sidebar .tabs-content .tab.right {
    -webkit-transform: translateX(33%);
    transform: translateX(33%)
}

.nbd-sidebar .tabs-content .nbd-search {
    padding: 20px 10px;
    position: absolute;
    display: inline-block;
    width: 100%;
    top: 0;
    left: 0;
    border: none
}

.nbd-sidebar .tabs-content .nbd-search input {
    padding: 10px 35px 10px 10px;
    width: 100%;
    border-radius: 2px;
    outline: none;
    border: none
}

.nbd-sidebar .tabs-content .nbd-search input:focus {
    border-color: #eee
}

.nbd-sidebar .tabs-content .nbd-search i {
    position: absolute;
    font-size: 24px;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #ccc
}

.nbd-sidebar #tab-layer .inner-tab-layer {
    padding-top: 0
}

.nbd-sidebar #tab-layer .inner-tab-layer .menu-layer .menu-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px;
    cursor: move;
    background: #fff;
    margin: 4px;
    border: none
}

.nbd-sidebar #tab-layer .inner-tab-layer .menu-layer .menu-item .item-center, .nbd-sidebar #tab-layer .inner-tab-layer .menu-layer .menu-item .item-left {
    position: relative
}

.nbd-sidebar #tab-layer .inner-tab-layer .menu-layer .menu-item .item-center {
    margin-right: auto
}

.nbd-sidebar #tab-layer .inner-tab-layer .menu-layer .menu-item .item-center input {
    max-width: 160px
}

.nbd-sidebar #tab-layer .inner-tab-layer .menu-layer .menu-item.lock-active .item-center, .nbd-sidebar #tab-layer .inner-tab-layer .menu-layer .menu-item.lock-active .item-left {
    opacity: .2
}

.nbd-sidebar #tab-layer .inner-tab-layer .menu-layer .menu-item.lock-active .item-center:after, .nbd-sidebar #tab-layer .inner-tab-layer .menu-layer .menu-item.lock-active .item-left:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.nbd-sidebar #tab-layer .inner-tab-layer .menu-layer .menu-item:hover {
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12)
}

.nbd-sidebar #tab-layer .inner-tab-layer .menu-layer .menu-item i {
    padding: 5px;
    font-size: 24px
}

.nbd-sidebar #tab-layer .inner-tab-layer .menu-layer .menu-item .item-right {
    border-radius: 2px
}

.nbd-sidebar #tab-layer .inner-tab-layer .menu-layer .menu-item .item-right i {
    cursor: pointer;
    opacity: .3;
}

.nbd-sidebar #tab-layer .inner-tab-layer .menu-layer .menu-item .item-right i:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 1
}

.nbd-sidebar #tab-layer .inner-tab-layer .menu-layer .menu-item .item-right i[data-active=false] {
    font-weight: 700
}

.nbd-sidebar #tab-layer .inner-tab-layer .menu-layer .menu-item .item-right i.icon-close {
    color: #ef5350
}

.nbd-sidebar #tab-layer .inner-tab-layer .menu-layer .menu-item .item-right i.icon-lock {
    color: #ffb22b
}

.nbd-sidebar #tab-layer .inner-tab-layer .menu-layer .menu-item .item-right i.icon-visibility {
    color: #06d79c
}

.nbd-sidebar #tab-layer .inner-tab-layer .menu-layer .menu-item span.item-center {
    margin-right: auto;
    padding: 0 5px;
    text-transform: capitalize;
    font-size: 12px
}

.nbd-sidebar #tab-layer .inner-tab-layer .menu-layer .menu-item input {
    border-radius: 2px;
    border: 1px solid #ebebeb;
    padding: 3px 5px;
    outline: none
}

.nbd-sidebar #tab-layer .inner-tab-layer .menu-layer .menu-item input:focus {
    border-color: #ddd
}

.nbd-sidebar #tab-layer .inner-tab-layer .menu-layer .menu-item .item-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nbd-sidebar #tab-svg .tab-main {
    height: calc(100% - 105px)
}

.nbd-sidebar #tab-svg .nbd-items-dropdown span {
    font-size: 12px;
    color: #404762
}

.nbd-sidebar #tab-svg .nbd-items-dropdown .info-support span {
    font-size: 16px
}

.nbd-sidebar #tab-svg .nbd-items-dropdown .main-items {
    position: relative
}

.nbd-sidebar #tab-svg .nbd-items-dropdown .main-items .items .item {
    width: 33.33%
}

.nbd-sidebar #tab-svg .nbd-items-dropdown .main-items .items .item .main-item {
    border-radius: 2px;
    cursor: pointer;
    -webkit-transition: -webkit-box-shadow .3s;
    transition: -webkit-box-shadow .3s;
    transition: box-shadow .3s;
    transition: box-shadow .3s, -webkit-box-shadow .3s;
    border: none
}

.nbd-sidebar #tab-svg .nbd-items-dropdown .main-items .items .item .main-item:hover .item-svg {
    -webkit-box-shadow: 1px 0 10px rgba(0, 0, 0, .1);
    box-shadow: 1px 0 10px rgba(0, 0, 0, .1)
}

.nbd-sidebar #tab-svg .nbd-items-dropdown .main-items .items .item .main-item .item-svg {
    background: #fff;
    padding: 20px;
    border-radius: 2px
}

.nbd-sidebar #tab-svg .nbd-items-dropdown .main-items .items .item .main-item .item-svg svg {
    width: 40px
}

.nbd-sidebar #tab-svg .nbd-items-dropdown .main-items .items .item .main-item .item-info {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px
}

.nbd-sidebar #tab-svg .nbd-items-dropdown .result-loaded {
    margin-top: 0
}

.nbd-sidebar #tab-svg .nbd-items-dropdown .result-loaded .nbdesigner-gallery .nbdesigner-item {
    width: 33.33%
}

.nbd-sidebar #tab-svg .cliparts-category {
    margin-top: 70px;
    padding: 0 10px
}

.nbd-sidebar #tab-svg .cliparts-category .nbd-button {
    width: 100%;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: unset;
    font-size: 12px;
    text-transform: capitalize
}

.nbd-sidebar #tab-svg .cliparts-category .nbd-button .nbd-sub-dropdown {
    width: 100%;
    top: calc(100% + 5px)
}

.nbd-sidebar #tab-svg .cliparts-category .nbd-button .nbd-sub-dropdown:after, .nbd-sidebar #tab-svg .cliparts-category .nbd-button .nbd-sub-dropdown:before {
    display: none
}

.nbd-sidebar #tab-svg .cliparts-category .nbd-button ul {
    min-width: 220px;
    max-height: 250px;
    margin: 10px 0
}

.nbd-sidebar #tab-svg .cliparts-category .nbd-button ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 20px
}

.nbd-sidebar #tab-svg .cliparts-category .nbd-button ul li span {
    color: #404762;
    text-transform: capitalize
}

.nbd-sidebar #tab-svg .cliparts-category .nbd-button ul li:hover {
    background-color: hsla(0, 0%, 62%, .2)
}

.nbd-sidebar #tab-svg .cliparts-category .nbd-button i, .nbd-sidebar #tab-svg .cliparts-category .nbd-button span {
    color: #fff
}

.nbd-sidebar #tab-svg .cliparts-category .nbd-button i {
    font-size: 24px
}

.nbd-sidebar #tab-typography .tab-main {
    background-color: #d0d6dd
}

.nbd-sidebar #tab-typography .tab-main .typography-head {
    padding: 20px 10px
}

.nbd-sidebar #tab-typography .tab-main .typography-body .typography-item {
    width: 50%;
    padding: 10px;
    list-style-type: none
}

.nbd-sidebar #tab-typography .tab-main .typography-body .typography-item img {
    background: #404762
}

.nbd-sidebar #tab-element .nbd-items-dropdown, .nbd-sidebar #tab-photo .nbd-items-dropdown {
    margin-top: 30px
}

.nbd-sidebar #tab-element .nbd-items-dropdown .main-items .items .item .main-item, .nbd-sidebar #tab-photo .nbd-items-dropdown .main-items .items .item .main-item {
    border-radius: 2px;
    border: 0;
    cursor: pointer
}

.nbd-sidebar #tab-element .nbd-items-dropdown .main-items .items .item .main-item .item-icon, .nbd-sidebar #tab-photo .nbd-items-dropdown .main-items .items .item .main-item .item-icon {
    padding: 20px;
    border-radius: 2px;
    background: #fff;
    border: none
}

.nbd-sidebar #tab-element .nbd-items-dropdown .main-items .items .item .main-item .item-icon:hover, .nbd-sidebar #tab-photo .nbd-items-dropdown .main-items .items .item .main-item .item-icon:hover {
    -webkit-box-shadow: 1px 0 10px rgba(0, 0, 0, .1);
    box-shadow: 1px 0 10px rgba(0, 0, 0, .1)
}

.nbd-sidebar #tab-element .nbd-items-dropdown .main-items .items .item .main-item .item-icon i, .nbd-sidebar #tab-photo .nbd-items-dropdown .main-items .items .item .main-item .item-icon i {
    font-size: 40px
}

.nbd-sidebar #tab-element .nbd-items-dropdown .main-items .items .item .main-item .item-info, .nbd-sidebar #tab-photo .nbd-items-dropdown .main-items .items .item .main-item .item-info {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px
}

.nbd-sidebar #tab-element .nbd-items-dropdown .result-loaded, .nbd-sidebar #tab-photo .nbd-items-dropdown .result-loaded {
    margin-top: 0;
    padding-top: 20px
}

.nbd-sidebar #tab-element .nbd-items-dropdown .result-loaded .nbdesigner-gallery .nbdesigner-item, .nbd-sidebar #tab-photo .nbd-items-dropdown .result-loaded .nbdesigner-gallery .nbdesigner-item {
    width: 33.33%
}

.nbd-sidebar #tab-element .nbd-items-dropdown .content-items .content-item.type-draw {
    padding: 20px
}

.nbd-sidebar #tab-element .nbd-items-dropdown .content-items .content-item.type-draw .brush button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    outline: none;
    overflow: visible;
    margin: 0
}

@media screen and (max-width: 767px) {
    .nbd-sidebar #tab-element .nbd-items-dropdown .content-items .content-item.type-draw .brush button .nbd-sub-dropdown {
        right: -100%;
        left: auto;
        bottom: 0;
        top: auto;
        -webkit-transform: translate(20%);
        transform: translate(20%)
    }
}

.nbd-sidebar #tab-element .nbd-items-dropdown .content-items .content-item.type-draw .brush button:focus {
    outline: none
}

.nbd-sidebar #tab-element .nbd-items-dropdown .content-items .content-item.type-draw .brush button i {
    color: #fff;
    font-size: 18px
}

.nbd-sidebar #tab-element .nbd-items-dropdown .content-items .content-item.type-draw .brush .nbd-sub-dropdown {
    top: calc(100% + 5px)
}

.nbd-sidebar #tab-element .nbd-items-dropdown .content-items .content-item.type-draw .brush .nbd-sub-dropdown:after, .nbd-sidebar #tab-element .nbd-items-dropdown .content-items .content-item.type-draw .brush .nbd-sub-dropdown:before {
    display: none
}

.nbd-sidebar #tab-element .nbd-items-dropdown .content-items .content-item.type-draw .brush .nbd-sub-dropdown ul {
    margin: 5px 0;
    list-style-type: none;
    max-height: 220px;
    min-width: 105px
}

.nbd-sidebar #tab-element .nbd-items-dropdown .content-items .content-item.type-draw .brush .nbd-sub-dropdown ul li {
    padding: 3px 10px;
    text-align: left;
    line-height: normal
}

.nbd-sidebar #tab-element .nbd-items-dropdown .content-items .content-item.type-draw .brush .nbd-sub-dropdown ul li:hover {
    background-color: #404762
}

.nbd-sidebar #tab-element .nbd-items-dropdown .content-items .content-item.type-draw .brush .nbd-sub-dropdown ul li:hover span {
    color: #fff
}

.nbd-sidebar #tab-element .nbd-items-dropdown .content-items .content-item.type-draw .brush .nbd-sub-dropdown ul li span {
    font-size: 12px;
    text-transform: capitalize
}

.nbd-sidebar #tab-element .nbd-items-dropdown .content-items .content-item.type-qrcode .main-input {
    padding: 0 10px
}

.nbd-sidebar #tab-element .nbd-items-dropdown .content-items .content-item.type-qrcode .main-input input {
    width: 100%;
    padding: 5px 10px;
    margin: 10px 0 30px
}

.nbd-sidebar #tab-element .nbd-items-dropdown .content-items .content-item.type-qrcode button {
    text-transform: uppercase;
    margin-bottom: 20px
}

.nbd-sidebar #tab-element .nbd-items-dropdown .content-items .content-item .heading-title {
    text-align: left;
    margin-bottom: 10px;
    display: block;
    font-size: 18px;
    font-weight: 500
}

.nbd-sidebar #tab-element .main-items .item .item-icon i {
    -webkit-transition: color .3s;
    transition: color .3s
}

.nbd-sidebar #tab-element .main-items .item[data-type=draw] .item-icon i {
    color: #398bf7
}

.nbd-sidebar #tab-element .main-items .item[data-type=shapes] .item-icon i {
    color: #ef5350
}

.nbd-sidebar #tab-element .main-items .item[data-type=icons] .item-icon i {
    color: #745af2
}

.nbd-sidebar #tab-element .main-items .item[data-type=lines] .item-icon i {
    color: #06d79c
}

.nbd-sidebar #tab-element .main-items .item[data-type=qr-code] .item-icon i {
    color: #263238
}

.nbd-sidebar #tab-photo .nbd-items-dropdown {
    margin-top: 0
}

.nbd-sidebar #tab-photo .tab-main {
    height: calc(100% - 70px);
    margin-top: 70px
}

.nbd-sidebar #tab-photo .result-loaded .content-items div[data-type=image-upload] {
    -webkit-transition: all .3s;
    transition: all .3s
}

.nbd-sidebar #tab-photo .result-loaded .content-items div[data-type=image-upload]:hover {
    border-color: #ccc
}

.nbd-sidebar #tab-photo .result-loaded .content-items div[data-type=image-upload] .form-upload {
    margin: 20px 0px;
    border: 1px dashed #14182414;
    border-radius: 8px;
    padding: 16px;
    pointer-events: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    flex-direction: column;
}

.nbd-sidebar #tab-photo .result-loaded .content-items div[data-type=image-upload] .form-upload i {
    pointer-events: auto;
    cursor: none;
    font-size: 40px;
    margin-right: 15px
}

.nbd-sidebar #tab-photo .result-loaded .content-items div[data-type=image-upload].accept .form-upload {
    cursor: pointer;
    opacity: 1
}

.nbd-sidebar #tab-photo .result-loaded .content-items div[data-type=image-upload].accept .form-upload i {
    cursor: pointer
}

.nbd-sidebar #tab-photo .result-loaded .content-items div[data-type=image-upload] .allow-size {
    margin-bottom: 20px
}

.nbd-sidebar #tab-photo .result-loaded .content-items div[data-type=image-upload] .allow-size span {
    display: block;
    text-align: left;
    font-size: 12px;
    line-height: 1.5
}

.nbd-sidebar #tab-photo .result-loaded .content-items div[data-type=image-upload] .nbd-term {
    padding: 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nbd-sidebar #tab-photo .result-loaded .content-items div[data-type=image-upload] .nbd-term .term-read {
    font-size: 14px;
    text-decoration: underline;
    font-weight: 700;
    cursor: pointer
}

.nbd-sidebar #tab-photo .result-loaded .content-items div[data-type=image-url] .form-group {
    padding: 0 10px
}

.nbd-sidebar #tab-photo .result-loaded .content-items div[data-type=image-url] .form-group label {
    display: block;
    text-align: left;
    margin-bottom: 10px
}

.nbd-sidebar #tab-photo .result-loaded .content-items div[data-type=image-url] .form-group .input-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.nbd-sidebar #tab-photo .result-loaded .content-items div[data-type=image-url] .form-group .input-group input {
    padding: 3px 5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: none;
    width: 100%;
    background: transparent;
}

.nbd-sidebar #tab-photo .result-loaded .content-items div[data-type=image-url] .form-group .input-group button {
    border: none;
    background-color: #141824;
    color: #fff;
    margin: 0;
    border-radius: 0px 4px 4px 0px;
    padding: 0;
}

.nbd-sidebar #tab-photo .main-items .item .item-icon i {
    -webkit-transition: color .3s;
    transition: color .3s
}

.nbd-sidebar #tab-photo .main-items .item[data-type=image-upload] .item-icon i {
    color: #ef5350
}

.nbd-sidebar #tab-photo .main-items .item[data-type=image-url] .item-icon i {
    color: #06d79c
}

.nbd-sidebar #tab-photo .main-items .item[data-type=facebook] .item-icon i {
    color: #3b5998
}

.nbd-sidebar #tab-photo .main-items .item[data-type=instagram] .item-icon i {
    color: #8a3ab9
}

.nbd-sidebar #tab-photo .main-items .item[data-type=dropbox] .item-icon i {
    color: #007ee5
}

.nbd-sidebar #tab-photo .main-items .item[data-type=webcam] .item-icon i {
    color: #398bf7
}

.nbd-sidebar #tab-photo .main-items .item[data-type=pixabay] .item-icon i, .nbd-sidebar #tab-photo .main-items .item[data-type=unsplash] .item-icon i {
    color: #000
}

.nbd-sidebar #tab-product-template .tab-main {
    margin-top: 70px;
    height: calc(100% - 70px)
}

.nbd-sidebar #tab-product-template #tab-product {
    width: 100%;
    height: 100%
}

.nbd-sidebar #tab-product-template #tab-product .tab-main .nbd-products {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 5px;
    margin-bottom: 30px
}

.nbd-sidebar #tab-product-template #tab-product .tab-main .nbd-products .nbd-product {
    width: 50%;
    padding: 10px 5px
}

.nbd-sidebar #tab-product-template #tab-product .tab-main .nbd-products .nbd-product .nbd-main-product .product-more-info {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s;
    transition: all .3s
}

.nbd-sidebar #tab-product-template #tab-product .tab-main .nbd-products .nbd-product .nbd-main-product:hover .product-more-info {
    opacity: 1;
    visibility: visible
}

.nbd-sidebar #tab-product-template #tab-product .tab-main .nbd-products .nbd-product .product-name {
    cursor: pointer;
    word-break: break-all
}

.nbd-sidebar #tab-product-template #tab-product .tab-main .nbd-products .nbd-product .nbd-product-img {
    overflow: hidden;
    cursor: pointer
}

.nbd-sidebar #tab-product-template #tab-product .tab-main .nbd-products .nbd-product .nbd-product-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff
}

.nbd-sidebar #tab-product-template #tab-product .tab-main .nbd-products .nbd-product .nbd-product-info .product-more-info {
    border-radius: 50%
}

.nbd-sidebar #tab-product-template #tab-template {
    display: none;
    width: 100%;
    height: 100%;
    position: relative;
    padding: 0 5px
}

.nbd-sidebar #tab-product-template #tab-template .close-template {
    position: absolute;
    top: 0;
    right: 10px;
    font-size: 24px;
    z-index: 9
}

.nbd-sidebar #tab-product-template #tab-template .nbd-items-dropdown .main-items .items .item {
    width: 50%
}

.nbd-sidebar #tab-product-template #tab-template .nbd-items-dropdown .main-items .item-info {
    background-color: #fff
}

.nbd-sidebar #tab-product-template.template-show #tab-product {
    display: none
}

.nbd-sidebar #tab-product-template.template-show #tab-template {
    display: block
}

.nbd-sidebar .nbd-sidebar-preview {
    min-width: 250px;
    max-width: 420px;
    height: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12);
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    display: none
}

.nbd-sidebar .nbd-sidebar-preview.show {
    display: block
}

.nbd-sidebar .nbd-sidebar-preview .main-preview {
    height: calc(100% - 42px)
}

.nbd-sidebar .nbd-sidebar-preview .preview-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px;
    border-bottom: 1px solid #ccc
}

.nbd-sidebar .nbd-sidebar-preview .preview-head i {
    font-size: 24px
}

.nbd-sidebar .nbd-sidebar-preview .preview-body {
    border-bottom: 1px solid #ccc;
    padding: 20px 10px
}

.nbd-sidebar .nbd-sidebar-preview .preview-body span {
    display: block
}

.nbd-sidebar .nbd-sidebar-preview .preview-body span.product-name {
    font-size: 24px;
    margin: 20px 0 10px
}

.nbd-sidebar .nbd-sidebar-preview .preview-footer .main-footer {
    padding: 0 10px;
    margin: 15px 0 30px
}

.nbd-sidebar .nbd-sidebar-preview .preview-footer .main-footer .nbd-button {
    border-radius: 2px
}

.nbd-sidebar .nbd-items-dropdown {
    margin-bottom: 30px
}

.nbd-sidebar .nbd-items-dropdown .main-items {
    position: relative
}

.nbd-sidebar .nbd-items-dropdown .main-items.active-expanded .pointer {
    display: block
}

.nbd-sidebar .nbd-items-dropdown .main-items .items {
    position: relative
}

.nbd-sidebar .nbd-items-dropdown .main-items .items .item {
    position: absolute;
    width: 33.33%;
    padding: 10px
}

.nbd-sidebar .nbd-items-dropdown .main-items .items .item .main-item {
    border: 1px solid #ebebeb;
    cursor: pointer
}

.nbd-sidebar .nbd-items-dropdown .main-items .items .item .main-item .item-icon {
    -webkit-transition: all .3s;
    transition: all .3s
}

.nbd-sidebar .nbd-items-dropdown .main-items .items .item .main-item .item-icon:hover {
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23)
}

.nbd-sidebar .nbd-items-dropdown .main-items .items .item .item-img {
    overflow: hidden;
    height: 82px
}

.nbd-sidebar .nbd-items-dropdown .main-items .items .item .item-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 5px;
    background-color: transparent;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nbd-sidebar .nbd-items-dropdown .main-items .items .item .item-info .item-name, .nbd-sidebar .nbd-items-dropdown .main-items .items .item .item-info .product-name {
    cursor: pointer;
    font-size: 12px;
    word-break: break-all;
    color: #404762
}

.nbd-sidebar .nbd-items-dropdown .main-items .pointer {
    position: absolute;
    z-index: 2;
    display: none;
    width: 10px;
    bottom: -5px;
    height: 10px;
    margin: 14px 0 0 -8px;
    border-top: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: border-color .3s linear;
    transition: border-color .3s linear;
    background-color: #d0d6dd
}

.nbd-sidebar .nbd-items-dropdown .result-loaded {
    padding-top: 20px;
    margin: 0 10px;
    overflow: hidden;
    display: none;
    position: relative
}

.nbd-sidebar .nbd-items-dropdown .result-loaded.loaded {
    border-top: 1px solid #ebebeb
}

.nbd-sidebar .nbd-items-dropdown .result-loaded.loaded .content-items {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.nbd-sidebar .nbd-items-dropdown .result-loaded .content-items {
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    opacity: 0;
    -webkit-transition: all .5s;
    transition: all .5s
}

.nbd-sidebar .nbd-items-dropdown .result-loaded .content-items .content-item {
    display: none
}

.nbd-sidebar .nbd-items-dropdown .result-loaded .nbdesigner-gallery .nbdesigner-item {
    width: 33.33%;
    padding: 2px;
    opacity: 0;
    z-index: 3;
    cursor: pointer;
    visibility: hidden
}

.nbd-sidebar .nbd-items-dropdown .result-loaded .nbdesigner-gallery .nbdesigner-item.in-view {
    opacity: 1;
    visibility: visible
}

.nbd-sidebar .nbd-items-dropdown .result-loaded .nbdesigner-gallery .nbdesigner-item .photo-desc {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    -webkit-transition: all .2s;
    transition: all .2s;
    bottom: 2px;
    left: 2px;
    padding: 2px 10px;
    display: block;
    width: calc(100% - 4px);
    text-align: left;
    background: rgba(0, 0, 0, .3);
    color: #fff;
    font-size: 12px
}

.nbd-sidebar .nbd-items-dropdown .result-loaded .nbdesigner-gallery .nbdesigner-item:hover .photo-desc {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.nbd-sidebar .nbd-items-dropdown .loading-photo {
    position: absolute;
    z-index: 99;
    left: 50%;
    display: none;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.nbd-sidebar .nbd-items-dropdown .loading-photo img {
    width: 40px;
    margin-bottom: 20px
}

.nbd-sidebar .nbd-items-dropdown .info-support {
    position: fixed;
    top: 150px;
    width: 345px;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 99;
    visibility: hidden;
    opacity: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.nbd-sidebar .nbd-items-dropdown .info-support.show {
    visibility: visible;
    opacity: 1
}

.nbd-sidebar .nbd-items-dropdown .info-support i, .nbd-sidebar .nbd-items-dropdown .info-support span {
    padding: 3px 10px;
    background: #000;
    color: #fff
}

.nbd-sidebar .nbd-items-dropdown .info-support span {
    padding: 3px 20px;
    margin: auto;
    font-size: 18px;
    display: inline-block
}

.nbd-sidebar .nbd-items-dropdown .info-support i.close-result-loaded {
    display: inline-block;
    position: absolute;
    top: 3px;
    right: 13px;
    font-size: 25px;
    padding: 0 2px;
    cursor: pointer
}

#selectedTab {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 75px;
    height: 75px;
    background-color: #d0d6dd;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: transform .4s ease-out;
    -webkit-transition: -webkit-transform .4s ease-out;
    transition: -webkit-transform .4s ease-out;
    transition: transform .4s ease-out;
    transition: transform .4s ease-out, -webkit-transform .4s ease-out
}

@media screen and (max-width: 767px) {
    #selectedTab {
        display: none
    }
}

ul[data-tab=tab-1] #selectedTab {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

ul[data-tab=tab-2] #selectedTab {
    -webkit-transform: translateY(75px);
    transform: translateY(75px)
}

ul[data-tab=tab-3] #selectedTab {
    -webkit-transform: translateY(150px);
    transform: translateY(150px)
}

ul[data-tab=tab-4] #selectedTab {
    -webkit-transform: translateY(225px);
    transform: translateY(225px)
}

ul[data-tab=tab-5] #selectedTab {
    -webkit-transform: translateY(300px);
    transform: translateY(300px)
}

ul[data-tab=tab-6] #selectedTab {
    -webkit-transform: translateY(375px);
    transform: translateY(375px)
}

ul[data-tab=tab-7] #selectedTab {
    -webkit-transform: translateY(450px);
    transform: translateY(450px)
}

.nbd-toolbar-zoom {
    position: absolute;
    bottom: 20px;
    right: 30px
}

@media screen and (max-width: 767px) {
    .nbd-toolbar-zoom {
        bottom: 75px;
        display: none
    }
}

.nbd-toolbar-zoom .zoomer-toolbar .nbd-main-menu {
    border-radius: 60px;
    background-color: #fff;
    -webkit-box-shadow: 1px 0 10px rgba(0, 0, 0, .08);
    box-shadow: 1px 0 10px rgba(0, 0, 0, .08);
    border: none
}

.nbd-toolbar-zoom .zoomer-toolbar .nbd-main-menu .menu-item {
    padding: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nbd-toolbar-zoom .zoomer-toolbar .nbd-main-menu .menu-item i {
    font-size: 24px
}

.nbd-toolbar-zoom .zoomer-toolbar .nbd-main-menu .menu-item.zoomer-fullscreen {
    border-right: 1px solid #ebebeb
}

.nbd-toolbar-zoom .zoomer-toolbar .nbd-main-menu .menu-item.zoomer-level {
    position: relative
}

.nbd-toolbar-zoom .zoomer-toolbar .nbd-main-menu .menu-item.zoomer-level span {
    font-size: 14px;
    font-weight: 500
}

.nbd-toolbar-zoom .zoomer-toolbar .nbd-main-menu .menu-item.zoomer-level .sub-menu {
    min-width: auto;
    top: -15px;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    -webkit-box-shadow: 1px 0 10px rgba(0, 0, 0, .08);
    box-shadow: 1px 0 10px rgba(0, 0, 0, .08)
}

.nbd-toolbar-zoom .zoomer-toolbar .nbd-main-menu .menu-item.zoomer-level .sub-menu:after, .nbd-toolbar-zoom .zoomer-toolbar .nbd-main-menu .menu-item.zoomer-level .sub-menu:before {
    -webkit-transform: translateX(-50%) rotate(-180deg);
    transform: translateX(-50%) rotate(-180deg);
    bottom: -14px;
    top: auto
}

.nbd-toolbar-zoom .zoomer-toolbar .nbd-main-menu .menu-item.zoomer-level .sub-menu .zoomer-popover-list {
    margin: 10px 0
}

.nbd-toolbar-zoom .zoomer-toolbar .nbd-main-menu .menu-item.zoomer-level .sub-menu .zoomer-popover-item {
    font-size: 13px;
    padding: 5px 40px 5px 15px;
    cursor: pointer
}

.nbd-toolbar-zoom .zoomer-toolbar .nbd-main-menu .menu-item.zoomer-level .sub-menu .zoomer-popover-item.active {
    position: relative
}

.nbd-toolbar-zoom .zoomer-toolbar .nbd-main-menu .menu-item.zoomer-level .sub-menu .zoomer-popover-item.active:before {
    font-family: online-design !important;
    content: "\E92D";
    position: absolute;
    top: 4px;
    right: 10px;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    font-size: 18px
}

.nbd-toolbar-zoom .zoomer-toolbar .nbd-main-menu .menu-item.zoomer-level .sub-menu .zoomer-popover-item:hover {
    background-color: hsla(0, 0%, 62%, .2)
}

.nbd-stages {
    position: relative;
    height: 100%
}

.nbd-stages .stages-inner {
    height: 100%;
    display: flex;
    flex-direction: column-reverse;
    gap: 12px;
}

.nbd-stages .stage {
    padding: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 767px) {
    .nbd-stages .stage {
        padding: 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.nbd-stages .stage .stage-main {
    width: 410px;
    height: 410px;
    -webkit-box-shadow: 1px 0 10px rgba(0, 0, 0, .08);
    box-shadow: 1px 0 10px rgba(0, 0, 0, .08);
    position: relative;
    background-color: #fff;
    margin: auto 0
}

@media screen and (max-width: 767px) {
    .nbd-stages .stage .stage-main {
        width: 100%;
        margin: 0 0 25px
    }
}

.nbd-stages .stage .page-toolbar {
    width: 40px;
    position: absolute;
    top: calc(50% + 30px);
    right: -40px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: unset;
    margin: 0
}

@media screen and (max-width: 767px) {
    .nbd-stages .stage .page-toolbar {
        height: auto;
        width: auto;
        background-color: #fff;
        -webkit-transform: none;
        transform: none;
        left: 0;
        right: 0;
        bottom: -30px;
        top: auto
    }
}

.nbd-stages .stage .page-toolbar .page-main {
    height: 100%;
    text-align: center
}

@media screen and (max-width: 767px) {
    .nbd-stages .stage .page-toolbar .page-main {
        background-color: #fff;
        -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12);
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12)
    }
}

.nbd-stages .stage .page-toolbar .page-main ul {
    list-style-type: none;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.nbd-stages .stage .page-toolbar .page-main ul li {
    padding: 10px 0;
    cursor: pointer
}

.nbd-stages .stage .page-toolbar .page-main ul li:hover i {
    opacity: 1
}

.nbd-stages .stage .page-toolbar .page-main ul li.disabled:hover i {
    opacity: .5
}

.nbd-stages .stage .page-toolbar .page-main ul li i {
    font-size: 24px;
    opacity: .5
}

.nbd-stages .stage .page-toolbar .page-main ul li span {
    font-size: 18px
}

@media screen and (max-width: 767px) {
    .nbd-stages .stage .page-toolbar .page-main ul {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .nbd-stages .stage .page-toolbar .page-main ul li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 5px 10px
    }
}

.nbd-workspace {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
    min-height: calc(100vh - 120px);
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    position: relative;
    width: auto;
    clear: both;
}

.nbd-workspace .main {
    background-size: 16px;
    position: relative;
    width: calc(100vw - 420px);
    /*padding-top: 50px;*/
    left: 420px;
    top: 0;
    display: inline-block;
    height: calc(100vh - 54px)
}

@media screen and (max-width: 1023px) {
    .nbd-workspace .main {
        width: calc(100vw - 75px) !important;
        left: 75px !important;
    }
}

@media screen and (max-width: 767px) {
    .nbd-workspace .main {
        width: 98vw !important;
        left: 0px !important;
        margin: 0px auto !important;
        right: 0px !important;
        height: calc(100vh - 185px);
        z-index: 999995;
        padding-top: 0px;
        opacity: 0;
        visibility: hidden
    }

    .nbd-workspace .main.active {
        opacity: 1;
        visibility: visible
    }

    .container-fluid#designer-controller {
        /*padding: 0px !important;*/
    }
}

.nbd-workspace .main-ranges {
    display: table
}

.nbd-workspace .main-ranges .range {
    display: table-row;
    height: 30px
}

.nbd-workspace .main-ranges .range label {
    display: table-cell;
    padding-right: 10px;
    text-align: right;
    text-transform: capitalize;
    white-space: nowrap;
    font-weight: 400;
    font-size: 12px
}

.nbd-workspace .main-ranges .range .main-track {
    display: table-cell;
    position: relative;
    width: 100%
}

.nbd-workspace .main-ranges .range .main-track .slide-input {
    background-color: transparent;
    border: none;
    height: 7px;
    outline: none;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    margin: 4px 0 0;
    -webkit-appearance: none
}

.nbd-workspace .main-ranges .range .main-track .slide-input::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #404762;
    cursor: pointer
}

@media screen and (max-width: 767px) {
    .nbd-workspace .main-ranges .range .main-track .slide-input::-webkit-slider-thumb {
        width: 20px;
        height: 20px
    }
}

.nbd-workspace .main-ranges .range .main-track .slide-input::-moz-range-thumb {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #404762;
    cursor: pointer
}

@media screen and (max-width: 767px) {
    .nbd-workspace .main-ranges .range .main-track .slide-input::-moz-range-thumb {
        width: 20px;
        height: 20px
    }
}

.nbd-workspace .main-ranges .range .main-track .range-track {
    background-color: #aaa;
    height: 2px;
    position: absolute;
    top: 7px;
    left: 0;
    width: 100%
}

.nbd-workspace .main-ranges .range .main-track .snap-guide {
    position: absolute;
    border-left: 2px solid #aaa;
    left: 50%;
    top: 0;
    height: 12px;
    margin-top: 2px;
    z-index: 90
}

.nbd-workspace .main-ranges .range .value-display {
    display: table-cell;
    text-align: right;
    padding-left: 10px;
    min-width: 31px;
    font-size: 12px
}

.nbd-toolbar {
    background: #fff;
    width: calc(100% - 504px);
    position: fixed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #3f4652;
    left: 480px;
    top: 100px;
    white-space: nowrap;
    height: 50px;
    z-index: 99
}

.nbd-toolbar .main-toolbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    padding: 0 25px 0 25px
}

@media screen and (max-width: 767px) {
    .nbd-toolbar .main-toolbar.overflow-hidden {
        overflow: hidden
    }
}

@media screen and (max-width: 767px) {
    .nbd-toolbar .main-toolbar {
        overflow-x: auto;
        overflow-y: hidden
    }
}

@media screen and (max-width: 767px) {
    .nbd-toolbar .main-toolbar li.menu-item {
        position: static
    }

    .nbd-toolbar .main-toolbar li.menu-item .sub-menu {
        left: 50%;
        top: 60px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .nbd-toolbar .main-toolbar li.menu-item .sub-menu:after, .nbd-toolbar .main-toolbar li.menu-item .sub-menu:before {
        display: none;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.nbd-toolbar .main-toolbar li.menu-item.item-color-fill {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2px 5px;
    margin: 0 5px
}

@media screen and (max-width: 1023px) {
    .nbd-toolbar {
        width: calc(100vw - 75px);
        left: 75px
    }
}

@media screen and (max-width: 767px) {
    .nbd-toolbar {
        width: 100vw;
        left: 0
    }
}

.nbd-toolbar ul {
    margin-bottom: 0;
    padding-left: 0
}

.nbd-toolbar .toolbar-common {
    border-left: 1px solid #ebebeb
}

.nbd-toolbar .toolbar-common .nbd-main-menu li.menu-item {
    padding: 2px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nbd-toolbar .toolbar-common .nbd-main-menu li.menu-item i {
    font-size: 24px;
    text-align: center
}

.nbd-toolbar .toolbar-common .nbd-main-menu li.menu-item.item-stack .sub-menu {
    min-width: 300px
}

.nbd-toolbar .toolbar-common .nbd-main-menu li.menu-item.item-stack .sub-menu ul {
    display: block;
    margin: 10px 0
}

.nbd-toolbar .toolbar-common .nbd-main-menu li.menu-item.item-stack .sub-menu ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nbd-toolbar .toolbar-common .nbd-main-menu li.menu-item.item-stack .sub-menu ul li:hover {
    background-color: hsla(0, 0%, 62%, .2)
}

.nbd-toolbar .toolbar-common .nbd-main-menu li.menu-item.item-stack .sub-menu ul li i {
    margin-right: 10px
}

.nbd-toolbar .toolbar-common .nbd-main-menu li.menu-item.item-stack .sub-menu ul li span.keyboard {
    margin-left: auto
}

.nbd-toolbar .toolbar-common .nbd-main-menu li.menu-item.item-position {
    padding: 2px 12px
}

.nbd-toolbar .toolbar-common .nbd-main-menu li.menu-item.item-position .sub-menu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 5px 5px 10px
}

.nbd-toolbar .toolbar-common .nbd-main-menu li.menu-item.item-position .sub-menu ul li {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 25%;
    flex: 1 1 25%
}

.nbd-toolbar .toolbar-common .nbd-main-menu li.menu-item.item-position .sub-menu ul li.title {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
}

.nbd-toolbar .toolbar-common .nbd-main-menu li.menu-item.item-position .sub-menu ul li i {
    font-size: 24px;
    cursor: pointer
}

.nbd-toolbar .toolbar-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nbd-toolbar .toolbar-text .nbd-main-menu.menu-right {
    border-left: 1px solid #ebebeb
}

.nbd-toolbar .toolbar-text .nbd-main-menu.menu-right .menu-item {
    padding: 2px 7px;
    margin: 0 4px;
    border: 1px solid transparent;
    border-radius: 2px
}

.nbd-toolbar .toolbar-text .nbd-main-menu.menu-right .menu-item i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: normal;
    height: 24px
}

.nbd-toolbar .toolbar-text .nbd-main-menu.menu-right .menu-item:not(:first-child):hover {
    border-color: #ebebeb
}

.nbd-toolbar .toolbar-text .nbd-main-menu.menu-right .menu-item.selected {
    background-color: #ebebeb
}

.nbd-toolbar .toolbar-text .nbd-main-menu.menu-right .sub-menu {
    min-width: auto
}

.nbd-toolbar .toolbar-text .nbd-main-menu.menu-right .sub-menu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin: 5px 0
}

.nbd-toolbar .toolbar-text .nbd-main-menu.menu-right .sub-menu ul li {
    width: auto;
    cursor: pointer
}

.nbd-toolbar .toolbar-text .nbd-main-menu.menu-right .sub-menu ul li:hover {
    background-color: hsla(0, 0%, 62%, .2)
}

.nbd-toolbar .toolbar-text .nbd-main-menu.menu-right .sub-menu ul li i {
    font-size: 24px
}

.nbd-toolbar .toolbar-text .nbd-main-menu.menu-right .item-spacing .sub-menu {
    min-width: 250px
}

.nbd-toolbar .toolbar-text .nbd-main-menu.menu-left {
    border-right: 1px solid #ebebeb;
    padding-right: 10px
}

.nbd-toolbar .toolbar-text .nbd-main-menu.menu-left .menu-item {
    padding: 0;
    margin: 0 10px
}

.nbd-toolbar .toolbar-text .nbd-main-menu.menu-left .menu-item.active .toolbar-bottom {
    border: 1px solid #ebeced;
    background-color: #ebebeb
}

.nbd-toolbar .toolbar-text .nbd-main-menu.menu-left .menu-item .toolbar-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-width: 150px;
    height: 30px;
    color: #3f4652;
    border-radius: 2px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2px 10px;
    font-size: 14px;
    outline: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 500;
    background-color: #fff;
    border: 1px solid #fff;
    -webkit-transition: all .4s;
    transition: all .4s
}

.nbd-toolbar .toolbar-text .nbd-main-menu.menu-left .menu-item .toolbar-bottom input {
    background-color: transparent
}

.nbd-toolbar .toolbar-text .nbd-main-menu.menu-left .menu-item .toolbar-bottom.active, .nbd-toolbar .toolbar-text .nbd-main-menu.menu-left .menu-item .toolbar-bottom:hover {
    border: 1px solid #ebeced
}

.nbd-toolbar .toolbar-text .nbd-main-menu.menu-left .menu-item .toolbar-bottom i.icon-nbd {
    font-size: 12px;
    margin-left: 10px
}

.nbd-toolbar .toolbar-text .nbd-main-menu.menu-left .menu-item .toolbar-bottom span {
    font-size: 14px
}

.nbd-toolbar .toolbar-text .nbd-main-menu.menu-left .menu-item .toolbar-bottom .toolbar-label-font {
    line-height: 1
}

.nbd-toolbar .toolbar-text .nbd-main-menu.menu-left .menu-item .toolbar-input {
    width: 30px;
    border: none;
    outline: none
}

.nbd-toolbar .toolbar-text .nbd-main-menu.menu-left .menu-item .sub-menu > div {
    position: relative;
    max-height: 220px;
    overflow: hidden
}

.nbd-toolbar .toolbar-text .nbd-main-menu.menu-left .menu-item .sub-menu > div ul li {
    padding: 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nbd-toolbar .toolbar-text .nbd-main-menu.menu-left .menu-item .sub-menu > div ul li.chosen, .nbd-toolbar .toolbar-text .nbd-main-menu.menu-left .menu-item .sub-menu > div ul li:hover {
    background-color: #ebebeb
}

.nbd-toolbar .toolbar-text .nbd-main-menu.menu-left .menu-item.item-font-size .toolbar-bottom {
    min-width: 70px
}

.nbd-toolbar .toolbar-text .nbd-main-menu.menu-left .menu-item.item-font-size .sub-menu {
    min-width: 100px
}

.nbd-toolbar .toolbar-text .nbd-main-menu.menu-left .menu-item.item-font-size .sub-menu ul li {
    padding: 10px
}

.nbd-toolbar .toolbar-text .nbd-main-menu.menu-left .menu-item.item-font-size .sub-menu ul li i {
    font-size: 21px
}

.nbd-toolbar .toolbar-text #toolbar-font-size-dropdown {
    margin: 10px 0
}

.nbd-toolbar .toolbar-text .item-edit-text {
    display: none
}

@media screen and (max-width: 768px) {
    .nbd-toolbar .toolbar-text .item-edit-text {
        display: block
    }
}

.nbd-toolbar .toolbar-menu-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.nbd-toolbar .toolbar-menu-header .toolbar-header-line {
    background-color: rgba(63, 70, 82, .15);
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    height: 1px;
    margin: auto
}

.nbd-toolbar .toolbar-menu-header .toolbar-separator {
    color: rgba(63, 70, 82, .4);
    font-size: 12px;
    font-weight: 500;
    margin: 8px 15px;
    min-width: 40px;
    text-align: center;
    text-transform: uppercase
}

.nbd-toolbar .toolbar-font-search {
    margin-top: 10px;
    padding: 10px 15px
}

.nbd-toolbar .toolbar-font-search input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border-radius: 2px;
    outline: none;
    padding: 5px 10px;
    border: 1px solid #ebebeb
}

.nbd-toolbar .toolbar-font-search input:focus {
    border-color: #ddd
}

.nbd-toolbar #toolbar-font-familly-dropdown {
    margin-bottom: 10px
}

.nbd-toolbar .toolbar-image .menu-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4px 0;
    margin: 0 10px
}

.nbd-toolbar .toolbar-image .menu-item i {
    margin-right: 5px
}

.nbd-toolbar .toolbar-image .filter-presets {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nbd-toolbar .toolbar-image .filter-presets .filter-scroll {
    padding: 0;
    cursor: pointer
}

.nbd-toolbar .toolbar-image .filter-presets .filter-scroll.disable i {
    opacity: .2
}

.nbd-toolbar .toolbar-image .filter-presets .filter-scroll:hover i {
    color: #404762
}

.nbd-toolbar .toolbar-image .filter-presets .filter-scroll i {
    font-size: 28px
}

.nbd-toolbar .toolbar-image .filter-presets .filter-scroll.scrollLeft {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.nbd-toolbar .toolbar-image .filter-presets .filter-scroll.scrollRight {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.nbd-toolbar .toolbar-image .filter-presets .container-presets {
    padding: 8px 0
}

.nbd-toolbar .toolbar-image .filter-presets .container-presets .main-presets {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 342px
}

@media screen and (max-width: 767px) {
    .nbd-toolbar .toolbar-image .filter-presets .container-presets .main-presets {
        width: 280px;
        overflow-x: auto;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap
    }

    .nbd-toolbar .toolbar-image .filter-presets .container-presets .main-presets::-webkit-scrollbar {
        display: none
    }
}

.nbd-toolbar .toolbar-image .filter-presets .container-presets .main-presets .preset {
    -webkit-transition: all .1s;
    transition: all .1s;
    padding: 4px;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.nbd-toolbar .toolbar-image .filter-presets .container-presets .main-presets .preset.active .image {
    border: 2px solid #404762;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.nbd-toolbar .toolbar-image .filter-presets .container-presets .main-presets .preset .image {
    padding: 2px;
    width: 62px;
    cursor: pointer
}

.nbd-toolbar .toolbar-image .filter-presets .container-presets .main-presets .preset .title {
    text-align: center;
    font-size: 9px;
    font-weight: 300;
    text-transform: uppercase;
    display: block;
    padding: 2px 0 0;
    margin: 0 -2px;
    overflow: hidden;
    text-overflow: ellipsis
}

.nbd-toolbar .toolbar-image .filter-ranges {
    padding: 20px 10px
}

.nbd-main-product .nbd-shadow-1dp {
    background: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all .4s;
    transition: all .4s
}

.nbd-main-product .nbd-shadow-1dp:hover {
    -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .2), 0 4px 20px 0 rgba(0, 0, 0, .19);
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .2), 0 4px 20px 0 rgba(0, 0, 0, .19)
}

.box-curved-reverse {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.box-curved-reverse span {
    margin-right: 10px
}

.close-submenu {
    position: absolute;
    top: 2px;
    right: 5px;
    font-size: 21px !important;
    cursor: pointer
}

.nbd-context-menu {
    /*position: fixed;*/
    /*top: 17%;*/
    /*left: 33%;*/
    position: absolute;
    top: 45px;
    left: auto;
    width: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14)
}

@media screen and (max-width: 767px) {
    .nbd-context-menu {
        display: none
    }
}

.nbd-context-menu .main-context .contexts {
    list-style-type: none;
    display: inline-block;
    margin: 10px 0
}

.nbd-context-menu .main-context .contexts .context-item {
    /*width: 100%;*/
    /*display: -webkit-box;*/
    /*display: -ms-flexbox;*/
    /*display: flex;*/
    /*-webkit-box-pack: start;*/
    /*-ms-flex-pack: start;*/
    /*justify-content: flex-start;*/
    /*-webkit-box-align: center;*/
    /*-ms-flex-align: center;*/
    /*align-items: center;*/
    padding: 0 10px;
    font-size: 13px;
    line-height: 36px;
    cursor: pointer;
    display: inline-block;
}

.nbd-context-menu .main-context .contexts .context-item:hover {
    background-color: hsla(0, 0%, 62%, .2)
}

.nbd-context-menu .main-context .contexts .context-item i {
    font-size: 15px;
    width: 15px ;
    display: inline-block;
    margin-right: 5px
}

.nbd-context-menu .main-context .contexts .separator {
    margin-top: 4px;
    margin-bottom: 4px;
    height: 1px;
    min-height: 1px;
    max-height: 1px;
    width: 100%;
    background-color: #ebebeb;
    display: none;
}

.nbd-warning {
    position: absolute;
    top: 10px;
    right: 10px;
    min-width: 100px;
    max-width: 350px;
    border-radius: 2px;
    background-color: transparent
}

@media screen and (max-width: 767px) {
    .nbd-warning {
        display: none
    }
}

.nbd-warning .main-warning {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 5px;
    background-color: #fff;
    -webkit-box-shadow: 1px 0 10px rgba(0, 0, 0, .08);
    box-shadow: 1px 0 10px rgba(0, 0, 0, .08);
    visibility: hidden;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    opacity: 0;
    z-index: -1;
    -webkit-transition: all .3s;
    transition: all .3s;
    padding: 5px
}

.nbd-warning .main-warning.nbd-show {
    visibility: visible;
    opacity: 1;
    z-index: 9999999;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.nbd-warning .main-warning i {
    padding: 5px;
    font-size: 21px
}

.nbd-warning .main-warning .warning {
    color: #de9309
}

.nbd-warning .main-warning .title-warning {
    padding: 0 5px;
    font-size: 12px;
    margin-right: auto
}

.nbd-warning .main-warning .close-warning {
    cursor: pointer
}

.nbd-guideline-notation {
    top: 120px;
    left: 5px;
    white-space: nowrap;
    position: absolute;
    z-index: 2;
    background: #fff;
    padding: 15px 15px 5px;
    pointer-events: none;
    -webkit-box-shadow: 1px 0 10px rgba(0, 0, 0, .08);
    box-shadow: 1px 0 10px rgba(0, 0, 0, .08)
}

@media screen and (max-width: 767px) {
    .nbd-guideline-notation {
        display: none
    }
}

.nbd-guideline-notation .notation-guiline {
    width: 30px;
    height: 0;
    border-top-width: 2px;
    border-top-style: solid;
    vertical-align: middle;
    display: inline-block;
    margin-right: 10px
}

.nbd-tool-lock {
    position: absolute;
    top: 10px;
    right: 10px
}

@media screen and (max-width: 767px) {
    .nbd-tool-lock {
        display: none
    }
}

.nbd-tool-lock .main-tool-lock {
    padding: 10px
}

.nbd-tool-lock ul {
    list-style: none
}

.nbd-tool-lock .items-lock {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.nbd-tool-lock .items-lock, .nbd-tool-lock .items-lock .item-lock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nbd-tool-lock .items-lock .item-lock {
    padding: 10px;
    background: #fff;
    width: 30px;
    height: 30px;
    margin-bottom: 5px;
    cursor: pointer;
    border-radius: 2px;
    -webkit-box-shadow: 1px 0 10px rgba(0, 0, 0, .08);
    box-shadow: 1px 0 10px rgba(0, 0, 0, .08)
}

.nbd-tool-lock .items-lock .item-lock.active i {
    color: #ef5350
}

.nbd-tool-lock .items-lock .item-lock:last-child {
    margin-bottom: 0
}

.nbd-tool-lock .items-lock .item-lock i {
    font-size: 14px
}

.nbd-tool-lock .items-lock .item-lock i.horizontal {
    position: relative
}

.nbd-tool-lock .items-lock .item-lock i.horizontal sub {
    position: absolute;
    top: 10px
}

.nbd-signal {
    position: absolute;
    bottom: 15px;
    left: 5px;
    height: 20px
}

@media screen and (max-width: 767px) {
    .nbd-signal {
        display: none
    }
}

.nbd-signal a {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-text-decoration-line: none;
    text-decoration-line: none
}

.nbd-signal .contents-wrapper, .nbd-signal a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nbd-signal .contents-wrapper {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.nbd-signal .contents-wrapper .contents {
    padding-left: 5px;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    white-space: nowrap;
    width: 0;
    -webkit-transition: width 1s ease-in-out, padding-left 1s ease-in-out, padding-right 1s ease-in-out;
    transition: width 1s ease-in-out, padding-left 1s ease-in-out, padding-right 1s ease-in-out
}

.nbd-signal .contents, .nbd-signal .signal-logo {
    overflow: hidden;
    height: 20px
}

.nbd-signal .signal-logo {
    padding: 0
}

.nbd-signal .signal-logo:hover + .contents-wrapper .contents {
    width: 100%
}

.nbd-bgTour {
    position: absolute;
    z-index: 99999;
    background: #1e2630;
    opacity: .7
}

.nbd-bgTour.nbd-show {
    display: block
}

.nbd-bgTour.bgTour-top {
    top: 0;
    bottom: auto;
    left: 0;
    right: 0
}

.nbd-bgTour.bgTour-bottom {
    top: auto;
    bottom: 0;
    left: 0;
    right: 0
}

.nbd-bgTour.bgTour-left {
    top: 0;
    bottom: auto;
    right: auto;
    left: 0
}

.nbd-bgTour.bgTour-right {
    top: 0;
    bottom: auto;
    right: 0;
    left: auto
}

.nbd-tourStep {
    width: 280px;
    height: auto;
    position: absolute;
    z-index: 999999;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    font-size: 12px;
    border-radius: 5px
}

.nbd-tourStep.nbd-show {
    display: block;
    top: 100px;
    left: 10px;
    background: #fff
}

.nbd-tourStep .main-tour {
    position: relative
}

.nbd-tourStep .tour-title {
    font-weight: 700;
    margin-bottom: 10px
}

.nbd-tourStep .tour-close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 18px;
    cursor: pointer
}

.nbd-tourStep .tour-padding {
    padding: 10px
}

.nbd-tourStep .tour-footer {
    background-color: #ebebeb;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px
}

.nbd-tourStep .tour-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nbd-tourStep .tour-pagination .item-pag {
    padding: 10px
}

.nbd-tourStep .tour-pagination .tour-next, .nbd-tourStep .tour-pagination .tour-prev {
    cursor: pointer
}

.nbd-tourStep[data-pos=right] {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.nbd-tourStep-extra {
    z-index: 999998 !important;
    background: #fff !important;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.tour-start {
    position: absolute;
    bottom: 52px;
    left: 0;
    padding: 15px 15px 0;
    width: 100%;
    text-align: center
}

.tour-start i {
    font-size: 18px;
    color: #fff
}

.tour-start i:hover {
    color: #fff
}

.svg-tour {
    width: 18px;
    cursor: pointer
}

.svg-tour circle, .svg-tour path {
    fill: #fff
}

.tooltipster-borderless {
    border-radius: 5px
}

.tooltipster-borderless.tooltipster-box {
    border: none;
    background: #394264;
    border-radius: 0;
    font-size: 12px
}

.tooltipster-base {
    pointer-events: all !important
}

.tooltipster-sidetip.tooltipster-borderless .tooltipster-box {
    border: none;
    background: #404762;
    font-size: 12px;
    border-radius: 2px
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-box {
    margin-top: 4px
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-box {
    margin-right: 8px
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-box {
    margin-left: 8px
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-top .tooltipster-box {
    margin-bottom: 6px
}

.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow {
    height: 6px;
    margin-left: -4px;
    width: 12px
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-arrow, .tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow {
    height: 16px;
    margin-left: 0;
    margin-top: -8px;
    width: 8px
}

.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow-background {
    display: none
}

.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow-border {
    border: 6px solid transparent
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-arrow-border {
    border-bottom-color: #404762
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-arrow-border {
    border-left-color: #404762
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow-border {
    border-right-color: #404762
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-top .tooltipster-arrow-border {
    border-top-color: #404762
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-arrow-uncropped, .tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow-uncropped {
    top: -6px
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
    top: -2px
}

.nbd-main-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style-type: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.nbd-main-menu .item-edit .sub-menu, .nbd-main-menu .item-view .sub-menu {
    top: calc(100% + 1px)
}

.nbd-main-menu button span, .nbd-main-menu li span {
    color: #404762;
    text-transform: capitalize
}

.nbd-main-menu button.menu-item, .nbd-main-menu button span, .nbd-main-menu li.menu-item, .nbd-main-menu li span {
    font-size: 14px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.nbd-main-menu button.menu-item, .nbd-main-menu li.menu-item {
    display: inline-block;
    padding: 15px;
    line-height: normal;
    position: relative
}

.nbd-main-menu button.menu-item i.icon-nbd, .nbd-main-menu li.menu-item i.icon-nbd {
    font-size: 24px
}

.nbd-main-menu button.active .sub-menu, .nbd-main-menu li.active .sub-menu {
    z-index: 99999999;
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.nbd-main-menu button.active .sub-menu[data-pos=center], .nbd-main-menu button.active .sub-menu[data-pos=center]:after, .nbd-main-menu button.active .sub-menu[data-pos=center]:before, .nbd-main-menu li.active .sub-menu[data-pos=center], .nbd-main-menu li.active .sub-menu[data-pos=center]:after, .nbd-main-menu li.active .sub-menu[data-pos=center]:before {
    -webkit-transform: scale(1) translateX(-50%);
    transform: scale(1) translateX(-50%)
}

.nbd-main-menu .sub-menu {
    position: absolute;
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    background: #fff;
    color: #141824de;
    border-radius: 8px;
    min-width: 300px;
    box-shadow: 0px 8px 24px 0px #0000001F;
    top: calc(100% + 9px);
    cursor: auto;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    -webkit-transition: all .3s;
    transition: all .3s
}

.nbd-main-menu .sub-menu li {
    width: 100%;
    padding: 8px 16px;
    text-align: left;
    white-space: nowrap;
    display: block;
    position: relative;
    margin: 0
}

.nbd-main-menu .sub-menu li small {
    color: #14182499;
}

.nbd-main-menu .sub-menu li > .title-menu {
    position: relative;
    margin-right: 40px
}

.nbd-main-menu .sub-menu li > .title-menu:before {
    font-family: online-design !important;
    content: "\E92D";
    position: absolute;
    top: 0;
    speak: none;
    font-style: normal;
    font-weight: 400;
    right: -10px;
    -webkit-transform: translate(100%);
    transform: translate(100%);
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 18px;
    display: none
}

.nbd-main-menu .sub-menu li.active > .title-menu:before {
    display: block
}

.nbd-main-menu .sub-menu li span {
    font-size: 13px;
    text-align: left;
    white-space: nowrap
}

.nbd-main-menu .sub-menu:after {
    border: 7px solid transparent;
    border-bottom: 7px solid #fff;
    content: "";
    position: absolute;
    top: -14px;
    display: none;
}

.nbd-main-menu .sub-menu:before {
    border: 7px solid transparent;
    border-bottom: 7px solid #ebebeb;
    content: "";
    position: absolute;
    top: -15px;
    display: none;
}

.nbd-main-menu .sub-menu[data-pos=left] {
    left: -5px
}

.nbd-main-menu .sub-menu[data-pos=left]:after, .nbd-main-menu .sub-menu[data-pos=left]:before {
    left: 20px
}

.nbd-main-menu .sub-menu[data-pos=right] {
    right: 5px
}

.nbd-main-menu .sub-menu[data-pos=right]:after, .nbd-main-menu .sub-menu[data-pos=right]:before {
    right: 10px
}

.nbd-main-menu .sub-menu[data-pos=center], .nbd-main-menu .sub-menu[data-pos=center]:after, .nbd-main-menu .sub-menu[data-pos=center]:before {
    left: 50%;
    -webkit-transform: scale(.8) translateX(-50%);
    transform: scale(.8) translateX(-50%)
}

.nbd-main-menu .sub-menu .hover-menu {
    position: relative
}

@media screen and (max-width: 767px) {
    .nbd-main-menu .sub-menu .hover-menu {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .nbd-main-menu .sub-menu .hover-menu .hover-sub-menu-item {
        position: static;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: 1;
        visibility: visible;
        display: none;
        -webkit-transition: unset;
        transition: unset
    }
}

.nbd-main-menu .sub-menu .hover-menu .hover-sub-menu-item {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #fff;
    box-shadow: 0px 8px 24px 0px #0000001F;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    -webkit-transition: all .3s;
    transition: all .3s;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    color: #141824de;
}

.nbd-main-menu .sub-menu .hover-menu .hover-sub-menu-item ul {
    margin: 10px 0
}

@media screen and (max-width: 767px) {
    .nbd-main-menu .sub-menu .hover-menu .hover-sub-menu-item {
        bottom: 0;
        left: 0;
        -webkit-transform: none !important;
        transform: none !important;
        right: auto;
        top: auto
    }
}

.nbd-main-menu .sub-menu .hover-menu .hover-sub-menu-item span {
    font-size: 12px
}

.nbd-main-menu .sub-menu .hover-menu[data-animate=bottom-to-top] .hover-sub-menu-item {
    -webkit-transform: translate(100%, 50%);
    transform: translate(100%, 50%)
}

.nbd-main-menu .sub-menu .hover-menu[data-animate=top-to-bottom] .hover-sub-menu-item {
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%)
}

.nbd-main-menu .sub-menu .hover-menu[data-animate=left-to-right] .hover-sub-menu-item {
    -webkit-transform: translateX(50%);
    transform: translateX(50%)
}

.nbd-main-menu .sub-menu .hover-menu[data-animate=right-to-left] .hover-sub-menu-item {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.nbd-main-menu .sub-menu .hover-menu[data-animate=scale] .hover-sub-menu-item {
    -webkit-transform: scale(.8) translate(100%);
    transform: scale(.8) translate(100%)
}

.nbd-main-menu .sub-menu .hover-menu.show .hover-sub-menu-item {
    visibility: visible;
    opacity: 1;
    z-index: 99;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.nbd-main-menu .sub-menu .hover-menu.show[data-animate=scale] .hover-sub-menu-item {
    -webkit-transform: scale(1) translate(100%);
    transform: scale(1) translate(100%)
}

.nbd-main-menu > li[data-overlay=overlay]:after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .5);
    width: 0;
    height: 0;
    z-index: 99;
    opacity: 0;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease;
    cursor: default;
    display: none
}

.nbd-main-menu > li[data-overlay=overlay].active:after {
    opacity: 1;
    width: 100vw;
    height: 100vw
}

@media screen and (max-width: 767px) {
    .nbd-main-menu > li[data-overlay=overlay].active:after {
        height: 200vw;
        display: none
    }
}

.nbd-main-menu > li[data-overlay=overlay] .sub-menu:before {
    top: -14px
}

.nbd-load-page {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999999999;
    background: #fdfdfd
}

.nbd-load-page .loader {
    position: relative;
    margin: -50px auto 0 -50px;
    width: 100px;
    top: 50%;
    left: 50%
}

.nbd-load-page .loader:before {
    content: "";
    display: block;
    padding-top: 100%
}

.circular {
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
    height: 100%;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.circular .path {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
    animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
    stroke-linecap: round
}

@-webkit-keyframes rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px
    }
    to {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px
    }
    to {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px
    }
}

@-webkit-keyframes color {
    0%, to {
        stroke: #d62d20
    }
    40% {
        stroke: #0057e7
    }
    66% {
        stroke: #008744
    }
    80%, 90% {
        stroke: #ffa700
    }
}

@keyframes color {
    0%, to {
        stroke: #d62d20
    }
    40% {
        stroke: #0057e7
    }
    66% {
        stroke: #008744
    }
    80%, 90% {
        stroke: #ffa700
    }
}

.nbd-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all .3s;
    transition: all .3s
}

.nbd-popup .main-popup {
    pointer-events: all;
    background-color: #fff;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 42px rgba(0, 0, 0, .15);
    box-shadow: 0 0 42px rgba(0, 0, 0, .15);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    text-align: left;
    width: 525px;
    -webkit-transition: all .6s;
    transition: all .6s;
    position: relative
}

.nbd-popup.nb-show {
    opacity: 1;
    visibility: visible;
    z-index: 9999999
}

.nbd-popup[data-animate=fixed-top] {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.nbd-popup[data-animate=fixed-top] .main-popup {
    -webkit-transform: scale(.8);
    transform: scale(.8);
    -webkit-transition: all .3s;
    transition: all .3s;
    margin-top: 60px
}

.nbd-popup[data-animate=fixed-top].nb-show .main-popup {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.nbd-popup[data-animate=scale] .main-popup {
    -webkit-transform: scale(.8);
    transform: scale(.8);
    -webkit-transition: all .3s;
    transition: all .3s
}

.nbd-popup[data-animate=scale].nb-show .main-popup {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.nbd-popup[data-animate=bottom-to-top] .main-popup {
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    -webkit-transition: all .3s;
    transition: all .3s
}

.nbd-popup[data-animate=bottom-to-top].nb-show .main-popup {
    -webkit-transform: translate(0);
    transform: translate(0)
}

.nbd-popup[data-animate=top-to-bottom] .main-popup {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .3s;
    transition: all .3s
}

.nbd-popup[data-animate=top-to-bottom].nb-show .main-popup {
    -webkit-transform: translate(0);
    transform: translate(0)
}

.nbd-popup[data-animate=left-to-right] .main-popup {
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    -webkit-transition: all .3s;
    transition: all .3s
}

.nbd-popup[data-animate=left-to-right].nb-show .main-popup {
    -webkit-transform: translate(0);
    transform: translate(0)
}

.nbd-popup[data-animate=right-to-left] .main-popup {
    -webkit-transform: translate(50%);
    transform: translate(50%);
    -webkit-transition: all .3s;
    transition: all .3s
}

.nbd-popup[data-animate=right-to-left].nb-show .main-popup {
    -webkit-transform: translate(0);
    transform: translate(0)
}

.nbd-popup .close-popup {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 24px;
    cursor: pointer
}

.nbd-popup .overlay-popup {
    right: 0;
    bottom: 0
}

.nbd-popup .overlay-main, .nbd-popup .overlay-popup {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.nbd-popup .overlay-main {
    background: #fff;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .4s;
    transition: all .4s
}

.nbd-popup .overlay-main.active {
    z-index: 99;
    opacity: 1;
    visibility: visible;
    -webkit-transition: unset;
    transition: unset
}

.nbd-popup.popup-share .main-popup .head {
    text-align: center
}

.nbd-popup.popup-share .main-popup .head h2 {
    font-size: 21px;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 0;
    padding-bottom: 20px
}

.nbd-popup.popup-share .main-popup .body {
    padding-top: 20px
}

.nbd-popup.popup-share .main-popup .body .share-with {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px
}

.nbd-popup.popup-share .main-popup .body .share-with span {
    margin-right: 20px
}

.nbd-popup.popup-share .main-popup .body .share-with ul.socials {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nbd-popup.popup-share .main-popup .body .share-with ul.socials li.social {
    margin: 0 15px
}

.nbd-popup.popup-share .main-popup .body .share-with ul.socials li.social i {
    font-size: 45px;
    border-radius: 50%;
    cursor: pointer
}

.nbd-popup.popup-share .main-popup .body .share-with ul.socials li.social.facebook i {
    color: #3b5998
}

.nbd-popup.popup-share .main-popup .body .share-with ul.socials li.social.twitter i {
    color: #00aced
}

.nbd-popup.popup-share .main-popup .body .share-with ul.socials li.social.google-plus i {
    color: #d34836
}

.nbd-popup.popup-share .main-popup .body .share-content textarea {
    border: 1px solid #ebebeb;
    border-radius: 2px;
    min-height: 78px;
    resize: none;
    padding: 10px 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    width: 100%
}

.nbd-popup.popup-share .main-popup .body .share-content textarea:focus {
    border-color: #ccc
}

.nbd-popup.popup-share .main-popup .body .share-btn {
    margin-top: 20px
}

.nbd-popup.popup-share .main-popup .body .share-btn .nbd-button {
    border-radius: 2px;
    margin-left: 0;
    margin-right: 0
}

.nbd-popup.popup-webcam .main-popup {
    width: 80%;
    min-height: 500px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.nbd-popup.popup-webcam .footer {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.nbd-popup.popup-keyboard .tab-scroll {
    position: relative;
    width: 100%;
    max-height: 300px;
    overflow-y: auto;
    overflow: hidden
}

.nbd-popup.popup-keyboard .main-popup {
    padding: 0
}

.nbd-popup.popup-keyboard .main-popup .head {
    padding: 20px 20px 0;
    border-bottom: 1px solid #ebebeb
}

.nbd-popup.popup-keyboard .main-popup .body {
    padding: 20px 10px
}

.nbd-popup.popup-keyboard .main-popup .body table tr td {
    padding: 3px 0;
    font-size: 12px
}

.nbd-popup.popup-keyboard .main-popup .body table tr td.keys {
    padding-right: 10px;
    text-align: right
}

.nbd-popup.popup-keyboard .main-popup .body table tr td.keys kbd {
    display: inline-block;
    padding-left: 2px;
    height: 20px;
    border: 1px solid #ddd;
    text-align: center;
    line-height: 20px;
    padding-right: 2px;
    border-radius: 3px;
    color: #242729;
    font-size: 11px;
    margin-left: 5px;
    min-width: 22px;
    -webkit-box-shadow: 0 1px 0 rgba(12, 13, 14, .2), 0 0 0 2px #fff inset;
    box-shadow: 0 1px 0 rgba(12, 13, 14, .2), inset 0 0 0 2px #fff;
    background-color: #e1e3e5
}

.nbd-popup.popup-keyboard .main-popup .nbd-tabs {
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nbd-popup.popup-keyboard .main-popup .nbd-tabs .nbd-tab {
    padding: 5px 10px;
    cursor: pointer;
    -webkit-border-radius: 2px;
    margin-right: 5px;
    border-bottom: none;
    border-radius: 2px 2px 0 0
}

.nbd-popup.popup-keyboard .main-popup .nbd-tabs .nbd-tab.active {
    border: 1px solid #ebebeb;
    margin-bottom: -1px;
    border-bottom: 1px solid #fff
}

.nbd-popup.popup-keyboard .main-popup .nbd-tab-contents {
    min-height: 150px
}

.nbd-popup.popup-select {
    background-color: transparent
}

.nbd-popup.popup-select .close-popup, .nbd-popup.popup-select .close-popup:hover, .nbd-popup.popup-select i, .nbd-popup.popup-select i:hover {
    color: #fff
}

.nbd-popup.popup-select .main-popup {
    width: auto;
    padding: 0;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .15);
    box-shadow: 0 0 10px rgba(0, 0, 0, .15)
}

.nbd-popup.popup-select .main-popup .head {
    font-size: 21px;
    letter-spacing: .005em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 400;
    width: 100%;
    padding: 15px 20px;
    margin: 0;
    color: #fff;
    background-color: #404762
}

.nbd-popup.popup-select .main-popup .body {
    padding: 20px
}

.nbd-popup.popup-select .main-popup .body .title {
    padding-bottom: 18px;
    display: block;
    max-width: 250px
}

.nbd-popup.popup-select .main-popup .body .main-select, .nbd-popup.popup-select .main-popup .body .main-select .nbd-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.nbd-popup.popup-select .main-popup .body .main-select .nbd-button {
    margin: 0
}

.nbd-popup.popup-select .main-popup .body .main-select .nbd-button i {
    font-size: 18px
}

.nbd-popup.popup-select .main-popup .body .main-select .nbd-button.select-no {
    background-color: #787d92
}

.nbd-dropdown {
    position: relative
}

.nbd-dropdown.active .nbd-sub-dropdown {
    display: block
}

.nbd-dropdown .nbd-sub-dropdown {
    position: absolute;
    margin: 0;
    padding: 0;
    background: #fff;
    color: #3f4652;
    border-radius: 2px;
    -webkit-box-shadow: 3px 3px 8px 0 rgba(0, 0, 0, .3);
    box-shadow: 3px 3px 8px 0 rgba(0, 0, 0, .3);
    display: none;
    z-index: 10000002;
    top: calc(100% + 10px)
}

.nbd-dropdown .nbd-sub-dropdown:after {
    border: 7px solid transparent;
    border-bottom: 7px solid #fff;
    content: "";
    position: absolute;
    top: -14px
}

.nbd-dropdown .nbd-sub-dropdown:before {
    border: 7px solid transparent;
    border-bottom: 7px solid #ebebeb;
    content: "";
    position: absolute;
    top: -14px
}

.nbd-dropdown .nbd-sub-dropdown[data-pos=left] {
    left: -5px
}

.nbd-dropdown .nbd-sub-dropdown[data-pos=left]:after, .nbd-dropdown .nbd-sub-dropdown[data-pos=left]:before {
    left: 20px
}

.nbd-dropdown .nbd-sub-dropdown[data-pos=right] {
    right: 5px
}

.nbd-dropdown .nbd-sub-dropdown[data-pos=right]:after, .nbd-dropdown .nbd-sub-dropdown[data-pos=right]:before {
    right: 10px
}

.nbd-dropdown .nbd-sub-dropdown[data-pos=center], .nbd-dropdown .nbd-sub-dropdown[data-pos=center]:after, .nbd-dropdown .nbd-sub-dropdown[data-pos=center]:before {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.nbd-toasts {
    position: fixed;
    bottom: 0;
    left: 20px;
    color: #fff;
    border-radius: 2px;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    -webkit-transition: all .3s;
    transition: all .3s;
    min-width: 250px
}

@media screen and (max-width: 767px) {
    .nbd-toasts {
        display: none
    }
}

.nbd-toasts.nbd-show {
    opacity: 1;
    visibility: visible;
    z-index: 99999999;
    bottom: 10px
}

.nbd-toasts .toast {
    margin-bottom: 10px;
    background: #404762;
    padding: 10px 45px 10px 20px;
    position: relative
}

.nbd-toasts .toast span {
    color: #fff
}

.nbd-toasts .toast i {
    color: #fff;
    font-size: 21px;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer
}

.nbd-sp.sp-container {
    background-color: #fff;
    border: 1px solid transparent;
    -webkit-box-shadow: 1px 0 10px rgba(0, 0, 0, .08);
    box-shadow: 1px 0 10px rgba(0, 0, 0, .08)
}

.nbd-sp.sp-container .sp-picker-container {
    border-left: none
}

.nbd-sp.sp-container .sp-picker-container .sp-color, .nbd-sp.sp-container .sp-picker-container .sp-hue {
    cursor: crosshair
}

.nbd-sp.sp-container .sp-picker-container .sp-dragger {
    width: 7px;
    height: 7px
}

.nbd-sp.sp-container .sp-picker-container .sp-input {
    border: 1px solid #ebebeb
}

.nbd-sp.sp-container .sp-picker-container .sp-input:active, .nbd-sp.sp-container .sp-picker-container .sp-input:focus {
    border-color: #ccc
}

.nbd-sp.sp-container .sp-picker-container .sp-choose {
    color: #fff;
    background-image: none;
    background-color: #404762;
    border: none;
    border-radius: 2px;
    -webkit-transition: -webkit-box-shadow .3s;
    transition: -webkit-box-shadow .3s;
    transition: box-shadow .3s;
    transition: box-shadow .3s, -webkit-box-shadow .3s;
    padding: 10px 15px
}

.nbd-sp.sp-container .sp-picker-container .sp-choose:hover {
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.nbd-sp.sp-container .sp-picker-container .sp-clear, .nbd-sp.sp-container .sp-picker-container .sp-color, .nbd-sp.sp-container .sp-picker-container .sp-hue {
    border: none
}

.nbd-color-palette {
    width: 220px;
    min-width: 220px;
    position: absolute;
    right: 0;
    top: 100%;
    background-color: #fff;
    -webkit-box-shadow: 1px 0 20px rgba(0, 0, 0, .08);
    box-shadow: 1px 0 20px rgba(0, 0, 0, .08);
    display: none
}

@media screen and (max-width: 767px) {
    .nbd-color-palette {
        left: 50% !important;
        -webkit-transform: translateX(-50%) scale(1) !important;
        transform: translateX(-50%) scale(1) !important
    }
}

.nbd-color-palette.show {
    display: block
}

.nbd-color-palette .nbd-color-palette-inner {
    padding: 10px;
    position: relative
}

.nbd-color-palette .nbd-color-palette-inner:before {
    border: 7px solid transparent;
    border-bottom: 7px solid #ebebeb;
    content: "";
    position: absolute;
    top: -15px
}

@media screen and (max-width: 767px) {
    .nbd-color-palette .nbd-color-palette-inner:before {
        display: none
    }
}

.nbd-color-palette .nbd-color-palette-inner:after {
    border: 7px solid transparent;
    border-bottom: 7px solid #fff;
    content: "";
    position: absolute;
    top: -14px
}

@media screen and (max-width: 767px) {
    .nbd-color-palette .nbd-color-palette-inner:after {
        display: none
    }
}

.nbd-color-palette .nbd-color-palette-inner > div {
    margin-bottom: 25px
}

.nbd-color-palette .nbd-color-palette-inner .color-palette-label {
    font-size: 12px;
    font-weight: 500;
    margin: 0 0 10px;
    text-transform: uppercase
}

.nbd-color-palette .nbd-color-palette-inner .main-color-palette {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.nbd-color-palette .nbd-color-palette-inner .main-color-palette li {
    list-style: none;
    cursor: pointer;
    width: 40px;
    height: 40px;
    -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .05), inset -1px -1px 0 rgba(0, 0, 0, .05);
    box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .05), inset -1px -1px 0 rgba(0, 0, 0, .05);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: transparent;
    background-color: currentColor;
    display: inline-block
}

.nbd-color-palette .nbd-color-palette-inner .main-color-palette li:hover {
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .75);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .75)
}

.nbd-color-palette .nbd-color-palette-inner .main-color-palette li.color-palette-add span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.nbd-color-palette .nbd-color-palette-inner .main-color-palette li.color-palette-add span .sp-replacer {
    padding: 0;
    width: 100%;
    height: 100%;
    border: none
}

.nbd-color-palette .nbd-color-palette-inner .main-color-palette li.color-palette-add span .sp-replacer:active, .nbd-color-palette .nbd-color-palette-inner .main-color-palette li.color-palette-add span .sp-replacer:hover {
    border-color: transparent
}

.nbd-color-palette .nbd-color-palette-inner .main-color-palette li.color-palette-add span .sp-replacer:after {
    content: "+";
    display: block;
    top: 2px;
    left: 2px;
    width: 40px;
    height: 40px;
    text-indent: 0;
    font-size: 28px;
    line-height: 38px;
    text-align: center;
    font-weight: 100;
    color: #111;
    z-index: 2002;
    position: absolute
}

.nbd-color-palette .nbd-color-palette-inner .main-color-palette li.color-palette-add span .sp-replacer .sp-alpha, .nbd-color-palette .nbd-color-palette-inner .main-color-palette li.color-palette-add span .sp-replacer .sp-preview, .nbd-color-palette .nbd-color-palette-inner .main-color-palette li.color-palette-add span .sp-replacer .sp-thumb-el {
    margin-right: 0;
    border: none;
    width: 100%;
    height: 100%
}

.nbd-color-palette .nbd-color-palette-inner .main-color-palette li.color-palette-add span .sp-replacer .sp-dd {
    display: none
}

.nbd-color-palette .nbd-color-palette-inner.show-popup .color-palette-popup {
    display: block
}

.nbd-color-palette .nbd-color-palette-inner .color-palette-popup {
    min-width: 100px;
    min-height: 100px;
    position: absolute;
    display: none;
    top: 0;
    left: -50%
}

.loading-workflow {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: hsla(0, 0%, 100%, .95);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    -webkit-transition: all .6s;
    transition: all .6s
}

.loading-workflow.nbd-show {
    visibility: visible;
    opacity: 1;
    z-index: 9999
}

.loading-workflow .circular {
    width: 80px;
    height: 80px
}

.nbd-checkbox {
    position: relative;
    height: 20px;
    display: inline-block
}

.nbd-checkbox input[type=checkbox] {
    outline: 0;
    margin-right: 10px
}

.nbd-checkbox input[type=checkbox]:checked + label:before {
    background: #394264;
    border: none
}

.nbd-checkbox input[type=checkbox]:checked + label:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 5px;
    left: 4px;
    width: 12px;
    height: 6px;
    border: 2px solid #fff;
    border-top-style: none;
    border-right-style: none
}

.nbd-checkbox label {
    cursor: pointer;
    display: inline-block;
    margin-bottom: 5px;
    font-weight: 700
}

.nbd-checkbox label:after, .nbd-checkbox label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0
}

.nbd-checkbox label:before {
    width: 20px;
    height: 20px;
    background: #fff;
    border: 2px solid rgba(0, 0, 0, .54);
    border-radius: 2px;
    cursor: pointer;
    -webkit-transition: background .3s;
    transition: background .3s
}

.nbd-tab-contents .nbd-tab-content {
    display: none
}

.nbd-tab-contents .nbd-tab-content.active {
    display: block
}

.hide-tablet {
    display: none;
    position: absolute;
    right: 0;
    top: 50px;
    overflow: hidden;
    text-align: center;
    background: #404762;
    z-index: -999;
    cursor: pointer
}

.hide-tablet, .hide-tablet i {
    width: 40px;
    height: 40px;
    line-height: 40px
}

.hide-tablet i {
    background-color: unset !important;
    color: #fff;
    font-size: 24px
}

.hide-tablet:hover i {
    color: #fff
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .nbd-toolbar, .nbd-workspace .main {
        width: calc(100vw - 75px);
        left: 75px
    }

    .nbd-sidebar {
        -webkit-transform: translateX(calc(-100% + 75px));
        transform: translateX(calc(-100% + 75px))
    }

    .nbd-sidebar, .nbd-sidebar .tabs-nav {
        -webkit-transition: all .4s;
        transition: all .4s
    }

    .nbd-sidebar .tabs-nav {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .hide-tablet {
        display: block;
        z-index: 999
    }

    .nbd-sidebar.is_open {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .nbd-sidebar.is_open .tabs-content {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .nbd-sidebar.is_open .tabs-nav {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .nbd-sidebar.is_open .hide-tablet {
        display: block
    }
}

.move-user-design-btn {
    font-size: 15px;
    text-transform: uppercase;
    margin-right: 10px;
    background: #428BCA;
    -webkit-text-fill-color: #fff;
    border: none;
    padding: 0px 45px 0px 45px !important;
    height: 100%;
}