html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden], template {
    display: none;
}

a {
    background-color: transparent;
}

a:active, a:hover {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b, strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button, select {
    text-transform: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled], html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td, th {
    padding: 0;
}

@media (min--moz-device-pixel-ratio:0) {
    summary {
        display: list-item;
    }
}

.ajax-progress {
    display: inline-block;
    padding: 1px 5px 2px 5px;
}

[dir="rtl"] .ajax-progress {
    float: right;
}

.ajax-progress-throbber .throbber {
    display: inline;
    padding: 1px 5px 2px;
    background: transparent url(/d8/md-megatron/logistics/core/themes/stable/images/core/throbber-active.gif) no-repeat 0 center;
}

.ajax-progress-throbber .message {
    display: inline;
    padding: 1px 5px 2px;
}

tr .ajax-progress-throbber .throbber {
    margin: 0 2px;
}

.ajax-progress-bar {
    width: 16em;
}

.ajax-progress-fullscreen {
    position: fixed;
    z-index: 1000;
    top: 48.5%;
    left: 49%;
    width: 24px;
    height: 24px;
    padding: 4px;
    opacity: 0.9;
    border-radius: 7px;
    background-color: #232323;
    background-image: url(/d8/md-megatron/logistics/core/themes/stable/images/core/loading-small.gif);
    background-repeat: no-repeat;
    background-position: center center;
}

[dir="rtl"] .ajax-progress-fullscreen {
    right: 49%;
    left: auto;
}

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

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

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

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

.align-left {
    float: left;
}

.align-right {
    float: right;
}

.align-center {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.js input.form-autocomplete {
    background-image: url(/d8/md-megatron/logistics/core/themes/stable/images/core/throbber-inactive.png);
    background-repeat: no-repeat;
    background-position: 100% center;
}

.js[dir="rtl"] input.form-autocomplete {
    background-position: 0% center;
}

.js input.form-autocomplete.ui-autocomplete-loading {
    background-image: url(/d8/md-megatron/logistics/core/themes/stable/images/core/throbber-active.gif);
    background-position: 100% center;
}

.js[dir="rtl"] input.form-autocomplete.ui-autocomplete-loading {
    background-position: 0% center;
}

.fieldgroup {
    padding: 0;
    border-width: 0;
}

.container-inline div, .container-inline label {
    display: inline;
}

.container-inline .details-wrapper {
    display: block;
}

.clearfix:after {
    display: table;
    clear: both;
    content: "";
}

.js details:not([open]) .details-wrapper {
    display: none;
}

.hidden {
    display: none;
}

.visually-hidden {
    position: absolute !important;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    width: 1px;
    height: 1px;
    word-wrap: normal;
}

.visually-hidden.focusable:active, .visually-hidden.focusable:focus {
    position: static !important;
    overflow: visible;
    clip: auto;
    width: auto;
    height: auto;
}

.invisible {
    visibility: hidden;
}

.item-list__comma-list, .item-list__comma-list li {
    display: inline;
}

.item-list__comma-list {
    margin: 0;
    padding: 0;
}

.item-list__comma-list li:after {
    content: ", ";
}

.item-list__comma-list li:last-child:after {
    content: "";
}

.js .js-hide {
    display: none;
}

.js-show {
    display: none;
}

.js .js-show {
    display: block;
}

.nowrap {
    white-space: nowrap;
}

.position-container {
    position: relative;
}

.progress {
    position: relative;
}

.progress__track {
    min-width: 100px;
    max-width: 100%;
    height: 16px;
    margin-top: 5px;
    border: 1px solid;
    background-color: #fff;
}

.progress__bar {
    width: 3%;
    min-width: 3%;
    max-width: 100%;
    height: 1.5em;
    background-color: #000;
}

.progress__description, .progress__percentage {
    overflow: hidden;
    margin-top: 0.2em;
    color: #555;
    font-size: 0.875em;
}

.progress__description {
    float: left;
}

[dir="rtl"] .progress__description {
    float: right;
}

.progress__percentage {
    float: right;
}

[dir="rtl"] .progress__percentage {
    float: left;
}

.progress--small .progress__track {
    height: 7px;
}

.progress--small .progress__bar {
    height: 7px;
    background-size: 20px 20px;
}

.reset-appearance {
    margin: 0;
    padding: 0;
    border: 0 none;
    background: transparent;
    line-height: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.resize-none {
    resize: none;
}

.resize-vertical {
    min-height: 2em;
    resize: vertical;
}

.resize-horizontal {
    max-width: 100%;
    resize: horizontal;
}

.resize-both {
    max-width: 100%;
    min-height: 2em;
    resize: both;
}

table.sticky-header {
    z-index: 500;
    top: 0;
    margin-top: 0;
    background-color: #fff;
}

.system-status-counter__status-icon {
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: middle;
}

.system-status-counter__status-icon:before {
    display: block;
    content: "";
    background-repeat: no-repeat;
    background-position: center 2px;
    background-size: 20px;
}

.system-status-counter__status-icon--error:before {
    background-image: url(/d8/md-megatron/logistics/core/themes/stable/images/core/icons/e32700/error.svg);
}

.system-status-counter__status-icon--warning:before {
    background-image: url(/d8/md-megatron/logistics/core/themes/stable/images/core/icons/e29700/warning.svg);
}

.system-status-counter__status-icon--checked:before {
    background-image: url(/d8/md-megatron/logistics/core/themes/stable/images/core/icons/73b355/check.svg);
}

.system-status-report-counters__item {
    width: 100%;
    margin-bottom: 0.5em;
    padding: 0.5em 0;
    text-align: center;
    white-space: nowrap;
    background-color: rgba(0, 0, 0, 0.063);
}

@media screen and (min-width:60em) {
    .system-status-report-counters {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .system-status-report-counters__item--half-width {
        width: 49%;
    }
    .system-status-report-counters__item--third-width {
        width: 33%;
    }
}

.system-status-general-info__item {
    margin-top: 1em;
    padding: 0 1em 1em;
    border: 1px solid #ccc;
}

.system-status-general-info__item-title {
    border-bottom: 1px solid #ccc;
}

body.drag {
    cursor: move;
}

tr.region-title {
    font-weight: bold;
}

tr.region-message {
    color: #999;
}

tr.region-populated {
    display: none;
}

tr.add-new .tabledrag-changed {
    display: none;
}

.draggable a.tabledrag-handle {
    float: left;
    overflow: hidden;
    height: 1.7em;
    margin-left: -1em;
    cursor: move;
    text-decoration: none;
}

[dir="rtl"] .draggable a.tabledrag-handle {
    float: right;
    margin-right: -1em;
    margin-left: 0;
}

a.tabledrag-handle:hover {
    text-decoration: none;
}

a.tabledrag-handle .handle {
    width: 14px;
    height: 14px;
    margin: -0.4em 0.5em 0;
    padding: 0.42em 0.5em;
    background: url(/d8/md-megatron/logistics/core/themes/stable/images/core/icons/787878/move.svg) no-repeat 6px 7px;
}

a.tabledrag-handle:hover .handle, a.tabledrag-handle:focus .handle {
    background-image: url(/d8/md-megatron/logistics/core/themes/stable/images/core/icons/000000/move.svg);
}

.touchevents .draggable td {
    padding: 0 10px;
}

.touchevents .draggable .menu-item__link {
    display: inline-block;
    padding: 10px 0;
}

.touchevents a.tabledrag-handle {
    width: 40px;
    height: 44px;
}

.touchevents a.tabledrag-handle .handle {
    height: 21px;
    background-position: 40% 19px;
}

[dir="rtl"] .touch a.tabledrag-handle .handle {
    background-position: right 40% top 19px;
}

.touchevents .draggable.drag a.tabledrag-handle .handle {
    background-position: 50% -32px;
}

.tabledrag-toggle-weight-wrapper {
    text-align: right;
}

[dir="rtl"] .tabledrag-toggle-weight-wrapper {
    text-align: left;
}

.indentation {
    float: left;
    width: 20px;
    height: 1.7em;
    margin: -0.4em 0.2em -0.4em -0.4em;
    padding: 0.42em 0 0.42em 0.6em;
}

[dir="rtl"] .indentation {
    float: right;
    margin: -0.4em -0.4em -0.4em 0.2em;
    padding: 0.42em 0.6em 0.42em 0;
}

.tablesort {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: 100%;
}

.tablesort--asc {
    background-image: url(/d8/md-megatron/logistics/core/themes/stable/images/core/icons/787878/twistie-down.svg);
}

.tablesort--desc {
    background-image: url(/d8/md-megatron/logistics/core/themes/stable/images/core/icons/787878/twistie-up.svg);
}

div.tree-child {
    background: url(/d8/md-megatron/logistics/core/themes/stable/images/core/tree.png) no-repeat 11px center;
}

div.tree-child-last {
    background: url(/d8/md-megatron/logistics/core/themes/stable/images/core/tree-bottom.png) no-repeat 11px center;
}

[dir="rtl"] div.tree-child, [dir="rtl"] div.tree-child-last {
    background-position: -65px center;
}

div.tree-child-horizontal {
    background: url(/d8/md-megatron/logistics/core/themes/stable/images/core/tree.png) no-repeat -11px center;
}

@font-face {
    font-family: 'aweicon';
    src: url(/d8/md-megatron/logistics/modules/custom/awecontent/awe_builder/assets/libraries/aweicon/./fonts/aweicon.ttf?o9xr21=) format('truetype'), url(/d8/md-megatron/logistics/modules/custom/awecontent/awe_builder/assets/libraries/aweicon/./fonts/aweicon.woff?o9xr21=) format('woff'), url(/d8/md-megatron/logistics/modules/custom/awecontent/awe_builder/assets/libraries/aweicon/./fonts/aweicon.svg?o9xr21=#aweicon) format('svg');
    font-weight: normal;
    font-style: normal;
}

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

.acicon-hotpot:before {
    content: "\e90c";
}

.acicon-responsive:before {
    content: "\e000";
}

.acicon-tools:before {
    content: "\e034";
}

.acicon-linegraph:before {
    content: "\e039";
}

.acicon-bar-counter:before {
    content: "\e911";
}

.acicon-img-extralarge:before {
    content: "\e906";
}

.acicon-img-large:before {
    content: "\e907";
}

.acicon-img-high:before {
    content: "\e908";
}

.acicon-img-wide:before {
    content: "\e909";
}

.acicon-img-normal:before {
    content: "\e90a";
}

.acicon-css:before {
    content: "\e90b";
}

.acicon-split:before {
    content: "\e903";
}

.acicon-layout:before {
    content: "\58";
}

.acicon-pen:before {
    content: "\2d";
}

.acicon-link:before {
    content: "\e005";
}

.acicon-del:before {
    content: "\e604";
}

.acicon-star-2:before {
    content: "\e613";
}

.acicon-upload:before {
    content: "\e61c";
}

.acicon-wordpress:before {
    content: "\e620";
}

.acicon-star:before {
    content: "\e627";
}

.acicon-element:before {
    content: "\e905";
}

.acicon-section:before {
    content: "\e902";
}

.acicon-desktop:before {
    content: "\45";
}

.acicon-show:before {
    content: "\48";
}

.acicon-hide:before {
    content: "\49";
}

.acicon-save:before {
    content: "\4d";
}

.acicon-setting:before {
    content: "\50";
}

.acicon-laptop:before {
    content: "\35";
}

.acicon-help:before {
    content: "\36";
}

.acicon-search:before {
    content: "\23";
}

.acicon-comment:before {
    content: "\2c";
}

.acicon-style:before {
    content: "\2f";
}

.acicon-image:before {
    content: "\5d";
}

.acicon-new:before {
    content: "\e007";
}

.acicon-clone:before {
    content: "\e008";
}

.acicon-phone:before {
    content: "\e00d";
}

.acicon-tablet:before {
    content: "\e014";
}

.acicon-template:before {
    content: "\e025";
}

.acicon-animation:before {
    content: "\e042";
}

.acicon-check:before {
    content: "\e006";
}

.acicon-bar:before {
    content: "\e033";
}

.acicon-angle-left:before {
    content: "\e03f";
}

.acicon-minus:before {
    content: "\e041";
}

.acicon-move:before {
    content: "\e043";
}

.acicon-plus:before {
    content: "\e048";
}

.acicon-close:before {
    content: "\e04a";
}

.acicon-angle-right:before {
    content: "\e04b";
}

.acicon-triangle-right:before {
    content: "\e900";
}

.acicon-triangle-down:before {
    content: "\e904";
}

.acicon-drupal:before {
    content: "\e901";
}

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

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

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

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

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

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

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

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

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

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

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

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

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

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

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

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

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

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

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

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

@-webkit-keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

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

@-webkit-keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

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

@-webkit-keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

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

@-webkit-keyframes slideInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slideInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

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

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }
}

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

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

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

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

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

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

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

@-ms-viewport {
    width: device-width;
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-overflow-style: scrollbar;
}

*, *::before, *::after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

.ac_container {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-right: 15px;
    padding-left: 15px;
}

.ac_embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}

.ac_embed-responsive .ac_embed-responsive-item, .ac_embed-responsive iframe, .ac_embed-responsive embed, .ac_embed-responsive object, .ac_embed-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0;
}

.ac_embed-responsive-16by9 {
    padding-bottom: 56.25%;
}

.ac_embed-responsive-4by3 {
    padding-bottom: 75%;
}

.clearfix:before, .clearfix:after, .ac_container:before, .ac_container:after, .ac_container-fluid:before, .ac_container-fluid:after, .ac_row:before, .ac_row:after {
    content: " ";
    display: table;
}

.clearfix:after, .ac_container:after, .ac_container-fluid:after, .ac_row:after {
    clear: both;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.invisible {
    visibility: hidden;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

@media (min-width:576px) {
    .ac_container {
        width: 540px;
        max-width: 100%;
    }
}

@media (min-width:768px) {
    .ac_container {
        width: 720px;
        max-width: 100%;
    }
}

@media (min-width:992px) {
    .ac_container {
        width: 960px;
        max-width: 100%;
    }
}

@media (min-width:1200px) {
    .ac_container {
        width: 1140px;
        max-width: 100%;
    }
}

.ac_container-fluid {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}

.ac_container-fluid::after {
    content: "";
    display: table;
    clear: both;
}

.ac_row {
    margin-right: -15px;
    margin-left: -15px;
}

.ac_row::after {
    content: "";
    display: table;
    clear: both;
}

@media (min-width:576px) {
    .ac_row {
        margin-right: -15px;
        margin-left: -15px;
    }
}

@media (min-width:768px) {
    .ac_row {
        margin-right: -15px;
        margin-left: -15px;
    }
}

@media (min-width:992px) {
    .ac_row {
        margin-right: -15px;
        margin-left: -15px;
    }
}

@media (min-width:1200px) {
    .ac_row {
        margin-right: -15px;
        margin-left: -15px;
    }
}

.ac_col-xs, .ac_col-xs-1, .ac_col-xs-2, .ac_col-xs-3, .ac_col-xs-4, .ac_col-xs-5, .ac_col-xs-6, .ac_col-xs-7, .ac_col-xs-8, .ac_col-xs-9, .ac_col-xs-10, .ac_col-xs-11, .ac_col-xs-12, .ac_col-sm, .ac_col-sm-1, .ac_col-sm-2, .ac_col-sm-3, .ac_col-sm-4, .ac_col-sm-5, .ac_col-sm-6, .ac_col-sm-7, .ac_col-sm-8, .ac_col-sm-9, .ac_col-sm-10, .ac_col-sm-11, .ac_col-sm-12, .ac_col-md, .ac_col-md-1, .ac_col-md-2, .ac_col-md-3, .ac_col-md-4, .ac_col-md-5, .ac_col-md-6, .ac_col-md-7, .ac_col-md-8, .ac_col-md-9, .ac_col-md-10, .ac_col-md-11, .ac_col-md-12, .ac_col-lg, .ac_col-lg-1, .ac_col-lg-2, .ac_col-lg-3, .ac_col-lg-4, .ac_col-lg-5, .ac_col-lg-6, .ac_col-lg-7, .ac_col-lg-8, .ac_col-lg-9, .ac_col-lg-10, .ac_col-lg-11, .ac_col-lg-12, .ac_col-xl, .ac_col-xl-1, .ac_col-xl-2, .ac_col-xl-3, .ac_col-xl-4, .ac_col-xl-5, .ac_col-xl-6, .ac_col-xl-7, .ac_col-xl-8, .ac_col-xl-9, .ac_col-xl-10, .ac_col-xl-11, .ac_col-xl-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width:576px) {
    .ac_col-xs, .ac_col-xs-1, .ac_col-xs-2, .ac_col-xs-3, .ac_col-xs-4, .ac_col-xs-5, .ac_col-xs-6, .ac_col-xs-7, .ac_col-xs-8, .ac_col-xs-9, .ac_col-xs-10, .ac_col-xs-11, .ac_col-xs-12, .ac_col-sm, .ac_col-sm-1, .ac_col-sm-2, .ac_col-sm-3, .ac_col-sm-4, .ac_col-sm-5, .ac_col-sm-6, .ac_col-sm-7, .ac_col-sm-8, .ac_col-sm-9, .ac_col-sm-10, .ac_col-sm-11, .ac_col-sm-12, .ac_col-md, .ac_col-md-1, .ac_col-md-2, .ac_col-md-3, .ac_col-md-4, .ac_col-md-5, .ac_col-md-6, .ac_col-md-7, .ac_col-md-8, .ac_col-md-9, .ac_col-md-10, .ac_col-md-11, .ac_col-md-12, .ac_col-lg, .ac_col-lg-1, .ac_col-lg-2, .ac_col-lg-3, .ac_col-lg-4, .ac_col-lg-5, .ac_col-lg-6, .ac_col-lg-7, .ac_col-lg-8, .ac_col-lg-9, .ac_col-lg-10, .ac_col-lg-11, .ac_col-lg-12, .ac_col-xl, .ac_col-xl-1, .ac_col-xl-2, .ac_col-xl-3, .ac_col-xl-4, .ac_col-xl-5, .ac_col-xl-6, .ac_col-xl-7, .ac_col-xl-8, .ac_col-xl-9, .ac_col-xl-10, .ac_col-xl-11, .ac_col-xl-12 {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (min-width:768px) {
    .ac_col-xs, .ac_col-xs-1, .ac_col-xs-2, .ac_col-xs-3, .ac_col-xs-4, .ac_col-xs-5, .ac_col-xs-6, .ac_col-xs-7, .ac_col-xs-8, .ac_col-xs-9, .ac_col-xs-10, .ac_col-xs-11, .ac_col-xs-12, .ac_col-sm, .ac_col-sm-1, .ac_col-sm-2, .ac_col-sm-3, .ac_col-sm-4, .ac_col-sm-5, .ac_col-sm-6, .ac_col-sm-7, .ac_col-sm-8, .ac_col-sm-9, .ac_col-sm-10, .ac_col-sm-11, .ac_col-sm-12, .ac_col-md, .ac_col-md-1, .ac_col-md-2, .ac_col-md-3, .ac_col-md-4, .ac_col-md-5, .ac_col-md-6, .ac_col-md-7, .ac_col-md-8, .ac_col-md-9, .ac_col-md-10, .ac_col-md-11, .ac_col-md-12, .ac_col-lg, .ac_col-lg-1, .ac_col-lg-2, .ac_col-lg-3, .ac_col-lg-4, .ac_col-lg-5, .ac_col-lg-6, .ac_col-lg-7, .ac_col-lg-8, .ac_col-lg-9, .ac_col-lg-10, .ac_col-lg-11, .ac_col-lg-12, .ac_col-xl, .ac_col-xl-1, .ac_col-xl-2, .ac_col-xl-3, .ac_col-xl-4, .ac_col-xl-5, .ac_col-xl-6, .ac_col-xl-7, .ac_col-xl-8, .ac_col-xl-9, .ac_col-xl-10, .ac_col-xl-11, .ac_col-xl-12 {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (min-width:992px) {
    .ac_col-xs, .ac_col-xs-1, .ac_col-xs-2, .ac_col-xs-3, .ac_col-xs-4, .ac_col-xs-5, .ac_col-xs-6, .ac_col-xs-7, .ac_col-xs-8, .ac_col-xs-9, .ac_col-xs-10, .ac_col-xs-11, .ac_col-xs-12, .ac_col-sm, .ac_col-sm-1, .ac_col-sm-2, .ac_col-sm-3, .ac_col-sm-4, .ac_col-sm-5, .ac_col-sm-6, .ac_col-sm-7, .ac_col-sm-8, .ac_col-sm-9, .ac_col-sm-10, .ac_col-sm-11, .ac_col-sm-12, .ac_col-md, .ac_col-md-1, .ac_col-md-2, .ac_col-md-3, .ac_col-md-4, .ac_col-md-5, .ac_col-md-6, .ac_col-md-7, .ac_col-md-8, .ac_col-md-9, .ac_col-md-10, .ac_col-md-11, .ac_col-md-12, .ac_col-lg, .ac_col-lg-1, .ac_col-lg-2, .ac_col-lg-3, .ac_col-lg-4, .ac_col-lg-5, .ac_col-lg-6, .ac_col-lg-7, .ac_col-lg-8, .ac_col-lg-9, .ac_col-lg-10, .ac_col-lg-11, .ac_col-lg-12, .ac_col-xl, .ac_col-xl-1, .ac_col-xl-2, .ac_col-xl-3, .ac_col-xl-4, .ac_col-xl-5, .ac_col-xl-6, .ac_col-xl-7, .ac_col-xl-8, .ac_col-xl-9, .ac_col-xl-10, .ac_col-xl-11, .ac_col-xl-12 {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (min-width:1200px) {
    .ac_col-xs, .ac_col-xs-1, .ac_col-xs-2, .ac_col-xs-3, .ac_col-xs-4, .ac_col-xs-5, .ac_col-xs-6, .ac_col-xs-7, .ac_col-xs-8, .ac_col-xs-9, .ac_col-xs-10, .ac_col-xs-11, .ac_col-xs-12, .ac_col-sm, .ac_col-sm-1, .ac_col-sm-2, .ac_col-sm-3, .ac_col-sm-4, .ac_col-sm-5, .ac_col-sm-6, .ac_col-sm-7, .ac_col-sm-8, .ac_col-sm-9, .ac_col-sm-10, .ac_col-sm-11, .ac_col-sm-12, .ac_col-md, .ac_col-md-1, .ac_col-md-2, .ac_col-md-3, .ac_col-md-4, .ac_col-md-5, .ac_col-md-6, .ac_col-md-7, .ac_col-md-8, .ac_col-md-9, .ac_col-md-10, .ac_col-md-11, .ac_col-md-12, .ac_col-lg, .ac_col-lg-1, .ac_col-lg-2, .ac_col-lg-3, .ac_col-lg-4, .ac_col-lg-5, .ac_col-lg-6, .ac_col-lg-7, .ac_col-lg-8, .ac_col-lg-9, .ac_col-lg-10, .ac_col-lg-11, .ac_col-lg-12, .ac_col-xl, .ac_col-xl-1, .ac_col-xl-2, .ac_col-xl-3, .ac_col-xl-4, .ac_col-xl-5, .ac_col-xl-6, .ac_col-xl-7, .ac_col-xl-8, .ac_col-xl-9, .ac_col-xl-10, .ac_col-xl-11, .ac_col-xl-12 {
        padding-right: 15px;
        padding-left: 15px;
    }
}

.ac_col-xs-1 {
    float: left;
    width: 8.333333%;
}

.ac_col-xs-2 {
    float: left;
    width: 16.666667%;
}

.ac_col-xs-3 {
    float: left;
    width: 25%;
}

.ac_col-xs-4 {
    float: left;
    width: 33.333333%;
}

.ac_col-xs-5 {
    float: left;
    width: 41.666667%;
}

.ac_col-xs-6 {
    float: left;
    width: 50%;
}

.ac_col-xs-7 {
    float: left;
    width: 58.333333%;
}

.ac_col-xs-8 {
    float: left;
    width: 66.666667%;
}

.ac_col-xs-9 {
    float: left;
    width: 75%;
}

.ac_col-xs-10 {
    float: left;
    width: 83.333333%;
}

.ac_col-xs-11 {
    float: left;
    width: 91.666667%;
}

.ac_col-xs-12 {
    float: left;
    width: 100%;
}

.ac_pull-xs-0 {
    right: auto;
}

.ac_pull-xs-1 {
    right: 8.333333%;
}

.ac_pull-xs-2 {
    right: 16.666667%;
}

.ac_pull-xs-3 {
    right: 25%;
}

.ac_pull-xs-4 {
    right: 33.333333%;
}

.ac_pull-xs-5 {
    right: 41.666667%;
}

.ac_pull-xs-6 {
    right: 50%;
}

.ac_pull-xs-7 {
    right: 58.333333%;
}

.ac_pull-xs-8 {
    right: 66.666667%;
}

.ac_pull-xs-9 {
    right: 75%;
}

.ac_pull-xs-10 {
    right: 83.333333%;
}

.ac_pull-xs-11 {
    right: 91.666667%;
}

.ac_pull-xs-12 {
    right: 100%;
}

.ac_push-xs-0 {
    left: auto;
}

.ac_push-xs-1 {
    left: 8.333333%;
}

.ac_push-xs-2 {
    left: 16.666667%;
}

.ac_push-xs-3 {
    left: 25%;
}

.ac_push-xs-4 {
    left: 33.333333%;
}

.ac_push-xs-5 {
    left: 41.666667%;
}

.ac_push-xs-6 {
    left: 50%;
}

.ac_push-xs-7 {
    left: 58.333333%;
}

.ac_push-xs-8 {
    left: 66.666667%;
}

.ac_push-xs-9 {
    left: 75%;
}

.ac_push-xs-10 {
    left: 83.333333%;
}

.ac_push-xs-11 {
    left: 91.666667%;
}

.ac_push-xs-12 {
    left: 100%;
}

.ac_offset-xs-1 {
    margin-left: 8.333333%;
}

.ac_offset-xs-2 {
    margin-left: 16.666667%;
}

.ac_offset-xs-3 {
    margin-left: 25%;
}

.ac_offset-xs-4 {
    margin-left: 33.333333%;
}

.ac_offset-xs-5 {
    margin-left: 41.666667%;
}

.ac_offset-xs-6 {
    margin-left: 50%;
}

.ac_offset-xs-7 {
    margin-left: 58.333333%;
}

.ac_offset-xs-8 {
    margin-left: 66.666667%;
}

.ac_offset-xs-9 {
    margin-left: 75%;
}

.ac_offset-xs-10 {
    margin-left: 83.333333%;
}

.ac_offset-xs-11 {
    margin-left: 91.666667%;
}

@media (min-width:576px) {
    .ac_col-sm-1 {
        float: left;
        width: 8.333333%;
    }
    .ac_col-sm-2 {
        float: left;
        width: 16.666667%;
    }
    .ac_col-sm-3 {
        float: left;
        width: 25%;
    }
    .ac_col-sm-4 {
        float: left;
        width: 33.333333%;
    }
    .ac_col-sm-5 {
        float: left;
        width: 41.666667%;
    }
    .ac_col-sm-6 {
        float: left;
        width: 50%;
    }
    .ac_col-sm-7 {
        float: left;
        width: 58.333333%;
    }
    .ac_col-sm-8 {
        float: left;
        width: 66.666667%;
    }
    .ac_col-sm-9 {
        float: left;
        width: 75%;
    }
    .ac_col-sm-10 {
        float: left;
        width: 83.333333%;
    }
    .ac_col-sm-11 {
        float: left;
        width: 91.666667%;
    }
    .ac_col-sm-12 {
        float: left;
        width: 100%;
    }
    .ac_pull-sm-0 {
        right: auto;
    }
    .ac_pull-sm-1 {
        right: 8.333333%;
    }
    .ac_pull-sm-2 {
        right: 16.666667%;
    }
    .ac_pull-sm-3 {
        right: 25%;
    }
    .ac_pull-sm-4 {
        right: 33.333333%;
    }
    .ac_pull-sm-5 {
        right: 41.666667%;
    }
    .ac_pull-sm-6 {
        right: 50%;
    }
    .ac_pull-sm-7 {
        right: 58.333333%;
    }
    .ac_pull-sm-8 {
        right: 66.666667%;
    }
    .ac_pull-sm-9 {
        right: 75%;
    }
    .ac_pull-sm-10 {
        right: 83.333333%;
    }
    .ac_pull-sm-11 {
        right: 91.666667%;
    }
    .ac_pull-sm-12 {
        right: 100%;
    }
    .ac_push-sm-0 {
        left: auto;
    }
    .ac_push-sm-1 {
        left: 8.333333%;
    }
    .ac_push-sm-2 {
        left: 16.666667%;
    }
    .ac_push-sm-3 {
        left: 25%;
    }
    .ac_push-sm-4 {
        left: 33.333333%;
    }
    .ac_push-sm-5 {
        left: 41.666667%;
    }
    .ac_push-sm-6 {
        left: 50%;
    }
    .ac_push-sm-7 {
        left: 58.333333%;
    }
    .ac_push-sm-8 {
        left: 66.666667%;
    }
    .ac_push-sm-9 {
        left: 75%;
    }
    .ac_push-sm-10 {
        left: 83.333333%;
    }
    .ac_push-sm-11 {
        left: 91.666667%;
    }
    .ac_push-sm-12 {
        left: 100%;
    }
    .ac_offset-sm-0 {
        margin-left: 0%;
    }
    .ac_offset-sm-1 {
        margin-left: 8.333333%;
    }
    .ac_offset-sm-2 {
        margin-left: 16.666667%;
    }
    .ac_offset-sm-3 {
        margin-left: 25%;
    }
    .ac_offset-sm-4 {
        margin-left: 33.333333%;
    }
    .ac_offset-sm-5 {
        margin-left: 41.666667%;
    }
    .ac_offset-sm-6 {
        margin-left: 50%;
    }
    .ac_offset-sm-7 {
        margin-left: 58.333333%;
    }
    .ac_offset-sm-8 {
        margin-left: 66.666667%;
    }
    .ac_offset-sm-9 {
        margin-left: 75%;
    }
    .ac_offset-sm-10 {
        margin-left: 83.333333%;
    }
    .ac_offset-sm-11 {
        margin-left: 91.666667%;
    }
}

@media (min-width:768px) {
    .ac_col-md-1 {
        float: left;
        width: 8.333333%;
    }
    .ac_col-md-2 {
        float: left;
        width: 16.666667%;
    }
    .ac_col-md-3 {
        float: left;
        width: 25%;
    }
    .ac_col-md-4 {
        float: left;
        width: 33.333333%;
    }
    .ac_col-md-5 {
        float: left;
        width: 41.666667%;
    }
    .ac_col-md-6 {
        float: left;
        width: 50%;
    }
    .ac_col-md-7 {
        float: left;
        width: 58.333333%;
    }
    .ac_col-md-8 {
        float: left;
        width: 66.666667%;
    }
    .ac_col-md-9 {
        float: left;
        width: 75%;
    }
    .ac_col-md-10 {
        float: left;
        width: 83.333333%;
    }
    .ac_col-md-11 {
        float: left;
        width: 91.666667%;
    }
    .ac_col-md-12 {
        float: left;
        width: 100%;
    }
    .ac_pull-md-0 {
        right: auto;
    }
    .ac_pull-md-1 {
        right: 8.333333%;
    }
    .ac_pull-md-2 {
        right: 16.666667%;
    }
    .ac_pull-md-3 {
        right: 25%;
    }
    .ac_pull-md-4 {
        right: 33.333333%;
    }
    .ac_pull-md-5 {
        right: 41.666667%;
    }
    .ac_pull-md-6 {
        right: 50%;
    }
    .ac_pull-md-7 {
        right: 58.333333%;
    }
    .ac_pull-md-8 {
        right: 66.666667%;
    }
    .ac_pull-md-9 {
        right: 75%;
    }
    .ac_pull-md-10 {
        right: 83.333333%;
    }
    .ac_pull-md-11 {
        right: 91.666667%;
    }
    .ac_pull-md-12 {
        right: 100%;
    }
    .ac_push-md-0 {
        left: auto;
    }
    .ac_push-md-1 {
        left: 8.333333%;
    }
    .ac_push-md-2 {
        left: 16.666667%;
    }
    .ac_push-md-3 {
        left: 25%;
    }
    .ac_push-md-4 {
        left: 33.333333%;
    }
    .ac_push-md-5 {
        left: 41.666667%;
    }
    .ac_push-md-6 {
        left: 50%;
    }
    .ac_push-md-7 {
        left: 58.333333%;
    }
    .ac_push-md-8 {
        left: 66.666667%;
    }
    .ac_push-md-9 {
        left: 75%;
    }
    .ac_push-md-10 {
        left: 83.333333%;
    }
    .ac_push-md-11 {
        left: 91.666667%;
    }
    .ac_push-md-12 {
        left: 100%;
    }
    .ac_offset-md-0 {
        margin-left: 0%;
    }
    .ac_offset-md-1 {
        margin-left: 8.333333%;
    }
    .ac_offset-md-2 {
        margin-left: 16.666667%;
    }
    .ac_offset-md-3 {
        margin-left: 25%;
    }
    .ac_offset-md-4 {
        margin-left: 33.333333%;
    }
    .ac_offset-md-5 {
        margin-left: 41.666667%;
    }
    .ac_offset-md-6 {
        margin-left: 50%;
    }
    .ac_offset-md-7 {
        margin-left: 58.333333%;
    }
    .ac_offset-md-8 {
        margin-left: 66.666667%;
    }
    .ac_offset-md-9 {
        margin-left: 75%;
    }
    .ac_offset-md-10 {
        margin-left: 83.333333%;
    }
    .ac_offset-md-11 {
        margin-left: 91.666667%;
    }
}

@media (min-width:992px) {
    .ac_col-lg-1 {
        float: left;
        width: 8.333333%;
    }
    .ac_col-lg-2 {
        float: left;
        width: 16.666667%;
    }
    .ac_col-lg-3 {
        float: left;
        width: 25%;
    }
    .ac_col-lg-4 {
        float: left;
        width: 33.333333%;
    }
    .ac_col-lg-5 {
        float: left;
        width: 41.666667%;
    }
    .ac_col-lg-6 {
        float: left;
        width: 50%;
    }
    .ac_col-lg-7 {
        float: left;
        width: 58.333333%;
    }
    .ac_col-lg-8 {
        float: left;
        width: 66.666667%;
    }
    .ac_col-lg-9 {
        float: left;
        width: 75%;
    }
    .ac_col-lg-10 {
        float: left;
        width: 83.333333%;
    }
    .ac_col-lg-11 {
        float: left;
        width: 91.666667%;
    }
    .ac_col-lg-12 {
        float: left;
        width: 100%;
    }
    .ac_pull-lg-0 {
        right: auto;
    }
    .ac_pull-lg-1 {
        right: 8.333333%;
    }
    .ac_pull-lg-2 {
        right: 16.666667%;
    }
    .ac_pull-lg-3 {
        right: 25%;
    }
    .ac_pull-lg-4 {
        right: 33.333333%;
    }
    .ac_pull-lg-5 {
        right: 41.666667%;
    }
    .ac_pull-lg-6 {
        right: 50%;
    }
    .ac_pull-lg-7 {
        right: 58.333333%;
    }
    .ac_pull-lg-8 {
        right: 66.666667%;
    }
    .ac_pull-lg-9 {
        right: 75%;
    }
    .ac_pull-lg-10 {
        right: 83.333333%;
    }
    .ac_pull-lg-11 {
        right: 91.666667%;
    }
    .ac_pull-lg-12 {
        right: 100%;
    }
    .ac_push-lg-0 {
        left: auto;
    }
    .ac_push-lg-1 {
        left: 8.333333%;
    }
    .ac_push-lg-2 {
        left: 16.666667%;
    }
    .ac_push-lg-3 {
        left: 25%;
    }
    .ac_push-lg-4 {
        left: 33.333333%;
    }
    .ac_push-lg-5 {
        left: 41.666667%;
    }
    .ac_push-lg-6 {
        left: 50%;
    }
    .ac_push-lg-7 {
        left: 58.333333%;
    }
    .ac_push-lg-8 {
        left: 66.666667%;
    }
    .ac_push-lg-9 {
        left: 75%;
    }
    .ac_push-lg-10 {
        left: 83.333333%;
    }
    .ac_push-lg-11 {
        left: 91.666667%;
    }
    .ac_push-lg-12 {
        left: 100%;
    }
    .ac_offset-lg-0 {
        margin-left: 0%;
    }
    .ac_offset-lg-1 {
        margin-left: 8.333333%;
    }
    .ac_offset-lg-2 {
        margin-left: 16.666667%;
    }
    .ac_offset-lg-3 {
        margin-left: 25%;
    }
    .ac_offset-lg-4 {
        margin-left: 33.333333%;
    }
    .ac_offset-lg-5 {
        margin-left: 41.666667%;
    }
    .ac_offset-lg-6 {
        margin-left: 50%;
    }
    .ac_offset-lg-7 {
        margin-left: 58.333333%;
    }
    .ac_offset-lg-8 {
        margin-left: 66.666667%;
    }
    .ac_offset-lg-9 {
        margin-left: 75%;
    }
    .ac_offset-lg-10 {
        margin-left: 83.333333%;
    }
    .ac_offset-lg-11 {
        margin-left: 91.666667%;
    }
}

@media (min-width:1200px) {
    .ac_col-xl-1 {
        float: left;
        width: 8.333333%;
    }
    .ac_col-xl-2 {
        float: left;
        width: 16.666667%;
    }
    .ac_col-xl-3 {
        float: left;
        width: 25%;
    }
    .ac_col-xl-4 {
        float: left;
        width: 33.333333%;
    }
    .ac_col-xl-5 {
        float: left;
        width: 41.666667%;
    }
    .ac_col-xl-6 {
        float: left;
        width: 50%;
    }
    .ac_col-xl-7 {
        float: left;
        width: 58.333333%;
    }
    .ac_col-xl-8 {
        float: left;
        width: 66.666667%;
    }
    .ac_col-xl-9 {
        float: left;
        width: 75%;
    }
    .ac_col-xl-10 {
        float: left;
        width: 83.333333%;
    }
    .ac_col-xl-11 {
        float: left;
        width: 91.666667%;
    }
    .ac_col-xl-12 {
        float: left;
        width: 100%;
    }
    .ac_pull-xl-0 {
        right: auto;
    }
    .ac_pull-xl-1 {
        right: 8.333333%;
    }
    .ac_pull-xl-2 {
        right: 16.666667%;
    }
    .ac_pull-xl-3 {
        right: 25%;
    }
    .ac_pull-xl-4 {
        right: 33.333333%;
    }
    .ac_pull-xl-5 {
        right: 41.666667%;
    }
    .ac_pull-xl-6 {
        right: 50%;
    }
    .ac_pull-xl-7 {
        right: 58.333333%;
    }
    .ac_pull-xl-8 {
        right: 66.666667%;
    }
    .ac_pull-xl-9 {
        right: 75%;
    }
    .ac_pull-xl-10 {
        right: 83.333333%;
    }
    .ac_pull-xl-11 {
        right: 91.666667%;
    }
    .ac_pull-xl-12 {
        right: 100%;
    }
    .ac_push-xl-0 {
        left: auto;
    }
    .ac_push-xl-1 {
        left: 8.333333%;
    }
    .ac_push-xl-2 {
        left: 16.666667%;
    }
    .ac_push-xl-3 {
        left: 25%;
    }
    .ac_push-xl-4 {
        left: 33.333333%;
    }
    .ac_push-xl-5 {
        left: 41.666667%;
    }
    .ac_push-xl-6 {
        left: 50%;
    }
    .ac_push-xl-7 {
        left: 58.333333%;
    }
    .ac_push-xl-8 {
        left: 66.666667%;
    }
    .ac_push-xl-9 {
        left: 75%;
    }
    .ac_push-xl-10 {
        left: 83.333333%;
    }
    .ac_push-xl-11 {
        left: 91.666667%;
    }
    .ac_push-xl-12 {
        left: 100%;
    }
    .ac_offset-xl-0 {
        margin-left: 0%;
    }
    .ac_offset-xl-1 {
        margin-left: 8.333333%;
    }
    .ac_offset-xl-2 {
        margin-left: 16.666667%;
    }
    .ac_offset-xl-3 {
        margin-left: 25%;
    }
    .ac_offset-xl-4 {
        margin-left: 33.333333%;
    }
    .ac_offset-xl-5 {
        margin-left: 41.666667%;
    }
    .ac_offset-xl-6 {
        margin-left: 50%;
    }
    .ac_offset-xl-7 {
        margin-left: 58.333333%;
    }
    .ac_offset-xl-8 {
        margin-left: 66.666667%;
    }
    .ac_offset-xl-9 {
        margin-left: 75%;
    }
    .ac_offset-xl-10 {
        margin-left: 83.333333%;
    }
    .ac_offset-xl-11 {
        margin-left: 91.666667%;
    }
}

.ac_hidden {
    display: none !important;
}

.affix {
    position: fixed;
}

.ac_visible-xs, .ac_visible-sm, .ac_visible-md, .ac_visible-lg, .ac_visible-xl {
    display: none !important;
}

.ac_visible-xs-block, .ac_visible-xs-inline, .ac_visible-xs-inline-block, .ac_visible-sm-block, .ac_visible-sm-inline, .ac_visible-sm-inline-block, .ac_visible-md-block, .ac_visible-md-inline, .ac_visible-md-inline-block, .ac_visible-lg-block, .ac_visible-lg-inline, .ac_visible-lg-inline-block, .ac_visible-xl-inline, .ac_visible-xl-inline-block {
    display: none !important;
}

@media (max-width:575px) {
    .ac_visible-xs {
        display: block !important;
    }
    table.ac_visible-xs {
        display: table !important;
    }
    tr.ac_visible-xs {
        display: table-row !important;
    }
    th.ac_visible-xs, td.ac_visible-xs {
        display: table-cell !important;
    }
    .ac_visible-xs-block {
        display: block !important;
    }
    .ac_visible-xs-inline {
        display: inline !important;
    }
    .ac_visible-xs-inline-block {
        display: inline-block !important;
    }
    .ac_hidden-xs {
        display: none !important;
    }
    .ac_col-xs-breakline {
        clear: both !important;
    }
}

@media (min-width:576px) and (max-width:767px) {
    .ac_visible-sm {
        display: block !important;
    }
    table.ac_visible-sm {
        display: table !important;
    }
    tr.ac_visible-sm {
        display: table-row !important;
    }
    th.ac_visible-sm, td.ac_visible-sm {
        display: table-cell !important;
    }
    .ac_visible-sm-block {
        display: block !important;
    }
    .ac_visible-sm-inline {
        display: inline !important;
    }
    .ac_visible-sm-inline-block {
        display: inline-block !important;
    }
    .ac_hidden-sm {
        display: none !important;
    }
    .ac_col-sm-breakline {
        clear: both !important;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .ac_visible-md {
        display: block !important;
    }
    table.ac_visible-md {
        display: table !important;
    }
    tr.ac_visible-md {
        display: table-row !important;
    }
    th.ac_visible-md, td.ac_visible-md {
        display: table-cell !important;
    }
    .ac_visible-md-block {
        display: block !important;
    }
    .ac_visible-md-inline {
        display: inline !important;
    }
    .ac_visible-md-inline-block {
        display: inline-block !important;
    }
    .ac_hidden-md {
        display: none !important;
    }
    .ac_col-md-breakline {
        clear: both !important;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .ac_visible-lg {
        display: block !important;
    }
    table.ac_visible-lg {
        display: table !important;
    }
    tr.ac_visible-lg {
        display: table-row !important;
    }
    th.ac_visible-lg, td.ac_visible-lg {
        display: table-cell !important;
    }
    .ac_visible-lg-block {
        display: block !important;
    }
    .ac_visible-lg-inline {
        display: inline !important;
    }
    .ac_visible-lg-inline-block {
        display: inline-block !important;
    }
    .ac_hidden-lg {
        display: none !important;
    }
    .ac_col-lg-breakline {
        clear: both !important;
    }
}

@media (min-width:1200px) {
    .ac_visible-xl {
        display: block !important;
    }
    table.ac_visible-xl {
        display: table !important;
    }
    tr.ac_visible-xl {
        display: table-row !important;
    }
    th.ac_visible-xl, td.ac_visible-xl {
        display: table-cell !important;
    }
    .ac_visible-xl-block {
        display: block !important;
    }
    .ac_visible-xl-inline {
        display: inline !important;
    }
    .ac_visible-xl-inline-block {
        display: inline-block !important;
    }
    .ac_hidden-xl {
        display: none !important;
    }
    .ac_col-xl-breakline {
        clear: both !important;
    }
}

.ac_visible-print {
    display: none !important;
}

@media print {
    .ac_visible-print {
        display: block !important;
    }
    table.ac_visible-print {
        display: table !important;
    }
    tr.ac_visible-print {
        display: table-row !important;
    }
    th.ac_visible-print, td.ac_visible-print {
        display: table-cell !important;
    }
}

.ac_visible-print-block {
    display: none !important;
}

@media print {
    .ac_visible-print-block {
        display: block !important;
    }
}

.ac_visible-print-inline {
    display: none !important;
}

@media print {
    .ac_visible-print-inline {
        display: inline !important;
    }
}

.ac_visible-print-inline-block {
    display: none !important;
}

@media print {
    .ac_visible-print-inline-block {
        display: inline-block !important;
    }
}

@media print {
    .ac_hidden-print {
        display: none !important;
    }
}

.ac_masonry-wrapper .grid-item .grid-item__inner, .setting .grid-item .grid-item__inner {
    position: relative;
}

.ac_masonry-wrapper.ac_masonry-grid .grid-item__content-wrapper, .setting.ac_masonry-grid .grid-item__content-wrapper {
    position: absolute;
}

.ac_masonry-wrapper .grid-item .grid-item__inner .grid-item__content-wrapper, .setting .grid-item .grid-item__inner .grid-item__content-wrapper {
    overflow: hidden;
}

.ac_masonry-wrapper.ac_masonry-grid .grid-item__content-wrapper, .setting.ac_masonry-grid .grid-item__content-wrapper {
    margin: 0 !important;
}

.ac_masonry-wrapper.ac_masonry-grid .grid-item__inner {
    padding-top: 100%;
}

.ac_masonry-wrapper.ac_masonry-grid .grid-item.extra-large .grid-item__inner, .ac_masonry-wrapper.ac_masonry-grid .grid-item.wide .grid-item__inner {
    padding-top: 50%;
}

.ac_masonry-wrapper.ac_masonry-grid .grid-item.high .grid-item__inner {
    padding-top: 200%;
}

.ac_masonry-wrapper.ac_masonry-grid[data-ratio="4by3"] .grid-item__inner {
    padding-top: 75%;
}

.ac_masonry-wrapper.ac_masonry-grid[data-ratio="4by3"] .grid-item.extra-large .grid-item__inner, .ac_masonry-wrapper.ac_masonry-grid[data-ratio="4by3"] .grid-item.wide .grid-item__inner {
    padding-top: 37.5%;
}

.ac_masonry-wrapper.ac_masonry-grid[data-ratio="4by3"] .grid-item.high .grid-item__inner {
    padding-top: 150%;
}

.ac_masonry-wrapper.ac_masonry-grid[data-ratio="16by9"] .grid-item__inner {
    padding-top: 56.25%;
}

.ac_masonry-wrapper.ac_masonry-grid[data-ratio="16by9"] .grid-item.extra-large .grid-item__inner, .ac_masonry-wrapper.ac_masonry-grid[data-ratio="16by9"] .grid-item.wide .grid-item__inner {
    padding-top: 28.125%;
}

.ac_masonry-wrapper.ac_masonry-grid[data-ratio="16by9"] .grid-item.high .grid-item__inner {
    padding-top: 112.5%;
}

[data-col-xs="1"].ac_masonry-wrapper .grid-item, [data-col-xs="1"].ac_masonry-wrapper .grid-sizer {
    width: 100%;
}

@media (min-width:768px) {
    [data-col-sm="1"].ac_masonry-wrapper .grid-item, [data-col-sm="1"].ac_masonry-wrapper .grid-sizer {
        width: 100%;
    }
}

@media (min-width:992px) {
    [data-col-md="1"].ac_masonry-wrapper .grid-item, [data-col-md="1"].ac_masonry-wrapper .grid-sizer {
        width: 100%;
    }
}

@media (min-width:1200px) {
    [data-col-lg="1"].ac_masonry-wrapper .grid-item, [data-col-lg="1"].ac_masonry-wrapper .grid-sizer {
        width: 100%;
    }
}

[data-col-xs="2"].ac_masonry-wrapper .grid-item, [data-col-xs="2"].ac_masonry-wrapper .grid-sizer {
    width: 50%;
}

[data-col-xs="2"].ac_masonry-wrapper .grid-item.wide, [data-col-xs="2"].ac_masonry-wrapper .grid-item.large {
    width: 100%;
}

[data-col-xs="2"].ac_masonry-wrapper .grid-item.extra-large {
    width: 100%;
}

@media (min-width:768px) {
    [data-col-sm="2"].ac_masonry-wrapper .grid-item, [data-col-sm="2"].ac_masonry-wrapper .grid-sizer {
        width: 50%;
    }
    [data-col-sm="2"].ac_masonry-wrapper .grid-item.wide, [data-col-sm="2"].ac_masonry-wrapper .grid-item.large {
        width: 100%;
    }
    [data-col-sm="2"].ac_masonry-wrapper .grid-item.extra-large {
        width: 100%;
    }
}

@media (min-width:992px) {
    [data-col-md="2"].ac_masonry-wrapper .grid-item, [data-col-md="2"].ac_masonry-wrapper .grid-sizer {
        width: 50%;
    }
    [data-col-md="2"].ac_masonry-wrapper .grid-item.wide, [data-col-md="2"].ac_masonry-wrapper .grid-item.large {
        width: 100%;
    }
    [data-col-md="2"].ac_masonry-wrapper .grid-item.extra-large {
        width: 100%;
    }
}

@media (min-width:1200px) {
    [data-col-lg="2"].ac_masonry-wrapper .grid-item, [data-col-lg="2"].ac_masonry-wrapper .grid-sizer {
        width: 50%;
    }
    [data-col-lg="2"].ac_masonry-wrapper .grid-item.wide, [data-col-lg="2"].ac_masonry-wrapper .grid-item.large {
        width: 100%;
    }
    [data-col-lg="2"].ac_masonry-wrapper .grid-item.extra-large {
        width: 100%;
    }
}

[data-col-xs="3"].ac_masonry-wrapper .grid-item, [data-col-xs="3"].ac_masonry-wrapper .grid-sizer {
    width: 33.33333%;
}

[data-col-xs="3"].ac_masonry-wrapper .grid-item.wide, [data-col-xs="3"].ac_masonry-wrapper .grid-item.large {
    width: 66.66667%;
}

[data-col-xs="3"].ac_masonry-wrapper .grid-item.extra-large {
    width: 100%;
}

@media (min-width:768px) {
    [data-col-sm="3"].ac_masonry-wrapper .grid-item, [data-col-sm="3"].ac_masonry-wrapper .grid-sizer {
        width: 33.33333%;
    }
    [data-col-sm="3"].ac_masonry-wrapper .grid-item.wide, [data-col-sm="3"].ac_masonry-wrapper .grid-item.large {
        width: 66.66667%;
    }
    [data-col-sm="3"].ac_masonry-wrapper .grid-item.extra-large {
        width: 100%;
    }
}

@media (min-width:992px) {
    [data-col-md="3"].ac_masonry-wrapper .grid-item, [data-col-md="3"].ac_masonry-wrapper .grid-sizer {
        width: 33.33333%;
    }
    [data-col-md="3"].ac_masonry-wrapper .grid-item.wide, [data-col-md="3"].ac_masonry-wrapper .grid-item.large {
        width: 66.66667%;
    }
    [data-col-md="3"].ac_masonry-wrapper .grid-item.extra-large {
        width: 100%;
    }
}

@media (min-width:1200px) {
    [data-col-lg="3"].ac_masonry-wrapper .grid-item, [data-col-lg="3"].ac_masonry-wrapper .grid-sizer {
        width: 33.33333%;
    }
    [data-col-lg="3"].ac_masonry-wrapper .grid-item.wide, [data-col-lg="3"].ac_masonry-wrapper .grid-item.large {
        width: 66.66667%;
    }
    [data-col-lg="3"].ac_masonry-wrapper .grid-item.extra-large {
        width: 100%;
    }
}

[data-col-xs="4"].ac_masonry-wrapper .grid-item, [data-col-xs="4"].ac_masonry-wrapper .grid-sizer {
    width: 25%;
}

[data-col-xs="4"].ac_masonry-wrapper .grid-item.wide, [data-col-xs="4"].ac_masonry-wrapper .grid-item.large {
    width: 50%;
}

[data-col-xs="4"].ac_masonry-wrapper .grid-item.extra-large {
    width: 100%;
}

@media (min-width:768px) {
    [data-col-sm="4"].ac_masonry-wrapper .grid-item, [data-col-sm="4"].ac_masonry-wrapper .grid-sizer {
        width: 25%;
    }
    [data-col-sm="4"].ac_masonry-wrapper .grid-item.wide, [data-col-sm="4"].ac_masonry-wrapper .grid-item.large {
        width: 50%;
    }
    [data-col-sm="4"].ac_masonry-wrapper .grid-item.extra-large {
        width: 100%;
    }
}

@media (min-width:992px) {
    [data-col-md="4"].ac_masonry-wrapper .grid-item, [data-col-md="4"].ac_masonry-wrapper .grid-sizer {
        width: 25%;
    }
    [data-col-md="4"].ac_masonry-wrapper .grid-item.wide, [data-col-md="4"].ac_masonry-wrapper .grid-item.large {
        width: 50%;
    }
    [data-col-md="4"].ac_masonry-wrapper .grid-item.extra-large {
        width: 100%;
    }
}

@media (min-width:1200px) {
    [data-col-lg="4"].ac_masonry-wrapper .grid-item, [data-col-lg="4"].ac_masonry-wrapper .grid-sizer {
        width: 25%;
    }
    [data-col-lg="4"].ac_masonry-wrapper .grid-item.wide, [data-col-lg="4"].ac_masonry-wrapper .grid-item.large {
        width: 50%;
    }
    [data-col-lg="4"].ac_masonry-wrapper .grid-item.extra-large {
        width: 100%;
    }
}

[data-col-xs="5"].ac_masonry-wrapper .grid-item, [data-col-xs="5"].ac_masonry-wrapper .grid-sizer {
    width: 20%;
}

[data-col-xs="5"].ac_masonry-wrapper .grid-item.wide, [data-col-xs="5"].ac_masonry-wrapper .grid-item.large {
    width: 40%;
}

[data-col-xs="5"].ac_masonry-wrapper .grid-item.extra-large {
    width: 100%;
}

@media (min-width:768px) {
    [data-col-sm="5"].ac_masonry-wrapper .grid-item, [data-col-sm="5"].ac_masonry-wrapper .grid-sizer {
        width: 20%;
    }
    [data-col-sm="5"].ac_masonry-wrapper .grid-item.wide, [data-col-sm="5"].ac_masonry-wrapper .grid-item.large {
        width: 40%;
    }
    [data-col-sm="5"].ac_masonry-wrapper .grid-item.extra-large {
        width: 100%;
    }
}

@media (min-width:992px) {
    [data-col-md="5"].ac_masonry-wrapper .grid-item, [data-col-md="5"].ac_masonry-wrapper .grid-sizer {
        width: 20%;
    }
    [data-col-md="5"].ac_masonry-wrapper .grid-item.wide, [data-col-md="5"].ac_masonry-wrapper .grid-item.large {
        width: 40%;
    }
    [data-col-md="5"].ac_masonry-wrapper .grid-item.extra-large {
        width: 100%;
    }
}

@media (min-width:1200px) {
    [data-col-lg="5"].ac_masonry-wrapper .grid-item, [data-col-lg="5"].ac_masonry-wrapper .grid-sizer {
        width: 20%;
    }
    [data-col-lg="5"].ac_masonry-wrapper .grid-item.wide, [data-col-lg="5"].ac_masonry-wrapper .grid-item.large {
        width: 40%;
    }
    [data-col-lg="5"].ac_masonry-wrapper .grid-item.extra-large {
        width: 100%;
    }
}

[data-col-xs="6"].ac_masonry-wrapper .grid-item, [data-col-xs="6"].ac_masonry-wrapper .grid-sizer {
    width: 16.66667%;
}

[data-col-xs="6"].ac_masonry-wrapper .grid-item.wide, [data-col-xs="6"].ac_masonry-wrapper .grid-item.large {
    width: 33.33333%;
}

[data-col-xs="6"].ac_masonry-wrapper .grid-item.extra-large {
    width: 100%;
}

@media (min-width:768px) {
    [data-col-sm="6"].ac_masonry-wrapper .grid-item, [data-col-sm="6"].ac_masonry-wrapper .grid-sizer {
        width: 16.66667%;
    }
    [data-col-sm="6"].ac_masonry-wrapper .grid-item.wide, [data-col-sm="6"].ac_masonry-wrapper .grid-item.large {
        width: 33.33333%;
    }
    [data-col-sm="6"].ac_masonry-wrapper .grid-item.extra-large {
        width: 100%;
    }
}

@media (min-width:992px) {
    [data-col-md="6"].ac_masonry-wrapper .grid-item, [data-col-md="6"].ac_masonry-wrapper .grid-sizer {
        width: 16.66667%;
    }
    [data-col-md="6"].ac_masonry-wrapper .grid-item.wide, [data-col-md="6"].ac_masonry-wrapper .grid-item.large {
        width: 33.33333%;
    }
    [data-col-md="6"].ac_masonry-wrapper .grid-item.extra-large {
        width: 100%;
    }
}

@media (min-width:1200px) {
    [data-col-lg="6"].ac_masonry-wrapper .grid-item, [data-col-lg="6"].ac_masonry-wrapper .grid-sizer {
        width: 16.66667%;
    }
    [data-col-lg="6"].ac_masonry-wrapper .grid-item.wide, [data-col-lg="6"].ac_masonry-wrapper .grid-item.large {
        width: 33.33333%;
    }
    [data-col-lg="6"].ac_masonry-wrapper .grid-item.extra-large {
        width: 100%;
    }
}

[data-col-xs="7"].ac_masonry-wrapper .grid-item, [data-col-xs="7"].ac_masonry-wrapper .grid-sizer {
    width: 14.28571%;
}

[data-col-xs="7"].ac_masonry-wrapper .grid-item.wide, [data-col-xs="7"].ac_masonry-wrapper .grid-item.large {
    width: 28.57143%;
}

[data-col-xs="7"].ac_masonry-wrapper .grid-item.extra-large {
    width: 100%;
}

@media (min-width:768px) {
    [data-col-sm="7"].ac_masonry-wrapper .grid-item, [data-col-sm="7"].ac_masonry-wrapper .grid-sizer {
        width: 14.28571%;
    }
    [data-col-sm="7"].ac_masonry-wrapper .grid-item.wide, [data-col-sm="7"].ac_masonry-wrapper .grid-item.large {
        width: 28.57143%;
    }
    [data-col-sm="7"].ac_masonry-wrapper .grid-item.extra-large {
        width: 100%;
    }
}

@media (min-width:992px) {
    [data-col-md="7"].ac_masonry-wrapper .grid-item, [data-col-md="7"].ac_masonry-wrapper .grid-sizer {
        width: 14.28571%;
    }
    [data-col-md="7"].ac_masonry-wrapper .grid-item.wide, [data-col-md="7"].ac_masonry-wrapper .grid-item.large {
        width: 28.57143%;
    }
    [data-col-md="7"].ac_masonry-wrapper .grid-item.extra-large {
        width: 100%;
    }
}

@media (min-width:1200px) {
    [data-col-lg="7"].ac_masonry-wrapper .grid-item, [data-col-lg="7"].ac_masonry-wrapper .grid-sizer {
        width: 14.28571%;
    }
    [data-col-lg="7"].ac_masonry-wrapper .grid-item.wide, [data-col-lg="7"].ac_masonry-wrapper .grid-item.large {
        width: 28.57143%;
    }
    [data-col-lg="7"].ac_masonry-wrapper .grid-item.extra-large {
        width: 100%;
    }
}

[data-col-xs="8"].ac_masonry-wrapper .grid-item, [data-col-xs="8"].ac_masonry-wrapper .grid-sizer {
    width: 12.5%;
}

[data-col-xs="8"].ac_masonry-wrapper .grid-item.wide, [data-col-xs="8"].ac_masonry-wrapper .grid-item.large {
    width: 25%;
}

[data-col-xs="8"].ac_masonry-wrapper .grid-item.extra-large {
    width: 100%;
}

@media (min-width:768px) {
    [data-col-sm="8"].ac_masonry-wrapper .grid-item, [data-col-sm="8"].ac_masonry-wrapper .grid-sizer {
        width: 12.5%;
    }
    [data-col-sm="8"].ac_masonry-wrapper .grid-item.wide, [data-col-sm="8"].ac_masonry-wrapper .grid-item.large {
        width: 25%;
    }
    [data-col-sm="8"].ac_masonry-wrapper .grid-item.extra-large {
        width: 100%;
    }
}

@media (min-width:992px) {
    [data-col-md="8"].ac_masonry-wrapper .grid-item, [data-col-md="8"].ac_masonry-wrapper .grid-sizer {
        width: 12.5%;
    }
    [data-col-md="8"].ac_masonry-wrapper .grid-item.wide, [data-col-md="8"].ac_masonry-wrapper .grid-item.large {
        width: 25%;
    }
    [data-col-md="8"].ac_masonry-wrapper .grid-item.extra-large {
        width: 100%;
    }
}

@media (min-width:1200px) {
    [data-col-lg="8"].ac_masonry-wrapper .grid-item, [data-col-lg="8"].ac_masonry-wrapper .grid-sizer {
        width: 12.5%;
    }
    [data-col-lg="8"].ac_masonry-wrapper .grid-item.wide, [data-col-lg="8"].ac_masonry-wrapper .grid-item.large {
        width: 25%;
    }
    [data-col-lg="8"].ac_masonry-wrapper .grid-item.extra-large {
        width: 100%;
    }
}

[data-col-xs="9"].ac_masonry-wrapper .grid-item, [data-col-xs="9"].ac_masonry-wrapper .grid-sizer {
    width: 11.11111%;
}

[data-col-xs="9"].ac_masonry-wrapper .grid-item.wide, [data-col-xs="9"].ac_masonry-wrapper .grid-item.large {
    width: 22.22222%;
}

[data-col-xs="9"].ac_masonry-wrapper .grid-item.extra-large {
    width: 100%;
}

@media (min-width:768px) {
    [data-col-sm="9"].ac_masonry-wrapper .grid-item, [data-col-sm="9"].ac_masonry-wrapper .grid-sizer {
        width: 11.11111%;
    }
    [data-col-sm="9"].ac_masonry-wrapper .grid-item.wide, [data-col-sm="9"].ac_masonry-wrapper .grid-item.large {
        width: 22.22222%;
    }
    [data-col-sm="9"].ac_masonry-wrapper .grid-item.extra-large {
        width: 100%;
    }
}

@media (min-width:992px) {
    [data-col-md="9"].ac_masonry-wrapper .grid-item, [data-col-md="9"].ac_masonry-wrapper .grid-sizer {
        width: 11.11111%;
    }
    [data-col-md="9"].ac_masonry-wrapper .grid-item.wide, [data-col-md="9"].ac_masonry-wrapper .grid-item.large {
        width: 22.22222%;
    }
    [data-col-md="9"].ac_masonry-wrapper .grid-item.extra-large {
        width: 100%;
    }
}

@media (min-width:1200px) {
    [data-col-lg="9"].ac_masonry-wrapper .grid-item, [data-col-lg="9"].ac_masonry-wrapper .grid-sizer {
        width: 11.11111%;
    }
    [data-col-lg="9"].ac_masonry-wrapper .grid-item.wide, [data-col-lg="9"].ac_masonry-wrapper .grid-item.large {
        width: 22.22222%;
    }
    [data-col-lg="9"].ac_masonry-wrapper .grid-item.extra-large {
        width: 100%;
    }
}

[data-col-xs="10"].ac_masonry-wrapper .grid-item, [data-col-xs="10"].ac_masonry-wrapper .grid-sizer {
    width: 10%;
}

[data-col-xs="10"].ac_masonry-wrapper .grid-item.wide, [data-col-xs="10"].ac_masonry-wrapper .grid-item.large {
    width: 20%;
}

[data-col-xs="10"].ac_masonry-wrapper .grid-item.extra-large {
    width: 100%;
}

@media (min-width:768px) {
    [data-col-sm="10"].ac_masonry-wrapper .grid-item, [data-col-sm="10"].ac_masonry-wrapper .grid-sizer {
        width: 10%;
    }
    [data-col-sm="10"].ac_masonry-wrapper .grid-item.wide, [data-col-sm="10"].ac_masonry-wrapper .grid-item.large {
        width: 20%;
    }
    [data-col-sm="10"].ac_masonry-wrapper .grid-item.extra-large {
        width: 100%;
    }
}

@media (min-width:992px) {
    [data-col-md="10"].ac_masonry-wrapper .grid-item, [data-col-md="10"].ac_masonry-wrapper .grid-sizer {
        width: 10%;
    }
    [data-col-md="10"].ac_masonry-wrapper .grid-item.wide, [data-col-md="10"].ac_masonry-wrapper .grid-item.large {
        width: 20%;
    }
    [data-col-md="10"].ac_masonry-wrapper .grid-item.extra-large {
        width: 100%;
    }
}

@media (min-width:1200px) {
    [data-col-lg="10"].ac_masonry-wrapper .grid-item, [data-col-lg="10"].ac_masonry-wrapper .grid-sizer {
        width: 10%;
    }
    [data-col-lg="10"].ac_masonry-wrapper .grid-item.wide, [data-col-lg="10"].ac_masonry-wrapper .grid-item.large {
        width: 20%;
    }
    [data-col-lg="10"].ac_masonry-wrapper .grid-item.extra-large {
        width: 100%;
    }
}

[data-gap="5"].ac_masonry-wrapper {
    margin: -3px;
}

[data-gap="5"].ac_masonry-wrapper .grid-item .grid-item__content-wrapper {
    margin: 3px;
    top: 3px;
    right: 3px;
    bottom: 3px;
    left: 3px;
}

[data-gap="10"].ac_masonry-wrapper {
    margin: -5px;
}

[data-gap="10"].ac_masonry-wrapper .grid-item .grid-item__content-wrapper {
    margin: 5px;
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px;
}

[data-gap="15"].ac_masonry-wrapper {
    margin: -8px;
}

[data-gap="15"].ac_masonry-wrapper .grid-item .grid-item__content-wrapper {
    margin: 8px;
    top: 8px;
    right: 8px;
    bottom: 8px;
    left: 8px;
}

[data-gap="20"].ac_masonry-wrapper {
    margin: -10px;
}

[data-gap="20"].ac_masonry-wrapper .grid-item .grid-item__content-wrapper {
    margin: 10px;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
}

[data-gap="25"].ac_masonry-wrapper {
    margin: -13px;
}

[data-gap="25"].ac_masonry-wrapper .grid-item .grid-item__content-wrapper {
    margin: 13px;
    top: 13px;
    right: 13px;
    bottom: 13px;
    left: 13px;
}

[data-gap="30"].ac_masonry-wrapper {
    margin: -15px;
}

[data-gap="30"].ac_masonry-wrapper .grid-item .grid-item__content-wrapper {
    margin: 15px;
    top: 15px;
    right: 15px;
    bottom: 15px;
    left: 15px;
}

.ac_element:before, .ac-tab:before, .ac_element:after, .ac-tab:after {
    display: table;
    content: '';
    clear: both;
}

.ac_element {
    margin-top: 5px;
    margin-bottom: 20px;
    position: relative;
}

.ac-icon--block {
    display: block !important;
}

.ac_page-wrapper img {
    max-width: 100%;
    height: auto;
    border: 0;
    vertical-align: middle;
}

.image-cover {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50% 50%;
}

.image-cover img {
    width: 100%;
    height: 100%;
    opacity: 0;
}

.ac_section {
    position: relative;
    z-index: 9;
}

.ac_bg__overlay, .ac_bg--video {
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
}

.ac_bg--video {
    z-index: -10;
}

.ac_bg {
    background-size: cover;
    background-position: 50% 50%;
}

.ac_bg--fixed, .ac_bg--parallax {
    background-attachment: fixed;
}

.ac_container-fullscreen {
    height: 100vh !important;
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert h4 {
    margin-top: 0;
    color: inherit;
}

.alert .alert-link {
    font-weight: bold;
}

.alert>p, .alert>ul {
    margin-bottom: 0;
}

.alert>p+p {
    margin-top: 5px;
}

.alert-dismissable, .alert-dismissible {
    padding-right: 35px;
}

.alert-dismissable .close, .alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit;
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}

.alert-success hr {
    border-top-color: #c9e2b3;
}

.alert-success .alert-link {
    color: #2b542c;
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
}

.alert-info hr {
    border-top-color: #a6e1ec;
}

.alert-info .alert-link {
    color: #245269;
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
}

.alert-warning hr {
    border-top-color: #f7e1b5;
}

.alert-warning .alert-link {
    color: #66512c;
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}

.alert-danger hr {
    border-top-color: #e4b9c0;
}

.alert-danger .alert-link {
    color: #843534;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    text-decoration: none;
    opacity: .2;
}

.close:hover, .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5;
}

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.alert:after {
    content: '';
    display: table;
    clear: both;
}

.alert .close {
    text-shadow: none;
}

.alert>i {
    margin-right: 5px;
    background: none;
    float: left;
}

.alert.alert-style-2 {
    background: none;
}

.alert.alert-style-3 {
    overflow: hidden;
    background: none;
    border-radius: 0;
    border-width: 0;
    border-bottom-width: 3px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.alert.alert-style-4 {
    border-radius: 0;
    border-color: transparent;
}

.alert.alert-style-4 .close {
    transform: scale(0);
}

.alert.alert-style-4:hover .close {
    transform: scale(1);
}

.alert__content {
    display: block;
    overflow: hidden;
}

.ac_svg {
    position: absolute;
    display: block;
    width: 100%;
    left: 0;
    z-index: 99;
    background-repeat: repeat;
    background-position: 50% 50%;
}

.ac_svg--top {
    top: 0;
    -webkit-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    -o-transform: translate(0, -100%);
    transform: translate(0, -100%);
}

.ac_svg--bottom {
    bottom: 0;
    -webkit-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    -o-transform: translate(0, 100%);
    transform: translate(0, 100%);
}

.ac_svg svg {
    display: none;
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 12px 20px;
    font-size: 14px;
    line-height: 1.42857;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.btn:hover, .btn:focus, .btn.focus {
    color: #333;
    text-decoration: none;
}

.btn:active, .btn.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}

a.btn.disabled, fieldset[disabled] a.btn {
    pointer-events: none;
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.btn-default:focus, .btn-default.focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c;
}

.btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.btn-default:active, .btn-default.active, .open>.btn-default.dropdown-toggle {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open>.btn-default.dropdown-toggle:hover, .open>.btn-default.dropdown-toggle:focus, .open>.btn-default.dropdown-toggle.focus {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c;
}

.btn-default:active, .btn-default.active, .open>.btn-default.dropdown-toggle {
    background-image: none;
}

.btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active {
    background-color: #fff;
    border-color: #ccc;
}

.btn-default .badge {
    color: #fff;
    background-color: #333;
}

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

.btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #286090;
    border-color: #122b40;
}

.btn-primary:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}

.btn-primary:active, .btn-primary.active, .open>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}

.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open>.btn-primary.dropdown-toggle:hover, .open>.btn-primary.dropdown-toggle:focus, .open>.btn-primary.dropdown-toggle.focus {
    color: #fff;
    background-color: #204d74;
    border-color: #122b40;
}

.btn-primary:active, .btn-primary.active, .open>.btn-primary.dropdown-toggle {
    background-image: none;
}

.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active {
    background-color: #337ab7;
    border-color: #2e6da4;
}

.btn-primary .badge {
    color: #337ab7;
    background-color: #fff;
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.btn-success:focus, .btn-success.focus {
    color: #fff;
    background-color: #449d44;
    border-color: #255625;
}

.btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}

.btn-success:active, .btn-success.active, .open>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}

.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open>.btn-success.dropdown-toggle:hover, .open>.btn-success.dropdown-toggle:focus, .open>.btn-success.dropdown-toggle.focus {
    color: #fff;
    background-color: #398439;
    border-color: #255625;
}

.btn-success:active, .btn-success.active, .open>.btn-success.dropdown-toggle {
    background-image: none;
}

.btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active {
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.btn-success .badge {
    color: #5cb85c;
    background-color: #fff;
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

.btn-info:focus, .btn-info.focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #1b6d85;
}

.btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc;
}

.btn-info:active, .btn-info.active, .open>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc;
}

.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open>.btn-info.dropdown-toggle:hover, .open>.btn-info.dropdown-toggle:focus, .open>.btn-info.dropdown-toggle.focus {
    color: #fff;
    background-color: #269abc;
    border-color: #1b6d85;
}

.btn-info:active, .btn-info.active, .open>.btn-info.dropdown-toggle {
    background-image: none;
}

.btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active {
    background-color: #5bc0de;
    border-color: #46b8da;
}

.btn-info .badge {
    color: #5bc0de;
    background-color: #fff;
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

.btn-warning:focus, .btn-warning.focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #985f0d;
}

.btn-warning:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512;
}

.btn-warning:active, .btn-warning.active, .open>.btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512;
}

.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open>.btn-warning.dropdown-toggle:hover, .open>.btn-warning.dropdown-toggle:focus, .open>.btn-warning.dropdown-toggle.focus {
    color: #fff;
    background-color: #d58512;
    border-color: #985f0d;
}

.btn-warning:active, .btn-warning.active, .open>.btn-warning.dropdown-toggle {
    background-image: none;
}

.btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active {
    background-color: #f0ad4e;
    border-color: #eea236;
}

.btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff;
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

.btn-danger:focus, .btn-danger.focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #761c19;
}

.btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
}

.btn-danger:active, .btn-danger.active, .open>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
}

.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open>.btn-danger.dropdown-toggle:hover, .open>.btn-danger.dropdown-toggle:focus, .open>.btn-danger.dropdown-toggle.focus {
    color: #fff;
    background-color: #ac2925;
    border-color: #761c19;
}

.btn-danger:active, .btn-danger.active, .open>.btn-danger.dropdown-toggle {
    background-image: none;
}

.btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active {
    background-color: #d9534f;
    border-color: #d43f3a;
}

.btn-danger .badge {
    color: #d9534f;
    background-color: #fff;
}

.btn-link {
    color: #337ab7;
    font-weight: normal;
    border-radius: 0;
}

.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
    border-color: transparent;
}

