/**
 * Copyright © Magento, Inc. All rights reserved.
 * See COPYING.txt for license details.
 */
.ui-datepicker {
    display: none;
    z-index: 999999 !important;
}
.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
    cursor: pointer;
}
.ui-datepicker .ui-datepicker-next-hover span, .ui-datepicker .ui-datepicker-prev-hover span {
    border-color: transparent #ff8400 transparent transparent;
}
.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}
.ui-datepicker .ui-datepicker-next {
    right: 2px;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -5px;
    font-size: 0px;
    width: 0px;
    height: 0px;
    border: solid;
    border-width: 5px 8px 5px 0;
    border-color: transparent #ff9635 transparent transparent;
}
.ui-datepicker .ui-datepicker-next span {
    margin-left: 0px;
    top: 50%;
    margin-top: -5px;
    border-width: 5px 0 5px 8px;
    border-color: transparent transparent transparent #ff9635;
}
.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
    width: 100%;
}
.ui-datepicker table {
    width: 100%;
    font-size: .9em;
}
.ui-datepicker td span, .ui-datepicker td a {
    display: block;
    padding: 4px;
    text-align: right;
    text-decoration: none;
    color: #000000;
}
.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}
.ui-datepicker-rtl {
    direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: right;
}
.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}
.ui-timepicker-div .ui-widget-header {
    margin-bottom: 8px;
}
.ui-timepicker-div dl {
    text-align: left;
}
.ui-timepicker-div dl dt {
    height: 25px;
    margin-bottom: -22px;
}
.ui-timepicker-div dl .ui_tpicker_time_label {
    margin-bottom: -25px;
}
.ui-timepicker-div dl dd {
    margin: 0 10px 10px 65px;
}
.ui-timepicker-div td {
    font-size: 90%;
}
.ui-tpicker-grid-label {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}
.ui-datepicker {
    padding: 15px;
    border: #ffffff 4px solid;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #efefef;
    -webkit-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.35);
}
.ui-datepicker .ui-datepicker-header {
    background: transparent;
    border: none;
    padding-bottom: 10px;
}
.ui-datepicker .ui-datepicker-title .ui-datepicker-month {
    width: 47%;
    margin-right: 6%;
}
.ui-datepicker .ui-datepicker-title .ui-datepicker-year {
    width: 47%;
}
.ui-datepicker .ui-datepicker-calendar td {
    border: #cfcfcf 1px solid;
}
.ui-datepicker .ui-datepicker-calendar td a {
    padding: 4px;
    display: block;
}
.ui-datepicker .ui-datepicker-calendar td .ui-state-hover {
    background: #f9eae7;
}
.ui-datepicker .ui-datepicker-calendar {
    background: #ffffff;
    border: #cfcfcf 1px solid;
    border-collapse: collapse;
}
.ui-datepicker .ui-datepicker-calendar th {
    background: #efefef;
    border: #cfcfcf 1px solid;
    padding: 4px;
    text-transform: uppercase;
}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-week-col {
    text-align: center;
    border: #cfcfcf 1px solid;
}
.ui-datepicker {
    width: auto;
}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today {
    background: #f3d7d2;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-active {
    background: #ffdf66;
}
.ui-timepicker-div .ui-widget-header {
    margin-bottom: 8px;
}
.ui-timepicker-div dl {
    text-align: left;
}
.ui-timepicker-div dl dd {
    margin: 0 0 10px 65px;
}
.ui-timepicker-div td {
    font-size: 90%;
}
.ui-tpicker-grid-label {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}
.ui-slider {
    position: relative;
    text-align: left;
}
.ui-slider-horizontal .ui-slider-handle {
    margin-left: -5px;
}
.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    cursor: default;
}
.ui-slider-horizontal {
    height: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: none;
    background: #dadada;
}
.ui-slider-handle {
    height: 10px;
    width: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #f98b25;
    display: block;
    position: absolute;
}
.ui-timepicker-div {
    padding: 10px 0 5px 0;
}
.ui-datepicker .ui-datepicker-buttonpane {
    overflow: hidden;
    padding-top: 10px;
    border-top: #cfcfcf 1px solid;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-disabled {
    background: #f9f9f9;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-disabled span {
    color: #959595;
}
/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1;
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
    display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
}

.owl-carousel.owl-loaded {
    display: block;
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block;
}

.owl-carousel.owl-hidden {
    opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab;
}

.owl-carousel.owl-rtl {
    direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
    float: right;
}

/* No Js */
.no-js .owl-carousel {
    display: block;
}

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
    animation-duration: 1000ms;
    animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
    z-index: 0;
}

.owl-carousel .owl-animated-out {
    z-index: 1;
}

.owl-carousel .fadeOut {
    animation-name: fadeOut;
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
    transition: height 500ms ease-in-out;
}

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
    /**
              This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
              calculation of the height of the owl-item that breaks page layouts
           */
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0;
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d;
}

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("../../frontend/Tonggarden/tg/en_US/Mageplaza_Core/css/owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none;
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
}
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
}

.owl-theme .owl-nav [class*='owl-']:hover {
    background: #869791;
    color: #FFF;
    text-decoration: none;
}

.owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default;
}

.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 10px;
}

.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #869791;
}
@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */

