@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    animation-name: fadeIn;
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.fadeOut {
    animation-name: fadeOut;
}

.fade-move {
    transition: transform .3s ease-out;
}


.zoom-move {
    transition: transform .3s ease-out;
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

.zoomIn {
    animation-name: zoomIn;
}

@keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }

    to {
        opacity: 0;
    }
}

.zoomOut {
    animation-name: zoomOut;
}


.zoom-move {
    transition: transform .3s ease-out;
}

@keyframes zoomInX {
    from {
        opacity: 0;
        transform: scaleX(0);
    }

    50% {
        opacity: 1;
    }
}

.zoomInX {
    animation-name: zoomInX;
}

@keyframes zoomOutX {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        transform: scaleX(0);
    }

    to {
        opacity: 0;
    }
}

.zoomOutX {
    animation-name: zoomOutX;
}


.zoom-move {
    transition: transform .3s ease-out;
}

@keyframes zoomInY {
    from {
        opacity: 0;
        transform: scaleY(0);
    }

    50% {
        opacity: 1;
        tranform: scaleY(1);
    }
}

.zoomInY {
    animation-name: zoomInY;
}

@keyframes zoomOutY {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        transform: scaleY(0);
    }

    to {
        opacity: 0;
    }
}

.zoomOutY {
    animation-name: zoomOutY;
}


.collapse-move {
    transition: transform .3s ease-in-out;
}


@keyframes scaleIn {
    from {
        opacity: 0;
        transform: scale(0)
    }

    to {
        opacity: 1;
    }
}

.scaleIn {
    animation-name: scaleIn;
}

@keyframes scaleOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: scale(0);
    }
}

.scaleOut {
    animation-name: scaleOut;
}

.scale-move {
    transition: transform .3s cubic-bezier(.25, .8, .50, 1);
}


.slide-move {
    transition: transform .3s;
}

@keyframes slideYIn {
    from {
        opacity: 0;
        transform: translateY(-15px);
    }

    to {
        opacity: 1;
    }
}

.slideYIn {
    animation-name: slideYIn;
}

@keyframes slideYOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translateY(-15px);
    }
}

.slideYOut {
    animation-name: slideYOut;
}


.slide-move {
    transition: transform .3s;
}

@keyframes slideYDownIn {
    from {
        opacity: 0;
        transform: translateY(15px);
    }

    to {
        opacity: 1;
    }
}

.slideYDownIn {
    animation-name: slideYDownIn;
}

@keyframes slideYDownOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translateY(15px);
    }
}

.slideYDownOut {
    animation-name: slideYDownOut;
}


.slide-move {
    transition: transform .3s;
}

@keyframes slideXLeftIn {
    from {
        opacity: 0;
        transform: translateX(-15px);
    }

    to {
        opacity: 1;
    }
}

.slideXLeftIn {
    animation-name: slideXLeftIn;
}

@keyframes slideXLeftOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translateX(-15px);
    }
}

.slideXLeftOut {
    animation-name: slideXLeftOut;
}


.slide-move {
    transition: transform .3s;
}

@keyframes slideXRightIn {
    from {
        opacity: 0;
        transform: translateX(15px);
    }

    to {
        opacity: 1;
    }
}

.slideXRightIn {
    animation-name: slideXRightIn;
}

@keyframes slideXRightOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translateX(15px);
    }
}

.slideXRightOut {
    animation-name: slideXRightOut;
}


.resize-observer[data-v-8859cc6c] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    border: none;
    background-color: transparent;
    pointer-events: none;
    display: block;
    overflow: hidden;
    opacity: 0
}

.resize-observer[data-v-8859cc6c] object {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    pointer-events: none;
    z-index: -1
}


.vue-js-switch[data-v-25adc6c0] {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    user-select: none;
    font-size: 10px;
    cursor: pointer
}

.vue-js-switch .v-switch-input[data-v-25adc6c0] {
    opacity: 0;
    position: absolute;
    width: 1px;
    height: 1px
}

.vue-js-switch .v-switch-label[data-v-25adc6c0] {
    position: absolute;
    top: 0;
    font-weight: 600;
    color: #fff;
    z-index: 1
}

.vue-js-switch .v-switch-label.v-left[data-v-25adc6c0] {
    left: 10px
}

.vue-js-switch .v-switch-label.v-right[data-v-25adc6c0] {
    right: 10px
}

.vue-js-switch .v-switch-core[data-v-25adc6c0] {
    display: block;
    position: relative;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    transition: border-color .3s, background-color .3s;
    user-select: none
}

.vue-js-switch .v-switch-core .v-switch-button[data-v-25adc6c0] {
    display: block;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    border-radius: 100%;
    background-color: #fff;
    z-index: 2
}

.vue-js-switch.disabled[data-v-25adc6c0] {
    pointer-events: none;
    opacity: .6
}