.btn-link:hover, .btn-link:focus {
    color: #23527c;
    text-decoration: underline;
    background-color: transparent;
}

.btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus {
    color: #777777;
    text-decoration: none;
}

.btn-lg, .btn-group-lg>.btn {
    padding: 14px 25px;
    font-size: 18px;
    line-height: 1.33333;
    border-radius: 6px;
}

.btn-sm, .btn-group-sm>.btn {
    padding: 12px 20px;
    font-size: 16px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-xs, .btn-group-xs>.btn {
    padding: 8px 15px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-block {
    display: block;
    width: 100%;
}

.btn-block+.btn-block {
    margin-top: 5px;
}

input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
    width: 100%;
}

.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.btn-group>.btn, .btn-group-vertical>.btn {
    position: relative;
    float: left;
}

.btn-group>.btn:hover, .btn-group>.btn:focus, .btn-group>.btn:active, .btn-group>.btn.active, .btn-group-vertical>.btn:hover, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn.active {
    z-index: 2;
}

.btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group {
    margin-left: -1px;
}

.btn-toolbar {
    margin-left: -5px;
}

.btn-toolbar:after {
    content: '';
    display: table;
    clear: both;
}

.btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group {
    float: left;
}

.btn-toolbar>.btn, .btn-toolbar>.btn-group, .btn-toolbar>.input-group {
    margin-left: 5px;
}

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
}