@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;-webkit-transform-origin:center bottom;animation-name:bounce;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-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 headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-name:headShake;-webkit-animation-timing-function:ease-in-out;animation-name:headShake;animation-timing-function:ease-in-out}@-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-animation-name:swing;-webkit-transform-origin:top center;animation-name:swing;transform-origin:top center}@-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:translateZ(0);transform:translateZ(0)}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:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}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:translateZ(0);transform:translateZ(0)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;-webkit-transform-origin:center;animation-name:jello;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.heartBeat{-webkit-animation-duration:1.3s;-webkit-animation-name:heartBeat;-webkit-animation-timing-function:ease-in-out;animation-duration:1.3s;animation-name:heartBeat;animation-timing-function:ease-in-out}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;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%{-webkit-transform:scale3d(1.03,1.03,1.03);opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{-webkit-transform:scaleX(1);opacity:1;transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;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%{-webkit-transform:scale3d(1.03,1.03,1.03);opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{-webkit-transform:scaleX(1);opacity:1;transform:scaleX(1)}}.bounceIn{-webkit-animation-duration:.75s;-webkit-animation-name:bounceIn;animation-duration:.75s;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(0,-3000px,0);opacity:0;transform:translate3d(0,-3000px,0)}60%{-webkit-transform:translate3d(0,25px,0);opacity:1;transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(0,-3000px,0);opacity:0;transform:translate3d(0,-3000px,0)}60%{-webkit-transform:translate3d(0,25px,0);opacity:1;transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(-3000px,0,0);opacity:0;transform:translate3d(-3000px,0,0)}60%{-webkit-transform:translate3d(25px,0,0);opacity:1;transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(-3000px,0,0);opacity:0;transform:translate3d(-3000px,0,0)}60%{-webkit-transform:translate3d(25px,0,0);opacity:1;transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(3000px,0,0);opacity:0;transform:translate3d(3000px,0,0)}60%{-webkit-transform:translate3d(-25px,0,0);opacity:1;transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(3000px,0,0);opacity:0;transform:translate3d(3000px,0,0)}60%{-webkit-transform:translate3d(-25px,0,0);opacity:1;transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(0,3000px,0);opacity:0;transform:translate3d(0,3000px,0)}60%{-webkit-transform:translate3d(0,-20px,0);opacity:1;transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(0,3000px,0);opacity:0;transform:translate3d(0,3000px,0)}60%{-webkit-transform:translate3d(0,-20px,0);opacity:1;transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}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%{-webkit-transform:scale3d(1.1,1.1,1.1);opacity:1;transform:scale3d(1.1,1.1,1.1)}to{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{-webkit-transform:scale3d(1.1,1.1,1.1);opacity:1;transform:scale3d(1.1,1.1,1.1)}to{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-duration:.75s;-webkit-animation-name:bounceOut;animation-duration:.75s;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{-webkit-transform:translate3d(0,-20px,0);opacity:1;transform:translate3d(0,-20px,0)}to{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{-webkit-transform:translate3d(0,-20px,0);opacity:1;transform:translate3d(0,-20px,0)}to{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{-webkit-transform:translate3d(20px,0,0);opacity:1;transform:translate3d(20px,0,0)}to{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{-webkit-transform:translate3d(20px,0,0);opacity:1;transform:translate3d(20px,0,0)}to{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{-webkit-transform:translate3d(-20px,0,0);opacity:1;transform:translate3d(-20px,0,0)}to{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{-webkit-transform:translate3d(-20px,0,0);opacity:1;transform:translate3d(-20px,0,0)}to{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{-webkit-transform:translate3d(0,20px,0);opacity:1;transform:translate3d(0,20px,0)}to{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{-webkit-transform:translate3d(0,20px,0);opacity:1;transform:translate3d(0,20px,0)}to{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}}.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%{-webkit-transform:translate3d(0,-100%,0);opacity:0;transform:translate3d(0,-100%,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInDown{0%{-webkit-transform:translate3d(0,-100%,0);opacity:0;transform:translate3d(0,-100%,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInDownBig{0%{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{-webkit-transform:translate3d(-100%,0,0);opacity:0;transform:translate3d(-100%,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInLeft{0%{-webkit-transform:translate3d(-100%,0,0);opacity:0;transform:translate3d(-100%,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{-webkit-transform:translate3d(100%,0,0);opacity:0;transform:translate3d(100%,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInRight{0%{-webkit-transform:translate3d(100%,0,0);opacity:0;transform:translate3d(100%,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInRightBig{0%{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{-webkit-transform:translate3d(0,100%,0);opacity:0;transform:translate3d(0,100%,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInUp{0%{-webkit-transform:translate3d(0,100%,0);opacity:0;transform:translate3d(0,100%,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInUpBig{0%{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.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{-webkit-transform:translate3d(0,100%,0);opacity:0;transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{-webkit-transform:translate3d(0,100%,0);opacity:0;transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0);opacity:0;transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0);opacity:0;transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0);opacity:0;transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0);opacity:0;transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{-webkit-transform:translate3d(0,-100%,0);opacity:0;transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{-webkit-transform:translate3d(0,-100%,0);opacity:0;transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{-webkit-animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);animation-timing-function:ease-in;transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)}to{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}}@keyframes flip{0%{-webkit-animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{-webkit-animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);animation-timing-function:ease-in;transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)}to{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}}.animated.flip{-webkit-animation-name:flip;-webkit-backface-visibility:visible;animation-name:flip;backface-visibility:visible}@-webkit-keyframes flipInX{0%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);opacity:1;transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);opacity:1;transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-animation-name:flipInX;-webkit-backface-visibility:visible!important;animation-name:flipInX;backface-visibility:visible!important}@-webkit-keyframes flipInY{0%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateY(90deg)}40%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in;transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);opacity:1;transform:perspective(400px) rotateY(10deg)}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateY(90deg)}40%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in;transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);opacity:1;transform:perspective(400px) rotateY(10deg)}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-animation-name:flipInY;-webkit-backface-visibility:visible!important;animation-name:flipInY;backface-visibility:visible!important}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);opacity:1;transform:perspective(400px) rotateX(-20deg)}to{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0;transform:perspective(400px) rotateX(90deg)}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);opacity:1;transform:perspective(400px) rotateX(-20deg)}to{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0;transform:perspective(400px) rotateX(90deg)}}.flipOutX{-webkit-animation-duration:.75s;-webkit-animation-name:flipOutX;-webkit-backface-visibility:visible!important;animation-duration:.75s;animation-name:flipOutX;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);opacity:1;transform:perspective(400px) rotateY(-15deg)}to{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0;transform:perspective(400px) rotateY(90deg)}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);opacity:1;transform:perspective(400px) rotateY(-15deg)}to{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0;transform:perspective(400px) rotateY(90deg)}}.flipOutY{-webkit-animation-duration:.75s;-webkit-animation-name:flipOutY;-webkit-backface-visibility:visible!important;animation-duration:.75s;animation-name:flipOutY;backface-visibility:visible!important}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);opacity:0;transform:translate3d(100%,0,0) skewX(-30deg)}60%{-webkit-transform:skewX(20deg);opacity:1;transform:skewX(20deg)}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);opacity:0;transform:translate3d(100%,0,0) skewX(-30deg)}60%{-webkit-transform:skewX(20deg);opacity:1;transform:skewX(20deg)}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-name:lightSpeedIn;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);opacity:0;transform:translate3d(100%,0,0) skewX(30deg)}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);opacity:0;transform:translate3d(100%,0,0) skewX(30deg)}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-name:lightSpeedOut;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);-webkit-transform-origin:center;opacity:0;transform:rotate(-200deg);transform-origin:center}to{-webkit-transform:translateZ(0);-webkit-transform-origin:center;opacity:1;transform:translateZ(0);transform-origin:center}}@keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);-webkit-transform-origin:center;opacity:0;transform:rotate(-200deg);transform-origin:center}to{-webkit-transform:translateZ(0);-webkit-transform-origin:center;opacity:1;transform:translateZ(0);transform-origin:center}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(-45deg);transform-origin:left bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:left bottom;opacity:1;transform:translateZ(0);transform-origin:left bottom}}@keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(-45deg);transform-origin:left bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:left bottom;opacity:1;transform:translateZ(0);transform-origin:left bottom}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(45deg);transform-origin:right bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:right bottom;opacity:1;transform:translateZ(0);transform-origin:right bottom}}@keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(45deg);transform-origin:right bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:right bottom;opacity:1;transform:translateZ(0);transform-origin:right bottom}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(45deg);transform-origin:left bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:left bottom;opacity:1;transform:translateZ(0);transform-origin:left bottom}}@keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(45deg);transform-origin:left bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:left bottom;opacity:1;transform:translateZ(0);transform-origin:left bottom}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(-90deg);transform-origin:right bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:right bottom;opacity:1;transform:translateZ(0);transform-origin:right bottom}}@keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(-90deg);transform-origin:right bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:right bottom;opacity:1;transform:translateZ(0);transform-origin:right bottom}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;opacity:1;transform-origin:center}to{-webkit-transform:rotate(200deg);-webkit-transform-origin:center;opacity:0;transform:rotate(200deg);transform-origin:center}}@keyframes rotateOut{0%{-webkit-transform-origin:center;opacity:1;transform-origin:center}to{-webkit-transform:rotate(200deg);-webkit-transform-origin:center;opacity:0;transform:rotate(200deg);transform-origin:center}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;opacity:1;transform-origin:left bottom}to{-webkit-transform:rotate(45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(45deg);transform-origin:left bottom}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;opacity:1;transform-origin:left bottom}to{-webkit-transform:rotate(45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(45deg);transform-origin:left bottom}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;opacity:1;transform-origin:right bottom}to{-webkit-transform:rotate(-45deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(-45deg);transform-origin:right bottom}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;opacity:1;transform-origin:right bottom}to{-webkit-transform:rotate(-45deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(-45deg);transform-origin:right bottom}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;opacity:1;transform-origin:left bottom}to{-webkit-transform:rotate(-45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(-45deg);transform-origin:left bottom}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;opacity:1;transform-origin:left bottom}to{-webkit-transform:rotate(-45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(-45deg);transform-origin:left bottom}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;opacity:1;transform-origin:right bottom}to{-webkit-transform:rotate(90deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(90deg);transform-origin:right bottom}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;opacity:1;transform-origin:right bottom}to{-webkit-transform:rotate(90deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(90deg);transform-origin:right bottom}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;-webkit-transform-origin:top left;animation-timing-function:ease-in-out;transform-origin:top left}20%,60%{-webkit-animation-timing-function:ease-in-out;-webkit-transform:rotate(80deg);-webkit-transform-origin:top left;animation-timing-function:ease-in-out;transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-animation-timing-function:ease-in-out;-webkit-transform:rotate(60deg);-webkit-transform-origin:top left;animation-timing-function:ease-in-out;opacity:1;transform:rotate(60deg);transform-origin:top left}to{-webkit-transform:translate3d(0,700px,0);opacity:0;transform:translate3d(0,700px,0)}}@keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;-webkit-transform-origin:top left;animation-timing-function:ease-in-out;transform-origin:top left}20%,60%{-webkit-animation-timing-function:ease-in-out;-webkit-transform:rotate(80deg);-webkit-transform-origin:top left;animation-timing-function:ease-in-out;transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-animation-timing-function:ease-in-out;-webkit-transform:rotate(60deg);-webkit-transform-origin:top left;animation-timing-function:ease-in-out;opacity:1;transform:rotate(60deg);transform-origin:top left}to{-webkit-transform:translate3d(0,700px,0);opacity:0;transform:translate3d(0,700px,0)}}.hinge{-webkit-animation-duration:2s;-webkit-animation-name:hinge;animation-duration:2s;animation-name:hinge}@-webkit-keyframes jackInTheBox{0%{-webkit-transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{-webkit-transform:scale(1);opacity:1;transform:scale(1)}}@keyframes jackInTheBox{0%{-webkit-transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{-webkit-transform:scale(1);opacity:1;transform:scale(1)}}.jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes rollIn{0%{-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) rotate(120deg);opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) rotate(120deg);opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}}@keyframes zoomInDown{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0)}}@keyframes zoomInLeft{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)}}@keyframes zoomInRight{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}}@keyframes zoomInUp{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom}}@keyframes zoomOutDown{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{-webkit-transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}@keyframes zoomOutLeft{40%{-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{-webkit-transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{-webkit-transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}@keyframes zoomOutRight{40%{-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{-webkit-transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom}}@keyframes zoomOutUp{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-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)}}@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}@-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)}}@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}@-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)}}@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}@-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)}}@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}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:hidden}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:hidden}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:hidden}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:hidden}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:hidden}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:hidden}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:hidden}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:hidden}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}.animated{-webkit-animation-duration:1s;-webkit-animation-fill-mode:both;animation-duration:1s;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.delay-1s{-webkit-animation-delay:1s;animation-delay:1s}.animated.delay-2s{-webkit-animation-delay:2s;animation-delay:2s}.animated.delay-3s{-webkit-animation-delay:3s;animation-delay:3s}.animated.delay-4s{-webkit-animation-delay:4s;animation-delay:4s}.animated.delay-5s{-webkit-animation-delay:5s;animation-delay:5s}.animated.fast{-webkit-animation-duration:.8s;animation-duration:.8s}.animated.faster{-webkit-animation-duration:.5s;animation-duration:.5s}.animated.slow{-webkit-animation-duration:2s;animation-duration:2s}.animated.slower{-webkit-animation-duration:3s;animation-duration:3s}@media (prefers-reduced-motion){.animated{-webkit-animation:unset!important;-webkit-transition:none!important;animation:unset!important;transition:none!important}}/**
 * Mageplaza
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Mageplaza.com license that is
 * available through the world-wide-web at this URL:
 * https://www.mageplaza.com/LICENSE.txt
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade this extension to newer
 * version in the future.
 *
 * @category    Mageplaza
 * @package     Mageplaza_BannerSlider
 * @copyright   Copyright (c) Mageplaza (https://www.mageplaza.com/)
 * @license     https://www.mageplaza.com/LICENSE.txt
 */

.mp-banner-slider .owl-nav button span{
    position: absolute;
    top: 40%;
    font-size: 80px;
    color: #869791;
}
.mp-banner-slider .owl-nav .owl-prev span{
    left: 1%;
}
.mp-banner-slider .owl-nav .owl-next span{
    right: 1%;
}
.mp-banner-slider .owl-dots{
    position: absolute;
    top: 88%;
    left: 49%;
}
.mp-banner-slider .owl-dots .owl-dot{
    box-shadow: none;
}
.sidebar .mp-banner-slider .owl-nav button span{
    font-size: 30px;
    top: 30%;
}
.sidebar .mp-banner-slider .owl-dots .owl-dot span{
    width: 8px;
    height: 8px;
}
.sidebar .mp-banner-slider .owl-dots{
    top: 70%;
    left: 42.5%;
}

@media only screen and (max-width: 764px) {
    .mp-banner-slider .owl-nav button span{
        top: 20%;
        font-size: 45px;
    }
    .mp-banner-slider .owl-dots{
        top: 62%;
        left: 47%;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
    .mp-banner-slider .owl-nav button span{
        top: 30%;
        font-size: 80px;
    }
    .mp-banner-slider .owl-dots{
        top: 75%;
        left: 49%;
    }
}
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit;box-shadow: none;}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(../../frontend/Tonggarden/tg/en_US/Magezon_Core/css/owlcarousel/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
.owl-carousel .owl-dots,.owl-carousel .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-carousel .owl-nav{margin-top:10px}.owl-carousel .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-carousel .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-carousel .owl-nav .disabled{opacity:.5;cursor:default}.owl-carousel .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-carousel .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-carousel .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-carousel .owl-dots .owl-dot.active span,.owl-carousel .owl-dots .owl-dot:hover span{background:#869791}@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('../../frontend/Tonggarden/tg/en_US/Magezon_Core/webfonts/fa-solid-900.eot');
  src: url('../../frontend/Tonggarden/tg/en_US/Magezon_Core/webfonts/fa-solid-900.eot?#iefix') format('embedded-opentype'), url('../../frontend/Tonggarden/tg/en_US/Magezon_Core/webfonts/fa-solid-900.woff2') format('woff2'), url('../../frontend/Tonggarden/tg/en_US/Magezon_Core/webfonts/fa-solid-900.woff') format('woff'), url('../../frontend/Tonggarden/tg/en_US/Magezon_Core/webfonts/fa-solid-900.ttf') format('truetype'), url('../../frontend/Tonggarden/tg/en_US/Magezon_Core/webfonts/fa-solid-900.svg#fontawesome') format('svg');
}

@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: url('../../frontend/Tonggarden/tg/en_US/Magezon_Core/webfonts/fa-brands-400.eot');
  src: url('../../frontend/Tonggarden/tg/en_US/Magezon_Core/webfonts/fa-brands-400.eot?#iefix') format('embedded-opentype'), url('../../frontend/Tonggarden/tg/en_US/Magezon_Core/webfonts/fa-brands-400.woff2') format('woff2'), url('../../frontend/Tonggarden/tg/en_US/Magezon_Core/webfonts/fa-brands-400.woff') format('woff'), url('../../frontend/Tonggarden/tg/en_US/Magezon_Core/webfonts/fa-brands-400.ttf') format('truetype'), url('../../frontend/Tonggarden/tg/en_US/Magezon_Core/webfonts/fa-brands-400.svg#fontawesome') format('svg');
}

@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../../frontend/Tonggarden/tg/en_US/Magezon_Core/webfonts/fa-regular-400.eot');
  src: url('../../frontend/Tonggarden/tg/en_US/Magezon_Core/webfonts/fa-regular-400.eot?#iefix') format('embedded-opentype'), url('../../frontend/Tonggarden/tg/en_US/Magezon_Core/webfonts/fa-regular-400.woff2') format('woff2'), url('../../frontend/Tonggarden/tg/en_US/Magezon_Core/webfonts/fa-regular-400.woff') format('woff'), url('../../frontend/Tonggarden/tg/en_US/Magezon_Core/webfonts/fa-regular-400.ttf') format('truetype'), url('../../frontend/Tonggarden/tg/en_US/Magezon_Core/webfonts/fa-regular-400.svg#fontawesome') format('svg');
}[class*='mgz-col-'] {
  width: 100%;
  float: left;
}
.mgz-col-xs-1, .mgz-col-sm-1, .mgz-col-md-1, .mgz-col-lg-1, .mgz-col-xs-2, .mgz-col-sm-2, .mgz-col-md-2, .mgz-col-lg-2, .mgz-col-xs-3, .mgz-col-sm-3, .mgz-col-md-3, .mgz-col-lg-3, .mgz-col-xs-4, .mgz-col-sm-4, .mgz-col-md-4, .mgz-col-lg-4, .mgz-col-xs-5, .mgz-col-sm-5, .mgz-col-md-5, .mgz-col-lg-5, .mgz-col-xs-6, .mgz-col-sm-6, .mgz-col-md-6, .mgz-col-lg-6, .mgz-col-xs-7, .mgz-col-sm-7, .mgz-col-md-7, .mgz-col-lg-7, .mgz-col-xs-8, .mgz-col-sm-8, .mgz-col-md-8, .mgz-col-lg-8, .mgz-col-xs-9, .mgz-col-sm-9, .mgz-col-md-9, .mgz-col-lg-9, .mgz-col-xs-10, .mgz-col-sm-10, .mgz-col-md-10, .mgz-col-lg-10, .mgz-col-xs-11, .mgz-col-sm-11, .mgz-col-md-11, .mgz-col-lg-11, .mgz-col-xs-12, .mgz-col-sm-12, .mgz-col-md-12, .mgz-col-lg-12, .mgz-col-xs-15, .mgz-col-sm-15, .mgz-col-md-15, .mgz-col-lg-15, .mgz-col-xs-25, .mgz-col-sm-25, .mgz-col-md-25, .mgz-col-lg-25, .mgz-col-xs-35, .mgz-col-sm-35, .mgz-col-md-35, .mgz-col-lg-35, .mgz-col-xs-45, .mgz-col-sm-45, .mgz-col-md-45, .mgz-col-lg-45 {
  position: relative;
  min-height: 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mgz-col-xs-1, .mgz-col-xs-2, .mgz-col-xs-3, .mgz-col-xs-4, .mgz-col-xs-5, .mgz-col-xs-6, .mgz-col-xs-7, .mgz-col-xs-8, .mgz-col-xs-9, .mgz-col-xs-10, .mgz-col-xs-11, .mgz-col-xs-12, .mgz-col-xs-15, .mgz-col-xs-25, .mgz-col-xs-35, .mgz-col-xs-45 {
  float: left;
}
.mgz-col-xs-12 {
  width: 100%;
}
.mgz-col-xs-11 {
  width: 91.66666667%;
}
.mgz-col-xs-10 {
  width: 83.33333333%;
}
.mgz-col-xs-9 {
  width: 75%;
}
.mgz-col-xs-8 {
  width: 66.66666667%;
}
.mgz-col-xs-7 {
  width: 58.33333333%;
}
.mgz-col-xs-6 {
  width: 50%;
}
.mgz-col-xs-5 {
  width: 41.66666667%;
}
.mgz-col-xs-4 {
  width: 33.33333333%;
}
.mgz-col-xs-3 {
  width: 25%;
}
.mgz-col-xs-15 {
  width: 20%;
}
.mgz-col-xs-25 {
  width: 40%;
}
.mgz-col-xs-35 {
  width: 60%;
}
.mgz-col-xs-45 {
  width: 80%;
}
.mgz-col-xs-2 {
  width: 16.66666667%;
}
.mgz-col-xs-1 {
  width: 8.33333333%;
}
.mgz-col-xs-pull-12 {
  right: 100%;
}
.mgz-col-xs-pull-11 {
  right: 91.66666667%;
}
.mgz-col-xs-pull-10 {
  right: 83.33333333%;
}
.mgz-col-xs-pull-9 {
  right: 75%;
}
.mgz-col-xs-pull-8 {
  right: 66.66666667%;
}
.mgz-col-xs-pull-7 {
  right: 58.33333333%;
}
.mgz-col-xs-pull-6 {
  right: 50%;
}
.mgz-col-xs-pull-5 {
  right: 41.66666667%;
}
.mgz-col-xs-pull-4 {
  right: 33.33333333%;
}
.mgz-col-xs-pull-3 {
  right: 25%;
}
.mgz-col-xs-pull-15 {
  right: 20%;
}
.mgz-col-xs-pull-25 {
  right: 40%;
}
.mgz-col-xs-pull-35 {
  right: 60%;
}
.mgz-col-xs-pull-45 {
  right: 80%;
}
.mgz-col-xs-pull-2 {
  right: 16.66666667%;
}
.mgz-col-xs-pull-1 {
  right: 8.33333333%;
}
.mgz-col-xs-pull-0 {
  right: auto;
}
.mgz-col-xs-push-12 {
  left: 100%;
}
.mgz-col-xs-push-11 {
  left: 91.66666667%;
}
.mgz-col-xs-push-10 {
  left: 83.33333333%;
}
.mgz-col-xs-push-9 {
  left: 75%;
}
.mgz-col-xs-push-8 {
  left: 66.66666667%;
}
.mgz-col-xs-push-7 {
  left: 58.33333333%;
}
.mgz-col-xs-push-6 {
  left: 50%;
}
.mgz-col-xs-push-5 {
  left: 41.66666667%;
}
.mgz-col-xs-push-4 {
  left: 33.33333333%;
}
.mgz-col-xs-push-3 {
  left: 25%;
}
.mgz-col-xs-push-15 {
  left: 20%;
}
.mgz-col-xs-push-25 {
  left: 40%;
}
.mgz-col-xs-push-35 {
  left: 60%;
}
.mgz-col-xs-push-45 {
  left: 80%;
}
.mgz-col-xs-push-2 {
  left: 16.66666667%;
}
.mgz-col-xs-push-1 {
  left: 8.33333333%;
}
.mgz-col-xs-push-0 {
  left: auto;
}
.mgz-col-xs-offset-12 {
  margin-left: 100%;
}
.mgz-col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.mgz-col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.mgz-col-xs-offset-9 {
  margin-left: 75%;
}
.mgz-col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.mgz-col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.mgz-col-xs-offset-6 {
  margin-left: 50%;
}
.mgz-col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.mgz-col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.mgz-col-xs-offset-3 {
  margin-left: 25%;
}
.mgz-col-xs-offset-15 {
  margin-left: 20%;
}
.mgz-col-xs-offset-25 {
  margin-left: 40%;
}
.mgz-col-xs-offset-35 {
  margin-left: 60%;
}
.mgz-col-xs-offset-45 {
  margin-left: 80%;
}
.mgz-col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.mgz-col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.mgz-col-xs-offset-0 {
  margin-left: 0%;
}

.mgz-container {
  width: 1280px;
  max-width: 100%;
  margin: 0 auto;
}

.mgz-row:before,
.mgz-row:after {
  content: " ";
  display: table;
}
.mgz-row:after {
  clear: both;
}

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

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

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

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

.f-right {
  float: right;
  width: auto;
}

.f-left {
  float: left;
  width: auto;
}

.f-none {
  float: none;
  width: auto;
}
@media (min-width: 576px) {
  .mgz-col-sm-1, .mgz-col-sm-2, .mgz-col-sm-3, .mgz-col-sm-4, .mgz-col-sm-5, .mgz-col-sm-6, .mgz-col-sm-7, .mgz-col-sm-8, .mgz-col-sm-9, .mgz-col-sm-10, .mgz-col-sm-11, .mgz-col-sm-12, .mgz-col-sm-15, .mgz-col-sm-25, .mgz-col-sm-35, .mgz-col-sm-45 {
    float: left;
  }
  .mgz-col-sm-12 {
    width: 100%;
  }
  .mgz-col-sm-11 {
    width: 91.66666667%;
  }
  .mgz-col-sm-10 {
    width: 83.33333333%;
  }
  .mgz-col-sm-9 {
    width: 75%;
  }
  .mgz-col-sm-8 {
    width: 66.66666667%;
  }
  .mgz-col-sm-7 {
    width: 58.33333333%;
  }
  .mgz-col-sm-6 {
    width: 50%;
  }
  .mgz-col-sm-5 {
    width: 41.66666667%;
  }
  .mgz-col-sm-4 {
    width: 33.33333333%;
  }
  .mgz-col-sm-3 {
    width: 25%;
  }
  .mgz-col-sm-15 {
    width: 20%;
  }
  .mgz-col-sm-25 {
    width: 40%;
  }
  .mgz-col-sm-35 {
    width: 60%;
  }
  .mgz-col-sm-45 {
    width: 80%;
  }
  .mgz-col-sm-2 {
    width: 16.66666667%;
  }
  .mgz-col-sm-1 {
    width: 8.33333333%;
  }
  .mgz-col-sm-pull-12 {
    right: 100%;
  }
  .mgz-col-sm-pull-11 {
    right: 91.66666667%;
  }
  .mgz-col-sm-pull-10 {
    right: 83.33333333%;
  }
  .mgz-col-sm-pull-9 {
    right: 75%;
  }
  .mgz-col-sm-pull-8 {
    right: 66.66666667%;
  }
  .mgz-col-sm-pull-7 {
    right: 58.33333333%;
  }
  .mgz-col-sm-pull-6 {
    right: 50%;
  }
  .mgz-col-sm-pull-5 {
    right: 41.66666667%;
  }
  .mgz-col-sm-pull-4 {
    right: 33.33333333%;
  }
  .mgz-col-sm-pull-3 {
    right: 25%;
  }
  .mgz-col-sm-pull-15 {
    right: 20%;
  }
  .mgz-col-sm-pull-25 {
    right: 40%;
  }
  .mgz-col-sm-pull-35 {
    right: 60%;
  }
  .mgz-col-sm-pull-45 {
    right: 80%;
  }
  .mgz-col-sm-pull-2 {
    right: 16.66666667%;
  }
  .mgz-col-sm-pull-1 {
    right: 8.33333333%;
  }
  .mgz-col-sm-pull-0 {
    right: auto;
  }
  .mgz-col-sm-push-12 {
    left: 100%;
  }
  .mgz-col-sm-push-11 {
    left: 91.66666667%;
  }
  .mgz-col-sm-push-10 {
    left: 83.33333333%;
  }
  .mgz-col-sm-push-9 {
    left: 75%;
  }
  .mgz-col-sm-push-8 {
    left: 66.66666667%;
  }
  .mgz-col-sm-push-7 {
    left: 58.33333333%;
  }
  .mgz-col-sm-push-6 {
    left: 50%;
  }
  .mgz-col-sm-push-5 {
    left: 41.66666667%;
  }
  .mgz-col-sm-push-4 {
    left: 33.33333333%;
  }
  .mgz-col-sm-push-3 {
    left: 25%;
  }
  .mgz-col-sm-push-15 {
    left: 20%;
  }
  .mgz-col-sm-push-25 {
    left: 40%;
  }
  .mgz-col-sm-push-35 {
    left: 60%;
  }
  .mgz-col-sm-push-45 {
    left: 80%;
  }
  .mgz-col-sm-push-2 {
    left: 16.66666667%;
  }
  .mgz-col-sm-push-1 {
    left: 8.33333333%;
  }
  .mgz-col-sm-push-0 {
    left: auto;
  }
  .mgz-col-sm-offset-12 {
    margin-left: 100%;
  }
  .mgz-col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .mgz-col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .mgz-col-sm-offset-9 {
    margin-left: 75%;
  }
  .mgz-col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .mgz-col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .mgz-col-sm-offset-6 {
    margin-left: 50%;
  }
  .mgz-col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .mgz-col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .mgz-col-sm-offset-3 {
    margin-left: 25%;
  }
  .mgz-col-sm-offset-15 {
    margin-left: 20%;
  }
  .mgz-col-sm-offset-25 {
    margin-left: 40%;
  }
  .mgz-col-sm-offset-35 {
    margin-left: 60%;
  }
  .mgz-col-sm-offset-45 {
    margin-left: 80%;
  }
  .mgz-col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .mgz-col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .mgz-col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 768px) {
  .mgz-col-md-1, .mgz-col-md-2, .mgz-col-md-3, .mgz-col-md-4, .mgz-col-md-5, .mgz-col-md-6, .mgz-col-md-7, .mgz-col-md-8, .mgz-col-md-9, .mgz-col-md-10, .mgz-col-md-11, .mgz-col-md-12, .mgz-col-md-15, .mgz-col-md-25, .mgz-col-md-35, .mgz-col-md-45 {
    float: left;
  }
  .mgz-col-md-12 {
    width: 100%;
  }
  .mgz-col-md-11 {
    width: 91.66666667%;
  }
  .mgz-col-md-10 {
    width: 83.33333333%;
  }
  .mgz-col-md-9 {
    width: 75%;
  }
  .mgz-col-md-8 {
    width: 66.66666667%;
  }
  .mgz-col-md-7 {
    width: 58.33333333%;
  }
  .mgz-col-md-6 {
    width: 50%;
  }
  .mgz-col-md-5 {
    width: 41.66666667%;
  }
  .mgz-col-md-4 {
    width: 33.33333333%;
  }
  .mgz-col-md-3 {
    width: 25%;
  }
  .mgz-col-md-15 {
    width: 20%;
  }
  .mgz-col-md-25 {
    width: 40%;
  }
  .mgz-col-md-35 {
    width: 60%;
  }
  .mgz-col-md-45 {
    width: 80%;
  }
  .mgz-col-md-2 {
    width: 16.66666667%;
  }
  .mgz-col-md-1 {
    width: 8.33333333%;
  }
  .mgz-col-md-pull-12 {
    right: 100%;
  }
  .mgz-col-md-pull-11 {
    right: 91.66666667%;
  }
  .mgz-col-md-pull-10 {
    right: 83.33333333%;
  }
  .mgz-col-md-pull-9 {
    right: 75%;
  }
  .mgz-col-md-pull-8 {
    right: 66.66666667%;
  }
  .mgz-col-md-pull-7 {
    right: 58.33333333%;
  }
  .mgz-col-md-pull-6 {
    right: 50%;
  }
  .mgz-col-md-pull-5 {
    right: 41.66666667%;
  }
  .mgz-col-md-pull-4 {
    right: 33.33333333%;
  }
  .mgz-col-md-pull-3 {
    right: 25%;
  }
  .mgz-col-md-pull-15 {
    right: 20%;
  }
  .mgz-col-md-pull-25 {
    right: 40%;
  }
  .mgz-col-md-pull-35 {
    right: 60%;
  }
  .mgz-col-md-pull-45 {
    right: 80%;
  }
  .mgz-col-md-pull-2 {
    right: 16.66666667%;
  }
  .mgz-col-md-pull-1 {
    right: 8.33333333%;
  }
  .mgz-col-md-pull-0 {
    right: auto;
  }
  .mgz-col-md-push-12 {
    left: 100%;
  }
  .mgz-col-md-push-11 {
    left: 91.66666667%;
  }
  .mgz-col-md-push-10 {
    left: 83.33333333%;
  }
  .mgz-col-md-push-9 {
    left: 75%;
  }
  .mgz-col-md-push-8 {
    left: 66.66666667%;
  }
  .mgz-col-md-push-7 {
    left: 58.33333333%;
  }
  .mgz-col-md-push-6 {
    left: 50%;
  }
  .mgz-col-md-push-5 {
    left: 41.66666667%;
  }
  .mgz-col-md-push-4 {
    left: 33.33333333%;
  }
  .mgz-col-md-push-3 {
    left: 25%;
  }
  .mgz-col-md-push-15 {
    left: 20%;
  }
  .mgz-col-md-push-25 {
    left: 40%;
  }
  .mgz-col-md-push-35 {
    left: 60%;
  }
  .mgz-col-md-push-45 {
    left: 80%;
  }
  .mgz-col-md-push-2 {
    left: 16.66666667%;
  }
  .mgz-col-md-push-1 {
    left: 8.33333333%;
  }
  .mgz-col-md-push-0 {
    left: auto;
  }
  .mgz-col-md-offset-12 {
    margin-left: 100%;
  }
  .mgz-col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .mgz-col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .mgz-col-md-offset-9 {
    margin-left: 75%;
  }
  .mgz-col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .mgz-col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .mgz-col-md-offset-6 {
    margin-left: 50%;
  }
  .mgz-col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .mgz-col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .mgz-col-md-offset-3 {
    margin-left: 25%;
  }
  .mgz-col-md-offset-15 {
    margin-left: 20%;
  }
  .mgz-col-md-offset-25 {
    margin-left: 40%;
  }
  .mgz-col-md-offset-35 {
    margin-left: 60%;
  }
  .mgz-col-md-offset-45 {
    margin-left: 80%;
  }
  .mgz-col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .mgz-col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .mgz-col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .mgz-col-lg-1, .mgz-col-lg-2, .mgz-col-lg-3, .mgz-col-lg-4, .mgz-col-lg-5, .mgz-col-lg-6, .mgz-col-lg-7, .mgz-col-lg-8, .mgz-col-lg-9, .mgz-col-lg-10, .mgz-col-lg-11, .mgz-col-lg-12, .mgz-col-lg-15, .mgz-col-lg-25, .mgz-col-lg-35, .mgz-col-lg-45 {
    float: left;
  }
  .mgz-col-lg-12 {
    width: 100%;
  }
  .mgz-col-lg-11 {
    width: 91.66666667%;
  }
  .mgz-col-lg-10 {
    width: 83.33333333%;
  }
  .mgz-col-lg-9 {
    width: 75%;
  }
  .mgz-col-lg-8 {
    width: 66.66666667%;
  }
  .mgz-col-lg-7 {
    width: 58.33333333%;
  }
  .mgz-col-lg-6 {
    width: 50%;
  }
  .mgz-col-lg-5 {
    width: 41.66666667%;
  }
  .mgz-col-lg-4 {
    width: 33.33333333%;
  }
  .mgz-col-lg-3 {
    width: 25%;
  }
  .mgz-col-lg-15 {
    width: 20%;
  }
  .mgz-col-lg-25 {
    width: 40%;
  }
  .mgz-col-lg-35 {
    width: 60%;
  }
  .mgz-col-lg-45 {
    width: 80%;
  }
  .mgz-col-lg-2 {
    width: 16.66666667%;
  }
  .mgz-col-lg-1 {
    width: 8.33333333%;
  }
  .mgz-col-lg-pull-12 {
    right: 100%;
  }
  .mgz-col-lg-pull-11 {
    right: 91.66666667%;
  }
  .mgz-col-lg-pull-10 {
    right: 83.33333333%;
  }
  .mgz-col-lg-pull-9 {
    right: 75%;
  }
  .mgz-col-lg-pull-8 {
    right: 66.66666667%;
  }
  .mgz-col-lg-pull-7 {
    right: 58.33333333%;
  }
  .mgz-col-lg-pull-6 {
    right: 50%;
  }
  .mgz-col-lg-pull-5 {
    right: 41.66666667%;
  }
  .mgz-col-lg-pull-4 {
    right: 33.33333333%;
  }
  .mgz-col-lg-pull-3 {
    right: 25%;
  }
  .mgz-col-lg-pull-15 {
    right: 20%;
  }
  .mgz-col-lg-pull-25 {
    right: 40%;
  }
  .mgz-col-lg-pull-35 {
    right: 60%;
  }
  .mgz-col-lg-pull-45 {
    right: 80%;
  }
  .mgz-col-lg-pull-2 {
    right: 16.66666667%;
  }
  .mgz-col-lg-pull-1 {
    right: 8.33333333%;
  }
  .mgz-col-lg-pull-0 {
    right: auto;
  }
  .mgz-col-lg-push-12 {
    left: 100%;
  }
  .mgz-col-lg-push-11 {
    left: 91.66666667%;
  }
  .mgz-col-lg-push-10 {
    left: 83.33333333%;
  }
  .mgz-col-lg-push-9 {
    left: 75%;
  }
  .mgz-col-lg-push-8 {
    left: 66.66666667%;
  }
  .mgz-col-lg-push-7 {
    left: 58.33333333%;
  }
  .mgz-col-lg-push-6 {
    left: 50%;
  }
  .mgz-col-lg-push-5 {
    left: 41.66666667%;
  }
  .mgz-col-lg-push-4 {
    left: 33.33333333%;
  }
  .mgz-col-lg-push-3 {
    left: 25%;
  }
  .mgz-col-lg-push-15 {
    left: 20%;
  }
  .mgz-col-lg-push-25 {
    left: 40%;
  }
  .mgz-col-lg-push-35 {
    left: 60%;
  }
  .mgz-col-lg-push-45 {
    left: 80%;
  }
  .mgz-col-lg-push-2 {
    left: 16.66666667%;
  }
  .mgz-col-lg-push-1 {
    left: 8.33333333%;
  }
  .mgz-col-lg-push-0 {
    left: auto;
  }
  .mgz-col-lg-offset-12 {
    margin-left: 100%;
  }
  .mgz-col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .mgz-col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .mgz-col-lg-offset-9 {
    margin-left: 75%;
  }
  .mgz-col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .mgz-col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .mgz-col-lg-offset-6 {
    margin-left: 50%;
  }
  .mgz-col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .mgz-col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .mgz-col-lg-offset-3 {
    margin-left: 25%;
  }
  .mgz-col-lg-offset-15 {
    margin-left: 20%;
  }
  .mgz-col-lg-offset-25 {
    margin-left: 40%;
  }
  .mgz-col-lg-offset-35 {
    margin-left: 60%;
  }
  .mgz-col-lg-offset-45 {
    margin-left: 80%;
  }
  .mgz-col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .mgz-col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .mgz-col-lg-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .mgz-col-xl-1, .mgz-col-xl-2, .mgz-col-xl-3, .mgz-col-xl-4, .mgz-col-xl-5, .mgz-col-xl-6, .mgz-col-xl-7, .mgz-col-xl-8, .mgz-col-xl-9, .mgz-col-xl-10, .mgz-col-xl-11, .mgz-col-xl-12, .mgz-col-xl-15, .mgz-col-xl-25, .mgz-col-xl-35, .mgz-col-xl-45 {
    float: left;
  }
  .mgz-col-xl-12 {
    width: 100%;
  }
  .mgz-col-xl-11 {
    width: 91.66666667%;
  }
  .mgz-col-xl-10 {
    width: 83.33333333%;
  }
  .mgz-col-xl-9 {
    width: 75%;
  }
  .mgz-col-xl-8 {
    width: 66.66666667%;
  }
  .mgz-col-xl-7 {
    width: 58.33333333%;
  }
  .mgz-col-xl-6 {
    width: 50%;
  }
  .mgz-col-xl-5 {
    width: 41.66666667%;
  }
  .mgz-col-xl-4 {
    width: 33.33333333%;
  }
  .mgz-col-xl-3 {
    width: 25%;
  }
  .mgz-col-xl-15 {
    width: 20%;
  }
  .mgz-col-xl-25 {
    width: 40%;
  }
  .mgz-col-xl-35 {
    width: 60%;
  }
  .mgz-col-xl-45 {
    width: 80%;
  }
  .mgz-col-xl-2 {
    width: 16.66666667%;
  }
  .mgz-col-xl-1 {
    width: 8.33333333%;
  }
  .mgz-col-xl-pull-12 {
    right: 100%;
  }
  .mgz-col-xl-pull-11 {
    right: 91.66666667%;
  }
  .mgz-col-xl-pull-10 {
    right: 83.33333333%;
  }
  .mgz-col-xl-pull-9 {
    right: 75%;
  }
  .mgz-col-xl-pull-8 {
    right: 66.66666667%;
  }
  .mgz-col-xl-pull-7 {
    right: 58.33333333%;
  }
  .mgz-col-xl-pull-6 {
    right: 50%;
  }
  .mgz-col-xl-pull-5 {
    right: 41.66666667%;
  }
  .mgz-col-xl-pull-4 {
    right: 33.33333333%;
  }
  .mgz-col-xl-pull-3 {
    right: 25%;
  }
  .mgz-col-xl-pull-15 {
    right: 20%;
  }
  .mgz-col-xl-pull-25 {
    right: 40%;
  }
  .mgz-col-xl-pull-35 {
    right: 60%;
  }
  .mgz-col-xl-pull-45 {
    right: 80%;
  }
  .mgz-col-xl-pull-2 {
    right: 16.66666667%;
  }
  .mgz-col-xl-pull-1 {
    right: 8.33333333%;
  }
  .mgz-col-xl-pull-0 {
    right: auto;
  }
  .mgz-col-xl-push-12 {
    left: 100%;
  }
  .mgz-col-xl-push-11 {
    left: 91.66666667%;
  }
  .mgz-col-xl-push-10 {
    left: 83.33333333%;
  }
  .mgz-col-xl-push-9 {
    left: 75%;
  }
  .mgz-col-xl-push-8 {
    left: 66.66666667%;
  }
  .mgz-col-xl-push-7 {
    left: 58.33333333%;
  }
  .mgz-col-xl-push-6 {
    left: 50%;
  }
  .mgz-col-xl-push-5 {
    left: 41.66666667%;
  }
  .mgz-col-xl-push-4 {
    left: 33.33333333%;
  }
  .mgz-col-xl-push-3 {
    left: 25%;
  }
  .mgz-col-xl-push-15 {
    left: 20%;
  }
  .mgz-col-xl-push-25 {
    left: 40%;
  }
  .mgz-col-xl-push-35 {
    left: 60%;
  }
  .mgz-col-xl-push-45 {
    left: 80%;
  }
  .mgz-col-xl-push-2 {
    left: 16.66666667%;
  }
  .mgz-col-xl-push-1 {
    left: 8.33333333%;
  }
  .mgz-col-xl-push-0 {
    left: auto;
  }
  .mgz-col-xl-offset-12 {
    margin-left: 100%;
  }
  .mgz-col-xl-offset-11 {
    margin-left: 91.66666667%;
  }
  .mgz-col-xl-offset-10 {
    margin-left: 83.33333333%;
  }
  .mgz-col-xl-offset-9 {
    margin-left: 75%;
  }
  .mgz-col-xl-offset-8 {
    margin-left: 66.66666667%;
  }
  .mgz-col-xl-offset-7 {
    margin-left: 58.33333333%;
  }
  .mgz-col-xl-offset-6 {
    margin-left: 50%;
  }
  .mgz-col-xl-offset-5 {
    margin-left: 41.66666667%;
  }
  .mgz-col-xl-offset-4 {
    margin-left: 33.33333333%;
  }
  .mgz-col-xl-offset-3 {
    margin-left: 25%;
  }
  .mgz-col-xl-offset-15 {
    margin-left: 20%;
  }
  .mgz-col-xl-offset-25 {
    margin-left: 40%;
  }
  .mgz-col-xl-offset-35 {
    margin-left: 60%;
  }
  .mgz-col-xl-offset-45 {
    margin-left: 80%;
  }
  .mgz-col-xl-offset-2 {
    margin-left: 16.66666667%;
  }
  .mgz-col-xl-offset-1 {
    margin-left: 8.33333333%;
  }
  .mgz-col-xl-offset-0 {
    margin-left: 0%;
  }
}
@media (max-width: 575px) {
  .mgz-grid-col-xs-6 > div:nth-child(6n+1),
  .mgz-grid-col-xs-3 > div:nth-child(3n+1),
  .mgz-grid-col-xs-4 > div:nth-child(4n+1),
  .mgz-grid-col-xs-15 > div:nth-child(5n+1),
  .mgz-grid-col-xs-2 > div:nth-child(2n+1) {
    clear: left;
  }
  .mgz-grid-col-xs-6> div,
  .mgz-grid-col-xs-3 > div,
  .mgz-grid-col-xs-4 > div,
  .mgz-grid-col-xs-15 > div,
  .mgz-grid-col-xs-2 > div {
    float: left;
  }
  .mgz-grid-col-xs-6 > div {
    width: 16.66666667%;
  }
  .mgz-grid-col-xs-3 > div {
    width: 33.33333333%;
  }
  .mgz-grid-col-xs-4 > div {
    width: 25%;
  }
  .mgz-grid-col-xs-15 > div {
    width: 20%;
  }
  .mgz-grid-col-xs-2 > div {
    width: 50%;
  }
  .mgz-hidden-xs {
    display: none !important;
  }
  .xs_left {
    text-align: left;
  }
  .xs_center {
    text-align: center;
  }
  .xs_right {
    text-align: right;
  }
  .xs_f-right {
    float: right;
  }
  .xs_f-left {
    float: left;
  }
  .xs_f-none {
    float: none;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .mgz-grid-col-xs-12 > div:nth-child(12n+1),
  .mgz-grid-col-xs-6 > div:nth-child(6n+1),
  .mgz-grid-col-xs-5 > div:nth-child(5n+1),
  .mgz-grid-col-xs-4 > div:nth-child(4n+1),
  .mgz-grid-col-xs-3 > div:nth-child(3n+1),
  .mgz-grid-col-xs-2 > div:nth-child(2n+1),
  .mgz-grid-col-xs-1 > div:nth-child(1n+1) {
    clear: left;
  }
  .mgz-grid-col-xs-12 > div,
  .mgz-grid-col-xs-6 > div,
  .mgz-grid-col-xs-5 > div,
  .mgz-grid-col-xs-4 > div,
  .mgz-grid-col-xs-3 > div,
  .mgz-grid-col-xs-2 > div,
  .mgz-grid-col-xs-1 > div {
    float: left;
  }
  .mgz-grid-col-xs-12 > div {
    width: 8.33333333%;
  }
  .mgz-grid-col-xs-6 > div {
    width: 16.66666667%;
  }
  .mgz-grid-col-xs-5 > div {
    width: 20%;
  }
  .mgz-grid-col-xs-4 > div {
    width: 25%;
  }
  .mgz-grid-col-xs-3 > div {
    width: 33.33333333%;
  }
  .mgz-grid-col-xs-2 > div {
    width: 50%;
  }
  .mgz-grid-col-xs-1 > div {
    width: 100%;
  }
  .mgz-hidden-sm {
    display: none !important;
  }
  .sm_left {
    text-align: left;
  }
  .sm_center {
    text-align: center;
  }
  .sm_right {
    text-align: right;
  }
  .sm_f-right {
    float: right;
  }
  .sm_f-left {
    float: left;
  }
  .sm_f-none {
    float: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mgz-grid-col-md-12 > div:nth-child(12n+1),
  .mgz-grid-col-md-6 > div:nth-child(6n+1),
  .mgz-grid-col-md-5 > div:nth-child(5n+1),
  .mgz-grid-col-md-4 > div:nth-child(4n+1),
  .mgz-grid-col-md-3 > div:nth-child(3n+1),
  .mgz-grid-col-md-2 > div:nth-child(2n+1),
  .mgz-grid-col-md-1 > div:nth-child(1n+1) {
    clear: left;
  }
  .mgz-grid-col-md-12 > div,
  .mgz-grid-col-md-6 > div,
  .mgz-grid-col-md-5 > div,
  .mgz-grid-col-md-4 > div,
  .mgz-grid-col-md-3 > div,
  .mgz-grid-col-md-2 > div,
  .mgz-grid-col-md-1 > div {
    float: left;
  }
  .mgz-grid-col-md-12 > div {
    width: 8.33333333%;
  }
  .mgz-grid-col-md-6 > div {
    width: 16.66666667%;
  }
  .mgz-grid-col-md-5 > div {
    width: 20%;
  }
  .mgz-grid-col-md-4 > div {
    width: 25%;
  }
  .mgz-grid-col-md-3 > div {
    width: 33.33333333%;
  }
  .mgz-grid-col-md-2 > div {
    width: 50%;
  }
  .mgz-grid-col-md-1 > div {
    width: 100%;
  }
  .mgz-hidden-md {
    display: none !important;
  }
  .md_left {
    text-align: left;
  }
  .md_center {
    text-align: center;
  }
  .md_right {
    text-align: right;
  }
  .md_f-right {
    float: right;
  }
  .md_f-left {
    float: left;
  }
  .md_f-none {
    float: none;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .mgz-grid-col-lg-12 > div:nth-child(12n+1),
  .mgz-grid-col-lg-6 > div:nth-child(6n+1),
  .mgz-grid-col-lg-5 > div:nth-child(5n+1),
  .mgz-grid-col-lg-4 > div:nth-child(4n+1),
  .mgz-grid-col-lg-3 > div:nth-child(3n+1),
  .mgz-grid-col-lg-2 > div:nth-child(2n+1),
  .mgz-grid-col-lg-1 > div:nth-child(1n+1) {
    clear: left;
  }
  .mgz-grid-col-lg-12 > div,
  .mgz-grid-col-lg-6 > div,
  .mgz-grid-col-lg-5 > div,
  .mgz-grid-col-lg-4 > div,
  .mgz-grid-col-lg-3 > div,
  .mgz-grid-col-lg-2 > div,
  .mgz-grid-col-lg-1 > div {
    float: left;
  }
  .mgz-grid-col-lg-12 > div {
    width: 8.33333333%;
  }
  .mgz-grid-col-lg-6 > div {
    width: 16.66666667%;
  }
  .mgz-grid-col-lg-5 > div {
    width: 20%;
  }
  .mgz-grid-col-lg-4 > div {
    width: 25%;
  }
  .mgz-grid-col-lg-3 > div {
    width: 33.33333333%;
  }
  .mgz-grid-col-lg-2 > div {
    width: 50%;
  }
  .mgz-grid-col-lg-1 > div {
    width: 100%;
  }
  .mgz-hidden-lg {
    display: none !important;
  }
  .lg_left {
    text-align: left;
  }
  .lg_center {
    text-align: center;
  }
  .lg_right {
    text-align: right;
  }
  .lg_f-right {
    float: right;
  }
  .lg_f-left {
    float: left;
  }
  .lg_f-none {
    float: none;
  }
}
@media (min-width: 1200px) {
  .mgz-grid-col-xl-12 > div:nth-child(12n+1),
  .mgz-grid-col-xl-6 > div:nth-child(6n+1),
  .mgz-grid-col-xl-5 > div:nth-child(5n+1),
  .mgz-grid-col-xl-4 > div:nth-child(4n+1),
  .mgz-grid-col-xl-3 > div:nth-child(3n+1),
  .mgz-grid-col-xl-2 > div:nth-child(2n+1),
  .mgz-grid-col-xl-1 > div:nth-child(1n+1) {
    clear: left;
  }
  .mgz-grid-col-xl-12 > div,
  .mgz-grid-col-xl-6 > div,
  .mgz-grid-col-xl-5 > div,
  .mgz-grid-col-xl-4 > div,
  .mgz-grid-col-xl-3 > div,
  .mgz-grid-col-xl-2 > div,
  .mgz-grid-col-xl-1 > div {
    float: left;
  }
  .mgz-grid-col-xl-12 > div {
    width: 8.33333333%;
  }
  .mgz-grid-col-xl-6 > div {
    width: 16.66666667%;
  }
  .mgz-grid-col-xl-5 > div {
    width: 20%;
  }
  .mgz-grid-col-xl-4 > div {
    width: 25%;
  }
  .mgz-grid-col-xl-3 > div {
    width: 33.33333333%;
  }
  .mgz-grid-col-xl-2 > div {
    width: 50%;
  }
  .mgz-grid-col-xl-1 > div {
    width: 100%;
  }
  .mgz-hidden-xl {
    display: none !important;
  }
  .xl_left {
    text-align: left;
  }
  .xl_center {
    text-align: center;
  }
  .xl_right {
    text-align: right;
  }
  .xl_f-right {
    float: right;
  }
  .xl_f-left {
    float: left;
  }
  .xl_f-none {
    float: none;
  }
}
.mgz-pull-right {
  float: right !important;
}
.mgz-pull-left {
  float: left !important;
}@font-face {
  font-family: 'Magento-Icons';
  src: url('../../frontend/Tonggarden/tg/en_US/Magezon_Core/fonts/Magento-Icons/Magento-Icons.eot');
  src: url('../../frontend/Tonggarden/tg/en_US/Magezon_Core/fonts/Magento-Icons/Magento-Icons.eot?#iefix') format('embedded-opentype'), url('../../frontend/Tonggarden/tg/en_US/Magezon_Core/fonts/Magento-Icons/Magento-Icons.woff2') format('woff2'), url('../../frontend/Tonggarden/tg/en_US/Magezon_Core/fonts/Magento-Icons/Magento-Icons.woff') format('woff'), url('../../frontend/Tonggarden/tg/en_US/Magezon_Core/fonts/Magento-Icons/Magento-Icons.ttf') format('truetype'), url('../../frontend/Tonggarden/tg/en_US/Magezon_Core/fonts/Magento-Icons/Magento-Icons.svg#Magento-Icons') format('svg');
  font-weight: normal;
  font-style: normal;
}
.spinner {
  display: inline-block;
  font-size: 4rem;
  height: 1em;
  margin-right: 1.5rem;
  position: relative;
  width: 1em;
}
.spinner > span {
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  -ms-transform: scale(0.4);
  transform: scale(0.4);
  -webkit-animation-name: fade;
  -moz-animation-name: fade;
  -ms-animation-name: fade;
  animation-name: fade;
  -webkit-animation-duration: .72s;
  -moz-animation-duration: .72s;
  -ms-animation-duration: .72s;
  animation-duration: .72s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  -ms-animation-direction: normal;
  animation-direction: normal;
  background-color: #fff;
  border-radius: 6px;
  clip: rect(0 0.28571429em 0.1em 0);
  height: .1em;
  margin-top: .5em;
  position: absolute;
  width: 1em;
}
.spinner > span:nth-child(1) {
  -webkit-animation-delay: 0.27s;
  -moz-animation-delay: 0.27s;
  -ms-animation-delay: 0.27s;
  animation-delay: 0.27s;
  -webkit-transform: rotate(-315deg);
  -moz-transform: rotate(-315deg);
  -ms-transform: rotate(-315deg);
  transform: rotate(-315deg);
}
.spinner > span:nth-child(2) {
  -webkit-animation-delay: 0.36s;
  -moz-animation-delay: 0.36s;
  -ms-animation-delay: 0.36s;
  animation-delay: 0.36s;
  -webkit-transform: rotate(-270deg);
  -moz-transform: rotate(-270deg);
  -ms-transform: rotate(-270deg);
  transform: rotate(-270deg);
}
.spinner > span:nth-child(3) {
  -webkit-animation-delay: 0.45s;
  -moz-animation-delay: 0.45s;
  -ms-animation-delay: 0.45s;
  animation-delay: 0.45s;
  -webkit-transform: rotate(-225deg);
  -moz-transform: rotate(-225deg);
  -ms-transform: rotate(-225deg);
  transform: rotate(-225deg);
}
.spinner > span:nth-child(4) {
  -webkit-animation-delay: 0.54s;
  -moz-animation-delay: 0.54s;
  -ms-animation-delay: 0.54s;
  animation-delay: 0.54s;
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.spinner > span:nth-child(5) {
  -webkit-animation-delay: 0.63s;
  -moz-animation-delay: 0.63s;
  -ms-animation-delay: 0.63s;
  animation-delay: 0.63s;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.spinner > span:nth-child(6) {
  -webkit-animation-delay: 0.72s;
  -moz-animation-delay: 0.72s;
  -ms-animation-delay: 0.72s;
  animation-delay: 0.72s;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.spinner > span:nth-child(7) {
  -webkit-animation-delay: 0.81s;
  -moz-animation-delay: 0.81s;
  -ms-animation-delay: 0.81s;
  animation-delay: 0.81s;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.spinner > span:nth-child(8) {
  -webkit-animation-delay: 0.9;
  -moz-animation-delay: 0.9;
  -ms-animation-delay: 0.9;
  animation-delay: 0.9;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
@-moz-keyframes fade {
  0% {
    background-color: #514943;
  }
  100% {
    background-color: #fff;
  }
}
@-webkit-keyframes fade {
  0% {
    background-color: #514943;
  }
  100% {
    background-color: #fff;
  }
}
@-ms-keyframes fade {
  0% {
    background-color: #514943;
  }
  100% {
    background-color: #fff;
  }
}
@keyframes fade {
  0% {
    background-color: #514943;
  }
  100% {
    background-color: #fff;
  }
}
form.loading .mgz__spinner {
  display: block;
}
.mgz__spinner {
  display: none;
  position: relative;
  width: 186px;
  height: 20px;
  margin: auto;
  position: absolute;
  left: 45%;
  top: 15px;
}
.mgz__spinner .spinner-item {
  position: absolute;
  top: 0;
  background-color: #d8d8d8;
  width: 20px;
  height: 20px;
  animation-name: bounce_fountainG;
  -o-animation-name: bounce_fountainG;
  -ms-animation-name: bounce_fountainG;
  -webkit-animation-name: bounce_fountainG;
  -moz-animation-name: bounce_fountainG;
  animation-duration: 0.645s;
  -o-animation-duration: 0.645s;
  -ms-animation-duration: 0.645s;
  -webkit-animation-duration: 0.645s;
  -moz-animation-duration: 0.645s;
  animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-direction: normal;
  -o-animation-direction: normal;
  -ms-animation-direction: normal;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  transform: scale(0.3);
  -o-transform: scale(0.3);
  -ms-transform: scale(0.3);
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  border-radius: 15px;
  -o-border-radius: 15px;
  -ms-border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
}
.mgz__spinner .spinner-item.spinner-item-1 {
  left: 0;
  animation-delay: 0.256s;
  -o-animation-delay: 0.256s;
  -ms-animation-delay: 0.256s;
  -webkit-animation-delay: 0.256s;
  -moz-animation-delay: 0.256s;
}
.mgz__spinner .spinner-item.spinner-item-2 {
  left: 20px;
  animation-delay: 0.3225s;
  -o-animation-delay: 0.3225s;
  -ms-animation-delay: 0.3225s;
  -webkit-animation-delay: 0.3225s;
  -moz-animation-delay: 0.3225s;
}
.mgz__spinner .spinner-item.spinner-item-3 {
  left: 40px;
  animation-delay: 0.389s;
  -o-animation-delay: 0.389s;
  -ms-animation-delay: 0.389s;
  -webkit-animation-delay: 0.389s;
  -moz-animation-delay: 0.389s;
}
.mgz__spinner .spinner-item.spinner-item-4 {
  left: 60px;
  animation-delay: 0.4555s;
  -o-animation-delay: 0.4555s;
  -ms-animation-delay: 0.4555s;
  -webkit-animation-delay: 0.4555s;
  -moz-animation-delay: 0.4555s;
}
.mgz__spinner .spinner-item.spinner-item-5 {
  left: 80px;
  animation-delay: 0.522s;
  -o-animation-delay: 0.522s;
  -ms-animation-delay: 0.522s;
  -webkit-animation-delay: 0.522s;
  -moz-animation-delay: 0.522s;
}
.mgz__spinner .spinner-item.spinner-item-6 {
  left: 100px;
  animation-delay: 0.5885s;
  -o-animation-delay: 0.5885s;
  -ms-animation-delay: 0.5885s;
  -webkit-animation-delay: 0.5885s;
  -moz-animation-delay: 0.5885s;
}
.mgz__spinner .spinner-item.spinner-item-7 {
  left: 120px;
  animation-delay: 0.645s;
  -o-animation-delay: 0.645s;
  -ms-animation-delay: 0.645s;
  -webkit-animation-delay: 0.645s;
  -moz-animation-delay: 0.645s;
}
.mgz__spinner .spinner-item.spinner-item-8 {
  left: 140px;
  animation-delay: 0.7115s;
  -o-animation-delay: 0.7115s;
  -ms-animation-delay: 0.7115s;
  -webkit-animation-delay: 0.7115s;
  -moz-animation-delay: 0.7115s;
}
@keyframes bounce_fountainG {
  0% {
    transform: scale(1);
    background-color: #d8d8d8;
  }
  100% {
    transform: scale(0.3);
    background-color: #d8d8d8;
  }
}
@-o-keyframes bounce_fountainG {
  0% {
    -o-transform: scale(1);
    background-color: #d8d8d8;
  }
  100% {
    -o-transform: scale(0.3);
    background-color: #d8d8d8;
  }
}
@-ms-keyframes bounce_fountainG {
  0% {
    -ms-transform: scale(1);
    background-color: #d8d8d8;
  }
  100% {
    -ms-transform: scale(0.3);
    background-color: #d8d8d8;
  }
}
@-webkit-keyframes bounce_fountainG {
  0% {
    -webkit-transform: scale(1);
    background-color: #d8d8d8;
  }
  100% {
    -webkit-transform: scale(0.3);
    background-color: #d8d8d8;
  }
}
@-moz-keyframes bounce_fountainG {
  0% {
    -moz-transform: scale(1);
    background-color: #d8d8d8;
  }
  100% {
    -moz-transform: scale(0.3);
    background-color: #d8d8d8;
  }
}
.mgz__page-actions.page-main-actions {
  margin: 0 0 3rem;
  background: #f8f8f8;
  border-bottom: 1px solid #e3e3e3;
  border-top: 1px solid #e3e3e3;
  padding: 1.5rem;
}
.mgz__page-actions.page-main-actions .page-actions .page-actions-buttons {
  float: right;
  justify-content: flex-end;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.mgz__page-actions.page-main-actions .page-actions .page-actions-buttons button {
  background-color: transparent;
  text-shadow: none;
  color: #41362f;
  font-size: 1.6rem;
  letter-spacing: .025em;
  padding-bottom: .8875em;
  padding-top: .8875em;
  border-color: transparent;
  box-shadow: none;
  margin-left: 1.3rem;
  font-weight: 600;
}
.mgz__page-actions.page-main-actions .page-actions .page-actions-buttons button.primary {
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
  background-color: #eb5202;
  border-color: #eb5202;
  color: #fff;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25);
}
.mgz__page-actions.page-main-actions .page-actions .page-actions-buttons button.primary:hover {
  background-color: #ba4000;
  border-color: #b84002;
  box-shadow: 0 0 0 1px #007bdb;
  color: #fff;
  text-decoration: none;
}
.mgz__page-actions.page-main-actions .page-actions .page-actions-buttons button.action-secondary {
  background-color: #514943;
  border-color: #514943;
  color: #fff;
}
.mgz__page-actions.page-main-actions .page-actions .page-actions-buttons button.action-secondary:hover {
  background-color: #35302c;
  border-color: #35302c;
  box-shadow: 0 0 0 1px #007bdb;
}
.mgz__page-actions.page-main-actions .page-actions .page-actions-buttons > button.back {
  float: left;
  -ms-flex-order: -1;
  -webkit-order: -1;
  order: -1;
  margin-left: 1.3rem;
}
@media (max-width: 480px) {
  .mgz__page-actions.page-main-actions .page-actions .page-actions-buttons {
    display: block;
  }
  .mgz__page-actions.page-main-actions .page-actions .page-actions-buttons button.back {
    margin: 0;
  }
}
.mgz__page-actions.page-main-actions .page-actions:before,
.mgz__page-actions.page-main-actions .page-actions:after {
  content: '';
  display: table;
  clear: both;
}
.mgz__page-actions.page-main-actions .page-actions #back:before {
  content: '\e626';
  margin-right: .5em;
  position: relative;
  top: 1px;
  font-family: 'Magento-Icons';
}
@media (max-width: 480px) {
  .mgz__page-actions.page-main-actions .page-actions .page-actions-buttons {
    text-align: center;
  }
  .mgz__page-actions.page-main-actions .page-actions .page-actions-buttons button {
    margin-left: 0;
  }
}
.sidebar {
  max-width: 100%;
}
@charset "UTF-8";

/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */

@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

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

@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

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

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

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

@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 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 {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 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 headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

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

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

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

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

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

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

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

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

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

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

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

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

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

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

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

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

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

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

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

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

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

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

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

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

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

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

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

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

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

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

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

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

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

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

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

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

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

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

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

@keyframes fadeOutDown {
  from {
    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 fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    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 fadeOutLeft {
  from {
    opacity: 1;
  }

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

@keyframes fadeOutLeft {
  from {
    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 fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    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 fadeOutRight {
  from {
    opacity: 1;
  }

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

@keyframes fadeOutRight {
  from {
    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 fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    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 fadeOutUp {
  from {
    opacity: 1;
  }

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

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

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

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

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    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 {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -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 {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -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 {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -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 {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes lightSpeedIn {
  from {
    -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);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes lightSpeedIn {
  from {
    -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);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

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

@keyframes lightSpeedOut {
  from {
    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 {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

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

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

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

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

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

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

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

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

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

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 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: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 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: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 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: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 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: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 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-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

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

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

  50% {
    opacity: 1;
  }
}

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

  50% {
    opacity: 1;
  }
}

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

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

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

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

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

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

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

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

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

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

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

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

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

  to {
    opacity: 0;
  }
}

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

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

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

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.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(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.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(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

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

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

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

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

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

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

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

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

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

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

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

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

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

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

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

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

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

.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}

.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}

@media (print), (prefers-reduced-motion: reduce) {
  .animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }
}@font-face {
  font-family: 'Magezon-Icons';
  src:  url('../../frontend/Tonggarden/tg/en_US/Magezon_Core/fonts/mgz_icons.eot?lbpphw');
  src:  url('../../frontend/Tonggarden/tg/en_US/Magezon_Core/css/fonts/mgz_icons.eot?lbpphw#iefix') format('embedded-opentype'),
  url('../../frontend/Tonggarden/tg/en_US/Magezon_Core/fonts/mgz_icons.ttf?lbpphw') format('truetype'),
  url('../../frontend/Tonggarden/tg/en_US/Magezon_Core/fonts/mgz_icons.woff?lbpphw') format('woff'),
  url('../../frontend/Tonggarden/tg/en_US/Magezon_Core/fonts/mgz_icons.svg?lbpphw#mgz_icons') format('svg');
  font-weight: normal;
  font-style: normal;
}

.mgz-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'Magezon-Icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mgz-icon:before {
    font-family: inherit;
}

.mgz-icon-search:before {
  content: "\e8b6";
}
.mgz-icon-close:before {
  content: "\e62f";
}
.mgz-icon-add:before {
  content: "\e90d";
}
.mgz-icon-fullscreen:before {
  content: "\e915";
}
.mgz-icon-dragndrop:before {
  content: "\e913";
}
.mgz-icon-edit:before {
  content: "\e91d";
}
.mgz-icon-delete:before {
  content: "\e912";
}
.mgz-icon-clone:before {
  content: "\e911";
}
.mgz-icon-arrow_drop_right:before {
  content: "\e916";
}
.mgz-icon-arrow_drop_down:before {
  content: "\e5c5";
}
.mgz-icon-arrow_drop_up:before {
  content: "\e5c7";
}
.mgz-icon-1-1:before {
  content: "\e900";
}
.mgz-icon-1-2_1-2:before {
  content: "\e901";
}
.mgz-icon-1-3_1-3_1-3:before {
  content: "\e902";
}
.mgz-icon-1-4_1-2_1-4:before {
  content: "\e904";
}
.mgz-icon-1-4_1-4_1-4_1-4:before {
  content: "\e905";
}
.mgz-icon-1-4_3-4:before {
  content: "\e906";
}
.mgz-icon-1-6_1-6_1-6_1-2:before {
  content: "\e907";
}
.mgz-icon-1-6_1-6_1-6_1-6_1-6_1-6:before {
  content: "\e908";
}
.mgz-icon-l_15_15_15_15_15:before {
  content: "\e909";
}
.mgz-icon-1-6_2-3_1-6:before {
  content: "\e90a";
}
.mgz-icon-2-3_1-3:before {
  content: "\e90b";
}
.mgz-icon-5-6_1-6:before {
  content: "\e90c";
}
.mgz-icon-1-6_4-6_1-6:before {
  content: "\e90e";
}
.mgz-icon-row:before {
  content: "\e91e";
}
.mgz-icon-fullscreen:before {
  content: "\e915";
}
.mgz-icon-fullscreen_exit:before {
  content: "\e914";
}
.mgz-icon-check-mage:before {
  content: "\e62d";
}
.mgz-icon-plus:before {
  content: "\e61c";
}
.mgz-icon-minus:before {
  content: "\e60f";
}
.mgz-icon-remove:before {
  content: "\e604";
}
.mgz-icon-up:before {
  content: "\e621";
}
.mgz-icon-down:before {
  content: "\e622";
}
.mgz-icon-product:before {
  content: "\e608";
}
.mgz-icon-tabs:before {
  content: "\e879";
}
.mgz-icon-divider:before {
  content: "\e822";
  font-weight: bold;
}
.mgz-icon-spacer:before {
  content: "\e877";
  font-weight: bold;
}
.mgz-settings-icon:before{
  content: "\e910";
}
.mgz-icon-play:before {
  content: "\e939";
}
.mgz-icon-cms:before {
  content: "\e602";
}
.mgz-icon-testimonial:before {
  content: "\e920";
}
.mgz-icon-social-icons:before {
  content: "\e876";
}
.mgz-icon-pricing-table:before {
  content: "\e859";
}
.mgz-icon-accordion:before {
  content: "\e806";
}
.mgz-icon-number-counter:before {
  content: "\e921";
}
.mgz-icon-favorite:before {
  content: "\e895";
}
.mgz-icon-toggle:before {
  content: "\e887";
}
.mgz-icon-slideshow:before {
  content: "\e875";
}
.mgz-icon-icon-list:before {
  content: "\e893";
}
.mgz-icon-flip-box:before {
  content: "\e903";
}
.mgz-icon-code:before {
  content: "\e894";
}
.mgz-icon-countdown:before {
  content: "\e818";
}
.mgz-icon-magezon-pagebuilder:before {
  content: "\e922";
}
.mgz-icon-checkbox:before {
  content: "\e816";
}
.mgz-icon-number-field:before {
  content: "\e846";
}
.mgz-icon-menu-toggle:before {
  content: "\e943";
}
.mgz-icon-button:before {
  content: "\e812";
}
.mgz-icon-text-field:before {
  content: "\e882";
}
.mgz-icon-delete2:before {
  content: "\e630";
}
.mgz-icon-check:before {
  content: "\e5ca";
}
.mgz-icon-tablet-landscape:before {
  content: "\1f4bb";
}
.mgz-icon-mobile-portrait:before {
  content: "\1f4f1";
}
.mgz-icon-mobile-landscape:before {
  content: "\1f4f2";
}
.mgz-icon-desktop:before {
  content: "\1f4fa";
}
.mgz-icon-tablet-portrait:before {
  content: "\1f5b3";
}
.mgz-icon-arrow_downward:before {
  content: "\e5dc";
}
.mgz-icon-stores:before {
  content: "\e60e";
}
.mgz-icon-sales:before {
  content: "\e60b";
}
.mgz-icon-layers:before {
  content: "\1f5d7";
}
.mgz-icon-column:before {
  content: "\23f8";
}
.mgz-icon-minimize:before {
  content: "\e91c";
}@font-face{font-family:mgz_openiconic;src:url(../../frontend/Tonggarden/tg/en_US/Magezon_Builder/fonts/mgz_openiconic.eot?54101537);src:url(../../frontend/Tonggarden/tg/en_US/Magezon_Builder/fonts/mgz_openiconic.eot?54101537#iefix) format('embedded-opentype'),url(../../frontend/Tonggarden/tg/en_US/Magezon_Builder/fonts/mgz_openiconic.woff?54101537) format('woff'),url(../../frontend/Tonggarden/tg/en_US/Magezon_Builder/fonts/mgz_openiconic.ttf?54101537) format('truetype'),url(../../frontend/Tonggarden/tg/en_US/Magezon_Builder/fonts/mgz_openiconic.svg?54101537#mgz_openiconic) format('svg');font-weight:400;font-style:normal}[class*=" mgz-oi-"]:before,[class^=mgz-oi-]:before{font-family:mgz_openiconic;font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:0;text-align:center;font-variant:normal;text-transform:none;line-height:inherit;margin-left:0}.mgz-oi-dial:before{content:'\e800'}.mgz-oi-pilcrow:before{content:'\e801'}.mgz-oi-at:before{content:'\e802'}.mgz-oi-hash:before{content:'\e803'}.mgz-oi-key-inv:before{content:'\e804'}.mgz-oi-key:before{content:'\e805'}.mgz-oi-chart-pie-alt:before{content:'\e806'}.mgz-oi-chart-pie:before{content:'\e807'}.mgz-oi-chart-bar:before{content:'\e808'}.mgz-oi-umbrella:before{content:'\e809'}.mgz-oi-moon-inv:before{content:'\e80a'}.mgz-oi-mobile:before{content:'\e80b'}.mgz-oi-cd:before{content:'\e80c'}.mgz-oi-split:before{content:'\e80d'}.mgz-oi-exchange:before{content:'\e80e'}.mgz-oi-block:before{content:'\e80f'}.mgz-oi-resize-full:before{content:'\e810'}.mgz-oi-article-alt:before{content:'\e811'}.mgz-oi-article:before{content:'\e812'}.mgz-oi-pencil-alt:before{content:'\e813'}.mgz-oi-undo:before{content:'\e814'}.mgz-oi-attach:before{content:'\e815'}.mgz-oi-link:before{content:'\e816'}.mgz-oi-search:before{content:'\e817'}.mgz-oi-mail:before{content:'\e818'}.mgz-oi-heart:before{content:'\e819'}.mgz-oi-comment:before{content:'\e81a'}.mgz-oi-resize-full-alt:before{content:'\e81b'}.mgz-oi-lock:before{content:'\e81c'}.mgz-oi-book-open:before{content:'\e81d'}.mgz-oi-arrow-curved:before{content:'\e81e'}.mgz-oi-equalizer:before{content:'\e81f'}.mgz-oi-heart-empty:before{content:'\e820'}.mgz-oi-lock-empty:before{content:'\e821'}.mgz-oi-comment-inv:before{content:'\e822'}.mgz-oi-folder:before{content:'\e823'}.mgz-oi-resize-small:before{content:'\e824'}.mgz-oi-play:before{content:'\e825'}.mgz-oi-cursor:before{content:'\e826'}.mgz-oi-aperture:before{content:'\e827'}.mgz-oi-play-circle2:before{content:'\e828'}.mgz-oi-resize-small-alt:before{content:'\e829'}.mgz-oi-folder-empty:before{content:'\e82a'}.mgz-oi-comment-alt:before{content:'\e82b'}.mgz-oi-lock-open:before{content:'\e82c'}.mgz-oi-star:before{content:'\e82d'}.mgz-oi-user:before{content:'\e82e'}.mgz-oi-lock-open-empty:before{content:'\e82f'}.mgz-oi-box:before{content:'\e830'}.mgz-oi-resize-vertical:before{content:'\e831'}.mgz-oi-stop:before{content:'\e832'}.mgz-oi-aperture-alt:before{content:'\e833'}.mgz-oi-book:before{content:'\e834'}.mgz-oi-steering-wheel:before{content:'\e835'}.mgz-oi-pause:before{content:'\e836'}.mgz-oi-to-start:before{content:'\e837'}.mgz-oi-move:before{content:'\e838'}.mgz-oi-resize-horizontal:before{content:'\e839'}.mgz-oi-rss-alt:before{content:'\e83a'}.mgz-oi-comment-alt2:before{content:'\e83b'}.mgz-oi-rss:before{content:'\e83c'}.mgz-oi-comment-inv-alt:before{content:'\e83d'}.mgz-oi-comment-inv-alt2:before{content:'\e83e'}.mgz-oi-eye:before{content:'\e83f'}.mgz-oi-pin:before{content:'\e840'}.mgz-oi-video:before{content:'\e841'}.mgz-oi-picture:before{content:'\e842'}.mgz-oi-camera:before{content:'\e843'}.mgz-oi-tag:before{content:'\e844'}.mgz-oi-chat:before{content:'\e845'}.mgz-oi-cog:before{content:'\e846'}.mgz-oi-popup:before{content:'\e847'}.mgz-oi-to-end:before{content:'\e848'}.mgz-oi-book-alt:before{content:'\e849'}.mgz-oi-brush:before{content:'\e84a'}.mgz-oi-eject:before{content:'\e84b'}.mgz-oi-down:before{content:'\e84c'}.mgz-oi-wrench:before{content:'\e84d'}.mgz-oi-chat-inv:before{content:'\e84e'}.mgz-oi-tag-empty:before{content:'\e84f'}.mgz-oi-ok:before{content:'\e850'}.mgz-oi-ok-circle:before{content:'\e851'}.mgz-oi-download:before{content:'\e852'}.mgz-oi-location:before{content:'\e853'}.mgz-oi-share:before{content:'\e854'}.mgz-oi-left:before{content:'\e855'}.mgz-oi-target:before{content:'\e856'}.mgz-oi-brush-alt:before{content:'\e857'}.mgz-oi-cancel:before{content:'\e858'}.mgz-oi-upload:before{content:'\e859'}.mgz-oi-location-inv:before{content:'\e85a'}.mgz-oi-calendar:before{content:'\e85b'}.mgz-oi-right:before{content:'\e85c'}.mgz-oi-signal:before{content:'\e85d'}.mgz-oi-eyedropper:before{content:'\e85e'}.mgz-oi-layers:before{content:'\e85f'}.mgz-oi-award:before{content:'\e860'}.mgz-oi-up:before{content:'\e861'}.mgz-oi-calendar-inv:before{content:'\e862'}.mgz-oi-location-alt:before{content:'\e863'}.mgz-oi-download-cloud:before{content:'\e864'}.mgz-oi-cancel-circle:before{content:'\e865'}.mgz-oi-plus:before{content:'\e866'}.mgz-oi-upload-cloud:before{content:'\e867'}.mgz-oi-compass:before{content:'\e868'}.mgz-oi-calendar-alt:before{content:'\e869'}.mgz-oi-down-circle:before{content:'\e86a'}.mgz-oi-award-empty:before{content:'\e86b'}.mgz-oi-layers-alt:before{content:'\e86c'}.mgz-oi-sun:before{content:'\e86d'}.mgz-oi-list:before{content:'\e86e'}.mgz-oi-left-circle:before{content:'\e86f'}.mgz-oi-mic:before{content:'\e870'}.mgz-oi-trash:before{content:'\e871'}.mgz-oi-quote-left:before{content:'\e872'}.mgz-oi-plus-circle:before{content:'\e873'}.mgz-oi-minus:before{content:'\e874'}.mgz-oi-quote-right:before{content:'\e875'}.mgz-oi-trash-empty:before{content:'\e876'}.mgz-oi-volume-off:before{content:'\e877'}.mgz-oi-right-circle:before{content:'\e878'}.mgz-oi-list-nested:before{content:'\e879'}.mgz-oi-sun-inv:before{content:'\e87a'}.mgz-oi-bat-empty:before{content:'\e87b'}.mgz-oi-up-circle:before{content:'\e87c'}.mgz-oi-volume-up:before{content:'\e87d'}.mgz-oi-doc:before{content:'\e87e'}.mgz-oi-quote-left-alt:before{content:'\e87f'}.mgz-oi-minus-circle:before{content:'\e880'}.mgz-oi-cloud:before{content:'\e881'}.mgz-oi-rain:before{content:'\e882'}.mgz-oi-bat-half:before{content:'\e883'}.mgz-oi-cw:before{content:'\e884'}.mgz-oi-headphones:before{content:'\e885'}.mgz-oi-doc-inv:before{content:'\e886'}.mgz-oi-quote-right-alt:before{content:'\e887'}.mgz-oi-help:before{content:'\e888'}.mgz-oi-info:before{content:'\e889'}.mgz-oi-pencil:before{content:'\e88a'}.mgz-oi-doc-alt:before{content:'\e88b'}.mgz-oi-clock:before{content:'\e88c'}.mgz-oi-loop:before{content:'\e88d'}.mgz-oi-bat-full:before{content:'\e88e'}.mgz-oi-flash:before{content:'\e88f'}.mgz-oi-moon:before{content:'\e890'}.mgz-oi-bat-charge:before{content:'\e891'}.mgz-oi-loop-alt:before{content:'\e892'}.mgz-oi-lamp:before{content:'\e893'}.mgz-oi-doc-inv-alt:before{content:'\e894'}.mgz-oi-pencil-neg:before{content:'\e895'}.mgz-oi-home:before{content:'\e896'}@charset "UTF-8";
.mgz-flex,
.mgz-flex-position-top-left,
.mgz-flex-position-top-center,
.mgz-flex-position-top-right,
.mgz-flex-position-middle-left,
.mgz-flex-position-center-left,
.mgz-flex-position-middle-center,
.mgz-flex-position-center-center,
.mgz-flex-position-middle-right,
.mgz-flex-position-center-right,
.mgz-flex-position-bottom-left,
.mgz-flex-position-bottom-center,
.mgz-flex-position-bottom-right,
.mgz-element-row.mgz-row-wrap-reverse > .mgz-element-inner,
.mgz-element-row.mgz-row-equal-height > .mgz-element-inner,
.mgz-element-row.mgz-row-wrap-reverse > .mgz-element-inner > .inner-content,
.mgz-element-row.mgz-row-equal-height > .mgz-element-inner > .inner-content,
.mgz-element-row.mgz-row-wrap-reverse > .mgz-element-inner > .inner-content > .mgz-element,
.mgz-element-row.mgz-row-equal-height > .mgz-element-inner > .inner-content > .mgz-element,
.mgz-element-row.mgz-row-wrap-reverse > .mgz-element-inner > .inner-content > .mgz-element > .mgz-element-inner,
.mgz-element-row.mgz-row-equal-height > .mgz-element-inner > .inner-content > .mgz-element > .mgz-element-inner,
.mgz-socialicons li,
.mgz-countdown {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.mgz-invisible {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
a.mgz-btn {
  color: #333;
}
.mgz-btn:not(.primary) {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
button.mgz-btn {
  border: 0;
}
.mgz-btn {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 0;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  word-wrap: break-word;
  text-decoration: none;
  position: relative;
  line-height: normal;
  padding: 10px 20px;
  color: #333;
  background-color: #e3e3e3;
  font-size: 1.4rem;
  max-width: 100%;
  height: auto;
}
.mgz-btn:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #5e5e5e;
  background-color: #dcdcdc;
  text-decoration: none;
}
.mgz-btn:focus {
  outline: none;
}
.mgz-btn.mgz-btn-save,
.mgz-btn.mgz-btn-cancel,
.mgz-btn.mgz-btn-replace {
  padding: 15px 20px;
  font-size: 1.6rem;
  font-weight: 500;
  min-width: 140px;
}
.mgz-btn.mgz-btn-save {
  background: #007dbd;
  color: #FFF;
}
.mgz-btn.mgz-btn-save:hover {
  background: #0073ae;
}
.mgz-btn.mgz-btn-cancel {
  color: #fff;
  background-color: #afafaf;
}
.mgz-btn.mgz-btn-cancel:hover {
  background-color: #8c8c8c;
}
.mgz-btn.mgz-btn-replace {
  float: left;
  color: #fff;
  background-color: #afafaf;
}
.mgz-btn.mgz-btn-replace:hover {
  background-color: #8c8c8c;
}
.mgz-btn.mgz-btn-delete {
  color: #FFF;
  background-color: #e22626;
}
.mgz-btn.mgz-btn-delete:hover {
  background-color: #ca1c1c;
}
.mgz-icon,
.tabs-opener:before {
  font-family: 'Magezon-Icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fa {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}
.fa-s {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}
.fa-r {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400;
}
.mgz-liststyle {
  margin: 0;
  padding: 0;
  list-style: none;
}
/*!
 * ImageHover.css - http://www.imagehover.io
 * Version 1.0
 * Author: Ciarán Walsh

 * Made available under a MIT License:
 * http://www.opensource.org/licenses/mit-license.php

 */
.mgz-hover {
  position: relative;
  overflow: hidden;
  display: block;
}
.mgz-hover-description {
  position: relative;
  display: inline-block;
  margin: 0;
  max-width: 100%;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transform: translateZ(0);
}
.mgz-hover-main {
  overflow: hidden;
}
[class^='mgz-hover-'] > img,
[class*=' mgz-hover-'] > img {
  vertical-align: top;
  max-width: 100%;
}
[class^='mgz-hover-'] .mgz-hover-description,
[class*=' mgz-hover-'] .mgz-hover-description {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 30px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
[class^='mgz-hover-'],
[class*=' mgz-hover-'],
[class^='mgz-hover-']:before,
[class^='mgz-hover-']:after,
[class*=' mgz-hover-']:before,
[class*=' mgz-hover-']:after,
[class^='mgz-hover-'] *,
[class*=' mgz-hover-'] *,
[class^='mgz-hover-'] *:before,
[class^='mgz-hover-'] *:after,
[class*=' mgz-hover-'] *:before,
[class*=' mgz-hover-'] *:after {
  box-sizing: border-box;
  transition: all 0.35s ease;
}
/* mgz-hover-fade-*
----------------------------- */
[class^='mgz-hover-fade'] .mgz-hover-description,
[class*=' mgz-hover-fade'] .mgz-hover-description {
  opacity: 0;
}
[class^='mgz-hover-fade']:hover > .mgz-hover-main,
[class*=' mgz-hover-fade']:hover > .mgz-hover-main {
  opacity: 0;
}
[class^='mgz-hover-fade']:hover .mgz-hover-description,
[class*=' mgz-hover-fade']:hover .mgz-hover-description {
  opacity: 1;
}
[class^='mgz-hover-fade']:hover > .mgz-hover-main,
[class^='mgz-hover-fade']:hover .mgz-hover-description,
[class*=' mgz-hover-fade']:hover > .mgz-hover-main,
[class*=' mgz-hover-fade']:hover .mgz-hover-description {
  transform: translate(0, 0);
}
/* mgz-hover-fade
----------------------------- */
/* mgz-hover-fade-in-up
----------------------------- */
.mgz-hover-fade-in-up .mgz-hover-description {
  transform: translate(0, 15%);
}
/* mgz-hover-fade-in-down
----------------------------- */
.mgz-hover-fade-in-down .mgz-hover-description {
  transform: translate(0, -15%);
}
/* mgz-hover-fade-in-left
----------------------------- */
.mgz-hover-fade-in-left .mgz-hover-description {
  transform: translate(-15%, 0);
}
/* mgz-hover-fade-in-right
----------------------------- */
.mgz-hover-fade-in-right .mgz-hover-description {
  transform: translate(15%, 0);
}
/* mgz-hover-push-*
----------------------------- */
[class^='mgz-hover-push-']:hover .mgz-hover-description,
[class*=' mgz-hover-push-']:hover .mgz-hover-description {
  transform: translate(0, 0);
}
/* mgz-hover-push-up
----------------------------- */
.mgz-hover-push-up .mgz-hover-description {
  transform: translateY(100%);
}
.mgz-hover-push-up:hover > .mgz-hover-main {
  transform: translateY(-100%);
}
/* mgz-hover-push-down
----------------------------- */
.mgz-hover-push-down .mgz-hover-description {
  transform: translateY(-100%);
}
.mgz-hover-push-down:hover > .mgz-hover-main {
  transform: translateY(100%);
}
/* mgz-hover-push-left
----------------------------- */
.mgz-hover-push-left .mgz-hover-description {
  transform: translateX(100%);
}
.mgz-hover-push-left:hover > .mgz-hover-main {
  transform: translateX(-100%);
}
/* mgz-hover-push--right
----------------------------- */
.mgz-hover-push-right .mgz-hover-description {
  transform: translateX(-100%);
}
.mgz-hover-push-right:hover > .mgz-hover-main {
  transform: translateX(100%);
}
/* mgz-hover-slide-*
----------------------------- */
[class^='mgz-hover-slide-']:hover .mgz-hover-description,
[class*=' mgz-hover-slide-']:hover .mgz-hover-description {
  transform: translate(0, 0);
}
/* mgz-hover-slide-up
----------------------------- */
.mgz-hover-slide-up .mgz-hover-description {
  transform: translateY(100%);
}
/* mgz-hover-slide-down
----------------------------- */
.mgz-hover-slide-down .mgz-hover-description {
  transform: translateY(-100%);
}
/* mgz-hover-slide-left
----------------------------- */
.mgz-hover-slide-left .mgz-hover-description {
  transform: translateX(100%);
}
/* mgz-hover-slide-right
----------------------------- */
.mgz-hover-slide-right .mgz-hover-description {
  transform: translateX(-100%);
}
/* mgz-hover-slide-top-left
----------------------------- */
.mgz-hover-slide-top-left .mgz-hover-description {
  transform: translate(-100%, -100%);
}
/* mgz-hover-slide-top-right
----------------------------- */
.mgz-hover-slide-top-right .mgz-hover-description {
  transform: translate(100%, -100%);
}
/* mgz-hover-slide-bottom-left
----------------------------- */
.mgz-hover-slide-bottom-left .mgz-hover-description {
  transform: translate(-100%, 100%);
}
/* mgz-hover-slide-bottom-right
----------------------------- */
.mgz-hover-slide-bottom-right .mgz-hover-description {
  transform: translate(100%, 100%);
}
/* mgz-hover-reveal-*
----------------------------- */
[class^='mgz-hover-reveal-']:before,
[class*=' mgz-hover-reveal-']:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: '';
  background-color: #007dbd;
}
[class^='mgz-hover-reveal-'] .mgz-hover-description,
[class*=' mgz-hover-reveal-'] .mgz-hover-description {
  opacity: 0;
}
[class^='mgz-hover-reveal-']:hover:before,
[class*=' mgz-hover-reveal-']:hover:before {
  transform: translate(0, 0);
}
[class^='mgz-hover-reveal-']:hover .mgz-hover-description,
[class*=' mgz-hover-reveal-']:hover .mgz-hover-description {
  opacity: 1;
  transition-delay: 0.21s;
}
/* mgz-hover-reveal-up
----------------------------- */
.mgz-hover-reveal-up:before {
  transform: translateY(100%);
}
/* mgz-hover-reveal-down
----------------------------- */
.mgz-hover-reveal-down:before {
  transform: translateY(-100%);
}
/* mgz-hover-reveal-left
----------------------------- */
.mgz-hover-reveal-left:before {
  transform: translateX(100%);
}
/* mgz-hover-reveal-right
----------------------------- */
.mgz-hover-reveal-right:before {
  transform: translateX(-100%);
}
/* mgz-hover-reveal-top-left
----------------------------- */
.mgz-hover-reveal-top-left:before {
  transform: translate(-100%, -100%);
}
/* mgz-hover-reveal-top-right
----------------------------- */
.mgz-hover-reveal-top-right:before {
  transform: translate(100%, -100%);
}
/* mgz-hover-reveal-bottom-left
----------------------------- */
.mgz-hover-reveal-bottom-left:before {
  transform: translate(-100%, 100%);
}
/* mgz-hover-reveal-bottom-right
----------------------------- */
.mgz-hover-reveal-bottom-right:before {
  transform: translate(100%, 100%);
}
/* mgz-hover-hinge-*
----------------------------- */
[class^='mgz-hover-hinge-'],
[class*=' mgz-hover-hinge-'] {
  perspective: 50em;
}
[class^='mgz-hover-hinge-'] .mgz-hover-description,
[class*=' mgz-hover-hinge-'] .mgz-hover-description {
  opacity: 0;
  z-index: 1;
}
[class^='mgz-hover-hinge-']:hover img,
[class*=' mgz-hover-hinge-']:hover img {
  opacity: 0;
}
[class^='mgz-hover-hinge-']:hover .mgz-hover-description,
[class*=' mgz-hover-hinge-']:hover .mgz-hover-description {
  opacity: 1;
  transition-delay: 0.21s;
}
/* mgz-hover-hinge-up
----------------------------- */
.mgz-hover-hinge-up img {
  transform-origin: 50% 0%;
}
.mgz-hover-hinge-up .mgz-hover-description {
  transform: rotateX(90deg);
  transform-origin: 50% 100%;
}
.mgz-hover-hinge-up:hover > .mgz-hover-main {
  transform: rotateX(-90deg);
}
.mgz-hover-hinge-up:hover .mgz-hover-description {
  transform: rotateX(0);
}
/* mgz-hover-hinge-down
----------------------------- */
.mgz-hover-hinge-down img {
  transform-origin: 50% 100%;
}
.mgz-hover-hinge-down .mgz-hover-description {
  transform: rotateX(-90deg);
  transform-origin: 50% -50%;
}
.mgz-hover-hinge-down:hover > .mgz-hover-main {
  transform: rotateX(90deg);
  opacity: 0;
}
.mgz-hover-hinge-down:hover .mgz-hover-description {
  transform: rotateX(0);
}
/* mgz-hover-hinge-left
----------------------------- */
.mgz-hover-hinge-left img {
  transform-origin: 0% 50%;
}
.mgz-hover-hinge-left .mgz-hover-description {
  transform: rotateY(-90deg);
  transform-origin: 100% 50%;
}
.mgz-hover-hinge-left:hover > .mgz-hover-main {
  transform: rotateY(90deg);
}
.mgz-hover-hinge-left:hover .mgz-hover-description {
  transform: rotateY(0);
}
/* mgz-hover-hinge-right
----------------------------- */
.mgz-hover-hinge-right img {
  transform-origin: 100% 50%;
}
.mgz-hover-hinge-right .mgz-hover-description {
  transform: rotateY(90deg);
  transform-origin: 0 50%;
}
.mgz-hover-hinge-right:hover > .mgz-hover-main {
  transform: rotateY(-90deg);
}
.mgz-hover-hinge-right:hover .mgz-hover-description {
  transform: rotateY(0);
}
/* mgz-hover-flip-*
----------------------------- */
[class^='mgz-hover-flip-'],
[class*=' mgz-hover-flip-'] {
  perspective: 50em;
}
[class^='mgz-hover-flip-'] img,
[class*=' mgz-hover-flip-'] img {
  backface-visibility: hidden;
}
[class^='mgz-hover-flip-'] .mgz-hover-description,
[class*=' mgz-hover-flip-'] .mgz-hover-description {
  opacity: 0;
}
[class^='mgz-hover-flip-']:hover > .mgz-hover-main,
[class*=' mgz-hover-flip-']:hover > .mgz-hover-main {
  opacity: 0;
}
[class^='mgz-hover-flip-']:hover .mgz-hover-description,
[class*=' mgz-hover-flip-']:hover .mgz-hover-description {
  opacity: 1;
  transition-delay: 0.14s;
}
/* mgz-hover-flip-horiz
----------------------------- */
.mgz-hover-flip-horiz .mgz-hover-description {
  transform: rotateX(90deg);
  transform-origin: 0% 50%;
}
.mgz-hover-flip-horiz:hover img {
  transform: rotateX(-180deg);
}
.mgz-hover-flip-horiz:hover .mgz-hover-description {
  transform: rotateX(0deg);
}
/* mgz-hover-flip-vert
----------------------------- */
.mgz-hover-flip-vert .mgz-hover-description {
  transform: rotateY(90deg);
  transform-origin: 50% 0%;
}
.mgz-hover-flip-vert:hover > .mgz-hover-main {
  transform: rotateY(-180deg);
}
.mgz-hover-flip-vert:hover .mgz-hover-description {
  transform: rotateY(0deg);
}
/* mgz-hover-flip-diag-1
----------------------------- */
.mgz-hover-flip-diag-1 .mgz-hover-description {
  transform: rotate3d(1, -1, 0, 100deg);
}
.mgz-hover-flip-diag-1:hover > .mgz-hover-main {
  transform: rotate3d(-1, 1, 0, 100deg);
}
.mgz-hover-flip-diag-1:hover .mgz-hover-description {
  transform: rotate3d(0, 0, 0, 0deg);
}
/* mgz-hover-flip-diag-2
----------------------------- */
.mgz-hover-flip-diag-2 .mgz-hover-description {
  transform: rotate3d(1, 1, 0, 100deg);
}
.mgz-hover-flip-diag-2:hover > .mgz-hover-main {
  transform: rotate3d(-1, -1, 0, 100deg);
}
.mgz-hover-flip-diag-2:hover .mgz-hover-description {
  transform: rotate3d(0, 0, 0, 0deg);
}
/* mgz-hover-shutter-out-*
----------------------------- */
[class^='mgz-hover-shutter-out-']:before,
[class*=' mgz-hover-shutter-out-']:before {
  background: #007dbd;
  position: absolute;
  content: '';
  transition-delay: 0.105s;
}
[class^='mgz-hover-shutter-out-'] .mgz-hover-description,
[class*=' mgz-hover-shutter-out-'] .mgz-hover-description {
  opacity: 0;
  transition-delay: 0s;
}
[class^='mgz-hover-shutter-out-']:hover:before,
[class*=' mgz-hover-shutter-out-']:hover:before {
  transition-delay: 0s;
}
[class^='mgz-hover-shutter-out-']:hover .mgz-hover-description,
[class*=' mgz-hover-shutter-out-']:hover .mgz-hover-description {
  opacity: 1;
  transition-delay: 0.105s;
}
/* mgz-hover-shutter-out-horiz
----------------------------- */
.mgz-hover-shutter-out-horiz:before {
  left: 50%;
  right: 50%;
  top: 0;
  bottom: 0;
}
.mgz-hover-shutter-out-horiz:hover:before {
  left: 0;
  right: 0;
}
/* mgz-hover-shutter-out-vert
----------------------------- */
.mgz-hover-shutter-out-vert:before {
  top: 50%;
  bottom: 50%;
  left: 0;
  right: 0;
}
.mgz-hover-shutter-out-vert:hover:before {
  top: 0;
  bottom: 0;
}
/* mgz-hover-shutter-out-diag-1
----------------------------- */
.mgz-hover-shutter-out-diag-1:before {
  top: 50%;
  bottom: 50%;
  left: -35%;
  right: -35%;
  transform: rotate(45deg);
}
.mgz-hover-shutter-out-diag-1:hover:before {
  top: -35%;
  bottom: -35%;
}
/* mgz-hover-shutter-out-diag-2
----------------------------- */
.mgz-hover-shutter-out-diag-2:before {
  top: 50%;
  bottom: 50%;
  left: -35%;
  right: -35%;
  transform: rotate(-45deg);
}
.mgz-hover-shutter-out-diag-2:hover:before {
  top: -35%;
  bottom: -35%;
}
/* mgz-hover-shutter-in-*
----------------------------- */
[class^='mgz-hover-shutter-in-']:after,
[class^='mgz-hover-shutter-in-']:before,
[class*=' mgz-hover-shutter-in-']:after,
[class*=' mgz-hover-shutter-in-']:before {
  background: #007dbd;
  position: absolute;
  content: '';
}
[class^='mgz-hover-shutter-in-']:after,
[class*=' mgz-hover-shutter-in-']:after {
  top: 0;
  left: 0;
}
[class^='mgz-hover-shutter-in-']:before,
[class*=' mgz-hover-shutter-in-']:before {
  right: 0;
  bottom: 0;
}
[class^='mgz-hover-shutter-in-'] .mgz-hover-description,
[class*=' mgz-hover-shutter-in-'] .mgz-hover-description {
  opacity: 0;
  z-index: 1;
}
[class^='mgz-hover-shutter-in-']:hover .mgz-hover-description,
[class*=' mgz-hover-shutter-in-']:hover .mgz-hover-description {
  opacity: 1;
  transition-delay: 0.21s;
}
/* mgz-hover-shutter-in-horiz
----------------------------- */
.mgz-hover-shutter-in-horiz:after,
.mgz-hover-shutter-in-horiz:before {
  width: 0;
  height: 100%;
}
.mgz-hover-shutter-in-horiz:hover:after,
.mgz-hover-shutter-in-horiz:hover:before {
  width: 50%;
}
/* mgz-hover-shutter-in-vert
----------------------------- */
.mgz-hover-shutter-in-vert:after,
.mgz-hover-shutter-in-vert:before {
  height: 0;
  width: 100%;
}
.mgz-hover-shutter-in-vert:hover:after,
.mgz-hover-shutter-in-vert:hover:before {
  height: 50%;
}
/* mgz-hover-shutter-in-out-horiz
----------------------------- */
.mgz-hover-shutter-in-out-horiz:after,
.mgz-hover-shutter-in-out-horiz:before {
  width: 0;
  height: 100%;
  opacity: 0.75;
}
.mgz-hover-shutter-in-out-horiz:hover:after,
.mgz-hover-shutter-in-out-horiz:hover:before {
  width: 100%;
}
/* mgz-hover-shutter-in-out-vert
----------------------------- */
.mgz-hover-shutter-in-out-vert:after,
.mgz-hover-shutter-in-out-vert:before {
  height: 0;
  width: 100%;
  opacity: 0.75;
}
.mgz-hover-shutter-in-out-vert:hover:after,
.mgz-hover-shutter-in-out-vert:hover:before {
  height: 100%;
}
/* mgz-hover-shutter-in-out-diag-1
----------------------------- */
.mgz-hover-shutter-in-out-diag-1:after,
.mgz-hover-shutter-in-out-diag-1:before {
  width: 200%;
  height: 200%;
  transition: all 0.6s ease;
  opacity: 0.75;
}
.mgz-hover-shutter-in-out-diag-1:after {
  transform: skew(-45deg) translateX(-150%);
}
.mgz-hover-shutter-in-out-diag-1:before {
  transform: skew(-45deg) translateX(150%);
}
.mgz-hover-shutter-in-out-diag-1:hover:after {
  transform: skew(-45deg) translateX(-50%);
}
.mgz-hover-shutter-in-out-diag-1:hover:before {
  transform: skew(-45deg) translateX(50%);
}
/* mgz-hover-shutter-in-out-diag-2
----------------------------- */
.mgz-hover-shutter-in-out-diag-2:after,
.mgz-hover-shutter-in-out-diag-2:before {
  width: 200%;
  height: 200%;
  transition: all 0.6s ease;
  opacity: 0.75;
}
.mgz-hover-shutter-in-out-diag-2:after {
  transform: skew(45deg) translateX(-100%);
}
.mgz-hover-shutter-in-out-diag-2:before {
  transform: skew(45deg) translateX(100%);
}
.mgz-hover-shutter-in-out-diag-2:hover:after {
  transform: skew(45deg) translateX(0%);
}
.mgz-hover-shutter-in-out-diag-2:hover:before {
  transform: skew(45deg) translateX(0%);
}
/* mgz-hover-fold*
----------------------------- */
[class^='mgz-hover-fold'],
[class*=' mgz-hover-fold'] {
  perspective: 50em;
}
[class^='mgz-hover-fold'] img,
[class*=' mgz-hover-fold'] img {
  transform-origin: 50% 0%;
}
[class^='mgz-hover-fold'] .mgz-hover-description,
[class*=' mgz-hover-fold'] .mgz-hover-description {
  z-index: 1;
  opacity: 0;
}
[class^='mgz-hover-fold']:hover > .mgz-hover-main,
[class*=' mgz-hover-fold']:hover > .mgz-hover-main {
  opacity: 0;
  transition-delay: 0;
}
[class^='mgz-hover-fold']:hover .mgz-hover-description,
[class*=' mgz-hover-fold']:hover .mgz-hover-description {
  transform: rotateX(0) translate3d(0, 0%, 0) scale(1);
  opacity: 1;
  transition-delay: 0.21s;
}
/* mgz-hover-fold-up
----------------------------- */
.mgz-hover-fold-up > img {
  transform-origin: 50% 0%;
}
.mgz-hover-fold-up .mgz-hover-description {
  transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6);
  transform-origin: 50% 100%;
}
.mgz-hover-fold-up:hover > .mgz-hover-main {
  transform: rotateX(90deg) scale(0.6) translateY(50%);
}
/* mgz-hover-fold-down
----------------------------- */
.mgz-hover-fold-down > img {
  transform-origin: 50% 100%;
}
.mgz-hover-fold-down .mgz-hover-description {
  transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6);
  transform-origin: 50% 0%;
}
.mgz-hover-fold-down:hover > .mgz-hover-main {
  transform: rotateX(-90deg) scale(0.6) translateY(-50%);
}
/* mgz-hover-fold-left
----------------------------- */
.mgz-hover-fold-left > img {
  transform-origin: 0% 50%;
}
.mgz-hover-fold-left .mgz-hover-description {
  transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6);
  transform-origin: 100% 50%;
}
.mgz-hover-fold-left:hover > .mgz-hover-main {
  transform: rotateY(-90deg) scale(0.6) translateX(50%);
}
/* mgz-hover-fold-right
----------------------------- */
.mgz-hover-fold-right > img {
  transform-origin: 100% 50%;
}
.mgz-hover-fold-right .mgz-hover-description {
  transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6);
  transform-origin: 0 50%;
}
.mgz-hover-fold-right:hover > .mgz-hover-main {
  transform: rotateY(90deg) scale(0.6) translateX(-50%);
}
/* mgz-hover-zoom-in
----------------------------- */
.mgz-hover-zoom-in .mgz-hover-description {
  opacity: 0;
  transform: scale(0.5);
}
.mgz-hover-zoom-in:hover .mgz-hover-description {
  transform: scale(1);
  opacity: 1;
}
/* mgz-hover-zoom-out*
----------------------------- */
[class^='mgz-hover-zoom-out'] .mgz-hover-description,
[class*=' mgz-hover-zoom-out'] .mgz-hover-description {
  transform: scale(0.5);
  transform-origin: 50% 50%;
  opacity: 0;
}
[class^='mgz-hover-zoom-out']:hover .mgz-hover-description,
[class^='mgz-hover-zoom-out'].hover .mgz-hover-description,
[class*=' mgz-hover-zoom-out']:hover .mgz-hover-description,
[class*=' mgz-hover-zoom-out'].hover .mgz-hover-description {
  transform: scale(1);
  opacity: 1;
  transition-delay: 0.35s;
}
/* mgz-hover-zoom-out
----------------------------- */
.mgz-hover-zoom-out:hover > .mgz-hover-main {
  transform: scale(0.5);
  opacity: 0;
}
/* mgz-hover-zoom-out-up
----------------------------- */
.mgz-hover-zoom-out-up:hover > .mgz-hover-main,
.mgz-hover-zoom-out-up.hover > img {
  animation: mgz-hover-zoom-out-up 0.4025s linear;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
@-webkit-keyframes mgz-hover-zoom-out-up {
  50% {
    transform: scale(0.8) translateY(0%);
    opacity: 0.5;
  }
  100% {
    transform: scale(0.8) translateY(-150%);
    opacity: 0.5;
  }
}
@keyframes mgz-hover-zoom-out-up {
  50% {
    transform: scale(0.8) translateY(0%);
    opacity: 0.5;
  }
  100% {
    transform: scale(0.8) translateY(-150%);
    opacity: 0.5;
  }
}
/* mgz-hover-zoom-out-down
----------------------------- */
.mgz-hover-zoom-out-down:hover > .mgz-hover-main,
.mgz-hover-zoom-out-down.hover > img {
  animation: mgz-hover-zoom-out-down 0.4025s linear;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
@-webkit-keyframes mgz-hover-zoom-out-down {
  50% {
    transform: scale(0.8) translateY(0%);
    opacity: 0.5;
  }
  100% {
    transform: scale(0.8) translateY(150%);
    opacity: 0.5;
  }
}
@keyframes mgz-hover-zoom-out-down {
  50% {
    transform: scale(0.8) translateY(0%);
    opacity: 0.5;
  }
  100% {
    transform: scale(0.8) translateY(150%);
    opacity: 0.5;
  }
}
/* mgz-hover-zoom-out-left
----------------------------- */
.mgz-hover-zoom-out-left:hover > .mgz-hover-main,
.mgz-hover-zoom-out-left.hover > img {
  animation: mgz-hover-zoom-out-left 0.4025s linear;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
@-webkit-keyframes mgz-hover-zoom-out-left {
  50% {
    transform: scale(0.8) translateX(0%);
    opacity: 0.5;
  }
  100% {
    transform: scale(0.8) translateX(-150%);
    opacity: 0.5;
  }
}
@keyframes mgz-hover-zoom-out-left {
  50% {
    transform: scale(0.8) translateX(0%);
    opacity: 0.5;
  }
  100% {
    transform: scale(0.8) translateX(-150%);
    opacity: 0.5;
  }
}
/* mgz-hover-zoom-out-right
----------------------------- */
.mgz-hover-zoom-out-right:hover > .mgz-hover-main,
.mgz-hover-zoom-out-right.hover > img {
  animation: mgz-hover-zoom-out-right 0.4025s linear;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
@-webkit-keyframes mgz-hover-zoom-out-right {
  50% {
    transform: scale(0.8) translateX(0%);
    opacity: 0.5;
  }
  100% {
    transform: scale(0.8) translateX(150%);
    opacity: 0.5;
  }
}
@keyframes mgz-hover-zoom-out-right {
  50% {
    transform: scale(0.8) translateX(0%);
    opacity: 0.5;
  }
  100% {
    transform: scale(0.8) translateX(150%);
    opacity: 0.5;
  }
}
/* mgz-hover-zoom-out-flip-horiz
----------------------------- */
.mgz-hover-zoom-out-flip-horiz {
  perspective: 50em;
}
.mgz-hover-zoom-out-flip-horiz .mgz-hover-description {
  opacity: 0;
  transform: rotateX(90deg) translateY(-100%) scale(0.5);
}
.mgz-hover-zoom-out-flip-horiz:hover > .mgz-hover-main,
.mgz-hover-zoom-out-flip-horiz.hover > img {
  transform: rotateX(-100deg) translateY(50%) scale(0.5);
  opacity: 0;
  transition-delay: 0;
}
.mgz-hover-zoom-out-flip-horiz:hover .mgz-hover-description,
.mgz-hover-zoom-out-flip-horiz.hover .mgz-hover-description {
  transform: rotateX(0) translateY(0%) scale(1);
  opacity: 1;
  transition-delay: 0.35s;
}
/* mgz-hover-zoom-out-flip-vert
----------------------------- */
.mgz-hover-zoom-out-flip-vert {
  perspective: 50em;
}
.mgz-hover-zoom-out-flip-vert .mgz-hover-description {
  opacity: 0;
  transform: rotateY(90deg) translate(50%, 0) scale(0.5);
}
.mgz-hover-zoom-out-flip-vert:hover > .mgz-hover-main,
.mgz-hover-zoom-out-flip-vert.hover > img {
  transform: rotateY(-100deg) translateX(50%) scale(0.5);
  opacity: 0;
  transition-delay: 0;
}
.mgz-hover-zoom-out-flip-vert:hover .mgz-hover-description,
.mgz-hover-zoom-out-flip-vert.hover .mgz-hover-description {
  transform: rotateY(0) translate(0, 0) scale(1);
  opacity: 1;
  transition-delay: 0.35s;
}
/* mgz-hover-blur
----------------------------- */
.mgz-hover-blur .mgz-hover-description {
  opacity: 0;
}
.mgz-hover-blur:hover > .mgz-hover-main {
  filter: blur(30px);
  transform: scale(1.2);
  opacity: 0;
}
.mgz-hover-blur:hover .mgz-hover-description {
  opacity: 1;
  transition-delay: 0.21s;
}
/* mgz-hover-zoom-in
----------------------------- */
.mgz-hover-zoom-in .mgz-hover-description {
  opacity: 0;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
}
.mgz-hover-zoom-in:hover .mgz-hover-description {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
/* mgz-hover-zoom-out*
----------------------------- */
[class^='mgz-hover-zoom-out'] .mgz-hover-description,
[class*=' mgz-hover-zoom-out'] .mgz-hover-description {
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  opacity: 0;
}
[class^='mgz-hover-zoom-out']:hover .mgz-hover-description,
[class^='mgz-hover-zoom-out'].hover .mgz-hover-description,
[class*=' mgz-hover-zoom-out']:hover .mgz-hover-description,
[class*=' mgz-hover-zoom-out'].hover .mgz-hover-description {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  transition-delay: 0.35s;
}
/* mgz-hover-zoom-out
----------------------------- */
.mgz-hover-zoom-out:hover > .mgz-hover-main {
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  opacity: 0;
}
/* mgz-hover-zoom-out-up
----------------------------- */
.mgz-hover-zoom-out-up:hover > .mgz-hover-main,
.mgz-hover-zoom-out-up.hover > img {
  -webkit-animation: mgz-hover-zoom-out-up 0.4025s linear;
  animation: mgz-hover-zoom-out-up 0.4025s linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@-webkit-keyframes mgz-hover-zoom-out-up {
  50% {
    -webkit-transform: scale(0.8) translateY(0%);
    transform: scale(0.8) translateY(0%);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(0.8) translateY(-150%);
    transform: scale(0.8) translateY(-150%);
    opacity: 0.5;
  }
}
@keyframes mgz-hover-zoom-out-up {
  50% {
    -webkit-transform: scale(0.8) translateY(0%);
    transform: scale(0.8) translateY(0%);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(0.8) translateY(-150%);
    transform: scale(0.8) translateY(-150%);
    opacity: 0.5;
  }
}
/* mgz-hover-zoom-out-down
----------------------------- */
.mgz-hover-zoom-out-down:hover > .mgz-hover-main,
.mgz-hover-zoom-out-down.hover > img {
  -webkit-animation: mgz-hover-zoom-out-down 0.4025s linear;
  animation: mgz-hover-zoom-out-down 0.4025s linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@-webkit-keyframes mgz-hover-zoom-out-down {
  50% {
    -webkit-transform: scale(0.8) translateY(0%);
    transform: scale(0.8) translateY(0%);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(0.8) translateY(150%);
    transform: scale(0.8) translateY(150%);
    opacity: 0.5;
  }
}
@keyframes mgz-hover-zoom-out-down {
  50% {
    -webkit-transform: scale(0.8) translateY(0%);
    transform: scale(0.8) translateY(0%);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(0.8) translateY(150%);
    transform: scale(0.8) translateY(150%);
    opacity: 0.5;
  }
}
/* mgz-hover-zoom-out-left
----------------------------- */
.mgz-hover-zoom-out-left:hover > .mgz-hover-main,
.mgz-hover-zoom-out-left.hover > img {
  -webkit-animation: mgz-hover-zoom-out-left 0.4025s linear;
  animation: mgz-hover-zoom-out-left 0.4025s linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@-webkit-keyframes mgz-hover-zoom-out-left {
  50% {
    -webkit-transform: scale(0.8) translateX(0%);
    transform: scale(0.8) translateX(0%);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(0.8) translateX(-150%);
    transform: scale(0.8) translateX(-150%);
    opacity: 0.5;
  }
}
@keyframes mgz-hover-zoom-out-left {
  50% {
    -webkit-transform: scale(0.8) translateX(0%);
    transform: scale(0.8) translateX(0%);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(0.8) translateX(-150%);
    transform: scale(0.8) translateX(-150%);
    opacity: 0.5;
  }
}
/* mgz-hover-zoom-out-right
----------------------------- */
.mgz-hover-zoom-out-right:hover > .mgz-hover-main,
.mgz-hover-zoom-out-right.hover > img {
  -webkit-animation: mgz-hover-zoom-out-right 0.4025s linear;
  animation: mgz-hover-zoom-out-right 0.4025s linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@-webkit-keyframes mgz-hover-zoom-out-right {
  50% {
    -webkit-transform: scale(0.8) translateX(0%);
    transform: scale(0.8) translateX(0%);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(0.8) translateX(150%);
    transform: scale(0.8) translateX(150%);
    opacity: 0.5;
  }
}
@keyframes mgz-hover-zoom-out-right {
  50% {
    -webkit-transform: scale(0.8) translateX(0%);
    transform: scale(0.8) translateX(0%);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(0.8) translateX(150%);
    transform: scale(0.8) translateX(150%);
    opacity: 0.5;
  }
}
/* mgz-hover-zoom-out-flip-horiz
----------------------------- */
.mgz-hover-zoom-out-flip-horiz {
  -webkit-perspective: 50em;
  perspective: 50em;
}
.mgz-hover-zoom-out-flip-horiz .mgz-hover-description {
  opacity: 0;
  -webkit-transform: rotateX(90deg) translateY(-100%) scale(0.5);
  transform: rotateX(90deg) translateY(-100%) scale(0.5);
}
.mgz-hover-zoom-out-flip-horiz:hover > .mgz-hover-main,
.mgz-hover-zoom-out-flip-horiz.hover > img {
  -webkit-transform: rotateX(-100deg) translateY(50%) scale(0.5);
  transform: rotateX(-100deg) translateY(50%) scale(0.5);
  opacity: 0;
  transition-delay: 0;
}
.mgz-hover-zoom-out-flip-horiz:hover .mgz-hover-description,
.mgz-hover-zoom-out-flip-horiz.hover .mgz-hover-description {
  -webkit-transform: rotateX(0) translateY(0%) scale(1);
  transform: rotateX(0) translateY(0%) scale(1);
  opacity: 1;
  transition-delay: 0.35s;
}
/* mgz-hover-zoom-out-flip-vert
----------------------------- */
.mgz-hover-zoom-out-flip-vert {
  -webkit-perspective: 50em;
  perspective: 50em;
}
.mgz-hover-zoom-out-flip-vert .mgz-hover-description {
  opacity: 0;
  -webkit-transform: rotateY(90deg) translate(50%, 0) scale(0.5);
  transform: rotateY(90deg) translate(50%, 0) scale(0.5);
}
.mgz-hover-zoom-out-flip-vert:hover > .mgz-hover-main,
.mgz-hover-zoom-out-flip-vert.hover > img {
  -webkit-transform: rotateY(-100deg) translateX(50%) scale(0.5);
  transform: rotateY(-100deg) translateX(50%) scale(0.5);
  opacity: 0;
  transition-delay: 0;
}
.mgz-hover-zoom-out-flip-vert:hover .mgz-hover-description,
.mgz-hover-zoom-out-flip-vert.hover .mgz-hover-description {
  -webkit-transform: rotateY(0) translate(0, 0) scale(1);
  transform: rotateY(0) translate(0, 0) scale(1);
  opacity: 1;
  transition-delay: 0.35s;
}
/* mgz-hover-blur
----------------------------- */
.mgz-hover-blur .mgz-hover-description {
  opacity: 0;
}
.mgz-hover-blur:hover > .mgz-hover-main {
  -webkit-filter: blur(30px);
  filter: blur(30px);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  opacity: 0;
}
.mgz-hover-blur:hover .mgz-hover-description {
  opacity: 1;
  transition-delay: 0.21s;
}
/* mgz-hover-scale
----------------------------- */
.mgz-hover-zoom .mgz-hover-description {
  opacity: 0;
}
.mgz-hover-zoom:hover > img,
.mgz-hover-zoom:hover > .mgz-hover-main {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.mgz-hover-zoom:hover .mgz-hover-description {
  opacity: 1;
  transition-delay: 0.21s;
}
.mgz-image-hovers.owl-carousel .owl-item {
  overflow: hidden;
}
.mgz-image-hovers.owl-carousel .owl-item .hover-type-zoomin {
  opacity: 1;
  -webkit-transition: all 0.4s !important;
  -moz-transition: all 0.4s !important;
  -ms-transition: all 0.4s !important;
  -o-transition: all 0.4s !important;
}
.mgz-image-hovers.owl-carousel .owl-item .hover-type-zoomout {
  opacity: 1;
  -webkit-transform: scale(1.12);
  -ms-transform: scale(1.12);
  transform: scale(1.12);
  -webkit-transition: opacity 1s, -webkit-transform 1s !important;
  transition: opacity 1s, -webkit-transform 1s !important;
  -o-transition: opacity 1s,transform 1s !important;
  transition: opacity 1s,transform 1s !important;
  transition: opacity 1s, transform 1s, -webkit-transform 1s !important;
}
.mgz-image-hovers.owl-carousel .owl-item .hover-type-liftup {
  -webkit-transform: perspective(1000px) scale(1);
  transform: perspective(1000px) scale(1);
  -webkit-transition: -webkit-transform 0.35s !important;
  transition: -webkit-transform 0.35s !important;
  -o-transition: transform 0.35s !important;
  transition: transform 0.35s !important;
  transition: transform 0.35s, -webkit-transform 0.35s !important;
  position: relative;
  z-index: 1;
}
.mgz-image-hovers.owl-carousel .owl-item:hover .hover-type-zoomin {
  opacity: 0.9;
  -webkit-transform: scale3d(1.1, 1.1, 1);
  transform: scale3d(1.1, 1.1, 1);
}
.mgz-image-hovers.owl-carousel .owl-item:hover .hover-type-zoomout {
  opacity: 0.9;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.mgz-image-hovers.owl-carousel .owl-item:hover .hover-type-liftup {
  -webkit-transform: perspective(1000px) scale(1.03);
  transform: perspective(1000px) scale(1.03);
}
.mgz-image-hovers.owl-carousel .owl-item:hover .hover-type-liftup:before {
  opacity: 1;
}
.mgz-image-hovers .hover-type-zoomin {
  overflow: hidden;
}
.mgz-image-hovers .hover-type-zoomin img {
  opacity: 1;
  -webkit-transition: all 0.4s !important;
  -moz-transition: all 0.4s !important;
  -ms-transition: all 0.4s !important;
  -o-transition: all 0.4s !important;
}
.mgz-image-hovers .hover-type-zoomin:hover img {
  opacity: 0.9;
  -webkit-transform: scale3d(1.1, 1.1, 1);
  transform: scale3d(1.1, 1.1, 1);
}
.mgz-image-hovers .hover-type-zoomout {
  overflow: hidden;
}
.mgz-image-hovers .hover-type-zoomout img {
  opacity: 1;
  -webkit-transform: scale(1.12);
  -ms-transform: scale(1.12);
  transform: scale(1.12);
  -webkit-transition: opacity 1s, -webkit-transform 1s !important;
  transition: opacity 1s, -webkit-transform 1s !important;
  -o-transition: opacity 1s,transform 1s !important;
  transition: opacity 1s,transform 1s !important;
  transition: opacity 1s, transform 1s, -webkit-transform 1s !important;
}
.mgz-image-hovers .hover-type-zoomout:hover img {
  opacity: 0.9;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.mgz-image-hovers .hover-type-liftup {
  position: relative;
}
.mgz-image-hovers .hover-type-liftup img {
  -webkit-transform: perspective(1000px) scale(1);
  transform: perspective(1000px) scale(1);
  -webkit-transition: -webkit-transform 0.35s !important;
  transition: -webkit-transform 0.35s !important;
  -o-transition: transform 0.35s !important;
  transition: transform 0.35s !important;
  transition: transform 0.35s, -webkit-transform 0.35s !important;
  position: relative;
  z-index: 1;
}
.mgz-image-hovers .hover-type-liftup:before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  content: '';
  -webkit-transition: opacity 0.35s !important;
  -o-transition: opacity 0.35s !important;
  transition: opacity 0.35s !important;
  -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.4);
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.4);
  opacity: 0;
}
.mgz-image-hovers .hover-type-liftup:hover img {
  -webkit-transform: perspective(1000px) scale(1.03);
  transform: perspective(1000px) scale(1.03);
}
.mgz-image-hovers .hover-type-liftup:hover:before {
  opacity: 1;
}
.mgz-hover-image {
  float: right;
}
.mgz-hover.zoom .mgz-hover-image {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
}
.mgz-hover.zoom:hover .mgz-hover-image {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.mgz-hover.border:before {
  border: 2px solid #fff;
  top: -2px;
  bottom: -2px;
  right: -2px;
  left: -2px;
  content: '';
  display: block;
  position: absolute;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
}
.mgz-hover.border:hover:before {
  top: 15px;
  bottom: 15px;
  right: 15px;
  left: 15px;
  z-index: 1;
}
.mgz-hover.flashed:after {
  -webkit-transition: transform 0.6s;
  -moz-transition: transform 0.6s;
  -ms-transition: transform 0.6s;
  -o-transition: transform 0.6s;
  -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -300%, 0);
  -moz-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -300%, 0);
  -ms-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -300%, 0);
  -o-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -300%, 0);
  position: absolute;
  top: 0;
  left: 0;
  width: 1000px;
  height: 200px;
  background: rgba(255, 255, 255, 0.5);
  content: '';
}
.mgz-hover.flashed:hover:after {
  -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 300%, 0);
  -moz-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 300%, 0);
  -ms-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 300%, 0);
  -o-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 300%, 0);
}
.mgz-hover.shadow {
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
}
.mgz-hover.shadow:hover {
  -webkit-box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.2);
}
.mgz-position-top-left {
  position: absolute;
  top: 0;
  left: 0;
}
.mgz-position-top-center {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.mgz-position-top-right {
  position: absolute;
  top: 0;
  right: 0;
}
.mgz-position-middle-left,
.mgz-position-center-left {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.mgz-position-middle-center,
.mgz-position-center-center {
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
}
.mgz-position-middle-right,
.mgz-position-center-right {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.mgz-position-bottom-left {
  position: absolute;
  bottom: 0;
  left: 0;
}
.mgz-position-bottom-center {
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.mgz-position-bottom-right {
  position: absolute;
  bottom: 0;
  right: 0;
}
.mgz-flex-position-top-left {
  -webkit-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}
.mgz-flex-position-top-center {
  -webkit-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.mgz-flex-position-top-right {
  -webkit-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
}
.mgz-flex-position-middle-left,
.mgz-flex-position-center-left {
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}
.mgz-flex-position-middle-center,
.mgz-flex-position-center-center {
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.mgz-flex-position-middle-right,
.mgz-flex-position-center-right {
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
}
.mgz-flex-position-bottom-left {
  -webkit-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}
.mgz-flex-position-bottom-center {
  -webkit-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.mgz-flex-position-bottom-right {
  -webkit-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
}
.mgz-bg-transform-wrapper {
  overflow: hidden;
}
.mgz-bg-transform-zoom-in:hover .mgz-bg,
.mgz-bg-transform-zoom-out .mgz-bg {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.mgz-bg-transform-zoom-out:hover .mgz-bg {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.mgz-bg-transform-move-left .mgz-bg {
  -webkit-transform: scale(1.2) translateX(8%);
  -ms-transform: scale(1.2) translateX(8%);
  transform: scale(1.2) translateX(8%);
}
.mgz-bg-transform-move-left:hover .mgz-bg,
.mgz-bg-transform-move-right .mgz-bg {
  -webkit-transform: scale(1.2) translateX(-8%);
  -ms-transform: scale(1.2) translateX(-8%);
  transform: scale(1.2) translateX(-8%);
}
.mgz-bg-transform-move-right:hover .mgz-bg {
  -webkit-transform: scale(1.2) translateX(8%);
  -ms-transform: scale(1.2) translateX(8%);
  transform: scale(1.2) translateX(8%);
}
.mgz-bg-transform-move-up .mgz-bg {
  -webkit-transform: scale(1.2) translateY(8%);
  -ms-transform: scale(1.2) translateY(8%);
  transform: scale(1.2) translateY(8%);
}
.mgz-bg-transform-move-down .mgz-bg,
.mgz-bg-transform-move-up:hover .mgz-bg {
  -webkit-transform: scale(1.2) translateY(-8%);
  -ms-transform: scale(1.2) translateY(-8%);
  transform: scale(1.2) translateY(-8%);
}
.mgz-bg-transform-move-down:hover .mgz-bg {
  -webkit-transform: scale(1.2) translateY(8%);
  -ms-transform: scale(1.2) translateY(8%);
  transform: scale(1.2) translateY(8%);
}
*[class*='mgz-animated-item--'] {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  width: 100%;
}
.mgz-animated-content:hover .mgz-animated-item--grow {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.mgz-animated-content:hover .mgz-animated-item--shrink {
  -webkit-transform: scale(0.85);
  -ms-transform: scale(0.85);
  transform: scale(0.85);
}
.mgz-animated-content:hover .mgz-animated-item--enter-zoom-in,
.mgz-animated-content:hover .mgz-animated-item--enter-zoom-out,
.mgz-animated-content:hover .mgz-animated-item--fade-in {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.mgz-animated-content:hover .mgz-animated-item--exit-zoom-in,
.mgz-animated-content:hover .mgz-animated-item--exit-zoom-out,
.mgz-animated-content:hover .mgz-animated-item--fade-out {
  opacity: 0;
}
.mgz-animated-content:hover .mgz-animated-item--exit-zoom-out {
  -webkit-transform: scale(0.2);
  -ms-transform: scale(0.2);
  transform: scale(0.2);
}
.mgz-animated-content:hover .mgz-animated-item--exit-zoom-in {
  -webkit-transform: scale(2);
  -ms-transform: scale(2);
  transform: scale(2);
}
.mgz-animated-content:hover .mgz-animated-item--enter-from-bottom,
.mgz-animated-content:hover .mgz-animated-item--enter-from-left,
.mgz-animated-content:hover .mgz-animated-item--enter-from-right,
.mgz-animated-content:hover .mgz-animated-item--enter-from-top {
  opacity: 1;
  -webkit-transform: translateY(0) translateX(0);
  -ms-transform: translateY(0) translateX(0);
  transform: translateY(0) translateX(0);
}
.mgz-animated-content:hover .mgz-animated-item--exit-to-right {
  -webkit-transform: translateX(1000px);
  -ms-transform: translateX(1000px);
  transform: translateX(1000px);
}
.mgz-animated-content:hover .mgz-animated-item--exit-to-left {
  -webkit-transform: translateX(-1000px);
  -ms-transform: translateX(-1000px);
  transform: translateX(-1000px);
}
.mgz-animated-content:hover .mgz-animated-item--exit-to-top {
  -webkit-transform: translateY(-600px);
  -ms-transform: translateY(-600px);
  transform: translateY(-600px);
}
.mgz-animated-content:hover .mgz-animated-item--exit-to-bottom {
  -webkit-transform: translateY(600px);
  -ms-transform: translateY(600px);
  transform: translateY(600px);
}
.mgz-animated-content:hover .mgz-animated-item--exit-to-bottom,
.mgz-animated-content:hover .mgz-animated-item--exit-to-left,
.mgz-animated-content:hover .mgz-animated-item--exit-to-right,
.mgz-animated-content:hover .mgz-animated-item--exit-to-top {
  opacity: 0;
}
.mgz-animated-content:hover .mgz-animated-item--move-right {
  -webkit-transform: translateX(30px);
  -ms-transform: translateX(30px);
  transform: translateX(30px);
}
.mgz-animated-content:hover .mgz-animated-item--move-left {
  -webkit-transform: translateX(-30px);
  -ms-transform: translateX(-30px);
  transform: translateX(-30px);
}
.mgz-animated-content:hover .mgz-animated-item--move-up {
  -webkit-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  transform: translateY(-30px);
}
.mgz-animated-content:hover .mgz-animated-item--move-down {
  -webkit-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);
}
.mgz-animated-content [class^=elementor-animated-item] {
  will-change: transform, opacity;
}
.mgz-animated-content .mgz-animated-item--enter-zoom-in {
  -webkit-transform: scale(0.2);
  -ms-transform: scale(0.2);
  transform: scale(0.2);
}
.mgz-animated-content .mgz-animated-item--enter-zoom-out {
  -webkit-transform: scale(2);
  -ms-transform: scale(2);
  transform: scale(2);
}
.mgz-animated-content .mgz-animated-item--enter-zoom-in,
.mgz-animated-content .mgz-animated-item--enter-zoom-out,
.mgz-animated-content .mgz-animated-item--fade-in {
  opacity: 0;
}
.mgz-animated-content .mgz-animated-item--exit-zoom-in,
.mgz-animated-content .mgz-animated-item--exit-zoom-out,
.mgz-animated-content .mgz-animated-item--fade-out {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.mgz-animated-content .mgz-animated-item--enter-from-right {
  -webkit-transform: translateX(1000px);
  -ms-transform: translateX(1000px);
  transform: translateX(1000px);
}
.mgz-animated-content .mgz-animated-item--enter-from-left {
  -webkit-transform: translateX(-1000px);
  -ms-transform: translateX(-1000px);
  transform: translateX(-1000px);
}
.mgz-animated-content .mgz-animated-item--enter-from-top {
  -webkit-transform: translateY(-600px);
  -ms-transform: translateY(-600px);
  transform: translateY(-600px);
}
.mgz-animated-content .mgz-animated-item--enter-from-bottom {
  -webkit-transform: translateY(500px);
  -ms-transform: translateY(500px);
  transform: translateY(500px);
}
.mgz-animated-content .mgz-animated-item--enter-from-bottom,
.mgz-animated-content .mgz-animated-item--enter-from-left,
.mgz-animated-content .mgz-animated-item--enter-from-right,
.mgz-animated-content .mgz-animated-item--enter-from-top {
  opacity: 0;
}
.mgz-animated-content .mgz-animated-item--exit-to-bottom,
.mgz-animated-content .mgz-animated-item--exit-to-left,
.mgz-animated-content .mgz-animated-item--exit-to-right,
.mgz-animated-content .mgz-animated-item--exit-to-top {
  opacity: 1;
  -webkit-transform: translateY(0) translateX(0);
  -ms-transform: translateY(0) translateX(0);
  transform: translateY(0) translateX(0);
}
.owl-nav .owl-prev,
.owl-nav .owl-next {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.owl-dots {
  text-align: center;
}
.owl-dots .owl-dot {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
@-webkit-keyframes backSlideOut {
  25% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px);
  }
  75% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
  }
  100% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
  }
}
@-moz-keyframes backSlideOut {
  25% {
    opacity: 0.5;
    -moz-transform: translateZ(-500px);
  }
  75% {
    opacity: 0.5;
    -moz-transform: translateZ(-500px) translateX(-200%);
  }
  100% {
    opacity: 0.5;
    -moz-transform: translateZ(-500px) translateX(-200%);
  }
}
@keyframes backSlideOut {
  25% {
    opacity: 0.5;
    transform: translateZ(-500px);
  }
  75% {
    opacity: 0.5;
    transform: translateZ(-500px) translateX(-200%);
  }
  100% {
    opacity: 0.5;
    transform: translateZ(-500px) translateX(-200%);
  }
}
@-webkit-keyframes backSlideIn {
  0%,
  25% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px) translateX(200%);
  }
  75% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) translateX(0);
  }
}
@-moz-keyframes backSlideIn {
  0%,
  25% {
    opacity: 0.5;
    -moz-transform: translateZ(-500px) translateX(200%);
  }
  75% {
    opacity: 0.5;
    -moz-transform: translateZ(-500px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateZ(0) translateX(0);
  }
}
@keyframes backSlideIn {
  0%,
  25% {
    opacity: 0.5;
    transform: translateZ(-500px) translateX(200%);
  }
  75% {
    opacity: 0.5;
    transform: translateZ(-500px);
  }
  100% {
    opacity: 1;
    transform: translateZ(0) translateX(0);
  }
}
@-webkit-keyframes scaleToFade {
  to {
    opacity: 0;
    -webkit-transform: scale(0.8);
  }
}
@-moz-keyframes scaleToFade {
  to {
    opacity: 0;
    -moz-transform: scale(0.8);
  }
}
@keyframes scaleToFade {
  to {
    opacity: 0;
    transform: scale(0.8);
  }
}
@-webkit-keyframes goDown {
  from {
    -webkit-transform: translateY(-100%);
  }
}
@-moz-keyframes goDown {
  from {
    -moz-transform: translateY(-100%);
  }
}
@keyframes goDown {
  from {
    transform: translateY(-100%);
  }
}
@-webkit-keyframes scaleUpFrom {
  from {
    opacity: 0;
    -webkit-transform: scale(1.5);
  }
}
@-moz-keyframes scaleUpFrom {
  from {
    opacity: 0;
    -moz-transform: scale(1.5);
  }
}
@keyframes scaleUpFrom {
  from {
    opacity: 0;
    transform: scale(1.5);
  }
}
@-webkit-keyframes scaleUpTo {
  to {
    opacity: 0;
    -webkit-transform: scale(1.5);
  }
}
@-moz-keyframes scaleUpTo {
  to {
    opacity: 0;
    -moz-transform: scale(1.5);
  }
}
@keyframes scaleUpTo {
  to {
    opacity: 0;
    transform: scale(1.5);
  }
}
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade 0.7s ease both;
  -moz-animation: scaleToFade 0.7s ease both;
  animation: scaleToFade 0.7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown 0.6s ease both;
  -moz-animation: goDown 0.6s ease both;
  animation: goDown 0.6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom 0.5s ease both;
  -moz-animation: scaleUpFrom 0.5s ease both;
  animation: scaleUpFrom 0.5s ease both;
}
.owl-fadeUp-out {
  -webkit-animation: scaleUpTo 0.5s ease both;
  -moz-animation: scaleUpTo 0.5s ease both;
  animation: scaleUpTo 0.5s ease both;
}
.mgz-element-inner {
  height: 100%;
  position: relative;
}
.mgz-element-inner:before,
.mgz-element-inner:after {
  content: " ";
  display: table;
  clear: both;
}
.inner-content {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}
.inner-content:before,
.inner-content:after {
  content: " ";
  display: table;
  clear: both;
}
.magezon-builder-preload .mgz-element {
  z-index: 0;
}
.mgz-child:not(:last-child) > .mgz-element-inner {
  margin-bottom: 15px;
}
.mgz-element {
  position: relative;
  text-align: left;
}
.mgz-element:before,
.mgz-element:after {
  content: " ";
  display: table;
  clear: both;
}
.mgz-element p:last-child {
  margin-bottom: 0;
}
.mgz-element .title {
  font-weight: 400;
}
.mgz-element-title-align-left .inner-content {
  margin-left: 0 !important;
}
.mgz-element-title-align-right .inner-content {
  margin-right: 0 !important;
}
.mgz-parallax,
.mgz-parallax-inner,
.mgz-parallax-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.mgz-parallax {
  -webkit-border-radius: inherit;
  -moz-border-radius: inherit;
  border-radius: inherit;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  overflow: hidden;
  pointer-events: none;
}
.mgz-parallax.mgz-parallax-mouse-parallax {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.mgz-parallax .mgz-parallax-inner {
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.mgz-parallax .mgz-parallax-inner * {
  background-position: inherit !important;
  background-size: inherit !important;
  background-repeat: inherit !important;
}
.mgz-mfp .mfp-title {
  position: absolute;
  margin-top: 10px;
}
.mgz-mfp .mfp-counter {
  top: auto;
  bottom: -25px;
}
.mgz-animated {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.mgz-animated:not(.mgz_start_animation) {
  -webkit-animation: none;
  -o-animation: none;
  animation: none;
}
.mgz_start_animation {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.mgz-animated-infinite {
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes mgz_ttb {
  0% {
    -webkit-transform: translate(0, -10%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
    opacity: 1;
  }
}
@-moz-keyframes mgz_ttb {
  0% {
    -moz-transform: translate(0, -10%);
    opacity: 0;
  }
  100% {
    -moz-transform: translate(0, 0);
    opacity: 1;
  }
}
@-o-keyframes mgz_ttb {
  0% {
    -o-transform: translate(0, -10%);
    opacity: 0;
  }
  100% {
    -o-transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes mgz_ttb {
  0% {
    -webkit-transform: translate(0, -10%);
    -ms-transform: translate(0, -10%);
    -o-transform: translate(0, -10%);
    transform: translate(0, -10%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes mgz_btt {
  0% {
    -webkit-transform: translate(0, 10%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
    opacity: 1;
  }
}
@-moz-keyframes mgz_btt {
  0% {
    -moz-transform: translate(0, 10%);
    opacity: 0;
  }
  100% {
    -moz-transform: translate(0, 0);
    opacity: 1;
  }
}
@-o-keyframes mgz_btt {
  0% {
    -o-transform: translate(0, 10%);
    opacity: 0;
  }
  100% {
    -o-transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes mgz_btt {
  0% {
    -webkit-transform: translate(0, 10%);
    -ms-transform: translate(0, 10%);
    -o-transform: translate(0, 10%);
    transform: translate(0, 10%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes mgz_ltr {
  0% {
    -webkit-transform: translate(-10%, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
    opacity: 1;
  }
}
@-moz-keyframes mgz_ltr {
  0% {
    -moz-transform: translate(-10%, 0);
    opacity: 0;
  }
  100% {
    -moz-transform: translate(0, 0);
    opacity: 1;
  }
}
@-o-keyframes mgz_ltr {
  0% {
    -o-transform: translate(-10%, 0);
    opacity: 0;
  }
  100% {
    -o-transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes mgz_ltr {
  0% {
    -webkit-transform: translate(-10%, 0);
    -ms-transform: translate(-10%, 0);
    -o-transform: translate(-10%, 0);
    transform: translate(-10%, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes mgz_rtl {
  0% {
    -webkit-transform: translate(10%, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
    opacity: 1;
  }
}
@-moz-keyframes mgz_rtl {
  0% {
    -moz-transform: translate(10%, 0);
    opacity: 0;
  }
  100% {
    -moz-transform: translate(0, 0);
    opacity: 1;
  }
}
@-o-keyframes mgz_rtl {
  0% {
    -o-transform: translate(10%, 0);
    opacity: 0;
  }
  100% {
    -o-transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes mgz_rtl {
  0% {
    -webkit-transform: translate(10%, 0);
    -ms-transform: translate(10%, 0);
    -o-transform: translate(10%, 0);
    transform: translate(10%, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes mgz_appear {
  0% {
    -webkit-transform: scale(0.5);
    opacity: 0.1;
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
}
@-moz-keyframes mgz_appear {
  0% {
    -moz-transform: scale(0.5);
    opacity: 0.1;
  }
  100% {
    -moz-transform: scale(1);
    opacity: 1;
  }
}
@-o-keyframes mgz_appear {
  0% {
    -o-transform: scale(0.5);
    opacity: 0.1;
  }
  100% {
    -o-transform: scale(1);
    opacity: 1;
  }
}
@keyframes mgz_appear {
  0% {
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0.1;
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.mgz_top-to-bottom {
  -webkit-animation: mgz_ttb 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-animation: mgz_ttb 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -ms-animation: mgz_ttb 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  animation: mgz_ttb 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.mgz_bottom-to-top {
  -webkit-animation: mgz_btt 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-animation: mgz_btt 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -ms-animation: mgz_btt 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  animation: mgz_btt 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.mgz_left-to-right {
  -webkit-animation: mgz_ltr 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-animation: mgz_ltr 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -ms-animation: mgz_ltr 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  animation: mgz_ltr 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.mgz_right-to-left {
  -webkit-animation: mgz_rtl 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-animation: mgz_rtl 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -ms-animation: mgz_rtl 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  animation: mgz_rtl 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.mgz_appear {
  -webkit-animation: mgz_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-animation: mgz_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -ms-animation: mgz_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  animation: mgz_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.mgz-row-full-height {
  min-height: 500px;
}
.mgz-row-full-height > .mgz-element-inner {
  min-height: 500px;
}
.mgz-element-row.mgz-row-wrap-reverse > .mgz-element-inner > .inner-content,
.mgz-element-row.mgz-row-equal-height > .mgz-element-inner > .inner-content {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.mgz-element-row.mgz-row-wrap-reverse > .mgz-element-inner > .inner-content:before,
.mgz-element-row.mgz-row-equal-height > .mgz-element-inner > .inner-content:before,
.mgz-element-row.mgz-row-wrap-reverse > .mgz-element-inner > .inner-content:after,
.mgz-element-row.mgz-row-equal-height > .mgz-element-inner > .inner-content:after {
  display: none;
}
.mgz-element-row.mgz-row-wrap-reverse > .mgz-element-inner > .inner-content > .mgz-element,
.mgz-element-row.mgz-row-equal-height > .mgz-element-inner > .inner-content > .mgz-element {
  -webkit-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
}
.mgz-element-row.mgz-row-wrap-reverse > .mgz-element-inner > .inner-content > .mgz-element > .mgz-element-inner,
.mgz-element-row.mgz-row-equal-height > .mgz-element-inner > .inner-content > .mgz-element > .mgz-element-inner {
  -webkit-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}
.mgz-element-row.content-top > .mgz-element-inner > .inner-content > .mgz-element > .mgz-element-inner {
  -webkit-align-self: flex-start;
  -ms-align-self: flex-start;
  align-self: flex-start;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}
.mgz-element-row.content-middle > .mgz-element-inner > .inner-content > .mgz-element > .mgz-element-inner {
  -webkit-align-self: center;
  -ms-align-self: center;
  align-self: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.mgz-element-row.content-bottom > .mgz-element-inner > .inner-content > .mgz-element > .mgz-element-inner {
  -webkit-align-self: flex-end;
  -ms-align-self: flex-end;
  align-self: flex-end;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
}
.mgz-element-row.mgz-container {
  float: none;
  margin: 0 auto;
}
.page-layout-1column-fullwidth .column > .magezon-builder > .full_width_row > .mgz-element-inner,
.page-layout-1column-fullwidth .column > .magezon-builder > .full_width_row_content > .mgz-element-inner {
  padding-left: 10px;
  padding-right: 10px;
}
@media (max-width: 767px) {
  .mgz-row-wrap-reverse > .mgz-element-inner > .inner-content {
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
.mgz-element-column > .mgz-element-inner {
  padding: 10px;
}
.mgz-element-column.mgz-element-column-empty > .mgz-element-inner {
  padding: 0;
  margin: 0;
}
.mgz-row-gap-margin > .mgz-element-inner {
  margin: 10px;
  padding: 0;
}
.mgz-element-separator {
  position: relative;
}
.mgz-element-separator .title {
  background: #FFF;
  position: relative;
  z-index: 1;
  padding: 0 8px;
  display: inline-block;
  margin: 0;
}
.mgz-element-separator .title i + span,
.mgz-element-separator .title span + i {
  padding-left: 5px;
}
.mgz-element-separator .mgz-element-separator-line {
  -webkit-transform: translate(0%, -50%);
  -moz-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  -o-transform: translate(0%, -50%);
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 1px;
  border-top: 1px solid transparent;
  margin: 0 auto;
}
.mgz-element-separator .mgz-text-left .title {
  padding-left: 0;
}
.mgz-element-separator .mgz-text-left .mgz-element-separator-line {
  left: 0;
}
.mgz-element-separator .mgz-text-right .title {
  padding-right: 0;
}
.mgz-element-separator-wrapper {
  position: relative;
}
.mgz-element-heading-text {
  margin: 0;
  color: inherit;
}
.mgz-element-heading-text > a {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  opacity: 1;
  font-weight: inherit;
}
.mgz-element-heading-text > a,
.mgz-element-heading-text > a:focus,
.mgz-element-heading-text > a:hover,
.mgz-element-heading-text > a:visited {
  border: none;
  text-decoration: inherit;
  color: inherit;
  font-weight: inherit;
}
.mgz-element-heading-text > a:hover {
  opacity: 0.85;
}
.mgz-tabs:before,
.mgz-tabs-nav:before,
.mgz-tabs-content:before,
.mgz-tabs:after,
.mgz-tabs-nav:after,
.mgz-tabs-content:after {
  content: " ";
  display: table;
  clear: both;
}
.mgz-tabs-nav > .mgz-tabs-tab-title > a,
.mgz-tabs-content > .mgz-tabs-tab-title > a {
  color: #666666;
}
.mgz-tabs-nav > .mgz-tabs-tab-title:not(.mgz-active) > a,
.mgz-tabs-content > .mgz-tabs-tab-title:not(.mgz-active) > a {
  background: #ebebeb;
}
.mgz-tabs-nav > .mgz-tabs-tab-title:not(.mgz-active) > a:hover,
.mgz-tabs-content > .mgz-tabs-tab-title:not(.mgz-active) > a:hover {
  background: #dcdcdc;
}
.mgz-tabs-nav > .mgz-tabs-tab-title:first-child > a,
.mgz-tabs-content > .mgz-tabs-tab-title:first-child > a {
  margin-top: 0 !important;
}
.mgz-tabs-nav > .mgz-tabs-tab-title.mgz-active > a,
.mgz-tabs-content > .mgz-tabs-tab-title.mgz-active > a {
  background: #f8f8f8;
}
.mgz-tabs {
  color: #333;
}
.mgz-tabs .mgz-tabs-tab-title > a {
  -webkit-transition: background 0.2s ease-in-out, color 0.2s ease-in-out, border 0.2s ease-in-out;
  -moz-transition: background 0.2s ease-in-out, color 0.2s ease-in-out, border 0.2s ease-in-out;
  -ms-transition: background 0.2s ease-in-out, color 0.2s ease-in-out, border 0.2s ease-in-out;
  -o-transition: background 0.2s ease-in-out, color 0.2s ease-in-out, border 0.2s ease-in-out;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 14px 20px;
  display: block;
  position: relative;
  z-index: 1;
  border: 1px solid #e3e3e3;
}
.mgz-tabs .mgz-tabs-tab-title > a:hover {
  text-decoration: none;
}
.mgz-tabs .mgz-tabs-tab-content {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: none;
}
.mgz-tabs .mgz-tabs-tab-content.mgz-active {
  display: block;
}
.mgz-tabs .mgz-tabs-tab-content > .mgz-element > .mgz-element-inner {
  margin-bottom: 0;
}
.mgz-tabs:not(.mgz-tabs-no-fill-content) .mgz-tabs-tab-content {
  border: 1px solid #e3e3e3;
  background: #f8f8f8;
  margin-top: -1px;
}
.mgz-element-tab-position-top.mgz-tabs,
.mgz-element-tab-position-bottom.mgz-tabs {
  flex-direction: column;
}
.mgz-element-tab-position-top.mgz-tabs > .mgz-tabs-nav > .mgz-tabs-tab-title > a,
.mgz-element-tab-position-bottom.mgz-tabs > .mgz-tabs-nav > .mgz-tabs-tab-title > a {
  margin-right: 5px;
}
.mgz-element-tab-position-top.mgz-tabs > .mgz-tabs-nav > .mgz-tabs-tab-title:last-child,
.mgz-element-tab-position-bottom.mgz-tabs > .mgz-tabs-nav > .mgz-tabs-tab-title:last-child {
  margin-right: 0;
}
@media (min-width: 768px) {
  .mgz-tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .mgz-tabs .mgz-tabs-tab-title {
    text-align: left;
    display: inline-block;
  }
  .mgz-tabs .mgz-tabs-content > .mgz-tabs-tab-title {
    display: none;
  }
  .mgz-element-tab-align-right.mgz-tabs > .mgz-tabs-nav {
    text-align: right;
  }
  .mgz-element-tab-align-center.mgz-tabs > .mgz-tabs-nav {
    text-align: center;
  }
  .mgz-element-tab-position-top.mgz-tabs:not(.mgz-tabs-no-fill-content)[data-gap="0"] > .mgz-tabs-nav > .mgz-tabs-tab-title > a,
  .mgz-element-tab-position-top.mgz-tabs:not(.mgz-tabs-no-fill-content)[data-gap="0"] > .mgz-tabs-content > .mgz-tabs-tab-title > a {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .mgz-element-tab-position-top.mgz-tabs:not(.mgz-tabs-no-fill-content)[data-gap="0"] > .mgz-tabs-nav > .mgz-tabs-tab-title:last-child > a,
  .mgz-element-tab-position-top.mgz-tabs:not(.mgz-tabs-no-fill-content)[data-gap="0"] > .mgz-tabs-content > .mgz-tabs-tab-title:last-child > a {
    margin-right: 0;
  }
  .mgz-element-tab-position-top.mgz-tabs:not(.mgz-tabs-no-fill-content)[data-gap="0"] > .mgz-tabs-nav > .mgz-tabs-tab-title.mgz-active > a,
  .mgz-element-tab-position-top.mgz-tabs:not(.mgz-tabs-no-fill-content)[data-gap="0"] > .mgz-tabs-content > .mgz-tabs-tab-title.mgz-active > a {
    border-bottom-color: transparent;
  }
  .mgz-element-tab-position-top.mgz-tabs:not(.mgz-tabs-no-fill-content)[data-gap="0"] > .mgz-tabs-content > .mgz-tabs-tab-content {
    border-top-left-radius: 0;
  }
  .mgz-element-tab-position-top.mgz-tabs > .mgz-tabs-nav > .mgz-tabs-tab-title > a {
    margin-top: 0 !important;
  }
  .mgz-element-tab-position-top.mgz-element-tab-align-right.mgz-tabs:not(.mgz-tabs-no-fill-content)[data-gap="0"] > .mgz-tabs-content > .mgz-tabs-tab-content {
    border-top-left-radius: 5px;
    border-top-right-radius: 0;
  }
  .mgz-element-tab-position-bottom.mgz-tabs:not(.mgz-tabs-no-fill-content)[data-gap="0"] > .mgz-tabs-nav > .mgz-tabs-tab-title > a,
  .mgz-element-tab-position-bottom.mgz-tabs:not(.mgz-tabs-no-fill-content)[data-gap="0"] > .mgz-tabs-content > .mgz-tabs-tab-title > a {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
  }
  .mgz-element-tab-position-bottom.mgz-tabs:not(.mgz-tabs-no-fill-content)[data-gap="0"] > .mgz-tabs-nav > .mgz-tabs-tab-title:last-child > a,
  .mgz-element-tab-position-bottom.mgz-tabs:not(.mgz-tabs-no-fill-content)[data-gap="0"] > .mgz-tabs-content > .mgz-tabs-tab-title:last-child > a {
    margin-right: 0;
  }
  .mgz-element-tab-position-bottom.mgz-tabs:not(.mgz-tabs-no-fill-content)[data-gap="0"] > .mgz-tabs-nav > .mgz-tabs-tab-title.mgz-active > a,
  .mgz-element-tab-position-bottom.mgz-tabs:not(.mgz-tabs-no-fill-content)[data-gap="0"] > .mgz-tabs-content > .mgz-tabs-tab-title.mgz-active > a {
    border-top-color: transparent;
  }
  .mgz-element-tab-position-bottom.mgz-tabs:not(.mgz-tabs-no-fill-content)[data-gap="0"] > .mgz-tabs-content > .mgz-tabs-tab-content {
    border-bottom-left-radius: 0;
    margin-bottom: -1px;
  }
  .mgz-element-tab-position-bottom.mgz-tabs > .mgz-tabs-nav {
    order: 1;
  }
  .mgz-element-tab-position-bottom.mgz-tabs > .mgz-tabs-nav > .mgz-tabs-tab-title > a {
    margin-top: 0 !important;
  }
  .mgz-element-tab-position-bottom.mgz-tabs > .mgz-tabs-content > .mgz-tabs-tab-content {
    margin-top: 0 !important;
  }
  .mgz-element-tab-position-left.mgz-tabs > .mgz-tabs-nav,
  .mgz-element-tab-position-right.mgz-tabs > .mgz-tabs-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .mgz-element-tab-position-left.mgz-tabs > .mgz-tabs-nav > .mgz-tabs-tab-title,
  .mgz-element-tab-position-right.mgz-tabs > .mgz-tabs-nav > .mgz-tabs-tab-title {
    margin-right: 0;
    display: block;
    width: 100%;
    margin-bottom: 5px;
  }
  .mgz-element-tab-position-left.mgz-tabs > .mgz-tabs-nav > .mgz-tabs-tab-title > a,
  .mgz-element-tab-position-right.mgz-tabs > .mgz-tabs-nav > .mgz-tabs-tab-title > a {
    margin-right: 0;
  }
  .mgz-element-tab-position-left.mgz-tabs > .mgz-tabs-nav > .mgz-tabs-tab-title:first-child > a,
  .mgz-element-tab-position-right.mgz-tabs > .mgz-tabs-nav > .mgz-tabs-tab-title:first-child > a {
    margin-top: 0;
  }
  .mgz-element-tab-position-left.mgz-tabs > .mgz-tabs-content,
  .mgz-element-tab-position-right.mgz-tabs > .mgz-tabs-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
  }
  .mgz-element-tab-position-left.mgz-tabs > .mgz-tabs-content > .mgz-tabs-tab-content,
  .mgz-element-tab-position-right.mgz-tabs > .mgz-tabs-content > .mgz-tabs-tab-content {
    margin-top: 0;
    height: 100%;
  }
  .mgz-element-tab-position-left .mgz-tabs-tab-content,
  .mgz-element-tab-position-right .mgz-tabs-tab-content {
    margin-top: 0 !important;
  }
  .mgz-element-tab-position-left.mgz-tabs:not(.mgz-tabs-no-fill-content)[data-gap="0"] > .mgz-tabs-nav > .mgz-tabs-tab-title > a {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .mgz-element-tab-position-left.mgz-tabs:not(.mgz-tabs-no-fill-content)[data-gap="0"] > .mgz-tabs-nav > .mgz-tabs-tab-title.mgz-active > a {
    border-right-width: 0;
  }
  .mgz-element-tab-position-left.mgz-tabs:not(.mgz-tabs-no-fill-content)[data-gap="0"] > .mgz-tabs-content > .mgz-tabs-tab-content {
    border-top-left-radius: 0;
    margin-left: -1px;
  }
  .mgz-element-tab-position-right.mgz-tabs:not(.mgz-tabs-no-fill-content)[data-gap="0"] > .mgz-tabs-nav > .mgz-tabs-tab-title > a {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .mgz-element-tab-position-right.mgz-tabs:not(.mgz-tabs-no-fill-content)[data-gap="0"] > .mgz-tabs-nav > .mgz-tabs-tab-title.mgz-active > a {
    border-left-width: 0;
  }
  .mgz-element-tab-position-right.mgz-tabs:not(.mgz-tabs-no-fill-content)[data-gap="0"] > .mgz-tabs-content > .mgz-tabs-tab-content {
    border-top-right-radius: 0;
    margin-right: -1px;
  }
  .mgz-element-tab-position-right.mgz-tabs > .mgz-tabs-nav {
    order: 1;
  }
}
.tabs-opener {
  height: 50px;
  width: 50px;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  text-align: center;
  font-size: 20px;
  font-weight: 100;
  display: none;
}
.tabs-opener:before {
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  content: '\e624';
}
.tabs-opener:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
@media (max-width: 767px) {
  .mgz-tabs-content .mgz-tabs-tab-title {
    display: none;
  }
  .mgz-tabs-nav .mgz-tabs-tab-title {
    display: inline-block;
  }
  .mgz-tabs:not(.mgz-tabs-no-fill-content)[data-gap="0"] > .mgz-tabs-content > .mgz-tabs-tab-content.mgz-active {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .mgz-tabs:not(.mgz-tabs-no-fill-content)[data-gap="0"] > .mgz-tabs-content > .mgz-tabs-tab-title {
    margin-top: 5px;
  }
  .mgz-tabs:not(.mgz-tabs-no-fill-content)[data-gap="0"] > .mgz-tabs-content > .mgz-tabs-tab-title:first-child {
    margin-top: 0;
  }
  .mgz-tabs:not(.mgz-tabs-no-fill-content)[data-gap="0"] > .mgz-tabs-content > .mgz-tabs-tab-title.mgz-active > a {
    border-bottom-color: transparent;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .mgz-tabs:not(.mgz-tabs-no-fill-content)[data-gap="0"] > .mgz-tabs-content > .mgz-tabs-tab-content.mgz-active {
    border-top-color: transparent;
  }
  .mgz-tabs.tabs-mobile-accordion .mgz-tabs-nav {
    display: none;
  }
  .mgz-tabs.tabs-mobile-accordion .mgz-tabs-content .mgz-tabs-tab-title {
    display: block;
    position: relative;
  }
  .mgz-tabs.tabs-mobile-accordion .mgz-tabs-content .mgz-tabs-tab-title .tabs-opener {
    display: block;
  }
  .mgz-tabs.tabs-mobile-accordion .mgz-tabs-content .mgz-tabs-tab-title.mgz-active .tabs-opener:before {
    content: '\e623';
  }
  .mgz-tabs .mgz-tabs-content > .mgz-tabs-tab-title:first-child {
    margin-top: 0 !important;
  }
  .mgz-tabs .mgz-tabs-content > .mgz-tabs-tab-title > a {
    margin-right: 0 !important;
  }
  .mgz-tabs .mgz-tabs-content > .mgz-tabs-tab-content {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
.mgz-element-text p:first-child {
  margin-top: 0;
}
.mgz-element-text p:last-child {
  margin-bottom: 0;
}
.mgz-btn-style-modern .mgz-btn {
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.01) 100%);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.01) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.01) 100%);
  background-repeat: repeat-x;
}
.mgz-btn-style-gradient .mgz-btn {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  background-size: 200% 100%;
}
.mgz-btn-style-gradient .mgz-btn:hover {
  background-position: 100% 0;
}
.mgz-btn-style-3d .mgz-btn:hover {
  top: 2px;
}
.mgz-btn-size-xs .mgz-btn {
  font-size: 11px;
  padding: 8px 12px;
}
.mgz-btn-size-sm .mgz-btn {
  font-size: 12px;
  padding: 11px 16px;
}
.mgz-btn-size-md .mgz-btn {
  font-size: 14px;
  padding: 14px 20px;
}
.mgz-btn-size-lg .mgz-btn {
  font-size: 18px;
  padding: 18px 30px;
}
.mgz-btn-size-xl .mgz-btn {
  font-size: 22px;
  padding: 22px 35px;
}
.mgz-element .swatch-option {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.mgz-element-single_image .mgz-element-inner {
  font-size: 0;
}
.mgz-single-image-wrapper {
  display: inline-block;
  line-height: 0;
  max-width: 100%;
  font-size: 1.4rem;
  position: relative;
}
.mgz-single-image-wrapper a {
  line-height: 0;
  font-size: 0;
  overflow: hidden;
  display: block;
}
.mgz-single-image-wrapper img {
  border-color: #ebebeb;
}
.mgz-single-image-wrapper.mgz-box-shadow-3d:before,
.mgz-single-image-wrapper.mgz-box-shadow-3d:after {
  -webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.6);
  box-shadow: 0 15px 10px rgba(0, 0, 0, 0.6);
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: skewY(-6deg);
  -moz-transform: skewY(-6deg);
  -ms-transform: skewY(-6deg);
  -o-transform: skewY(-6deg);
  content: "";
  position: absolute;
  left: 5px;
  right: 50%;
  bottom: 8px;
  height: 30%;
  z-index: -1;
}
.mgz-single-image-wrapper.mgz-box-shadow-3d:after {
  left: 50%;
  right: 5px;
  -webkit-transform: skewY(6deg);
  -moz-transform: skewY(6deg);
  -ms-transform: skewY(6deg);
  -o-transform: skewY(6deg);
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.mgz-single-image-wrapper.mgz-box-outline {
  padding: 5px;
  border: 1px solid #ebebeb;
}
.mgz-single-image-wrapper.mgz-box-outline img {
  border: 1px solid #ebebeb;
}
.mgz-single-image-wrapper.mgz-box-shadow {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.mgz-single-image-wrapper.mgz-box-shadow img {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.mgz-single-image-wrapper.mgz-box-shadow2 {
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
}
.mgz-single-image-wrapper.mgz-box-shadow2 img {
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
}
.mgz-single-image-wrapper .image-title + .image-description {
  margin-top: 10px;
}
.mgz-single-image-wrapper .image-content {
  padding: 10px 20px;
  text-align: left;
  line-height: initial;
  clear: both;
  z-index: 1;
  position: absolute;
}
.mgz-single-image-wrapper .mgz-flex-position-below .image-content {
  padding: 10px 0;
  position: static;
}
.mgz-single-image-wrapper.item-content-hover .image-content {
  display: none;
}
.mgz-single-image-wrapper.item-content-hover:hover .image-content {
  display: block;
}
.mgz-single-image-wrapper .mgz-image-link {
  cursor: pointer;
}
.mgz-element-gmaps .gm-style-iw-d {
  overflow: visible !important;
  max-height: none !important;
  font-size: 13px;
}
.mgz-element-gmaps .gm-style-iw-c {
  max-height: none !important;
  padding: 10px !important;
}
.mgz-socialicons {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
}
.mgz-socialicons:before,
.mgz-socialicons:after {
  content: " ";
  display: table;
  clear: both;
}
.mgz-socialicons li {
  position: relative;
  margin-bottom: 8px;
  float: left;
}
.mgz-socialicons li a {
  float: left;
  margin-right: 8px;
}
.mgz-socialicons li i {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 32px;
  height: 32px;
  padding: 0;
  display: inline-block;
  position: relative;
  text-align: center;
  text-decoration: none;
  line-height: 32px;
  color: #FFF;
}
.mgz-socialicons li i.fa-facebook-f {
  background: #3b5998;
}
.mgz-socialicons li i.fa-twitter {
  background: #00aced;
}
.mgz-socialicons li i.fa-pinterest-p {
  background: #cb2027;
}
.mgz-socialicons li i.fa-linkedin-in {
  background: #007bb6;
}
.mgz-socialicons li i.fa-tumblr {
  background: #32506d;
}
.mgz-socialicons li i.fa-instagram {
  background: #517fa4;
}
.mgz-socialicons li i.fa-skype {
  background: #12a5f4;
}
.mgz-socialicons li i.fa-dribbble {
  background: #ea4c8d;
}
.mgz-socialicons li i.fa-flickr {
  background: #ff0084;
}
.mgz-socialicons li i.fa-youtube {
  background: #a82400;
}
.mgz-socialicons li i.fa-vimeo-v {
  background: #45bbff;
}
.mgz-socialicons li i.fa-rss {
  background: #ff8a3c;
}
.mgz-socialicons li i.fa-behance {
  background: #191919;
}
.mgz-socialicons li .mgz-socialicons-follow-button {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-align-self: center;
  -ms-align-self: center;
  align-self: center;
  margin-right: 25px;
  padding: 0 12px;
  color: rgba(0, 0, 0, 0.5);
  background: rgba(0, 0, 0, 0.1);
  font-size: 14px;
  line-height: 1.6em;
}
.mgz-socialicons li .mgz-socialicons-follow-button:hover {
  text-decoration: none;
  color: rgba(0, 0, 0, 0.6);
  background: rgba(0, 0, 0, 0.2);
}
.mgz-socialicons .mgz-socialicons_network_name {
  display: none;
}
.mgz-element-newsletter_form .block.newsletter {
  display: inline-block;
  float: none;
  width: auto;
}
.mgz-element-newsletter_form .action.sr-only {
  position: static;
  width: auto;
  height: 100%;
  margin: 0;
  clip: unset;
  overflow: visible;
}
.mgz-element-newsletter_form .newsletter-title {
  margin: 0 0 20px;
  font-weight: 500;
}
.mgz-element-newsletter_form .newsletter-description {
  margin-bottom: 10px;
}
.magezon-builder .block-search {
  margin: 0;
  padding: 0;
  max-width: 100%;
  float: none;
  display: inline-block;
}
.mgz-element-search_form .block-search {
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .mgz-element-search_form-wrapper {
    position: static;
  }
  .mgz-element-search_form-wrapper > .mgz-element-inner {
    position: static;
  }
  .mgz-element-search_form {
    position: static;
  }
  .mgz-element-search_form > .mgz-element-inner {
    position: static;
  }
  .mgz-element-search_form .minisearch.active .control {
    display: block;
  }
  .mgz-element-search_form .block-search .control {
    border: 0;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0;
    bottom: -15px;
    position: absolute;
    background: #FFF;
  }
  .mgz-element-search_form .block-search .form.active .control input {
    position: static;
  }
}
.mgz-carousel-hidden {
  background: url('../../frontend/Tonggarden/tg/en_US/Magezon_Builder/images/loader.gif') no-repeat center 25%;
}
.mgz-carousel:before,
.mgz-carousel:after {
  content: " ";
  display: table;
  clear: both;
}
.mgz-carousel.owl-carousel.owl-loaded .owl-stage-outer,
.mgz-carousel.owl-carousel.owl-loaded .owl-nav,
.mgz-carousel.owl-carousel.owl-loaded .owl-dots {
  opacity: 1;
}
.mgz-carousel.owl-carousel.owl-loaded.mgz-carousel-hidden .owl-stage-outer,
.mgz-carousel.owl-carousel.owl-loaded.mgz-carousel-hidden .owl-nav,
.mgz-carousel.owl-carousel.owl-loaded.mgz-carousel-hidden .owl-dots {
  opacity: 0;
}
.mgz-carousel .owl-item {
  position: relative;
  background-repeat: no-repeat;
  background-position: center top;
}
.mgz-carousel .owl-item img {
  max-width: 100%;
}
.mgz-carousel .mgz-carousel-item-inner {
  position: relative;
}
.mgz-carousel a + .item-content {
  cursor: pointer;
}
.mgz-carousel .item-content {
  position: absolute;
  text-align: center;
  color: #333;
  z-index: 1;
  font-size: 14px;
}
.mgz-carousel .item-title {
  font-size: 16px;
}
.mgz-carousel .owl-nav {
  margin: 0;
}
.mgz-carousel .owl-nav [class*=owl-] {
  -webkit-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, color 300ms ease-in-out;
  -moz-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, color 300ms ease-in-out;
  -ms-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, color 300ms ease-in-out;
  -o-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, color 300ms ease-in-out;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  margin: 0;
  padding: 0;
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
  display: inline-block;
}
.mgz-carousel .owl-nav [class*=owl-]:hover {
  background: rgba(0, 0, 0, 0.8);
}
.mgz-carousel .owl-nav .owl-next {
  margin-left: 5px;
}
.mgz-carousel .owl-dots {
  margin-top: 10px;
  width: 100%;
  pointer-events: none;
}
.mgz-carousel .owl-dots .owl-dot {
  pointer-events: all;
}
.mgz-carousel .owl-dots .owl-dot span {
  -webkit-transition: width 300ms ease-in-out, height 300ms ease-in-out, margin 300ms ease-in-out, background-color 300ms ease-in-out;
  -moz-transition: width 300ms ease-in-out, height 300ms ease-in-out, margin 300ms ease-in-out, background-color 300ms ease-in-out;
  -ms-transition: width 300ms ease-in-out, height 300ms ease-in-out, margin 300ms ease-in-out, background-color 300ms ease-in-out;
  -o-transition: width 300ms ease-in-out, height 300ms ease-in-out, margin 300ms ease-in-out, background-color 300ms ease-in-out;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 8px;
  background: rgba(0, 0, 0, 0.6);
}
.mgz-carousel .owl-dots .owl-dot:hover span,
.mgz-carousel .owl-dots .owl-dot.active span {
  background: rgba(0, 0, 0, 0.8);
}
.mgz-carousel .mgz-carousel-magnific {
  cursor: pointer;
}
.mgz-carousel .mgz-carousel-multirow .product-item-info {
  margin-bottom: 15px;
}
.mgz-carousel .mgz-carousel-multirow .product-item-info:last-child {
  margin-bottom: 0;
}
.mgz-carousel .product-item {
  list-style: none;
  margin: 0;
  padding: 0;
  max-width: 100%;
}
.mgz-carousel .product-item .product-item-info {
  width: 100%;
}
.mgz-carousel.mgz-carousel-equal-height .owl-stage {
  display: flex;
}
.mgz-carousel.mgz-carousel-equal-height .owl-item {
  display: flex;
  flex: 1 0 auto;
}
.mgz-carousel-dot-inside .owl-dots {
  position: absolute;
  bottom: 15px;
  margin: 0;
}
.mgz-carousel-dot-inside .owl-dots .owl-dot {
  bottom: 15px;
}
.mgz-carousel-dot-inside .owl-dots .owl-dot span {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  background: #FFF;
}
.mgz-carousel-dot-inside .owl-dots .owl-dot:hover span,
.mgz-carousel-dot-inside .owl-dots .owl-dot.active span {
  background: #FFF;
  width: 16px;
  height: 16px;
  margin: 5px;
}
.mgz-carousel-dot-inside .owl-dots .owl-dot:hover:not(.active) span {
  background: #FFF;
}
.mgz-carousel-nav-position-top_left .owl-nav,
.mgz-carousel-nav-position-top_right .owl-nav {
  position: absolute;
}
.mgz-carousel-nav-position-top_left.mgz-carousel-nav-size-mini .owl-nav,
.mgz-carousel-nav-position-top_right.mgz-carousel-nav-size-mini .owl-nav {
  top: -40px;
}
.mgz-carousel-nav-position-top_left.mgz-carousel-nav-size-small .owl-nav,
.mgz-carousel-nav-position-top_right.mgz-carousel-nav-size-small .owl-nav {
  top: -50px;
}
.mgz-carousel-nav-position-top_left.mgz-carousel-nav-size-normal .owl-nav,
.mgz-carousel-nav-position-top_right.mgz-carousel-nav-size-normal .owl-nav {
  top: -60px;
}
.mgz-carousel-nav-position-top_left.mgz-carousel-nav-size-large .owl-nav,
.mgz-carousel-nav-position-top_right.mgz-carousel-nav-size-large .owl-nav {
  top: -70px;
}
.mgz-carousel-nav-position-top_left .owl-nav {
  left: 0;
}
.mgz-carousel-nav-position-top_right .owl-nav {
  right: 0;
}
.mgz-carousel-nav-position-bottom_left .owl-nav {
  text-align: left;
  margin-top: 10px;
}
.mgz-carousel-nav-position-bottom_right .owl-nav {
  text-align: right;
  margin-top: 10px;
}
.mgz-carousel-nav-position-bottom_center .owl-nav {
  margin-top: 10px;
  text-align: center;
}
.mgz-carousel-nav-position-bottom_center .owl-nav .owl-prev {
  margin-right: 5px;
}
.mgz-carousel-nav-position-top_split.mgz-carousel-nav-size-mini .owl-prev,
.mgz-carousel-nav-position-top_split.mgz-carousel-nav-size-mini .owl-next {
  top: -40px;
}
.mgz-carousel-nav-position-top_split.mgz-carousel-nav-size-small .owl-prev,
.mgz-carousel-nav-position-top_split.mgz-carousel-nav-size-small .owl-next {
  top: -50px;
}
.mgz-carousel-nav-position-top_split.mgz-carousel-nav-size-normal .owl-prev,
.mgz-carousel-nav-position-top_split.mgz-carousel-nav-size-normal .owl-next {
  top: -60px;
}
.mgz-carousel-nav-position-top_split.mgz-carousel-nav-size-large .owl-prev,
.mgz-carousel-nav-position-top_split.mgz-carousel-nav-size-large .owl-next {
  top: -70px;
}
.mgz-carousel-nav-position-top_split .owl-nav [class*=owl-] {
  position: absolute;
}
.mgz-carousel-nav-position-top_split .owl-nav .owl-prev {
  left: 0;
}
.mgz-carousel-nav-position-top_split .owl-nav .owl-next {
  right: 0;
}
.mgz-carousel-nav-position-center_split .owl-nav [class*=owl-] {
  position: absolute;
  opacity: 0;
}
.mgz-carousel-nav-position-center_split .owl-nav .owl-prev {
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  position: absolute;
  top: 50%;
  left: 0;
}
.mgz-carousel-nav-position-center_split .owl-nav .owl-next {
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  position: absolute;
  top: 50%;
  right: 0;
}
.mgz-carousel-nav-position-center_split:hover .owl-nav [class*=owl-] {
  opacity: 1;
  filter: alpha(opacity=100);
}
.mgz-carousel-nav-position-bottom_split.mgz-carousel-nav-size-mini .owl-prev,
.mgz-carousel-nav-position-bottom_split.mgz-carousel-nav-size-mini .owl-next {
  bottom: -40px;
}
.mgz-carousel-nav-position-bottom_split.mgz-carousel-nav-size-small .owl-prev,
.mgz-carousel-nav-position-bottom_split.mgz-carousel-nav-size-small .owl-next {
  bottom: -50px;
}
.mgz-carousel-nav-position-bottom_split.mgz-carousel-nav-size-normal .owl-prev,
.mgz-carousel-nav-position-bottom_split.mgz-carousel-nav-size-normal .owl-next {
  bottom: -60px;
}
.mgz-carousel-nav-position-bottom_split.mgz-carousel-nav-size-large .owl-prev,
.mgz-carousel-nav-position-bottom_split.mgz-carousel-nav-size-large .owl-next {
  bottom: -70px;
}
.mgz-carousel-nav-position-bottom_split .owl-nav [class*=owl-] {
  position: absolute;
}
.mgz-carousel-nav-position-bottom_split .owl-nav .owl-prev {
  left: 0;
}
.mgz-carousel-nav-position-bottom_split .owl-nav .owl-next {
  right: 0;
}
.mgz-carousel-nav-size-mini .owl-nav [class*=owl-] {
  width: 20px;
  height: 20px;
  line-height: 20px;
}
.mgz-carousel-nav-size-small .owl-nav [class*=owl-] {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.mgz-carousel-nav-size-normal .owl-nav [class*=owl-] {
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.mgz-carousel-nav-size-large .owl-nav [class*=owl-] {
  width: 50px;
  height: 50px;
  line-height: 50px;
}
.mgz-product-listing .product-image-wrapper {
  height: auto;
  padding: 0 !important;
}
.mgz-product-listing .product-image-wrapper .product-image-photo {
  position: static;
}
.magezon-builder .mgz-element-sidebar .sidebar-main,
.magezon-builder .mgz-element-sidebar .sidebar-additional {
  width: 100%;
  padding: 0;
}
.magezon-builder .mgz-element-sidebar .filter-options-item {
  width: 100%;
  border-bottom: 1px solid #cccccc;
}
.magezon-builder .mgz-element-sidebar .filter-options-title {
  padding: 10px 40px 0 10px;
}
@media (min-width: 768px) {
  .magezon-builder .mgz-element-sidebar .filter-options-item:before,
  .magezon-builder .mgz-element-sidebar .filter-options-item:after {
    display: none !important;
    border: 0 !important;
  }
  .magezon-builder .mgz-element-sidebar .filter-options-content {
    position: static;
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 100%;
  }
}
.mgz-countdown {
  -webkit-align-self: center;
  -ms-align-self: center;
  align-self: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  padding: 30px;
}
.mgz-countdown .mgz-countdown-heading-wrapper {
  text-align: left;
}
.mgz-countdown .mgz-countdown-subheading {
  font-size: 1.4rem;
}
.mgz-countdown .mgz-countdown-heading {
  font-size: 18px;
  font-weight: 700;
}
.mgz-countdown .mgz-countdown-number {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  position: relative;
  display: inline-block;
}
.mgz-countdown .mgz-countdown-counter-wrapper {
  -webkit-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
}
.mgz-countdown .mgz-countdown-unit {
  position: relative;
  padding: 10px;
}
.mgz-countdown .mgz-countdown-unit-number {
  font-size: 24px;
  line-height: 1;
}
.mgz-countdown .mgz-countdown-unit-label {
  font-size: 1.4rem;
}
.mgz-countdown .mgz-countdown-unit-label {
  min-width: 80px;
}
.mgz-countdown .svg-container {
  display: inline-block;
  position: relative;
  z-index: 1;
  width: 100%;
  height: auto;
  padding-bottom: 100%;
}
.mgz-countdown .svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.mgz-countdown.mgz-countdown-text-inline .mgz-countdown-unit-label {
  min-width: auto;
  display: inline-block;
}
.mgz-countdown .mgz-countdown-link-wrapper {
  padding: 10px;
}
.mgz-countdown-separator-colon .mgz-countdown-number:after {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  content: ":";
  font-size: 30px;
  position: absolute;
  right: 0px;
  top: 50%;
  z-index: 10;
  display: inline-block;
}
.mgz-countdown-separator-colon .mgz-countdown-number:last-child:after {
  display: none;
}
.mgz-countdown-separator-line .mgz-countdown-number:after {
  content: "";
  display: inline-block;
  top: 0px;
  bottom: 0px;
  z-index: 10;
  border-right: 1px solid #cccccc;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  left: auto;
}
.mgz-countdown-separator-line .mgz-countdown-number:last-child:after {
  display: none;
}
.mgz-countdown-circle .mgz-countdown-unit {
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 11;
}
@media (max-width: 767px) {
  .mgz-countdown {
    display: block;
    padding: 10px;
  }
  .mgz-countdown .mgz-countdown-counter-wrapper {
    margin-top: 20px;
    margin-bottom: 10px;
  }
  .mgz-countdown .mgz-countdown-heading-wrapper,
  .mgz-countdown .mgz-countdown-link-wrapper {
    text-align: center;
  }
  .mgz-countdown.mgz-countdown-text-inline .mgz-countdown-unit-label {
    min-width: 80px;
    display: block;
  }
  .mgz-countdown.mgz-countdown-separator-colon .mgz-countdown-number:after {
    display: none;
  }
  .mgz-countdown .mgz-countdown-unit {
    padding: 10px !important;
  }
}
.page-layout-1column-fullwidth #maincontent {
  max-width: 100%;
  margin: 0;
  padding: 0;
}
.page-layout-1column,
.page-layout-2columns-left,
.page-layout-2columns-right,
.page-layout-1column-fullwidth {
  overflow-x: hidden;
}
.magezon-builder {
  position: relative;
  z-index: 2;
}
.magezon-builder:before,
.magezon-builder:after {
  content: " ";
  display: table;
  clear: both;
}
.magezon-builder * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.magezon-builder iframe,
.magezon-builder video,
.magezon-builder img {
  max-width: 100%;
}
.magezon-builder p {
  margin-top: 0;
}
.mgz-block-heading {
  margin-bottom: 10px;
  padding-bottom: 10px;
  position: relative;
  text-align: center;
}
.mgz-block-heading.mgz-block-heading-line:before {
  content: '';
  display: block;
  height: 1px;
  width: 100%;
  background: #cecece;
  position: absolute;
  top: 40%;
  z-index: 0;
}
.mgz-block-heading.mgz-block-heading-line .title {
  display: inline-block;
  background: #FFF;
  padding: 0;
  position: relative;
}
.mgz-block-heading.mgz-block-heading-line h2 {
  font-weight: 500;
}
.mgz-block-heading.mgz-block-heading-line-position-bottom:before {
  bottom: 0;
  top: auto;
}
.mgz-block-heading.mgz-block-heading-align-center {
  text-align: center;
}
.mgz-block-heading.mgz-block-heading-align-center .title {
  padding: 0 10px;
}
.mgz-block-heading.mgz-block-heading-align-left {
  text-align: left;
}
.mgz-block-heading.mgz-block-heading-align-left .title {
  padding-right: 10px;
}
.mgz-block-heading.mgz-block-heading-align-right {
  text-align: right;
}
.mgz-block-heading.mgz-block-heading-align-right .title {
  padding-left: 10px;
}
.mgz-block-heading .title {
  margin: 0;
  font-weight: 400;
}
.mgz-block-heading .info {
  margin: 0;
}
.mgz_fit {
  width: 1%;
}
.magezon-builder-btn {
  background: #007dbd;
  border-color: #007dbd;
  color: #fff;
  position: relative;
  text-align: left;
  font-weight: 500;
  line-height: 1.4;
  padding: 0.6rem 1em 0.6rem 35px;
  display: inline-block;
  margin-bottom: 10px;
}
.magezon-builder-btn:hover {
  color: #FFF;
  text-decoration: none;
  background: #0073ae;
}
.magezon-builder-btn i {
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  font-size: 25px;
  position: absolute;
  left: 15px;
}
table .magezon-builder .mgz-container {
  width: 100%;
}
.mgz-condition-html .rule-tree ul {
  padding-left: 16px;
}
.mgz-builder-single_image-icon {
  background-image: url('../../frontend/Tonggarden/tg/en_US/Magezon_Builder/images/icons/element-icon-single-image.svg') !important;
}
.item.product .magezon-builder .mgz-container {
  width: 100%;
}
.mgz-builder-wrapper._disabled > .admin__field-control > button,
.mgz-builder-wrapper._disabled > .admin__field-control .mgz-builder {
  cursor: default;
  opacity: 0.5;
  pointer-events: none;
}
.mgz-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
.mgz-absolute-link {
  position: absolute;
  z-index: 11;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
.admin__form-loading-mask[data-component="linkbuilder_form.linkbuilder_form"] {
  display: none;
}
.mgz-image-switch-after {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.mgz-image-switch:hover .mgz-image-switch-before {
  opacity: 0;
}
.mgz-image-switch:hover .mgz-image-switch-after {
  opacity: 1;
}
@media all and (min-width: 768px) {
  html {
    height: auto !important;
  }
}.navigation {
  font-weight: normal !important;
}
.navigation > .ninjamenus.ninjamenus-desktop {
  margin: 0 20px;
}
.nav-item {
  position: relative;
  text-align: left;
}
.nav-item.active > a {
  color: #f55856;
}
.nav-item > a {
  -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
  -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
  -ms-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
  -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
  color: #333;
  font-weight: 400;
  line-height: 35px;
  text-decoration: none;
  display: block;
  position: relative;
  padding: 0 15px;
}
.nav-item > a:hover {
  color: #f55856;
}
.nav-item > a:hover .title-wrapper .label {
  background-color: #555;
}
.nav-item > a:hover .title-wrapper .label:before {
  border-top-color: #555;
}
.nav-item > a > .opener {
  width: 35px;
  height: 35px;
}
.nav-item > a .label {
  -webkit-transition: color 0.45s ease-in-out, background-color 0.45s ease-in-out;
  -moz-transition: color 0.45s ease-in-out, background-color 0.45s ease-in-out;
  -ms-transition: color 0.45s ease-in-out, background-color 0.45s ease-in-out;
  -o-transition: color 0.45s ease-in-out, background-color 0.45s ease-in-out;
  padding: 2px 4px;
  font-size: 11px;
  font-weight: 400;
  line-height: 18px;
  background-color: #ed143d;
  color: #fff;
}
.nav-item > a .item-icon {
  line-height: inherit;
}
.nav-item > a .item-icon + span,
.nav-item > a span + .item-icon {
  margin-left: 2px;
}
.nav-item > a span.title {
  display: inline-block;
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-weight: inherit;
}
.nav-item > a > span {
  display: inline-block;
}
.nav-item .caret {
  line-height: inherit;
  border: 0;
  height: auto;
}
.nav-item .item-submenu {
  position: absolute;
  display: none;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  z-index: 11;
  width: 100%;
  height: auto;
}
.nav-item.ninjamenus-hover > .item-submenu {
  display: block;
}
.magezon-builder > .nav-item > a {
  line-height: 50px;
  font-weight: 600;
}
.magezon-builder > .nav-item > .opener {
  height: 50px;
  width: 50px;
}
.subtitle {
  display: block !important;
  font-size: 11px;
  line-height: 13px;
  font-weight: 400;
  color: #999;
  white-space: normal;
  margin-top: -10px;
}
.label-top_left > a .label {
  position: absolute;
  top: -10px;
  left: 10px;
}
.label-top_left > a .label:before {
  -webkit-transition: border-color 450ms ease-in-out;
  -moz-transition: border-color 450ms ease-in-out;
  -ms-transition: border-color 450ms ease-in-out;
  -o-transition: border-color 450ms ease-in-out;
  position: absolute;
  left: 6px;
  top: 22px;
  width: 0;
  height: 0;
  content: "";
  border-style: solid;
  border-width: 4px;
  border-color: transparent;
  border-top-color: #ed143d;
}
.label-top_right > a .label {
  position: absolute;
  top: -10px;
  right: 10px;
}
.label-top_right > a .label:before {
  -webkit-transition: border-color 450ms ease-in-out;
  -moz-transition: border-color 450ms ease-in-out;
  -ms-transition: border-color 450ms ease-in-out;
  -o-transition: border-color 450ms ease-in-out;
  position: absolute;
  right: 6px;
  top: 22px;
  width: 0;
  height: 0;
  content: "";
  border-style: solid;
  border-width: 4px;
  border-color: transparent;
  border-top-color: #ed143d;
}
.label-left > a, .label-right > a  {
  justify-content: flex-start;
  display: flex;
  align-items: flex-end;
}
.ninjamenus-hamburger-trigger {
  line-height: 50px;
  background: #f2f2f2;
  display: none;
}
.ninjamenus-hamburger-trigger .trigger-icon {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  margin-right: 5px;
}
.ninjamenus-hamburger-trigger .trigger-icon .menu-trigger-inner {
  -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
  -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
  -ms-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
  -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
}
.ninjamenus-hamburger-trigger .trigger-icon .line {
  display: block;
  background-color: #333333;
  height: 3px;
  margin-bottom: 2px;
}
.ninjamenus-hamburger-trigger .menu-trigger-inner {
  display: inline-block;
  padding: 0 15px;
  cursor: pointer;
}
.ninjamenus-hamburger-trigger .menu-trigger-inner:hover {
  background-color: #f55856;
  color: #ffffff;
}
.ninjamenus-hamburger-trigger .menu-trigger-inner:hover .line {
  background: #FFF;
}
.ninjamenus {
  position: relative;
}
.ninjamenus:before,
.ninjamenus:after {
  content: " ";
  display: table;
  clear: both;
}
.ninjamenus .ninjamenus-toggle-active > .opener:before {
  content: '\e60d';
}
.ninjamenus .level0 > a > span.title {
  font-weight: inherit;
}
.ninjamenus .level0 > a > span.title-wrapper .title {
  font-weight: inherit;
}
.ninjamenus .opener {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  text-align: center;
  font-size: 20px;
  font-weight: 100;
  display: none;
}
.ninjamenus .opener:before {
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  font-family: 'Magezon-Icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e61c';
}
.ninjamenus .opener:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.ninjamenus .drilldown-opener {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  text-align: center;
  font-size: 14px;
  font-weight: 100;
  display: none;
}
.ninjamenus .drilldown-opener:before {
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  font-family: 'Magezon-Icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e61c';
}
.ninjamenus .item-submenu {
  padding: 10px;
}
.ninjamenus .drilldown-opener:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.ninjamenus .nav-item > .drilldown-opener:before {
  content: '\e60a';
}
.ninjamenus .ninjamenus-drilldown-back > .drilldown-opener:before {
  content: '\e617';
}
.ninjamenus .links {
  margin: 0;
  padding: 10px 15px;
  border-bottom: 1px solid #EEE;
}
.ninjamenus .links li {
  position: relative;
  margin: 0;
  display: inline-block;
}
.ninjamenus .links li > a {
  line-height: 35px;
  padding-left: 15px;
  padding-right: 15px;
  display: block;
}
.ninjamenus .links li > a:hover {
  background: #f55856;
  text-decoration: none;
  color: #fff;
}
.ninjamenus a {
  color: #333;
  font-weight: 400;
}
.ninjamenus .block.tabspro-block {
  margin: 0;
}
.ninjamenus .form.contact {
  width: 100% !important;
}
.ninjamenus.ninjamenus-vertical > .magezon-builder > .nav-item > a .caret {
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
  float: right;
  line-height: inherit;
}
.ninjamenus.ninjamenus-vertical > .magezon-builder > .nav-item > a .label {
  right: auto;
}
.ninjamenus.ninjamenus-desktop.ninjamenus-horizontal > .magezon-builder > .nav-item {
  float: left;
  margin: 0;
}
.ninjamenus.ninjamenus-desktop .ninjamenus-right {
  float: right !important;
}
.ninjamenus.ninjamenus-desktop .item-submenu {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
  width: 200px;
}
.ninjamenus.ninjamenus-desktop .item-submenu:before,
.ninjamenus.ninjamenus-desktop .item-submenu:after {
  content: " ";
  display: table;
  clear: both;
}
.ninjamenus.ninjamenus-desktop .mega > .item-submenu {
  background: #FFF;
}
.ninjamenus.ninjamenus-desktop .ninjamenus-hide-desktop {
  display: none;
}
.ninjamenus.ninjamenus-desktop .left_edge_menu_bar,
.ninjamenus.ninjamenus-desktop .right_edge_menu_bar,
.ninjamenus.ninjamenus-desktop .left_vertical_full_height,
.ninjamenus.ninjamenus-desktop .right_vertical_full_height {
  position: static;
}
.ninjamenus.ninjamenus-desktop .left_edge_menu_bar > .item-submenu {
  left: 0;
}
.ninjamenus.ninjamenus-desktop .right_edge_menu_bar > .item-submenu {
  right: 0;
}
.ninjamenus.ninjamenus-desktop .left_vertical_full_height > .item-submenu {
  right: 100%;
  top: 0;
}
.ninjamenus.ninjamenus-desktop .right_vertical_full_height > .item-submenu {
  left: 100%;
  top: 0;
}
.ninjamenus.ninjamenus-desktop .left_edge_parent_item > .item-submenu {
  left: 0;
}
.ninjamenus.ninjamenus-desktop .right_edge_parent_item > .item-submenu {
  right: 0;
}
.ninjamenus.ninjamenus-desktop .level0 .left_edge_parent_item > .item-submenu {
  left: 80%;
  top: 0;
}
.ninjamenus.ninjamenus-desktop .level0 .right_edge_parent_item > .item-submenu {
  right: 80%;
  top: 0;
}
.ninjamenus.ninjamenus-desktop .stack > a .caret {
  display: none;
}
.ninjamenus.ninjamenus-desktop .stack > .item-submenu {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  position: static;
  display: block;
  width: 100%;
  padding: 0;
}
.ninjamenus.ninjamenus-desktop.ninjamenus-accordion,
.ninjamenus.ninjamenus-desktop.ninjamenus-drilldown {
  width: 100%;
  max-width: 100%;
}
.ninjamenus.ninjamenus-desktop.ninjamenus-accordion.label-top_right > a .label,
.ninjamenus.ninjamenus-desktop.ninjamenus-drilldown.label-top_right > a .label {
  right: auto;
}
.ninjamenus.ninjamenus-desktop.ninjamenus-accordion .level0,
.ninjamenus.ninjamenus-desktop.ninjamenus-drilldown .level0 {
  border-bottom: 1px solid #e6e6e6;
}
.ninjamenus.ninjamenus-desktop.ninjamenus-accordion .level0 > a:hover,
.ninjamenus.ninjamenus-desktop.ninjamenus-drilldown .level0 > a:hover {
  background: transparent;
  color: #333;
}
.ninjamenus.ninjamenus-desktop.ninjamenus-accordion .nav-item,
.ninjamenus.ninjamenus-desktop.ninjamenus-drilldown .nav-item {
  position: relative !important;
}
.ninjamenus.ninjamenus-desktop.ninjamenus-accordion .item-submenu,
.ninjamenus.ninjamenus-desktop.ninjamenus-drilldown .item-submenu {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  position: static;
  width: 100%;
  max-width: 100%;
  padding: 0;
}
.ninjamenus.ninjamenus-desktop.ninjamenus-accordion .caret,
.ninjamenus.ninjamenus-desktop.ninjamenus-drilldown .caret {
  display: none;
}
.ninjamenus.ninjamenus-desktop.ninjamenus-accordion .mega > .opener,
.ninjamenus.ninjamenus-desktop.ninjamenus-drilldown .mega > .opener {
  display: block;
}
.ninjamenus.ninjamenus-desktop.ninjamenus-accordion .nav-item > a,
.ninjamenus.ninjamenus-desktop.ninjamenus-drilldown .nav-item > a {
  line-height: 50px;
}
.ninjamenus.ninjamenus-desktop.ninjamenus-accordion .nav-item > .opener,
.ninjamenus.ninjamenus-desktop.ninjamenus-drilldown .nav-item > .opener {
  height: 50px;
  width: 15px;
}
.ninjamenus.ninjamenus-desktop.ninjamenus-drilldown {
  overflow: hidden;
}
.ninjamenus.ninjamenus-desktop.ninjamenus-drilldown .drilldown-opener {
  display: block;
}
.ninjamenus.ninjamenus-desktop.ninjamenus-drilldown .stack > .drilldown-opener {
  display: none;
}
.ninjamenus.ninjamenus-desktop.ninjamenus-vertical .nav-item.level0:hover > a,
.ninjamenus.ninjamenus-desktop.ninjamenus-horizontal .nav-item.level0:hover > a {
  background-color: #f55856;
  color: #FFF;
}
.ninjamenus.ninjamenus-desktop.ninjamenus-vertical .nav-item.level0.active > a,
.ninjamenus.ninjamenus-desktop.ninjamenus-horizontal .nav-item.level0.active > a {
  background-color: #333;
  color: #FFF;
}
.ninjamenus.ninjamenus-mobile {
  overflow-x: hidden;
}
.ninjamenus.ninjamenus-mobile.ninjamenus-hamburger-menu,
.ninjamenus.ninjamenus-mobile .ninjamenus-hide-mobile {
  display: none;
}
.ninjamenus.ninjamenus-mobile .opener {
  display: block;
}
.ninjamenus.ninjamenus-mobile .caret {
  display: none;
}
.ninjamenus.ninjamenus-mobile .item-submenu {
  max-width: 100% !important;
  position: relative;
}
.ninjamenus.ninjamenus-mobile .nav-item > a {
  line-height: 50px;
}
.ninjamenus.ninjamenus-mobile .nav-item > .opener {
  height: 50px;
  width: 50px;
}
.ninjamenus.ninjamenus-mobile .level0.label-top_right > a .label {
  right: auto;
}
.ninjamenus.ninjamenus-mobile .level0 > a .title {
  margin: 0 !important;
}
.ninjamenus-hamburger-active .menu-trigger-inner {
  background-color: #f55856;
  color: #ffffff;
}
.ninjamenus-hamburger-active .menu-trigger-inner .line {
  background: #FFF;
}
.ninjamenus-hamburger-active .ninjamenus-hamburger-menu {
  display: block !important;
}
.ninjamenus-widget .ninjamenus-vertical,
.ninjamenus-widget .ninjamenus-accordion,
.ninjamenus-widget .ninjamenus-drilldown {
  border: 1px solid #6e716e;
}
.cms-content .block.ninjamenus-widget > .block-title,
.block.ninjamenus-widget > .block-title {
  text-transform: uppercase;
  padding: 10px;
  background: #6e716e;
  color: #fff;
  margin: 0;
  border: 1px solid #6e716e;
}
.cms-content .block.ninjamenus-widget > .block-title > strong,
.block.ninjamenus-widget > .block-title > strong {
  display: block;
}
.cms-content .block.ninjamenus-widget > .ninjamenus,
.block.ninjamenus-widget > .ninjamenus {
  background: #f8f8f8;
}
.cms-content .block.ninjamenus-widget > .ninjamenus.ninjamenus-drilldown,
.block.ninjamenus-widget > .ninjamenus.ninjamenus-drilldown {
  border: 1px solid #6e716e;
}
.scroll-to-fixed-fixed .magezon-builder > .nav-item.label-top_left > a .label,
.scroll-to-fixed-fixed .magezon-builder > .nav-item.label-top_right > a .label {
  display: none;
}
.scroll-to-fixed-fixed .ninjamenus-hide-sticky {
  display: none !important;
}
.ninjamenus-lazy-blur {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -webkit-transition: 0.3s filter linear;
  -moz-transition: 0.3s filter linear;
  -ms-transition: 0.3s filter linear;
  -o-transition: 0.3s filter linear;
  -webkit-filter: blur(5px);
  filter: blur(5px);
}
.ninjamenus-lazy-blur .ninjamenus-lazy-loaded {
  -webkit-filter: blur(0px);
  filter: blur(0px);
  image-rendering: initial;
}
.ninjamenus-drilldown-back {
  line-height: 50px;
  text-align: center;
  background: #f0f0f0;
  border-bottom: 1px solid #e6e6e6;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 18px;
  display: none;
}
.ninjamenus-drilldown-back > .drilldown-opener {
  height: 50px;
  width: 50px;
  left: 0;
  display: block;
}
.drilldown-root > div > .ninjamenus-drilldown-back {
  display: block;
}
.ninjamenus-tablet {
  position: static !important;
}
.ninjamenus-tablet .item-submenu {
  left: 0 !important;
  max-width: 100%;
}
.ninjamenus-desktop.ninjamenus-top .level0 {
  margin: 0;
  display: inline-block;
}
.item-autolist .nav-item.stack > a{
  font-weight: 900;
}
.ninjamenus-desktop .item-autolist > .item-submenu > .nav-item{
  float: left;
}
.ninjamenus-desktop .item-autolist-col2 > .item-submenu > .nav-item{
  width: 50%;
}
.ninjamenus-desktop .item-autolist-col3 > .item-submenu > .nav-item{
  width: 33.33333333%;
}
.ninjamenus-desktop .item-autolist-col4 > .item-submenu > .nav-item{
  width: 25%;
}
.ninjamenus-desktop .item-autolist-col5 > .item-submenu > .nav-item{
  width: 20%;
}
.ninjamenus-desktop .item-autolist-col6 > .item-submenu > .nav-item{
  width: 16.66666667%;
}
.ninjamenus-desktop .item-autolist-col2 > .item-submenu > .nav-item:nth-child(2n+1),
.ninjamenus-desktop .item-autolist-col3 > .item-submenu > .nav-item:nth-child(3n+1),
.ninjamenus-desktop .item-autolist-col4 > .item-submenu > .nav-item:nth-child(4n+1),
.ninjamenus-desktop .item-autolist-col4 > .item-submenu > .nav-item:nth-child(5n+1),
.ninjamenus-desktop .item-autolist-col3 > .item-submenu > .nav-item:nth-child(6n+1) {
  clear: left;
}
.nav-item-static {
  position: static !important;
}

.nav-item.nav-item-static > .item-submenu{
  width: 100vw !important;
}

.ninjamenus.ninjamenus-mobile .nav-item-static{
  position: relative !important;
}
.ninjamenus.ninjamenus-mobile  .nav-item.nav-item-static > .item-submenu{
  width: 100% !important;
}
.ninjamenus-top-overlay {
    position: absolute;
    left: 0;
    width: 100%;
    background: #0e0e0eb0;
    height: 100%;
    z-index: 10;
    display: none;
}/**
 * @package     Plumrocket_SocialLoginFree
 * @copyright   Copyright (c) 2015 Plumrocket Inc. (https://plumrocket.com)
 * @license     https://plumrocket.com/license   End-user License Agreement
 */

.pslogin-addedoverlay {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 2010;
	background-color: black;
	filter: alpha(opacity=60);
	opacity: 0.6;
	/*display: none;*/
}

.pslogin-pop-up-form {
	left: 0px;
	top: 0px;
	position:fixed;
	width: 100%;
	z-index: 2020;
	height:100%;
	color:#666666;
	text-align:left;
	/*display:none;*/
	overflow-y: auto;
}

#pslogin-pop-up-bg {
	max-width: 450px;
	font-size: 12px;
	padding: 0 10px 0 10px;
	margin: 10% auto 5% auto;
	color: #444;
	font-family: Arial, Helvetica, sans-serif;
	height: 100%;
	box-sizing: border-box;
}

.pslogin-share {
	background-color: white;
	min-height: 210px;
	padding: 18px 21px;
	position: relative;
}

.pslogin-fake-email-message {
	position: fixed;
	top: 20px;
	width: 100%;
	padding: 0 5%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	z-index: 9999;
}

	.pslogin-fake-email-message .content {
		padding: 5px 10px;
		background: #fff;
		max-width: 960px;
		min-width: 250px;
		margin: 0 auto;
		box-shadow: 0 2px 15px 0px rgba(0, 0, 0, 0.42);
		-webkit-box-shadow: 0 2px 15px 0px rgba(0, 0, 0, 0.42);
		-moz-box-shadow: 0 2px 15px 0px rgba(0, 0, 0, 0.42);
		font-size: 14px;
		color: #636363;
		z-index: 9999;
	}

	.pslogin-fake-email-message p {
		margin: 10px auto;
		text-align: left;
	}

	.pslogin-fake-email-message .close-message {
		float: right;
	}

	.pslogin-fake-email-message .close-message:hover {
		cursor: pointer;
		color: #AEAEAE;
	}


/* general classes */
.pslogin-share .ta-center {
	text-align: center;
}

    .pslogin-share h2 {
		padding: 0px 0px 7px 0px;
		color: #3399cc;
		font-weight: 400;
		font-size: 15px;
		text-transform: uppercase;
		border-bottom: 1px solid #DDD;
		margin-bottom: 10px;
    }


	.pslogin-share .prpop-close-btn {
		position: absolute;
		right: 9px;
		left: auto;
		margin-right: 10px;
		top: 14px;
		text-decoration: none;
		color: #727272;
		font-size: 16px;
		background: none;
	}

	.pslogin-share .prpop-close-btn:hover {
		color: #b6aba5;
	}

	.pslogin-share p {
		margin-bottom: 7px;
	}

	.pslogin-share img {
		max-width: 100%;
		height: auto;
	}

	.pslogin-share .button-top {
		height: 7px;
	}

	.pslogin-share a {
		display: inline-block;
		height: 30px;
		color: white;
		margin: 0 10px 10px 0;
	}

	.pslogin-share a:hover {
		cursor: pointer;
		opacity: 0.7;
		filter: apha(filter=70);
	}


/*form*/
.w25 { width: 25px!important; }
.w100 { width: 100px; }

.pslogin-block.account-login .content {
	margin: 0;
}

.pslogin-form .registered-users .content {
	margin: 0!important;
}

.pslogin-block.account-login .form-list label,
#checkout-step-login .pslogin-block .form-list label {
	width: auto;
	float: none;
}

.pslogin-block.account-login .form-list .input-box,
#checkout-step-login .pslogin-block .form-list .input-box {
	float: none;
}

#checkout-step-login .col2-set {
	box-sizing: border-box;
}

.pslogin-block.account-login .buttons-set {
	min-height: 40px;
}

.pslogin-block.col2-set {
	margin: 0;
}

.pslogin-block.col2-set .buttons-set {
	padding: 0;
}

.pslogin-block.col2-set .fieldset {
	margin: 15px 0;
}

	.pslogin-block button.button span,
	.pslogin-block button.button span span {
		height: auto;
	}

	.pslogin-share .soc-name {
		height: 30px;
		line-height: 30px;
		padding: 0 7px;
		display: block;
		float: left;
		box-sizing: border-box;
	}

		.pslogin-share .vkontakte {
			background-position: -77px -78px;
		}

		.pslogin-share .facebook {
			background-position: -5px -5px
		}

		.pslogin-share .twitter {
			background-position: -41px -5px;
		}

		.pslogin-share .googleplus {
			background-position: -113px -5px;
		}

/* welcome message */
.pslogin-welcome-msg {
	height: 22px;
	line-height: 22px;
	float: none;
	display: inline-block;
	margin: 0 0 5px 0;
}

.pslogin-welcome-msg:after {
	clear: both;
	content: "";
}

.pslogin-welcome-msg img {
	height: 25px;
	display: inline-block;
	padding: 0 5px 0 0;
	float: left;
}

/* Buttons */
.pslogin-block {
	width: 100%;
	margin: 0 0 20px 0;
}

.pslogin-block * {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.pslogin-block.pslogin-hidden-text .pslogin-button-text {
	display: none!important;
}

.pslogin-block .pslogin-xs {
	display: none!important;
}

.pslogin-block .pslogin-button-image {
	display: block;
	max-height: 32px;
}

.pslogin-block .pslogin-clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.pslogin-block .title {
	text-align: center;
	margin-bottom: 10px;
	font-size: 12px;
}

.pslogin-spacer {
	display: block;
	margin: 10px auto;
	position: relative;
	text-align: center;
	line-height: 16px!important;
	top: auto;
	left: auto;
	height: auto;
	width: auto;
	line-height: normal;
	overflow: visible;
	font-size: 13px;
}

	.pslogin-spacer table {
		width: 100%;
	}

	.pslogin-spacer table tr td:first-child { padding-left: 0; }
	.pslogin-spacer table tr td:last-child { padding-right: 0; }

	.pslogin-spacer table td {
		vertical-align: middle;
		padding: 10px 5px;
	}

	.pslogin-spacer .pslogin-border {
		border-top: 1px solid #e5e2e2;
		width: 100%;
	}

	.pslogin-spacer .pslogin-bordertext {
		color: #b2b2b2;
		text-align: center;
		font-size: 11px;
	}

	.pslogin-spacer.pslogin-showmore .pslogin-bordertext {
		height: 20px;
		line-height: 17px;
		padding: 0;
		border: 1px solid #e5e2e2;
		border-radius: 9px;
		-moz-border-radius: 9px;
		-webkit-border-radius: 9px;
	}

	.pslogin-spacer.pslogin-showmore .pslogin-bordertext:hover {
		color: #989898;
		cursor: pointer;
	}

	.pslogin-spacer .circle {
		width: 90%;
		height: 25px;
		line-height: 22px;
		font-size: 11px;
		border: 1px solid #b2b2b2;
		border-radius: 0px 7px;
		margin: 0 auto;
		background-color: #eeeeee;
	}

	.pslogin-spacer .circle:hover {
		cursor: pointer;
		background-color: #FAFAFA;
	}


.pslogin-block .pslogin-showmore {
	margin-top: 20px;
}

.pslogin-block.pslogin-login .pslogin-buttons {
	display: block;
}

.pslogin-block.pslogin-register .pslogin-buttons {
	display: inline-block;
}

.modal-inner-wrap .pslogin-block .pslogin-buttons ul,
.form-login .pslogin-block .pslogin-buttons ul {
	padding-left: 0;
}

.pslogin-block .pslogin-buttons ul {
	padding: 0;
}

.pslogin-block .pslogin-buttons ul li {
	display: block;
	float: left;
	line-height: normal;
	list-style: none!important;
	padding: 0!important;
	background: none!important;
	height: 32px;
	margin: 0 6px 6px 0;
	position: relative;
}

.pslogin-block .pslogin-buttons ul li a {
	width: 100%!important;
	vertical-align: top;
}

.pslogin-block .pslogin-buttons ul li.show-button-image {
	background: none!important;
}

.pslogin-block .pslogin-buttons ul li:hover {
	opacity: 0.9;
	filter: alpha(opacity=90);
}

.pslogin-block .pslogin-buttons ul li span.pslogin-button-auto {
	background-color: #3399cc;
	display: inline-block;
}

.pslogin-block .pslogin-buttons ul li .pslogin-button-icon {
	background: url('../../frontend/Tonggarden/tg/en_US/Plumrocket_SocialLoginFree/images/social.png');
	display: block;
	float: left;
	width: 32px;
	height: 32px;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.pslogin-block .pslogin-buttons ul li .pslogin-button-icon img {
	width: 100%;
}

.pslogin-block .pslogin-buttons ul li a>img {

}

.pslogin-block .pslogin-buttons ul li .pslogin-button-text {
	display: none;
	height: 32px;
	line-height: 32px;
	vertical-align: top;
	padding: 0;
	text-align: center;
	min-width: 144px;
	box-sizing: border-box;
	font-size: 11px;
	color: white;
	background-color: rgba(255,255,255, 0.2);
}

.pslogin-block .pslogin-buttons.pslogin-buttons-showfull .pslogin-button-auto .pslogin-button-text {
	display: inline-block;
}

.pslogin-block .pslogin-buttons.pslogin-buttons-showfull .pslogin-button-image {
	display: inline-block;
}

.pslogin-block .pslogin-buttons .pslogin-button-icon-image {
	display: inline-block;
}

.pslogin-block .pslogin-buttons.pslogin-buttons-showfull .pslogin-button-icon-image {
	display: none;
}

.pslogin-block .pslogin-buttons.pslogin-buttons-showfull .pslogin-button-auto.pslogin-has-button-image {
	display: none;
}

.pslogin-block .pslogin-buttons.pslogin-buttons-showfull .pslogin-button-auto.pslogin-has-button-icon-image {
	display: inline-block;
}

.pslogin-block .pslogin-buttons .pslogin-button-auto.pslogin-has-button-icon-image {
	display: none;
}

.pslogin-block .pslogin-buttons .pslogin-button-auto .pslogin-button-icon-image {
	display: inline-block;
	width: 32px;
	height: 32px;
}

.pslogin-block .pslogin-buttons ul li.facebook .pslogin-button-text {
	background-color: transparent;
}

.pslogin-block .pslogin-buttons ul li.facebook span.pslogin-button-auto { background-color: #4267B2; }
.pslogin-block .pslogin-buttons ul li.facebook .pslogin-button-icon { background-position: -1px 1px; }

.pslogin-block .pslogin-buttons ul li.twitter span.pslogin-button-auto { background-color: #28a9e2; }
.pslogin-block .pslogin-buttons ul li.twitter .pslogin-button-icon { background-position: -34px 0px; }

.pslogin-block .pslogin-buttons ul li.linkedin span.pslogin-button-auto { background-color: #11669c; }
.pslogin-block .pslogin-buttons ul li.linkedin .pslogin-button-icon { background-position: -168px 0px; }

.pslogin-block .pslogin-buttons ul li.yahoo span.pslogin-button-auto { background-color: #85228f; }
.pslogin-block .pslogin-buttons ul li.yahoo .pslogin-button-icon { background-position: -204px 0px; }

.pslogin-block .pslogin-buttons ul li.vkontakte span.pslogin-button-auto { background-color: #3f658c; }
.pslogin-block .pslogin-buttons ul li.vkontakte .pslogin-button-icon { background-position: -68px 0px; }

.pslogin-block .pslogin-buttons ul li.googleplus span.pslogin-button-auto { background-color: #df4b38; }
.pslogin-block .pslogin-buttons ul li.googleplus .pslogin-button-icon { background-position: -135px 0px; }


.pslogin-block .pslogin-buttons ul li.hotmail span.pslogin-button-auto { background-color: #f67d20; }
.pslogin-block .pslogin-buttons ul li.hotmail .pslogin-button-icon { background-position: 0px -34px; }

.pslogin-block .pslogin-buttons ul li.live span.pslogin-button-auto { background-color: #0cb3ee; }
.pslogin-block .pslogin-buttons ul li.live .pslogin-button-icon { background-position: -35px -205px; }

.pslogin-block .pslogin-buttons ul li.pinterest span.pslogin-button-auto { background-color: #cb2028; }
.pslogin-block .pslogin-buttons ul li.pinterest .pslogin-button-icon { background-position: -34px -34px; }

.pslogin-block .pslogin-buttons ul li.amazon span.pslogin-button-auto { background-color: #ff8e2e; }
.pslogin-block .pslogin-buttons ul li.amazon .pslogin-button-icon { background-position: -68px -34px; }

.pslogin-block .pslogin-buttons ul li.aol span.pslogin-button-auto { background-color: #008bd3; }
.pslogin-block .pslogin-buttons ul li.aol .pslogin-button-icon { background-position: -102px -34px; }
.pslogin-openid.aol input[type=submit] { background-color: #008bd3; -webkit-appearance: none; }

.pslogin-block .pslogin-buttons ul li.github span.pslogin-button-auto { background-color: black; }
.pslogin-block .pslogin-buttons ul li.github .pslogin-button-icon { background-position: -135px -35px; }

.pslogin-block .pslogin-buttons ul li.instagram span.pslogin-button-auto { background-color: #9a6e51; }
.pslogin-block .pslogin-buttons ul li.instagram .pslogin-button-icon { background-position: -168px -34px; }

.pslogin-block .pslogin-buttons ul li.foursquare span.pslogin-button-auto { background-color: #3472ad; }
.pslogin-block .pslogin-buttons ul li.foursquare .pslogin-button-icon { background-position: -203px -34px; }

.pslogin-block .pslogin-buttons ul li.dropbox span.pslogin-button-auto { background-color: #008bd3; }
.pslogin-block .pslogin-buttons ul li.dropbox .pslogin-button-icon { background-position: -0px -68px; }

.pslogin-block .pslogin-buttons ul li.disqus span.pslogin-button-auto { background-color: #3d7198; }
.pslogin-block .pslogin-buttons ul li.disqus .pslogin-button-icon { background-position: -32px -69px; }

.pslogin-block .pslogin-buttons ul li.livejournal span.pslogin-button-auto { background-color: #104378; }
.pslogin-block .pslogin-buttons ul li.livejournal .pslogin-button-icon { background-position: -66px -69px; }
.pslogin-openid.livejournal input[type=submit] { background-color: #104378; -webkit-appearance: none; }

.pslogin-block .pslogin-buttons ul li.tumblr span.pslogin-button-auto { background-color: #304e6c; }
.pslogin-block .pslogin-buttons ul li.tumblr .pslogin-button-icon { background-position: -102px -69px; }

.pslogin-block .pslogin-buttons ul li.openid span.pslogin-button-auto { background-color: #f8931f; }
.pslogin-block .pslogin-buttons ul li.openid .pslogin-button-icon { background-position: -135px -69px; }

.pslogin-block .pslogin-buttons ul li.flickr span.pslogin-button-auto { background-color: #ff0084; }
.pslogin-block .pslogin-buttons ul li.flickr .pslogin-button-icon { background-position: -169px -69px; }

.pslogin-block .pslogin-buttons ul li.wordpress span.pslogin-button-auto { background-color: #1b3f57; }
.pslogin-block .pslogin-buttons ul li.wordpress .pslogin-button-icon { background-position: -204px -69px; }

.pslogin-block .pslogin-buttons ul li.blogger span.pslogin-button-auto { background-color: #ec7825; }
.pslogin-block .pslogin-buttons ul li.blogger .pslogin-button-icon { background-position: 0px -103px; }

.pslogin-block .pslogin-buttons ul li.odnoklassniki span.pslogin-button-auto { background-color: #ee6600; }
.pslogin-block .pslogin-buttons ul li.odnoklassniki .pslogin-button-icon { background-position: -34px -103px; }

.pslogin-block .pslogin-buttons ul li.mailru span.pslogin-button-auto { background-color: #00468c; }
.pslogin-block .pslogin-buttons ul li.mailru .pslogin-button-icon { background-position: -67px -103px; }

.pslogin-block .pslogin-buttons ul li.yandex span.pslogin-button-auto { background-color: #dd0000; }
.pslogin-block .pslogin-buttons ul li.yandex .pslogin-button-icon { background-position: -102px -103px; }

.pslogin-block .pslogin-buttons ul li.paypal span.pslogin-button-auto { background-color: #195d82; }
.pslogin-block .pslogin-buttons ul li.paypal .pslogin-button-icon { background-position: -134px -103px; }

.pslogin-block .pslogin-buttons ul li.myspace span.pslogin-button-auto { background-color: #0022a0;}
.pslogin-block .pslogin-buttons ul li.myspace .pslogin-button-icon { background-position: -169px -103px; }

.pslogin-block .pslogin-buttons ul li.salesforce span.pslogin-button-auto { background-color: #00a0de; }
.pslogin-block .pslogin-buttons ul li.salesforce .pslogin-button-icon { background-position: -203px -103px; }

.pslogin-block .pslogin-buttons ul li.steamcommunity span.pslogin-button-auto { background-color: #282828; }
.pslogin-block .pslogin-buttons ul li.steamcommunity .pslogin-button-icon { background-position: -1px -137px; }

.pslogin-block .pslogin-buttons ul li.hyves span.pslogin-button-auto { background-color: #ffca63; }
.pslogin-block .pslogin-buttons ul li.hyves .pslogin-button-icon { background-position: -33px -137px; }

.pslogin-block .pslogin-buttons ul li.stackoverflow span.pslogin-button-auto { background-color: #e6eef1; }
.pslogin-block .pslogin-buttons ul li.stackoverflow .pslogin-button-icon { background-position: -67px -137px; }

.pslogin-block .pslogin-buttons ul li.evernote span.pslogin-button-auto { background-color: #7ac141; }
.pslogin-block .pslogin-buttons ul li.evernote .pslogin-button-icon { background-position: -101px -137px; }

.pslogin-block .pslogin-buttons ul li.mixi span.pslogin-button-auto { background-color: #d1ac5b; }
.pslogin-block .pslogin-buttons ul li.mixi .pslogin-button-icon { background-position: -135px -137px; }

.pslogin-block .pslogin-buttons ul li.mydigipass span.pslogin-button-auto { background-color: #49bbeb; }
.pslogin-block .pslogin-buttons ul li.mydigipass .pslogin-button-icon { background-position: -169px -137px; }

.pslogin-block .pslogin-buttons ul li.netlog span.pslogin-button-auto { background-color: #bb2026; }
.pslogin-block .pslogin-buttons ul li.netlog .pslogin-button-icon { background-position: -203px -137px; }

.pslogin-block .pslogin-buttons ul li.qq span.pslogin-button-auto { background-color: #c46f1c; }
.pslogin-block .pslogin-buttons ul li.qq .pslogin-button-icon { background-position: 0px -171px; }

.pslogin-block .pslogin-buttons ul li.sinaweibo span.pslogin-button-auto { background-color: #bd4342; }
.pslogin-block .pslogin-buttons ul li.sinaweibo .pslogin-button-icon { background-position: -34px -171px; }

.pslogin-block .pslogin-buttons ul li.soundcloud span.pslogin-button-auto { background-color: #ff5419; }
.pslogin-block .pslogin-buttons ul li.soundcloud .pslogin-button-icon { background-position: -66px -171px; }

.pslogin-block .pslogin-buttons ul li.tencentweibo span.pslogin-button-auto { background-color: #28a4e4; }
.pslogin-block .pslogin-buttons ul li.tencentweibo .pslogin-button-icon { background-position: -100px -171px; }

.pslogin-block .pslogin-buttons ul li.verisign span.pslogin-button-auto { background-color: #b22253; }
.pslogin-block .pslogin-buttons ul li.verisign .pslogin-button-icon { background-position: -134px -171px; }
.pslogin-openid.verisign input[type=submit] { background-color: #b22253; -webkit-appearance: none; }

.pslogin-block .pslogin-buttons ul li.xing span.pslogin-button-auto { background-color: #005d5e;}
.pslogin-block .pslogin-buttons ul li.xing .pslogin-button-icon { background-position: -168px -171px; }

.pslogin-block .pslogin-buttons ul li.kaixin001 span.pslogin-button-auto { background-color: #e2332e; }
.pslogin-block .pslogin-buttons ul li.kaixin001 .pslogin-button-icon { background-position: -203px -171px; }

.pslogin-block .pslogin-buttons ul li.orange span.pslogin-button-auto { background-color: #ff6600; }
.pslogin-block .pslogin-buttons ul li.orange .pslogin-button-icon { background-position: -1px -205px; }

.pslogin-block .pslogin-buttons ul li.bitbucket span.pslogin-button-auto { background-color: #013567; }
.pslogin-block .pslogin-buttons ul li.bitbucket .pslogin-button-icon { background-position: -67px -205px; }

.pslogin-block .pslogin-buttons ul li.bitly span.pslogin-button-auto { background-color: #ed6022; }
.pslogin-block .pslogin-buttons ul li.bitly .pslogin-button-icon { background-position: -101px -205px; }

.pslogin-block .pslogin-buttons ul li.boxcom span.pslogin-button-auto { background-color: #00b9f2; }
.pslogin-block .pslogin-buttons ul li.boxcom .pslogin-button-icon { background-position: -135px -205px; }

.pslogin-block .pslogin-buttons ul li.vimeo span.pslogin-button-auto { background-color: #1fb9eb; }
.pslogin-block .pslogin-buttons ul li.vimeo .pslogin-button-icon { background-position: -170px -205px; }

.pslogin-block .pslogin-buttons ul li.reddit span.pslogin-button-auto { background-color: #337fb9; }
.pslogin-block .pslogin-buttons ul li.reddit .pslogin-button-icon { background-position: -203px -205px; }

.pslogin-block .pslogin-buttons ul li.odesk span.pslogin-button-auto { background-color: #6fda44; }
.pslogin-block .pslogin-buttons ul li.odesk .pslogin-button-icon { background-position: -169px -273px; }
.pslogin-block .pslogin-buttons ul li.odesk .pslogin-button-text { color: #4c4c4c; }

.pslogin-block .pslogin-buttons ul li.teamviewer span.pslogin-button-auto { background-color: #0171b9; }
.pslogin-block .pslogin-buttons ul li.teamviewer .pslogin-button-icon { background-position: -34px -239px; }

.pslogin-block .pslogin-buttons ul li.skyrock span.pslogin-button-auto { background-color: #009afe; }
.pslogin-block .pslogin-buttons ul li.skyrock .pslogin-button-icon { background-position: -67px -239px; }

.pslogin-block .pslogin-buttons ul li.renren span.pslogin-button-auto { background-color: #153765; }
.pslogin-block .pslogin-buttons ul li.renren .pslogin-button-icon { background-position: -101px -239px; }

.pslogin-block .pslogin-buttons ul li.etsy span.pslogin-button-auto { background-color: #ee5931; }
.pslogin-block .pslogin-buttons ul li.etsy .pslogin-button-icon { background-position: -134px -239px; }

.pslogin-block .pslogin-buttons ul li.imgur span.pslogin-button-auto { background-color: #312e2f; }
.pslogin-block .pslogin-buttons ul li.imgur .pslogin-button-icon { background-position: -170px -239px; }

.pslogin-block .pslogin-buttons ul li.intuit span.pslogin-button-auto { background-color: #B8B8B8; }
.pslogin-block .pslogin-buttons ul li.intuit .pslogin-button-icon { background-position: -204px -239px; }
.pslogin-block .pslogin-buttons ul li.intuit .pslogin-button-text { color: #000000; }

.pslogin-block .pslogin-buttons ul li.mailchimp span.pslogin-button-auto { background-color: #73cff4; }
.pslogin-block .pslogin-buttons ul li.mailchimp .pslogin-button-icon { background-position: 0px -273px; }
.pslogin-block .pslogin-buttons ul li.mailchimp .pslogin-button-text { color: #000000; }

.pslogin-block .pslogin-buttons ul li.persona span.pslogin-button-auto { background-color: #ee5931; }
.pslogin-block .pslogin-buttons ul li.persona .pslogin-button-icon { background-position: -34px -273px; }

.pslogin-block .pslogin-buttons ul li.dribbble span.pslogin-button-auto { background-color: #f26798; }
.pslogin-block .pslogin-buttons ul li.dribbble .pslogin-button-icon { background-position: -67px -273px; }

.pslogin-block .pslogin-buttons ul li.goodreads span.pslogin-button-auto { background-color: #743900; }
.pslogin-block .pslogin-buttons ul li.goodreads .pslogin-button-icon { background-position: -100px -273px; }

.pslogin-block .pslogin-buttons ul li.lastfm span.pslogin-button-auto { background-color: #c02c0c; }
.pslogin-block .pslogin-buttons ul li.lastfm .pslogin-button-icon { background-position: -135px -273px; }

.pslogin-block .pslogin-buttons ul li.alipay span.pslogin-button-auto { background-color: #00a0e9; }
.pslogin-block .pslogin-buttons ul li.alipay .pslogin-button-icon { background-position: -202px -274px; }

.pslogin-block .pslogin-buttons ul li.wechat span.pslogin-button-auto { background-color: #4ec034; }
.pslogin-block .pslogin-buttons ul li.wechat .pslogin-button-icon { background-position: -1px -306px; }

.pslogin-block .pslogin-buttons ul li.naver span.pslogin-button-auto { background-color: #23b300; }
.pslogin-block .pslogin-buttons ul li.naver .pslogin-button-icon { background-position: -34px -307px; }

/*======= social buttons =======*/
#prpop-pop-up-bg .pslogin-block {
	text-align: center;
	clear: both;
	margin-bottom: 5px;
}

#prpop-pop-up-bg .prpop-account-create .pslogin-block {
	display: none;
}

#prpop-pop-up-bg .pslogin-block .pslogin-buttons.pslogin-buttons-showfull {
	width: 100%;
}

	#prpop-pop-up-bg .pslogin-block li a span.pslogin-button-auto {
		width: 100%;
		position: relative;
		display: block;
		height: 32px;
	}

	#prpop-pop-up-bg .pslogin-block li a span.pslogin-button-icon {
		position: absolute;
		background-color: inherit;
	}

	#prpop-pop-up-bg .pslogin-block li a span.pslogin-button-text {
		width: 100%;
		padding-left: 32px;
		font-size: 12px;
	}

	/*=== modern blue ===*/
	#prpop-pop-up-bg.prpop-default .pslogin-spacer {
		margin: 0 auto 10px;
		width: 100%;
	}

	#prpop-pop-up-bg.prpop-default .pslogin-spacer:before {
		display: block;
		content: "";
		clear: both;
		width: 100%;
	}

	#prpop-pop-up-bg.prpop-default .pslogin-spacer table {
		margin-top: 15px;
	}

	#prpop-pop-up-bg.prpop-default .pslogin-block {
		margin-top: 10px;
	}

	#prpop-pop-up-bg.prpop-default .pslogin-block .pslogin-buttons {
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}

		#prpop-pop-up-bg.prpop-default .pslogin-block li a span.pslogin-button-auto {
			min-width: 32px;
		}

		#prpop-pop-up-bg.prpop-default .pslogin-block .pslogin-buttons.pslogin-buttons-showfull li {
			width: 70%;
			min-height: 32px;
			margin-bottom: 0px;
			vertical-align: inherit;
			display: inline-block;
			float: none;
		}

		#prpop-pop-up-bg.prpop-default .pslogin-block .pslogin-buttons li {
			width: auto;
			min-height: 32px;
			margin-bottom: 5px;
			vertical-align: middle;
		}

		#prpop-pop-up-bg.prpop-default .pslogin-buttons .pslogin-spacer {
			width: 100%;
		}

	/*=== glamour gray ===*/
	#prpop-pop-up-bg.glamour-grey .pslogin-spacer {
		margin: 0 auto 10px;
		width: 100%;
		float: left;
	}

	#prpop-pop-up-bg.glamour-grey .pslogin-spacer.pslogin-showmore .pslogin-bordertext:hover {
		color: white;
	}

	#prpop-pop-up-bg.glamour-grey .pslogin-spacer:before {
		display: block;
		content: "";
		clear: both;
		width: 100%;
	}

	#prpop-pop-up-bg.glamour-grey .pslogin-spacer table {
		margin-top: 15px;
	}

	#prpop-pop-up-bg.glamour-grey .pslogin-block {
		margin-top: 10px;
	}


	#prpop-pop-up-bg.glamour-grey .pslogin-block .pslogin-buttons {
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}

	#prpop-pop-up-bg.glamour-grey .pslogin-block .pslogin-buttons.pslogin-buttons-showfull li {
		width: 70%;
		min-height: 32px;
		margin-bottom: 5px;
	}

	#prpop-pop-up-bg.glamour-grey .pslogin-block .pslogin-buttons li {
		width: auto;
		min-height: 32px;
		margin: 0 5px 5px 0;
		vertical-align: middle;
	}

		#prpop-pop-up-bg.glamour-grey .pslogin-block li a span.pslogin-button-auto {
			border-radius: 3px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			min-width: 32px;
		}

		#prpop-pop-up-bg.glamour-grey .pslogin-block li a span.pslogin-button-text {
			border-radius: 3px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
		}

		#prpop-pop-up-bg.glamour-grey .pslogin-block li a span.pslogin-button-icon {
			border-radius: 3px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
		}

		#prpop-pop-up-bg.glamour-grey .pslogin-buttons.pslogin-buttons-showfull li a span.pslogin-button-icon {
			border-radius: 3px 0 0 3px;
			-webkit-border-radius: 3px 0 0 3px;
			-moz-border-radius: 3px 0 0 3px;
		}

		#prpop-pop-up-bg.glamour-grey .pslogin-buttons .pslogin-spacer {
			width: 100%;
		}


	/*=== light silver ===*/
	#prpop-pop-up-bg.simple-form-logo .pslogin-block .pslogin-spacer {
		margin: 10px auto;
		width: 70%;
	}

	#prpop-pop-up-bg.simple-form-logo .pslogin-border {
		border-top: 1px solid #A5A5A5;
	}

	#prpop-pop-up-bg.simple-form-logo .pslogin-bordertext {
		color: #444;
	}

	#prpop-pop-up-bg.simple-form-logo .pslogin-spacer {
		width: 70%;

	}

	#prpop-pop-up-bg.simple-form-logo .pslogin-block .pslogin-buttons .pslogin-spacer:before {
		display: none;
	}

	#prpop-pop-up-bg.simple-form-logo .pslogin-block .pslogin-spacer .pslogin-border {
		border-top: 1px solid #A5A5A5;
	}

	#prpop-pop-up-bg.simple-form-logo .pslogin-block .pslogin-spacer.pslogin-showmore .pslogin-bordertext {
		border: 1px solid #A5A5A5;
		color: #444;
	}

	#prpop-pop-up-bg.simple-form-logo .pslogin-block .pslogin-spacer.pslogin-showmore .pslogin-bordertext:hover {
		color: black;
	}

	#prpop-pop-up-bg.simple-form-logo .pslogin-block .pslogin-buttons {
		width: 70%;
		margin: 0 auto;
		text-align: center;
	}

	#prpop-pop-up-bg.simple-form-logo .pslogin-block .pslogin-buttons.pslogin-buttons-showfull li {
		width: 100%;
		min-width: 32px;
		min-height: 34px;
		margin-bottom: 5px;
	}

	#prpop-pop-up-bg.simple-form-logo .pslogin-block .pslogin-buttons li {
		width: auto;
		min-width: 34px;
		height: 34px;
		margin: 0 0 5px 0;
	}

	#prpop-pop-up-bg.simple-form-logo .pslogin-block .pslogin-buttons ul li a {
		display: inline-block;
		width: 100%;
	}


	#prpop-pop-up-bg.simple-form-logo .pslogin-block li a span.pslogin-button-auto {
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-box-shadow: 0px 1px 1px 0px rgba(31, 31, 31, 0.47),inset 0px 1px 0px 0px rgba(255, 255, 255, 0.33);
		-moz-box-shadow: 0px 1px 1px 0px rgba(31, 31, 31, 0.47),inset 0px 1px 0px 0px rgba(255, 255, 255, 0.33);
		box-shadow: 0px 1px 1px 0px rgba(31, 31, 31, 0.47),inset 0px 1px 0px 0px rgba(255, 255, 255, 0.33);

	}


	#prpop-pop-up-bg.simple-form-logo .pslogin-block .pslogin-buttons.pslogin-buttons-showfull li a span.pslogin-button-auto {
		border: 1px solid rgba(0, 0, 0, 0.09);
		height: 34px;
	}

		#prpop-pop-up-bg.simple-form-logo .pslogin-block li a span.pslogin-button-text {
			height: 34px;
		}

		#prpop-pop-up-bg.simple-form-logo .pslogin-block li a span.pslogin-button-icon {
			box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.33);
		}

		#prpop-pop-up-bg.simple-form-logo .pslogin-block .pslogin-buttons.pslogin-buttons-showfull li a span.pslogin-button-icon {
			border: none;
			border-radius: 5px 0 0 5px;
			-webkit-border-radius: 5px 0 0 5px;
			-moz-border-radius: 5px 0 0 5px;
		}

		#prpop-pop-up-bg.simple-form-logo .pslogin-block .pslogin-buttons.pslogin-buttons-showfull li a span.pslogin-button-icon {
			height: 32px;
			width: 32px;
		}

		#prpop-pop-up-bg.simple-form-logo .pslogin-block li a span.pslogin-button-icon {
			border: 1px solid rgba(0, 0, 0, 0.09);
			border-radius: 5px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			height: 34px;
			width: 34px;
		}

		#prpop-pop-up-bg.simple-form-logo .pslogin-buttons .pslogin-spacer {
			width: 100%;
		}

/*=== open-id Page ===*/
.pslogin-openid {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	padding: 20px;
}

	.pslogin-openid .network-logo {
		background: url('../../frontend/Tonggarden/tg/en_US/Plumrocket_SocialLoginFree/images/social_openid.png');
		width: 180px;
		height: 70px;
		margin: 0 auto 15px auto;
	}

	.pslogin-openid.livejournal .network-logo { background-position: -180px 0; }
	.pslogin-openid.verisign .network-logo { background-position: 0 -70px; }

	.pslogin-openid input[type=submit] {
		height: 32px;
		line-height: 32px;
		vertical-align: top;
		padding: 0;
		text-align: center;
		min-width: 144px;
		box-sizing: border-box;
		font-size: 12px;
		color: white;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border: 0px;
	}

	.pslogin-openid input[type=submit]:hover {
		opacity: 0.8;
		filter: alpha(opacity=80);
	}

	.pslogin-openid input[type=text] {
		width: 100%;
		border: 1px solid #D0D0D0;
		height: 30px;
		line-height: 25px;
		margin-bottom: 5px;
		margin-top: 10px;
		padding: 2px;
		box-sizing: border-box;
		font-size: 14px;
	}

	.pslogin-openid .form-wrapper {
		background-color: #f3f3f3;
		color: #464646;
		width: 300px;
		margin: 0 auto;
		padding: 25px;
		box-shadow: 0px 2px 7px 0px #c1c1c1;
		-moz-box-shadow: 0px 2px 7px 0px #c1c1c1;
		-webkit-box-shadow: 0px 2px 7px 0px #c1c1c1;
		border-radius: 15px;
		font-size: 14px;
	}

	.pslogin-openid .ajax-loader {
		width: 110px;
		height: 14px;
		margin: 0 auto 5px auto;
	}

		.pslogin-openid .ajax-loader .image-gif {
			background: url('../../frontend/Tonggarden/tg/en_US/Plumrocket_SocialLoginFree/images/ajax-loader-h.gif');
			width: 110px;
			height: 14px;
			display: none;
		}

		.pslogin-openid .ajax-loader .error-text {
			color: red;
			font-size: 11px;
			/*display: none;*/
		}



@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {

	.pslogin-block .pslogin-buttons ul li .pslogin-button-icon {
		background: url('../../frontend/Tonggarden/tg/en_US/Plumrocket_SocialLoginFree/images/social_retina.png');
		background-size: 236px 340px;
		-webkit-background-size: 236px 340px;
		-moz-background-size: 236px 340px;
	}

}

@media screen and ( max-width: 1280px ) {
	.pslogin-block .pslogin-buttons ul li .pslogin-button-text {
		min-width: 130px;
	}
}

@media screen and ( max-width: 1190px ) {
	.pslogin-block .pslogin-buttons ul li .pslogin-button-text {
		min-width: 144px;
	}
}

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

	.pslogin-block .pslogin-buttons {
		width: 100%;
	}

	.pslogin-block .pslogin-buttons.show-button-text ul li .pslogin-button-text {
		display: inline-block;
	}

	.pslogin-block .pslogin-xs {
		display: inline-block!important;
	}

	.pslogin-block .pslogin-spacer .pslogin-bordertext {

	}

}


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

	/*=== social login ===*/
	#prpop-pop-up-bg.prpop-default .pslogin-spacer,
	#prpop-pop-up-bg.prpop-default .pslogin-block .pslogin-buttons {
		width: 60%;
	}

	#prpop-pop-up-bg.glamour-grey .pslogin-spacer {
		float: none;
	}

	#prpop-pop-up-bg.glamour-grey .pslogin-spacer,
	#prpop-pop-up-bg.glamour-grey .pslogin-block .pslogin-buttons {
		width: 60%;
	}

	#prpop-pop-up-bg.prpop-default .pslogin-block .pslogin-buttons.pslogin-buttons-showfull li,
	#prpop-pop-up-bg.glamour-grey .pslogin-block .pslogin-buttons.pslogin-buttons-showfull li {
		width: 100%;
	}

	.pslogin-block .pslogin-buttons ul li {
    	margin: 0 0 6px 0;
    	width: 100%;
	}

	.pslogin-block .pslogin-buttons ul li span.pslogin-button-auto {
		width: 100%;
	}
	.pslogin-block .pslogin-buttons ul li .pslogin-button-icon {
	    position: absolute;
	    background-color: inherit;
	    top: 0;
	    left: 0;
	}
	.pslogin-block .pslogin-buttons ul li .pslogin-button-text {
		width: calc(100% - 32px);
		position: relative;
		margin-left: 32px;
	}
}


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

	/*=== social buttons ===*/
	#prpop-pop-up-bg.prpop-default .pslogin-spacer,
	#prpop-pop-up-bg.prpop-default .pslogin-block .pslogin-buttons {
		width: 100%;
	}

	#prpop-pop-up-bg.glamour-grey .pslogin-spacer,
	#prpop-pop-up-bg.glamour-grey .pslogin-block .pslogin-buttons {
		width: 100%;
	}

	#prpop-pop-up-bg.simple-form-logo .pslogin-spacer,
	#prpop-pop-up-bg.simple-form-logo .pslogin-block .pslogin-buttons {
		width: 100%;
	}

}

/*=== animate ===*/
#pslogin-pop-up-bg {
  -webkit-animation-duration: 1s;
  -moz-animation-duration:1s;
		animation-duration: 1s;
  -webkit-animation-fill-mode: both;
		animation-fill-mode: both;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -moz-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
            transform: none;
  }
}

@-moz-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -moz-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
            transform: none;
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -moz-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
            transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  -moz-animation-name: fadeInDownBig;
          animation-name: fadeInDownBig;
}
/**
 * @package     Plumrocket_SocialLoginFree
 * @copyright   Copyright (c) 2020 Plumrocket Inc. (https://plumrocket.com)
 * @license     https://plumrocket.com/license   End-user License Agreement
 */
.empty{}
#whatsappchat a {
    position: fixed;
    z-index: 9999;
    float: right;
    cursor: pointer;
    min-width: 40px;
    max-width: 200px;
    text-align: center;
    -webkit-transition: All .5s ease;
    -moz-transition: All .5s ease;
    -o-transition: All .5s ease;
    -ms-transition: All .5s ease;
    transition: All .5s ease;
}

@media(max-width: 767px) {
    #whatsappchat a {
        max-width: 150px;
    }

    #whatsappchat .btn-web{
        display: none;
    }
}

@media(min-width: 768px) {
    #whatsappchat .btn-mobile{
        display: block;
    }
}
.stripe-payments-saved-card {
    margin-bottom: 0.7em;
}
.stripe-payments-saved-card span.type {
    font-weight: bold;
}
.stripe-payments-saved-card span.exp {
    float: right;
}
.stripe-payments-saved-card span.stripe-payments-fade {
    color: #999;
    font-weight: normal;
}
.stripe-payments-saved-card label {
    display: inline;
}

/* My Subscriptions customer account section */
a.subscription-name {
    display: block;
}
.stripe-subscription-edit {
    max-height: 30em;
    overflow: hidden;
    transition: max-height;
    transition-duration: 0.8s;
    vertical-align: top;
    display: inline-block;
    padding-right: 20px;
}
.stripe-subscription-edit.show {
    max-height: 30em;
}
.stripe-subscription-edit .section {
    margin: 5px 0;
}
.stripe-subscription-edit .mutable {
    display: none;
}
.stripe-subscription-edit.edit .mutable {
    display: block;
}
.stripe-subscription-edit.edit .static {
    display: none;
}
.stripe-subscription-edit .actions {
    margin-top: 10px;
}
.stripe-subscription-edit input {
    margin: 2px 0;
}
.subscription-card input {
    margin-right: 5px;
}
.subscription-card {
    padding: 5px 0 0 5px;
}
.subscription-card .exp, .details.stripe-payments .exp {
    color: #aaa;
}
.subscription-card.add-new {
    padding: 10px;
    text-align: center;
}
.stripe-subscriptions .section b {
    padding-bottom: 0.5em;
    display: inline-block;
}
table.subscription-details {
    font-size: small;
    color: #333;
    margin-top: 1em;
}
table.subscription-details td {
    padding: 0;
}
table.subscription-details tr td:first-child {
    width: 100%;
}
@media (pointer: fine) {
    table.subscription-details a.edit {
        visibility: hidden;
    }
    table.subscription-details div.details:hover a.edit {
        visibility: visible;
    }
}
.stripe-subscriptions .subscription-name {
    font-size: 1.1em;
}
.stripe-subscriptions div.billed {
    font-size: smaller;
    color: #999;
}
table.subscription-details a {
    cursor: pointer;
}
table.subscription-details .stripe-payments span.type {
    font-size: small;
}

/* My Saved Cards section */
.stripe-payments.delete-card {
    padding-left: 20px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+ZGVsZXRlLS1saW5rPC90aXRsZT48cGF0aCBkPSJNMTEuODY2IDkuOTk5bDIuNzQzLTIuNzQ0YTEuMzIyIDEuMzIyIDAgMCAwIC4wMDItMS44NjggMS4zMTggMS4zMTggMCAwIDAtMS44NjguMDAyTDEwIDguMTMzIDcuMjUyIDUuMzg0YTEuMzIzIDEuMzIzIDAgMCAwLTEuODYzLjAwMyAxLjMxNCAxLjMxNCAwIDAgMC0uMDAzIDEuODYzTDguMTM0IDEwbC0yLjc0MyAyLjc0M2ExLjMyMiAxLjMyMiAwIDAgMC0uMDAyIDEuODY4IDEuMzE4IDEuMzE4IDAgMCAwIDEuODY4LS4wMDJMMTAgMTEuODY0bDIuNzQ4IDIuNzQ5YTEuMzIzIDEuMzIzIDAgMCAwIDEuODYzLS4wMDNjLjUyLS41MTkuNTE3LTEuMzUuMDAzLTEuODYzbC0yLjc0OC0yLjc0OHoiIGZpbGw9IiMwMDk5RTUiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==');
    background-repeat: no-repeat;
}
.new-saved-card #stripe_payments_cc_owner { width: auto; min-width: 300px; }
.new-saved-card #stripe_payments_cc_number { width: auto; min-width: 300px; }
.new-saved-card #stripe_payments_expiration_mo { width: auto; }
.new-saved-card #stripe_payments_expiration_yr { width: auto; }

/* Card Icons */
.stripe-payments span.type.Visa,
.stripe-payments span.type.visa { background: url(../../frontend/Tonggarden/tg/en_US/StripeIntegration_Payments/img/visa.png) no-repeat; }

.stripe-payments span.type.American.Express,
.stripe-payments span.type.amex { background: url(../../frontend/Tonggarden/tg/en_US/StripeIntegration_Payments/img/amex.png) no-repeat; }

.stripe-payments span.type.MasterCard,
.stripe-payments span.type.mastercard { background: url(../../frontend/Tonggarden/tg/en_US/StripeIntegration_Payments/img/mastercard.png) no-repeat; }

.stripe-payments span.type.Discover,
.stripe-payments span.type.discover { background: url(../../frontend/Tonggarden/tg/en_US/StripeIntegration_Payments/img/discover.png) no-repeat; }

.stripe-payments span.type.Diners,
.stripe-payments span.type.diners { background: url(../../frontend/Tonggarden/tg/en_US/StripeIntegration_Payments/img/diners.png) no-repeat; }

.stripe-payments span.type.JCB,
.stripe-payments span.type.jcb { background: url(../../frontend/Tonggarden/tg/en_US/StripeIntegration_Payments/img/jcb.png) no-repeat; }

.stripe-payments span.type.Cartes.Bancaires,
.stripe-payments span.type.cartes_bancaires { background: url(../../frontend/Tonggarden/tg/en_US/StripeIntegration_Payments/img/svg/cartes_bancaires.svg) no-repeat; }

.stripe-payments span.type.Visa, .stripe-payments span.type.visa,
.stripe-payments span.type.American.Express, .stripe-payments span.type.amex,
.stripe-payments span.type.MasterCard, .stripe-payments span.type.mastercard,
.stripe-payments span.type.Discover, .stripe-payments span.type.discover,
.stripe-payments span.type.Diners, .stripe-payments span.type.diners,
.stripe-payments span.type.JCB, .stripe-payments span.type.jcb,
.stripe-payments span.type.Cartes.Bancaires, .stripe-payments span.type.cartes_bancaires {
    padding-left: 40px;
    background-position-y: -3px;
    display: inline-block;
    height: 22px;
    font-size: 16px;
    background-size: 30px;
}

.payment-method.stripe-payments .checkout-agreements-block {
    margin-bottom: 10px;
}
.payment-method.stripe-payments.mobile {
    padding-top: 1em;
}
@media only screen and (max-width: 767px) {
    .checkout-payment-method .step-title.mobile {
        padding-left: 0;
    }
}

/* Apple Pay */
.stripe-payments-apple-pay-section {
    text-align: center;
    margin-bottom: 25px;
}
.stripe-payments-apple-pay-section label {
    font-weight: bold;
    margin: 10px 0;
    float: none;
    display: block;
}

/* Authorized Apple Pay Result */
.stripe-payments-apple-pay-result label {
    display: inline-block;
    font-weight: bold;
    margin-bottom: 18px;
}
.stripe-payments-apple-pay-result {
    text-align: center;
    padding: 10px 0 15px;
    font-size: 1.1em;
}
.stripe-payments-apple-pay-result > div {
    margin-bottom: 18px;
}

/* Checkout Errors */
#stripe-payments-card-errors {
    border: 0;
    border-radius: 3px;
    height: 0;
    margin: 0 auto;
    transition: height 1s, margin 1s, border 1s, padding 1s;
    display: inline-block;
    padding: 0 1em;
}
#stripe-payments-card-errors.populated {
    border: 1px hsla(0,100%,50%,0.5) dashed;
    padding: 5px 1em;
    color: #D20;
    height: auto;
    margin: 0.5em auto 1em;
}

/* Euro Payments */
#payment_form_stripe_payments_sepa .payment-method-note.mandate {
    display: inline-block;
    margin: 0.7em 0;
}
#payment_form_stripe_payments_sepa fieldset {
    border: 0;
}
.indent {
    margin-right: 20px;
}

/* Stripe Express */
@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.box-tocart .action.tocart.payment-request-button
{
    padding: 0;
}

.payment-request-button {
    width: 240px;
}

.payment-request-button.disabled,
.payment-request-button.disabled * {
    pointer-events: none !important;
}

.payment-request-button.disabled {
    opacity: 0.5;
    filter: grayscale(50%);
}

.payment-request-button.disabled::after {
    position: relative;
    height: 1em;
    width: 1em;
    display: block;
    left: 50%;
    margin-left: -.5em;
    margin-top: -1.2em;
    content: '';
    -webkit-animation: spin 1s ease-in-out infinite;
    animation: spin 1s ease-in-out infinite;
    background: url(../../frontend/Tonggarden/tg/en_US/StripeIntegration_Payments/svg/loader.svg) center center;
    background-size: cover;
    line-height: 1;
    text-align: center;
    font-size: 2em;
    color: rgba(0, 0, 0, .75)
}

.stripe-payments-express-minicart {
    margin-top: 15px;
}

.stripe-payments-express-minicart .payment-request-button, .payment-request-button.cart {
    width: 100% !important;
}

.cart-summary .stripe-payments-express-minicart {
    margin-top: 0;
    margin-bottom: 25px;
}

.catalog-product-view .payment-request-button {
    margin-bottom: 15px;
    margin-right: 1%;
    width: 49%;
}

/* Checkout success page */
.checkout-onepage-success .stripe-success-section {
    margin-top: 1em;
}
.checkout-onepage-success .stripe-success-section p {
    margin-bottom: 0.8em;
}
.checkout-onepage-success .stripe-success-section img {
    margin: 0 auto;
}
.checkout-onepage-success button.button.wechat {
    background-color: #1979c3;
    border: 1px solid #1979c3;
    color: #fff;
    box-shadow: unset;
}
.stripe-success-section.oxxo .oxxo-voucher div {
    display: block;
    clear: both;
    width: 100%;
}
.stripe-success-section.oxxo .oxxo-voucher {
    padding: 2em 0;
}
.stripe-success-section.oxxo .oxxo-logo img {
    width: 100px;
}
.stripe-success-section.oxxo .oxxo-voucher {
    text-align: center;
}
.stripe-success-section.oxxo .oxxo-amount {
    font-size: 3em;
}
.stripe-success-section.oxxo .oxxo-expires {
    color: #888;
    font-size: 1em;
}
.stripe-success-section.oxxo .oxxo-number {
    font-family: 'LibreBarcode128Text-Regular';
    font-size: 4em;
}
.stripe-success-section.oxxo .print-button {
    display: block;
    width: 100%;
    height: 4em;
}
.stripe-success-section.oxxo .print-button button {
    width: 40%;
    padding: 1em;
    margin: 2em 0 1em;
}

@media print {
    .stripe-success-section.oxxo .action {
        display: none;
    }
}

/* FPX */
#stripe-fpx-select {
    background: #fff url(../../frontend/Tonggarden/tg/en_US/StripeIntegration_Payments/img/select-bg.svg) no-repeat 100% 45%;
    background-clip: padding-box;
    font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 14px;
    vertical-align: baseline;
    width: 100%;
    box-sizing: border-box;
}
#stripe-fpx-select, #stripe-fpx-dropdown {
    padding: 10px;
    border: 1px solid #ccc;
    box-shadow: 0px 1px 3px 0px #ccc;
    border-radius: 3px;
    cursor: pointer;
    user-select: none;
}
#stripe-fpx-dropdown {
    list-style: none;
    padding: 0;
}
#stripe-fpx-dropdown li {
    padding: 10px 12px 10px 50px;
    margin: 0;
    background-position: 10px 45%;
    background-repeat: no-repeat;
    background-size: 30px 30px;
}
#stripe-fpx-dropdown li:first-child {
    margin-top: 5px;
}
#stripe-fpx-dropdown li:last-child {
    margin-bottom: 5px;
}
#stripe-fpx-dropdown li:hover {
    background-color: #eee;
}
#stripe-fpx-dropdown li.affin_bank { background-image: url(../../frontend/Tonggarden/tg/en_US/StripeIntegration_Payments/svg/fpx/affin_bank.svg); }
#stripe-fpx-dropdown li.alliance_bank { background-image: url(../../frontend/Tonggarden/tg/en_US/StripeIntegration_Payments/svg/fpx/alliance_bank.svg); }
#stripe-fpx-dropdown li.ambank { background-image: url(../../frontend/Tonggarden/tg/en_US/StripeIntegration_Payments/svg/fpx/ambank.svg); }
#stripe-fpx-dropdown li.bank_islam { background-image: url(../../frontend/Tonggarden/tg/en_US/StripeIntegration_Payments/svg/fpx/bank_islam.svg); }
#stripe-fpx-dropdown li.bank_rakyat { background-image: url(../../frontend/Tonggarden/tg/en_US/StripeIntegration_Payments/svg/fpx/bank_rakyat.svg); }
#stripe-fpx-dropdown li.bank_muamalat { background-image: url(../../frontend/Tonggarden/tg/en_US/StripeIntegration_Payments/svg/fpx/bank_muamalat.svg); }
#stripe-fpx-dropdown li.bsn { background-image: url(../../frontend/Tonggarden/tg/en_US/StripeIntegration_Payments/svg/fpx/bsn.svg); }
#stripe-fpx-dropdown li.cimb { background-image: url(../../frontend/Tonggarden/tg/en_US/StripeIntegration_Payments/svg/fpx/cimb.svg); }
#stripe-fpx-dropdown li.hong_leong_bank { background-image: url(../../frontend/Tonggarden/tg/en_US/StripeIntegration_Payments/svg/fpx/hong_leong_bank.svg); }
#stripe-fpx-dropdown li.hsbc { background-image: url(../../frontend/Tonggarden/tg/en_US/StripeIntegration_Payments/svg/fpx/hsbc.svg); }
#stripe-fpx-dropdown li.kfh { background-image: url(../../frontend/Tonggarden/tg/en_US/StripeIntegration_Payments/svg/fpx/kfh.svg); }
#stripe-fpx-dropdown li.maybank2u { background-image: url(../../frontend/Tonggarden/tg/en_US/StripeIntegration_Payments/svg/fpx/maybank2u.svg); }
#stripe-fpx-dropdown li.maybank2e { background-image: url(../../frontend/Tonggarden/tg/en_US/StripeIntegration_Payments/svg/fpx/maybank2u.svg); }
#stripe-fpx-dropdown li.ocbc { background-image: url(../../frontend/Tonggarden/tg/en_US/StripeIntegration_Payments/svg/fpx/ocbc.svg); }
#stripe-fpx-dropdown li.public_bank { background-image: url(../../frontend/Tonggarden/tg/en_US/StripeIntegration_Payments/svg/fpx/public_bank.svg); }
#stripe-fpx-dropdown li.rhb { background-image: url(../../frontend/Tonggarden/tg/en_US/StripeIntegration_Payments/svg/fpx/rhb.svg); }
#stripe-fpx-dropdown li.standard_chartered { background-image: url(../../frontend/Tonggarden/tg/en_US/StripeIntegration_Payments/svg/fpx/standard_chartered.svg); }
#stripe-fpx-dropdown li.uob { background-image: url(../../frontend/Tonggarden/tg/en_US/StripeIntegration_Payments/svg/fpx/uob.svg); }
#stripe-fpx-dropdown li.separator {
    border-bottom: 3px dotted #ccc;
    margin-bottom: 5px;
    padding-bottom: 15px;
}

.multishipping-authorization {
    font-size: large;
}
.multishipping-authorization .block-title {
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    margin-bottom: 1em;
    font-weight: 400;
}
.multishipping-authorization .authentication.message {
    margin: 2em 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-shadow: 0px 1px 3px 0px #ccc;
    padding: 1em 4em 1em 2em;
}

.stripe-icon-container img.stripe-icon {
    height: 1.7em;
    position: relative;
    top: 0.4em;
    margin-right: 2px;
}

#stripe_fpx .stripe-icon-container.right img.stripe-icon {
    height: 3em;
    position: relative;
    top: -0.2em;
}
#stripe_ideal .stripe-icon-container.right img.stripe-icon,
#stripe_eps .stripe-icon-container.right img.stripe-icon,
#stripe_giropay .stripe-icon-container.right img.stripe-icon,
#stripe_bancontact .stripe-icon-container.right img.stripe-icon,
#stripe_wechat .stripe-icon-container.right img.stripe-icon {
    height: 2.5em;
    position: relative;
    top: 0.1em;
}

.stripe-icon-container.right {
    float: right;
    position: relative;
    top: -0.6em;
}
.stripe-checkout-icon-container {
    padding: 1em 0;
}
.stripe-checkout-icon-container .stripe-icon {
    height: 2em;
    margin-right: 0.25em;
}

/* Klarna */
.klarna-payment-options-tabs, .klarna-payment-options-container {
    text-align: center;
    margin: 0 1em 2em;
}
.klarna-tab {
    display: inline-block;
    margin: 0 3px;
    border-radius: 5px;
    padding: 12px 20px;
    box-shadow: 2px 2px 5px 2px #ccc;
}

input[name=klarna-payment-option] {
    display: none;
}

input[name=klarna-payment-option]:checked+label {
    background: #487B94;
    color: #fff;
}

label.klarna-tab {
    font-weight: bold;
    background: #f8f9fa;
    cursor: pointer;
}

.klarna-loader .payment-method-note {
    margin: 2em;
}

/* SEPA Credit */
#payment_form_stripe_payments_sepa_credit .optional {
    font-weight: normal;
    color: #aaa;
    margin-left: 4px;
}
#payment_form_stripe_payments_sepa_credit .subnote
{
    color: #888;
    font-size: smaller;
}

.stripe-payments-installments-form .installments-header {

}
.stripe-payments-installments-form .installments-header .back-link {
    display: inline-block;
    margin-right: 0.5em;
    cursor: pointer;
    text-decoration: none;
}
.stripe-payments-installments-form .installments-header h3 {
    display: block;
    padding: 0.5em 0;
    border-bottom: 1px solid #ccc;
}
.stripe-payments-installments-form .stripe-payments-installment-plans {
    padding: 1em;
    font-size: 1.1em;
}
.stripe-payments-installments-form .stripe-payments-installment-plans label {
    display: block;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
.stripe-payments-installments-form .stripe-payments-installment-plans select {
    display: inline-block;
    width: 150px;
    margin-left: 1em;
}

/* Trialing Subscriptions */
.trialing_shipping .mark,
.trialing_tax .mark,
.trialing_discount .mark {
    text-indent: 0.5em;
}
.trialing_shipping .mark::before,
.trialing_tax .mark::before,
.trialing_discount .mark::before {
    content: "- ";
}
.webforms {
    margin-bottom: 1.5rem;
}

.webforms .field {
    box-sizing: border-box;
    padding-left: 1rem;
    padding-right: 1rem;
}

.webforms .fieldset {
    box-sizing: border-box;
    padding-left: 1rem;
    padding-right: 1rem;
}

.webforms .actions-toolbar {
    box-sizing: border-box;
    padding-left: 2rem;
    padding-right: 2rem;
    clear: both;
}

.webforms .inline-elements .choice {
    display: inline-flex;
}

/* Success text */
.webforms-success-text {
    margin-bottom: 2rem;
}

/* Starry script */

div.starry {
    width: auto;
    margin: -4px 0 10px 0;
    padding: 5px;
    width: auto;
}

div.standard_star {
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    display: inline;
    background-image: url(../../frontend/Tonggarden/tg/en_US/VladimirPopov_WebForms/images/stars.gif);
}

div.feedback {
    border: 1px solid #ddd;
    padding: 5px 3px 3px;
    display: inline;
}

/* Date of birth */

.customer-dob .dob-month,
.customer-dob .dob-day,
.customer-dob .dob-year {
    float: left;
    width: 8.5rem;
}

.customer-dob input.input-text {
    display: block;
    width: 7.4rem;
}

.customer-dob label {
    font-size: 10px;
    font-weight: normal;
    color: #888;
}

.customer-dob .dob-day,
.customer-dob .dob-month {
    width: 6rem;
}

.customer-dob .dob-day input.input-text,
.customer-dob .dob-month input.input-text {
    width: 4.6rem;
}

.customer-dob .dob-year {
    width: 14rem;
}

.customer-dob .dob-year input.input-text {
    width: 13.4rem;
}

/* Tooltip */

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

.tooltip-icon {
    background-image: url('../../frontend/Tonggarden/tg/en_US/VladimirPopov_WebForms/images/tooltip.png');
    background-size: 1.5rem 1.5rem;
    width: 1.5rem;
    height: 1.5rem;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0.2rem 0.5rem;
}

/* Select images */
.webforms figcaption {
    padding: 5px 0;
    margin: 5px;
}

/* Form */

.webforms-description-text {
    margin-bottom: 4rem;
}

.webforms-fields-comment {
    font-size: 90%;
    clear: both;
    margin-top: 1rem;
}

.please-wait {
    padding-top: 0.5rem;
}

.please-wait .loading-indicator {
    background: #fff url(../../frontend/Tonggarden/tg/en_US/VladimirPopov_WebForms/images/ajax-loader-big.gif) no-repeat;
    background-size: 1.8rem;
    display: inline-block;
    width: 1.8rem;
    height: 1.8rem;
    vertical-align: bottom;
    margin-bottom: 0.2rem;
}

/* reCaptcha v2 */

.recaptcha2 {
    clear: both;
    box-sizing: border-box;
    padding: 0 2rem 2rem 0;
    width: 100%;
    float: left;
}

/* Validation */

.validation-advice {
    margin-top: 0.7rem;
    font-size: 1.2rem;
    color: #e02b27;
    clear: both;
}

input.validation-failed, textarea.validation-failed {
    border-color: #ed8380;
}

/* Customer Account */

.webforms-customer-account-form {
    margin-top: 3rem;
    border: 1px solid #eee;
    padding: 2rem;
}

.webforms-customer-account-message {
    background: rgba(255, 212, 96, 0.26);
    padding: 3rem;
}

.block-webforms-form .actions-toolbar {
    margin: 17px 0;
}

/* Results */

.webforms-results-block {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #cccccc;
    float: left;
    width: 100%;
    clear: both;
}

.webforms-results-field {
    margin-bottom: 5px;
    width: 100%;
}

.webforms-results-label {
    font-weight: bold;
    width: 100%;
}

.webforms-results-value {
    padding: 5px 0;
}

.webforms-results-value .webforms-image {
    float: left;
    margin-right: 2rem;
}

/* Star rating */

.stars {
    padding: 0 5px;
    width: 80px;
    display: inline;
    float: left;
}

.stars-bar {
    list-style: none;
    margin: 0px;
    padding: 0px !important;
    height: 16px;
    position: relative;
    background: url(../../frontend/Tonggarden/tg/en_US/VladimirPopov_WebForms/images/results_stars.png) top left repeat-x;
}

.stars-bar li {
    padding: 0px;
    margin: 0px;
    /*\*/
    float: left;
    /* */
}

.stars-bar li.stars-value {
    background: url(../../frontend/Tonggarden/tg/en_US/VladimirPopov_WebForms/images/results_stars.png) left bottom;
    position: absolute;
    height: 16px;
    display: block;
    z-index: 1;
}

.webforms-rating-summary {
    margin-bottom: 15px;
}

.webforms-results-table .col.id {
    width: 15%;
}

/* Auto-complete */
.autocomplete-suggestions {
    text-align: left;
    cursor: default;
    border: 1px solid #ccc;
    border-top: 0;
    background: #fff;
    box-shadow: -1px 1px 3px rgba(0, 0, 0, .1);

    /* core styles should not be changed */
    position: absolute;
    display: none;
    z-index: 9999;
    max-height: 254px;
    overflow: hidden;
    overflow-y: auto;
    box-sizing: border-box;
}

.autocomplete-suggestion {
    position: relative;
    padding: 0 .6em;
    line-height: 23px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1.02em;
    color: #333;
}

.autocomplete-suggestion b {
    font-weight: normal;
    color: #1f8dd6;
}

.autocomplete-suggestion.selected {
    background: #f0f0f0;
}

/* File preview */

.file-preview {
    list-style: none;
    padding: 0;
    margin: 0;
}

.file-preview h3 {
    font-size: 12px;
}

.file-preview li {
    margin: 0;
    padding: 10px 0;
    margin: 0;
    overflow: auto;
    position: relative;
}

.file-preview li img {
    border: solid 1px #999;
    border-radius: 3px;
    padding: 3px;
    margin: 0 10px 0 0;
    display: block;
    float: left;
}

.file-cancel {
    margin-top: 1rem;
    cursor: pointer;
}

.file-progress {
    font-size: 90%;
    color: #777;
}

/* Calendar */

.webforms-datepicker {
    margin-bottom: 1rem;
}

.webforms-calendar {
    position: relative;
    width: 20rem;
    display: inline-block;
    margin-right: .5rem;
    margin-bottom: .5rem;
}

.webforms-calendar .ui-datepicker-trigger {
    margin-left: -3.2rem;
    height: 2.8rem;
    position: absolute;
    top: .4rem;
    right: .5rem;
}

.webforms-time {
    display: inline-block;
}

.webforms-time .hours, .webforms-time .minutes {
    display: inline;
    width: 6rem;
}

.multiselect {
    height: auto;
    background-image: none;
}

/* Date picker button */

@font-face {
    font-family: 'luma-icons';
    src: url(../../frontend/Tonggarden/tg/en_US/VladimirPopov_WebForms/css/fonts/Luma-Icons.woff);
}

.webforms-datepicker ._has-datepicker ~ .ui-datepicker-trigger {
    background-image: none;
    background: none;
    -moz-box-sizing: content-box;
    border: 0;
    box-shadow: none;
    line-height: inherit;
    margin: 0;
    padding: 0;
    text-shadow: none;
    font-weight: 400;
    display: block;
    text-decoration: none;
    display: inline-block;
    margin-top: -4px;
    vertical-align: middle;
}

.webforms-datepicker ._has-datepicker ~ .ui-datepicker-trigger:focus,
.webforms-datepicker ._has-datepicker ~ .ui-datepicker-trigger:active {
    background: none;
    border: none;
}

.webforms-datepicker ._has-datepicker ~ .ui-datepicker-trigger:hover {
    background: none;
    border: none;
}

.webforms-datepicker ._has-datepicker ~ .ui-datepicker-trigger.disabled,
.webforms-datepicker ._has-datepicker ~ .ui-datepicker-trigger[disabled],
fieldset[disabled] .webforms-datepicker ._has-datepicker ~ .ui-datepicker-trigger {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.5;
}

.webforms-datepicker ._has-datepicker ~ .ui-datepicker-trigger > span {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.webforms-datepicker ._has-datepicker ~ .ui-datepicker-trigger:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 23px;
    line-height: 23px;
    color: #7d7d7d;
    content: '\e612';
    font-family: 'luma-icons';
    vertical-align: middle;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    text-align: center;
}

.webforms-datepicker ._has-datepicker ~ .ui-datepicker-trigger:focus {
    box-shadow: none;
    outline: 0;
}

/* Drop-zone */

.drop-zone {
    padding: 2rem .7rem;
    color: #777;
    border: .2rem dashed #ddd;
    border-radius: .4rem;
    opacity: .9;
    cursor: pointer;
}

.drop-zone-preview-container {
    margin-bottom: 10px;
}

.drop-zone:hover {
    background-color: #f5f5f5;
}

.drop-zone-label {
    display: inline-block !important;
    vertical-align: top !important
}

.icon-paperclip {
    color: rgb(240, 120, 0) !important;
    fill: rgb(240, 120, 0) !important;
}

.icon-paperclip svg {
    transform: rotate(45deg) scaleX(-1);
}

.text-center {
    text-align: center !important
}

.drop-zone-preview {
    background: #f8f8f8;
    border: .09167rem solid #dadada;
    border-radius: .33333rem;
    color: #999;
    padding: 5px;
    margin-bottom: 5px;
    line-height: inherit;
    position: relative;
}

.drop-zone-attachment {
    overflow: auto;
    height: auto;
    z-index: 2;
    width: 100% !important;
    position: relative;
}

.drop-zone-preview-icon-file {
    padding-right: .66667rem;
    float: left !important;
}

.drop-zone-preview-icon-file svg path {
}

.drop-zone-preview-file {
    width: 70%;
    float: left !important;
}

.drop-zone-preview-filename {
    max-width: 62%;
    color: #333;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    word-wrap: normal !important;
    white-space: nowrap !important;
    float: left !important;
    vertical-align: top !important;
}

.drop-zone-preview-filename-end {
    color: #333;
}

.drop-zone-preview-size, .drop-zone-error {
    clear: left;
    float: left !important;
}

.drop-zone-error {
    color: red;
}

.drop-zone-preview-icon-close {
    position: absolute;
    top: 50%;
    right: .41667rem;
    margin-top: -2.2rem !important;
    padding-top: 1rem;
    border: 0;
    cursor: pointer !important;
    float: right !important;
}

.drop-zone-preview-icon-close svg {
    fill: #999;
}

.drop-zone-progress, .drop-zone-progress-success {
    position: absolute;
    border-radius: .33333rem;
    background-color: #00ff08;
    opacity: .1;
    height: 100% !important;
    z-index: 1;
    top: 0;
    left: 0;
    display: block;
}

.drop-zone-progress-success {
    opacity: 0;
}

.webforms-gdpr {
    margin: 1.5rem 0;
    padding-left: 2rem;
    padding-right: 2rem;
    box-sizing: border-box;
}

.webforms-gdpr-checkbox {
    margin-top: 1.5rem;
}

.webforms-popup {
    position: relative;
    background: #FFF;
    padding: 2rem;
    margin: 2rem auto;
    box-sizing: border-box;
    border-radius: .7rem;
}

@media screen and (min-width: 20em) {
    .webforms-popup {
        width: 100%;
    }
}

@media screen and (min-width: 48em) {
    .webforms-popup {
        width: 90%;
    }
}

@media screen and (min-width: 64em) {
    .webforms-popup {
        width: 80%;
    }
}

/* Customer result action buttons */

.webforms-result-action{
    display: block;
    background: #f5f5f5;
    text-align: center;
    padding: .3rem .1rem;
    margin: .5rem .1rem;
    white-space: nowrap;
    color: #888;
    text-decoration: none;
}
.webforms-result-action:hover{
    text-decoration: none;
    color:white;
    background: #8bc53f;
}
.result-action-delete {
    border-color: red;
}
.result-action-delete:hover{
    background: red;
}

/* File pool */
.webforms-file-pool {
    display: table;
    margin-bottom: 10px;
}
.webforms-file-pool-selectall{
    margin-bottom:5px;
}
.webforms-file-pool-selectall label{
    font: bold 10px/16px Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #888;
    float:none !important;
    margin-left:5px;

}
.webforms-file-cell{
    float:left;
    flex:1;
    height: auto;
    text-align: center;
    font: bold 9px/16px Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #888;
    display: table-cell;

}
.webforms-file-cell p label{
    color: #888;

}
.webforms-file-cell p {
    padding-top: 5px;
    margin-left: -10px;
    float: left;
    clear: both;
    width: 100%;
}
.webforms-file-cell label{
    float:none !important;
    margin-left:5px;
}

.webforms-file-link{
    display: block;
    border-radius:5px;
    float:left;
    margin-right:10px;
    height:auto;
    box-shadow: 0 0 3px rgba(0,0,0,0.6);
    background: #f5f5f5;
    max-width:200px;
    padding:5px 10px;
}
.webforms-file-link:hover {
    box-shadow: 0 0 7px rgba(0,0,0,0.6);
    background: white;
    color: #888;

}
.webforms-file-link figure p{
    margin:10px 0 5px 0;
}
.webforms-file-link figure img{
    background:white;
}

.webforms-file-link-name {
    display:inline;
    max-width:60%;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    word-wrap: normal !important;
    white-space: nowrap !important;
    float:left;
}
.webforms-file-link-name-end {display:inline;}

.webforms-file-delete-checkbox{
    vertical-align: baseline;
}
@media screen and (min-width: 20em) {
    .wf-sm-row{
        clear:left;
    }
    .wf-sm-1,
    .wf-sm-1-1,
    .wf-sm-1-2,
    .wf-sm-1-3,
    .wf-sm-2-3,
    .wf-sm-1-4,
    .wf-sm-3-4,
    .wf-sm-1-6,
    .wf-sm-1-5,
    .wf-sm-2-5,
    .wf-sm-3-5,
    .wf-sm-4-5,
    .wf-sm-5-6,
    .wf-sm-1-12,
    .wf-sm-2-12,
    .wf-sm-3-12,
    .wf-sm-4-12,
    .wf-sm-5-12,
    .wf-sm-6-12,
    .wf-sm-7-12,
    .wf-sm-8-12,
    .wf-sm-9-12,
    .wf-sm-10-12,
    .wf-sm-11-12,
    .wf-sm-12-12 {
        display: inline-block;
        *display: inline;
        zoom: 1;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
        float:left;

    }

    .wf-sm-1-12 {
        width: 8.3333%;
        *width: 8.3023%;
    }

    .wf-sm-1-6,
    .wf-sm-2-12 {
        width: 16.6667%;
        *width: 16.6357%;
    }

    .wf-sm-1-5 {
        width: 20%;
    }

    .wf-sm-1-4,
    .wf-sm-3-12 {
        width: 25%;
        *width: 24.9690%;
    }

    .wf-sm-1-3,
    .wf-sm-4-12 {
        width: 33.3333%;
        *width: 33.3023%;
    }

    .wf-sm-2-5 {
        width: 40%;
    }

    .wf-sm-5-12 {
        width: 41.6667%;
        *width: 41.6357%;
    }

    .wf-sm-1-2,
    .wf-sm-6-12 {
        width: 50%;
        *width: 49.9690%;
    }

    .wf-sm-7-12 {
        width: 58.3333%;
        *width: 58.3023%;
    }

    .wf-sm-3-5 {
        width: 60%;
    }

    .wf-sm-2-3,
    .wf-sm-8-12 {
        width: 66.6667%;
        *width: 66.6357%;
    }

    .wf-sm-3-4,
    .wf-sm-9-12 {
        width: 75%;
        *width: 74.9690%;
    }

    .wf-sm-4-5 {
        width: 80%;
    }

    .wf-sm-5-6,
    .wf-sm-10-12 {
        width: 83.3333%;
        *width: 83.3023%;
    }

    .wf-sm-11-12 {
        width: 91.6667%;
        *width: 91.6357%;
    }

    .wf-sm-1,
    .wf-sm-1-1,
    .wf-sm-12-12 {
        width: 100%;
    }
}

@media screen and (min-width: 48em) {
    .wf-md-row{
        clear:left;
    }
    .wf-sm-row{
        clear:unset;
    }
    .wf-md-1,
    .wf-md-1-1,
    .wf-md-1-2,
    .wf-md-1-3,
    .wf-md-2-3,
    .wf-md-1-4,
    .wf-md-3-4,
    .wf-md-1-6,
    .wf-md-1-5,
    .wf-md-2-5,
    .wf-md-3-5,
    .wf-md-4-5,
    .wf-md-5-6,
    .wf-md-1-12,
    .wf-md-2-12,
    .wf-md-3-12,
    .wf-md-4-12,
    .wf-md-5-12,
    .wf-md-6-12,
    .wf-md-7-12,
    .wf-md-8-12,
    .wf-md-9-12,
    .wf-md-10-12,
    .wf-md-11-12,
    .wf-md-12-12 {
        display: inline-block;
        *display: inline;
        zoom: 1;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
        float:left;

    }

    .wf-md-1-12 {
        width: 8.3333%;
        *width: 8.3023%;
    }

    .wf-md-1-6,
    .wf-md-2-12 {
        width: 16.6667%;
        *width: 16.6357%;
    }

    .wf-md-1-5 {
        width: 20%;
    }

    .wf-md-1-4,
    .wf-md-3-12 {
        width: 25%;
        *width: 24.9690%;
    }

    .wf-md-1-3,
    .wf-md-4-12 {
        width: 33.3333%;
        *width: 33.3023%;
    }

    .wf-md-2-5 {
        width: 40%;
    }

    .wf-md-5-12 {
        width: 41.6667%;
        *width: 41.6357%;
    }

    .wf-md-1-2,
    .wf-md-6-12 {
        width: 50%;
        *width: 49.9690%;
    }

    .wf-md-7-12 {
        width: 58.3333%;
        *width: 58.3023%;
    }

    .wf-md-3-5 {
        width: 60%;
    }

    .wf-md-2-3,
    .wf-md-8-12 {
        width: 66.6667%;
        *width: 66.6357%;
    }

    .wf-md-3-4,
    .wf-md-9-12 {
        width: 75%;
        *width: 74.9690%;
    }

    .wf-md-4-5 {
        width: 80%;
    }

    .wf-md-5-6,
    .wf-md-10-12 {
        width: 83.3333%;
        *width: 83.3023%;
    }

    .wf-md-11-12 {
        width: 91.6667%;
        *width: 91.6357%;
    }

    .wf-md-1,
    .wf-md-1-1,
    .wf-md-12-12 {
        width: 100%;
    }
}

@media screen and (min-width: 64em) {
    .wf-lg-row{
        clear:left !important;
    }
    .wf-md-row, .wf-sm-row{
        clear:unset;
    }
    .wf-lg-1,
    .wf-lg-1-1,
    .wf-lg-1-2,
    .wf-lg-1-3,
    .wf-lg-2-3,
    .wf-lg-1-4,
    .wf-lg-3-4,
    .wf-lg-1-5,
    .wf-lg-2-5,
    .wf-lg-3-5,
    .wf-lg-4-5,
    .wf-lg-1-6,
    .wf-lg-5-6,
    .wf-lg-1-12,
    .wf-lg-2-12,
    .wf-lg-3-12,
    .wf-lg-4-12,
    .wf-lg-5-12,
    .wf-lg-6-12,
    .wf-lg-7-12,
    .wf-lg-8-12,
    .wf-lg-9-12,
    .wf-lg-10-12,
    .wf-lg-11-12,
    .wf-lg-12-12 {
        display: inline-block;
        *display: inline;
        zoom: 1;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
        float:left;

    }

    .wf-lg-1-12 {
        width: 8.3333%;
        *width: 8.3023%;
    }

    .wf-lg-1-6,
    .wf-lg-2-12 {
        width: 16.6667%;
        *width: 16.6357%;
    }

    .wf-lg-1-5 {
        width: 20%;
    }

    .wf-lg-1-4,
    .wf-lg-3-12 {
        width: 25%;
        *width: 24.9690%;
    }

    .wf-lg-1-3,
    .wf-lg-4-12 {
        width: 33.3333%;
        *width: 33.3023%;
    }

    .wf-lg-2-5 {
        width: 40%;
    }

    .wf-lg-5-12 {
        width: 41.6667%;
        *width: 41.6357%;
    }

    .wf-lg-1-2,
    .wf-lg-6-12 {
        width: 50%;
        *width: 49.9690%;
    }

    .wf-lg-7-12 {
        width: 58.3333%;
        *width: 58.3023%;
    }

    .wf-lg-3-5 {
        width: 60%;
    }

    .wf-lg-2-3,
    .wf-lg-8-12 {
        width: 66.6667%;
        *width: 66.6357%;
    }

    .wf-lg-3-4,
    .wf-lg-9-12 {
        width: 75%;
        *width: 74.9690%;
    }

    .wf-lg-4-5 {
        width: 80%;
    }

    .wf-lg-5-6,
    .wf-lg-10-12 {
        width: 83.3333%;
        *width: 83.3023%;
    }

    .wf-lg-11-12 {
        width: 91.6667%;
        *width: 91.6357%;
    }

    .wf-lg-1,
    .wf-lg-1-1,
    .wf-lg-12-12 {
        width: 100%;
    }
}.opentip-container,
.opentip-container * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.opentip-container {
    position: absolute;
    max-width: 300px;
    z-index: 100;
    -webkit-transition: -webkit-transform 1s ease-in-out;
    -moz-transition: -moz-transform 1s ease-in-out;
    -o-transition: -o-transform 1s ease-in-out;
    -ms-transition: -ms-transform 1s ease-in-out;
    transition: transform 1s ease-in-out;
    pointer-events: none;
    -webkit-transform: translateX(0) translateY(0);
    -moz-transform: translateX(0) translateY(0);
    -o-transform: translateX(0) translateY(0);
    -ms-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
}
.opentip-container.ot-fixed.ot-hidden.stem-top.stem-center,
.opentip-container.ot-fixed.ot-going-to-show.stem-top.stem-center,
.opentip-container.ot-fixed.ot-hiding.stem-top.stem-center {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}
.opentip-container.ot-fixed.ot-hidden.stem-top.stem-right,
.opentip-container.ot-fixed.ot-going-to-show.stem-top.stem-right,
.opentip-container.ot-fixed.ot-hiding.stem-top.stem-right {
    -webkit-transform: translateY(-5px) translateX(5px);
    -moz-transform: translateY(-5px) translateX(5px);
    -o-transform: translateY(-5px) translateX(5px);
    -ms-transform: translateY(-5px) translateX(5px);
    transform: translateY(-5px) translateX(5px);
}
.opentip-container.ot-fixed.ot-hidden.stem-middle.stem-right,
.opentip-container.ot-fixed.ot-going-to-show.stem-middle.stem-right,
.opentip-container.ot-fixed.ot-hiding.stem-middle.stem-right {
    -webkit-transform: translateX(5px);
    -moz-transform: translateX(5px);
    -o-transform: translateX(5px);
    -ms-transform: translateX(5px);
    transform: translateX(5px);
}
.opentip-container.ot-fixed.ot-hidden.stem-bottom.stem-right,
.opentip-container.ot-fixed.ot-going-to-show.stem-bottom.stem-right,
.opentip-container.ot-fixed.ot-hiding.stem-bottom.stem-right {
    -webkit-transform: translateY(5px) translateX(5px);
    -moz-transform: translateY(5px) translateX(5px);
    -o-transform: translateY(5px) translateX(5px);
    -ms-transform: translateY(5px) translateX(5px);
    transform: translateY(5px) translateX(5px);
}
.opentip-container.ot-fixed.ot-hidden.stem-bottom.stem-center,
.opentip-container.ot-fixed.ot-going-to-show.stem-bottom.stem-center,
.opentip-container.ot-fixed.ot-hiding.stem-bottom.stem-center {
    -webkit-transform: translateY(5px);
    -moz-transform: translateY(5px);
    -o-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px);
}
.opentip-container.ot-fixed.ot-hidden.stem-bottom.stem-left,
.opentip-container.ot-fixed.ot-going-to-show.stem-bottom.stem-left,
.opentip-container.ot-fixed.ot-hiding.stem-bottom.stem-left {
    -webkit-transform: translateY(5px) translateX(-5px);
    -moz-transform: translateY(5px) translateX(-5px);
    -o-transform: translateY(5px) translateX(-5px);
    -ms-transform: translateY(5px) translateX(-5px);
    transform: translateY(5px) translateX(-5px);
}
.opentip-container.ot-fixed.ot-hidden.stem-middle.stem-left,
.opentip-container.ot-fixed.ot-going-to-show.stem-middle.stem-left,
.opentip-container.ot-fixed.ot-hiding.stem-middle.stem-left {
    -webkit-transform: translateX(-5px);
    -moz-transform: translateX(-5px);
    -o-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    transform: translateX(-5px);
}
.opentip-container.ot-fixed.ot-hidden.stem-top.stem-left,
.opentip-container.ot-fixed.ot-going-to-show.stem-top.stem-left,
.opentip-container.ot-fixed.ot-hiding.stem-top.stem-left {
    -webkit-transform: translateY(-5px) translateX(-5px);
    -moz-transform: translateY(-5px) translateX(-5px);
    -o-transform: translateY(-5px) translateX(-5px);
    -ms-transform: translateY(-5px) translateX(-5px);
    transform: translateY(-5px) translateX(-5px);
}
.opentip-container.ot-fixed .opentip {
    pointer-events: auto;
}
.opentip-container.ot-hidden {
    display: none;
}
.opentip-container .opentip {
    position: relative;
    font-size: 13px;
    line-height: 120%;
    padding: 9px 14px;
    color: #4f4b47;
    text-shadow: -1px -1px 0px rgba(255,255,255,0.2);
}
.opentip-container .opentip .header {
    margin: 0;
    padding: 0;
}
.opentip-container .opentip .ot-close {
    pointer-events: auto;
    display: block;
    position: absolute;
    top: -12px;
    left: 60px;
    color: rgba(0,0,0,0.5);
    background: rgba(0,0,0,0);
    text-decoration: none;
}
.opentip-container .opentip .ot-close span {
    display: none;
}
.opentip-container .opentip .ot-loading-indicator {
    display: none;
}
.opentip-container.ot-loading .ot-loading-indicator {
    width: 30px;
    height: 30px;
    font-size: 30px;
    line-height: 30px;
    font-weight: bold;
    display: block;
}
.opentip-container.ot-loading .ot-loading-indicator span {
    display: block;
    -webkit-animation: otloading 2s linear infinite;
    -moz-animation: otloading 2s linear infinite;
    -o-animation: otloading 2s linear infinite;
    -ms-animation: otloading 2s linear infinite;
    animation: otloading 2s linear infinite;
    text-align: center;
}
.opentip-container.style-dark .opentip,
.opentip-container.style-alert .opentip {
    color: #f8f8f8;
    text-shadow: 1px 1px 0px rgba(0,0,0,0.2);
}
.opentip-container.style-glass .opentip {
    padding: 15px 25px;
    color: #317cc5;
    text-shadow: 1px 1px 8px rgba(0,94,153,0.3);
}
.opentip-container.ot-hide-effect-fade {
    -webkit-transition: -webkit-transform 0.5s ease-in-out, opacity 1s ease-in-out;
    -moz-transition: -moz-transform 0.5s ease-in-out, opacity 1s ease-in-out;
    -o-transition: -o-transform 0.5s ease-in-out, opacity 1s ease-in-out;
    -ms-transition: -ms-transform 0.5s ease-in-out, opacity 1s ease-in-out;
    transition: transform 0.5s ease-in-out, opacity 1s ease-in-out;
    opacity: 1;
    -ms-filter: none;
    filter: none;
}
.opentip-container.ot-hide-effect-fade.ot-hiding {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.opentip-container.ot-show-effect-appear.ot-going-to-show,
.opentip-container.ot-show-effect-appear.ot-showing {
    -webkit-transition: -webkit-transform 0.5s ease-in-out, opacity 1s ease-in-out;
    -moz-transition: -moz-transform 0.5s ease-in-out, opacity 1s ease-in-out;
    -o-transition: -o-transform 0.5s ease-in-out, opacity 1s ease-in-out;
    -ms-transition: -ms-transform 0.5s ease-in-out, opacity 1s ease-in-out;
    transition: transform 0.5s ease-in-out, opacity 1s ease-in-out;
}
.opentip-container.ot-show-effect-appear.ot-going-to-show {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.opentip-container.ot-show-effect-appear.ot-showing {
    opacity: 1;
    -ms-filter: none;
    filter: none;
}
.opentip-container.ot-show-effect-appear.ot-visible {
    opacity: 1;
    -ms-filter: none;
    filter: none;
}
@-moz-keyframes otloading {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes otloading {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-o-keyframes otloading {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-ms-keyframes otloading {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes otloading {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/* WHATSOCK, 2016 */
/* Specific styles for ARIA Calendar */

#datepicker-demo {
    background: #E0E0E0;
    padding: 1rem;
    margin: 1rem 0 2rem;
}

	#datepicker-demo em {display: block; font-size: 90%;}

#date, #party {
    width: 90%;
    max-width: 25em;
	vertical-align: 20px;
}

a.accCalendar {
	display: inline-block;
	background: transparent;
}

div.calendar {
    text-align: center;
    color: #FFF;
    background: #2E3135;
    padding: 0.5rem;
    border-radius: 0.3rem;
    -webkit-box-shadow: 0 10px 6px -6px #777;
    -moz-box-shadow: 0 10px 6px -6px #777;
    box-shadow: 0 10px 6px -6px #777;
}

table.calendar {
    border-collapse: separate;
    border-spacing: 1px;
}

table.calendar td, table.calendar th {
    padding: 0.3em 0.5em;
    border-radius: 0.15rem;
}

td.empty {
    background: rgba(255, 255, 255, .07);
}

th.week {}

td.nav, td.day {cursor: pointer;}

td.day {
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
    color: #000;
    background: #63B7C2;
}

td.day:hover {background: #E2A037;}

td.selected {background: #E2A037;}

div.calendar *:focus, div.commentAdd *:focus {
    background: #E2A037;
}

td.month {
    font-weight: 600;
    color: #63B7C2;
    text-shadow: 0 1px 0 #000;
}

td.comment {position: relative;}
td.comment span::after {
	display: block;
	position: absolute;
	width: 7px;
	height: 7px;
	top: 0.2rem;
	right: 0.2rem;
	content: "";
	background: #49182E;
	border-radius: 7px;
}

td.comment.selected {
	background: #E2A037; 
}


td.disabled, td.disabled:hover {
	color: #CCC;
    background: #bdbdbd;
    cursor: auto; 
}

td.disabled.selected {background: #C2C2C2;}

div.commentTooltip {
	width: 271px;
	padding: 0.5rem;
	color: #FFF;
	background: #3D4043;
	font-size: 0.8em;
	font-weight: bold;
	max-height: 50px;
	overflow-x: hidden;
	overflow-y: auto;
	word-wrap: break-word;
	text-align: left;
}

div.commentAdd {
	background: #2E3135;
	border-radius: 0.3rem;
}

	div.commentAdd button {
		font-size: 100%;
		text-transform: uppercase;
	    color: #FFF;
	    background: #2E3135;
	    padding: 0.5rem;
		margin-top: -5px;
		border: none;
	    border-bottom-left-radius: 0.3rem;
	    border-bottom-right-radius: 0.3rem;
	    -webkit-box-shadow: 0 10px 6px -6px #777;
	    -moz-box-shadow: 0 10px 6px -6px #777;
	    box-shadow: 0 10px 6px -6px #777;
	}

div.commentAdd textarea {
	width: 270px;
	height: 2em;
	overflow: auto;
	word-wrap: break-word;
	text-align: left;
	padding: 0.2em;
	margin: 0.5rem 0.5rem 0;
}
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }
/* progress bar */
.spin-progress-bar-container {
    margin-top: 20px;
}

.spin-progress-bar {
    background-color: #e1e1e1;
    height: 10px;
    width: 250px;
    background-size: 15px 15px;
    background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}

.spin-progress-bar-progress {
    display: inline-block;
    vertical-align: top;
    height: 100%;
    transition: width .4s ease-in-out;
    background-color: #23a900;
    background-size: 15px 15px;
    background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    animation: animate-stripes 3s linear infinite;
}

.spin-progress-bar-message {
    font-size: 12px;
    opacity: .8;
}

@keyframes animate-stripes {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 60px 0;
    }
}

/* progress bar end*/

.spin-coupon-container {
    margin: 20px 0;
}

.spin-coupon-code-container {
    font-size: 0px;
    width: 400px;
}

.spin-coupon-code {
    display: inline-block;
    padding: 10px 15px;
    box-sizing: border-box;
    font-weight: 700;
    border-radius: 3px 0px 0px 3px;
    border: 2px dashed;
    border-right: none;
    width: 240px;
    letter-spacing: 5px;
    font-size: 18px;
    height: 50px;
    line-height: 26px;
    vertical-align: middle;
    opacity: 1 !important;
    cursor: text !important;
}

.spin-coupon-code-copy {
    width: 160px;
    text-align: center;
    display: inline-block;
    padding: 10px;
    box-sizing: border-box;
    font-weight: 700;
    border-radius: 0px 3px 3px 0px;
    font-size: 16px;
    border: 2px solid;
    height: 50px;
    line-height: 26px;
    vertical-align: middle;
    cursor: copy;
}

.spin-coupon-code-label {
    margin-bottom: 5px;
    display: inline-block;
    font-size: 14px;
}

/* spin wheel css */
#spin-wheel-wheel-container {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
    width: 530px;
    vertical-align: middle;
    height: 550px;
    position: relative;
}

#spin-wheel-canvas {
    margin-top: 50px;
}

.spin-wheel-popup.modal-popup .modal-content {
    padding: 0 !important;
    margin: 0 !important;
}

#spin-pin-image {
    position: absolute;
    top: calc(50% - 21.5px);
    height: 43px;
    width: 62px;
    right: 10px;
}

.spin-wheel-popup .modal-header,
.spin-wheel-popup .modal-footer {
    display: none;
}

@media only screen and (max-width: 450px) {
    .spin-coupon-code {
        padding: 7px;
        font-size: 14px;
        width: 160px;
        letter-spacing: 2px;
    }

    .spin-coupon-code-copy {
        width: 140px;
        padding: 10px 0px;
    }
}#spin-trigger {
    position: fixed;
    height: 40px !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    border-radius: 0px 3px 3px 0px;
    font-size: 18px;
    z-index: 10;
}

#spin-trigger-image {
    position: absolute;
    top: -7px;
    left: -43px;
    width: 54px;
    height: 54px;
}

#spin-trigger.top-left {
    left: 20px;
    top: 25px;
}

#spin-trigger.bottom-left {
    left: 20px;
    bottom: 25px;
}

#spin-trigger.middle-left {
    left: 20px;
    top: calc(50% - 20px);
}

#spin-trigger.top-right {
    right: 0px;
    top: 25px;
    border-radius: 0px
}

#spin-trigger.bottom-right {
    right: 0px;
    bottom: 25px;
    border-radius: 0px
}

#spin-trigger.middle-right {
    right: 0px;
    top: calc(50% - 20px);
    border-radius: 0px
}

#spin-coupon {
    position: fixed;
    height: 40px !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    font-size: 20px;
    z-index: 10;
    vertical-align: middle;
}

#spin-coupon-image {
    vertical-align: middle;
    margin-right: 5px;
}

#spin-coupon.top-left {
    left: 0px;
    top: 25px;
    border-radius: 0px 3px 3px 0px;
}

#spin-coupon.bottom-left {
    left: 0;
    bottom: 25px;
    border-radius: 0px 3px 3px 0px;
}

#spin-coupon.middle-left {
    left: 0;
    top: calc(50% - 20px);
    border-radius: 0px 3px 3px 0px;
}

#spin-coupon.top-right {
    right: 0px;
    top: 25px;
    border-radius: 3px 0px 0px 3px;
}

#spin-coupon.bottom-right {
    right: 0px;
    bottom: 25px;
    border-radius: 3px 0px 0px 3px;
}

#spin-coupon.middle-right {
    right: 0px;
    top: calc(50% - 20px);
    border-radius: 3px 0px 0px 3px;
}

.spin-wheel-popup .modal-content {
    padding: 0;
    height: 100%;
    margin: 0;
}

.spin-wheel-popup .modal-content>div {
    height: 100%;
}

.spin-wheel-popup #spin-wheel-container {
    height: 100%;
    font-size: 0;
}

.spin-wheel-popup #spin-wheel-wheel-container {
    font-size: 14px;
    display: inline-block;
    height: 100%;
    vertical-align: top;
}

.spin-wheel-popup #spin-wheel-canvas {
    position: absolute;
    top: calc(50% - 225.5px);
    margin: 0;
}

.spin-wheel-popup #spin-wheel-form-container {
    font-size: 14px;
    display: inline-block;
    height: 100%;
    vertical-align: top;
    width: 530px;
    box-sizing: border-box;
    padding: 50px;
    overflow: auto;
}

.spin-wheel-popup #spin-wheel-form-image {
    max-height: 120px;
    max-width: max-content;
}

#spin-wheel-button img {
    height: 24px;
    vertical-align: top;
    margin-right: 5px;
    display: inline-block;
}

#spin-wheel-button {
    font-size: 18px;
    border-radius: 3px;
    border: 0px;
    display: inline-block;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 600;
    line-height: 1.36;
    padding: 0.6rem 1em 0.6rem;
    text-align: center;
    vertical-align: baseline;
    box-shadow: none;
}

.modal-slide.spin-wheel-slide-right {
    left: unset;
    right: 0;
}

.modal-slide.spin-wheel-slide-left {
    left: 0;
    right: unset;
}

.modal-slide.spin-wheel-slide-left .modal-inner-wrap {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.modal-slide.spin-wheel-slide-left._show .modal-inner-wrap {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.spin-wheel-popup .modal-inner-wrap {
    width: 1060px;
}

.spin-wheel-popup.spin-wheel-split #spin-wheel-wheel-container {
    width: 290px;
    padding-left: 0;
}

.spin-wheel-popup.spin-wheel-split .modal-inner-wrap {
    width: 820px;
}

#spin-wheel-form-heading {
    font-size: 32px;
    margin: 15px 0 10px;
}

#spin-wheel-form-description {
    font-size: 18px;
    margin-bottom: 10px;
}

.spin-wheel-popup-popup #spin-wheel-wheel-container,
.spin-wheel-popup-popup #spin-wheel-form-container {
    height: 530px;
}

#wkcc-shop-now {
    font-size: 18px;
    border-radius: 3px;
    border: 0px;
    display: inline-block;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 600;
    line-height: 1.36;
    padding: 0.6rem 1em 0.6rem;
    text-align: center;
    box-shadow: none;
    margin-top: 15px;
}

@media (min-width: 1024px) {
    .checkout-index-index .modal-popup.spin-wheel-popup .modal-inner-wrap {
        margin: 5rem auto;
        width: 1060px;
        left: 0;
    }

    .checkout-index-index .spin-wheel-popup.spin-wheel-split .modal-inner-wrap {
        width: 820px;
    }
}

@media only screen and (max-width: 1060px) and (min-width: 769px) {
    .spin-wheel-popup .modal-inner-wrap {
        width: 760px;
    }

    .spin-wheel-popup #spin-wheel-wheel-container,
    .spin-wheel-popup #spin-wheel-form-container {
        width: 380px;
    }

    .spin-wheel-popup.spin-wheel-split #spin-wheel-wheel-container {
        width: 210px;
        padding-left: 0;
    }

    .spin-wheel-popup.spin-wheel-split .modal-inner-wrap {
        width: 590px;
    }

    .spin-wheel-popup #spin-wheel-canvas {
        top: calc(50% - 150px);
    }

    #spin-pin-image {
        top: calc(50% - 16.5px);
        height: 35px;
        width: 50px;
    }

    .spin-wheel-popup-popup #spin-wheel-wheel-container,
    .spin-wheel-popup-popup #spin-wheel-form-container {
        height: 500px;
    }
}

@media only screen and (max-width: 770px) {
    .spin-wheel-popup {
        width: 100%;
    }

    .spin-wheel-popup #spin-wheel-wheel-container {
        padding: 0;
    }

    .spin-wheel-popup .modal-inner-wrap {
        width: 100%;
    }

    .spin-wheel-popup #spin-wheel-wheel-container,
    .spin-wheel-popup #spin-wheel-form-container {
        width: 100%;
    }

    /* .spin-wheel-popup.spin-wheel-split #spin-wheel-wheel-container, .spin-wheel-popup.spin-wheel-split #spin-wheel-form-container {
        width: 100%;
    } */
    #spin-pin-image {
        top: calc(50% - 16.5px);
        height: 35px;
        width: 50px;
    }

    .spin-wheel-popup.spin-wheel-split #spin-wheel-wheel-container {
        width: 100%;
    }

    .spin-wheel-popup.spin-wheel-split .modal-inner-wrap {
        width: 100%;
    }

    .spin-wheel-popup #spin-wheel-wheel-container {
        height: auto;
    }

    /* .spin-wheel-popup-popup #spin-wheel-wheel-container, .spin-wheel-popup-popup #spin-wheel-form-container{
        height: 400px;
    } */
}

.spin-coupon-details .modal-content {
    padding: 0;
}

.spin-coupon-details .modal-header {
    display: none;
}

.spin-coupon-details .modal-footer {
    display: none;
}

.spin-coupon-details .modal-inner-wrap {
    max-width: 650px;
    box-sizing: border-box;

}

.spin-coupon-info-container {
    padding: 30px;
}

.spin-coupon-info-heading {
    margin-bottom: 20px;
}

.spin-coupon-info-description {
    font-size: 18px;
}.slick-dots li button:focus,.slick-dots li button:hover,.slick-list:focus{outline:0}.slick-list,.slick-slider,.slick-track{display:block;position:relative}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0;margin:0 auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-slide,.slick-slide.slick-loading img{display:none}.slick-track:after{clear:both}.slick-slide{float:left;height:100%;min-height:1px;vertical-align:middle}[dir=rtl] .slick-slide{float:right}.slick-slide.dragging img{pointer-events:none}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-loading .slick-list{position:relative;background:0 0}.slick-loading .slick-list:before{position:absolute;top:50%;left:50%;display:block;content:'';border-radius:100%;border-style:solid;border-width:3px;height:25px;width:25px;border-color:rgba(0,0,0,.2);border-top-color:#5c5c5c;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);animation:loading 1s infinite linear}@keyframes loading{0%{-webkit-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0)}100%{-webkit-transform:translate(-50%,-50%) rotate(359.9deg);transform:translate(-50%,-50%) rotate(359.9deg)}}.slick-next.slick-disabled,.slick-prev.slick-disabled{opacity:.25}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;left:0;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button,.slick-slider .slick-arrow{display:block;cursor:pointer;outline:0;box-shadow:none}.slick-dots li button{font-size:0;line-height:0;width:20px;height:20px;padding:5px;color:transparent;border:0;background:0 0}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{font-size:16px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:#000}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;padding:0 20px}.slick-slider .slick-arrow{position:absolute;top:50%;padding:0;width:15px;height:22px;font-size:0;line-height:0;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);color:transparent;border:none;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMjIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0uMi40QTEgMSAwIDAgMSAxLjYuMmwxMiAxMGExIDEgMCAwIDEgMCAxLjZsLTEyIDEwYTEgMSAwIDAgMS0xLjItMS42TDExLjMzMyAxMSAuNCAxLjhBMSAxIDAgMCAxIC4yLjR6IiBmaWxsPSIjQzRDNEM0Ii8+PC9zdmc+) center no-repeat !important;-webkit-transition:background .3s ease;-moz-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease}.slick-slider .slick-arrow:after,.slick-slider .slick-arrow:before{content:''}.slick-slider .slick-arrow:hover{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMjIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0uMi40QTEgMSAwIDAgMSAxLjYuMmwxMiAxMGExIDEgMCAwIDEgMCAxLjZsLTEyIDEwYTEgMSAwIDAgMS0xLjItMS42TDExLjMzMyAxMSAuNCAxLjhBMSAxIDAgMCAxIC4yLjR6IiBmaWxsPSIjMTYxNjE2Ii8+PC9zdmc+) center no-repeat}.slick-slider .slick-arrow.slick-next{right:0}.slick-slider .slick-arrow.slick-prev{left:0;-webkit-transform:rotate(180deg) translate(0,50%);-moz-transform:rotate(180deg) translate(0,50%);-ms-transform:rotate(180deg) translate(0,50%);transform:rotate(180deg) translate(0,50%)}.slick-initialized .slick-slide{float:none!important;display:inline-block!important;height:auto;}.product-items.slick-slider>.slick-list{padding:15px 0}.product-items.slick-slider .slick-slide .product-item{display:block!important;margin:auto!important;max-width:205px}.sidebar.sidebar-additional{width:100%}.cart-totals tr.totals .title:after,
.totals.discount .title:after,
.cart-totals tr.totals .title.negative:after,
.totals.discount .title.negative:after {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
}
.title.-enabled {
    cursor: pointer;
}
.cart-summary tr.totals .title.-enabled:after,
.totals.discount .title.-enabled:after {
    content: '';
    width: 12px;
    height: 12px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgMjg0LjkyOSAyODQuOTI5Ij48cGF0aCBkPSJNMjgyLjA4MiAxOTUuMjg1TDE0OS4wMjggNjIuMjRjLTEuOTAxLTEuOTAzLTQuMDg4LTIuODU2LTYuNTYyLTIuODU2cy00LjY2NS45NTMtNi41NjcgMi44NTZMMi44NTYgMTk1LjI4NUMuOTUgMTk3LjE5MSAwIDE5OS4zNzggMCAyMDEuODUzYzAgMi40NzQuOTUzIDQuNjY0IDIuODU2IDYuNTY2bDE0LjI3MiAxNC4yNzFjMS45MDMgMS45MDMgNC4wOTMgMi44NTQgNi41NjcgMi44NTRzNC42NjQtLjk1MSA2LjU2Ny0yLjg1NGwxMTIuMjA0LTExMi4yMDIgMTEyLjIwOCAxMTIuMjA5YzEuOTAyIDEuOTAzIDQuMDkzIDIuODQ4IDYuNTYzIDIuODQ4IDIuNDc4IDAgNC42NjgtLjk1MSA2LjU3LTIuODQ4bDE0LjI3NC0xNC4yNzdjMS45MDItMS45MDIgMi44NDctNC4wOTMgMi44NDctNi41NjYuMDAxLTIuNDc2LS45NDQtNC42NjYtMi44NDYtNi41Njl6IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIiBmaWxsPSIjODU4NTg1Ii8+PC9zdmc+) no-repeat center;
    background-size: contain;
    cursor: pointer;
}
.cart-summary tr.totals .title.-enabled.-collapsed:after,
.totals.discount .title.-enabled.-collapsed:after {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgMjg0LjkyOSAyODQuOTI5Ij48cGF0aCBkPSJNMi44NDcgODkuNjQ0bDEzMy4wNTQgMTMzLjA0NWMxLjkwMSAxLjkwMyA0LjA4OCAyLjg1NiA2LjU2MiAyLjg1NnM0LjY2NS0uOTUzIDYuNTY3LTIuODU2TDI4Mi4wNzMgODkuNjQ0YzEuOTA2LTEuOTA2IDIuODU2LTQuMDkzIDIuODU2LTYuNTY4IDAtMi40NzQtLjk1My00LjY2NC0yLjg1Ni02LjU2NmwtMTQuMjcyLTE0LjI3MWMtMS45MDMtMS45MDMtNC4wOTMtMi44NTQtNi41NjctMi44NTRzLTQuNjY0Ljk1MS02LjU2NyAyLjg1NEwxNDIuNDYzIDE3NC40NDEgMzAuMjU1IDYyLjIzMmMtMS45MDItMS45MDMtNC4wOTMtMi44NDgtNi41NjMtMi44NDgtMi40NzggMC00LjY2OC45NTEtNi41NyAyLjg0OEwyLjg0OCA3Ni41MDlDLjk0NiA3OC40MTEuMDAxIDgwLjYwMi4wMDEgODMuMDc1IDAgODUuNTUxLjk0NSA4Ny43NDEgMi44NDcgODkuNjQ0eiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCIgZmlsbD0iIzg1ODU4NSIvPjwvc3ZnPg==) no-repeat center;
    background-size: contain;
}
.total_coupons,
.totals.discount .discount.coupon,
.cart-totals .discount.coupon {
    display: none;
}