.flatpickr-calendar {
    background: 0 0;
    opacity: 0;
    display: none;
    text-align: center;
    visibility: hidden;
    padding: 0;
    -webkit-animation: none;
    animation: none;
    direction: ltr;
    border: 0;
    font-size: 14px;
    line-height: 24px;
    border-radius: 5px;
    position: absolute;
    width: 307.875px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    background: #fff;
    -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, .08);
    box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, .08)
}

.flatpickr-calendar.inline,
.flatpickr-calendar.open {
    opacity: 1;
    max-height: 640px;
    visibility: visible
}

.flatpickr-calendar.open {
    display: inline-block;
    z-index: 99999
}

.flatpickr-calendar.animate.open {
    -webkit-animation: fpFadeInDown .3s cubic-bezier(.23, 1, .32, 1);
    animation: fpFadeInDown .3s cubic-bezier(.23, 1, .32, 1)
}

.flatpickr-calendar.inline {
    display: block;
    position: relative;
    top: 2px
}

.flatpickr-calendar.static {
    position: absolute;
    top: calc(100% + 2px)
}

.flatpickr-calendar.static.open {
    z-index: 999;
    display: block
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
    -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
    box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6
}

.flatpickr-calendar .hasTime .dayContainer,
.flatpickr-calendar .hasWeeks .dayContainer {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.flatpickr-calendar .hasWeeks .dayContainer {
    border-left: 0
}

.flatpickr-calendar.hasTime .flatpickr-time {
    height: 40px;
    border-top: 1px solid #e6e6e6
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
    height: auto
}

.flatpickr-calendar:after,
.flatpickr-calendar:before {
    position: absolute;
    display: block;
    pointer-events: none;
    border: solid transparent;
    content: '';
    height: 0;
    width: 0;
    left: 22px
}

.flatpickr-calendar.arrowRight:after,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.rightMost:before {
    left: auto;
    right: 22px
}

.flatpickr-calendar.arrowCenter:after,
.flatpickr-calendar.arrowCenter:before {
    left: 50%;
    right: 50%
}

.flatpickr-calendar:before {
    border-width: 5px;
    margin: 0 -5px
}

.flatpickr-calendar:after {
    border-width: 4px;
    margin: 0 -4px
}

.flatpickr-calendar.arrowTop:after,
.flatpickr-calendar.arrowTop:before {
    bottom: 100%
}

.flatpickr-calendar.arrowTop:before {
    border-bottom-color: #e6e6e6
}

.flatpickr-calendar.arrowTop:after {
    border-bottom-color: #fff
}

.flatpickr-calendar.arrowBottom:after,
.flatpickr-calendar.arrowBottom:before {
    top: 100%
}

.flatpickr-calendar.arrowBottom:before {
    border-top-color: #e6e6e6
}

.flatpickr-calendar.arrowBottom:after {
    border-top-color: #fff
}

.flatpickr-calendar:focus {
    outline: 0
}

.flatpickr-wrapper {
    position: relative;
    display: inline-block
}

.flatpickr-months {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.flatpickr-months .flatpickr-month {
    background: 0 0;
    color: rgba(0, 0, 0, .9);
    fill: rgba(0, 0, 0, .9);
    height: 34px;
    line-height: 1;
    text-align: center;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.flatpickr-months .flatpickr-next-month,
.flatpickr-months .flatpickr-prev-month {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
    cursor: pointer;
    position: absolute;
    top: 0;
    height: 34px;
    padding: 10px;
    z-index: 3;
    color: rgba(0, 0, 0, .9);
    fill: rgba(0, 0, 0, .9)
}

.flatpickr-months .flatpickr-next-month.flatpickr-disabled,
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled {
    display: none
}

.flatpickr-months .flatpickr-next-month i,
.flatpickr-months .flatpickr-prev-month i {
    position: relative
}

.flatpickr-months .flatpickr-next-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month {
    left: 0
}

.flatpickr-months .flatpickr-next-month.flatpickr-next-month,
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month {
    right: 0
}

.flatpickr-months .flatpickr-next-month:hover,
.flatpickr-months .flatpickr-prev-month:hover {
    color: #959ea9
}

.flatpickr-months .flatpickr-next-month:hover svg,
.flatpickr-months .flatpickr-prev-month:hover svg {
    fill: #f64747
}

.flatpickr-months .flatpickr-next-month svg,
.flatpickr-months .flatpickr-prev-month svg {
    width: 14px;
    height: 14px
}

.flatpickr-months .flatpickr-next-month svg path,
.flatpickr-months .flatpickr-prev-month svg path {
    -webkit-transition: fill .1s;
    transition: fill .1s;
    fill: inherit
}

.numInputWrapper {
    position: relative;
    height: auto
}

.numInputWrapper input,
.numInputWrapper span {
    display: inline-block
}

.numInputWrapper input {
    width: 100%
}

.numInputWrapper input::-ms-clear {
    display: none
}

.numInputWrapper input::-webkit-inner-spin-button,
.numInputWrapper input::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none
}

.numInputWrapper span {
    position: absolute;
    right: 0;
    width: 14px;
    padding: 0 4px 0 2px;
    height: 50%;
    line-height: 50%;
    opacity: 0;
    cursor: pointer;
    border: 1px solid rgba(57, 57, 57, .15);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.numInputWrapper span:hover {
    background: rgba(0, 0, 0, .1)
}

.numInputWrapper span:active {
    background: rgba(0, 0, 0, .2)
}

.numInputWrapper span:after {
    display: block;
    content: "";
    position: absolute
}

.numInputWrapper span.arrowUp {
    top: 0;
    border-bottom: 0
}

.numInputWrapper span.arrowUp:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid rgba(57, 57, 57, .6);
    top: 26%
}

.numInputWrapper span.arrowDown {
    top: 50%
}

.numInputWrapper span.arrowDown:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(57, 57, 57, .6);
    top: 40%
}

.numInputWrapper span svg {
    width: inherit;
    height: auto
}

.numInputWrapper span svg path {
    fill: rgba(0, 0, 0, .5)
}

.numInputWrapper:hover {
    background: rgba(0, 0, 0, .05)
}

.numInputWrapper:hover span {
    opacity: 1
}

.flatpickr-current-month {
    font-size: 135%;
    line-height: inherit;
    font-weight: 300;
    color: inherit;
    position: absolute;
    width: 75%;
    left: 12.5%;
    padding: 7.48px 0 0 0;
    line-height: 1;
    height: 34px;
    display: inline-block;
    text-align: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.flatpickr-current-month span.cur-month {
    font-family: inherit;
    font-weight: 700;
    color: inherit;
    display: inline-block;
    margin-left: .5ch;
    padding: 0
}

.flatpickr-current-month span.cur-month:hover {
    background: rgba(0, 0, 0, .05)
}

.flatpickr-current-month .numInputWrapper {
    width: 6ch;
    display: inline-block
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
    border-bottom-color: rgba(0, 0, 0, .9)
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
    border-top-color: rgba(0, 0, 0, .9)
}

.flatpickr-current-month input.cur-year {
    background: 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    cursor: text;
    padding: 0 0 0 .5ch;
    margin: 0;
    display: inline-block;
    font-size: inherit;
    font-family: inherit;
    font-weight: 300;
    line-height: inherit;
    height: auto;
    border: 0;
    border-radius: 0;
    vertical-align: initial;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

.flatpickr-current-month input.cur-year:focus {
    outline: 0
}

.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
    font-size: 100%;
    color: rgba(0, 0, 0, .5);
    background: 0 0;
    pointer-events: none
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
    appearance: menulist;
    background: 0 0;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    color: inherit;
    cursor: pointer;
    font-size: inherit;
    font-family: inherit;
    font-weight: 300;
    height: auto;
    line-height: inherit;
    margin: -1px 0 0 0;
    outline: 0;
    padding: 0 0 0 .5ch;
    position: relative;
    vertical-align: initial;
    -webkit-box-sizing: border-box;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    width: auto
}

.flatpickr-current-month .flatpickr-monthDropdown-months:active,
.flatpickr-current-month .flatpickr-monthDropdown-months:focus {
    outline: 0
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
    background: rgba(0, 0, 0, .05)
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
    background-color: transparent;
    outline: 0;
    padding: 0
}

.flatpickr-weekdays {
    background: 0 0;
    text-align: center;
    overflow: hidden;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 28px
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

span.flatpickr-weekday {
    cursor: default;
    font-size: 90%;
    background: 0 0;
    color: rgba(0, 0, 0, .54);
    line-height: 1;
    margin: 0;
    text-align: center;
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: bolder
}

.dayContainer,
.flatpickr-weeks {
    padding: 1px 0 0 0
}

.flatpickr-days {
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 307.875px
}

.flatpickr-days:focus {
    outline: 0
}

.dayContainer {
    padding: 0;
    outline: 0;
    text-align: left;
    width: 307.875px;
    min-width: 307.875px;
    max-width: 307.875px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.dayContainer+.dayContainer {
    -webkit-box-shadow: -1px 0 0 #e6e6e6;
    box-shadow: -1px 0 0 #e6e6e6
}

.flatpickr-day {
    background: 0 0;
    border: 1px solid transparent;
    border-radius: 150px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #393939;
    cursor: pointer;
    font-weight: 400;
    width: 14.2857143%;
    -webkit-flex-basis: 14.2857143%;
    -ms-flex-preferred-size: 14.2857143%;
    flex-basis: 14.2857143%;
    max-width: 39px;
    height: 39px;
    line-height: 39px;
    margin: 0;
    display: inline-block;
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.flatpickr-day.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day.nextMonthDay:focus,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.today.inRange,
.flatpickr-day:focus,
.flatpickr-day:hover {
    cursor: pointer;
    outline: 0;
    background: #e6e6e6;
    border-color: #e6e6e6
}

.flatpickr-day.today {
    border-color: #959ea9
}

.flatpickr-day.today:focus,
.flatpickr-day.today:hover {
    border-color: #959ea9;
    background: #959ea9;
    color: #fff
}

.flatpickr-day.endRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.endRange.nextMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.endRange:focus,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected,
.flatpickr-day.selected.inRange,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.selected:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.startRange:focus,
.flatpickr-day.startRange:hover {
    background: #569ff7;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    border-color: #569ff7
}

.flatpickr-day.endRange.startRange,
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange {
    border-radius: 50px 0 0 50px
}

.flatpickr-day.endRange.endRange,
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange {
    border-radius: 0 50px 50px 0
}

.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)) {
    -webkit-box-shadow: -10px 0 0 #569ff7;
    box-shadow: -10px 0 0 #569ff7
}

.flatpickr-day.endRange.startRange.endRange,
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange {
    border-radius: 50px
}

.flatpickr-day.inRange {
    border-radius: 0;
    -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
    box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.nextMonthDay,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.prevMonthDay {
    color: rgba(57, 57, 57, .3);
    background: 0 0;
    border-color: transparent;
    cursor: default
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
    cursor: not-allowed;
    color: rgba(57, 57, 57, .1)
}

.flatpickr-day.week.selected {
    border-radius: 0;
    -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
    box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7
}

.flatpickr-day.hidden {
    visibility: hidden
}

.rangeMode .flatpickr-day {
    margin-top: 1px
}

.flatpickr-weekwrapper {
    float: left
}

.flatpickr-weekwrapper .flatpickr-weeks {
    padding: 0 12px;
    -webkit-box-shadow: 1px 0 0 #e6e6e6;
    box-shadow: 1px 0 0 #e6e6e6
}

.flatpickr-weekwrapper .flatpickr-weekday {
    float: none;
    width: 100%;
    line-height: 28px
}

.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
    display: block;
    width: 100%;
    max-width: none;
    color: rgba(57, 57, 57, .3);
    background: 0 0;
    cursor: default;
    border: none
}

.flatpickr-innerContainer {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.flatpickr-rContainer {
    display: inline-block;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.flatpickr-time {
    text-align: center;
    outline: 0;
    display: block;
    height: 0;
    line-height: 40px;
    max-height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.flatpickr-time:after {
    content: "";
    display: table;
    clear: both
}

.flatpickr-time .numInputWrapper {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 40%;
    height: 40px;
    float: left
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
    border-bottom-color: #393939
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
    border-top-color: #393939
}

.flatpickr-time.hasSeconds .numInputWrapper {
    width: 26%
}

.flatpickr-time.time24hr .numInputWrapper {
    width: 49%
}

.flatpickr-time input {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    text-align: center;
    margin: 0;
    padding: 0;
    height: inherit;
    line-height: inherit;
    color: #393939;
    font-size: 14px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

.flatpickr-time input.flatpickr-hour {
    font-weight: 700
}

.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
    font-weight: 400
}

.flatpickr-time input:focus {
    outline: 0;
    border: 0
}

.flatpickr-time .flatpickr-am-pm,
.flatpickr-time .flatpickr-time-separator {
    height: inherit;
    float: left;
    line-height: inherit;
    color: #393939;
    font-weight: 700;
    width: 2%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.flatpickr-time .flatpickr-am-pm {
    outline: 0;
    width: 18%;
    cursor: pointer;
    text-align: center;
    font-weight: 400
}

.flatpickr-time .flatpickr-am-pm:focus,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time input:hover {
    background: #eee
}

.flatpickr-input[readonly] {
    cursor: pointer
}

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

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

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

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

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-search--inline {
    float: left
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option[aria-selected] {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-top: 5px;
    margin-right: 10px;
    padding: 1px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline,
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    float: right
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #000 1px;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: 0 0;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: #fff
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
    background-repeat: repeat-x
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-right: 10px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
    background-repeat: repeat-x
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: 0 0;
    border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #fff 0, #eee 50%);
    background-image: -o-linear-gradient(top, #fff 0, #eee 50%);
    background-image: linear-gradient(to bottom, #fff 0, #eee 50%);
    background-repeat: repeat-x
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
    background-repeat: repeat-x
}

.select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

.custombox-content,
.custombox-overlay {
    position: fixed;
    overflow: hidden;
    top: 0;
    width: 100%;
    height: 100%
}

.custombox-overlay {
    z-index: 9997;
    opacity: 0;
    transition-delay: 0s;
    transition-timing-function: linear;
    transition-property: opacity
}

.custombox-content {
    z-index: 9999;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.custombox-lock {
    overflow: hidden
}

.custombox-reference {
    display: none
}

.custombox-content {
    overflow-y: auto
}

.custombox-content>* {
    max-width: 100%;
    max-height: 95%
}

.custombox-fullscreen.custombox-content {
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: stretch;
    align-items: stretch
}

.custombox-fullscreen.custombox-content>* {
    width: 100%;
    max-height: 100%
}

.custombox-y-top {
    -ms-flex-align: baseline;
    align-items: baseline
}

.custombox-x-left {
    -ms-flex-align: start;
    align-items: flex-start
}

.custombox-y-center {
    -ms-flex-align: center;
    align-items: center
}

.custombox-y-bottom {
    -ms-flex-align: end;
    align-items: flex-end
}

.custombox-x-center {
    -ms-flex-pack: center;
    justify-content: center
}

.custombox-x-right {
    -ms-flex-pack: end;
    justify-content: flex-end
}

.custombox-perspective,
.custombox-perspective body {
    perspective: 600px;
    height: 100%;
    overflow: hidden
}

.custombox-perspective .custombox-container {
    overflow: hidden;
    height: 100%
}

@keyframes fadeIn {
    from {
        transform: scale(.7);
        transition-property: all
    }

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

@keyframes fadeOut {
    from {
        transform: scale(1);
        opacity: 1
    }

    to {
        transform: scale(.7);
        transition-property: all
    }
}

.custombox-fadein.custombox-content {
    opacity: 0
}

.custombox-fadein.custombox-content.custombox-open {
    animation-name: fadeIn;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-fadein.custombox-content.custombox-close {
    animation-name: fadeOut;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

@keyframes slideInTop {
    from {
        transform: translateY(-100%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes slideOutTop {
    from {
        transform: translateY(0)
    }

    to {
        transform: translateY(-100%)
    }
}

@keyframes slideInBottom {
    from {
        transform: translateY(100%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes slideOutBottom {
    from {
        transform: translateY(0)
    }

    to {
        transform: translateY(100%)
    }
}

@keyframes slideInLeft {
    from {
        transform: translateX(-100%)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes slideOutLeft {
    from {
        transform: translateX(0)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes slideInRight {
    from {
        transform: translateX(100%)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes slideOutRight {
    from {
        transform: translateX(0)
    }

    to {
        transform: translateX(100%)
    }
}

.custombox-contentscale.custombox-content,
.custombox-letmein.custombox-content,
.custombox-makeway.custombox-content,
.custombox-push.custombox-content,
.custombox-slide.custombox-content,
.custombox-slip.custombox-content {
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.custombox-contentscale.custombox-content.custombox-open.custombox-top,
.custombox-letmein.custombox-content.custombox-open.custombox-top,
.custombox-makeway.custombox-content.custombox-open.custombox-top,
.custombox-push.custombox-content.custombox-open.custombox-top,
.custombox-slide.custombox-content.custombox-open.custombox-top,
.custombox-slip.custombox-content.custombox-open.custombox-top {
    animation-name: slideInTop;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-contentscale.custombox-content.custombox-open.custombox-bottom,
.custombox-letmein.custombox-content.custombox-open.custombox-bottom,
.custombox-makeway.custombox-content.custombox-open.custombox-bottom,
.custombox-push.custombox-content.custombox-open.custombox-bottom,
.custombox-slide.custombox-content.custombox-open.custombox-bottom,
.custombox-slip.custombox-content.custombox-open.custombox-bottom {
    animation-name: slideInBottom;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-contentscale.custombox-content.custombox-open.custombox-left,
.custombox-letmein.custombox-content.custombox-open.custombox-left,
.custombox-makeway.custombox-content.custombox-open.custombox-left,
.custombox-push.custombox-content.custombox-open.custombox-left,
.custombox-slide.custombox-content.custombox-open.custombox-left,
.custombox-slip.custombox-content.custombox-open.custombox-left {
    animation-name: slideInLeft;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-contentscale.custombox-content.custombox-open.custombox-right,
.custombox-letmein.custombox-content.custombox-open.custombox-right,
.custombox-makeway.custombox-content.custombox-open.custombox-right,
.custombox-push.custombox-content.custombox-open.custombox-right,
.custombox-slide.custombox-content.custombox-open.custombox-right,
.custombox-slip.custombox-content.custombox-open.custombox-right {
    animation-name: slideInRight;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-contentscale.custombox-content.custombox-close.custombox-top,
.custombox-letmein.custombox-content.custombox-close.custombox-top,
.custombox-makeway.custombox-content.custombox-close.custombox-top,
.custombox-push.custombox-content.custombox-close.custombox-top,
.custombox-slide.custombox-content.custombox-close.custombox-top,
.custombox-slip.custombox-content.custombox-close.custombox-top {
    animation-name: slideOutTop;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-contentscale.custombox-content.custombox-close.custombox-bottom,
.custombox-letmein.custombox-content.custombox-close.custombox-bottom,
.custombox-makeway.custombox-content.custombox-close.custombox-bottom,
.custombox-push.custombox-content.custombox-close.custombox-bottom,
.custombox-slide.custombox-content.custombox-close.custombox-bottom,
.custombox-slip.custombox-content.custombox-close.custombox-bottom {
    animation-name: slideOutBottom;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-contentscale.custombox-content.custombox-close.custombox-left,
.custombox-letmein.custombox-content.custombox-close.custombox-left,
.custombox-makeway.custombox-content.custombox-close.custombox-left,
.custombox-push.custombox-content.custombox-close.custombox-left,
.custombox-slide.custombox-content.custombox-close.custombox-left,
.custombox-slip.custombox-content.custombox-close.custombox-left {
    animation-name: slideOutLeft;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-contentscale.custombox-content.custombox-close.custombox-right,
.custombox-letmein.custombox-content.custombox-close.custombox-right,
.custombox-makeway.custombox-content.custombox-close.custombox-right,
.custombox-push.custombox-content.custombox-close.custombox-right,
.custombox-slide.custombox-content.custombox-close.custombox-right,
.custombox-slip.custombox-content.custombox-close.custombox-right {
    animation-name: slideOutRight;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

@keyframes newspaperIn {
    from {
        transform: scale(0) rotate(720deg);
        opacity: 0
    }

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

@keyframes newspaperOut {
    from {
        transform: scale(1) rotate(0);
        opacity: 1
    }

    to {
        transform: scale(0) rotate(720deg);
        opacity: 0
    }
}

.custombox-newspaper.custombox-content {
    opacity: 0
}

.custombox-newspaper.custombox-content.custombox-open {
    animation-name: newspaperIn;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-newspaper.custombox-content.custombox-close {
    animation-name: newspaperOut;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

@keyframes fallIn {
    from {
        transform-style: preserve-3d;
        transform: translateZ(600px) rotateX(20deg);
        opacity: 0
    }

    to {
        transition-timing-function: ease-in;
        transition-property: all;
        transform: translateZ(0) rotateX(0);
        opacity: 1
    }
}

@keyframes fallOut {
    from {
        transition-timing-function: ease-in;
        transition-property: all;
        transform: translateZ(0) rotateX(0);
        opacity: 1
    }

    to {
        transform-style: preserve-3d;
        transform: translateZ(600px) rotateX(20deg);
        opacity: 0
    }
}

.custombox-fall.custombox-content {
    opacity: 0
}

.custombox-fall.custombox-content.custombox-open {
    animation-name: fallIn;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-fall.custombox-content.custombox-close {
    animation-name: fallOut;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

@keyframes sidefallIn {
    from {
        transform-style: preserve-3d;
        transform: translate(30%) translateZ(600px) rotate(10deg);
        opacity: 0
    }

    to {
        transition-timing-function: ease-in;
        transition-property: all;
        transform: translate(0) translateZ(0) rotate(0);
        opacity: 1
    }
}

@keyframes sidefallOut {
    from {
        transition-timing-function: ease-in;
        transition-property: all;
        transform: translate(0) translateZ(0) rotate(0);
        opacity: 1
    }

    to {
        transform-style: preserve-3d;
        transform: translate(30%) translateZ(600px) rotate(10deg);
        opacity: 0
    }
}

.custombox-sidefall.custombox-content {
    opacity: 0
}

.custombox-sidefall.custombox-content.custombox-open {
    animation-name: sidefallIn;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-sidefall.custombox-content.custombox-close {
    animation-name: sidefallOut;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

@keyframes blurInTop {
    from {
        transform: translateY(-5%);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes blurOutTop {
    from {
        transform: translateY(0);
        opacity: 1
    }

    to {
        transform: translateY(-5%);
        opacity: 0
    }
}

@keyframes blurInBottom {
    from {
        transform: translateY(5%);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes blurOutBottom {
    from {
        transform: translateY(0);
        opacity: 1
    }

    to {
        transform: translateY(5%);
        opacity: 0
    }
}

@keyframes blurInRight {
    from {
        transform: translateX(5%);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes blurOutRight {
    from {
        transform: translateY(0);
        opacity: 1
    }

    to {
        transform: translateX(5%);
        opacity: 0
    }
}

@keyframes blurInLeft {
    from {
        transform: translateX(-5%);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes blurOutLeft {
    from {
        transform: translateY(0);
        opacity: 1
    }

    to {
        transform: translateX(-5%);
        opacity: 0
    }
}

@keyframes blurInContainer {
    from {
        filter: blur(0)
    }

    to {
        filter: blur(3px)
    }
}

@keyframes blurOutContainer {
    from {
        filter: blur(3px)
    }

    to {
        filter: blur(0)
    }
}

.custombox-blur.custombox-content {
    opacity: 0
}

.custombox-blur.custombox-content.custombox-open.custombox-top {
    animation-name: blurInTop;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-blur.custombox-content.custombox-open.custombox-bottom {
    animation-name: blurInBottom;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-blur.custombox-content.custombox-open.custombox-left {
    animation-name: blurInLeft;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-blur.custombox-content.custombox-open.custombox-right {
    animation-name: blurInRight;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-blur.custombox-content.custombox-close.custombox-top {
    animation-name: blurOutTop;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-blur.custombox-content.custombox-close.custombox-bottom {
    animation-name: blurOutBottom;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-blur.custombox-content.custombox-close.custombox-right {
    animation-name: blurOutRight;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-blur.custombox-content.custombox-close.custombox-left {
    animation-name: blurOutLeft;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-blur.custombox-container {
    animation-name: blurOutContainer;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-blur.custombox-container.custombox-open {
    animation-name: blurInContainer;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

@keyframes flipInTop {
    from {
        transform-style: preserve-3d;
        transform: rotateX(-70deg)
    }

    to {
        transform: rotateY(0);
        opacity: 1
    }
}

@keyframes flipOutTop {
    from {
        transform: rotateY(0);
        opacity: 1
    }

    to {
        transform-style: preserve-3d;
        transform: rotateX(-70deg)
    }
}

@keyframes flipInBottom {
    from {
        transform-style: preserve-3d;
        transform: rotateX(70deg)
    }

    to {
        transform: rotateY(0);
        opacity: 1
    }
}

@keyframes flipOutBottom {
    from {
        transform: rotateY(0);
        opacity: 1
    }

    to {
        transform-style: preserve-3d;
        transform: rotateX(70deg)
    }
}

@keyframes flipInRight {
    from {
        transform-style: preserve-3d;
        transform: rotateY(70deg)
    }

    to {
        transform: rotateY(0);
        opacity: 1
    }
}

@keyframes flipOutRight {
    from {
        transform: rotateY(0);
        opacity: 1
    }

    to {
        transform-style: preserve-3d;
        transform: rotateY(70deg)
    }
}

@keyframes flipInLeft {
    from {
        transform-style: preserve-3d;
        transform: rotateY(-70deg)
    }

    to {
        transform: rotateY(0);
        opacity: 1
    }
}

@keyframes flipOutLeft {
    from {
        transform: rotateY(0);
        opacity: 1
    }

    to {
        transform-style: preserve-3d;
        transform: rotateY(-70deg)
    }
}

.custombox-flip.custombox-content {
    opacity: 0
}

.custombox-flip.custombox-content.custombox-open.custombox-top {
    animation-name: flipInTop;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-flip.custombox-content.custombox-open.custombox-bottom {
    animation-name: flipInBottom;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-flip.custombox-content.custombox-open.custombox-right {
    animation-name: flipInRight;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-flip.custombox-content.custombox-open.custombox-left {
    animation-name: flipInLeft;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-flip.custombox-content.custombox-close.custombox-top {
    animation-name: flipOutTop;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-flip.custombox-content.custombox-close.custombox-bottom {
    animation-name: flipOutBottom;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-flip.custombox-content.custombox-close.custombox-right {
    animation-name: flipOutRight;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-flip.custombox-content.custombox-close.custombox-left {
    animation-name: flipOutLeft;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

@keyframes signIn {
    from {
        transform-style: preserve-3d;
        transform: rotateX(-60deg);
        transform-origin: 50% 0;
        transition-property: all
    }

    to {
        transform: rotateX(0);
        opacity: 1
    }
}

@keyframes signOut {
    from {
        transform: rotateX(0);
        opacity: 1
    }

    to {
        transform-style: preserve-3d;
        transform: rotateX(-60deg);
        transform-origin: 50% 0;
        transition-property: all
    }
}

.custombox-sign {
    perspective: 1300px
}

.custombox-sign.custombox-content {
    opacity: 0
}

.custombox-sign.custombox-content.custombox-open {
    animation-name: signIn;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-sign.custombox-content.custombox-close {
    animation-name: signOut;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

@keyframes superscaledIn {
    from {
        transform: scale(2)
    }

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

@keyframes superscaledOut {
    from {
        transform: scale(1);
        opacity: 1
    }

    to {
        transform: scale(2)
    }
}

.custombox-superscaled.custombox-content {
    opacity: 0
}

.custombox-superscaled.custombox-content.custombox-open {
    animation-name: superscaledIn;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-superscaled.custombox-content.custombox-close {
    animation-name: superscaledOut;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

@keyframes slitIn {
    0% {
        transform: translateZ(-3000px) rotateY(90deg)
    }

    50% {
        transform: translateZ(-250px) rotateY(89deg);
        opacity: 1;
        animation-timing-function: ease-out
    }

    100% {
        transform: translateZ(0) rotateY(0);
        opacity: 1
    }
}

@keyframes slitOut {
    0% {
        transform: translateZ(0) rotateY(0);
        opacity: 1
    }

    50% {
        transform: translateZ(-250px) rotateY(89deg);
        opacity: 1;
        animation-timing-function: ease-out
    }

    100% {
        transform: translateZ(-3000px) rotateY(90deg)
    }
}

.custombox-slit.custombox-content {
    opacity: 0;
    transform-style: preserve-3d
}

.custombox-slit.custombox-content.custombox-open {
    animation-name: slitIn;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-slit.custombox-content.custombox-close {
    animation-name: slitOut;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

@keyframes rotateIn {
    from {
        transform-style: preserve-3d;
        transform: translateY(0) rotateX(90deg);
        transform-origin: 0 100%;
        opacity: 0;
        transition-timing-function: ease-out;
        transition-property: all
    }

    to {
        transform: translateY(0) rotateX(0);
        opacity: 1
    }
}

@keyframes rotateOut {
    from {
        transform: translateY(0) rotateX(0);
        opacity: 1
    }

    to {
        transform-style: preserve-3d;
        transform: translateY(0) rotateX(90deg);
        transform-origin: 0 100%;
        opacity: 0;
        transition-timing-function: ease-out;
        transition-property: all
    }
}

.custombox-rotate {
    perspective: 2300px
}

.custombox-rotate.custombox-content {
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.custombox-rotate.custombox-content.custombox-open {
    animation-name: rotateIn;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-rotate.custombox-content.custombox-close {
    animation-name: rotateOut;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

@keyframes letmeinBottomOverlay {
    to {
        transform: rotateX(-2deg);
        transform-origin: 50% 0;
        transform-style: preserve-3d
    }
}

@keyframes letmeinOutBottomOverlay {
    from {
        transform: rotateX(-2deg);
        transform-origin: 50% 0;
        transform-style: preserve-3d
    }

    to {
        opacity: 0
    }
}

@keyframes letmeinLeftOverlay {
    to {
        transform: rotateY(-2deg);
        transform-origin: 50% 0;
        transform-style: preserve-3d
    }
}

@keyframes letmeinOutLeftOverlay {
    from {
        transform: rotateY(-2deg);
        transform-origin: 50% 0;
        transform-style: preserve-3d
    }

    to {
        opacity: 0
    }
}

@keyframes letmeinRightOverlay {
    to {
        transform: rotateY(2deg);
        transform-origin: 50% 0;
        transform-style: preserve-3d
    }
}

@keyframes letmeinOutRightOverlay {
    from {
        transform: rotateY(2deg);
        transform-origin: 50% 0;
        transform-style: preserve-3d
    }

    to {
        opacity: 0
    }
}

@keyframes letmeinTopOverlay {
    to {
        transform: rotateX(2deg);
        transform-origin: 0 50%;
        transform-style: preserve-3d
    }
}

@keyframes letmeinOutTopOverlay {
    from {
        transform: rotateX(2deg);
        transform-origin: 50% 0;
        transform-style: preserve-3d
    }

    to {
        opacity: 0
    }
}

.custombox-letmein.custombox-overlay.custombox-open.custombox-top {
    animation-name: letmeinTopOverlay;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-letmein.custombox-overlay.custombox-open.custombox-bottom {
    animation-name: letmeinBottomOverlay;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-letmein.custombox-overlay.custombox-open.custombox-left {
    animation-name: letmeinLeftOverlay;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-letmein.custombox-overlay.custombox-open.custombox-right {
    animation-name: letmeinRightOverlay;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-letmein.custombox-overlay.custombox-close.custombox-top {
    animation-name: letmeinOutTopOverlay;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-letmein.custombox-overlay.custombox-close.custombox-bottom {
    animation-name: letmeinOutBottomOverlay;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-letmein.custombox-overlay.custombox-close.custombox-left {
    animation-name: letmeinOutLeftOverlay;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-letmein.custombox-overlay.custombox-close.custombox-right {
    animation-name: letmeinOutRightOverlay;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

@keyframes makewayInContainer {
    50% {
        transform: translateZ(-50px) rotateY(5deg);
        animation-timing-function: ease-out
    }

    100% {
        transform: translateZ(-200px)
    }
}

@keyframes makewayOutContainer {
    0% {
        transform: translateZ(-200px)
    }

    50% {
        transform: translateZ(-50px) rotateY(5deg);
        animation-timing-function: ease-out
    }

    100% {
        opacity: 0
    }
}

@keyframes makewayInTop {
    from {
        transform: translateY(-100%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes makewayOutTop {
    from {
        transform: translateY(0)
    }

    to {
        transform: translateY(-100%)
    }
}

@keyframes makewayInBottom {
    from {
        transform: translateY(100%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes makewayOutBottom {
    from {
        transform: translateY(0)
    }

    to {
        transform: translateY(100%)
    }
}

@keyframes makewayInLeft {
    from {
        transform: translateX(-100%)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes makewayOutLeft {
    from {
        transform: translateX(0)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes makewayInRight {
    from {
        transform: translateX(100%)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes makewayOutRight {
    from {
        transform: translateX(0)
    }

    to {
        transform: translateX(100%)
    }
}

.custombox-makeway.custombox-overlay {
    transform-style: preserve-3d;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.custombox-makeway.custombox-overlay.custombox-open {
    animation-name: makewayInContainer;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-makeway.custombox-overlay.custombox-close {
    animation-name: makewayOutContainer;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-makeway.custombox-container {
    transform-style: preserve-3d;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.custombox-makeway.custombox-container.custombox-open {
    animation-name: makewayInContainer;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-makeway.custombox-container.custombox-close {
    animation-name: makewayOutContainer;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

@keyframes slipTopOverlay {
    50% {
        transform: rotateX(10deg);
        transform-origin: 50% 100%;
        transform-style: preserve-3d
    }
}

@keyframes slipOutTopOverlay {
    50% {
        transform: rotateX(10deg);
        transform-origin: 50% 100%;
        transform-style: preserve-3d
    }
}

@keyframes slipRightOverlay {
    50% {
        transform: rotateY(10deg);
        transform-origin: 50% 100%;
        transform-style: preserve-3d
    }
}

@keyframes slipOutRightOverlay {
    50% {
        transform: rotateY(10deg);
        transform-origin: 50% 100%;
        transform-style: preserve-3d
    }
}

@keyframes slipBottomOverlay {
    50% {
        transform: rotateX(-10deg);
        transform-origin: 50% 100%;
        transform-style: preserve-3d
    }
}

@keyframes slipOutBottomOverlay {
    50% {
        transform: rotateX(-10deg);
        transform-origin: 50% 100%;
        transform-style: preserve-3d
    }
}

@keyframes slipLeftOverlay {
    50% {
        transform: rotateY(-10deg);
        transform-origin: 50% 100%;
        transform-style: preserve-3d
    }
}

@keyframes slipOutLeftOverlay {
    50% {
        transform: rotateY(-10deg);
        transform-origin: 50% 100%;
        transform-style: preserve-3d
    }
}

.custombox-slip.custombox-overlay.custombox-open.custombox-top {
    animation-name: slipTopOverlay;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-slip.custombox-overlay.custombox-open.custombox-bottom {
    animation-name: slipBottomOverlay;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-slip.custombox-overlay.custombox-open.custombox-left {
    animation-name: slipLeftOverlay;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-slip.custombox-overlay.custombox-open.custombox-right {
    animation-name: slipRightOverlay;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-slip.custombox-overlay.custombox-close.custombox-top {
    animation-name: slipOutTopOverlay;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-slip.custombox-overlay.custombox-close.custombox-bottom {
    animation-name: slipOutBottomOverlay;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-slip.custombox-overlay.custombox-close.custombox-left {
    animation-name: slipOutLeftOverlay;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-slip.custombox-overlay.custombox-close.custombox-right {
    animation-name: slipOutRightOverlay;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-slip.custombox-container.custombox-open.custombox-top {
    animation-name: slipTopOverlay;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-slip.custombox-container.custombox-open.custombox-bottom {
    animation-name: slipBottomOverlay;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-slip.custombox-container.custombox-open.custombox-left {
    animation-name: slipLeftOverlay;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-slip.custombox-container.custombox-open.custombox-right {
    animation-name: slipRightOverlay;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-slip.custombox-container.custombox-close.custombox-top {
    animation-name: slipOutTopOverlay;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-slip.custombox-container.custombox-close.custombox-bottom {
    animation-name: slipOutBottomOverlay;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-slip.custombox-container.custombox-close.custombox-left {
    animation-name: slipOutLeftOverlay;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-slip.custombox-container.custombox-close.custombox-right {
    animation-name: slipOutRightOverlay;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

@keyframes cornerInOverlay {
    from {
        transform: translateY(150px) translateX(150px);
        transition-property: opacity, transform, visibility
    }

    to {
        transform: translateY(0);
        transition-property: opacity, transform
    }
}

@keyframes cornerOutOverlay {
    from {
        transform: translateY(0);
        transition-property: opacity, transform
    }

    to {
        transform: translateY(150px) translateX(150px);
        transition-property: opacity, transform, visibility;
        opacity: 0
    }
}

@keyframes cornerInContent {
    from {
        transform: translateY(150px) translateX(150px);
        transition-property: opacity, transform, visibility
    }

    to {
        transform: translateY(0);
        transition-property: opacity, transform;
        opacity: 1
    }
}

@keyframes cornerOutContent {
    from {
        transform: translateY(0);
        transition-property: opacity, transform;
        opacity: 1
    }

    to {
        transform: translateY(150px) translateX(150px);
        transition-property: opacity, transform, visibility;
        opacity: 0
    }
}

.custombox-corner.custombox-overlay.custombox-open {
    animation-name: cornerInOverlay;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-corner.custombox-overlay.custombox-close {
    animation-name: cornerOutOverlay;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-corner.custombox-content.custombox-open {
    animation-name: cornerInContent;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-corner.custombox-content.custombox-close {
    animation-name: cornerOutContent;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-slidetogether.custombox-content,
.custombox-slidetogether.custombox-overlay {
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.custombox-slidetogether.custombox-content.custombox-open.custombox-top,
.custombox-slidetogether.custombox-overlay.custombox-open.custombox-top {
    animation-name: slideInTop;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-slidetogether.custombox-content.custombox-open.custombox-bottom,
.custombox-slidetogether.custombox-overlay.custombox-open.custombox-bottom {
    animation-name: slideInBottom;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-slidetogether.custombox-content.custombox-open.custombox-left,
.custombox-slidetogether.custombox-overlay.custombox-open.custombox-left {
    animation-name: slideInLeft;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-slidetogether.custombox-content.custombox-open.custombox-right,
.custombox-slidetogether.custombox-overlay.custombox-open.custombox-right {
    animation-name: slideInRight;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-slidetogether.custombox-content.custombox-close.custombox-top,
.custombox-slidetogether.custombox-overlay.custombox-close.custombox-top {
    animation-name: slideOutTop;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-slidetogether.custombox-content.custombox-close.custombox-bottom,
.custombox-slidetogether.custombox-overlay.custombox-close.custombox-bottom {
    animation-name: slideOutBottom;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-slidetogether.custombox-content.custombox-close.custombox-left,
.custombox-slidetogether.custombox-overlay.custombox-close.custombox-left {
    animation-name: slideOutLeft;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-slidetogether.custombox-content.custombox-close.custombox-right,
.custombox-slidetogether.custombox-overlay.custombox-close.custombox-right {
    animation-name: slideOutRight;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

@keyframes scaleInOverlay {
    from {
        transform: scale(.9);
        transition: transform;
        opacity: 0
    }

    to {
        transform: scale(1);
        transition: transform
    }
}

@keyframes scaleOutOverlay {
    from {
        transform: scale(1);
        transition: transform
    }

    to {
        transform: scale(.9);
        transition: transform;
        opacity: 0;
        opacity: 0
    }
}

.custombox-scale.custombox-overlay.custombox-open {
    animation-name: scaleInOverlay;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-scale.custombox-overlay.custombox-close {
    animation-name: scaleOutOverlay;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-scale.custombox-content.custombox-open {
    animation-name: scaleInOverlay;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-scale.custombox-content.custombox-close {
    animation-name: scaleOutOverlay;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

@keyframes doorInOverlay {
    from {
        position: fixed;
        bottom: 0;
        left: 50%;
        right: 50%;
        width: 0
    }

    to {
        width: 100%;
        left: 0;
        right: 0;
        transition-property: width
    }
}

@keyframes doorOutOverlay {
    from {
        width: 100%;
        left: 0;
        right: 0;
        transition-property: width
    }

    to {
        position: fixed;
        bottom: 0;
        left: 50%;
        right: 50%;
        width: 0
    }
}

.custombox-door.custombox-overlay.custombox-open {
    animation-name: doorInOverlay;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-door.custombox-overlay.custombox-close {
    animation-name: doorOutOverlay;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-door.custombox-content.custombox-open {
    animation-name: doorInOverlay;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-door.custombox-content.custombox-close {
    animation-name: doorOutOverlay;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

@keyframes pushInLeftOverlay {
    from {
        transform: translateX(-100%)
    }

    to {
        transform: translateX(0) translateY(0)
    }
}

@keyframes pushOutLeftOverlay {
    from {
        transform: translateX(0) translateY(0)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes pushInRightOverlay {
    from {
        transform: translateX(100%)
    }

    to {
        transform: translateX(0) translateY(0)
    }
}

@keyframes pushOutRightOverlay {
    from {
        transform: translateX(0) translateY(0)
    }

    to {
        transform: translateX(100%)
    }
}

@keyframes pushInTopOverlay {
    from {
        transform: translateY(-100%)
    }

    to {
        transform: translateX(0) translateY(0)
    }
}

@keyframes pushOutTopOverlay {
    from {
        transform: translateX(0) translateY(0)
    }

    to {
        transform: translateY(-100%)
    }
}

@keyframes pushInBottomOverlay {
    from {
        transform: translateY(100%)
    }

    to {
        transform: translateX(0) translateY(0)
    }
}

@keyframes pushOutBottomOverlay {
    from {
        transform: translateX(0) translateY(0)
    }

    to {
        transform: translateY(100%)
    }
}

@keyframes pushOutTopOverlay {
    from {
        transform: translateX(0) translateY(0)
    }

    to {
        transform: translateY(-100%)
    }
}

@keyframes pushInLeftContainer {
    from {
        overflow-x: hidden;
        transition-property: transform
    }

    to {
        transform: translateX(100%)
    }
}

@keyframes pushOutLeftContainer {
    from {
        transform: translateX(100%)
    }

    to {
        overflow-x: hidden;
        transition-property: transform
    }
}

@keyframes pushInRightContainer {
    from {
        overflow-x: hidden;
        transition-property: transform
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes pushOutRightContainer {
    from {
        transform: translateX(-100%)
    }

    to {
        overflow-x: hidden;
        transition-property: transform
    }
}

@keyframes pushInTopContainer {
    from {
        overflow-x: hidden;
        transition-property: transform
    }

    to {
        transform: translateY(100%)
    }
}

@keyframes pushOutTopContainer {
    from {
        transform: translateY(100%)
    }

    to {
        overflow-x: hidden;
        transition-property: transform
    }
}

@keyframes pushInBottomContainer {
    from {
        overflow-x: hidden;
        transition-property: transform
    }

    to {
        transform: translateY(-100%)
    }
}

@keyframes pushOutBottomContainer {
    from {
        transform: translateY(-100%)
    }

    to {
        overflow-x: hidden;
        transition-property: transform
    }
}

.custombox-push.custombox-overlay {
    transition-property: transform
}

.custombox-push.custombox-overlay.custombox-open.custombox-top {
    animation-name: pushInTopOverlay;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-push.custombox-overlay.custombox-open.custombox-bottom {
    animation-name: pushInBottomOverlay;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-push.custombox-overlay.custombox-open.custombox-left {
    animation-name: pushInLeftOverlay;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-push.custombox-overlay.custombox-open.custombox-right {
    animation-name: pushInRightOverlay;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-push.custombox-overlay.custombox-close.custombox-top {
    animation-name: pushOutTopOverlay;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-push.custombox-overlay.custombox-close.custombox-bottom {
    animation-name: pushOutBottomOverlay;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-push.custombox-overlay.custombox-close.custombox-left {
    animation-name: pushOutLeftOverlay;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-push.custombox-overlay.custombox-close.custombox-right {
    animation-name: pushOutRightOverlay;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-push.custombox-container.custombox-open.custombox-top {
    animation-name: pushInTopContainer;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-push.custombox-container.custombox-open.custombox-bottom {
    animation-name: pushInBottomContainer;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-push.custombox-container.custombox-open.custombox-left {
    animation-name: pushInLeftContainer;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-push.custombox-container.custombox-open.custombox-right {
    animation-name: pushInRightContainer;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-push.custombox-container.custombox-close.custombox-top {
    animation-name: pushOutTopContainer;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-push.custombox-container.custombox-close.custombox-bottom {
    animation-name: pushOutBottomContainer;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-push.custombox-container.custombox-close.custombox-left {
    animation-name: pushOutLeftContainer;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-push.custombox-container.custombox-close.custombox-right {
    animation-name: pushOutRightContainer;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

@keyframes contentscaleInContainer {
    from {
        transition: transform
    }

    to {
        transform: scale(.8)
    }
}

@keyframes contentscaleOutContainer {
    from {
        transform: scale(.8)
    }

    to {
        transition: transform
    }
}

.custombox-contentscale.custombox-overlay {
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.custombox-contentscale.custombox-overlay.custombox-open.custombox-top {
    animation-name: slideInTop;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-contentscale.custombox-overlay.custombox-open.custombox-bottom {
    animation-name: slideInBottom;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-contentscale.custombox-overlay.custombox-open.custombox-left {
    animation-name: slideInLeft;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-contentscale.custombox-overlay.custombox-open.custombox-right {
    animation-name: slideInRight;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-contentscale.custombox-overlay.custombox-close.custombox-top {
    animation-name: slideOutTop;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-contentscale.custombox-overlay.custombox-close.custombox-bottom {
    animation-name: slideOutBottom;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-contentscale.custombox-overlay.custombox-close.custombox-left {
    animation-name: slideOutLeft;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-contentscale.custombox-overlay.custombox-close.custombox-right {
    animation-name: slideOutRight;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-contentscale.custombox-container.custombox-open {
    animation-name: contentscaleInContainer;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-contentscale.custombox-container.custombox-close {
    animation-name: contentscaleOutContainer;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

@keyframes swellOpen {
    0% {
        opacity: 0;
        transform: translate3d(calc(-100vw - 50%), 0, 0)
    }

    50% {
        opacity: 1;
        transform: translate3d(100px, 0, 0)
    }

    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

@keyframes swellClose {
    0% {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }

    50% {
        opacity: 1;
        transform: translate3d(-100px, 0, 0) scale3d(1.1, 1.1, 1)
    }

    100% {
        opacity: 0;
        transform: translate3d(calc(100vw + 50%), 0, 0)
    }
}

.custombox-swell.custombox-content {
    opacity: 0
}

.custombox-swell.custombox-content.custombox-open {
    animation-name: swellOpen;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-swell.custombox-content.custombox-close {
    animation-name: swellClose;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

@keyframes rotatedownOpen {
    0% {
        opacity: 0;
        transform: rotate3d(0, 0, 1, -45deg)
    }

    100% {
        opacity: 1;
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

@keyframes rotatedownClose {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        transform: rotate3d(0, 0, 1, 45deg)
    }
}

@keyframes rotatedownElem {
    0% {
        opacity: 0;
        transform: translate3d(0, -150px, 0) rotate3d(0, 0, 1, -20deg)
    }

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

.custombox-rotatedown.custombox-content {
    opacity: 0;
    animation-timing-function: cubic-bezier(.7, 0, .3, 1);
    -ms-transform-origin: -150% 50%;
    transform-origin: -150% 50%
}

.custombox-rotatedown.custombox-content.custombox-open {
    animation-name: rotatedownOpen;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-rotatedown.custombox-content.custombox-close {
    animation-name: rotatedownClose;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

@keyframes flashOpen {
    0% {
        opacity: 0;
        transform: translate3d(-400px, 0, 0) scale3d(1.4, 0, 1)
    }

    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1)
    }
}

@keyframes flashClose {
    0% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1)
    }

    20% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1)
    }

    100% {
        opacity: 0;
        transform: translate3d(-400px, 0, 0) scale3d(1.4, 0, 1)
    }
}

.custombox-flash.custombox-content {
    opacity: 0;
    animation-timing-function: cubic-bezier(.7, 0, .3, 1)
}

.custombox-flash.custombox-content.custombox-open {
    animation-name: flashOpen;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-flash.custombox-content.custombox-close {
    animation-name: flashClose;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.custombox-loader {
    display: none;
    border-style: solid;
    border-width: 5px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation-name: spin;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    z-index: 9998
}