.btn-group>.btn:first-child {
    margin-left: 0;
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.btn-group>.btn-group {
    float: left;
}

.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0;
}

.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child, .btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
    outline: 0;
}

.btn-group>.btn+.dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px;
}

.btn-group>.btn-lg+.dropdown-toggle, .btn-group-lg.btn-group>.btn+.dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px;
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-group.open .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn .caret {
    margin-left: 0;
}

.btn-lg .caret, .btn-group-lg>.btn .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0;
}

.dropup .btn-lg .caret, .dropup .btn-group-lg>.btn .caret {
    border-width: 0 5px 5px;
}

.btn-group-vertical>.btn, .btn-group-vertical>.btn-group, .btn-group-vertical>.btn-group>.btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
}

.btn-group-vertical>.btn-group:after {
    content: '';
    display: table;
    clear: both;
}

.btn-group-vertical>.btn-group>.btn {
    float: none;
}

.btn-group-vertical>.btn+.btn, .btn-group-vertical>.btn+.btn-group, .btn-group-vertical>.btn-group+.btn, .btn-group-vertical>.btn-group+.btn-group {
    margin-top: -1px;
    margin-left: 0;
}

.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
    border-radius: 0;
}

.btn-group-vertical>.btn:first-child:not(:last-child) {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group-vertical>.btn:last-child:not(:first-child) {
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0;
}

.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child, .btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
}

