@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600);
.dropdown-small, .dropdown-medium, .dropdown-success, .dropdown-warning, .dropdown-info, .dropdown-default, .button-medium, .button-small, .button-success, .button-tag-success, .button-modern-success, .button-warning, .button-tag-warning, .button-modern-warning, .button-info, .button-tag-info, .button-modern-info, .button-default, .button-tag-default, .button-modern-default, .text-field, .badge-success, .badge-warning, .badge-info, .badge-default {
    position: relative;
    border-radius: 0px;
    cursor: pointer;
    border: 0;
    width: 100%;
    outline: none;
    white-space: nowrap; }

.left {
    text-align: left; }

.right {
    text-align: right; }

.center {
    text-align: center; }

.base {
    font-size: 20px !important; }

.large {
    font-size: 60px !important; }

.big {
    font-size: 40px !important; }

.medium {
    font-size: 26px !important; }

.small {
    font-size: 16px !important; }

.tight {
    letter-spacing: -.1em; }

.spread {
    letter-spacing: .3em; }

.upper {
    text-transform: uppercase !important; }

.lower {
    text-transform: lowercase !important; }

.capitalize {
    text-transform: capitalize !important; }

.no-wrap {
    white-space: nowrap !important; }

.no-underline {
    border: 0 !important; }
.no-underline:hover {
    border: 0;
    text-decoration: none; }

p {
    padding: 10px 0;
    margin: 20px 0; }

h1,
h2,
h3,
h4,
h5 {
    font-family: "Open Sans";
    font-weight: 400;
    color: #fff;
    padding: 20px 0; }

.no-padding {
    padding: 0 !important; }

.no-horizontal-padding {
    padding-left: 0 !important;
    padding-right: 0 !important; }

.no-vertical-padding {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }

/* generate padding classes */
.padding-around-small {
    padding-top: -webkit-calc(20px * 0.7) !important;
    padding-top: -moz-calc(20px * 0.7) !important;
    padding-top: -o-calc(20px * 0.7) !important;
    padding-top: calc(20px * 0.7) !important;
    padding-right: -webkit-calc(20px * 0.7) !important;
    padding-right: -moz-calc(20px * 0.7) !important;
    padding-right: -o-calc(20px * 0.7) !important;
    padding-right: calc(20px * 0.7) !important;
    padding-bottom: -webkit-calc(20px * 0.7) !important;
    padding-bottom: -moz-calc(20px * 0.7) !important;
    padding-bottom: -o-calc(20px * 0.7) !important;
    padding-bottom: calc(20px * 0.7) !important;
    padding-left: -webkit-calc(20px * 0.7) !important;
    padding-left: -moz-calc(20px * 0.7) !important;
    padding-left: -o-calc(20px * 0.7) !important;
    padding-left: calc(20px * 0.7) !important; }

.padding-around-base {
    padding-top: -webkit-calc(20px * 1) !important;
    padding-top: -moz-calc(20px * 1) !important;
    padding-top: -o-calc(20px * 1) !important;
    padding-top: calc(20px * 1) !important;
    padding-right: -webkit-calc(20px * 1) !important;
    padding-right: -moz-calc(20px * 1) !important;
    padding-right: -o-calc(20px * 1) !important;
    padding-right: calc(20px * 1) !important;
    padding-bottom: -webkit-calc(20px * 1) !important;
    padding-bottom: -moz-calc(20px * 1) !important;
    padding-bottom: -o-calc(20px * 1) !important;
    padding-bottom: calc(20px * 1) !important;
    padding-left: -webkit-calc(20px * 1) !important;
    padding-left: -moz-calc(20px * 1) !important;
    padding-left: -o-calc(20px * 1) !important;
    padding-left: calc(20px * 1) !important; }

.padding-around-medium {
    padding-top: -webkit-calc(20px * 2) !important;
    padding-top: -moz-calc(20px * 2) !important;
    padding-top: -o-calc(20px * 2) !important;
    padding-top: calc(20px * 2) !important;
    padding-right: -webkit-calc(20px * 2) !important;
    padding-right: -moz-calc(20px * 2) !important;
    padding-right: -o-calc(20px * 2) !important;
    padding-right: calc(20px * 2) !important;
    padding-bottom: -webkit-calc(20px * 2) !important;
    padding-bottom: -moz-calc(20px * 2) !important;
    padding-bottom: -o-calc(20px * 2) !important;
    padding-bottom: calc(20px * 2) !important;
    padding-left: -webkit-calc(20px * 2) !important;
    padding-left: -moz-calc(20px * 2) !important;
    padding-left: -o-calc(20px * 2) !important;
    padding-left: calc(20px * 2) !important; }

.padding-around-big {
    padding-top: -webkit-calc(20px * 4) !important;
    padding-top: -moz-calc(20px * 4) !important;
    padding-top: -o-calc(20px * 4) !important;
    padding-top: calc(20px * 4) !important;
    padding-right: -webkit-calc(20px * 4) !important;
    padding-right: -moz-calc(20px * 4) !important;
    padding-right: -o-calc(20px * 4) !important;
    padding-right: calc(20px * 4) !important;
    padding-bottom: -webkit-calc(20px * 4) !important;
    padding-bottom: -moz-calc(20px * 4) !important;
    padding-bottom: -o-calc(20px * 4) !important;
    padding-bottom: calc(20px * 4) !important;
    padding-left: -webkit-calc(20px * 4) !important;
    padding-left: -moz-calc(20px * 4) !important;
    padding-left: -o-calc(20px * 4) !important;
    padding-left: calc(20px * 4) !important; }

.padding-around-large {
    padding-top: -webkit-calc(20px * 3) !important;
    padding-top: -moz-calc(20px * 3) !important;
    padding-top: -o-calc(20px * 3) !important;
    padding-top: calc(20px * 3) !important;
    padding-right: -webkit-calc(20px * 3) !important;
    padding-right: -moz-calc(20px * 3) !important;
    padding-right: -o-calc(20px * 3) !important;
    padding-right: calc(20px * 3) !important;
    padding-bottom: -webkit-calc(20px * 3) !important;
    padding-bottom: -moz-calc(20px * 3) !important;
    padding-bottom: -o-calc(20px * 3) !important;
    padding-bottom: calc(20px * 3) !important;
    padding-left: -webkit-calc(20px * 3) !important;
    padding-left: -moz-calc(20px * 3) !important;
    padding-left: -o-calc(20px * 3) !important;
    padding-left: calc(20px * 3) !important; }

.padding-vertical-small {
    padding-top: -webkit-calc(20px * 0.7) !important;
    padding-top: -moz-calc(20px * 0.7) !important;
    padding-top: -o-calc(20px * 0.7) !important;
    padding-top: calc(20px * 0.7) !important;
    padding-bottom: -webkit-calc(20px * 0.7) !important;
    padding-bottom: -moz-calc(20px * 0.7) !important;
    padding-bottom: -o-calc(20px * 0.7) !important;
    padding-bottom: calc(20px * 0.7) !important; }

.padding-vertical-base {
    padding-top: -webkit-calc(20px * 1) !important;
    padding-top: -moz-calc(20px * 1) !important;
    padding-top: -o-calc(20px * 1) !important;
    padding-top: calc(20px * 1) !important;
    padding-bottom: -webkit-calc(20px * 1) !important;
    padding-bottom: -moz-calc(20px * 1) !important;
    padding-bottom: -o-calc(20px * 1) !important;
    padding-bottom: calc(20px * 1) !important; }

.padding-vertical-medium {
    padding-top: -webkit-calc(20px * 2) !important;
    padding-top: -moz-calc(20px * 2) !important;
    padding-top: -o-calc(20px * 2) !important;
    padding-top: calc(20px * 2) !important;
    padding-bottom: -webkit-calc(20px * 2) !important;
    padding-bottom: -moz-calc(20px * 2) !important;
    padding-bottom: -o-calc(20px * 2) !important;
    padding-bottom: calc(20px * 2) !important; }

.padding-vertical-big {
    padding-top: -webkit-calc(20px * 4) !important;
    padding-top: -moz-calc(20px * 4) !important;
    padding-top: -o-calc(20px * 4) !important;
    padding-top: calc(20px * 4) !important;
    padding-bottom: -webkit-calc(20px * 4) !important;
    padding-bottom: -moz-calc(20px * 4) !important;
    padding-bottom: -o-calc(20px * 4) !important;
    padding-bottom: calc(20px * 4) !important; }

.padding-vertical-large {
    padding-top: -webkit-calc(20px * 3) !important;
    padding-top: -moz-calc(20px * 3) !important;
    padding-top: -o-calc(20px * 3) !important;
    padding-top: calc(20px * 3) !important;
    padding-bottom: -webkit-calc(20px * 3) !important;
    padding-bottom: -moz-calc(20px * 3) !important;
    padding-bottom: -o-calc(20px * 3) !important;
    padding-bottom: calc(20px * 3) !important; }

.padding-horizontal-small {
    padding-left: -webkit-calc(20px * 0.7) !important;
    padding-left: -moz-calc(20px * 0.7) !important;
    padding-left: -o-calc(20px * 0.7) !important;
    padding-left: calc(20px * 0.7) !important;
    padding-right: -webkit-calc(20px * 0.7) !important;
    padding-right: -moz-calc(20px * 0.7) !important;
    padding-right: -o-calc(20px * 0.7) !important;
    padding-right: calc(20px * 0.7) !important; }

.padding-horizontal-base {
    padding-left: -webkit-calc(20px * 1) !important;
    padding-left: -moz-calc(20px * 1) !important;
    padding-left: -o-calc(20px * 1) !important;
    padding-left: calc(20px * 1) !important;
    padding-right: -webkit-calc(20px * 1) !important;
    padding-right: -moz-calc(20px * 1) !important;
    padding-right: -o-calc(20px * 1) !important;
    padding-right: calc(20px * 1) !important; }

.padding-horizontal-medium {
    padding-left: -webkit-calc(20px * 2) !important;
    padding-left: -moz-calc(20px * 2) !important;
    padding-left: -o-calc(20px * 2) !important;
    padding-left: calc(20px * 2) !important;
    padding-right: -webkit-calc(20px * 2) !important;
    padding-right: -moz-calc(20px * 2) !important;
    padding-right: -o-calc(20px * 2) !important;
    padding-right: calc(20px * 2) !important; }

.padding-horizontal-big {
    padding-left: -webkit-calc(20px * 4) !important;
    padding-left: -moz-calc(20px * 4) !important;
    padding-left: -o-calc(20px * 4) !important;
    padding-left: calc(20px * 4) !important;
    padding-right: -webkit-calc(20px * 4) !important;
    padding-right: -moz-calc(20px * 4) !important;
    padding-right: -o-calc(20px * 4) !important;
    padding-right: calc(20px * 4) !important; }

.padding-horizontal-large {
    padding-left: -webkit-calc(20px * 3) !important;
    padding-left: -moz-calc(20px * 3) !important;
    padding-left: -o-calc(20px * 3) !important;
    padding-left: calc(20px * 3) !important;
    padding-right: -webkit-calc(20px * 3) !important;
    padding-right: -moz-calc(20px * 3) !important;
    padding-right: -o-calc(20px * 3) !important;
    padding-right: calc(20px * 3) !important; }

.margin-around-small {
    margin-top: -webkit-calc(20px * 0.7) !important;
    margin-top: -moz-calc(20px * 0.7) !important;
    margin-top: -o-calc(20px * 0.7) !important;
    margin-top: calc(20px * 0.7) !important;
    margin-right: -webkit-calc(20px * 0.7) !important;
    margin-right: -moz-calc(20px * 0.7) !important;
    margin-right: -o-calc(20px * 0.7) !important;
    margin-right: calc(20px * 0.7) !important;
    margin-bottom: -webkit-calc(20px * 0.7) !important;
    margin-bottom: -moz-calc(20px * 0.7) !important;
    margin-bottom: -o-calc(20px * 0.7) !important;
    margin-bottom: calc(20px * 0.7) !important;
    margin-left: -webkit-calc(20px * 0.7) !important;
    margin-left: -moz-calc(20px * 0.7) !important;
    margin-left: -o-calc(20px * 0.7) !important;
    margin-left: calc(20px * 0.7) !important; }

.margin-around-base {
    margin-top: -webkit-calc(20px * 1) !important;
    margin-top: -moz-calc(20px * 1) !important;
    margin-top: -o-calc(20px * 1) !important;
    margin-top: calc(20px * 1) !important;
    margin-right: -webkit-calc(20px * 1) !important;
    margin-right: -moz-calc(20px * 1) !important;
    margin-right: -o-calc(20px * 1) !important;
    margin-right: calc(20px * 1) !important;
    margin-bottom: -webkit-calc(20px * 1) !important;
    margin-bottom: -moz-calc(20px * 1) !important;
    margin-bottom: -o-calc(20px * 1) !important;
    margin-bottom: calc(20px * 1) !important;
    margin-left: -webkit-calc(20px * 1) !important;
    margin-left: -moz-calc(20px * 1) !important;
    margin-left: -o-calc(20px * 1) !important;
    margin-left: calc(20px * 1) !important; }

.margin-around-medium {
    margin-top: -webkit-calc(20px * 2) !important;
    margin-top: -moz-calc(20px * 2) !important;
    margin-top: -o-calc(20px * 2) !important;
    margin-top: calc(20px * 2) !important;
    margin-right: -webkit-calc(20px * 2) !important;
    margin-right: -moz-calc(20px * 2) !important;
    margin-right: -o-calc(20px * 2) !important;
    margin-right: calc(20px * 2) !important;
    margin-bottom: -webkit-calc(20px * 2) !important;
    margin-bottom: -moz-calc(20px * 2) !important;
    margin-bottom: -o-calc(20px * 2) !important;
    margin-bottom: calc(20px * 2) !important;
    margin-left: -webkit-calc(20px * 2) !important;
    margin-left: -moz-calc(20px * 2) !important;
    margin-left: -o-calc(20px * 2) !important;
    margin-left: calc(20px * 2) !important; }

.margin-around-big {
    margin-top: -webkit-calc(20px * 4) !important;
    margin-top: -moz-calc(20px * 4) !important;
    margin-top: -o-calc(20px * 4) !important;
    margin-top: calc(20px * 4) !important;
    margin-right: -webkit-calc(20px * 4) !important;
    margin-right: -moz-calc(20px * 4) !important;
    margin-right: -o-calc(20px * 4) !important;
    margin-right: calc(20px * 4) !important;
    margin-bottom: -webkit-calc(20px * 4) !important;
    margin-bottom: -moz-calc(20px * 4) !important;
    margin-bottom: -o-calc(20px * 4) !important;
    margin-bottom: calc(20px * 4) !important;
    margin-left: -webkit-calc(20px * 4) !important;
    margin-left: -moz-calc(20px * 4) !important;
    margin-left: -o-calc(20px * 4) !important;
    margin-left: calc(20px * 4) !important; }