.vue-slider-dot {
    position: absolute;
    -webkit-transition: all 0s;
    transition: all 0s;
    z-index: 5
}

.vue-slider-dot:focus {
    outline: none
}

.vue-slider-dot-tooltip {
    position: absolute;
    visibility: hidden
}

.vue-slider-dot-hover:hover .vue-slider-dot-tooltip,
.vue-slider-dot-tooltip-show {
    visibility: visible
}

.vue-slider-dot-tooltip-top {
    top: -10px;
    left: 50%;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%)
}

.vue-slider-dot-tooltip-bottom {
    bottom: -10px;
    left: 50%;
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%)
}

.vue-slider-dot-tooltip-left {
    left: -10px;
    top: 50%;
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%)
}

.vue-slider-dot-tooltip-right {
    right: -10px;
    top: 50%;
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%)
}


.vue-slider-marks {
    position: relative;
    width: 100%;
    height: 100%
}

.vue-slider-mark {
    position: absolute;
    z-index: 1
}

.vue-slider-ltr .vue-slider-mark,
.vue-slider-rtl .vue-slider-mark {
    width: 0;
    height: 100%;
    top: 50%
}

.vue-slider-ltr .vue-slider-mark-step,
.vue-slider-rtl .vue-slider-mark-step {
    top: 0
}

.vue-slider-ltr .vue-slider-mark-label,
.vue-slider-rtl .vue-slider-mark-label {
    top: 100%;
    margin-top: 10px
}

.vue-slider-ltr .vue-slider-mark {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.vue-slider-ltr .vue-slider-mark-step {
    left: 0
}

.vue-slider-ltr .vue-slider-mark-label {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.vue-slider-rtl .vue-slider-mark {
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}

.vue-slider-rtl .vue-slider-mark-step {
    right: 0
}

.vue-slider-rtl .vue-slider-mark-label {
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%)
}

.vue-slider-btt .vue-slider-mark,
.vue-slider-ttb .vue-slider-mark {
    width: 100%;
    height: 0;
    left: 50%
}

.vue-slider-btt .vue-slider-mark-step,
.vue-slider-ttb .vue-slider-mark-step {
    left: 0
}

.vue-slider-btt .vue-slider-mark-label,
.vue-slider-ttb .vue-slider-mark-label {
    left: 100%;
    margin-left: 10px
}

.vue-slider-btt .vue-slider-mark {
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%)
}

.vue-slider-btt .vue-slider-mark-step {
    top: 0
}

.vue-slider-btt .vue-slider-mark-label {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.vue-slider-ttb .vue-slider-mark {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.vue-slider-ttb .vue-slider-mark-step {
    bottom: 0
}

.vue-slider-ttb .vue-slider-mark-label {
    bottom: 50%;
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}

.vue-slider-mark-label,
.vue-slider-mark-step {
    position: absolute
}


.vue-slider {
    position: relative;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: block;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.vue-slider-rail {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-transition-property: width, height, left, right, top, bottom;
    transition-property: width, height, left, right, top, bottom
}

.vue-slider-process {
    position: absolute;
    z-index: 1
}
.margin-top{
    margin-top: 360px;
}
.margin-bottom{
    margin-bottom: 110px;
}
.p-footer{
    padding-right: 120px !important;
}
@media only screen and (max-width: 1280px) {
    .margin-top{
        margin-top: 300px !important;
    }
    .margin-bottom{
        margin-bottom: 120px !important;
    }
}
@media only screen and (max-width: 1024px) {
    .margin-top{
        margin-top: 490px !important;
    }
    .margin-bottom{
        margin-bottom: 120px !important;
    }
}
@media only screen and (max-width: 912px) {
    .margin-top{
        margin-top: 100px !important;
    }
    .margin-bottom{
        margin-bottom: 120px !important;
    }
}
@media only screen and (max-width: 820px) {
    .margin-top{
        margin-top: 100px !important;
    }
    .margin-bottom{
        margin-bottom: 120px !important;
    }
}
@media only screen and (max-width: 768px) {
    .margin-top{
        margin-top: 90px !important;
    }
    .margin-bottom{
        margin-bottom: 120px !important;
    }
    .p-footer{
        padding-right: 0px !important;
    }
}
@media only screen and (max-width: 540px) {
    .margin-top{
        margin-top: 350px !important;
    }
    .margin-bottom{
        margin-bottom: 120px !important;
    }
}
@media only screen and (max-width: 415px) {
    .margin-top{
        margin-top: 200px !important;
    }
    .margin-bottom{
        margin-bottom: 120px !important;
    }
}
@media only screen and (max-width: 391px) {
    .margin-top{
        margin-top: 210px !important;
    }
    .margin-bottom{
        margin-bottom: 120px !important;
    }
}
@media only screen and (max-width: 376px) {
    .margin-top{
        margin-top: 380px !important;
    }
    .margin-bottom{
        margin-bottom: 120px !important;
    }
}