.btn-group-justified>.btn, .btn-group-justified>.btn-group {
    float: none;
    display: table-cell;
    width: 1%;
}

.btn-group-justified>.btn-group .btn {
    width: 100%;
}

.btn-group-justified>.btn-group .dropdown-menu {
    left: auto;
}

[data-toggle="buttons"]>.btn input[type="radio"], [data-toggle="buttons"]>.btn input[type="checkbox"], [data-toggle="buttons"]>.btn-group>.btn input[type="radio"], [data-toggle="buttons"]>.btn-group>.btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

table {
    background-color: transparent;
}

caption {
    padding-top: 18px 15px;
    padding-bottom: 18px 15px;
    color: #777777;
    text-align: left;
}

th {
    text-align: left;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

.table>thead>tr>th, .table>thead>tr>td, .table>tbody>tr>th, .table>tbody>tr>td, .table>tfoot>tr>th, .table>tfoot>tr>td {
    padding: 18px 15px;
    line-height: 1.42857;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}

.table>caption+thead>tr:first-child>th, .table>caption+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>thead:first-child>tr:first-child>th, .table>thead:first-child>tr:first-child>td {
    border-top: 0;
}

.table>tbody+tbody {
    border-top: 2px solid #ddd;
}

.table .table {
    background-color: #fff;
}

.table-condensed>thead>tr>th, .table-condensed>thead>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tbody>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>tfoot>tr>td {
    padding: 5px;
}

.table-bordered {
    border: 1px solid #ddd;
}

.table-bordered>thead>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>tfoot>tr>td {
    border: 1px solid #ddd;
}

.table-bordered>thead>tr>th, .table-bordered>thead>tr>td {
    border-bottom-width: 2px;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.table-hover>tbody>tr:hover {
    background-color: #f5f5f5;
}

table col[class*="col-"] {
    position: static;
    float: none;
    display: table-column;
}

table td[class*="col-"], table th[class*="col-"] {
    position: static;
    float: none;
    display: table-cell;
}

.table>thead>tr>td.active, .table>thead>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th {
    background-color: #f5f5f5;
}

.table-hover>tbody>tr>td.active:hover, .table-hover>tbody>tr>th.active:hover, .table-hover>tbody>tr.active:hover>td, .table-hover>tbody>tr:hover>.active, .table-hover>tbody>tr.active:hover>th {
    background-color: #e8e8e8;
}

.table>thead>tr>td.success, .table>thead>tr>th.success, .table>thead>tr.success>td, .table>thead>tr.success>th, .table>tbody>tr>td.success, .table>tbody>tr>th.success, .table>tbody>tr.success>td, .table>tbody>tr.success>th, .table>tfoot>tr>td.success, .table>tfoot>tr>th.success, .table>tfoot>tr.success>td, .table>tfoot>tr.success>th {
    background-color: #dff0d8;
}

.table-hover>tbody>tr>td.success:hover, .table-hover>tbody>tr>th.success:hover, .table-hover>tbody>tr.success:hover>td, .table-hover>tbody>tr:hover>.success, .table-hover>tbody>tr.success:hover>th {
    background-color: #d0e9c6;
}

.table>thead>tr>td.info, .table>thead>tr>th.info, .table>thead>tr.info>td, .table>thead>tr.info>th, .table>tbody>tr>td.info, .table>tbody>tr>th.info, .table>tbody>tr.info>td, .table>tbody>tr.info>th, .table>tfoot>tr>td.info, .table>tfoot>tr>th.info, .table>tfoot>tr.info>td, .table>tfoot>tr.info>th {
    background-color: #d9edf7;
}

.table-hover>tbody>tr>td.info:hover, .table-hover>tbody>tr>th.info:hover, .table-hover>tbody>tr.info:hover>td, .table-hover>tbody>tr:hover>.info, .table-hover>tbody>tr.info:hover>th {
    background-color: #c4e3f3;
}

.table>thead>tr>td.warning, .table>thead>tr>th.warning, .table>thead>tr.warning>td, .table>thead>tr.warning>th, .table>tbody>tr>td.warning, .table>tbody>tr>th.warning, .table>tbody>tr.warning>td, .table>tbody>tr.warning>th, .table>tfoot>tr>td.warning, .table>tfoot>tr>th.warning, .table>tfoot>tr.warning>td, .table>tfoot>tr.warning>th {
    background-color: #fcf8e3;
}

.table-hover>tbody>tr>td.warning:hover, .table-hover>tbody>tr>th.warning:hover, .table-hover>tbody>tr.warning:hover>td, .table-hover>tbody>tr:hover>.warning, .table-hover>tbody>tr.warning:hover>th {
    background-color: #faf2cc;
}

.table>thead>tr>td.danger, .table>thead>tr>th.danger, .table>thead>tr.danger>td, .table>thead>tr.danger>th, .table>tbody>tr>td.danger, .table>tbody>tr>th.danger, .table>tbody>tr.danger>td, .table>tbody>tr.danger>th, .table>tfoot>tr>td.danger, .table>tfoot>tr>th.danger, .table>tfoot>tr.danger>td, .table>tfoot>tr.danger>th {
    background-color: #f2dede;
}

.table-hover>tbody>tr>td.danger:hover, .table-hover>tbody>tr>th.danger:hover, .table-hover>tbody>tr.danger:hover>td, .table-hover>tbody>tr:hover>.danger, .table-hover>tbody>tr.danger:hover>th {
    background-color: #ebcccc;
}

.table-responsive {
    overflow-x: auto;
    min-height: 0.01%;
}

@media screen and (max-width:767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
    }
    .table-responsive>.table {
        margin-bottom: 0;
    }
    .table-responsive>.table>thead>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>tfoot>tr>td {
        white-space: nowrap;
    }
    .table-responsive>.table-bordered {
        border: 0;
    }
    .table-responsive>.table-bordered>thead>tr>th:first-child, .table-responsive>.table-bordered>thead>tr>td:first-child, .table-responsive>.table-bordered>tbody>tr>th:first-child, .table-responsive>.table-bordered>tbody>tr>td:first-child, .table-responsive>.table-bordered>tfoot>tr>th:first-child, .table-responsive>.table-bordered>tfoot>tr>td:first-child {
        border-left: 0;
    }
    .table-responsive>.table-bordered>thead>tr>th:last-child, .table-responsive>.table-bordered>thead>tr>td:last-child, .table-responsive>.table-bordered>tbody>tr>th:last-child, .table-responsive>.table-bordered>tbody>tr>td:last-child, .table-responsive>.table-bordered>tfoot>tr>th:last-child, .table-responsive>.table-bordered>tfoot>tr>td:last-child {
        border-right: 0;
    }
    .table-responsive>.table-bordered>tbody>tr:last-child>th, .table-responsive>.table-bordered>tbody>tr:last-child>td, .table-responsive>.table-bordered>tfoot>tr:last-child>th, .table-responsive>.table-bordered>tfoot>tr:last-child>td {
        border-bottom: 0;
    }
}

.ac-divider {
    text-align: center;
    overflow: hidden;
    margin: auto;
}

.ac-divider.ac-divider--text-left {
    text-align: left;
}

.ac-divider.ac-divider--text-left .ac-divider__line-left {
    display: none;
}

.ac-divider.ac-divider--text-left .ac-divider__text {
    padding-left: 0;
}

.ac-divider.ac-divider--text-right {
    text-align: right;
}

.ac-divider.ac-divider--text-right .ac-divider__line-right {
    display: none;
}

.ac-divider.ac-divider--text-right .ac-divider__text {
    padding-right: 0;
}

.ac-divider.ac-divider--left {
    margin-left: 0;
}

.ac-divider.ac-divider--right {
    margin-right: 0;
}

.ac-divider--notext {
    border-top: 1px solid #000;
}

.ac-divider--notext.ac-divider--dotted {
    border-top-style: dotted;
}

.ac-divider--notext.ac-divider--dashed {
    border-top-style: dashed;
}

.ac-divider__text {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.ac-divider__text.ac-divider__text-enable {
    padding-left: 10px;
    padding-right: 10px;
}

.ac-divider__textval {
    padding: 0 15px;
}

.ac-divider__line-left, .ac-divider__line-right {
    position: absolute;
    height: 0;
    width: 100000px;
    margin: auto;
    top: 0;
    bottom: 0;
    border-top: 1px solid #000;
}

.ac-divider__line-left {
    left: 0;
    transform: translate(-100%, 0);
}

.ac-divider__line-right {
    right: 0;
    transform: translate(100%, 0);
}

.ac-divider--dotted .ac-divider__line-left, .ac-divider--dotted .ac-divider__line-right {
    border-top-style: dotted;
}

.ac-divider--dashed .ac-divider__line-left, .ac-divider--dashed .ac-divider__line-right {
    border-top-style: dashed;
}

.ac_masonry-wrapper {
    margin: -5px;
}

.ac_masonry-wrapper .grid-item, .ac_masonry-wrapper .grid-sizer {
    width: 100%;
}

.ac_masonry-wrapper .grid-item .grid-item__inner .grid-item__content-wrapper {
    margin: 5px;
    background-color: #9EC3C3;
}

.ac_masonry-wrapper.ac_masonry-grid .grid-item__content-wrapper {
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px;
}

.setting {
    margin: -5px;
}

.setting .grid-item, .setting .grid-sizer {
    width: 100%;
}

.setting .grid-item .grid-item__inner .grid-item__content-wrapper {
    margin: 5px;
    background-color: #ccc;
}

.setting.ac_masonry-grid .grid-item__content-wrapper {
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px;
}

.setting.ac_masonry-grid .grid-item__inner {
    padding-top: 60%;
}

.setting.ac_masonry-grid .grid-item.extra-large .grid-item__inner, .setting.ac_masonry-grid .grid-item.wide .grid-item__inner {
    padding-top: 30%;
}

.setting.ac_masonry-grid .grid-item.high .grid-item__inner {
    padding-top: 120%;
}

.setting .grid-item, .setting .grid-sizer {
    width: 100%;
}

@media (min-width:768px) {
    .setting .grid-item, .setting .grid-sizer {
        width: 50%;
    }
    .setting .grid-item.wide, .setting .grid-item.large {
        width: 100%;
    }
    .setting .grid-item.extra-large {
        width: 100%;
    }
}

@media (min-width:992px) {
    .setting .grid-item, .setting .grid-sizer {
        width: 33.33333%;
    }
    .setting .grid-item.wide, .setting .grid-item.large {
        width: 66.66667%;
    }
    .setting .grid-item.extra-large {
        width: 100%;
    }
}

@media (min-width:1200px) {
    .setting .grid-item, .setting .grid-sizer {
        width: 33.33333%;
    }
    .setting .grid-item.wide, .setting .grid-item.large {
        width: 66.66667%;
    }
    .setting .grid-item.extra-large {
        width: 100%;
    }
}

.ac-hovercard {
    position: relative;
    overflow: hidden;
    height: 300px;
    z-index: 1;
}

.ac-hovercard--showback .ac-hovercard__item--front {
    display: none !important;
}

.ac-hovercard--showback .ac-hovercard__item--back {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.ac-hovercard__item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 400ms cubic-bezier(0.5, 0.72, 0.24, 0.94);
}

.ac-hovercard__item--front {
    z-index: 1;
}

.ac-hovercard__item--back {
    z-index: 2;
}

[data-effect="classic"]>.ac-hovercard__item--back {
    display: none;
}

[data-effect="classic"]:hover>.ac-hovercard__item--back {
    display: block;
}

[data-effect="fadeUp"]>.ac-hovercard__item--back, [data-effect="fadeDown"]>.ac-hovercard__item--back, [data-effect="fadeLeft"]>.ac-hovercard__item--back, [data-effect="fadeRight"]>.ac-hovercard__item--back, [data-effect="fade"]>.ac-hovercard__item--back {
    opacity: 0;
    visibility: hidden;
}

[data-effect="fadeUp"]:hover>.ac-hovercard__item--back, [data-effect="fadeDown"]:hover>.ac-hovercard__item--back, [data-effect="fadeLeft"]:hover>.ac-hovercard__item--back, [data-effect="fadeRight"]:hover>.ac-hovercard__item--back, [data-effect="fade"]:hover>.ac-hovercard__item--back {
    opacity: 1;
    visibility: visible;
}

[data-effect="fadeUp"]>.ac-hovercard__item--back {
    transform: translateY(-100%);
}

[data-effect="fadeUp"]:hover>.ac-hovercard__item--back {
    transform: translateY(0);
}

[data-effect="fadeDown"]>.ac-hovercard__item--back {
    transform: translateY(100%);
}

[data-effect="fadeDown"]:hover>.ac-hovercard__item--back {
    transform: translateY(0);
}

[data-effect="fadeLeft"]>.ac-hovercard__item--back {
    transform: translateX(-100%);
}

[data-effect="fadeLeft"]:hover>.ac-hovercard__item--back {
    transform: translateX(0);
}

[data-effect="fadeRight"]>.ac-hovercard__item--back {
    transform: translateX(100%);
}

[data-effect="fadeRight"]:hover .ac-hovercard__item--back {
    transform: translateX(0);
}

[data-effect="flipX"] {
    overflow: visible !important;
}

[data-effect="flipX"] .ac-hovercard__item--front {
    backface-visibility: hidden;
    transform: perspective(300em) rotateX(0);
}

[data-effect="flipX"]:hover .ac-hovercard__item--front {
    transform: perspective(300em) rotateX(180deg);
}

[data-effect="flipX"] .ac-hovercard__item--back {
    backface-visibility: hidden;
    transform: perspective(300em) rotateX(-180deg);
}

[data-effect="flipX"]:hover .ac-hovercard__item--back {
    z-index: 9;
    transform: perspective(300em) rotateX(0);
}

[data-effect="flipY"] {
    overflow: visible !important;
}

[data-effect="flipY"] .ac-hovercard__item--front {
    backface-visibility: hidden;
    transform: perspective(300em) rotateY(0);
}

[data-effect="flipY"]:hover .ac-hovercard__item--front {
    transform: perspective(300em) rotateY(-180deg);
}

[data-effect="flipY"] .ac-hovercard__item--back {
    backface-visibility: hidden;
    transform: perspective(300em) rotateY(180deg);
}

[data-effect="flipY"]:hover .ac-hovercard__item--back {
    z-index: 9;
    transform: perspective(300em) rotateY(0);
}

.ac-image {
    display: inline-block;
    margin-bottom: 20px;
}

.ac-image a {
    display: inline-block;
}

.ac-image .ac-image__caption {
    margin-bottom: 10px;
}

.ac-image>*~.ac-image__caption {
    margin-top: 10px;
    margin-bottom: 0;
}

.ac-image--hover, .ac-image--hover-top, .ac-image--hover-bottom {
    position: relative;
}

.ac-image--hover .ac-image__caption, .ac-image--hover-top .ac-image__caption, .ac-image--hover-bottom .ac-image__caption {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
    padding: 12px 15px;
    left: 0;
    max-height: 100%;
    width: 100%;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    margin: 0;
    transition: all .4s ease;
}

.ac-image--hover:hover .ac-image__caption, .ac-image--hover-top:hover .ac-image__caption, .ac-image--hover-bottom:hover .ac-image__caption {
    opacity: 1;
    visibility: visible;
}

.ac-image--hover .ac-image__caption {
    top: 0;
    height: 100%;
}

.ac-image--hover-top .ac-image__caption {
    top: 0;
}

.ac-image--hover-bottom .ac-image__caption {
    bottom: 0;
}

.ac-icon {
    display: inline-block;
    color: #1c1c1c;
    font-size: 30px;
}

[class*="ac-icon--style"] {
    position: relative;
    border: 1px solid;
    width: 60px;
    height: 60px;
    line-height: 58px;
    text-align: center;
}

.ac-icon--style-2 {
    border-radius: 5px;
    transform: rotate(45deg);
    margin: 10px;
}

.ac-icon--style-2 i {
    display: inline-block;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.ac-icon--style-3 {
    border-radius: 50%;
}

.ac-icon--style-4, .ac-icon--style-6 {
    border: 0;
}

.ac-icon--style-4 .ac-icon__style-border, .ac-icon--style-6 .ac-icon__style-border {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.ac-icon--style-4 .ac-icon__style-border span, .ac-icon--style-6 .ac-icon__style-border span {
    position: absolute;
    width: 10px;
    height: 10px;
    color: inherit;
    border: 1px solid;
    transition: all .3s ease;
}

.ac-icon--style-4 .ac-icon__style-border span:nth-child(1), .ac-icon--style-6 .ac-icon__style-border span:nth-child(1) {
    top: 0;
    left: 0;
    border-bottom-color: transparent;
    border-right-color: transparent;
}

.ac-icon--style-4 .ac-icon__style-border span:nth-child(2), .ac-icon--style-6 .ac-icon__style-border span:nth-child(2) {
    top: 0;
    right: 0;
    border-bottom-color: transparent;
    border-left-color: transparent;
}

.ac-icon--style-4 .ac-icon__style-border span:nth-child(3), .ac-icon--style-6 .ac-icon__style-border span:nth-child(3) {
    bottom: 0;
    right: 0;
    border-top-color: transparent;
    border-left-color: transparent;
}

.ac-icon--style-4 .ac-icon__style-border span:nth-child(4), .ac-icon--style-6 .ac-icon__style-border span:nth-child(4) {
    bottom: 0;
    left: 0;
    border-top-color: transparent;
    border-right-color: transparent;
}

.ac-icon--style-5 {
    border-top: 0;
    border-bottom: 0;
    margin: 20px 0;
}

.ac-icon--style-5:before, .ac-icon--style-5:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: inherit;
}

.ac-icon--style-5:before {
    transform: rotate(60deg);
}

.ac-icon--style-5:after {
    transform: rotate(-60deg);
}

.ac-icon--style-6 {
    margin: 15px;
}

.ac-icon--style-6 .ac-icon__style-border {
    transform: rotate(45deg);
}

.ac-list--icon {
    list-style: none;
    margin: 0;
    padding: 0;
}

.ac-list--icon i {
    display: inline-block;
    min-width: 16px;
}

.ac-list--arrow, .ac-list--check, .ac-list--star {
    list-style: none;
    padding-left: 28px;
    margin-left: 0;
}

.ac-list--arrow li, .ac-list--check li, .ac-list--star li {
    position: relative;
}

.ac-list--arrow li:before, .ac-list--check li:before, .ac-list--star li:before {
    position: absolute;
    content: "";
    width: 18px;
    height: 18px;
    left: -24px;
    top: 50%;
    transform: translateY(-50%);
    background: url(/d8/md-megatron/logistics/modules/custom/awecontent/awe_builder/assets/images/icon/list.png) no-repeat 0 0;
}

.ac-list--check li:before {
    background-position: -18px 0;
}

.ac-list--star li:before {
    background-position: -36px 0;
}

.ac_element:before, .ac-tab:before, .ac_element:after, .ac-tab:after {
    display: table;
    content: '';
    clear: both;
}

.ac-accordion>.ac_element {
    margin-bottom: 0;
}

.ac-accordion__header-icon {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translate(0, -50%);
    transition: all .3s ease;
}

.ac-accordion__header {
    position: relative;
    border: 1px solid #eee;
}

.ac-accordion__header a {
    display: block;
    padding: 18px 15px;
    background-color: #fff;
    color: #000;
    font-size: 14px;
    line-height: normal;
    text-decoration: none;
}

.ac-accordion__header.active a {
    background-color: #eee;
}

.ac-accordion__header:hover a {
    background-color: #f7f7f7;
}

.ac-accordion__header.ac_icon--left .fa, .ac-accordion__header.ac_icon--left .icon, .ac-accordion__header.ac_icon--left i {
    margin-right: 5px;
}

.ac-accordion__header.ac_icon--right .fa, .ac-accordion__header.ac_icon--right .icon, .ac-accordion__header.ac_icon--right i {
    margin-left: 5px;
}

.ac-accordion__header--icon-left .ac-accordion__header-icon {
    right: auto;
    left: 15px;
}

.ac-accordion__header--icon-left>a {
    padding-left: 40px;
}

.ac-tab__nav {
    list-style: none;
    padding: 0;
    margin: 0;
}

.ac-tab__nav li {
    position: relative;
    display: inline-block;
    margin: 0 3px;
}

.ac-tab__nav li a {
    display: block;
    padding: 10px 15px;
    border: 1px solid #eee;
    background-color: #fff;
    color: #000;
    font-size: 14px;
    text-decoration: none;
}

.ac-tab__nav li a.active {
    background-color: #eee;
}

.ac-tab__nav li a:hover {
    background-color: #f7f7f7;
}

.ac-tab__nav.ac-tab__nav--top {
    margin-bottom: 15px;
}

.ac-tab__nav.ac-tab__nav--bottom {
    margin-top: 15px;
}

.ac-tab__nav.ac-tab__nav--left, .ac-tab__nav.ac-tab__nav--right {
    width: 200px;
}

.ac-tab__nav.ac-tab__nav--left li, .ac-tab__nav.ac-tab__nav--right li {
    display: block;
    margin: 2px 0;
}

.ac-tab__nav.ac-tab__nav--left {
    float: left;
    margin-right: 20px;
}

.ac-tab__nav.ac-tab__nav--right {
    float: right;
    margin-left: 20px;
}

.ac-tab__nav.ac_icon--left .fa, .ac-tab__nav.ac_icon--left .icon, .ac-tab__nav.ac_icon--left i {
    margin-right: 5px;
}

.ac-tab__nav.ac_icon--right .fa, .ac-tab__nav.ac_icon--right .icon, .ac-tab__nav.ac_icon--right i {
    margin-left: 5px;
}

.tabs-panel {
    display: none;
}

.form-item .container-inline {
    margin: 2px 0;
}

.form-checkboxes .form-required:after, .form-radios .form-required:after {
    display: none;
}

.webform-element--title-inline>label {
    display: inline;
    padding-right: 0.5em;
}

.form-composite.webform-fieldset--title-inline legend {
    float: left;
    margin: 0.4em 0.5em 0.4em 0;
}

.form-composite.webform-fieldset--title-inline .fieldset-wrapper, .form-composite.webform-fieldset--title-inline .fieldset-wrapper>div {
    display: inline;
}

.webform-element--title-inline .form-radios, .webform-element--title-inline .form-checkboxes {
    display: inline;
}

.webform-readonly input[type="date"], .webform-readonly input[type="datetime-local"], .webform-readonly input[type="email"], .webform-readonly input[type="number"], .webform-readonly input[type="password"], .webform-readonly input[type="search"], .webform-readonly input[type="tel"], .webform-readonly input[type="text"], .webform-readonly input[type="time"], .webform-readonly input[type="url"], .webform-readonly textarea {
    background: #ededed;
    border-color: #bbb;
    color: #717171;
}

.webform-details-toggle-state-wrapper {
    text-align: right;
}

[dir="rtl"] .webform-details-toggle-state-wrapper {
    text-align: left;
}

.webform-details-toggle-state-wrapper {
    margin-top: 1em;
}

.webform-details-toggle-state-wrapper+details {
    margin-top: 0;
}

.webform-details-toggle-state {
    background: transparent;
    border: 0;
    cursor: pointer;
    margin-top: 0;
    padding: 0;
    font-size: 1em;
}

.webform-details-toggle-state {
    color: #337ab7;
    text-decoration: none;
}

.webform-details-toggle-state:hover, .webform-details-toggle-statelink:focus {
    text-decoration: underline;
}

.webform-tabs .webform-details-toggle-state-wrapper {
    float: right;
}

@media screen and (max-width:600px) {
    .webform-tabs .webform-details-toggle-state-wrapper {
        float: none;
    }
}

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

.animated.hinge {
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -ms-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}

@-moz-keyframes flipInX {
    0% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    40% {
        -moz-transform: perspective(400px) rotateX(-10deg)
    }
    70% {
        -moz-transform: perspective(400px) rotateX(10deg)
    }
    100% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}

@-o-keyframes flipInX {
    0% {
        -o-transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    40% {
        -o-transform: perspective(400px) rotateX(-10deg)
    }
    70% {
        -o-transform: perspective(400px) rotateX(10deg)
    }
    100% {
        -o-transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}

@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotateX(-10deg)
    }
    70% {
        transform: perspective(400px) rotateX(10deg)
    }
    100% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}

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

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

@-moz-keyframes flipOutX {
    0% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
    100% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@-o-keyframes flipOutX {
    0% {
        -o-transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
    100% {
        -o-transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
    100% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

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

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
}

@-moz-keyframes flipInY {
    0% {
        -moz-transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    40% {
        -moz-transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        -moz-transform: perspective(400px) rotateY(10deg)
    }
    100% {
        -moz-transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
}

@-o-keyframes flipInY {
    0% {
        -o-transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    40% {
        -o-transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        -o-transform: perspective(400px) rotateY(10deg)
    }
    100% {
        -o-transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
}

@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        transform: perspective(400px) rotateY(10deg)
    }
    100% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
}

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

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

@-moz-keyframes flipOutY {
    0% {
        -moz-transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
    100% {
        -moz-transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@-o-keyframes flipOutY {
    0% {
        -o-transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
    100% {
        -o-transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
    100% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

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

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

@-moz-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

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

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

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

@-o-keyframes fadeInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -o-transform: translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

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

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes fadeInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

@-o-keyframes fadeInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -o-transform: translateY(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

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

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}

@-o-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

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

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes fadeInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(20px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}

@-o-keyframes fadeInRight {
    0% {
        opacity: 0;
        -o-transform: translateX(20px)
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(20px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

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

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -moz-transform: translateY(2000px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

@-o-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -o-transform: translateY(2000px)
    }
    100% {
        opacity: 1;
        -o-transform: translateY(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translateY(2000px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

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

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -moz-transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

@-o-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -o-transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        -o-transform: translateY(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

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

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -moz-transform: translateX(-2000px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}

@-o-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -o-transform: translateX(-2000px)
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translateX(-2000px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

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

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -moz-transform: translateX(2000px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}

@-o-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -o-transform: translateX(2000px)
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translateX(2000px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

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

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

@-moz-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-o-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

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

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

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px)
    }
}

@-moz-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(-20px)
    }
}

@-o-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -o-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -o-transform: translateY(-20px)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(-20px)
    }
}

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

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(20px)
    }
}

@-moz-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(20px)
    }
}

@-o-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -o-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -o-transform: translateY(20px)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(20px)
    }
}

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

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px)
    }
}

@-moz-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(-20px)
    }
}

@-o-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -o-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -o-transform: translateX(-20px)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        transform: translateX(-20px)
    }
}

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

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(20px)
    }
}

@-moz-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(20px)
    }
}