.margin-around-large {
    margin-top: -webkit-calc(20px * 3) !important;
    margin-top: -moz-calc(20px * 3) !important;
    margin-top: -o-calc(20px * 3) !important;
    margin-top: calc(20px * 3) !important;
    margin-right: -webkit-calc(20px * 3) !important;
    margin-right: -moz-calc(20px * 3) !important;
    margin-right: -o-calc(20px * 3) !important;
    margin-right: calc(20px * 3) !important;
    margin-bottom: -webkit-calc(20px * 3) !important;
    margin-bottom: -moz-calc(20px * 3) !important;
    margin-bottom: -o-calc(20px * 3) !important;
    margin-bottom: calc(20px * 3) !important;
    margin-left: -webkit-calc(20px * 3) !important;
    margin-left: -moz-calc(20px * 3) !important;
    margin-left: -o-calc(20px * 3) !important;
    margin-left: calc(20px * 3) !important; }

.margin-vertical-small {
    margin-top: -webkit-calc(20px * 0.7) !important;
    margin-top: -moz-calc(20px * 0.7) !important;
    margin-top: -o-calc(20px * 0.7) !important;
    margin-top: calc(20px * 0.7) !important;
    margin-bottom: -webkit-calc(20px * 0.7) !important;
    margin-bottom: -moz-calc(20px * 0.7) !important;
    margin-bottom: -o-calc(20px * 0.7) !important;
    margin-bottom: calc(20px * 0.7) !important; }

.margin-vertical-base {
    margin-top: -webkit-calc(20px * 1) !important;
    margin-top: -moz-calc(20px * 1) !important;
    margin-top: -o-calc(20px * 1) !important;
    margin-top: calc(20px * 1) !important;
    margin-bottom: -webkit-calc(20px * 1) !important;
    margin-bottom: -moz-calc(20px * 1) !important;
    margin-bottom: -o-calc(20px * 1) !important;
    margin-bottom: calc(20px * 1) !important; }

.margin-vertical-medium {
    margin-top: -webkit-calc(20px * 2) !important;
    margin-top: -moz-calc(20px * 2) !important;
    margin-top: -o-calc(20px * 2) !important;
    margin-top: calc(20px * 2) !important;
    margin-bottom: -webkit-calc(20px * 2) !important;
    margin-bottom: -moz-calc(20px * 2) !important;
    margin-bottom: -o-calc(20px * 2) !important;
    margin-bottom: calc(20px * 2) !important; }

.margin-vertical-big {
    margin-top: -webkit-calc(20px * 4) !important;
    margin-top: -moz-calc(20px * 4) !important;
    margin-top: -o-calc(20px * 4) !important;
    margin-top: calc(20px * 4) !important;
    margin-bottom: -webkit-calc(20px * 4) !important;
    margin-bottom: -moz-calc(20px * 4) !important;
    margin-bottom: -o-calc(20px * 4) !important;
    margin-bottom: calc(20px * 4) !important; }

.margin-vertical-large {
    margin-top: -webkit-calc(20px * 3) !important;
    margin-top: -moz-calc(20px * 3) !important;
    margin-top: -o-calc(20px * 3) !important;
    margin-top: calc(20px * 3) !important;
    margin-bottom: -webkit-calc(20px * 3) !important;
    margin-bottom: -moz-calc(20px * 3) !important;
    margin-bottom: -o-calc(20px * 3) !important;
    margin-bottom: calc(20px * 3) !important; }

.margin-horizontal-small {
    margin-left: -webkit-calc(20px * 0.7) !important;
    margin-left: -moz-calc(20px * 0.7) !important;
    margin-left: -o-calc(20px * 0.7) !important;
    margin-left: calc(20px * 0.7) !important;
    margin-right: -webkit-calc(20px * 0.7) !important;
    margin-right: -moz-calc(20px * 0.7) !important;
    margin-right: -o-calc(20px * 0.7) !important;
    margin-right: calc(20px * 0.7) !important; }

.margin-horizontal-base {
    margin-left: -webkit-calc(20px * 1) !important;
    margin-left: -moz-calc(20px * 1) !important;
    margin-left: -o-calc(20px * 1) !important;
    margin-left: calc(20px * 1) !important;
    margin-right: -webkit-calc(20px * 1) !important;
    margin-right: -moz-calc(20px * 1) !important;
    margin-right: -o-calc(20px * 1) !important;
    margin-right: calc(20px * 1) !important; }

.margin-horizontal-medium {
    margin-left: -webkit-calc(20px * 2) !important;
    margin-left: -moz-calc(20px * 2) !important;
    margin-left: -o-calc(20px * 2) !important;
    margin-left: calc(20px * 2) !important;
    margin-right: -webkit-calc(20px * 2) !important;
    margin-right: -moz-calc(20px * 2) !important;
    margin-right: -o-calc(20px * 2) !important;
    margin-right: calc(20px * 2) !important; }

.margin-horizontal-big {
    margin-left: -webkit-calc(20px * 4) !important;
    margin-left: -moz-calc(20px * 4) !important;
    margin-left: -o-calc(20px * 4) !important;
    margin-left: calc(20px * 4) !important;
    margin-right: -webkit-calc(20px * 4) !important;
    margin-right: -moz-calc(20px * 4) !important;
    margin-right: -o-calc(20px * 4) !important;
    margin-right: calc(20px * 4) !important; }

.margin-horizontal-large {
    margin-left: -webkit-calc(20px * 3) !important;
    margin-left: -moz-calc(20px * 3) !important;
    margin-left: -o-calc(20px * 3) !important;
    margin-left: calc(20px * 3) !important;
    margin-right: -webkit-calc(20px * 3) !important;
    margin-right: -moz-calc(20px * 3) !important;
    margin-right: -o-calc(20px * 3) !important;
    margin-right: calc(20px * 3) !important; }