@-o-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -o-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -o-transform: translateX(20px)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        transform: translateX(20px)
    }
}

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

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px)
    }
}

@-moz-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(-2000px)
    }
}

@-o-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -o-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -o-transform: translateY(-2000px)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(-2000px)
    }
}

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

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px)
    }
}

@-moz-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(2000px)
    }
}

@-o-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -o-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -o-transform: translateY(2000px)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(2000px)
    }
}

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

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px)
    }
}

@-moz-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(-2000px)
    }
}

@-o-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -o-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -o-transform: translateX(-2000px)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        transform: translateX(-2000px)
    }
}

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

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px)
    }
}

@-moz-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(2000px)
    }
}

@-o-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -o-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -o-transform: translateX(2000px)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        transform: translateX(2000px)
    }
}

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

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05)
    }
    70% {
        -webkit-transform: scale(.9)
    }
    100% {
        -webkit-transform: scale(1)
    }
}

@-moz-keyframes bounceIn {
    0% {
        opacity: 0;
        -moz-transform: scale(.3)
    }
    50% {
        opacity: 1;
        -moz-transform: scale(1.05)
    }
    70% {
        -moz-transform: scale(.9)
    }
    100% {
        -moz-transform: scale(1)
    }
}

@-o-keyframes bounceIn {
    0% {
        opacity: 0;
        -o-transform: scale(.3)
    }
    50% {
        opacity: 1;
        -o-transform: scale(1.05)
    }
    70% {
        -o-transform: scale(.9)
    }
    100% {
        -o-transform: scale(1)
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(.3)
    }
    50% {
        opacity: 1;
        transform: scale(1.05)
    }
    70% {
        transform: scale(.9)
    }
    100% {
        transform: scale(1)
    }
}

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

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px)
    }
    80% {
        -webkit-transform: translateY(10px)
    }
    100% {
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes bounceInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(2000px)
    }
    60% {
        opacity: 1;
        -moz-transform: translateY(-30px)
    }
    80% {
        -moz-transform: translateY(10px)
    }
    100% {
        -moz-transform: translateY(0)
    }
}

@-o-keyframes bounceInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(2000px)
    }
    60% {
        opacity: 1;
        -o-transform: translateY(-30px)
    }
    80% {
        -o-transform: translateY(10px)
    }
    100% {
        -o-transform: translateY(0)
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        transform: translateY(2000px)
    }
    60% {
        opacity: 1;
        transform: translateY(-30px)
    }
    80% {
        transform: translateY(10px)
    }
    100% {
        transform: translateY(0)
    }
}

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

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px)
    }
    80% {
        -webkit-transform: translateY(-10px)
    }
    100% {
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes bounceInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        -moz-transform: translateY(30px)
    }
    80% {
        -moz-transform: translateY(-10px)
    }
    100% {
        -moz-transform: translateY(0)
    }
}

@-o-keyframes bounceInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        -o-transform: translateY(30px)
    }
    80% {
        -o-transform: translateY(-10px)
    }
    100% {
        -o-transform: translateY(0)
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        transform: translateY(30px)
    }
    80% {
        transform: translateY(-10px)
    }
    100% {
        transform: translateY(0)
    }
}

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

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px)
    }
    80% {
        -webkit-transform: translateX(-10px)
    }
    100% {
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -moz-transform: translateX(30px)
    }
    80% {
        -moz-transform: translateX(-10px)
    }
    100% {
        -moz-transform: translateX(0)
    }
}

@-o-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -o-transform: translateX(30px)
    }
    80% {
        -o-transform: translateX(-10px)
    }
    100% {
        -o-transform: translateX(0)
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        transform: translateX(30px)
    }
    80% {
        transform: translateX(-10px)
    }
    100% {
        transform: translateX(0)
    }
}

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

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px)
    }
    80% {
        -webkit-transform: translateX(10px)
    }
    100% {
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes bounceInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        -moz-transform: translateX(-30px)
    }
    80% {
        -moz-transform: translateX(10px)
    }
    100% {
        -moz-transform: translateX(0)
    }
}

@-o-keyframes bounceInRight {
    0% {
        opacity: 0;
        -o-transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        -o-transform: translateX(-30px)
    }
    80% {
        -o-transform: translateX(10px)
    }
    100% {
        -o-transform: translateX(0)
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        transform: translateX(-30px)
    }
    80% {
        transform: translateX(10px)
    }
    100% {
        transform: translateX(0)
    }
}

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

@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1)
    }
    25% {
        -webkit-transform: scale(.95)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.3)
    }
}

@-moz-keyframes bounceOut {
    0% {
        -moz-transform: scale(1)
    }
    25% {
        -moz-transform: scale(.95)
    }
    50% {
        opacity: 1;
        -moz-transform: scale(1.1)
    }
    100% {
        opacity: 0;
        -moz-transform: scale(.3)
    }
}

@-o-keyframes bounceOut {
    0% {
        -o-transform: scale(1)
    }
    25% {
        -o-transform: scale(.95)
    }
    50% {
        opacity: 1;
        -o-transform: scale(1.1)
    }
    100% {
        opacity: 0;
        -o-transform: scale(.3)
    }
}

@keyframes bounceOut {
    0% {
        transform: scale(1)
    }
    25% {
        transform: scale(.95)
    }
    50% {
        opacity: 1;
        transform: scale(1.1)
    }
    100% {
        opacity: 0;
        transform: scale(.3)
    }
}

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

@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px)
    }
}

@-moz-keyframes bounceOutUp {
    0% {
        -moz-transform: translateY(0)
    }
    20% {
        opacity: 1;
        -moz-transform: translateY(20px)
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(-2000px)
    }
}

@-o-keyframes bounceOutUp {
    0% {
        -o-transform: translateY(0)
    }
    20% {
        opacity: 1;
        -o-transform: translateY(20px)
    }
    100% {
        opacity: 0;
        -o-transform: translateY(-2000px)
    }
}

@keyframes bounceOutUp {
    0% {
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        transform: translateY(20px)
    }
    100% {
        opacity: 0;
        transform: translateY(-2000px)
    }
}

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

@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px)
    }
}

@-moz-keyframes bounceOutDown {
    0% {
        -moz-transform: translateY(0)
    }
    20% {
        opacity: 1;
        -moz-transform: translateY(-20px)
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(2000px)
    }
}

@-o-keyframes bounceOutDown {
    0% {
        -o-transform: translateY(0)
    }
    20% {
        opacity: 1;
        -o-transform: translateY(-20px)
    }
    100% {
        opacity: 0;
        -o-transform: translateY(2000px)
    }
}

@keyframes bounceOutDown {
    0% {
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        transform: translateY(-20px)
    }
    100% {
        opacity: 0;
        transform: translateY(2000px)
    }
}

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

@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px)
    }
}

@-moz-keyframes bounceOutLeft {
    0% {
        -moz-transform: translateX(0)
    }
    20% {
        opacity: 1;
        -moz-transform: translateX(20px)
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(-2000px)
    }
}

@-o-keyframes bounceOutLeft {
    0% {
        -o-transform: translateX(0)
    }
    20% {
        opacity: 1;
        -o-transform: translateX(20px)
    }
    100% {
        opacity: 0;
        -o-transform: translateX(-2000px)
    }
}

@keyframes bounceOutLeft {
    0% {
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        transform: translateX(20px)
    }
    100% {
        opacity: 0;
        transform: translateX(-2000px)
    }
}

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

@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px)
    }
}

@-moz-keyframes bounceOutRight {
    0% {
        -moz-transform: translateX(0)
    }
    20% {
        opacity: 1;
        -moz-transform: translateX(-20px)
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(2000px)
    }
}

@-o-keyframes bounceOutRight {
    0% {
        -o-transform: translateX(0)
    }
    20% {
        opacity: 1;
        -o-transform: translateX(-20px)
    }
    100% {
        opacity: 0;
        -o-transform: translateX(2000px)
    }
}

@keyframes bounceOutRight {
    0% {
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        transform: translateX(-20px)
    }
    100% {
        opacity: 0;
        transform: translateX(2000px)
    }
}

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

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

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

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

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

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

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

@-moz-keyframes rotateInUpLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
}

@-o-keyframes rotateInUpLeft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0
    }
    100% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
}

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

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

@-moz-keyframes rotateInDownLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
}

@-o-keyframes rotateInDownLeft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
}

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

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

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

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

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

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

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

@-moz-keyframes rotateInDownRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
}

@-o-keyframes rotateInDownRight {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
}

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

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

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

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

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

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

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

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

@-moz-keyframes rotateOutUpLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0
    }
}

@-o-keyframes rotateOutUpLeft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(-90deg);
        opacity: 0
    }
}

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

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

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

@-moz-keyframes rotateOutDownLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(90deg);
        opacity: 0
    }
}

@-o-keyframes rotateOutDownLeft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(90deg);
        opacity: 0
    }
}

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

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

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

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

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

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

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

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

@-moz-keyframes rotateOutDownRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0
    }
}

@-o-keyframes rotateOutDownRight {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(-90deg);
        opacity: 0
    }
}

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

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

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }
    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
}

@-moz-keyframes lightSpeedIn {
    0% {
        -moz-transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
    60% {
        -moz-transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }
    80% {
        -moz-transform: translateX(0%) skewX(-15deg);
        opacity: 1
    }
    100% {
        -moz-transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
}

@-o-keyframes lightSpeedIn {
    0% {
        -o-transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
    60% {
        -o-transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }
    80% {
        -o-transform: translateX(0%) skewX(-15deg);
        opacity: 1
    }
    100% {
        -o-transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    0% {
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
    60% {
        transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }
    80% {
        transform: translateX(0%) skewX(-15deg);
        opacity: 1
    }
    100% {
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
}

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

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

@-moz-keyframes lightSpeedOut {
    0% {
        -moz-transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
    100% {
        -moz-transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

@-o-keyframes lightSpeedOut {
    0% {
        -o-transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
    100% {
        -o-transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
    100% {
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

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

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

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

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

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

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

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg)
    }
}

@-moz-keyframes rollIn {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100%) rotate(-120deg)
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0px) rotate(0deg)
    }
}

@-o-keyframes rollIn {
    0% {
        opacity: 0;
        -o-transform: translateX(-100%) rotate(-120deg)
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0px) rotate(0deg)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        transform: translateX(-100%) rotate(-120deg)
    }
    100% {
        opacity: 1;
        transform: translateX(0px) rotate(0deg)
    }
}

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

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

@-moz-keyframes rollOut {
    0% {
        opacity: 1;
        -moz-transform: translateX(0px) rotate(0deg)
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(100%) rotate(120deg)
    }
}

@-o-keyframes rollOut {
    0% {
        opacity: 1;
        -o-transform: translateX(0px) rotate(0deg)
    }
    100% {
        opacity: 0;
        -o-transform: translateX(100%) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
        transform: translateX(0px) rotate(0deg)
    }
    100% {
        opacity: 0;
        transform: translateX(100%) rotate(120deg)
    }
}

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

@-webkit-keyframes puffOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1)
    }
    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(2, 2);
        -webkit-filter: blur(2px)
    }
}

@-moz-keyframes puffOut {
    0% {
        opacity: 1;
        -moz-transform-origin: 50% 50%;
        -moz-transform: scale(1, 1)
    }
    100% {
        opacity: 0;
        -moz-transform-origin: 50% 50%;
        -moz-transform: scale(2, 2);
        filter: blur(2px)
    }
}

@-o-keyframes puffOut {
    0% {
        opacity: 1;
        -o-transform-origin: 50% 50%;
        -o-transform: scale(1, 1)
    }
    100% {
        opacity: 0;
        -o-transform-origin: 50% 50%;
        -o-transform: scale(2, 2)
    }
}

@keyframes puffOut {
    0% {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: scale(1, 1)
    }
    100% {
        opacity: 0;
        transform-origin: 50% 50%;
        transform: scale(2, 2);
        filter: blur(2px)
    }
}

.puffOut {
    -webkit-animation-name: puffOut;
    -moz-animation-name: puffOut;
    -o-animation-name: puffOut;
    animation-name: puffOut
}

@-webkit-keyframes rotateDown {
    0% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateX(0deg) translate3d(0, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 100%;
        -webkit-transform: perspective(800px) rotateX(-180deg) translate3d(0, 0, 300px)
    }
}

@-moz-keyframes rotateDown {
    0% {
        -moz-transform-origin: 0 0;
        -moz-transform: perspective(800px) rotateX(0deg) translateZ(0px)
    }
    100% {
        opacity: 0;
        -moz-transform-origin: 50% 100%;
        -moz-transform: perspective(800px) rotateX(-180deg) translateZ(300px)
    }
}

@-o-keyframes rotateDown {
    0% {
        -o-transform-origin: 0 0;
        -o-transform: perspective(800px) rotateX(0deg) translateZ(0px)
    }
    100% {
        opacity: 0;
        -o-transform-origin: 50% 100%;
        -o-transform: perspective(800px) rotateX(-180deg) translateZ(300px)
    }
}

@keyframes rotateDown {
    0% {
        transform-origin: 0 0;
        transform: perspective(800px) rotateX(0deg) translateZ(0px)
    }
    100% {
        opacity: 0;
        transform-origin: 50% 100%;
        transform: perspective(800px) rotateX(-180deg) translateZ(300px)
    }
}

.rotateDown {
    -webkit-backface-visibility: visible!important;
    -moz-backface-visibility: visible!important;
    -o-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: rotateDown;
    -moz-animation-name: rotateDown;
    -o-animation-name: rotateDown;
    animation-name: rotateDown
}

@-webkit-keyframes rotateLeft {
    0% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateY(0deg) translate3d(0, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 0;
        -webkit-transform: perspective(800px) rotateY(180deg) translate3d(0, 0, 300px)
    }
}

@-moz-keyframes rotateLeft {
    0% {
        -moz-transform-origin: 0 0;
        -moz-transform: perspective(800px) rotateY(0deg) translateZ(0px)
    }
    100% {
        opacity: 0;
        -moz-transform-origin: 50% 0;
        -moz-transform: perspective(800px) rotateY(180deg) translateZ(300px)
    }
}

@-o-keyframes rotateLeft {
    0% {
        -o-transform-origin: 0 0;
        -o-transform: perspective(800px) rotateY(0deg) translateZ(0px)
    }
    100% {
        opacity: 0;
        -o-transform-origin: 50% 0;
        -o-transform: perspective(800px) rotateY(180deg) translateZ(300px)
    }
}

@keyframes rotateLeft {
    0% {
        transform-origin: 0 0;
        transform: perspective(800px) rotateY(0deg) translateZ(0px)
    }
    100% {
        opacity: 0;
        transform-origin: 50% 0;
        transform: perspective(800px) rotateY(180deg) translateZ(300px)
    }
}

.rotateLeft {
    -webkit-backface-visibility: visible!important;
    -moz-backface-visibility: visible!important;
    -o-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: rotateLeft;
    -moz-animation-name: rotateLeft;
    -o-animation-name: rotateLeft;
    animation-name: rotateLeft
}

@-webkit-keyframes rotateRight {
    0% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateY(0deg) translate3d(0, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 0;
        -webkit-transform: perspective(800px) rotateY(-180deg) translate3d(0, 0, 150px)
    }
}

@-moz-keyframes rotateRight {
    0% {
        -moz-transform-origin: 0 0;
        -moz-transform: perspective(800px) rotateY(0deg) translateZ(0px)
    }
    100% {
        opacity: 0;
        -moz-transform-origin: 50% 0;
        -moz-transform: perspective(800px) rotateY(-180deg) translateZ(150px)
    }
}

@-o-keyframes rotateRight {
    0% {
        -o-transform-origin: 0 0;
        -o-transform: perspective(800px) rotateY(0deg) translate3d(0px)
    }
    100% {
        opacity: 0;
        -o-transform-origin: 50% 0;
        -o-transform: perspective(800px) rotateY(-180deg) translateZ(150px)
    }
}

@keyframes rotateRight {
    0% {
        transform-origin: 0 0;
        transform: perspective(800px) rotateY(0deg) translate3d(0px)
    }
    100% {
        opacity: 0;
        transform-origin: 50% 0;
        transform: perspective(800px) rotateY(-180deg) translateZ(150px)
    }
}

.rotateRight {
    -webkit-backface-visibility: visible!important;
    -moz-backface-visibility: visible!important;
    -o-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: rotateRight;
    -moz-animation-name: rotateRight;
    -o-animation-name: rotateRight;
    animation-name: rotateRight
}

@-webkit-keyframes rotateUp {
    0% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateX(0deg) translate3d(0, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 0;
        -webkit-transform: perspective(800px) rotateX(180deg) translate3d(0, 0, 100px)
    }
}

@-moz-keyframes rotateUp {
    0% {
        -moz-transform-origin: 0 0;
        -moz-transform: perspective(800px) rotateX(0deg) translateZ(0px)
    }
    100% {
        opacity: 0;
        -moz-transform-origin: 50% 0;
        -moz-transform: perspective(800px) rotateX(180deg) translateZ(100px)
    }
}

@-o-keyframes rotateUp {
    0% {
        -o-transform-origin: 0 0;
        -o-transform: perspective(800px) rotateX(0deg) translateZ(0px)
    }
    100% {
        opacity: 0;
        -o-transform-origin: 50% 0;
        -o-transform: perspective(800px) rotateX(180deg) translateZ(100px)
    }
}

@keyframes rotateUp {
    0% {
        transform-origin: 0 0;
        transform: perspective(800px) rotateX(0deg) translateZ(0px)
    }
    100% {
        opacity: 0;
        transform-origin: 50% 0;
        transform: perspective(800px) rotateX(180deg) translateZ(100px)
    }
}

.rotateUp {
    -webkit-backface-visibility: visible!important;
    -moz-backface-visibility: visible!important;
    -o-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: rotateUp;
    -moz-animation-name: rotateUp;
    -o-animation-name: rotateUp;
    animation-name: rotateUp
}

@-webkit-keyframes swap {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 100%;
        -webkit-transform: scale(0, 0) translate(-700px, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform-origin: 100% 100%;
        -webkit-transform: scale(1, 1) translate(0px, 0)
    }
}

@-moz-keyframes swap {
    0% {
        opacity: 0;
        -moz-transform-origin: 0 100%;
        -moz-transform: scale(0, 0) translate(-700px, 0)
    }
    100% {
        opacity: 1;
        -moz-transform-origin: 100% 100%;
        -moz-transform: scale(1, 1) translate(0px, 0)
    }
}

@-o-keyframes swap {
    0% {
        opacity: 0;
        -o-transform-origin: 0 100%;
        -o-transform: scale(0, 0) translate(-700px, 0)
    }
    100% {
        opacity: 1;
        -o-transform-origin: 100% 100%;
        -o-transform: scale(1, 1) translate(0px, 0)
    }
}

@keyframes swap {
    0% {
        opacity: 0;
        transform-origin: 0 100%;
        transform: scale(0, 0) translate(-700px, 0)
    }
    100% {
        opacity: 1;
        transform-origin: 100% 100%;
        transform: scale(1, 1) translate(0px, 0)
    }
}

.swap {
    -webkit-animation-name: swap;
    -moz-animation-name: swap;
    -o-animation-name: swap;
    animation-name: swap
}

@-webkit-keyframes twisterInDown {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 100%;
        -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%)
    }
    30% {
        -webkit-transform-origin: 0 100%;
        -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%)
    }
    100% {
        opacity: 1;
        -webkit-transform-origin: 100% 100%;
        -webkit-transform: scale(1, 1) rotate(0deg) translateY(0%)
    }
}

@-moz-keyframes twisterInDown {
    0% {
        opacity: 0;
        -moz-transform-origin: 0 100%;
        -moz-transform: scale(0, 0) rotate(360deg) translateY(-100%)
    }
    30% {
        -moz-transform-origin: 0 100%;
        -moz-transform: scale(0, 0) rotate(360deg) translateY(-100%)
    }
    100% {
        opacity: 1;
        -moz-transform-origin: 100% 100%;
        -moz-transform: scale(1, 1) rotate(0deg) translateY(0%)
    }
}

@-o-keyframes twisterInDown {
    0% {
        opacity: 0;
        -o-transform-origin: 0 100%;
        -o-transform: scale(0, 0) rotate(360deg) translateY(-100%)
    }
    30% {
        -o-transform-origin: 0 100%;
        -o-transform: scale(0, 0) rotate(360deg) translateY(-100%)
    }
    100% {
        opacity: 1;
        -o-transform-origin: 100% 100%;
        -o-transform: scale(1, 1) rotate(0deg) translateY(0%)
    }
}

@keyframes twisterInDown {
    0% {
        opacity: 0;
        transform-origin: 0 100%;
        transform: scale(0, 0) rotate(360deg) translateY(-100%)
    }
    30% {
        transform-origin: 0 100%;
        transform: scale(0, 0) rotate(360deg) translateY(-100%)
    }
    100% {
        opacity: 1;
        transform-origin: 100% 100%;
        transform: scale(1, 1) rotate(0deg) translateY(0%)
    }
}

.twisterInDown {
    -webkit-animation-name: twisterInDown;
    -moz-animation-name: twisterInDown;
    -o-animation-name: twisterInDown;
    animation-name: twisterInDown
}

@-webkit-keyframes twisterInUp {
    0% {
        opacity: 0;
        -webkit-transform-origin: 100% 0;
        -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%)
    }
    30% {
        -webkit-transform-origin: 100% 0;
        -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%)
    }
    100% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        -webkit-transform: scale(1, 1) rotate(0deg) translateY(0%)
    }
}

@-moz-keyframes twisterInUp {
    0% {
        opacity: 0;
        -moz-transform-origin: 100% 0;
        -moz-transform: scale(0, 0) rotate(360deg) translateY(100%)
    }
    30% {
        -moz-transform-origin: 100% 0;
        -moz-transform: scale(0, 0) rotate(360deg) translateY(100%)
    }
    100% {
        opacity: 1;
        -moz-transform-origin: 0 0;
        -moz-transform: scale(1, 1) rotate(0deg) translateY(0)
    }
}

@-o-keyframes twisterInUp {
    0% {
        opacity: 0;
        -o-transform-origin: 100% 0;
        -o-transform: scale(0, 0) rotate(360deg) translateY(100%)
    }
    30% {
        -o-transform-origin: 100% 0;
        -o-transform: scale(0, 0) rotate(360deg) translateY(100%)
    }
    100% {
        opacity: 1;
        -o-transform-origin: 0 0;
        -o-transform: scale(1, 1) rotate(0deg) translateY(0)
    }
}

@keyframes twisterInUp {
    0% {
        opacity: 0;
        transform-origin: 100% 0;
        transform: scale(0, 0) rotate(360deg) translateY(100%)
    }
    30% {
        transform-origin: 100% 0;
        transform: scale(0, 0) rotate(360deg) translateY(100%)
    }
    100% {
        opacity: 1;
        transform-origin: 0 0;
        transform: scale(1, 1) rotate(0deg) translateY(0)
    }
}

.twisterInUp {
    -webkit-animation-name: twisterInUp;
    -moz-animation-name: twisterInUp;
    -o-animation-name: twisterInUp;
    animation-name: twisterInUp
}

@-webkit-keyframes vanishOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1)
    }
    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(2, 2);
        -webkit-filter: blur(20px)
    }
}

@-moz-keyframes vanishOut {
    0% {
        opacity: 1;
        -moz-transform-origin: 50% 50%;
        -moz-transform: scale(1, 1)
    }
    100% {
        opacity: 0;
        -moz-transform-origin: 50% 50%;
        -moz-transform: scale(2, 2);
        filter: blur(20px)
    }
}

@-o-keyframes vanishOut {
    0% {
        opacity: 1;
        -o-transform-origin: 50% 50%;
        -o-transform: scale(1, 1)
    }
    100% {
        opacity: 0;
        -o-transform-origin: 50% 50%;
        -o-transform: scale(2, 2);
        -o-filter: blur(20px)
    }
}

@keyframes vanishOut {
    0% {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: scale(1, 1)
    }
    100% {
        opacity: 0;
        transform-origin: 50% 50%;
        transform: scale(2, 2);
        filter: blur(20px)
    }
}

.vanishOut {
    -webkit-animation-name: vanishOut;
    -moz-animation-name: vanishOut;
    -o-animation-name: vanishOut;
    animation-name: vanishOut
}

@-webkit-keyframes swashOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1)
    }
    80% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(0.9, .9)
    }
    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(0, 0)
    }
}

@-moz-keyframes swashOut {
    0% {
        opacity: 1;
        -moz-transform-origin: 50% 50%;
        -moz-transform: scale(1, 1)
    }
    80% {
        opacity: 1;
        -moz-transform-origin: 50% 50%;
        -moz-transform: scale(0.9, .9)
    }
    100% {
        opacity: 0;
        -moz-transform-origin: 50% 50%;
        -moz-transform: scale(0, 0)
    }
}

@-o-keyframes swashOut {
    0% {
        opacity: 1;
        -o-transform-origin: 50% 50%;
        -o-transform: scale(1, 1)
    }
    80% {
        opacity: 1;
        -o-transform-origin: 50% 50%;
        -o-transform: scale(0.9, .9)
    }
    100% {
        opacity: 0;
        -o-transform-origin: 50% 50%;
        -o-transform: scale(0, 0)
    }
}

@keyframes swashOut {
    0% {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: scale(1, 1)
    }
    80% {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: scale(0.9, .9)
    }
    100% {
        opacity: 0;
        transform-origin: 50% 50%;
        transform: scale(0, 0)
    }
}

.swashOut {
    -webkit-animation-name: swashOut;
    -moz-animation-name: swashOut;
    -o-animation-name: swashOut;
    animation-name: swashOut
}

@-webkit-keyframes swashIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(0, 0)
    }
    90% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(0.9, .9)
    }
    100% {
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1)
    }
}

@-moz-keyframes swashIn {
    0% {
        opacity: 0;
        -moz-transform-origin: 50% 50%;
        -moz-transform: scale(0, 0)
    }
    90% {
        opacity: 1;
        -moz-transform-origin: 50% 50%;
        -moz-transform: scale(0.9, .9)
    }
    100% {
        -moz-transform-origin: 50% 50%;
        -moz-transform: scale(1, 1)
    }
}

@-o-keyframes swashIn {
    0% {
        opacity: 0;
        -o-transform-origin: 50% 50%;
        -o-transform: scale(0, 0)
    }
    90% {
        opacity: 1;
        -o-transform-origin: 50% 50%;
        -o-transform: scale(0.9, .9)
    }
    100% {
        -o-transform-origin: 50% 50%;
        -o-transform: scale(1, 1)
    }
}

@keyframes swashIn {
    0% {
        opacity: 0;
        transform-origin: 50% 50%;
        transform: scale(0, 0)
    }
    90% {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: scale(0.9, .9)
    }
    100% {
        transform-origin: 50% 50%;
        transform: scale(1, 1)
    }
}

.swashIn {
    -webkit-animation-name: swashIn;
    -moz-animation-name: swashIn;
    -o-animation-name: swashIn;
    animation-name: swashIn
}

@-webkit-keyframes foolishOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1) rotate(360deg)
    }
    20% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        -webkit-transform: scale(0.5, .5) rotate(0deg)
    }
    40% {
        opacity: 1;
        -webkit-transform-origin: 100% 0;
        -webkit-transform: scale(0.5, .5) rotate(0deg)
    }
    60% {
        opacity: 1;
        -webkit-transform-origin: 100%% 100%;
        -webkit-transform: scale(0.5, .5) rotate(0deg)
    }
    80% {
        opacity: 1;
        -webkit-transform-origin: 0 100%;
        -webkit-transform: scale(0.5, .5) rotate(0deg)
    }
    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(0, 0) rotate(0deg)
    }
}

@-moz-keyframes foolishOut {
    0% {
        opacity: 1;
        -moz-transform-origin: 50% 50%;
        -moz-transform: scale(1, 1) rotate(360deg)
    }
    20% {
        opacity: 1;
        -moz-transform-origin: 0 0;
        -moz-transform: scale(0.5, .5) rotate(0deg)
    }
    40% {
        opacity: 1;
        -moz-transform-origin: 100% 0;
        -moz-transform: scale(0.5, .5) rotate(0deg)
    }
    60% {
        opacity: 1;
        -moz-transform-origin: 100%% 100%;
        -moz-transform: scale(0.5, .5) rotate(0deg)
    }
    80% {
        opacity: 1;
        -moz-transform-origin: 0 100%;
        -moz-transform: scale(0.5, .5) rotate(0deg)
    }
    100% {
        opacity: 0;
        -moz-transform-origin: 50% 50%;
        -moz-transform: scale(0, 0) rotate(0deg)
    }
}

@-o-keyframes foolishOut {
    0% {
        opacity: 1;
        -o-transform-origin: 50% 50%;
        -o-transform: scale(1, 1) rotate(360deg)
    }
    20% {
        opacity: 1;
        -o-transform-origin: 0 0;
        -o-transform: scale(0.5, .5) rotate(0deg)
    }
    40% {
        opacity: 1;
        -o-transform-origin: 100% 0;
        -o-transform: scale(0.5, .5) rotate(0deg)
    }
    60% {
        opacity: 1;
        -o-transform-origin: 100%% 100%;
        -o-transform: scale(0.5, .5) rotate(0deg)
    }
    80% {
        opacity: 1;
        -o-transform-origin: 0 100%;
        -o-transform: scale(0.5, .5) rotate(0deg)
    }
    100% {
        opacity: 0;
        -o-transform-origin: 50% 50%;
        -o-transform: scale(0, 0) rotate(0deg)
    }
}

@keyframes foolishOut {
    0% {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: scale(1, 1) rotate(360deg)
    }
    20% {
        opacity: 1;
        transform-origin: 0 0;
        transform: scale(0.5, .5) rotate(0deg)
    }
    40% {
        opacity: 1;
        transform-origin: 100% 0;
        transform: scale(0.5, .5) rotate(0deg)
    }
    60% {
        opacity: 1;
        transform-origin: 100%% 100%;
        transform: scale(0.5, .5) rotate(0deg)
    }
    80% {
        opacity: 1;
        transform-origin: 0 100%;
        transform: scale(0.5, .5) rotate(0deg)
    }
    100% {
        opacity: 0;
        transform-origin: 50% 50%;
        transform: scale(0, 0) rotate(0deg)
    }
}

.foolishOut {
    -webkit-animation-name: foolishOut;
    -moz-animation-name: foolishOut;
    -o-animation-name: foolishOut;
    animation-name: foolishOut
}

@-webkit-keyframes foolishIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(0, 0) rotate(360deg)
    }
    20% {
        opacity: 1;
        -webkit-transform-origin: 0 100%;
        -webkit-transform: scale(0.5, .5) rotate(0deg)
    }
    40% {
        opacity: 1;
        -webkit-transform-origin: 100% 100%;
        -webkit-transform: scale(0.5, .5) rotate(0deg)
    }
    60% {
        opacity: 1;
        -webkit-transform-origin: 100%% 0;
        -webkit-transform: scale(0.5, .5) rotate(0deg)
    }
    80% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        -webkit-transform: scale(0.5, .5) rotate(0deg)
    }
    100% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1) rotate(0deg)
    }
}

@-moz-keyframes foolishIn {
    0% {
        opacity: 0;
        -moz-transform-origin: 50% 50%;
        -moz-transform: scale(0, 0) rotate(360deg)
    }
    20% {
        opacity: 1;
        -moz-transform-origin: 0 100%;
        -moz-transform: scale(0.5, .5) rotate(0deg)
    }
    40% {
        opacity: 1;
        -moz-transform-origin: 100% 100%;
        -moz-transform: scale(0.5, .5) rotate(0deg)
    }
    60% {
        opacity: 1;
        -moz-transform-origin: 100%% 0;
        -moz-transform: scale(0.5, .5) rotate(0deg)
    }
    80% {
        opacity: 1;
        -moz-transform-origin: 0 0;
        -moz-transform: scale(0.5, .5) rotate(0deg)
    }
    100% {
        opacity: 1;
        -moz-transform-origin: 50% 50%;
        -moz-transform: scale(1, 1) rotate(0deg)
    }
}

@-o-keyframes foolishIn {
    0% {
        opacity: 0;
        -o-transform-origin: 50% 50%;
        -o-transform: scale(0, 0) rotate(360deg)
    }
    20% {
        opacity: 1;
        -o-transform-origin: 0 100%;
        -o-transform: scale(0.5, .5) rotate(0deg)
    }
    40% {
        opacity: 1;
        -o-transform-origin: 100% 100%;
        -o-transform: scale(0.5, .5) rotate(0deg)
    }
    60% {
        opacity: 1;
        -o-transform-origin: 100%% 0;
        -o-transform: scale(0.5, .5) rotate(0deg)
    }
    80% {
        opacity: 1;
        -o-transform-origin: 0 0;
        -o-transform: scale(0.5, .5) rotate(0deg)
    }
    100% {
        opacity: 1;
        -o-transform-origin: 50% 50%;
        -o-transform: scale(1, 1) rotate(0deg)
    }
}

@keyframes foolishIn {
    0% {
        opacity: 0;
        transform-origin: 50% 50%;
        transform: scale(0, 0) rotate(360deg)
    }
    20% {
        opacity: 1;
        transform-origin: 0 100%;
        transform: scale(0.5, .5) rotate(0deg)
    }
    40% {
        opacity: 1;
        transform-origin: 100% 100%;
        transform: scale(0.5, .5) rotate(0deg)
    }
    60% {
        opacity: 1;
        transform-origin: 100%% 0;
        transform: scale(0.5, .5) rotate(0deg)
    }
    80% {
        opacity: 1;
        transform-origin: 0 0;
        transform: scale(0.5, .5) rotate(0deg)
    }
    100% {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: scale(1, 1) rotate(0deg)
    }
}

.foolishIn {
    -webkit-animation-name: foolishIn;
    -moz-animation-name: foolishIn;
    -o-animation-name: foolishIn;
    animation-name: foolishIn
}

@-webkit-keyframes holeOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1) rotateY(0deg)
    }
    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(0, 0) rotateY(180deg)
    }
}

@-moz-keyframes holeOut {
    0% {
        opacity: 1;
        -moz-transform-origin: 50% 50%;
        -moz-transform: scale(1, 1) rotateY(0deg)
    }
    100% {
        opacity: 0;
        -moz-transform-origin: 50% 50%;
        -moz-transform: scale(0, 0) rotateY(180deg)
    }
}

@-o-keyframes holeOut {
    0% {
        opacity: 1;
        -o-transform-origin: 50% 50%;
        -o-transform: scale(1, 1) rotateY(0deg)
    }
    100% {
        opacity: 0;
        -o-transform-origin: 50% 50%;
        -o-transform: scale(0, 0) rotateY(180deg)
    }
}

@keyframes holeOut {
    0% {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: scale(1, 1) rotateY(0deg)
    }
    100% {
        opacity: 0;
        transform-origin: 50% 50%;
        transform: scale(0, 0) rotateY(180deg)
    }
}

.holeOut {
    -webkit-animation-name: holeOut;
    -moz-animation-name: holeOut;
    -o-animation-name: holeOut;
    animation-name: holeOut
}

@-webkit-keyframes tinRightOut {
    0%, 20%, 40%, 50% {
        opacity: 1;
        -webkit-transform: scale(1, 1) translateX(0)
    }
    10%, 30% {
        opacity: 1;
        -webkit-transform: scale(1.1, 1.1) translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1, 1) translateX(900%)
    }
}

@-moz-keyframes tinRightOut {
    0%, 20%, 40%, 50% {
        opacity: 1;
        -moz-transform: scale(1, 1) translateX(0)
    }
    10%, 30% {
        opacity: 1;
        -moz-transform: scale(1.1, 1.1) translateX(0)
    }
    100% {
        opacity: 0;
        -moz-transform: scale(1, 1) translateX(900%)
    }
}

@-o-keyframes tinRightOut {
    0%, 20%, 40%, 50% {
        opacity: 1;
        -o-transform: scale(1, 1) translateX(0)
    }
    10%, 30% {
        opacity: 1;
        -o-transform: scale(1.1, 1.1) translateX(0)
    }
    100% {
        opacity: 0;
        -o-transform: scale(1, 1) translateX(900%)
    }
}

@keyframes tinRightOut {
    0%, 20%, 40%, 50% {
        opacity: 1;
        transform: scale(1, 1) translateX(0)
    }
    10%, 30% {
        opacity: 1;
        transform: scale(1.1, 1.1) translateX(0)
    }
    100% {
        opacity: 0;
        transform: scale(1, 1) translateX(900%)
    }
}

.tinRightOut {
    -webkit-animation-name: tinRightOut;
    -moz-animation-name: tinRightOut;
    -o-animation-name: tinRightOut;
    animation-name: tinRightOut
}

@-webkit-keyframes tinLeftOut {
    0%, 20%, 40%, 50% {
        opacity: 1;
        -webkit-transform: scale(1, 1) translateX(0)
    }
    10%, 30% {
        opacity: 1;
        -webkit-transform: scale(1.1, 1.1) translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1, 1) translateX(-900%)
    }
}

@-moz-keyframes tinLeftOut {
    0%, 20%, 40%, 50% {
        opacity: 1;
        -moz-transform: scale(1, 1) translateX(0)
    }
    10%, 30% {
        opacity: 1;
        -moz-transform: scale(1.1, 1.1) translateX(0)
    }
    100% {
        opacity: 0;
        -moz-transform: scale(1, 1) translateX(-900%)
    }
}

@-o-keyframes tinLeftOut {
    0%, 20%, 40%, 50% {
        opacity: 1;
        -o-transform: scale(1, 1) translateX(0)
    }
    10%, 30% {
        opacity: 1;
        -o-transform: scale(1.1, 1.1) translateX(0)
    }
    100% {
        opacity: 0;
        -o-transform: scale(1, 1) translateX(-900%)
    }
}

@keyframes tinLeftOut {
    0%, 20%, 40%, 50% {
        opacity: 1;
        transform: scale(1, 1) translateX(0)
    }
    10%, 30% {
        opacity: 1;
        transform: scale(1.1, 1.1) translateX(0)
    }
    100% {
        opacity: 0;
        transform: scale(1, 1) translateX(-900%)
    }
}

.tinLeftOut {
    -webkit-animation-name: tinLeftOut;
    -moz-animation-name: tinLeftOut;
    -o-animation-name: tinLeftOut;
    animation-name: tinLeftOut
}

@-webkit-keyframes tinUpOut {
    0%, 20%, 40%, 50% {
        opacity: 1;
        -webkit-transform: scale(1, 1) translateY(0)
    }
    10%, 30% {
        opacity: 1;
        -webkit-transform: scale(1.1, 1.1) translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1, 1) translateY(-900%)
    }
}