.background-success {
    background-color: #505269; }

.darken-background-success {
    background-color: #3a3b4c; }

.double-darken-background-success {
    background-color: #2f303e; }

.lighten-background-success {
    background-color: #666986; }

.double-lighten-background-success {
    background-color: #727594; }

.background-warning {
    background-color: #dba247; }

.darken-background-warning {
    background-color: #c88a27; }

.double-darken-background-warning {
    background-color: #b37b23; }

.lighten-background-warning {
    background-color: #e3b872; }

.double-lighten-background-warning {
    background-color: #e8c287; }

.background-info {
    background-color: #504f6b; }

.darken-background-info {
    background-color: #3a394e; }

.double-darken-background-info {
    background-color: #2f2f3f; }

.lighten-background-info {
    background-color: #666588; }

.double-lighten-background-info {
    background-color: #727196; }

.background-default {
    background-color: #bfbfcf; }

.darken-background-default {
    background-color: #a2a2b9; }

.double-darken-background-default {
    background-color: #9393ae; }

.lighten-background-default {
    background-color: #dcdce5; }

.double-lighten-background-default {
    background-color: #eaeaf0; }

.success {
    color: #505269 !important; }

.darken-success {
    color: #3a3b4c !important; }

.double-darken-success {
    color: #24252f !important; }

.lighten-success {
    color: #666986 !important; }

.double-lighten-success {
    color: #80839f !important; }

.warning {
    color: #dba247 !important; }

.darken-warning {
    color: #c88a27 !important; }

.double-darken-warning {
    color: #9d6d1f !important; }

.lighten-warning {
    color: #e3b872 !important; }

.double-lighten-warning {
    color: #eccd9c !important; }

.info {
    color: #504f6b !important; }

.darken-info {
    color: #3a394e !important; }

.double-darken-info {
    color: #242430 !important; }

.lighten-info {
    color: #666588 !important; }

.double-lighten-info {
    color: #807fa1 !important; }

.default {
    color: #bfbfcf !important; }

.darken-default {
    color: #a2a2b9 !important; }

.double-darken-default {
    color: #8484a3 !important; }

.lighten-default {
    color: #dcdce5 !important; }

.double-lighten-default {
    color: #f9f9fb !important; }

.light {
    color: #ecf0f1; }

.background-color {
    background-color: white !important; }

.controls-text-color {
    color: #fbfbfb !important; }

.background-controls-text-color {
    background-color: #fbfbfb !important; }

.round-borders {
    border-radius: 0px !important; }

.no-round-borders {
    border-radius: 0 !important; }

.lighten-text {
    color: white !important; }

.double-lighten-text {
    color: white !important; }

.darken-text {
    color: #bfbfbf !important; }

.double-darken-text {
    color: #8c8c8c !important; }

.text-color {
    color: white !important; }

.lighten-background {
    background-color: white !important; }

.double-lighten-background {
    background-color: white !important; }

.darken-background {
    background-color: #f2f2f2 !important; }

.double-darken-background {
    background-color: #e6e6e6 !important; }

.hover-success:hover {
    transition: all 0.1s ease !important;
    -moz-transition: all 0.1s ease !important;
    -o-transition: all 0.1s ease !important;
    -webkit-transition: all 0.1s ease !important;
    color: #505269; }

.hover-warning:hover {
    transition: all 0.1s ease !important;
    -moz-transition: all 0.1s ease !important;
    -o-transition: all 0.1s ease !important;
    -webkit-transition: all 0.1s ease !important;
    color: #dba247; }

.hover-info:hover {
    transition: all 0.1s ease !important;
    -moz-transition: all 0.1s ease !important;
    -o-transition: all 0.1s ease !important;
    -webkit-transition: all 0.1s ease !important;
    color: #504f6b; }

.hover-default:hover {
    transition: all 0.1s ease !important;
    -moz-transition: all 0.1s ease !important;
    -o-transition: all 0.1s ease !important;
    -webkit-transition: all 0.1s ease !important;
    color: #bfbfcf; }

.no-transition {
    transition: all 0s ease !important;
    -moz-transition: all 0s ease !important;
    -o-transition: all 0s ease !important;
    -webkit-transition: all 0s ease !important; }

@media all and (max-width: 1100px) {
    .center-if-mobile-or-medium {
        text-align: center !important; } }
@media all and (max-width: 600px) {
    .center-if-mobile-or-medium {
        text-align: center !important; } }

.animate-show-slow {
    -webkit-animation-name: showSlow;
    -webkit-animation-duration: 0.3s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: showSlow;
    -moz-animation-duration: 0.3s;
    -moz-animation-fill-mode: forwards;
    -o-animation-name: showSlow;
    -o-animation-duration: 0.3s;
    -o-animation-fill-mode: forwards;
    animation-name: showSlow;
    animation-duration: 0.3s;
    animation-fill-mode: forwards; }

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

    to {
        opacity: 1; } }
@-moz-keyframes showSlow {
    from {
        opacity: 0; }

    to {
        opacity: 1; } }
@-ms-keyframes showSlow {
    from {
        opacity: 0; }

    to {
        opacity: 1; } }
@keyframes showSlow {
    from {
        opacity: 0; }

    to {
        opacity: 1; } }
.animate-slide-left-to-right {
    -webkit-animation-name: slideLeftToRight;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: slideLeftToRight;
    -moz-animation-duration: 0.6s;
    -moz-animation-fill-mode: forwards;
    -o-animation-name: slideLeftToRight;
    -o-animation-duration: 0.6s;
    -o-animation-fill-mode: forwards;
    animation-name: slideLeftToRight;
    animation-duration: 0.6s;
    animation-fill-mode: forwards; }

@-webkit-keyframes slideLeftToRight {
    from {
        -webkit-transform: translateX(-20%); }

    to {
        -webkit-transform: translateX(0%); } }
@-moz-keyframes slideLeftToRight {
    from {
        -webkit-transform: translateX(-20%); }

    to {
        -webkit-transform: translateX(0%); } }
@-ms-keyframes slideLeftToRight {
    from {
        -webkit-transform: translateX(-20%); }

    to {
        -webkit-transform: translateX(0%); } }
@keyframes slideLeftToRight {
    from {
        -webkit-transform: translateX(-20%); }

    to {
        -webkit-transform: translateX(0%); } }
.animate-slide-right-to-left {
    -webkit-animation-name: slideRightToLeft;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: slideRightToLeft;
    -moz-animation-duration: 0.6s;
    -moz-animation-fill-mode: forwards;
    -o-animation-name: slideRightToLeft;
    -o-animation-duration: 0.6s;
    -o-animation-fill-mode: forwards;
    animation-name: slideRightToLeft;
    animation-duration: 0.6s;
    animation-fill-mode: forwards; }

.animate-slide-children-top-to-bottom > *:nth-child(1) {
    -webkit-animation-name: slideTopToBottom;
    -webkit-animation-duration: 500ms;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: slideTopToBottom;
    -moz-animation-duration: 500ms;
    -moz-animation-fill-mode: forwards;
    -o-animation-name: slideTopToBottom;
    -o-animation-duration: 500ms;
    -o-animation-fill-mode: forwards;
    animation-name: slideTopToBottom;
    animation-duration: 500ms;
    animation-fill-mode: forwards;
    z-index: 129; }
.animate-slide-children-top-to-bottom > *:nth-child(2) {
    -webkit-animation-name: slideTopToBottom;
    -webkit-animation-duration: 1000ms;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: slideTopToBottom;
    -moz-animation-duration: 1000ms;
    -moz-animation-fill-mode: forwards;
    -o-animation-name: slideTopToBottom;
    -o-animation-duration: 1000ms;
    -o-animation-fill-mode: forwards;
    animation-name: slideTopToBottom;
    animation-duration: 1000ms;
    animation-fill-mode: forwards;
    z-index: 128; }
.animate-slide-children-top-to-bottom > *:nth-child(3) {
    -webkit-animation-name: slideTopToBottom;
    -webkit-animation-duration: 1500ms;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: slideTopToBottom;
    -moz-animation-duration: 1500ms;
    -moz-animation-fill-mode: forwards;
    -o-animation-name: slideTopToBottom;
    -o-animation-duration: 1500ms;
    -o-animation-fill-mode: forwards;
    animation-name: slideTopToBottom;
    animation-duration: 1500ms;
    animation-fill-mode: forwards;
    z-index: 127; }
.animate-slide-children-top-to-bottom > *:nth-child(4) {
    -webkit-animation-name: slideTopToBottom;
    -webkit-animation-duration: 2000ms;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: slideTopToBottom;
    -moz-animation-duration: 2000ms;
    -moz-animation-fill-mode: forwards;
    -o-animation-name: slideTopToBottom;
    -o-animation-duration: 2000ms;
    -o-animation-fill-mode: forwards;
    animation-name: slideTopToBottom;
    animation-duration: 2000ms;
    animation-fill-mode: forwards;
    z-index: 126; }
.animate-slide-children-top-to-bottom > *:nth-child(5) {
    -webkit-animation-name: slideTopToBottom;
    -webkit-animation-duration: 2500ms;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: slideTopToBottom;
    -moz-animation-duration: 2500ms;
    -moz-animation-fill-mode: forwards;
    -o-animation-name: slideTopToBottom;
    -o-animation-duration: 2500ms;
    -o-animation-fill-mode: forwards;
    animation-name: slideTopToBottom;
    animation-duration: 2500ms;
    animation-fill-mode: forwards;
    z-index: 125; }
.animate-slide-children-top-to-bottom > *:nth-child(6) {
    -webkit-animation-name: slideTopToBottom;
    -webkit-animation-duration: 3000ms;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: slideTopToBottom;
    -moz-animation-duration: 3000ms;
    -moz-animation-fill-mode: forwards;
    -o-animation-name: slideTopToBottom;
    -o-animation-duration: 3000ms;
    -o-animation-fill-mode: forwards;
    animation-name: slideTopToBottom;
    animation-duration: 3000ms;
    animation-fill-mode: forwards;
    z-index: 124; }
.animate-slide-children-top-to-bottom > *:nth-child(7) {
    -webkit-animation-name: slideTopToBottom;
    -webkit-animation-duration: 3500ms;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: slideTopToBottom;
    -moz-animation-duration: 3500ms;
    -moz-animation-fill-mode: forwards;
    -o-animation-name: slideTopToBottom;
    -o-animation-duration: 3500ms;
    -o-animation-fill-mode: forwards;
    animation-name: slideTopToBottom;
    animation-duration: 3500ms;
    animation-fill-mode: forwards;
    z-index: 123; }
.animate-slide-children-top-to-bottom > *:nth-child(8) {
    -webkit-animation-name: slideTopToBottom;
    -webkit-animation-duration: 4000ms;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: slideTopToBottom;
    -moz-animation-duration: 4000ms;
    -moz-animation-fill-mode: forwards;
    -o-animation-name: slideTopToBottom;
    -o-animation-duration: 4000ms;
    -o-animation-fill-mode: forwards;
    animation-name: slideTopToBottom;
    animation-duration: 4000ms;
    animation-fill-mode: forwards;
    z-index: 122; }
.animate-slide-children-top-to-bottom > *:nth-child(9) {
    -webkit-animation-name: slideTopToBottom;
    -webkit-animation-duration: 4500ms;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: slideTopToBottom;
    -moz-animation-duration: 4500ms;
    -moz-animation-fill-mode: forwards;
    -o-animation-name: slideTopToBottom;
    -o-animation-duration: 4500ms;
    -o-animation-fill-mode: forwards;
    animation-name: slideTopToBottom;
    animation-duration: 4500ms;
    animation-fill-mode: forwards;
    z-index: 121; }
.animate-slide-children-top-to-bottom > *:nth-child(10) {
    -webkit-animation-name: slideTopToBottom;
    -webkit-animation-duration: 5000ms;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: slideTopToBottom;
    -moz-animation-duration: 5000ms;
    -moz-animation-fill-mode: forwards;
    -o-animation-name: slideTopToBottom;
    -o-animation-duration: 5000ms;
    -o-animation-fill-mode: forwards;
    animation-name: slideTopToBottom;
    animation-duration: 5000ms;
    animation-fill-mode: forwards;
    z-index: 120; }
.animate-slide-children-top-to-bottom > *:nth-child(11) {
    -webkit-animation-name: slideTopToBottom;
    -webkit-animation-duration: 5500ms;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: slideTopToBottom;
    -moz-animation-duration: 5500ms;
    -moz-animation-fill-mode: forwards;
    -o-animation-name: slideTopToBottom;
    -o-animation-duration: 5500ms;
    -o-animation-fill-mode: forwards;
    animation-name: slideTopToBottom;
    animation-duration: 5500ms;
    animation-fill-mode: forwards;
    z-index: 119; }
.animate-slide-children-top-to-bottom > *:nth-child(12) {
    -webkit-animation-name: slideTopToBottom;
    -webkit-animation-duration: 6000ms;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: slideTopToBottom;
    -moz-animation-duration: 6000ms;
    -moz-animation-fill-mode: forwards;
    -o-animation-name: slideTopToBottom;
    -o-animation-duration: 6000ms;
    -o-animation-fill-mode: forwards;
    animation-name: slideTopToBottom;
    animation-duration: 6000ms;
    animation-fill-mode: forwards;
    z-index: 118; }

.animate-slide-children-left-to-right > *:nth-child(1) {
    -webkit-animation-name: slideLeftToRight;
    -webkit-animation-duration: 400ms;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: slideLeftToRight;
    -moz-animation-duration: 400ms;
    -moz-animation-fill-mode: forwards;
    -o-animation-name: slideLeftToRight;
    -o-animation-duration: 400ms;
    -o-animation-fill-mode: forwards;
    animation-name: slideLeftToRight;
    animation-duration: 400ms;
    animation-fill-mode: forwards;
    z-index: 11; }
.animate-slide-children-left-to-right > *:nth-child(2) {
    -webkit-animation-name: slideLeftToRight;
    -webkit-animation-duration: 800ms;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: slideLeftToRight;
    -moz-animation-duration: 800ms;
    -moz-animation-fill-mode: forwards;
    -o-animation-name: slideLeftToRight;
    -o-animation-duration: 800ms;
    -o-animation-fill-mode: forwards;
    animation-name: slideLeftToRight;
    animation-duration: 800ms;
    animation-fill-mode: forwards;
    z-index: 10; }
.animate-slide-children-left-to-right > *:nth-child(3) {
    -webkit-animation-name: slideLeftToRight;
    -webkit-animation-duration: 1200ms;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: slideLeftToRight;
    -moz-animation-duration: 1200ms;
    -moz-animation-fill-mode: forwards;
    -o-animation-name: slideLeftToRight;
    -o-animation-duration: 1200ms;
    -o-animation-fill-mode: forwards;
    animation-name: slideLeftToRight;
    animation-duration: 1200ms;
    animation-fill-mode: forwards;
    z-index: 9; }
.animate-slide-children-left-to-right > *:nth-child(4) {
    -webkit-animation-name: slideLeftToRight;
    -webkit-animation-duration: 1600ms;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: slideLeftToRight;
    -moz-animation-duration: 1600ms;
    -moz-animation-fill-mode: forwards;
    -o-animation-name: slideLeftToRight;
    -o-animation-duration: 1600ms;
    -o-animation-fill-mode: forwards;
    animation-name: slideLeftToRight;
    animation-duration: 1600ms;
    animation-fill-mode: forwards;
    z-index: 8; }
.animate-slide-children-left-to-right > *:nth-child(5) {
    -webkit-animation-name: slideLeftToRight;
    -webkit-animation-duration: 2000ms;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: slideLeftToRight;
    -moz-animation-duration: 2000ms;
    -moz-animation-fill-mode: forwards;
    -o-animation-name: slideLeftToRight;
    -o-animation-duration: 2000ms;
    -o-animation-fill-mode: forwards;
    animation-name: slideLeftToRight;
    animation-duration: 2000ms;
    animation-fill-mode: forwards;
    z-index: 7; }
.animate-slide-children-left-to-right > *:nth-child(6) {
    -webkit-animation-name: slideLeftToRight;
    -webkit-animation-duration: 2400ms;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: slideLeftToRight;
    -moz-animation-duration: 2400ms;
    -moz-animation-fill-mode: forwards;
    -o-animation-name: slideLeftToRight;
    -o-animation-duration: 2400ms;
    -o-animation-fill-mode: forwards;
    animation-name: slideLeftToRight;
    animation-duration: 2400ms;
    animation-fill-mode: forwards;
    z-index: 6; }
.animate-slide-children-left-to-right > *:nth-child(7) {
    -webkit-animation-name: slideLeftToRight;
    -webkit-animation-duration: 2800ms;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: slideLeftToRight;
    -moz-animation-duration: 2800ms;
    -moz-animation-fill-mode: forwards;
    -o-animation-name: slideLeftToRight;
    -o-animation-duration: 2800ms;
    -o-animation-fill-mode: forwards;
    animation-name: slideLeftToRight;
    animation-duration: 2800ms;
    animation-fill-mode: forwards;
    z-index: 5; }
.animate-slide-children-left-to-right > *:nth-child(8) {
    -webkit-animation-name: slideLeftToRight;
    -webkit-animation-duration: 3200ms;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: slideLeftToRight;
    -moz-animation-duration: 3200ms;
    -moz-animation-fill-mode: forwards;
    -o-animation-name: slideLeftToRight;
    -o-animation-duration: 3200ms;
    -o-animation-fill-mode: forwards;
    animation-name: slideLeftToRight;
    animation-duration: 3200ms;
    animation-fill-mode: forwards;
    z-index: 4; }
.animate-slide-children-left-to-right > *:nth-child(9) {
    -webkit-animation-name: slideLeftToRight;
    -webkit-animation-duration: 3600ms;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: slideLeftToRight;
    -moz-animation-duration: 3600ms;
    -moz-animation-fill-mode: forwards;
    -o-animation-name: slideLeftToRight;
    -o-animation-duration: 3600ms;
    -o-animation-fill-mode: forwards;
    animation-name: slideLeftToRight;
    animation-duration: 3600ms;
    animation-fill-mode: forwards;
    z-index: 3; }
.animate-slide-children-left-to-right > *:nth-child(10) {
    -webkit-animation-name: slideLeftToRight;
    -webkit-animation-duration: 4000ms;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: slideLeftToRight;
    -moz-animation-duration: 4000ms;
    -moz-animation-fill-mode: forwards;
    -o-animation-name: slideLeftToRight;
    -o-animation-duration: 4000ms;
    -o-animation-fill-mode: forwards;
    animation-name: slideLeftToRight;
    animation-duration: 4000ms;
    animation-fill-mode: forwards;
    z-index: 2; }
.animate-slide-children-left-to-right > *:nth-child(11) {
    -webkit-animation-name: slideLeftToRight;
    -webkit-animation-duration: 4400ms;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: slideLeftToRight;
    -moz-animation-duration: 4400ms;
    -moz-animation-fill-mode: forwards;
    -o-animation-name: slideLeftToRight;
    -o-animation-duration: 4400ms;
    -o-animation-fill-mode: forwards;
    animation-name: slideLeftToRight;
    animation-duration: 4400ms;
    animation-fill-mode: forwards;
    z-index: 1; }
.animate-slide-children-left-to-right > *:nth-child(12) {
    -webkit-animation-name: slideLeftToRight;
    -webkit-animation-duration: 4800ms;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: slideLeftToRight;
    -moz-animation-duration: 4800ms;
    -moz-animation-fill-mode: forwards;
    -o-animation-name: slideLeftToRight;
    -o-animation-duration: 4800ms;
    -o-animation-fill-mode: forwards;
    animation-name: slideLeftToRight;
    animation-duration: 4800ms;
    animation-fill-mode: forwards;
    z-index: 0; }

.animate-slide-children-right-to-left > *:nth-child(1) {
    -webkit-animation-name: slideRightToLeft;
    -webkit-animation-duration: 400ms;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: slideRightToLeft;
    -moz-animation-duration: 400ms;
    -moz-animation-fill-mode: forwards;
    -o-animation-name: slideRightToLeft;
    -o-animation-duration: 400ms;
    -o-animation-fill-mode: forwards;
    animation-name: slideRightToLeft;
    animation-duration: 400ms;
    animation-fill-mode: forwards;
    z-index: 11; }
.animate-slide-children-right-to-left > *:nth-child(2) {
    -webkit-animation-name: slideRightToLeft;
    -webkit-animation-duration: 800ms;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: slideRightToLeft;
    -moz-animation-duration: 800ms;
    -moz-animation-fill-mode: forwards;
    -o-animation-name: slideRightToLeft;
    -o-animation-duration: 800ms;
    -o-animation-fill-mode: forwards;
    animation-name: slideRightToLeft;
    animation-duration: 800ms;
    animation-fill-mode: forwards;
    z-index: 10; }
.animate-slide-children-right-to-left > *:nth-child(3) {
    -webkit-animation-name: slideRightToLeft;
    -webkit-animation-duration: 1200ms;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: slideRightToLeft;
    -moz-animation-duration: 1200ms;
    -moz-animation-fill-mode: forwards;
    -o-animation-name: slideRightToLeft;
    -o-animation-duration: 1200ms;
    -o-animation-fill-mode: forwards;
    animation-name: slideRightToLeft;
    animation-duration: 1200ms;
    animation-fill-mode: forwards;
    z-index: 9; }
.animate-slide-children-right-to-left > *:nth-child(4) {
    -webkit-animation-name: slideRightToLeft;
    -webkit-animation-duration: 1600ms;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: slideRightToLeft;
    -moz-animation-duration: 1600ms;
    -moz-animation-fill-mode: forwards;
    -o-animation-name: slideRightToLeft;
    -o-animation-duration: 1600ms;
    -o-animation-fill-mode: forwards;
    animation-name: slideRightToLeft;
    animation-duration: 1600ms;
    animation-fill-mode: forwards;
    z-index: 8; }
.animate-slide-children-right-to-left > *:nth-child(5) {
    -webkit-animation-name: slideRightToLeft;
    -webkit-animation-duration: 2000ms;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: slideRightToLeft;
    -moz-animation-duration: 2000ms;
    -moz-animation-fill-mode: forwards;
    -o-animation-name: slideRightToLeft;
    -o-animation-duration: 2000ms;
    -o-animation-fill-mode: forwards;
    animation-name: slideRightToLeft;
    animation-duration: 2000ms;
    animation-fill-mode: forwards;
    z-index: 7; }
.animate-slide-children-right-to-left > *:nth-child(6) {
    -webkit-animation-name: slideRightToLeft;
    -webkit-animation-duration: 2400ms;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: slideRightToLeft;
    -moz-animation-duration: 2400ms;
    -moz-animation-fill-mode: forwards;
    -o-animation-name: slideRightToLeft;
    -o-animation-duration: 2400ms;
    -o-animation-fill-mode: forwards;
    animation-name: slideRightToLeft;
    animation-duration: 2400ms;
    animation-fill-mode: forwards;
    z-index: 6; }
.animate-slide-children-right-to-left > *:nth-child(7) {
    -webkit-animation-name: slideRightToLeft;
    -webkit-animation-duration: 2800ms;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: slideRightToLeft;
    -moz-animation-duration: 2800ms;
    -moz-animation-fill-mode: forwards;
    -o-animation-name: slideRightToLeft;
    -o-animation-duration: 2800ms;
    -o-animation-fill-mode: forwards;
    animation-name: slideRightToLeft;
    animation-duration: 2800ms;
    animation-fill-mode: forwards;
    z-index: 5; }
.animate-slide-children-right-to-left > *:nth-child(8) {
    -webkit-animation-name: slideRightToLeft;
    -webkit-animation-duration: 3200ms;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: slideRightToLeft;
    -moz-animation-duration: 3200ms;
    -moz-animation-fill-mode: forwards;
    -o-animation-name: slideRightToLeft;
    -o-animation-duration: 3200ms;
    -o-animation-fill-mode: forwards;
    animation-name: slideRightToLeft;
    animation-duration: 3200ms;
    animation-fill-mode: forwards;
    z-index: 4; }
.animate-slide-children-right-to-left > *:nth-child(9) {
    -webkit-animation-name: slideRightToLeft;
    -webkit-animation-duration: 3600ms;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: slideRightToLeft;
    -moz-animation-duration: 3600ms;
    -moz-animation-fill-mode: forwards;
    -o-animation-name: slideRightToLeft;
    -o-animation-duration: 3600ms;
    -o-animation-fill-mode: forwards;
    animation-name: slideRightToLeft;
    animation-duration: 3600ms;
    animation-fill-mode: forwards;
    z-index: 3; }
.animate-slide-children-right-to-left > *:nth-child(10) {
    -webkit-animation-name: slideRightToLeft;
    -webkit-animation-duration: 4000ms;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: slideRightToLeft;
    -moz-animation-duration: 4000ms;
    -moz-animation-fill-mode: forwards;
    -o-animation-name: slideRightToLeft;
    -o-animation-duration: 4000ms;
    -o-animation-fill-mode: forwards;
    animation-name: slideRightToLeft;
    animation-duration: 4000ms;
    animation-fill-mode: forwards;
    z-index: 2; }
.animate-slide-children-right-to-left > *:nth-child(11) {
    -webkit-animation-name: slideRightToLeft;
    -webkit-animation-duration: 4400ms;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: slideRightToLeft;
    -moz-animation-duration: 4400ms;
    -moz-animation-fill-mode: forwards;
    -o-animation-name: slideRightToLeft;
    -o-animation-duration: 4400ms;
    -o-animation-fill-mode: forwards;
    animation-name: slideRightToLeft;
    animation-duration: 4400ms;
    animation-fill-mode: forwards;
    z-index: 1; }
.animate-slide-children-right-to-left > *:nth-child(12) {
    -webkit-animation-name: slideRightToLeft;
    -webkit-animation-duration: 4800ms;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: slideRightToLeft;
    -moz-animation-duration: 4800ms;
    -moz-animation-fill-mode: forwards;
    -o-animation-name: slideRightToLeft;
    -o-animation-duration: 4800ms;
    -o-animation-fill-mode: forwards;
    animation-name: slideRightToLeft;
    animation-duration: 4800ms;
    animation-fill-mode: forwards;
    z-index: 0; }

@-webkit-keyframes slideLeftToRight {
    from {
        -webkit-transform: translateX(-20%); }

    to {
        -webkit-transform: translateX(0%); } }
@-moz-keyframes slideLeftToRight {
    from {
        -webkit-transform: translateX(-20%); }

    to {
        -webkit-transform: translateX(0%); } }
@-ms-keyframes slideLeftToRight {
    from {
        -webkit-transform: translateX(-20%); }

    to {
        -webkit-transform: translateX(0%); } }
@keyframes slideLeftToRight {
    from {
        -webkit-transform: translateX(-20%); }

    to {
        -webkit-transform: translateX(0%); } }
@-webkit-keyframes slideRightToLeft {
    from {
        -webkit-transform: translateX(20%); }

    to {
        -webkit-transform: translateX(0%); } }
@-moz-keyframes slideRightToLeft {
    from {
        -webkit-transform: translateX(20%); }

    to {
        -webkit-transform: translateX(0%); } }
@-ms-keyframes slideRightToLeft {
    from {
        -webkit-transform: translateX(20%); }

    to {
        -webkit-transform: translateX(0%); } }
@keyframes slideRightToLeft {
    from {
        -webkit-transform: translateX(20%); }

    to {
        -webkit-transform: translateX(0%); } }
@-webkit-keyframes slideTopToBottom {
    from {
        opacity: 0;
        -webkit-transform: translateY(-50%); }

    20% {
        opacity: .1; }

    30% {
        opacity: .2; }

    to {
        opacity: 1;
        -webkit-transform: translateY(0%); } }
@-moz-keyframes slideTopToBottom {
    from {
        opacity: 0;
        -webkit-transform: translateY(-50%); }

    20% {
        opacity: .1; }

    30% {
        opacity: .2; }

    to {
        opacity: 1;
        -webkit-transform: translateY(0%); } }
@-ms-keyframes slideTopToBottom {
    from {
        opacity: 0;
        -webkit-transform: translateY(-50%); }

    20% {
        opacity: .1; }

    30% {
        opacity: .2; }

    to {
        opacity: 1;
        -webkit-transform: translateY(0%); } }
@keyframes slideTopToBottom {
    from {
        opacity: 0;
        -webkit-transform: translateY(-50%); }

    20% {
        opacity: .1; }

    30% {
        opacity: .2; }

    to {
        opacity: 1;
        -webkit-transform: translateY(0%); } }
@-webkit-keyframes slideBottomToTop {
    from {
        -webkit-transform: translateY(0); }

    to {
        -webkit-transform: translateY(-100%); } }
@-moz-keyframes slideBottomToTop {
    from {
        -webkit-transform: translateY(0); }

    to {
        -webkit-transform: translateY(-100%); } }
@-ms-keyframes slideBottomToTop {
    from {
        -webkit-transform: translateY(0); }

    to {
        -webkit-transform: translateY(-100%); } }
@keyframes slideBottomToTop {
    from {
        -webkit-transform: translateY(0); }

    to {
        -webkit-transform: translateY(-100%); } }
@-webkit-keyframes slideMenuSlidingRight {
    from {
        opacity: 0;
        left: -20%; }

    to {
        opacity: 1;
        left: 0; } }
@-moz-keyframes slideMenuSlidingRight {
    from {
        opacity: 0;
        left: -20%; }

    to {
        opacity: 1;
        left: 0; } }
@-ms-keyframes slideMenuSlidingRight {
    from {
        opacity: 0;
        left: -20%; }

    to {
        opacity: 1;
        left: 0; } }
@keyframes slideMenuSlidingRight {
    from {
        opacity: 0;
        left: -20%; }

    to {
        opacity: 1;
        left: 0; } }
@-webkit-keyframes slideMenuSlidingLeft {
    from {
        opacity: 1;
        left: 0; }

    to {
        opacity: 0;
        left: -30%;
        z-index: -1; } }
@-moz-keyframes slideMenuSlidingLeft {
    from {
        opacity: 1;
        left: 0; }

    to {
        opacity: 0;
        left: -30%;
        z-index: -1; } }
@-ms-keyframes slideMenuSlidingLeft {
    from {
        opacity: 1;
        left: 0; }

    to {
        opacity: 0;
        left: -30%;
        z-index: -1; } }
@keyframes slideMenuSlidingLeft {
    from {
        opacity: 1;
        left: 0; }

    to {
        opacity: 0;
        left: -30%;
        z-index: -1; } }
.container {
    margin: 0 auto;
    position: relative;
    z-index: 1000; }
.container:after {
    content: "";
    display: block;
    clear: both; }

.span1, .mobile-span1, .span2, .mobile-span2, .span3, .mobile-span3, .span4, .mobile-span4, .span5, .mobile-span5, .span6, .mobile-span6, .span7, .mobile-span7, .span8, .mobile-span8, .span9, .mobile-span9, .span10, .mobile-span10, .span11, .mobile-span11, .span12, .mobile-span12, .unit5, .unit10, .unit15, .unit20, .unit25, .unit30, .unit35, .unit40, .unit45, .unit50, .unit55, .unit60, .unit65, .unit70, .unit75, .unit80, .unit85, .unit90, .unit95, .unit100 {
    float: left;
    vertical-align: top;
    padding: .5em; }

.span1 {
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important;
    width: -webkit-calc(8.33333%) ;
    width: -moz-calc(8.33333%) ;
    width: -o-calc(8.33333%) ;
    width: calc(8.33333%) ; }
@media all and (max-width: 600px) {
    .span1 {
        transition: all 0.3s ease !important;
        -moz-transition: all 0.3s ease !important;
        -o-transition: all 0.3s ease !important;
        -webkit-transition: all 0.3s ease !important;
        width: 100%; } }

.mobile-span1 {
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important;
    width: -webkit-calc(8.33333%) ;
    width: -moz-calc(8.33333%) ;
    width: -o-calc(8.33333%) ;
    width: calc(8.33333%) ; }

.span2 {
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important;
    width: -webkit-calc(16.66667%) ;
    width: -moz-calc(16.66667%) ;
    width: -o-calc(16.66667%) ;
    width: calc(16.66667%) ; }
@media all and (max-width: 600px) {
    .span2 {
        transition: all 0.3s ease !important;
        -moz-transition: all 0.3s ease !important;
        -o-transition: all 0.3s ease !important;
        -webkit-transition: all 0.3s ease !important;
        width: 100%; } }

.mobile-span2 {
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important;
    width: -webkit-calc(16.66667%) ;
    width: -moz-calc(16.66667%) ;
    width: -o-calc(16.66667%) ;
    width: calc(16.66667%) ; }

.span3 {
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important;
    width: -webkit-calc(25%) ;
    width: -moz-calc(25%) ;
    width: -o-calc(25%) ;
    width: calc(25%) ; }
@media all and (max-width: 600px) {
    .span3 {
        transition: all 0.3s ease !important;
        -moz-transition: all 0.3s ease !important;
        -o-transition: all 0.3s ease !important;
        -webkit-transition: all 0.3s ease !important;
        width: 100%; } }

.mobile-span3 {
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important;
    width: -webkit-calc(25%) ;
    width: -moz-calc(25%) ;
    width: -o-calc(25%) ;
    width: calc(25%) ; }

.span4 {
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important;
    width: -webkit-calc(33.33333%) ;
    width: -moz-calc(33.33333%) ;
    width: -o-calc(33.33333%) ;
    width: calc(33.33333%) ; }
@media all and (max-width: 600px) {
    .span4 {
        transition: all 0.3s ease !important;
        -moz-transition: all 0.3s ease !important;
        -o-transition: all 0.3s ease !important;
        -webkit-transition: all 0.3s ease !important;
        width: 100%; } }

.mobile-span4 {
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important;
    width: -webkit-calc(33.33333%) ;
    width: -moz-calc(33.33333%) ;
    width: -o-calc(33.33333%) ;
    width: calc(33.33333%) ; }

.span5 {
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important;
    width: -webkit-calc(41.66667%) ;
    width: -moz-calc(41.66667%) ;
    width: -o-calc(41.66667%) ;
    width: calc(41.66667%) ; }
@media all and (max-width: 600px) {
    .span5 {
        transition: all 0.3s ease !important;
        -moz-transition: all 0.3s ease !important;
        -o-transition: all 0.3s ease !important;
        -webkit-transition: all 0.3s ease !important;
        width: 100%; } }

.mobile-span5 {
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important;
    width: -webkit-calc(41.66667%) ;
    width: -moz-calc(41.66667%) ;
    width: -o-calc(41.66667%) ;
    width: calc(41.66667%) ; }

.span6 {
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important;
    width: -webkit-calc(50%) ;
    width: -moz-calc(50%) ;
    width: -o-calc(50%) ;
    width: calc(50%) ; }
@media all and (max-width: 600px) {
    .span6 {
        transition: all 0.3s ease !important;
        -moz-transition: all 0.3s ease !important;
        -o-transition: all 0.3s ease !important;
        -webkit-transition: all 0.3s ease !important;
        width: 100%; } }

.mobile-span6 {
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important;
    width: -webkit-calc(50%) ;
    width: -moz-calc(50%) ;
    width: -o-calc(50%) ;
    width: calc(50%) ; }

.span7 {
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important;
    width: -webkit-calc(58.33333%) ;
    width: -moz-calc(58.33333%) ;
    width: -o-calc(58.33333%) ;
    width: calc(58.33333%) ; }
@media all and (max-width: 600px) {
    .span7 {
        transition: all 0.3s ease !important;
        -moz-transition: all 0.3s ease !important;
        -o-transition: all 0.3s ease !important;
        -webkit-transition: all 0.3s ease !important;
        width: 100%; } }

.mobile-span7 {
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important;
    width: -webkit-calc(58.33333%) ;
    width: -moz-calc(58.33333%) ;
    width: -o-calc(58.33333%) ;
    width: calc(58.33333%) ; }

.span8 {
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important;
    width: -webkit-calc(66.66667%) ;
    width: -moz-calc(66.66667%) ;
    width: -o-calc(66.66667%) ;
    width: calc(66.66667%) ; }
@media all and (max-width: 600px) {
    .span8 {
        transition: all 0.3s ease !important;
        -moz-transition: all 0.3s ease !important;
        -o-transition: all 0.3s ease !important;
        -webkit-transition: all 0.3s ease !important;
        width: 100%; } }

.mobile-span8 {
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important;
    width: -webkit-calc(66.66667%) ;
    width: -moz-calc(66.66667%) ;
    width: -o-calc(66.66667%) ;
    width: calc(66.66667%) ; }

.span9 {
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important;
    width: -webkit-calc(75%) ;
    width: -moz-calc(75%) ;
    width: -o-calc(75%) ;
    width: calc(75%) ; }
@media all and (max-width: 600px) {
    .span9 {
        transition: all 0.3s ease !important;
        -moz-transition: all 0.3s ease !important;
        -o-transition: all 0.3s ease !important;
        -webkit-transition: all 0.3s ease !important;
        width: 100%; } }

.mobile-span9 {
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important;
    width: -webkit-calc(75%) ;
    width: -moz-calc(75%) ;
    width: -o-calc(75%) ;
    width: calc(75%) ; }

.span10 {
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important;
    width: -webkit-calc(83.33333%) ;
    width: -moz-calc(83.33333%) ;
    width: -o-calc(83.33333%) ;
    width: calc(83.33333%) ; }
@media all and (max-width: 600px) {
    .span10 {
        transition: all 0.3s ease !important;
        -moz-transition: all 0.3s ease !important;
        -o-transition: all 0.3s ease !important;
        -webkit-transition: all 0.3s ease !important;
        width: 100%; } }

.mobile-span10 {
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important;
    width: -webkit-calc(83.33333%) ;
    width: -moz-calc(83.33333%) ;
    width: -o-calc(83.33333%) ;
    width: calc(83.33333%) ; }

.span11 {
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important;
    width: -webkit-calc(91.66667%) ;
    width: -moz-calc(91.66667%) ;
    width: -o-calc(91.66667%) ;
    width: calc(91.66667%) ; }
@media all and (max-width: 600px) {
    .span11 {
        transition: all 0.3s ease !important;
        -moz-transition: all 0.3s ease !important;
        -o-transition: all 0.3s ease !important;
        -webkit-transition: all 0.3s ease !important;
        width: 100%; } }

.mobile-span11 {
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important;
    width: -webkit-calc(91.66667%) ;
    width: -moz-calc(91.66667%) ;
    width: -o-calc(91.66667%) ;
    width: calc(91.66667%) ; }

.span12 {
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important;
    width: -webkit-calc(100%) ;
    width: -moz-calc(100%) ;
    width: -o-calc(100%) ;
    width: calc(100%) ; }
@media all and (max-width: 600px) {
    .span12 {
        transition: all 0.3s ease !important;
        -moz-transition: all 0.3s ease !important;
        -o-transition: all 0.3s ease !important;
        -webkit-transition: all 0.3s ease !important;
        width: 100%; } }

.mobile-span12 {
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important;
    width: -webkit-calc(100%) ;
    width: -moz-calc(100%) ;
    width: -o-calc(100%) ;
    width: calc(100%) ; }

.column1, .column2, .column3, .column4, .column5, .column6, .column7, .column8, .column9, .column10, .column11, .column12 {
    margin: 0 auto;
    box-sizing: border-box; }
.column1 > *, .column2 > *, .column3 > *, .column4 > *, .column5 > *, .column6 > *, .column7 > *, .column8 > *, .column9 > *, .column10 > *, .column11 > *, .column12 > * {
    margin: 0;
    padding: 1em;
    float: left; }
.column1:after, .column2:after, .column3:after, .column4:after, .column5:after, .column6:after, .column7:after, .column8:after, .column9:after, .column10:after, .column11:after, .column12:after {
    content: "";
    display: block;
    clear: both; }

.column1 > * {
    width: -webkit-calc(100%) ;
    width: -moz-calc(100%) ;
    width: -o-calc(100%) ;
    width: calc(100%) ;
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important; }
@media all and (max-width: 600px) {
    .column1 > * {
        transition: all 0.3s ease !important;
        -moz-transition: all 0.3s ease !important;
        -o-transition: all 0.3s ease !important;
        -webkit-transition: all 0.3s ease !important;
        width: 100%; } }

.column2 > * {
    width: -webkit-calc(50%) ;
    width: -moz-calc(50%) ;
    width: -o-calc(50%) ;
    width: calc(50%) ;
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important; }
@media all and (max-width: 600px) {
    .column2 > * {
        transition: all 0.3s ease !important;
        -moz-transition: all 0.3s ease !important;
        -o-transition: all 0.3s ease !important;
        -webkit-transition: all 0.3s ease !important;
        width: 100%; } }

.column3 > * {
    width: -webkit-calc(33.33333%) ;
    width: -moz-calc(33.33333%) ;
    width: -o-calc(33.33333%) ;
    width: calc(33.33333%) ;
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important; }
@media all and (max-width: 600px) {
    .column3 > * {
        transition: all 0.3s ease !important;
        -moz-transition: all 0.3s ease !important;
        -o-transition: all 0.3s ease !important;
        -webkit-transition: all 0.3s ease !important;
        width: 100%; } }

.column4 > * {
    width: -webkit-calc(25%) ;
    width: -moz-calc(25%) ;
    width: -o-calc(25%) ;
    width: calc(25%) ;
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important; }
@media all and (max-width: 600px) {
    .column4 > * {
        transition: all 0.3s ease !important;
        -moz-transition: all 0.3s ease !important;
        -o-transition: all 0.3s ease !important;
        -webkit-transition: all 0.3s ease !important;
        width: 100%; } }

.column5 > * {
    width: -webkit-calc(20%) ;
    width: -moz-calc(20%) ;
    width: -o-calc(20%) ;
    width: calc(20%) ;
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important; }
@media all and (max-width: 600px) {
    .column5 > * {
        transition: all 0.3s ease !important;
        -moz-transition: all 0.3s ease !important;
        -o-transition: all 0.3s ease !important;
        -webkit-transition: all 0.3s ease !important;
        width: 100%; } }

.column6 > * {
    width: -webkit-calc(16.66667%) ;
    width: -moz-calc(16.66667%) ;
    width: -o-calc(16.66667%) ;
    width: calc(16.66667%) ;
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important; }
@media all and (max-width: 600px) {
    .column6 > * {
        transition: all 0.3s ease !important;
        -moz-transition: all 0.3s ease !important;
        -o-transition: all 0.3s ease !important;
        -webkit-transition: all 0.3s ease !important;
        width: 100%; } }

.column7 > * {
    width: -webkit-calc(14.28571%) ;
    width: -moz-calc(14.28571%) ;
    width: -o-calc(14.28571%) ;
    width: calc(14.28571%) ;
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important; }
@media all and (max-width: 600px) {
    .column7 > * {
        transition: all 0.3s ease !important;
        -moz-transition: all 0.3s ease !important;
        -o-transition: all 0.3s ease !important;
        -webkit-transition: all 0.3s ease !important;
        width: 100%; } }

.column8 > * {
    width: -webkit-calc(12.5%) ;
    width: -moz-calc(12.5%) ;
    width: -o-calc(12.5%) ;
    width: calc(12.5%) ;
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important; }
@media all and (max-width: 600px) {
    .column8 > * {
        transition: all 0.3s ease !important;
        -moz-transition: all 0.3s ease !important;
        -o-transition: all 0.3s ease !important;
        -webkit-transition: all 0.3s ease !important;
        width: 100%; } }

.column9 > * {
    width: -webkit-calc(11.11111%) ;
    width: -moz-calc(11.11111%) ;
    width: -o-calc(11.11111%) ;
    width: calc(11.11111%) ;
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important; }
@media all and (max-width: 600px) {
    .column9 > * {
        transition: all 0.3s ease !important;
        -moz-transition: all 0.3s ease !important;
        -o-transition: all 0.3s ease !important;
        -webkit-transition: all 0.3s ease !important;
        width: 100%; } }

.column10 > * {
    width: -webkit-calc(10%) ;
    width: -moz-calc(10%) ;
    width: -o-calc(10%) ;
    width: calc(10%) ;
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important; }
@media all and (max-width: 600px) {
    .column10 > * {
        transition: all 0.3s ease !important;
        -moz-transition: all 0.3s ease !important;
        -o-transition: all 0.3s ease !important;
        -webkit-transition: all 0.3s ease !important;
        width: 100%; } }

.column11 > * {
    width: -webkit-calc(9.09091%) ;
    width: -moz-calc(9.09091%) ;
    width: -o-calc(9.09091%) ;
    width: calc(9.09091%) ;
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important; }
@media all and (max-width: 600px) {
    .column11 > * {
        transition: all 0.3s ease !important;
        -moz-transition: all 0.3s ease !important;
        -o-transition: all 0.3s ease !important;
        -webkit-transition: all 0.3s ease !important;
        width: 100%; } }

.column12 > * {
    width: -webkit-calc(8.33333%) ;
    width: -moz-calc(8.33333%) ;
    width: -o-calc(8.33333%) ;
    width: calc(8.33333%) ;
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important; }
@media all and (max-width: 600px) {
    .column12 > * {
        transition: all 0.3s ease !important;
        -moz-transition: all 0.3s ease !important;
        -o-transition: all 0.3s ease !important;
        -webkit-transition: all 0.3s ease !important;
        width: 100%; } }

.shift1 {
    width: -webkit-calc(83.33333%) ;
    width: -moz-calc(83.33333%) ;
    width: -o-calc(83.33333%) ;
    width: calc(83.33333%) ;
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important; }
@media all and (max-width: 1100px) {
    .shift1 {
        transition: all 0.3s ease !important;
        -moz-transition: all 0.3s ease !important;
        -o-transition: all 0.3s ease !important;
        -webkit-transition: all 0.3s ease !important;
        width: 100%; } }

.shift2 {
    width: -webkit-calc(66.66667%) ;
    width: -moz-calc(66.66667%) ;
    width: -o-calc(66.66667%) ;
    width: calc(66.66667%) ;
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important; }
@media all and (max-width: 1100px) {
    .shift2 {
        transition: all 0.3s ease !important;
        -moz-transition: all 0.3s ease !important;
        -o-transition: all 0.3s ease !important;
        -webkit-transition: all 0.3s ease !important;
        width: 100%; } }

.shift3 {
    width: -webkit-calc(50%) ;
    width: -moz-calc(50%) ;
    width: -o-calc(50%) ;
    width: calc(50%) ;
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important; }
@media all and (max-width: 1100px) {
    .shift3 {
        transition: all 0.3s ease !important;
        -moz-transition: all 0.3s ease !important;
        -o-transition: all 0.3s ease !important;
        -webkit-transition: all 0.3s ease !important;
        width: 100%; } }

.shift4 {
    width: -webkit-calc(33.33333%) ;
    width: -moz-calc(33.33333%) ;
    width: -o-calc(33.33333%) ;
    width: calc(33.33333%) ;
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important; }
@media all and (max-width: 1100px) {
    .shift4 {
        transition: all 0.3s ease !important;
        -moz-transition: all 0.3s ease !important;
        -o-transition: all 0.3s ease !important;
        -webkit-transition: all 0.3s ease !important;
        width: 100%; } }

.shift5 {
    width: -webkit-calc(16.66667%) ;
    width: -moz-calc(16.66667%) ;
    width: -o-calc(16.66667%) ;
    width: calc(16.66667%) ;
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important; }
@media all and (max-width: 1100px) {
    .shift5 {
        transition: all 0.3s ease !important;
        -moz-transition: all 0.3s ease !important;
        -o-transition: all 0.3s ease !important;
        -webkit-transition: all 0.3s ease !important;
        width: 100%; } }

.unit5 {
    width: -webkit-calc(5%) ;
    width: -moz-calc(5%) ;
    width: -o-calc(5%) ;
    width: calc(5%) ; }
@media all and (max-width: 600px) {
    .unit5 {
        transition: all 0.3s ease !important;
        -moz-transition: all 0.3s ease !important;
        -o-transition: all 0.3s ease !important;
        -webkit-transition: all 0.3s ease !important;
        width: 100%; } }

.unit10 {
    width: -webkit-calc(10%) ;
    width: -moz-calc(10%) ;
    width: -o-calc(10%) ;
    width: calc(10%) ; }
@media all and (max-width: 600px) {
    .unit10 {
        transition: all 0.3s ease !important;
        -moz-transition: all 0.3s ease !important;
        -o-transition: all 0.3s ease !important;
        -webkit-transition: all 0.3s ease !important;
        width: 100%; } }

.unit15 {
    width: -webkit-calc(15%) ;
    width: -moz-calc(15%) ;
    width: -o-calc(15%) ;
    width: calc(15%) ; }
@media all and (max-width: 600px) {
    .unit15 {
        transition: all 0.3s ease !important;
        -moz-transition: all 0.3s ease !important;
        -o-transition: all 0.3s ease !important;
        -webkit-transition: all 0.3s ease !important;
        width: 100%; } }

.unit20 {
    width: -webkit-calc(20%) ;
    width: -moz-calc(20%) ;
    width: -o-calc(20%) ;
    width: calc(20%) ; }
@media all and (max-width: 600px) {
    .unit20 {
        transition: all 0.3s ease !important;
        -moz-transition: all 0.3s ease !important;
        -o-transition: all 0.3s ease !important;
        -webkit-transition: all 0.3s ease !important;
        width: 100%; } }

.unit25 {
    width: -webkit-calc(25%) ;
    width: -moz-calc(25%) ;
    width: -o-calc(25%) ;
    width: calc(25%) ; }
@media all and (max-width: 600px) {
    .unit25 {
        transition: all 0.3s ease !important;
        -moz-transition: all 0.3s ease !important;
        -o-transition: all 0.3s ease !important;
        -webkit-transition: all 0.3s ease !important;
        width: 100%; } }

.unit30 {
    width: -webkit-calc(30%) ;
    width: -moz-calc(30%) ;
    width: -o-calc(30%) ;
    width: calc(30%) ; }
@media all and (max-width: 600px) {
    .unit30 {
        transition: all 0.3s ease !important;
        -moz-transition: all 0.3s ease !important;
        -o-transition: all 0.3s ease !important;
        -webkit-transition: all 0.3s ease !important;
        width: 100%; } }

.unit35 {
    width: -webkit-calc(35%) ;
    width: -moz-calc(35%) ;
    width: -o-calc(35%) ;
    width: calc(35%) ; }
@media all and (max-width: 600px) {
    .unit35 {
        transition: all 0.3s ease !important;
        -moz-transition: all 0.3s ease !important;
        -o-transition: all 0.3s ease !important;
        -webkit-transition: all 0.3s ease !important;
        width: 100%; } }

.unit40 {
    width: -webkit-calc(40%) ;
    width: -moz-calc(40%) ;
    width: -o-calc(40%) ;
    width: calc(40%) ; }
@media all and (max-width: 600px) {
    .unit40 {
        transition: all 0.3s ease !important;
        -moz-transition: all 0.3s ease !important;
        -o-transition: all 0.3s ease !important;
        -webkit-transition: all 0.3s ease !important;
        width: 100%; } }

.unit45 {
    width: -webkit-calc(45%) ;
    width: -moz-calc(45%) ;
    width: -o-calc(45%) ;
    width: calc(45%) ; }
@media all and (max-width: 600px) {
    .unit45 {
        transition: all 0.3s ease !important;
        -moz-transition: all 0.3s ease !important;
        -o-transition: all 0.3s ease !important;
        -webkit-transition: all 0.3s ease !important;
        width: 100%; } }

.unit50 {
    width: -webkit-calc(50%) ;
    width: -moz-calc(50%) ;
    width: -o-calc(50%) ;
    width: calc(50%) ; }
@media all and (max-width: 600px) {
    .unit50 {
        transition: all 0.3s ease !important;
        -moz-transition: all 0.3s ease !important;
        -o-transition: all 0.3s ease !important;
        -webkit-transition: all 0.3s ease !important;
        width: 100%; } }

.unit55 {
    width: -webkit-calc(55%) ;
    width: -moz-calc(55%) ;
    width: -o-calc(55%) ;
    width: calc(55%) ; }
@media all and (max-width: 600px) {
    .unit55 {
        transition: all 0.3s ease !important;
        -moz-transition: all 0.3s ease !important;
        -o-transition: all 0.3s ease !important;
        -webkit-transition: all 0.3s ease !important;
        width: 100%; } }

.unit60 {
    width: -webkit-calc(60%) ;
    width: -moz-calc(60%) ;
    width: -o-calc(60%) ;
    width: calc(60%) ; }
@media all and (max-width: 600px) {
    .unit60 {
        transition: all 0.3s ease !important;
        -moz-transition: all 0.3s ease !important;
        -o-transition: all 0.3s ease !important;
        -webkit-transition: all 0.3s ease !important;
        width: 100%; } }

.unit65 {
    width: -webkit-calc(65%) ;
    width: -moz-calc(65%) ;
    width: -o-calc(65%) ;
    width: calc(65%) ; }
@media all and (max-width: 600px) {
    .unit65 {
        transition: all 0.3s ease !important;
        -moz-transition: all 0.3s ease !important;
        -o-transition: all 0.3s ease !important;
        -webkit-transition: all 0.3s ease !important;
        width: 100%; } }

.unit70 {
    width: -webkit-calc(70%) ;
    width: -moz-calc(70%) ;
    width: -o-calc(70%) ;
    width: calc(70%) ; }
@media all and (max-width: 600px) {
    .unit70 {
        transition: all 0.3s ease !important;
        -moz-transition: all 0.3s ease !important;
        -o-transition: all 0.3s ease !important;
        -webkit-transition: all 0.3s ease !important;
        width: 100%; } }

.unit75 {
    width: -webkit-calc(75%) ;
    width: -moz-calc(75%) ;
    width: -o-calc(75%) ;
    width: calc(75%) ; }
@media all and (max-width: 600px) {
    .unit75 {
        transition: all 0.3s ease !important;
        -moz-transition: all 0.3s ease !important;
        -o-transition: all 0.3s ease !important;
        -webkit-transition: all 0.3s ease !important;
        width: 100%; } }

.unit80 {
    width: -webkit-calc(80%) ;
    width: -moz-calc(80%) ;
    width: -o-calc(80%) ;
    width: calc(80%) ; }
@media all and (max-width: 600px) {
    .unit80 {
        transition: all 0.3s ease !important;
        -moz-transition: all 0.3s ease !important;
        -o-transition: all 0.3s ease !important;
        -webkit-transition: all 0.3s ease !important;
        width: 100%; } }

.unit85 {
    width: -webkit-calc(85%) ;
    width: -moz-calc(85%) ;
    width: -o-calc(85%) ;
    width: calc(85%) ; }
@media all and (max-width: 600px) {
    .unit85 {
        transition: all 0.3s ease !important;
        -moz-transition: all 0.3s ease !important;
        -o-transition: all 0.3s ease !important;
        -webkit-transition: all 0.3s ease !important;
        width: 100%; } }

.unit90 {
    width: -webkit-calc(90%) ;
    width: -moz-calc(90%) ;
    width: -o-calc(90%) ;
    width: calc(90%) ; }
@media all and (max-width: 600px) {
    .unit90 {
        transition: all 0.3s ease !important;
        -moz-transition: all 0.3s ease !important;
        -o-transition: all 0.3s ease !important;
        -webkit-transition: all 0.3s ease !important;
        width: 100%; } }

.unit95 {
    width: -webkit-calc(95%) ;
    width: -moz-calc(95%) ;
    width: -o-calc(95%) ;
    width: calc(95%) ; }
@media all and (max-width: 600px) {
    .unit95 {
        transition: all 0.3s ease !important;
        -moz-transition: all 0.3s ease !important;
        -o-transition: all 0.3s ease !important;
        -webkit-transition: all 0.3s ease !important;
        width: 100%; } }

.unit100 {
    width: -webkit-calc(100%) ;
    width: -moz-calc(100%) ;
    width: -o-calc(100%) ;
    width: calc(100%) ; }
@media all and (max-width: 600px) {
    .unit100 {
        transition: all 0.3s ease !important;
        -moz-transition: all 0.3s ease !important;
        -o-transition: all 0.3s ease !important;
        -webkit-transition: all 0.3s ease !important;
        width: 100%; } }

.mobile-only {
    display: none; }
@media all and (max-width: 600px) {
    .mobile-only {
        display: inherit;
        transition: all 0.3s ease !important;
        -moz-transition: all 0.3s ease !important;
        -o-transition: all 0.3s ease !important;
        -webkit-transition: all 0.3s ease !important; } }

.desktop-only {
    display: inherit; }
@media all and (max-width: 1100px) {
    .desktop-only {
        display: none; } }
@media all and (max-width: 600px) {
    .desktop-only {
        display: none; } }

.mobile-and-medium-only {
    display: none; }
@media all and (max-width: 1100px) {
    .mobile-and-medium-only {
        display: inherit;
        transition: all 0.3s ease !important;
        -moz-transition: all 0.3s ease !important;
        -o-transition: all 0.3s ease !important;
        -webkit-transition: all 0.3s ease !important; } }
@media all and (max-width: 600px) {
    .mobile-and-medium-only {
        display: inherit;
        transition: all 0.3s ease !important;
        -moz-transition: all 0.3s ease !important;
        -o-transition: all 0.3s ease !important;
        -webkit-transition: all 0.3s ease !important; } }

.desktop-and-medium-only {
    display: inherit; }
@media all and (max-width: 600px) {
    .desktop-and-medium-only {
        display: none;
        transition: all 0.3s ease !important;
        -moz-transition: all 0.3s ease !important;
        -o-transition: all 0.3s ease !important;
        -webkit-transition: all 0.3s ease !important; } }

.dropdown-menu-success, .dropdown-menu-warning, .dropdown-menu-info, .dropdown-menu-default {
    position: relative;
    cursor: pointer;
    display: inline-block; }
.dropdown-menu-success i, .dropdown-menu-warning i, .dropdown-menu-info i, .dropdown-menu-default i {
    padding: 0 20px 0 0; }
.dropdown-menu-success > a:after, .dropdown-menu-warning > a:after, .dropdown-menu-info > a:after, .dropdown-menu-default > a:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    right: -1.3em;
    top: 50%;
    margin-top: -0.43333em;
    border-top: 0.43333em solid transparent;
    border-bottom: 0.43333em solid transparent; }
.dropdown-menu-success ul, .dropdown-menu-warning ul, .dropdown-menu-info ul, .dropdown-menu-default ul {
    opacity: 0;
    list-style: none;
    position: absolute;
    top: -50%;
    z-index: -1;
    display: none;
    left: -50%;
    white-space: nowrap;
    border-radius: 0px;
    padding: 0 0 20px;
    color: #fbfbfb; }
.dropdown-menu-success ul li, .dropdown-menu-warning ul li, .dropdown-menu-info ul li, .dropdown-menu-default ul li {
    margin: 0;
    display: block;
    cursor: pointer;
    padding: 1em 4em;
    transition: all .2s ease; }
.dropdown-menu-success ul li:hover, .dropdown-menu-warning ul li:hover, .dropdown-menu-info ul li:hover, .dropdown-menu-default ul li:hover {
    transition: all .2s ease; }
.dropdown-menu-success ul li:active, .dropdown-menu-warning ul li:active, .dropdown-menu-info ul li:active, .dropdown-menu-default ul li:active {
    transition: all .2s ease; }
.dropdown-menu-success ul li:not(.item-header):first-child, .dropdown-menu-warning ul li:not(.item-header):first-child, .dropdown-menu-info ul li:not(.item-header):first-child, .dropdown-menu-default ul li:not(.item-header):first-child, .dropdown-menu-success ul li.item-header:first-child + li, .dropdown-menu-warning ul li.item-header:first-child + li, .dropdown-menu-info ul li.item-header:first-child + li, .dropdown-menu-default ul li.item-header:first-child + li {
    margin-top: 20px; }
.dropdown-menu-success ul li a, .dropdown-menu-warning ul li a, .dropdown-menu-info ul li a, .dropdown-menu-default ul li a {
    border: 0 !important; }
.dropdown-menu-success ul li a:hover, .dropdown-menu-warning ul li a:hover, .dropdown-menu-info ul li a:hover, .dropdown-menu-default ul li a:hover {
    border: 0; }
.active.dropdown-menu-success ul, .active.dropdown-menu-warning ul, .active.dropdown-menu-info ul, .active.dropdown-menu-default ul {
    display: block;
    -webkit-animation-name: showMenu;
    -webkit-animation-duration: .3s;
    -webkit-animation-fill-mode: forwards;
    z-index: 100; }

@-webkit-keyframes showMenu {
    from {
        -webkit-transform: translateY(20%);
        opacity: 0; }

    to {
        transform: translateY(0);
        opacity: 1; } }
@-moz-keyframes showMenu {
    from {
        -webkit-transform: translateY(20%);
        opacity: 0; }

    to {
        transform: translateY(0);
        opacity: 1; } }
@-ms-keyframes showMenu {
    from {
        -webkit-transform: translateY(20%);
        opacity: 0; }

    to {
        transform: translateY(0);
        opacity: 1; } }
@keyframes showMenu {
    from {
        -webkit-transform: translateY(20%);
        opacity: 0; }

    to {
        transform: translateY(0);
        opacity: 1; } }
.dropdown-menu-success > a:after {
    border-left: 0.43333em solid #80839f; }
.dropdown-menu-success ul {
    background-color: #505269;
    border-bottom: 6px solid #45475b; }
.dropdown-menu-success ul li:hover {
    background-color: #45475b; }
.dropdown-menu-success ul li:active {
    background-color: #3a3b4c; }
.dropdown-menu-success ul li.item-header {
    background-color: #3e4052;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    pointer-events: none; }

.dropdown-menu-warning > a:after {
    border-left: 0.43333em solid #eccd9c; }
.dropdown-menu-warning ul {
    background-color: #dba247;
    border-bottom: 6px solid #d79732; }
.dropdown-menu-warning ul li:hover {
    background-color: #d79732; }
.dropdown-menu-warning ul li:active {
    background-color: #c88a27; }
.dropdown-menu-warning ul li.item-header {
    background-color: #d09029;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    pointer-events: none; }

.dropdown-menu-info > a:after {
    border-left: 0.43333em solid #807fa1; }
.dropdown-menu-info ul {
    background-color: #504f6b;
    border-bottom: 6px solid #45445c; }
.dropdown-menu-info ul li:hover {
    background-color: #45445c; }
.dropdown-menu-info ul li:active {
    background-color: #3a394e; }
.dropdown-menu-info ul li.item-header {
    background-color: #3e3e54;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    pointer-events: none; }

.dropdown-menu-default > a:after {
    border-left: 0.43333em solid #f9f9fb; }
.dropdown-menu-default ul {
    background-color: #bfbfcf;
    border-bottom: 6px solid #b0b0c4; }
.dropdown-menu-default ul li:hover {
    background-color: #b0b0c4; }
.dropdown-menu-default ul li:active {
    background-color: #a2a2b9; }
.dropdown-menu-default ul li.item-header {
    background-color: #a7a7bd;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    pointer-events: none; }

.dropdown-small, .dropdown-medium, .dropdown-success, .dropdown-warning, .dropdown-info, .dropdown-default {
    font-size: 20px; }
.dropdown-small div, .dropdown-medium div, .dropdown-success div, .dropdown-warning div, .dropdown-info div, .dropdown-default div {
    padding: 16.66667px 120px 16.66667px 16.66667px; }
.dropdown-small ul, .dropdown-medium ul, .dropdown-success ul, .dropdown-warning ul, .dropdown-info ul, .dropdown-default ul {
    width: 100%;
    padding: .5em 0;
    position: absolute;
    border-radius: 0 0 0px 0px;
    top: 100%;
    margin: 0;
    z-index: 2;
    opacity: 0;
    list-style: none;
    white-space: nowrap;
    pointer-events: none; }
.dropdown-small ul i, .dropdown-medium ul i, .dropdown-success ul i, .dropdown-warning ul i, .dropdown-info ul i, .dropdown-default ul i {
    padding: 0 20px 0 0; }
.dropdown-small ul a, .dropdown-medium ul a, .dropdown-success ul a, .dropdown-warning ul a, .dropdown-info ul a, .dropdown-default ul a {
    text-decoration: none;
    color: inherit;
    pointer-events: none;
    border: 0; }
.dropdown-small ul li, .dropdown-medium ul li, .dropdown-success ul li, .dropdown-warning ul li, .dropdown-info ul li, .dropdown-default ul li {
    padding: .5em 2em;
    width: 100%;
    margin: 0;
    cursor: pointer;
    transition: all .2s ease; }
.dropdown-small ul li:hover, .dropdown-medium ul li:hover, .dropdown-success ul li:hover, .dropdown-warning ul li:hover, .dropdown-info ul li:hover, .dropdown-default ul li:hover {
    transition: all .2s ease; }
.dropdown-small ul li:active, .dropdown-medium ul li:active, .dropdown-success ul li:active, .dropdown-warning ul li:active, .dropdown-info ul li:active, .dropdown-default ul li:active {
    transition: all .2s ease; }
.dropdown-small:after, .dropdown-medium:after, .dropdown-success:after, .dropdown-warning:after, .dropdown-info:after, .dropdown-default:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    right: 1em;
    margin-top: -.4em;
    border-top: .4em solid transparent;
    border-bottom: .4em solid transparent;
    border-left: 0.4em solid #fbfbfb;
    pointer-events: none; }
.dropdown-small:before, .dropdown-medium:before, .dropdown-success:before, .dropdown-warning:before, .dropdown-info:before, .dropdown-default:before {
    transition: all .3s ease;
    content: '';
    height: 100%;
    position: absolute;
    border-radius: 0px;
    width: 2.6em;
    right: 0;
    top: 0;
    pointer-events: none; }
.dropdown-small:hover:before, .dropdown-medium:hover:before, .dropdown-success:hover:before, .dropdown-warning:hover:before, .dropdown-info:hover:before, .dropdown-default:hover:before {
    transition: all .3s ease; }
.active.dropdown-small, .active.dropdown-medium, .active.dropdown-success, .active.dropdown-warning, .active.dropdown-info, .active.dropdown-default {
    border-radius: 0px 0px 0 0; }
.active.dropdown-small:after, .active.dropdown-medium:after, .active.dropdown-success:after, .active.dropdown-warning:after, .active.dropdown-info:after, .active.dropdown-default:after {
    margin-top: -.2em;
    border-left: .4em solid transparent;
    border-right: .4em solid transparent;
    border-top: 0.4em solid #fbfbfb; }
.active.dropdown-small ul, .active.dropdown-medium ul, .active.dropdown-success ul, .active.dropdown-warning ul, .active.dropdown-info ul, .active.dropdown-default ul {
    opacity: 1;
    pointer-events: auto; }

.dropdown-small {
    font-size: 13.33333px; }
.dropdown-small div {
    padding: 4px 100px 4px 10px; }

.dropdown-medium {
    font-size: 16.66667px; }
.dropdown-medium div {
    padding: 6.66667px 80px 6.66667px 20px; }

.dropdown-success {
    border-bottom: 6px solid #45475b;
    background-color: #505269;
    color: #fbfbfb; }
.dropdown-success ul {
    background-color: #505269;
    border-bottom: 6px solid #45475b; }
.dropdown-success ul li:hover {
    background-color: #45475b; }
.dropdown-success ul li:active {
    background-color: #3a3b4c; }
.dropdown-success:before {
    background-color: #5b5d77; }
.dropdown-success:hover:before {
    background-color: #666986; }

.dropdown-warning {
    border-bottom: 6px solid #d79732;
    background-color: #dba247;
    color: #fbfbfb; }
.dropdown-warning ul {
    background-color: #dba247;
    border-bottom: 6px solid #d79732; }
.dropdown-warning ul li:hover {
    background-color: #d79732; }
.dropdown-warning ul li:active {
    background-color: #c88a27; }
.dropdown-warning:before {
    background-color: #dfad5c; }
.dropdown-warning:hover:before {
    background-color: #e3b872; }

.dropdown-info {
    border-bottom: 6px solid #45445c;
    background-color: #504f6b;
    color: #fbfbfb; }
.dropdown-info ul {
    background-color: #504f6b;
    border-bottom: 6px solid #45445c; }
.dropdown-info ul li:hover {
    background-color: #45445c; }
.dropdown-info ul li:active {
    background-color: #3a394e; }
.dropdown-info:before {
    background-color: #5b5a7a; }
.dropdown-info:hover:before {
    background-color: #666588; }

.dropdown-default {
    border-bottom: 6px solid #b0b0c4;
    background-color: #bfbfcf;
    color: #fbfbfb; }
.dropdown-default ul {
    background-color: #bfbfcf;
    border-bottom: 6px solid #b0b0c4; }
.dropdown-default ul li:hover {
    background-color: #b0b0c4; }
.dropdown-default ul li:active {
    background-color: #a2a2b9; }
.dropdown-default:before {
    background-color: #cdcdda; }
.dropdown-default:hover:before {
    background-color: #dcdce5; }

.button-medium, .button-small, .button-success, .button-tag-success, .button-modern-success, .button-warning, .button-tag-warning, .button-modern-warning, .button-info, .button-tag-info, .button-modern-info, .button-default, .button-tag-default, .button-modern-default {
    font-family: "Open Sans";
    font-weight: 300;
    transition: all .3s ease;
    font-size: 16.66667px;
    padding: 13.33333px 24px; }
.button-medium:hover, .button-small:hover, .button-success:hover, .button-tag-success:hover, .button-modern-success:hover, .button-warning:hover, .button-tag-warning:hover, .button-modern-warning:hover, .button-info:hover, .button-tag-info:hover, .button-modern-info:hover, .button-default:hover, .button-tag-default:hover, .button-modern-default:hover {
    transition: all .3s ease; }
.button-medium:active, .button-small:active, .button-success:active, .button-tag-success:active, .button-modern-success:active, .button-warning:active, .button-tag-warning:active, .button-modern-warning:active, .button-info:active, .button-tag-info:active, .button-modern-info:active, .button-default:active, .button-tag-default:active, .button-modern-default:active {
    top: 2px; }

.button-medium {
    font-size: 20px;
    padding: 20px; }

.button-small {
    font-size: 13.33333px;
    padding: 6.66667px 20px; }

.button-success {
    border-bottom: 6px solid #45475b;
    background-color: #505269;
    color: #fbfbfb; }
.button-success:hover {
    background-color: #45475b; }

.button-tag-success {
    background-color: #fbfbfb;
    color: gray;
    border: 1px #d3d3d3 solid; }
.button-tag-success:hover {
    background-color: #45475b;
    transition: all 0.1s ease !important;
    -moz-transition: all 0.1s ease !important;
    -o-transition: all 0.1s ease !important;
    -webkit-transition: all 0.1s ease !important;
    border: 1px #45475b solid;
    color: #fff; }

.button-modern-success {
    background-color: transparent;
    color: #9d9fb5;
    border: 2px #505269 solid; }
.button-modern-success:hover {
    transition: all 0.1s ease !important;
    -moz-transition: all 0.1s ease !important;
    -o-transition: all 0.1s ease !important;
    -webkit-transition: all 0.1s ease !important;
    border: 2px #9d9fb5 solid;
    color: #fff; }

.button-warning {
    border-bottom: 6px solid #d79732;
    background-color: #dba247;
    color: #fbfbfb; }
.button-warning:hover {
    background-color: #d79732; }

.button-tag-warning {
    background-color: #fbfbfb;
    color: gray;
    border: 1px #d3d3d3 solid; }
.button-tag-warning:hover {
    background-color: #d79732;
    transition: all 0.1s ease !important;
    -moz-transition: all 0.1s ease !important;
    -o-transition: all 0.1s ease !important;
    -webkit-transition: all 0.1s ease !important;
    border: 1px #d79732 solid;
    color: #fff; }

.button-modern-warning {
    background-color: transparent;
    color: #f4e3c7;
    border: 2px #dba247 solid; }
.button-modern-warning:hover {
    transition: all 0.1s ease !important;
    -moz-transition: all 0.1s ease !important;
    -o-transition: all 0.1s ease !important;
    -webkit-transition: all 0.1s ease !important;
    border: 2px #f4e3c7 solid;
    color: #fff; }

.button-info {
    border-bottom: 6px solid #45445c;
    background-color: #504f6b;
    color: #fbfbfb; }
.button-info:hover {
    background-color: #45445c; }

.button-tag-info {
    background-color: #fbfbfb;
    color: gray;
    border: 1px #d3d3d3 solid; }
.button-tag-info:hover {
    background-color: #45445c;
    transition: all 0.1s ease !important;
    -moz-transition: all 0.1s ease !important;
    -o-transition: all 0.1s ease !important;
    -webkit-transition: all 0.1s ease !important;
    border: 1px #45445c solid;
    color: #fff; }

.button-modern-info {
    background-color: transparent;
    color: #9e9db6;
    border: 2px #504f6b solid; }
.button-modern-info:hover {
    transition: all 0.1s ease !important;
    -moz-transition: all 0.1s ease !important;
    -o-transition: all 0.1s ease !important;
    -webkit-transition: all 0.1s ease !important;
    border: 2px #9e9db6 solid;
    color: #fff; }

.button-default {
    border-bottom: 6px solid #b0b0c4;
    background-color: #bfbfcf;
    color: #fbfbfb; }
.button-default:hover {
    background-color: #b0b0c4; }

.button-tag-default {
    background-color: #fbfbfb;
    color: gray;
    border: 1px #d3d3d3 solid; }
.button-tag-default:hover {
    background-color: #b0b0c4;
    transition: all 0.1s ease !important;
    -moz-transition: all 0.1s ease !important;
    -o-transition: all 0.1s ease !important;
    -webkit-transition: all 0.1s ease !important;
    border: 1px #b0b0c4 solid;
    color: #fff; }

.button-modern-default {
    background-color: transparent;
    color: white;
    border: 2px #bfbfcf solid; }
.button-modern-default:hover {
    transition: all 0.1s ease !important;
    -moz-transition: all 0.1s ease !important;
    -o-transition: all 0.1s ease !important;
    -webkit-transition: all 0.1s ease !important;
    border: 2px white solid;
    color: #fff; }

.button-group {
    font-size: 0; }
.button-group > div {
    display: inline-block;
    padding-right: 0;
    padding-left: 0; }
.button-group > div > button {
    border-radius: 0; }
.button-group > div:first-child button {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px; }
.button-group > div:last-child button {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px; }

.button-iconed {
    position: relative;
    padding: 0;
    width: 100%; }
.button-iconed i {
    position: absolute;
    z-index: 10;
    top: .4em;
    left: .3em;
    font-size: 1.5em; }
.button-iconed input {
    padding-left: 3.5em; }

.text-field {
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important;
    font-family: "Open Sans";
    font-weight: 300;
    color: #1d1d26;
    background-color: #9393ae;
    cursor: text;
    font-size: 20px;
    padding: 11.11111px;
    box-shadow: inset 0 1px 2px #8585a3; }
.text-field:hover {
    transition: all .3s ease;
    background-color: #9696b0; }
.text-field:focus {
    transition: all .3s ease;
    background-color: #a2a2b9; }

::-webkit-input-placeholder {
    color: #69698c; }

::-moz-placeholder {
    color: #69698c; }

:-ms-input-placeholder {
    color: #69698c; }

.badge-success, .badge-warning, .badge-info, .badge-default {
    cursor: auto;
    padding: .1em .4em; }

.badge-success {
    background-color: #5b5d77;
    color: #fbfbfb; }

.badge-warning {
    background-color: #dfad5c;
    color: #fbfbfb; }

.badge-info {
    background-color: #5b5a7a;
    color: #fbfbfb; }

.badge-default {
    background-color: #cdcdda;
    color: #fbfbfb; }

input[type="checkbox"] {
    opacity: 0;
    cursor: pointer;
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important; }

input[type="checkbox"]:checked + label.form-label:before {
    font-family: 'fontello';
    content: '\e838';
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important; }

label.form-label {
    cursor: pointer;
    position: relative;
    top: .5em;
    left: 20px;
    color: white; }
label.form-label:before {
    font-family: 'fontello';
    content: '\e837';
    font-size: 30px;
    position: absolute;
    top: -.1em;
    left: -40px; }

.f-span1 {
    margin: 0 .5em .5em 0;
    width: -webkit-calc(100%/12 * 1 - 0.5em) !important;
    width: -moz-calc(100%/12 * 1 - 0.5em) !important;
    width: -o-calc(100%/12 * 1 - 0.5em) !important;
    width: calc(100%/12 * 1 - 0.5em) !important;
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important; }
@media all and (max-width: 600px) {
    .f-span1 {
        transition: all .3s ease;
        width: 100% !important; } }

.f-span2 {
    margin: 0 .5em .5em 0;
    width: -webkit-calc(100%/12 * 2 - 0.5em) !important;
    width: -moz-calc(100%/12 * 2 - 0.5em) !important;
    width: -o-calc(100%/12 * 2 - 0.5em) !important;
    width: calc(100%/12 * 2 - 0.5em) !important;
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important; }
@media all and (max-width: 600px) {
    .f-span2 {
        transition: all .3s ease;
        width: 100% !important; } }

.f-span3 {
    margin: 0 .5em .5em 0;
    width: -webkit-calc(100%/12 * 3 - 0.5em) !important;
    width: -moz-calc(100%/12 * 3 - 0.5em) !important;
    width: -o-calc(100%/12 * 3 - 0.5em) !important;
    width: calc(100%/12 * 3 - 0.5em) !important;
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important; }
@media all and (max-width: 600px) {
    .f-span3 {
        transition: all .3s ease;
        width: 100% !important; } }

.f-span4 {
    margin: 0 .5em .5em 0;
    width: -webkit-calc(100%/12 * 4 - 0.5em) !important;
    width: -moz-calc(100%/12 * 4 - 0.5em) !important;
    width: -o-calc(100%/12 * 4 - 0.5em) !important;
    width: calc(100%/12 * 4 - 0.5em) !important;
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important; }
@media all and (max-width: 600px) {
    .f-span4 {
        transition: all .3s ease;
        width: 100% !important; } }

.f-span5 {
    margin: 0 .5em .5em 0;
    width: -webkit-calc(100%/12 * 5 - 0.5em) !important;
    width: -moz-calc(100%/12 * 5 - 0.5em) !important;
    width: -o-calc(100%/12 * 5 - 0.5em) !important;
    width: calc(100%/12 * 5 - 0.5em) !important;
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important; }
@media all and (max-width: 600px) {
    .f-span5 {
        transition: all .3s ease;
        width: 100% !important; } }

.f-span6 {
    margin: 0 .5em .5em 0;
    width: -webkit-calc(100%/12 * 6 - 0.5em) !important;
    width: -moz-calc(100%/12 * 6 - 0.5em) !important;
    width: -o-calc(100%/12 * 6 - 0.5em) !important;
    width: calc(100%/12 * 6 - 0.5em) !important;
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important; }
@media all and (max-width: 600px) {
    .f-span6 {
        transition: all .3s ease;
        width: 100% !important; } }

.f-span7 {
    margin: 0 .5em .5em 0;
    width: -webkit-calc(100%/12 * 7 - 0.5em) !important;
    width: -moz-calc(100%/12 * 7 - 0.5em) !important;
    width: -o-calc(100%/12 * 7 - 0.5em) !important;
    width: calc(100%/12 * 7 - 0.5em) !important;
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important; }
@media all and (max-width: 600px) {
    .f-span7 {
        transition: all .3s ease;
        width: 100% !important; } }

.f-span8 {
    margin: 0 .5em .5em 0;
    width: -webkit-calc(100%/12 * 8 - 0.5em) !important;
    width: -moz-calc(100%/12 * 8 - 0.5em) !important;
    width: -o-calc(100%/12 * 8 - 0.5em) !important;
    width: calc(100%/12 * 8 - 0.5em) !important;
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important; }
@media all and (max-width: 600px) {
    .f-span8 {
        transition: all .3s ease;
        width: 100% !important; } }

.f-span9 {
    margin: 0 .5em .5em 0;
    width: -webkit-calc(100%/12 * 9 - 0.5em) !important;
    width: -moz-calc(100%/12 * 9 - 0.5em) !important;
    width: -o-calc(100%/12 * 9 - 0.5em) !important;
    width: calc(100%/12 * 9 - 0.5em) !important;
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important; }
@media all and (max-width: 600px) {
    .f-span9 {
        transition: all .3s ease;
        width: 100% !important; } }

.f-span10 {
    margin: 0 .5em .5em 0;
    width: -webkit-calc(100%/12 * 10 - 0.5em) !important;
    width: -moz-calc(100%/12 * 10 - 0.5em) !important;
    width: -o-calc(100%/12 * 10 - 0.5em) !important;
    width: calc(100%/12 * 10 - 0.5em) !important;
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important; }
@media all and (max-width: 600px) {
    .f-span10 {
        transition: all .3s ease;
        width: 100% !important; } }

.f-span11 {
    margin: 0 .5em .5em 0;
    width: -webkit-calc(100%/12 * 11 - 0.5em) !important;
    width: -moz-calc(100%/12 * 11 - 0.5em) !important;
    width: -o-calc(100%/12 * 11 - 0.5em) !important;
    width: calc(100%/12 * 11 - 0.5em) !important;
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important; }
@media all and (max-width: 600px) {
    .f-span11 {
        transition: all .3s ease;
        width: 100% !important; } }

.f-span12 {
    margin: 0 .5em .5em 0;
    width: -webkit-calc(100%/12 * 12 - 0.5em) !important;
    width: -moz-calc(100%/12 * 12 - 0.5em) !important;
    width: -o-calc(100%/12 * 12 - 0.5em) !important;
    width: calc(100%/12 * 12 - 0.5em) !important;
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important; }
@media all and (max-width: 600px) {
    .f-span12 {
        transition: all .3s ease;
        width: 100% !important; } }

.menu, .menu-vertical, .menu-vertical-spread, .menu-vertical-tight, .menu-aside {
    list-style: none;
    position: relative;
    pointer-events: none;
    font-size: 0; }
.menu li, .menu-vertical li, .menu-vertical-spread li, .menu-vertical-tight li, .menu-aside li {
    pointer-events: auto;
    position: relative;
    cursor: pointer;
    font-size: 20px;
    display: inline-block;
    margin: 0 20px; }
@media all and (max-width: 600px) {
    .menu li, .menu-vertical li, .menu-vertical-spread li, .menu-vertical-tight li, .menu-aside li {
        transition: all 0.3s ease !important;
        -moz-transition: all 0.3s ease !important;
        -o-transition: all 0.3s ease !important;
        -webkit-transition: all 0.3s ease !important;
        display: block;
        margin: 40px 0; } }
.menu li a, .menu-vertical li a, .menu-vertical-spread li a, .menu-vertical-tight li a, .menu-aside li a {
    color: inherit; }

.menu-vertical li, .menu-vertical-spread li, .menu-vertical-tight li, .menu-aside li {
    display: block;
    margin: 0; }

.menu-vertical-spread li {
    padding: 10px 0 10px 0; }

.menu-vertical-tight li {
    padding: 10px 20px 10px 20px; }

.menu-icon-success, .menu-icon-warning, .menu-icon-info, .menu-icon-default {
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important;
    position: fixed;
    top: 0;
    left: 0;
    list-style: none;
    height: 100%;
    z-index: 1000011; }
.menu-icon-success li, .menu-icon-warning li, .menu-icon-info li, .menu-icon-default li {
    cursor: pointer;
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important; }
.menu-icon-success li:hover, .menu-icon-warning li:hover, .menu-icon-info li:hover, .menu-icon-default li:hover {
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important; }
.menu-icon-success li a, .menu-icon-warning li a, .menu-icon-info li a, .menu-icon-default li a {
    text-decoration: none;
    color: inherit;
    border: 0; }
.menu-slide-right.menu-icon-success, .menu-slide-right.menu-icon-warning, .menu-slide-right.menu-icon-info, .menu-slide-right.menu-icon-default {
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important;
    left: 220px; }

.menu-icon-success {
    background-color: #505269; }
.menu-icon-success li:hover {
    background-color: #45475b; }

.menu-icon-warning {
    background-color: #dba247; }
.menu-icon-warning li:hover {
    background-color: #d79732; }

.menu-icon-info {
    background-color: #504f6b; }
.menu-icon-info li:hover {
    background-color: #45445c; }

.menu-icon-default {
    background-color: #bfbfcf; }
.menu-icon-default li:hover {
    background-color: #b0b0c4; }

.menu-aside {
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important;
    position: fixed;
    top: 0;
    left: -220px;
    z-index: 100001;
    height: 100%;
    width: 220px; }
.menu-aside li {
    cursor: pointer; }
.menu-aside li:hover {
    background-color: rgba(234, 234, 240, 0.3); }
.menu-aside li:active {
    background-color: rgba(220, 220, 229, 0.3); }
.menu-aside li i {
    padding: 0 1em 0 0; }
.menu-aside li a {
    text-decoration: none; }
.menu-aside li a:hover {
    border: 0; }
.menu-aside.active {
    transition: all 0.2s ease !important;
    -moz-transition: all 0.2s ease !important;
    -o-transition: all 0.2s ease !important;
    -webkit-transition: all 0.2s ease !important;
    left: 0;
    opacity: 1;
    display: block; }

li.item-success {
    border-left: 12px solid #505269; }

li.item-warning {
    border-left: 12px solid #dba247; }

li.item-info {
    border-left: 12px solid #504f6b; }

li.item-default {
    border-left: 12px solid #bfbfcf; }

li.item-no-hover {
    cursor: default; }
li.item-no-hover:hover, li.item-no-hover:active {
    background-color: transparent !important; }

.page-container {
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important;
    position: relative;
    overflow-x: hidden;
    left: 0;
    top: 0; }
.page-container.page-container-slide-right {
    transition: all 0.2s ease !important;
    -moz-transition: all 0.2s ease !important;
    -o-transition: all 0.2s ease !important;
    -webkit-transition: all 0.2s ease !important;
    left: 220px; }

.menu-mobile {
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important;
    position: fixed;
    width: 100%;
    z-index: 1000010;
    top: 0;
    left: 0; }
.menu-mobile.menu-slide-right {
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important;
    left: 220px; }

.tabs {
    margin: 0 auto;
    font-size: 0; }
.tabs input[type=radio] {
    display: none;
    border: 1px solid red; }
.tabs input[type=radio]:nth-of-type(1):checked ~ .content .tab:nth-child(1) {
    display: block;
    -webkit-animation-name: showSlow;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: showSlow;
    -moz-animation-duration: 0.6s;
    -moz-animation-fill-mode: forwards;
    -o-animation-name: showSlow;
    -o-animation-duration: 0.6s;
    -o-animation-fill-mode: forwards;
    animation-name: showSlow;
    animation-duration: 0.6s;
    animation-fill-mode: forwards; }
.tabs input[type=radio]:nth-of-type(2):checked ~ .content .tab:nth-child(2) {
    display: block;
    -webkit-animation-name: showSlow;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: showSlow;
    -moz-animation-duration: 0.6s;
    -moz-animation-fill-mode: forwards;
    -o-animation-name: showSlow;
    -o-animation-duration: 0.6s;
    -o-animation-fill-mode: forwards;
    animation-name: showSlow;
    animation-duration: 0.6s;
    animation-fill-mode: forwards; }
.tabs input[type=radio]:nth-of-type(3):checked ~ .content .tab:nth-child(3) {
    display: block;
    -webkit-animation-name: showSlow;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: showSlow;
    -moz-animation-duration: 0.6s;
    -moz-animation-fill-mode: forwards;
    -o-animation-name: showSlow;
    -o-animation-duration: 0.6s;
    -o-animation-fill-mode: forwards;
    animation-name: showSlow;
    animation-duration: 0.6s;
    animation-fill-mode: forwards; }
.tabs input[type=radio]:nth-of-type(4):checked ~ .content .tab:nth-child(4) {
    display: block;
    -webkit-animation-name: showSlow;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: showSlow;
    -moz-animation-duration: 0.6s;
    -moz-animation-fill-mode: forwards;
    -o-animation-name: showSlow;
    -o-animation-duration: 0.6s;
    -o-animation-fill-mode: forwards;
    animation-name: showSlow;
    animation-duration: 0.6s;
    animation-fill-mode: forwards; }
.tabs input[type=radio]:nth-of-type(5):checked ~ .content .tab:nth-child(5) {
    display: block;
    -webkit-animation-name: showSlow;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: showSlow;
    -moz-animation-duration: 0.6s;
    -moz-animation-fill-mode: forwards;
    -o-animation-name: showSlow;
    -o-animation-duration: 0.6s;
    -o-animation-fill-mode: forwards;
    animation-name: showSlow;
    animation-duration: 0.6s;
    animation-fill-mode: forwards; }
.tabs input[type=radio]:nth-of-type(6):checked ~ .content .tab:nth-child(6) {
    display: block;
    -webkit-animation-name: showSlow;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: showSlow;
    -moz-animation-duration: 0.6s;
    -moz-animation-fill-mode: forwards;
    -o-animation-name: showSlow;
    -o-animation-duration: 0.6s;
    -o-animation-fill-mode: forwards;
    animation-name: showSlow;
    animation-duration: 0.6s;
    animation-fill-mode: forwards; }
.tabs input[type=radio]:nth-of-type(7):checked ~ .content .tab:nth-child(7) {
    display: block;
    -webkit-animation-name: showSlow;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: showSlow;
    -moz-animation-duration: 0.6s;
    -moz-animation-fill-mode: forwards;
    -o-animation-name: showSlow;
    -o-animation-duration: 0.6s;
    -o-animation-fill-mode: forwards;
    animation-name: showSlow;
    animation-duration: 0.6s;
    animation-fill-mode: forwards; }
.tabs input[type=radio]:nth-of-type(8):checked ~ .content .tab:nth-child(8) {
    display: block;
    -webkit-animation-name: showSlow;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: showSlow;
    -moz-animation-duration: 0.6s;
    -moz-animation-fill-mode: forwards;
    -o-animation-name: showSlow;
    -o-animation-duration: 0.6s;
    -o-animation-fill-mode: forwards;
    animation-name: showSlow;
    animation-duration: 0.6s;
    animation-fill-mode: forwards; }
.tabs input[type=radio]:nth-of-type(9):checked ~ .content .tab:nth-child(9) {
    display: block;
    -webkit-animation-name: showSlow;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: showSlow;
    -moz-animation-duration: 0.6s;
    -moz-animation-fill-mode: forwards;
    -o-animation-name: showSlow;
    -o-animation-duration: 0.6s;
    -o-animation-fill-mode: forwards;
    animation-name: showSlow;
    animation-duration: 0.6s;
    animation-fill-mode: forwards; }
.tabs input[type=radio]:nth-of-type(10):checked ~ .content .tab:nth-child(10) {
    display: block;
    -webkit-animation-name: showSlow;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: showSlow;
    -moz-animation-duration: 0.6s;
    -moz-animation-fill-mode: forwards;
    -o-animation-name: showSlow;
    -o-animation-duration: 0.6s;
    -o-animation-fill-mode: forwards;
    animation-name: showSlow;
    animation-duration: 0.6s;
    animation-fill-mode: forwards; }
.tabs input[type=radio]:nth-of-type(11):checked ~ .content .tab:nth-child(11) {
    display: block;
    -webkit-animation-name: showSlow;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: showSlow;
    -moz-animation-duration: 0.6s;
    -moz-animation-fill-mode: forwards;
    -o-animation-name: showSlow;
    -o-animation-duration: 0.6s;
    -o-animation-fill-mode: forwards;
    animation-name: showSlow;
    animation-duration: 0.6s;
    animation-fill-mode: forwards; }
.tabs input[type=radio]:nth-of-type(12):checked ~ .content .tab:nth-child(12) {
    display: block;
    -webkit-animation-name: showSlow;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: showSlow;
    -moz-animation-duration: 0.6s;
    -moz-animation-fill-mode: forwards;
    -o-animation-name: showSlow;
    -o-animation-duration: 0.6s;
    -o-animation-fill-mode: forwards;
    animation-name: showSlow;
    animation-duration: 0.6s;
    animation-fill-mode: forwards; }
.tabs input[type=radio]:checked + label {
    background-color: #a2a2b9; }
.tabs label.tab-label {
    cursor: pointer;
    display: inline-block;
    font-size: 20px;
    padding: 20px;
    border-radius: 0; }
.tabs label.tab-label:first-of-type {
    border-top-left-radius: 0px; }
.tabs label.tab-label:last-of-type {
    border-top-right-radius: 0px; }
.tabs label.tab-label:last-of-type:after {
    content: "";
    display: block;
    clear: both; }
.tabs label.tab-label:hover {
    background-color: #a2a2b9;
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important; }
.tabs label.tab10 {
    width: 10%; }
.tabs label.tab20 {
    width: 20%; }
.tabs label.tab30 {
    width: 30%; }
.tabs label.tab40 {
    width: 40%; }
.tabs label.tab50 {
    width: 50%; }
.tabs label.tab60 {
    width: 60%; }
.tabs label.tab70 {
    width: 70%; }
.tabs label.tab80 {
    width: 80%; }
.tabs label.tab90 {
    width: 90%; }
.tabs label.tab100 {
    width: 100%; }
.tabs label.tab110 {
    width: 110%; }
.tabs label.tab120 {
    width: 120%; }
.tabs .tab {
    display: none; }
.tabs > * {
    font-size: 20px; }

table {
    font-family: "Open Sans";
    font-weight: 300;
    width: 100%;
    border-spacing: 0;
    font-size: 20px;
    text-align: left; }
table thead th {
    font-family: "Open Sans";
    font-weight: 400;
    color: #fff;
    font-weight: 100;
    font-size: 20px;
    color: white;
    border-bottom: 1px solid #e6e6e6; }
table thead th:first-child {
    border-top-left-radius: 0px; }
table thead th:last-child {
    border-top-right-radius: 0px; }
table td,
table th {
    padding: 16.66667px; }
table tbody tr:last-child > td:first-child {
    border-bottom-left-radius: 0px; }
table tbody tr:last-child > td:last-child {
    border-bottom-right-radius: 0px; }
table tbody tr.inactive td {
    color: #d9d9d9 !important; }

.modal-window {
    position: fixed;
    top: 15%;
    left: 25%;
    width: 50%;
    z-index: 100000001;
    display: none;
    border-radius: 0px; }
@media all and (max-width: 1100px) {
    .modal-window {
        top: 15%;
        left: 10%;
        width: 80%; } }
@media all and (max-width: 600px) {
    .modal-window {
        top: 0;
        left: 0;
        width: 100%;
        border-top-left-radius: 0;
        border-top-right-radius: 0; } }

.modal-window.active {
    display: block;
    -webkit-animation-name: slideTopToBottom;
    -webkit-animation-duration: .3s;
    -webkit-animation-fill-mode: forwards; }

.tooltip-success, .tooltip-warning, .tooltip-info, .tooltip-default, .tooltip-bottom, .tooltip-top, .tooltip-right {
    position: relative;
    z-index: 10001; }
.tooltip-success:hover:before, .tooltip-warning:hover:before, .tooltip-info:hover:before, .tooltip-default:hover:before, .tooltip-bottom:hover:before, .tooltip-top:hover:before, .tooltip-right:hover:before {
    -webkit-animation-name: showSlow;
    -webkit-animation-duration: 0.3s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: showSlow;
    -moz-animation-duration: 0.3s;
    -moz-animation-fill-mode: forwards;
    -o-animation-name: showSlow;
    -o-animation-duration: 0.3s;
    -o-animation-fill-mode: forwards;
    animation-name: showSlow;
    animation-duration: 0.3s;
    animation-fill-mode: forwards; }
.tooltip-success:before, .tooltip-warning:before, .tooltip-info:before, .tooltip-default:before, .tooltip-bottom:before, .tooltip-top:before, .tooltip-right:before {
    opacity: 0;
    content: attr(tip);
    position: absolute;
    white-space: nowrap;
    padding: 20px;
    border-radius: 0px; }

.tooltip-success:before {
    background-color: rgba(80, 82, 105, 0.8);
    color: #fbfbfb; }

.tooltip-warning:before {
    background-color: rgba(219, 162, 71, 0.8);
    color: #fbfbfb; }

.tooltip-info:before {
    background-color: rgba(80, 79, 107, 0.8);
    color: #fbfbfb; }

.tooltip-default:before {
    background-color: rgba(191, 191, 207, 0.8);
    color: #fbfbfb; }

.tooltip-bottom:before {
    top: 150%;
    left: -50%; }

.tooltip-top:before {
    top: -120%;
    left: 0; }

.tooltip-right:before {
    top: -50%;
    left: 120%; }

.progress {
    width: 100%;
    padding: 4px;
    height: 16px;
    border-radius: 7px; }
.progress span {
    display: block;
    font-size: 20px;
    height: 100%;
    border: 1px solid;
    border-color: #45445c;
    border-radius: 4px;
    background: #504f6b;
    background-color: #3a394e;
    /* Fallback Color */
    background-image: -webkit-gradient(linear, left top, left bottom, from(#504f6b), to(#3a394e));
    /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #504f6b, #3a394e);
    /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image: -moz-linear-gradient(top, #504f6b, #3a394e);
    /* FF3.6 */
    background-image: -ms-linear-gradient(top, #504f6b, #3a394e);
    /* IE10 */
    background-image: -o-linear-gradient(top, #504f6b, #3a394e);
    /* Opera 11.10+ */
    background-image: linear-gradient(top, #504f6b, #3a394e);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#504f6b', EndColorStr='#3a394e');
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.15); }

.alert-success {
    background-color: rgba(80, 82, 105, 0.2);
    border-left: 4px solid #505269;
    padding: 20px;
    color: #24252f;
    border-radius: 0px; }

.alert-warning {
    background-color: rgba(219, 162, 71, 0.2);
    border-left: 4px solid #dba247;
    padding: 20px;
    color: #9d6d1f;
    border-radius: 0px; }

.alert-info {
    background-color: rgba(80, 79, 107, 0.2);
    border-left: 4px solid #504f6b;
    padding: 20px;
    color: #242430;
    border-radius: 0px; }

.alert-default {
    background-color: rgba(191, 191, 207, 0.2);
    border-left: 4px solid #bfbfcf;
    padding: 20px;
    color: #8484a3;
    border-radius: 0px; }

* {
    box-sizing: border-box;
    padding: 0;
    margin: 0; }

body,
html {
    background: white;
    font-family: "Open Sans";
    font-weight: 300;
    color: white;
    font-size: 20px; }
body.hidden,
html.hidden {
    overflow-x: hidden; }

img {
    vertical-align: middle;
    max-width: 100%; }

#overlay {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 10000;
    background-color: #1a1a1a;
    transition: all 0.5s ease !important;
    -moz-transition: all 0.5s ease !important;
    -o-transition: all 0.5s ease !important;
    -webkit-transition: all 0.5s ease !important; }

#overlay.active {
    transition: all 0.5s ease !important;
    -moz-transition: all 0.5s ease !important;
    -o-transition: all 0.5s ease !important;
    -webkit-transition: all 0.5s ease !important;
    display: block;
    opacity: .9; }

a {
    text-decoration: none;
    cursor: pointer;
    color: inherit !important; }
a:hover {
    border-bottom: 1px dotted; }

a.no-hover:hover {
    border: 0 !important;
    text-decoration: none; }

#icon-to-top {
    display: none;
    cursor: pointer; }

ul {
    list-style: none; }