@-moz-keyframes tinUpOut {
    0%, 20%, 40%, 50% {
        opacity: 1;
        -moz-transform: scale(1, 1) translateY(0)
    }
    10%, 30% {
        opacity: 1;
        -moz-transform: scale(1.1, 1.1) translateY(0)
    }
    100% {
        opacity: 0;
        -moz-transform: scale(1, 1) translateY(-900%)
    }
}

@-o-keyframes tinUpOut {
    0%, 20%, 40%, 50% {
        opacity: 1;
        -o-transform: scale(1, 1) translateY(0)
    }
    10%, 30% {
        opacity: 1;
        -o-transform: scale(1.1, 1.1) translateY(0)
    }
    100% {
        opacity: 0;
        -o-transform: scale(1, 1) translateY(-900%)
    }
}

@keyframes tinUpOut {
    0%, 20%, 40%, 50% {
        opacity: 1;
        transform: scale(1, 1) translateY(0)
    }
    10%, 30% {
        opacity: 1;
        transform: scale(1.1, 1.1) translateY(0)
    }
    100% {
        opacity: 0;
        transform: scale(1, 1) translateY(-900%)
    }
}

.tinUpOut {
    -webkit-animation-name: tinUpOut;
    -moz-animation-name: tinUpOut;
    -o-animation-name: tinUpOut;
    animation-name: tinUpOut
}

@-webkit-keyframes tinDownOut {
    0%, 20%, 40%, 50% {
        opacity: 1;
        -webkit-transform: scale(1, 1) translateY(0)
    }
    10%, 30% {
        opacity: 1;
        -webkit-transform: scale(1.1, 1.1) translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1, 1) translateY(900%)
    }
}

@-moz-keyframes tinDownOut {
    0%, 20%, 40%, 50% {
        opacity: 1;
        -moz-transform: scale(1, 1) translateY(0)
    }
    10%, 30% {
        opacity: 1;
        -moz-transform: scale(1.1, 1.1) translateY(0)
    }
    100% {
        opacity: 0;
        -moz-transform: scale(1, 1) translateY(900%)
    }
}

@-o-keyframes tinDownOut {
    0%, 20%, 40%, 50% {
        opacity: 1;
        -o-transform: scale(1, 1) translateY(0)
    }
    10%, 30% {
        opacity: 1;
        -o-transform: scale(1.1, 1.1) translateY(0)
    }
    100% {
        opacity: 0;
        -o-transform: scale(1, 1) translateY(900%)
    }
}

@keyframes tinDownOut {
    0%, 20%, 40%, 50% {
        opacity: 1;
        transform: scale(1, 1) translateY(0)
    }
    10%, 30% {
        opacity: 1;
        transform: scale(1.1, 1.1) translateY(0)
    }
    100% {
        opacity: 0;
        transform: scale(1, 1) translateY(900%)
    }
}

.tinDownOut {
    -webkit-animation-name: tinDownOut;
    -moz-animation-name: tinDownOut;
    -o-animation-name: tinDownOut;
    animation-name: tinDownOut
}

@-webkit-keyframes tinRightIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(1, 1) translateX(900%)
    }
    50%, 70%, 90% {
        opacity: 1;
        -webkit-transform: scale(1.1, 1.1) translateX(0)
    }
    100%, 60%, 80% {
        opacity: 1;
        -webkit-transform: scale(1, 1) translateX(0)
    }
}

@-moz-keyframes tinRightIn {
    0% {
        opacity: 0;
        -moz-transform: scale(1, 1) translateX(900%)
    }
    50%, 70%, 90% {
        opacity: 1;
        -moz-transform: scale(1.1, 1.1) translateX(0)
    }
    100%, 60%, 80% {
        opacity: 1;
        -moz-transform: scale(1, 1) translateX(0)
    }
}

@-o-keyframes tinRightIn {
    0% {
        opacity: 0;
        -o-transform: scale(1, 1) translateX(900%)
    }
    50%, 70%, 90% {
        opacity: 1;
        -o-transform: scale(1.1, 1.1) translateX(0)
    }
    100%, 60%, 80% {
        opacity: 1;
        -o-transform: scale(1, 1) translateX(0)
    }
}

@keyframes tinRightIn {
    0% {
        opacity: 0;
        transform: scale(1, 1) translateX(900%)
    }
    50%, 70%, 90% {
        opacity: 1;
        transform: scale(1.1, 1.1) translateX(0)
    }
    100%, 60%, 80% {
        opacity: 1;
        transform: scale(1, 1) translateX(0)
    }
}

.tinRightIn {
    -webkit-animation-name: tinRightIn;
    -moz-animation-name: tinRightIn;
    -o-animation-name: tinRightIn;
    animation-name: tinRightIn
}

@-webkit-keyframes tinLeftIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(1, 1) translateX(-900%)
    }
    50%, 70%, 90% {
        opacity: 1;
        -webkit-transform: scale(1.1, 1.1) translateX(0)
    }
    100%, 60%, 80% {
        opacity: 1;
        -webkit-transform: scale(1, 1) translateX(0)
    }
}

@-moz-keyframes tinLeftIn {
    0% {
        opacity: 0;
        -moz-transform: scale(1, 1) translateX(-900%)
    }
    50%, 70%, 90% {
        opacity: 1;
        -moz-transform: scale(1.1, 1.1) translateX(0)
    }
    100%, 60%, 80% {
        opacity: 1;
        -moz-transform: scale(1, 1) translateX(0)
    }
}

@-o-keyframes tinLeftIn {
    0% {
        opacity: 0;
        -o-transform: scale(1, 1) translateX(-900%)
    }
    50%, 70%, 90% {
        opacity: 1;
        -o-transform: scale(1.1, 1.1) translateX(0)
    }
    100%, 60%, 80% {
        opacity: 1;
        -o-transform: scale(1, 1) translateX(0)
    }
}

@keyframes tinLeftIn {
    0% {
        opacity: 0;
        transform: scale(1, 1) translateX(-900%)
    }
    50%, 70%, 90% {
        opacity: 1;
        transform: scale(1.1, 1.1) translateX(0)
    }
    100%, 60%, 80% {
        opacity: 1;
        transform: scale(1, 1) translateX(0)
    }
}

.tinLeftIn {
    -webkit-animation-name: tinLeftIn;
    -moz-animation-name: tinLeftIn;
    -o-animation-name: tinLeftIn;
    animation-name: tinLeftIn
}

@-webkit-keyframes tinUpIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(1, 1) translateY(-900%)
    }
    50%, 70%, 90% {
        opacity: 1;
        -webkit-transform: scale(1.1, 1.1) translateY(0)
    }
    100%, 60%, 80% {
        opacity: 1;
        -webkit-transform: scale(1, 1) translateY(0)
    }
}

@-moz-keyframes tinUpIn {
    0% {
        opacity: 0;
        -moz-transform: scale(1, 1) translateY(-900%)
    }
    50%, 70%, 90% {
        opacity: 1;
        -moz-transform: scale(1.1, 1.1) translateY(0)
    }
    100%, 60%, 80% {
        opacity: 1;
        -moz-transform: scale(1, 1) translateY(0)
    }
}

@-o-keyframes tinUpIn {
    0% {
        opacity: 0;
        -o-transform: scale(1, 1) translateY(-900%)
    }
    50%, 70%, 90% {
        opacity: 1;
        -o-transform: scale(1.1, 1.1) translateY(0)
    }
    100%, 60%, 80% {
        opacity: 1;
        -o-transform: scale(1, 1) translateY(0)
    }
}

@keyframes tinUpIn {
    0% {
        opacity: 0;
        transform: scale(1, 1) translateY(-900%)
    }
    50%, 70%, 90% {
        opacity: 1;
        transform: scale(1.1, 1.1) translateY(0)
    }
    100%, 60%, 80% {
        opacity: 1;
        transform: scale(1, 1) translateY(0)
    }
}

.tinUpIn {
    -webkit-animation-name: tinUpIn;
    -moz-animation-name: tinUpIn;
    -o-animation-name: tinUpIn;
    animation-name: tinUpIn
}

@-webkit-keyframes tinDownIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(1, 1) translateY(900%)
    }
    50%, 70%, 90% {
        opacity: 1;
        -webkit-transform: scale(1.1, 1.1) translateY(0)
    }
    100%, 60%, 80% {
        opacity: 1;
        -webkit-transform: scale(1, 1) translateY(0)
    }
}

@-moz-keyframes tinDownIn {
    0% {
        opacity: 0;
        -moz-transform: scale(1, 1) translateY(900%)
    }
    50%, 70%, 90% {
        opacity: 1;
        -moz-transform: scale(1.1, 1.1) translateY(0)
    }
    100%, 60%, 80% {
        opacity: 1;
        -moz-transform: scale(1, 1) translateY(0)
    }
}

@-o-keyframes tinDownIn {
    0% {
        opacity: 0;
        -o-transform: scale(1, 1) translateY(900%)
    }
    50%, 70%, 90% {
        opacity: 1;
        -o-transform: scale(1.1, 1.1) translateY(0)
    }
    100%, 60%, 80% {
        opacity: 1;
        -o-transform: scale(1, 1) translateY(0)
    }
}

@keyframes tinDownIn {
    0% {
        opacity: 0;
        transform: scale(1, 1) translateY(900%)
    }
    50%, 70%, 90% {
        opacity: 1;
        transform: scale(1.1, 1.1) translateY(0)
    }
    100%, 60%, 80% {
        opacity: 1;
        transform: scale(1, 1) translateY(0)
    }
}

.tinDownIn {
    -webkit-animation-name: tinDownIn;
    -moz-animation-name: tinDownIn;
    -o-animation-name: tinDownIn;
    animation-name: tinDownIn
}

@-webkit-keyframes bombRightOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: rotate(0deg);
        -webkit-filter: blur(0px)
    }
    50% {
        opacity: 1;
        -webkit-transform-origin: 200% 50%;
        -webkit-transform: rotate(160deg);
        -webkit-filter: blur(0px)
    }
    100% {
        opacity: 0;
        -webkit-transform-origin: 200% 50%;
        -webkit-transform: rotate(160deg);
        -webkit-filter: blur(20px)
    }
}

@-moz-keyframes bombRightOut {
    0% {
        opacity: 1;
        -moz-transform-origin: 50% 50%;
        -moz-transform: rotate(0deg);
        filter: blur(0px)
    }
    50% {
        opacity: 1;
        -moz-transform-origin: 200% 50%;
        -moz-transform: rotate(160deg);
        filter: blur(0px)
    }
    100% {
        opacity: 0;
        -moz-transform-origin: 200% 50%;
        -moz-transform: rotate(160deg);
        filter: blur(20px)
    }
}

@-o-keyframes bombRightOut {
    0% {
        opacity: 1;
        -o-transform-origin: 50% 50%;
        -o-transform: rotate(0deg);
        -o-filter: blur(0px)
    }
    50% {
        opacity: 1;
        -o-transform-origin: 200% 50%;
        -o-transform: rotate(160deg);
        -o-filter: blur(0px)
    }
    100% {
        opacity: 0;
        -o-transform-origin: 200% 50%;
        -o-transform: rotate(160deg);
        -o-filter: blur(20px)
    }
}

@keyframes bombRightOut {
    0% {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: rotate(0deg);
        filter: blur(0px)
    }
    50% {
        opacity: 1;
        transform-origin: 200% 50%;
        transform: rotate(160deg);
        filter: blur(0px)
    }
    100% {
        opacity: 0;
        transform-origin: 200% 50%;
        transform: rotate(160deg);
        filter: blur(20px)
    }
}

.bombRightOut {
    -webkit-animation-name: bombRightOut;
    -moz-animation-name: bombRightOut;
    -o-animation-name: bombRightOut;
    animation-name: bombRightOut
}

@-webkit-keyframes bombLeftOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: rotate(0deg);
        -webkit-filter: blur(0px)
    }
    50% {
        opacity: 1;
        -webkit-transform-origin: -100% 50%;
        -webkit-transform: rotate(-160deg);
        -webkit-filter: blur(0px)
    }
    100% {
        opacity: 0;
        -webkit-transform-origin: -100% 50%;
        -webkit-transform: rotate(-160deg);
        -webkit-filter: blur(20px)
    }
}

@-moz-keyframes bombLeftOut {
    0% {
        opacity: 1;
        -moz-transform-origin: 50% 50%;
        -moz-transform: rotate(0deg);
        filter: blur(0px)
    }
    50% {
        opacity: 1;
        -moz-transform-origin: -100% 50%;
        -moz-transform: rotate(-160deg);
        filter: blur(0px)
    }
    100% {
        opacity: 0;
        -moz-transform-origin: -100% 50%;
        -moz-transform: rotate(-160deg);
        filter: blur(20px)
    }
}

@-o-keyframes bombLeftOut {
    0% {
        opacity: 1;
        -o-transform-origin: 50% 50%;
        -o-transform: rotate(0deg);
        -o-filter: blur(0px)
    }
    50% {
        opacity: 1;
        -o-transform-origin: -100% 50%;
        -o-transform: rotate(-160deg);
        -o-filter: blur(0px)
    }
    100% {
        opacity: 0;
        -o-transform-origin: -100% 50%;
        -o-transform: rotate(-160deg);
        -o-filter: blur(20px)
    }
}

@keyframes bombLeftOut {
    0% {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: rotate(0deg);
        filter: blur(0px)
    }
    50% {
        opacity: 1;
        transform-origin: -100% 50%;
        transform: rotate(-160deg);
        filter: blur(0px)
    }
    100% {
        opacity: 0;
        transform-origin: -100% 50%;
        transform: rotate(-160deg);
        filter: blur(20px)
    }
}

.bombLeftOut {
    -webkit-animation-name: bombLeftOut;
    -moz-animation-name: bombLeftOut;
    -o-animation-name: bombLeftOut;
    animation-name: bombLeftOut
}

.vanishIn {
    -webkit-animation-name: vanishIn;
    -moz-animation-name: vanishIn;
    -ms-animation-name: vanishIn;
    -o-animation-name: vanishIn;
    animation-name: vanishIn
}

@-moz-keyframes vanishIn {
    0% {
        opacity: 0;
        -moz-transform-origin: 50% 50%;
        -moz-transform: scale(2, 2);
        -webkit-filter: blur(90px)
    }
    100% {
        opacity: 1;
        -moz-transform-origin: 50% 50%;
        -moz-transform: scale(1, 1);
        -webkit-filter: blur(0px)
    }
}

@-webkit-keyframes vanishIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(2, 2);
        -webkit-filter: blur(90px)
    }
    100% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1);
        -webkit-filter: blur(0px)
    }
}

@-o-keyframes vanishIn {
    0% {
        opacity: 0;
        -o-transform-origin: 50% 50%;
        -o-transform: scale(2, 2);
        -webkit-filter: blur(90px)
    }
    100% {
        opacity: 1;
        -o-transform-origin: 50% 50%;
        -o-transform: scale(1, 1);
        -webkit-filter: blur(0px)
    }
}

@-ms-keyframes vanishIn {
    0% {
        opacity: 0;
        filter: alpha(opacity=0);
        -ms-transform-origin: 50% 50%;
        -ms-transform: scale(2, 2);
        -webkit-filter: blur(90px)
    }
    100% {
        opacity: 1;
        filter: alpha(opacity=100);
        -ms-transform-origin: 50% 50%;
        -ms-transform: scale(1, 1);
        -webkit-filter: blur(0px)
    }
}

@keyframes vanishIn {
    0% {
        opacity: 0;
        transform-origin: 50% 50%;
        transform: scale(2, 2);
        -webkit-filter: blur(90px)
    }
    100% {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: scale(1, 1);
        -webkit-filter: blur(0px)
    }
}

.md-overlay {
    position: fixed;
    z-index: 98;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #000;
    opacity: 0.8
}

.md-video-container {
    position: fixed;
    background: #fff;
    z-index: 99;
    left: 30%;
    top: 30%;
    -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.52);
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.52);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.52);
    -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=0,Color=#85000000,Positive=true)";
    filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color=#85000000, Positive=true);
}

.md-description {
    padding: 10px 15px
}

.md-caption {
    float: left
}

.md-close-btn {
    display: block;
    float: right;
    width: 66px;
    height: 22px;
    background: transparent url(/d8/md-megatron/logistics/modules/custom/md-slider/assets/images/closelabel.gif) no-repeat 0 0;
}

.md-loading {
    background: #000 url(/d8/md-megatron/logistics/modules/custom/md-slider/assets/images/loading.gif) no-repeat center center
}

.md-slider-wrap {
    position: relative;
    height: 400px;
}

.md-slider-wrap img {
    max-width: inherit !important;
    min-width: inherit !important;
    max-height: inherit !important;
    min-height: inherit !important;
    width: auto;
}

.md-slide-wrap {
    position: relative;
    height: 100%;
    z-index: 2
}

.md-slide-items {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.md-slide-item {
    height: 420px;
    position: absolute;
    width: 100%
}

.md-main-img {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    overflow: hidden
}

.md-main-img img {
    position: absolute;
}

.md-objects {
    position: relative;
    top: 0;
    z-index: 2;
    width: 100%;
    margin: 0 auto;
    height: 100%;
}

.md-object {
    position: absolute;
    z-index: 3
}

.md-object img {
    width: 100%;
    height: 100%;
}

.md-object a {
    display: block;
    width: 100%;
    height: 100%
}

.loading-bar-hoz {
    position: absolute;
    left: 0;
    right: 0;
    height: 2px;
    z-index: 3;
    overflow: hidden
}

.loading-bar-bottom {
    bottom: 0;
}

.loading-bar-top {
    top: 0;
}

.md-loading-bg {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}

.loading-bar-hoz .md-loading-state {
    position: absolute;
    left: 0;
    height: 1px;
    width: 0;
}

.loading-bar-hoz .br-timer-glow {
    background: url(/d8/md-megatron/logistics/modules/custom/md-slider/assets/images/light-timer-glow.png) repeat scroll 0 0 transparent;
    height: 7px;
    width: 104px;
    position: absolute;
    top: -4px;
    z-index: 2;
}

.loading-bar-hoz .br-timer-bar {
    background-color: white;
    height: 2px;
    position: absolute;
    z-index: 1;
}

.md-arrow {
    opacity: 0;
}

.md-arrow-left, .md-arrow-right {
    background: url(/d8/md-megatron/logistics/modules/custom/md-slider/assets/images/md-arrow.png) no-repeat 0 0;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    cursor: pointer;
    z-index: 3
}

.md-arrow-left {
    left: 10px
}

.md-arrow-right {
    right: 10px;
    background-position: -40px 0
}

.md-touchdevice .md-arrow {
    opacity: 1;
}

.md-bullets {
    position: absolute;
    text-align: center;
    z-index: 4;
    right: 20px;
    left: 20px;
}

.md-slider-bullet-1 .md-bullets {
    bottom: 10px;
    text-align: left;
}

.md-slider-bullet-2 .md-bullets {
    bottom: 10px;
    text-align: center;
}

.md-slider-bullet-3 .md-bullets {
    bottom: 10px;
    text-align: right;
}

.md-slider-bullet-4 .md-bullets {
    top: 10px;
    text-align: left;
}

.md-slider-bullet-5 .md-bullets {
    top: 10px;
    text-align: center;
}

.md-slider-bullet-6 .md-bullets {
    top: 10px;
    text-align: right;
}

.md-bullet {
    cursor: pointer;
    display: inline-block;
    height: 11px;
    margin: 0 4px;
    position: relative;
    width: 11px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    zoom: 1;
    *display: inline;
}

.md-bullet a {
    display: none;
    height: 11px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 11px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.md-bullet.md-current a {
    display: block
}

.md-bullet img {
    position: absolute;
    display: none;
}

.md-bullet span {
    position: absolute;
    display: none;
}

.md-bullet .md-thumb-arrow {
    display: none;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid;
    top: -5px;
    left: 50%;
    margin-left: -4px;
    position: absolute;
}

.md-thumb {
    position: absolute;
    left: 0;
    right: 0;
    height: 55px;
    padding: 10px 30px;
    overflow: hidden;
    z-index: 10
}

.md-thumb-container {
    position: absolute;
    top: 0;
    left: 30px;
    right: 30px;
    bottom: 0;
    overflow: hidden;
    padding: 10px 0;
}

.md-thumb-items {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.md-slider-thumb-3 .md-thumb-items {
    text-align: left
}

.md-slider-thumb-4 .md-thumb-items {
    text-align: right
}

.md-thumb-items a {
    cursor: pointer;
}

.md-thumb img {
    margin: 0 10px 0 0;
}

.md-thumb .md-thumb-prev, .md-thumb .md-thumb-next {
    position: absolute;
    top: 50%;
    width: 11px;
    height: 21px;
    margin-top: -10px;
    background: url(/d8/md-megatron/logistics/modules/custom/md-slider/assets/images/thumb-arrow.png) no-repeat 0 0;
    cursor: pointer;
    z-index: 3
}

.md-thumb .md-thumb-prev {
    left: 10px;
}

.md-thumb .md-thumb-next {
    right: 10px;
    background-position: -13px 0
}

.md-object {
    -webkit-animation-duration: .6s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: .6s;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: both;
    -ms-animation-duration: .6s;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both;
    animation-duration: .6s;
    animation-timing-function: ease;
    animation-fill-mode: both;
}

.md-video-control {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 50
}

.md-close-video {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 51;
    width: 30px;
    height: 30px;
    background: url(/d8/md-megatron/logistics/modules/custom/md-slider/assets/images/md-close-video.png) #000 no-repeat center center;
}

.md-video {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.md-video .md-playbtn {
    position: absolute;
    background: url(/d8/md-megatron/logistics/modules/custom/md-slider/assets/images/play.png) no-repeat 0 0;
    left: 50%;
    margin-left: -30px;
    top: 50%;
    margin-top: -20px;
    width: 60px;
    height: 40px;
}

.border-top, .border-bottom, .border-right, .border-left {
    position: absolute;
    z-index: 5
}

.border-top {
    left: 0;
    top: 0;
    right: 0;
}

.border-bottom {
    left: 0;
    bottom: 0;
    right: 0;
}

.border-right {
    top: 0;
    bottom: 0;
    right: 0;
}

.border-left {
    top: 0;
    bottom: 0;
    left: 0;
}

.md-slider-full-width .border-top, .md-slider-full-width .border-bottom {
    left: 0 !important;
    right: 0 !important;
}

.border-top.border-style-1 {
    background: #fff;
    border: 1px solid #ddd;
    top: -9px;
    bottom: -9px;
    left: -9px;
    right: -9px;
    z-index: 1
}

.md-slider-full-width .border-top.border-style-1 {
    border-right: none;
    border-left: none;
    left: 0;
    right: 0
}

.border-top.border-style-2 {
    height: 12px;
    background: url(/d8/md-megatron/logistics/modules/custom/md-slider/assets/images/border/border-top-2.png) repeat-x 0 0;
    top: -12px;
    left: -11px;
    right: -4px
}

.border-bottom.border-style-2 {
    height: 12px;
    background: url(/d8/md-megatron/logistics/modules/custom/md-slider/assets/images/border/border-bottom-2.png) repeat-x left bottom;
    bottom: -12px;
    left: -12px;
    right: -12px
}

.border-right.border-style-2 {
    width: 12px;
    background: url(/d8/md-megatron/logistics/modules/custom/md-slider/assets/images/border/border-right-2.png) repeat-y right top;
    right: -12px;
    top: -12px;
    bottom: -12px
}

.border-left.border-style-2 {
    width: 12px;
    background: url(/d8/md-megatron/logistics/modules/custom/md-slider/assets/images/border/border-left-2.png) repeat-y 0 0;
    left: -12px;
    top: -12px;
    bottom: -10px
}

.border-top.border-style-3 {
    height: 12px;
    background: url(/d8/md-megatron/logistics/modules/custom/md-slider/assets/images/border/border-top-3.png) repeat-x 0 0;
    top: -12px;
    left: -9px;
    right: -2px
}

.border-bottom.border-style-3 {
    height: 12px;
    background: url(/d8/md-megatron/logistics/modules/custom/md-slider/assets/images/border/border-bottom-3.png) repeat-x left bottom;
    bottom: -12px;
    left: -12px;
    right: -10px
}

.border-right.border-style-3 {
    width: 12px;
    background: url(/d8/md-megatron/logistics/modules/custom/md-slider/assets/images/border/border-right-3.png) repeat-y right top;
    right: -12px;
    top: -12px;
    bottom: -8px
}

.border-left.border-style-3 {
    width: 12px;
    background: url(/d8/md-megatron/logistics/modules/custom/md-slider/assets/images/border/border-left-3.png) repeat-y 0 0;
    left: -12px;
    top: -12px;
    bottom: -8px
}

.border-top.border-style-4 {
    height: 12px;
    background: url(/d8/md-megatron/logistics/modules/custom/md-slider/assets/images/border/border-top-4.png) repeat-x 0 0;
    top: -12px;
    left: -7px;
    right: -8px
}

.border-bottom.border-style-4 {
    height: 12px;
    background: url(/d8/md-megatron/logistics/modules/custom/md-slider/assets/images/border/border-bottom-4.png) repeat-x left bottom;
    bottom: -12px;
    left: -8px;
    right: -8px
}

.border-right.border-style-4 {
    width: 12px;
    background: url(/d8/md-megatron/logistics/modules/custom/md-slider/assets/images/border/border-right-4.png) repeat-y right top;
    right: -12px;
    top: -6px;
    bottom: -8px
}

.border-left.border-style-4 {
    width: 12px;
    background: url(/d8/md-megatron/logistics/modules/custom/md-slider/assets/images/border/border-left-4.png) repeat-y 0 0;
    left: -12px;
    top: -8px;
    bottom: -8px
}

.border-top.border-style-8 {
    background: url(/d8/md-megatron/logistics/modules/custom/md-slider/assets/images/border/border-8.png) repeat 0 0;
    top: -10px;
    bottom: -10px;
    left: -10px;
    right: -10px;
    z-index: 1
}

.md-slider-full-width .border-top.border-style-8 {
    left: 0;
    right: 0
}

.border-top.border-style-9 {
    height: 9px;
    background: url(/d8/md-megatron/logistics/modules/custom/md-slider/assets/images/border/border-top-9.png) repeat-x 0 0;
    top: 0px;
    left: 0px;
    right: 0px
}

.border-bottom.border-style-9 {
    height: 9px;
    background: url(/d8/md-megatron/logistics/modules/custom/md-slider/assets/images/border/border-bottom-9.png) repeat-x 0 0;
    bottom: -9px;
    left: 0px;
    right: 0px
}

.border-right.border-style-9 {
    width: 9px;
    background: url(/d8/md-megatron/logistics/modules/custom/md-slider/assets/images/border/border-right-9.png) repeat-y 0 0;
    right: -10px;
    top: 5px;
    bottom: 4px
}

.border-left.border-style-9 {
    width: 9px;
    background: url(/d8/md-megatron/logistics/modules/custom/md-slider/assets/images/border/border-left-9.png) repeat-y 0 0;
    left: -7px;
    top: 3px;
    bottom: 3px
}

.border-left.border-style-9 div.edge-top {
    width: 20px;
    height: 20px;
    background: url(/d8/md-megatron/logistics/modules/custom/md-slider/assets/images/border/border-9.png) no-repeat -30px -29px;
    position: absolute;
    top: -3px;
    left: 0px;
}

.border-left.border-style-9 div.edge-bottom {
    width: 20px;
    height: 20px;
    background: url(/d8/md-megatron/logistics/modules/custom/md-slider/assets/images/border/border-9.png) no-repeat -33px -5px;
    position: absolute;
    bottom: -10px;
    left: 0px;
    z-index: 10;
}

.border-right.border-style-9 div.edge-top {
    width: 20px;
    height: 20px;
    background: url(/d8/md-megatron/logistics/modules/custom/md-slider/assets/images/border/border-9.png) no-repeat -2px -29px;
    position: absolute;
    top: -5px;
    right: 2px;
}

.border-right.border-style-9 div.edge-bottom {
    width: 20px;
    height: 20px;
    background: url(/d8/md-megatron/logistics/modules/custom/md-slider/assets/images/border/border-9.png) no-repeat 2px -5px;
    position: absolute;
    bottom: -11px;
    right: 2px;
}

@media screen and (max-width:760px) {
    .md-video .md-playbtn {
        width: 15%;
        height: 18%;
        margin: -7.5%;
        margin-top: -5%;
        max-width: 50px;
        max-height: 33px;
        background-size: 100% 100%;
    }
}

.md-slider-strip, .mdslider-block {
    position: absolute;
    overflow: hidden;
}

.md-slider-strip img, .mdslider-block img, .md-slider-title img {
    position: relative;
    margin: 0;
    padding: 0;
    max-width: inherit;
    min-width: inherit;
}

.md-strips-container, .md-blocks-container {
    overflow: visible;
    position: absolute;
    top: 0;
    z-index: 100;
    height: 100%;
    width: 100%;
}

.md-slider-wrap * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.md-slider-title {
    bottom: 0;
    left: 0;
    opacity: 1;
    right: 0;
    top: 0;
    z-index: 0;
    overflow: hidden;
    float: left;
    position: absolute;
}

.md-slider-title.tiles-left-anim {
    width: 0 !important;
}

.md-slider-title.tiles-up-anim {
    height: 1px !important;
}

.md-slider-wrap .tiles-switchlr-anim, .md-slider-wrap .tiles-switchud-anim, .md-slider-wrap .tiles-fliplr-anim, .md-slider-wrap .tiles-up-anim, .md-slider-wrap .tiles-left-anim, .md-slider-wrap .tiles-updown-anim, .md-slider-wrap .tiles-leftright-anim, .md-slider-wrap .tiles-flipud-anim, .md-slider-wrap .tiles-reduce-anim {
    opacity: 0;
    visibility: hidden;
}

.tiles-leftright-anim.tiles-even {
    left: 50% !important;
}

.tiles-leftright-anim.tiles-odd {
    left: -50% !important;
}

.slit-horizontal-left-top .md-slider-slit, .slit-horizontal-top-right .md-slider-slit, .slit-horizontal-bottom-up .md-slider-slit {
    -moz-transform: translateY(0%) scale(1);
    -webkit-transform: translateY(0%) scale(1);
    -ms-transform: translateY(0%) scale(1);
    transform: translateY(0%) scale(1);
    height: 50%;
    width: 100%;
    position: absolute;
    overflow: hidden;
}

.slit-horizontal-left-top img, .slit-horizontal-top-right img, .slit-horizontal-bottom-up img, .slit-vertical-down img, .slit-vertical-up img {
    position: absolute;
    max-width: inherit;
    min-width: inherit;
}

.slit-horizontal-left-top .md-slider-slit:first-child, .slit-horizontal-top-right .md-slider-slit:first-child, .slit-horizontal-bottom-up .md-slider-slit:first-child {
    top: 0;
}

.slit-horizontal-left-top .md-slider-slit:last-child, .slit-horizontal-top-right .md-slider-slit:last-child, .slit-horizontal-bottom-up .md-slider-slit:last-child {
    top: 50%;
}

.slit-horizontal-left-top .md-transition-elements-1 {
    -webkit-transform: translateY(-270%) rotate(-25deg) scale(2);
    -moz-transform: translateY(-270%) rotate(-25deg) scale(2);
    -ms-transform: translateY(-270%) rotate(-25deg) scale(2);
    transform: translateY(-270%) rotate(-25deg) scale(2);
}

.slit-horizontal-left-top .md-transition-elements-2 {
    -webkit-transform: translateY(270%) rotate(-25deg) scale(2);
    -moz-transform: translateY(270%) rotate(-25deg) scale(2);
    -ms-transform: translateY(270%) rotate(-25deg) scale(2);
    transform: translateY(270%) rotate(-25deg) scale(2);
}

.slit-horizontal-top-right .md-transition-elements-1 {
    -webkit-transform: translateY(-270%) rotate(25deg) scale(2);
    -moz-transform: translateY(-270%) rotate(25deg) scale(2);
    -ms-transform: translateY(-270%) rotate(25deg) scale(2);
    transform: translateY(-270%) rotate(25deg) scale(2);
}

.slit-horizontal-top-right .md-transition-elements-2 {
    -webkit-transform: translateY(270%) rotate(25deg) scale(2);
    -moz-transform: translateY(270%) rotate(25deg) scale(2);
    -ms-transform: translateY(270%) rotate(25deg) scale(2);
    transform: translateY(270%) rotate(25deg) scale(2);
}

.slit-horizontal-bottom-up .md-transition-elements-1 {
    -webkit-transform: translateY(-270%) rotate(-25deg) scale(2);
    -moz-transform: translateY(-270%) rotate(-25deg) scale(2);
    -ms-transform: translateY(-270%) rotate(-25deg) scale(2);
    transform: translateY(-270%) rotate(-25deg) scale(2);
}

.slit-horizontal-bottom-up .md-transition-elements-2 {
    -webkit-transform: translateY(270%) rotate(25deg) scale(2);
    -moz-transform: translateY(270%) rotate(25deg) scale(2);
    -ms-transform: translateY(270%) rotate(25deg) scale(2);
    transform: translateY(270%) rotate(25deg) scale(2);
}

.slit-vertical-down .md-slider-slit, .slit-vertical-up .md-slider-slit {
    -moz-transform: translateY(0%) scale(1);
    -webkit-transform: translateY(0%) scale(1);
    -ms-transform: translateY(0%) scale(1);
    transform: translateY(0%) scale(1);
    height: 100%;
    width: 50%;
    position: absolute;
    overflow: hidden;
}

.slit-vertical-down .md-slider-slit:first-child, .slit-vertical-up .md-slider-slit:first-child {
    left: 0;
}

.slit-vertical-down .md-slider-slit:last-child, .slit-vertical-up .md-slider-slit:last-child {
    left: 50%;
}

.slit-vertical-down .md-transition-elements-1 {
    -webkit-transform: translateX(-200%) rotate(25deg) scale(2);
    -moz-transform: translateX(-200%) rotate(25deg) scale(2);
    -ms-transform: translateX(-200%) rotate(25deg) scale(2);
    transform: translateX(-200%) rotate(25deg) scale(2);
}

.slit-vertical-down .md-transition-elements-2 {
    -webkit-transform: translateX(200%) rotate(-25deg) scale(2);
    -moz-transform: translateX(200%) rotate(-25deg) scale(2);
    -ms-transform: translateX(200%) rotate(-25deg) scale(2);
    transform: translateX(200%) rotate(-25deg) scale(2);
}

.slit-vertical-up .md-transition-elements-1 {
    -webkit-transform: translateX(-200%) rotate(-25deg) scale(2);
    -moz-transform: translateX(-200%) rotate(-25deg) scale(2);
    -ms-transform: translateX(-200%) rotate(-25deg) scale(2);
    transform: translateX(-200%) rotate(-25deg) scale(2);
}

.slit-vertical-up .md-transition-elements-2 {
    -webkit-transform: translateX(200%) rotate(25deg) scale(2);
    -moz-transform: translateX(200%) rotate(25deg) scale(2);
    -ms-transform: translateX(200%) rotate(25deg) scale(2);
    transform: translateX(200%) rotate(25deg) scale(2);
}

.md-object [class*="icon"] {
    background: rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    position: relative;
}

.md-object [class*="icon"] {
    height: 100%;
    width: 100%;
    display: inline-block;
}

@keyframes point-in {
    0% {
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.2);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}

@keyframes point-out {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
    }
    100% {
        box-shadow: 0 0 0 30px rgba(0, 0, 0, 0);
    }
}

    {
    animation: point-in 1.5s ease-in-out infinite 0s;
}

.icon-outer {
    animation: point-out 1.5s ease-in-out infinite;
}

@keyframes inner {
    10% {
        box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
        -webkit-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
        -moz-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
        -ms-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
        -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
    }
}

@-webkit-keyframes inner {
    10% {
        box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
        -webkit-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
        -moz-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
        -ms-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
        -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
    }
}

@keyframes outer {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
        -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
    }
    100% {
        box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
        -webkit-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
        -moz-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
        -ms-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
    }
}

@-webkit-keyframes outer {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
        -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
    }
    100% {
        box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
        -webkit-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
        -moz-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
        -ms-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
    }
}

@keyframes bidirection {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
        -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
    }
    30% {
        box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
        -webkit-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
        -moz-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
        -ms-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
    }
    60% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
        -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
    }
    100% {
        box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
        -webkit-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
        -moz-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
        -ms-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
    }
}

@-webkit-keyframes bidirection {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
        -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
    }
    30% {
        box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
        -webkit-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
        -moz-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
        -ms-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
    }
    60% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
        -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
    }
    90% {
        box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
        -webkit-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
        -moz-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
        -ms-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
    }
}

.icon-inner {
    animation: inner 2s ease-in-out 1s infinite;
    -webkit-animation: inner 2s ease-in-out 1s infinite;
}

.icon-outer {
    animation: outer 1.5s ease-in-out 0s infinite;
    -webkit-animation: outer 1.5s ease-in-out 0s infinite;
}

.icon-bidirection {
    animation: bidirection 3s ease-in-out 0s infinite alternate;
    -webkit-animation: bidirection 3s ease-in-out 0s infinite alternate;
}

.md-hotspot-tooltip {
    position: absolute;
    width: 200px;
    height: auto;
    opacity: 0;
    visibility: visible;
    background: #999;
    transform: translateY(50px);
    transition: all .5s ease 0s;
    z-index: 99;
}

.md-hotspot-tooltip-top .md-hotspot-tooltip-arrow, .md-hotspot-tooltip-bottom .md-hotspot-tooltip-arrow {
    border-left: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid rgba(0, 0, 0, 0);
    left: 50%;
    margin-left: -10px;
    position: absolute;
}

.md-hotspot-tooltip-left .md-hotspot-tooltip-arrow, .md-hotspot-tooltip-right .md-hotspot-tooltip-arrow {
    border-bottom: 10px solid rgba(0, 0, 0, 0);
    border-top: 10px solid rgba(0, 0, 0, 0);
    margin-top: -10px;
    position: absolute;
    top: 50%;
}

.md-hotspot-tooltip-top .md-hotspot-tooltip-arrow {
    border-top: 10px solid rgba(240, 240, 240, 0.88);
    bottom: -10px;
}

.md-hotspot-tooltip-bottom .md-hotspot-tooltip-arrow {
    border-bottom: 10px solid rgba(240, 240, 240, 0.88);
    top: -10px;
}

.md-hotspot-tooltip-left .md-hotspot-tooltip-arrow {
    border-left: 10px solid rgba(240, 240, 240, 0.88);
    right: -10px;
}

.md-hotspot-tooltip-right .md-hotspot-tooltip-arrow {
    border-right: 10px solid rgba(240, 240, 240, 0.88);
    left: -10px;
}

.button-diamond div {
    position: absolute;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}

.block-diamond {
    height: 100%;
    width: 100%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.button-diamond .transBg-diamond {
    background-color: rgba(196, 210, 55, 0.5);
    height: 22.2222%;
    width: 22.2222%;
    left: 38.8888888%;
    top: 38.8888888%;
}

.button-diamond .darkBg-diamond {
    height: 60%;
    width: 60%;
    left: 20%;
    top: 20%;
    background-color: #C4D237;
}

.button-diamond .hoverBg-diamond {
    background-color: #000;
    height: 0;
    width: 0;
    left: 50%;
    top: 50%;
}

.button-diamond .border {
    background-color: #C4D237;
}

.button-diamond .border.left, .button-diamond .border.right {
    width: 2px;
}

.button-diamond .border.left {
    left: 0;
}

.button-diamond .border.right {
    right: 0;
}

.button-diamond .border.top, .button-diamond .border.bottom {
    height: 2px
}

.button-diamond .border.top {
    top: 0;
    right: 0;
}

.button-diamond .border.bottom {
    bottom: 0;
    left: 0;
}

.content-diamond {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    display: table;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

.transBg-diamond .diamon-title {
    color: #FFFFFF;
    font-family: "Open sans";
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
    line-height: 2em;
    opacity: 0;
    display: table-cell;
    vertical-align: middle;
    -webkit-transform: rotate(-45deg) scale(0);
    -moz-transform: rotate(-45deg) scale(0);
    -ms-transform: rotate(-45deg) scale(0);
    -o-transform: rotate(-45deg) scale(0);
    transform: rotate(-45deg) scale(0);
    -webkit-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -ms-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
}

@keyframes anidiamond-bL {
    0% {
        height: 0;
        top: -50px;
    }
    100% {
        height: 100%;
        top: 0;
    }
}

@-webkit-keyframes anidiamond-bL {
    0% {
        height: 0;
        top: -50px;
    }
    100% {
        height: 100%;
        top: 0;
    }
}

@keyframes anidiamond-bR {
    0% {
        height: 0;
        bottom: -50px;
    }
    100% {
        height: 100%;
        bottom: 0;
    }
}

@-webkit-keyframes anidiamond-bR {
    0% {
        height: 0;
        bottom: -50px;
    }
    100% {
        height: 100%;
        bottom: 0;
    }
}

@keyframes anidiamond-bTB {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

@-webkit-keyframes anidiamond-bTB {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

.button-diamond .transBg-diamond.animation {
    height: 83.333333%;
    width: 83.333333%;
    left: 7.77777%;
    top: 7.77777%;
}

.button-diamond .darkBg-diamond.animation, .button-diamond .hoverBg-diamond.animation {
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.button-diamond .content-diamond.animation {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.button-diamond .content-diamond .title.animation {
    opacity: 1;
    -webkit-transform: rotate(-45deg) scale(1);
    -moz-transform: rotate(-45deg) scale(1);
    -ms-transform: rotate(-45deg) scale(1);
    -o-transform: rotate(-45deg) scale(1);
    transform: rotate(-45deg) scale(1);
}

.button-diamond .border.animation {
    -webkit-animation-duration: .3s;
    -moz-animation-duration: .3s;
    -o-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

.button-diamond .border.left.animation {
    -webkit-animation-name: anidiamond-bL;
    -moz-animation-name: anidiamond-bL;
    -o-animation-name: anidiamond-bL;
    animation-name: anidiamond-bL;
}

.button-diamond .border.right.animation {
    -webkit-animation-name: anidiamond-bR;
    -moz-animation-name: anidiamond-bR;
    -o-animation-name: anidiamond-bR;
    animation-name: anidiamond-bR;
}

.button-diamond .border.top.animation, .button-diamond .border.bottom.animation {
    -webkit-animation-name: anidiamond-bTB;
    -moz-animation-name: anidiamond-bTB;
    -o-animation-name: anidiamond-bTB;
    animation-name: anidiamond-bTB;
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    -o-animation-delay: .3s;
    animation-delay: .3s;
}

.wrap-loader-slider {
    width: 100%;
    height: 100%;
    z-index: 9999999;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
}

.wrap-loader-slider.fadeOut {
    z-index: -1;
}

.wrap-cube {
    position: relative;
    width: 100%;
    height: 100%;
}

.sk-cube-grid {
    width: 40px;
    height: 40px;
    margin: 40px auto;
    position: absolute;
    top: 35%;
    right: 50%;
}

.sk-cube-grid .sk-cube {
    width: 33.33%;
    height: 33.33%;
    background-color: #37ABF2;
    float: left;
    -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
    animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}

.sk-cube-grid .sk-cube1 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.sk-cube-grid .sk-cube2 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.sk-cube-grid .sk-cube3 {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.sk-cube-grid .sk-cube4 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.sk-cube-grid .sk-cube5 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.sk-cube-grid .sk-cube6 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.sk-cube-grid .sk-cube7 {
    -webkit-animation-delay: 0.0s;
    animation-delay: 0.0s;
}

.sk-cube-grid .sk-cube8 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.sk-cube-grid .sk-cube9 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

@-webkit-keyframes sk-cubeGridScaleDelay {
    0%, 70%, 100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    }
    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
    }
}

@keyframes sk-cubeGridScaleDelay {
    0%, 70%, 100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    }
    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
    }
}

.md-slide-wrap {
    margin: 0;
    font-size: 12px;
    line-height: 1.5em;
    word-wrap: normal
}

.md-slidewrap {
    font-size: 12px;
    line-height: 1.5em;
    word-wrap: normal;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==")
}

.md-objects .md-object, .md-objects .md-object a, .slider-item>div {
    margin: 0;
    padding: 0;
    line-height: 1em;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

.md-loading-bg {
    background: #fff;
    opacity: 0.6;
}

.md-loading-state {
    background: #fff
}

.md-bullet {
    background: #ccc;
}

.md-bullet a {
    background: #fff
}

.md-bullet span, .md-bullet img {
    border: 3px solid #fff;
    top: 0;
    left: 0;
    -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, .5);
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .5);
}

.md-bullet .md-thumb-arrow {
    border-top-color: #fff;
}

.white-shadow {
    -moz-box-shadow: 4px 4px 4px rgba(255, 255, 255, 0.25);
    -webkit-box-shadow: 4px 4px 4px rgba(255, 255, 255, 0.25);
    box-shadow: 4px 4px 4px rgba(255, 255, 255, 0.25);
    -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=4,OffY=4,Color=#40ffffff,Positive=true)";
    filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=4, OffY=4, Color=#40ffffff, Positive=true);
}

.black-shadow {
    -moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);
    -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=4,OffY=4,Color=#40000000,Positive=true)";
    filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=4, OffY=4, Color=#40000000, Positive=true);
}

.white-shadow2 {
    -moz-box-shadow: 0px 0px 4px rgba(255, 255, 255, 0.35);
    -webkit-box-shadow: 0px 0px 4px rgba(255, 255, 255, 0.35);
    box-shadow: 0px 0px 4px rgba(255, 255, 255, 0.35);
    -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=0,Color=#59ffffff,Positive=true)";
    filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color=#59ffffff, Positive=true);
}

.black-shadow2 {
    -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.35);
    -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=0,Color=#59000000,Positive=true)";
    filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color=#59000000, Positive=true);
}

.text-white-shadow a, .text-white-shadow div, .md-object.text-white-shadow {
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
    -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#80ffffff,Positive=true)";
    zoom: 1;
    filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=1, Color=#80ffffff, Positive=true);
}

.text-black-shadow a, .text-black-shadow div, .md-object.text-black-shadow {
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
    -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#80000000,Positive=true)";
    zoom: 1;
    filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=1, Color=#80000000, Positive=true);
}

.text-white-shadow2 a .text-white-shadow2 div, .md-object.text-white-shadow2 {
    text-shadow: 0px -1px 0px rgba(255, 255, 255, 0.5);
    -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=-1,Color=#80ffffff,Positive=true)";
    zoom: 1;
    filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=-1, Color=#80ffffff, Positive=true);
}

.text-black-shadow2 a, .text-black-shadow2 div, .md-object.text-black-shadow2 {
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
    -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=-1,Color=#80000000,Positive=true)";
    zoom: 1;
    filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=-1, Color=#80000000, Positive=true);
}

.md-touchdevice .md-arrow-left, .md-touchdevice .md-arrow-right, .md-touchdevice .md-play, .md-touchdevice .md-pause {
    top: auto;
    left: auto;
    margin-top: 0;
    bottom: 10px;
    right: 10px;
    display: none
}

.md-touchdevice .md-arrow-left {
    right: 80px
}

.md-touchdevice .md-play, .md-touchdevice .md-pause {
    right: 45px
}

.md-thumb img .md-thumb span {
    padding: 4px;
    background: #fff;
    border: 1px solid #E1E1E1
}

.md-thumb a:hover img, .md-thumb a:hover span {
    border-color: #ccc
}

.md-thumb a.md-current span, .md-thumb a.md-current img {
    border-color: #bbb
}

.md-slider-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

@media screen and (max-width:760px) {
    .md-bullet, .md-bullet a {
        height: 9px;
        width: 9px;
    }
}

@media screen and (max-width:600px) {
    .md-bullet, .md-bullet a {
        height: 7px;
        width: 7px;
    }
}