body,
html {
    width: 100%;
    height: 100%
}

body,
p {
    color: #747474
}

a,
a:focus,
a:hover {
    color: #111;
    outline: 0
}

a {
    color: #ff4530
}

#pageloader,
body,
html {
    height: 100%
}

.port-cat,
small {
    display: block
}

#portfolio ul li a:hover,
.megamenu a:hover,
.shop-item-detail-price ins,
.top-info li a,
a:focus,
a:hover {
    text-decoration: none
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html {
    text-rendering: optimizeLegibility!important;
    -webkit-font-smoothing: antialiased!important
}

body {
    font-family: url('Open Sans'), sans-serif;
    background-color: #000
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Oswald, sans-serif;
    font-weight: 400!important;
    color: #000;
    -webkit-font-smoothing: antialiased
}

h1 {
    font-size: 46px;
    line-height: 52px
}

h2 {
    font-size: 30px;
    line-height: 40px
}

h3 {
    font-size: 40px;
    line-height: 48px
}

h4 {
    font-size: 18px;
    line-height: 30px
}

h5 {
    font-size: 14px;
    line-height: 25px
}

h6 {
    font-size: 12px;
    line-height: 20px
}

.lead,
p {
    line-height: 25px
}

h1 small {
    font-size: 50%;
    padding-bottom: 15px
}

h2 small {
    font-size: 60%
}

h3 small {
    font-size: 70%
}

h4 small {
    font-size: 80%
}

h5 small,
h6 small,
small {
    font-size: 90%
}

small {
    opacity: .9;
    font-family: 'Open Sans', sans-serif;
    margin-top: 5px
}

code {
    text-transform: none;
    font-family: monospace, serif
}

p {
    font-family: 'Open Sans', sans-serif!important;
    margin: 0 0 25px;
    font-size: 17px
}

p strong {
    font-weight: 600
}

.lead {
    font-size: 14px;
    font-weight: 400
}

.dropcap {
    float: left;
    width: .7em;
    font-size: 400%;
    font-family: algerian, courier;
    line-height: 80%;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding-left: 3px;
    margin-top: 5px;
    margin-right: 5px
}

.heading-desc,
.panel-body,
ol li {
    line-height: 25px
}

a {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.animated {
    visibility: hidden
}

.visible {
    visibility: visible
}

.font-pacifico {
    font-family: Pacifico, cursive!important
}

.font-open-sans {
    font-family: 'Open Sans', sans-serif!important
}

.font-montserrat {
    font-family: Montserrat, sans-serif!important
}

.font-source-sans-pro {
    font-family: 'Source Sans Pro', sans-serif!important
}

.heading-desc,
ol,
ul {
    font-family: 'Open Sans', sans-serif
}

.fs-75 {
    font-size: 75px!important
}

.fs-100 {
    font-size: 100px!important
}

.font-size-light {
    font-weight: 200!important
}

.font-size-normal {
    font-weight: 300!important
}

.font-size-bold {
    font-weight: 400!important
}

.modal-dialog,
.strong {
    font-weight: 600
}

#pageloader {
    background-color: #f25727;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

#pageloader.bw {
    background-color: #000
}

.port-cat-mb {
    width: 90%;
    margin: 0 auto;
    display: tabel
}

.loader-item {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 90px;
    width: 90px;
    text-align: center
}

.loader-item img {
    width: 80px
}

::-moz-selection {
    color: #fff
}

::selection {
    color: #fff
}

.mouse-icon {
    border: 2px solid #fff;
    height: 40px;
    width: 24px;
    display: block;
    z-index: 10;
    opacity: .7;
    background-color: rgba(255, 255, 255, .5);
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
}

.mouse-icon .wheel {
    -webkit-animation-name: mouse-anim-drop;
    animation-name: mouse-anim-drop;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-delay: 0;
    animation-delay: 0;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    position: relative;
    width: 2px;
    height: 6px;
    top: 4px;
    margin-left: auto;
    margin-right: auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

@-webkit-keyframes mouse-anim-drop {
    0% {
        top: 5px;
        opacity: 0
    }
    30% {
        top: 10px;
        opacity: 1
    }
    100% {
        top: 25px;
        opacity: 0
    }
}

@keyframes mouse-anim-drop {
    0% {
        top: 5px;
        opacity: 0
    }
    30% {
        top: 10px;
        opacity: 1
    }
    100% {
        top: 25px;
        opacity: 0
    }
}

.icon-svg {
    max-height: 80px
}

.go-to-top {
    background-color: rgba(0, 0, 0, .1);
    color: #ff4530;
    position: fixed;
    bottom: 56px;
    right: 10px;
    text-align: center;
    padding-top: 5px;
    display: block;
    width: 30px;
    height: 30px;
    z-index: 99999;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

ol,
ul {
    font-size: 13px;
    color: #747474;
    margin: 0;
    padding: 0
}

ol li {
    padding: 0;
    margin-left: 20px
}

ul.icon-list {
    text-align: left
}

.content-box.content-box-center,
.modal-footer,
.modal-search-input {
    text-align: center
}

ul.icon-list li,
ul.icon-list-underline li {
    list-style: none;
    line-height: 25px
}

ul.icon-list li i,
ul.icon-list-underline li i {
    margin-right: 10px
}

ul.icon-list-underline li {
    padding-bottom: 5px;
    margin-bottom: 5px
}

ul.no-icon-list,
ul.no-icon-list li {
    padding: 0;
    margin: 0
}

.underline-solid li {
    border-bottom: 1px solid #b9b9b9
}

.underline-dotted li {
    border-bottom: 1px dotted #b9b9b9
}

.underline-dashed li {
    border-bottom: 1px dashed #b9b9b9
}

.underline-double li {
    border-bottom: 3px double #b9b9b9
}

ul.no-icon-list li {
    list-style: none
}

.heading {
    height: 20px;
    display: block;
    margin-bottom: 20px;
    font-size: 15px;
    opacity: 1!important
}

.heading-desc {
    display: block;
    font-size: 14px;
    margin-left: auto;
    margin-right: auto
}

.heading-dashed,
.heading-dotted,
.heading-double,
.heading-solid {
    width: 50px;
    border-bottom-width: 3px
}

.heading-solid {
    border-bottom-style: solid
}

.heading-dotted {
    border-bottom-style: dotted
}

.heading-dashed {
    border-bottom-style: dashed
}

.heading-double {
    border-bottom-style: double
}

.heading-dashed-icon,
.heading-dotted-icon,
.heading-double-icon,
.heading-solid-icon {
    width: 120px;
    margin-top: 20px
}

.heading-dashed-icon span,
.heading-dotted-icon span,
.heading-double-icon span,
.heading-solid-icon span {
    width: 40px;
    height: 2px;
    float: left
}

.heading-daouble-icon span span,
.heading-dashed-icon span span,
.heading-dotted-icon span span,
.heading-solid-icon span span {
    width: 40px;
    height: 2px;
    float: right
}

.heading-dashed-icon span,
.heading-dashed-icon span span,
.heading-dotted-icon span,
.heading-dotted-icon span span,
.heading-solid-icon span,
.heading-solid-icon span span {
    border-top-width: 2px;
    border-top-style: solid;
    display: block
}

.heading-double-icon span,
.heading-double-icon span span {
    border-bottom-width: 3px;
    border-top-style: solid;
    display: block
}

.heading-dashed-icon i,
.heading-dotted-icon i,
.heading-double-icon i,
.heading-solid-icon i {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: -5px
}

.heading-solid-icon div,
.heading-solid-icon div div {
    border-bottom-style: solid
}

.heading-dotted-icon div,
.heading-dotted-icon div div {
    border-bottom-style: dotted
}

.heading-dashed-icon div,
.heading-dashed-icon div div {
    border-bottom-style: dashed
}

.heading-double-icon div,
.heading-double-icon div div {
    border-bottom-style: double
}

.heading-icon,
.heading-icon-o {
    width: 60px;
    height: 60px;
    font-size: 20px;
    padding-top: 20px
}

.heading-icon {
    color: #fff
}

.heading-icon-o {
    background-color: transparent;
    border-width: 2px;
    border-style: solid
}

.heading-icon-rounded {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.heading-icon-circle {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}

.modal-dialog {
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    max-width: 490px;
    border: 4px solid #ddd;
    background: #000
}

.modal-header {
    -webkit-border-top-left-radius: 3px;
    -moz-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-top-right-radius: 3px;
    border-top-right-radius: 3px
}

.modal-footer {
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.modal-search-input {
    border: 0;
    width: 100%;
    height: 50px;
    outline: 0;
    font-size: 30px
}

.panel-square {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.panel-default {
    border: 1px solid #ffb7ac
}

.panel-default .panel-heading {
    background-color: #fddad4;
    color: #b55241
}

.panel-heading a {
    font-size: 14px;
    color: #333
}

.panel-light {
    border: 1px solid #ebebeb
}

.panel-light .panel-heading {
    background-color: #fff;
    color: #333
}

.panel-gray {
    border: 1px solid #e1e1e1
}

.panel-gray .panel-heading {
    background-color: #e1e1e1;
    color: #333
}

.panel-dark {
    border: 1px solid #111
}

.panel-dark .panel-heading {
    background-color: #333;
    color: #fff
}

.panel-heading {
    padding: 10px 15px;
    font-size: 13px!important;
    cursor: pointer
}

.panel-heading i {
    margin-right: 10px
}

.panel-collapse.collapse.in,
.panel-collapse.collapsing {
    background-color: #fff!important
}

.accordian-toggle-arrow-left:after,
.accordian-toggle-arrow-right:after,
.accordian-toggle-chevron-left:after,
.accordian-toggle-chevron-right:after,
.accordian-toggle-plus-left:after,
.accordian-toggle-plus-right:after,
.accordian-toggle-plus-sign-left:after,
.accordian-toggle-plus-sign-right:after {
    font-family: "Glyphicons Halflings";
    margin-left: 15px;
    margin-top: 1px;
    font-size: 10px
}

.accordian-toggle-arrow-left:after,
.accordian-toggle-chevron-left:after,
.accordian-toggle-plus-left:after,
.accordian-toggle-plus-sign-left:after {
    float: left;
    margin-top: 2px;
    margin-left: 0;
    margin-right: 10px
}

.accordian-toggle-arrow-right:after,
.accordian-toggle-chevron-right:after,
.accordian-toggle-plus-right:after,
.accordian-toggle-plus-sign-right:after {
    float: right
}

.accordian-toggle-chevron-left:after,
.accordian-toggle-chevron-right:after {
    content: "\e114"
}

.accordian-toggle-chevron-left.collapsed:after,
.accordian-toggle-chevron-right.collapsed:after {
    content: "\e080"
}

.accordian-toggle-plus-left:after,
.accordian-toggle-plus-right:after {
    content: "\2212"
}

.accordian-toggle-plus-left.collapsed:after,
.accordian-toggle-plus-right.collapsed:after {
    content: "\2b"
}

.accordian-toggle-plus-sign-left:after {
    content: "\e082"
}

.accordian-toggle-plus-sign-left.collapsed:after,
.accordian-toggle-plus-sign-right.collapsed:after {
    content: "\e081"
}

.accordian-toggle-arrow-left:after,
.accordian-toggle-arrow-right:after {
    content: "\e094"
}

.accordian-toggle-arrow-left.collapsed:after,
.accordian-toggle-arrow-right.collapsed:after {
    content: "\e092"
}

.accordian-toggle-arrow-left.collapsed:after,
.accordian-toggle-arrow-left:after,
.accordian-toggle-arrow-right.collapsed:after,
.accordian-toggle-arrow-right:after,
.accordian-toggle-chevron-left.collapsed:after,
.accordian-toggle-chevron-left:after,
.accordian-toggle-chevron-right.collapsed:after,
.accordian-toggle-chevron-right:after,
.accordian-toggle-plus-left.collapsed:after,
.accordian-toggle-plus-left:after,
.accordian-toggle-plus-right.collapsed:after,
.accordian-toggle-plus-right:after,
.accordian-toggle-plus-sign-left.collapsed:after,
.accordian-toggle-plus-sign-left:after,
.accordian-toggle-plus-sign-lerightft.collapsed:after,
.accordian-toggle-plus-sign-right:after {
    opacity: .5
}

.panel-body {
    color: #747474;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px
}

.button,
.button-3d,
.button-o {
    display: inline-block;
    padding: 8px 16px;
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    font-family: Montserrat, sans-serif;
    text-transform: uppercase;
    text-shadow: none;
    font-weight: 400!important;
    letter-spacing: 1px;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.button-o,
.button-o.button-pasific {
    background: 0 0!important
}

.button,
.button-3d,
.button-3d:hover,
.button:hover {
    color: #fff!important
}

.button-o {
    border-width: 1px;
    border-style: solid
}

.button i,
.button-3d i,
.button-o i {
    margin-left: 15px;
    margin-right: 0;
    font-size: 14px
}

.button small,
.button-3d small,
.button-o small {
    margin-top: 0
}

.button:focus {
    outline: 0;
    color: #fff
}

.button-xs {
    font-size: 9px;
    padding: 5px 12px
}

.button-sm {
    font-size: 11px;
    padding: 12px 20px;
    font-weight: 600!important
}

.button-md {
    font-size: 11px;
    padding: 12px 25px
}

.button-lg {
    font-size: 14px;
    padding: 15px 30px
}

.button-square {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.button-rounded.button-xs,
.button-xs.button-rounded {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.button-rounded.button-sm,
.button-sm.button-rounded {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.button-md.button-rounded,
.button-rounded.button-md {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px
}

.button-lg.button-rounded,
.button-rounded.button-lg {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.button-circle {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px
}

.button-block {
    display: block;
    width: 100%;
    margin-top: 5px
}

.button.button-pasific {
    color: #fff
}

.button-3d.button-pasific {
    color: #fff;
    -webkit-box-shadow: 0 5px 0 #ee3135;
    -moz-box-shadow: 0 5px 0 #ee3135;
    box-shadow: 0 5px 0 #ee3135
}

.button-3d:hover.button-pasific {
    -webkit-box-shadow: 0 3px 0 #ee3135;
    -moz-box-shadow: 0 3px 0 #ee3135;
    box-shadow: 0 3px 0 #ee3135
}

.button-o.button-pasific:hover {
    color: #fff!important
}

.button-3d.button-red,
.button.button-red {
    background-color: #fd3635
}

.button-3d.button-pink,
.button.button-pink {
    background-color: #fd40b3
}

.button-3d.button-orange,
.button.button-orange {
    background-color: #f04b18
}

.button-3d.button-purple,
.button.button-purple {
    background-color: #ff4530
}

.button-3d.button-blue,
.button.button-blue {
    background-color: #3d004e
}

.button-3d.button-cyan,
.button.button-cyan {
    background-color: #1abc9c
}

.button-3d.button-green,
.button.button-green {
    background-color: #cb2930
}

.button-3d.button-yellow,
.button.button-yellow {
    background-color: #004f23
}

.button-3d.button-gray,
.button.button-gray {
    background-color: #e0e0e0;
    color: #111!important
}

.button-3d.button-dark,
.button.button-dark {
    background-color: #5f6467
}

.button-3d.button-black,
.button.button-black {
    background-color: #000
}

.button-3d.button-white,
.button.button-white {
    background-color: #fff;
    color: #111!important
}

.button-3d.button-red {
    -webkit-box-shadow: 0 5px 0 #d92726;
    -moz-box-shadow: 0 5px 0 #d92726;
    box-shadow: 0 5px 0 #d92726
}

.button-3d.button-pink {
    -webkit-box-shadow: 0 5px 0 #dc2193;
    -moz-box-shadow: 0 5px 0 #dc2193;
    box-shadow: 0 5px 0 #dc2193
}

.button-3d.button-orange {
    -webkit-box-shadow: 0 5px 0 #e1660b;
    -moz-box-shadow: 0 5px 0 #e1660b;
    box-shadow: 0 5px 0 #e1660b
}

.button-3d.button-purple {
    -webkit-box-shadow: 0 5px 0 #8632b5;
    -moz-box-shadow: 0 5px 0 #8632b5;
    box-shadow: 0 5px 0 #8632b5
}

.button-3d.button-blue {
    -webkit-box-shadow: 0 5px 0 #1f8abe;
    -moz-box-shadow: 0 5px 0 #1f8abe;
    box-shadow: 0 5px 0 #1f8abe
}

.button-3d.button-cyan {
    -webkit-box-shadow: 0 5px 0 #148d75;
    -moz-box-shadow: 0 5px 0 #148d75;
    box-shadow: 0 5px 0 #148d75
}

.button-3d.button-green {
    -webkit-box-shadow: 0 5px 0 #7d9345;
    -moz-box-shadow: 0 5px 0 #7d9345;
    box-shadow: 0 5px 0 #7d9345
}

.button-3d.button-yellow {
    -webkit-box-shadow: 0 5px 0 #deac02;
    -moz-box-shadow: 0 5px 0 #deac02;
    box-shadow: 0 5px 0 #deac02
}

.button-3d.button-gray {
    -webkit-box-shadow: 0 5px 0 #a7a7a7;
    -moz-box-shadow: 0 5px 0 #a7a7a7;
    box-shadow: 0 5px 0 #a7a7a7
}

.button-3d.button-dark {
    -webkit-box-shadow: 0 5px 0 #404345;
    -moz-box-shadow: 0 5px 0 #404345;
    box-shadow: 0 5px 0 #404345
}

.button-3d.button-black {
    -webkit-box-shadow: 0 5px 0 #555;
    -moz-box-shadow: 0 5px 0 #555;
    box-shadow: 0 5px 0 #555
}

.button-3d.button-white {
    -webkit-box-shadow: 0 5px 0 #f9f9f9;
    -moz-box-shadow: 0 5px 0 #f9f9f9;
    box-shadow: 0 5px 0 #f9f9f9
}

.button-3d:hover.button-red {
    -webkit-box-shadow: 0 3px 0 #d92726;
    -moz-box-shadow: 0 3px 0 #d92726;
    box-shadow: 0 3px 0 #d92726
}

.button-3d:hover.button-pink {
    -webkit-box-shadow: 0 3px 0 #dc2193;
    -moz-box-shadow: 0 3px 0 #dc2193;
    box-shadow: 0 3px 0 #dc2193
}

.button-3d:hover.button-orange {
    -webkit-box-shadow: 0 3px 0 #e1660b;
    -moz-box-shadow: 0 3px 0 #e1660b;
    box-shadow: 0 3px 0 #e1660b
}

.button-3d:hover.button-purple {
    -webkit-box-shadow: 0 3px 0 #8632b5;
    -moz-box-shadow: 0 3px 0 #8632b5;
    box-shadow: 0 3px 0 #8632b5
}

.button-3d:hover.button-blue {
    -webkit-box-shadow: 0 3px 0 #1f8abe;
    -moz-box-shadow: 0 3px 0 #1f8abe;
    box-shadow: 0 3px 0 #1f8abe
}

.button-3d:hover.button-cyan {
    -webkit-box-shadow: 0 3px 0 #148d75;
    -moz-box-shadow: 0 3px 0 #148d75;
    box-shadow: 0 3px 0 #148d75
}

.button-3d:hover.button-green {
    -webkit-box-shadow: 0 3px 0 #7d9345;
    -moz-box-shadow: 0 3px 0 #7d9345;
    box-shadow: 0 3px 0 #7d9345
}

.button-3d:hover.button-yellow {
    -webkit-box-shadow: 0 3px 0 #deac02;
    -moz-box-shadow: 0 3px 0 #deac02;
    box-shadow: 0 3px 0 #deac02
}

.button-3d:hover.button-gray {
    -webkit-box-shadow: 0 3px 0 #a7a7a7;
    -moz-box-shadow: 0 3px 0 #a7a7a7;
    box-shadow: 0 3px 0 #a7a7a7
}

.button-3d:hover.button-dark {
    -webkit-box-shadow: 0 3px 0 #404345;
    -moz-box-shadow: 0 3px 0 #404345;
    box-shadow: 0 3px 0 #404345
}

.button-3d:hover.button-black {
    -webkit-box-shadow: 0 3px 0 #555;
    -moz-box-shadow: 0 3px 0 #555;
    box-shadow: 0 3px 0 #555
}

.button-3d:hover.button-white {
    -webkit-box-shadow: 0 3px 0 #f9f9f9;
    -moz-box-shadow: 0 3px 0 #f9f9f9;
    box-shadow: 0 3px 0 #f9f9f9
}

.button-o.button-red {
    border-color: #fd3635;
    color: #fd3635
}

.button-o.button-pink {
    border-color: #fd40b3;
    color: #fd40b3
}

.button-o.button-orange {
    border-color: #ff8b34;
    color: #ff8b34
}

.button-o.button-purple {
    border-color: #a85ad4;
    color: #a85ad4
}

.button-o.button-blue {
    border-color: #3dace1;
    color: #3dace1
}

.button-o.button-cyan {
    border-color: #1abc9c;
    color: #1abc9c
}

.button-o.button-green {
    border-color: #b2cc71;
    color: #b2cc71
}

.button-o.button-yellow {
    border-color: #edc951;
    color: #edc951
}

.button-o.button-gray {
    border-color: #e0e0e0;
    color: #e0e0e0
}

.button-o.button-dark {
    border-color: #323a45;
    color: #323a45
}

.button-o.button-black {
    border-color: #000;
    color: #000
}

.button-o.button-white {
    border-color: #fff;
    color: #fff
}

.button-o.button-white:hover {
    color: #000!important
}

.button-3d.button-primary,
.button.button-primary {
    background-color: #286090
}

.button-3d.button-success,
.button.button-success {
    background-color: #2cc802
}

.button-3d.button-info,
.button.button-info {
    background-color: #5bc0de
}

.button-3d.button-warning,
.button.button-warning {
    background-color: #ec971f
}

.button-3d.button-danger,
.button.button-danger {
    background-color: #c9302c
}

.button-3d.button-primary {
    -webkit-box-shadow: 0 5px 0 #1a456b;
    -moz-box-shadow: 0 5px 0 #1a456b;
    box-shadow: 0 5px 0 #1a456b
}

.button-3d.button-success {
    -webkit-box-shadow: 0 5px 0 #408940;
    -moz-box-shadow: 0 5px 0 #408940;
    box-shadow: 0 5px 0 #408940
}

.button-3d.button-info {
    -webkit-box-shadow: 0 5px 0 #398ca5;
    -moz-box-shadow: 0 5px 0 #398ca5;
    box-shadow: 0 5px 0 #398ca5
}

.button-3d.button-warning {
    -webkit-box-shadow: 0 5px 0 #bb7614;
    -moz-box-shadow: 0 5px 0 #bb7614;
    box-shadow: 0 5px 0 #bb7614
}

.button-3d.button-danger {
    -webkit-box-shadow: 0 5px 0 #9d201c;
    -moz-box-shadow: 0 5px 0 #9d201c;
    box-shadow: 0 5px 0 #9d201c
}

.button-3d:hover.button-primary {
    -webkit-box-shadow: 0 3px 0 #1a456b;
    -moz-box-shadow: 0 3px 0 #1a456b;
    box-shadow: 0 3px 0 #1a456b
}

.button-3d:hover.button-success {
    -webkit-box-shadow: 0 3px 0 #408940;
    -moz-box-shadow: 0 3px 0 #408940;
    box-shadow: 0 3px 0 #408940
}

.button-3d:hover.button-info {
    -webkit-box-shadow: 0 3px 0 #398ca5;
    -moz-box-shadow: 0 3px 0 #398ca5;
    box-shadow: 0 3px 0 #398ca5
}

.button-3d:hover.button-warning {
    -webkit-box-shadow: 0 3px 0 #bb7614;
    -moz-box-shadow: 0 3px 0 #bb7614;
    box-shadow: 0 3px 0 #bb7614
}

.button-3d:hover.button-danger {
    -webkit-box-shadow: 0 3px 0 #9d201c;
    -moz-box-shadow: 0 3px 0 #9d201c;
    box-shadow: 0 3px 0 #9d201c
}

.button-o.button-primary {
    border-color: #286090;
    color: #286090
}

.button-o.button-success {
    border-color: #5cb85c;
    color: #5cb85c
}

.button-o.button-info {
    border-color: #5bc0de;
    color: #5bc0de
}

.button-o.button-warning {
    border-color: #ec971f;
    color: #ec971f
}

.button-o.button-danger {
    border-color: #c9302c;
    color: #c9302c
}

.button-grad-violet {
    background: #5f2c82;
    background: -webkit-linear-gradient(-45deg, #4776e6, #8e54e9);
    background: -o-linear-gradient(-45deg, #4776e6, #8e54e9);
    background: -moz-linear-gradient(-45deg, #4776e6, #8e54e9);
    background: linear-gradient(-45deg, #4776e6, #8e54e9)
}

.button-grad-violet:hover {
    background: #5f2c82;
    background: -webkit-linear-gradient(45deg, #4776e6, #8e54e9);
    background: -o-linear-gradient(45deg, #4776e6, #8e54e9);
    background: -moz-linear-gradient(45deg, #4776e6, #8e54e9);
    background: linear-gradient(45deg, #4776e6, #8e54e9)
}

.button-grad-blood-mary {
    background: #ff512f;
    background: -webkit-linear-gradient(-45deg, #ff512f, #dd2476);
    background: -o-linear-gradient(-45deg, #ff512f, #dd2476);
    background: -moz-linear-gradient(-45deg, #ff512f, #dd2476);
    background: linear-gradient(-45deg, #ff512f, #dd2476)
}

.button-grad-blood-mary:hover {
    background: #ff512f;
    background: -webkit-linear-gradient(45deg, #ff512f, #dd2476);
    background: -o-linear-gradient(45deg, #ff512f, #dd2476);
    background: -moz-linear-gradient(45deg, #ff512f, #dd2476);
    background: linear-gradient(45deg, #ff512f, #dd2476)
}

.button-grad-bora {
    background: #2bc0e4;
    background: -webkit-linear-gradient(45deg, #2bc0e4, #eaecc6);
    background: -o-linear-gradient(45deg, #2bc0e4, #eaecc6);
    background: -moz-linear-gradient(45deg, #2bc0e4, #eaecc6);
    background: linear-gradient(45deg, #2bc0e4, #eaecc6)
}

.button-grad-bora:hover {
    background: #2bc0e4;
    background: -webkit-linear-gradient(-45deg, #2bc0e4, #eaecc6);
    background: -o-linear-gradient(-45deg, #2bc0e4, #eaecc6);
    background: -moz-linear-gradient(-45deg, #2bc0e4, #eaecc6);
    background: linear-gradient(-45deg, #2bc0e4, #eaecc6)
}

.button-grad-mojito {
    background: #68e9b6;
    background: -webkit-linear-gradient(45deg, #68e9b6, #4e75b9);
    background: -o-linear-gradient(45deg, #68e9b6, #4e75b9);
    background: -moz-linear-gradient(45deg, #68e9b6, #4e75b9);
    background: linear-gradient(45deg, #68e9b6, #4e75b9)
}

.button-grad-mojito:hover {
    background: #4e75b9;
    background: -webkit-linear-gradient(-45deg, #4e75b9, #68e9b6);
    background: -o-linear-gradient(-45deg, #4e75b9, #68e9b6);
    background: -moz-linear-gradient(-45deg, #4e75b9, #68e9b6);
    background: linear-gradient(-45deg, #4e75b9, #68e9b6)
}

.button-grad-orange {
    background: #ffb75e;
    background: -webkit-linear-gradient(-45deg, #ffb75e, #ed8f03);
    background: -o-linear-gradient(-45deg, #ffb75e, #ed8f03);
    background: -moz-linear-gradient(-45deg, #ffb75e, #ed8f03);
    background: linear-gradient(-45deg, #ffb75e, #ed8f03)
}

.button-grad-orange:hover {
    background: #ffb75e;
    background: -webkit-linear-gradient(45deg, #ffb75e, #ed8f03);
    background: -o-linear-gradient(45deg, #ffb75e, #ed8f03);
    background: -moz-linear-gradient(45deg, #ffb75e, #ed8f03);
    background: linear-gradient(45deg, #ffb75e, #ed8f03)
}

.button-grad-purple {
    background: #da22ff;
    background: -webkit-linear-gradient(-45deg, #da22ff, #9733ee);
    background: -o-linear-gradient(-45deg, #da22ff, #9733ee);
    background: -moz-linear-gradient(-45deg, #da22ff, #9733ee);
    background: linear-gradient(-45deg, #da22ff, #9733ee)
}

.button-grad-purple:hover {
    background: #da22ff;
    background: -webkit-linear-gradient(45deg, #da22ff, #9733ee);
    background: -o-linear-gradient(45deg, #da22ff, #9733ee);
    background: -moz-linear-gradient(45deg, #da22ff, #9733ee);
    background: linear-gradient(45deg, #da22ff, #9733ee)
}

.button-grad-stellar {
    background: #7474bf;
    background: -webkit-linear-gradient(-45deg, #7474bf, #348ac7);
    background: -o-linear-gradient(-45deg, #7474bf, #348ac7);
    background: -moz-linear-gradient(-45deg, #7474bf, #348ac7);
    background: linear-gradient(-45deg, #7474bf, #348ac7)
}

.btn-grad-stellar:hover {
    background: #7474bf;
    background: -webkit-linear-gradient(45deg, #7474bf, #348ac7);
    background: -o-linear-gradient(45deg, #7474bf, #348ac7);
    background: -moz-linear-gradient(45deg, #7474bf, #348ac7);
    background: linear-gradient(45deg, #7474bf, #348ac7)
}

.button-grad-day-tripper {
    background: #f857a6;
    background: -webkit-linear-gradient(-45deg, #f857a6, #ff5858);
    background: -o-linear-gradient(-45deg, #f857a6, #ff5858);
    background: -moz-linear-gradient(-45deg, #f857a6, #ff5858);
    background: linear-gradient(-45deg, #f857a6, #ff5858)
}

.button-grad-day-tripper:hover {
    background: #f857a6;
    background: -webkit-linear-gradient(45deg, #f857a6, #ff5858);
    background: -o-linear-gradient(45deg, #f857a6, #ff5858);
    background: -moz-linear-gradient(45deg, #f857a6, #ff5858);
    background: linear-gradient(45deg, #f857a6, #ff5858)
}

.button-grad-blood-mary,
.button-grad-bora,
.button-grad-mojito,
.button-grad-orange,
.button-grad-purple,
.button-grad-stellar,
.button-grad-tripper,
.button-grad-violet {
    border: 0!important;
    color: #fff!important
}

.content-box {
    display: block;
    float: left;
    min-height: 148px
}

.content-box-o {
    border: 1px solid #ddd;
    padding: 25px 0 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.content-box-o-no-border {
    border: 0;
    padding: 25px 0 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.content-box.content-box-left {
    text-align: left
}

.content-box.content-box-right {
    text-align: right
}

.content-box.content-box-inverse h5 {
    color: #fff
}

.content-box.content-box-inverse p {
    color: #ccc
}

.content-box.content-box-center i,
.content-box.content-box-center span,
.content-box.content-box-left i,
.content-box.content-box-left span,
.content-box.content-box-right i,
.content-box.content-box-right span {
    margin: 0 auto;
    font-size: 40px
}

.content-box.content-box-left i,
.content-box.content-box-left span {
    margin-left: 0
}

.content-box.content-box-right i,
.content-box.content-box-right span {
    margin-right: 0
}

.content-box.content-box-icon i,
.content-box.content-box-icon span,
.content-box.content-box-icon-o i,
.content-box.content-box-icon-o span {
    display: block;
    width: 75px;
    height: 75px;
    padding-top: 18px;
    margin-bottom: 20px;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 35px
}

.content-box.content-box-icon-circle i,
.content-box.content-box-icon-circle span,
.content-box.content-box-icon-o-circle i,
.content-box.content-box-icon-o-circle span {
    display: block;
    width: 80px;
    height: 80px;
    padding-top: 20px;
    margin-bottom: 20px;
    text-align: center;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px
}

.content-box.content-box-right-icon,
blockquote.blockquote-pasific-reverse {
    text-align: right
}

.content-box-icon-circle,
.content-box-icon-o-circle {
    font-size: 35px
}

.content-box.content-box-icon i,
.content-box.content-box-icon span,
.content-box.content-box-icon-circle i,
.content-box.content-box-icon-circle span {
    color: #fff
}

.content-box.content-box-icon-o i,
.content-box.content-box-icon-o span,
.content-box.content-box-icon-o-circle i,
.content-box.content-box-icon-o-circle span {
    border-width: 1px;
    border-style: solid
}

.content-box.content-box-left-icon i,
.content-box.content-box-left-icon span {
    float: left;
    margin: 0 15px 0 0;
    font-size: 40px
}

.content-box.content-box-left-icon h4,
.content-box.content-box-left-icon h5 {
    float: left
}

.content-box.content-box-left-icon p {
    margin-top: 10px;
    float: left
}

.content-box-left-icon.content-box-icon i,
.content-box-left-icon.content-box-icon span,
.content-box-left-icon.content-box-icon-circle i,
.content-box-left-icon.content-box-icon-circle span,
.content-box-left-icon.content-box-icon-o i,
.content-box-left-icon.content-box-icon-o span,
.content-box-left-icon.content-box-icon-o-circle i,
.content-box-left-icon.content-box-icon-o-circle span {
    margin-bottom: 50px;
    position: absolute;
    top: 51px
}

.content-box-left-icon.content-box-icon h4,
.content-box-left-icon.content-box-icon h5,
.content-box-left-icon.content-box-icon-circle h4,
.content-box-left-icon.content-box-icon-circle h5,
.content-box-left-icon.content-box-icon-o h4,
.content-box-left-icon.content-box-icon-o h5,
.content-box-left-icon.content-box-icon-o-circle h4,
.content-box-left-icon.content-box-icon-o-circle h5 {
    margin: 0 0 0 90px;
    float: left
}

.content-box-left-icon.content-box-icon p,
.content-box-left-icon.content-box-icon-circle p,
.content-box-left-icon.content-box-icon-o p,
.content-box-left-icon.content-box-icon-o-circle p {
    float: left;
    margin: 10px 0 0 90px
}

.content-box.content-box-right-icon i,
.content-box.content-box-right-icon span {
    float: right;
    margin: 0 15px 0 0;
    font-size: 40px
}

.content-box.content-box-right-icon h4,
.content-box.content-box-right-icon h5 {
    margin-right: 80px
}

.content-box.content-box-right-icon p {
    margin-top: 10px;
    margin-right: 20px;
    float: right
}

.content-box-right-icon.content-box-icon i,
.content-box-right-icon.content-box-icon span,
.content-box-right-icon.content-box-icon-circle i,
.content-box-right-icon.content-box-icon-circle span,
.content-box-right-icon.content-box-icon-o i,
.content-box-right-icon.content-box-icon-o span,
.content-box-right-icon.content-box-icon-o-circle i,
.content-box-right-icon.content-box-icon-o-circle span {
    margin-bottom: 50px;
    position: absolute;
    top: 5px;
    right: 0
}

.content-box-right-icon.content-box-icon h4,
.content-box-right-icon.content-box-icon h5,
.content-box-right-icon.content-box-icon-circle h4,
.content-box-right-icon.content-box-icon-circle h5,
.content-box-right-icon.content-box-icon-o h4,
.content-box-right-icon.content-box-icon-o h5,
.content-box-right-icon.content-box-icon-o-circle h4,
.content-box-right-icon.content-box-icon-o-circle h5 {
    margin: 0 100px 0 0;
    float: right
}

.content-box-right-icon.content-box-icon p,
.content-box-right-icon.content-box-icon-circle p,
.content-box-right-icon.content-box-icon-o p,
.content-box-right-icon.content-box-icon-o-circle p {
    margin: 10px 100px 0 0
}

blockquote,
blockquote.blockquote-pasific {
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-left-width: 5px;
    border-left-style: solid
}

blockquote.blockquote-pasific-reverse,
blockquote.blockquote-reverse {
    border-top: 0;
    border-left: 0;
    border-bottom: 0;
    border-right-width: 5px;
    border-right-style: solid
}

blockquote p {
    font-size: 14px;
    margin-bottom: 10px
}

blockquote footer {
    font-size: 12px;
    color: #111;
    margin: 0;
    padding: 0
}

blockquote footer cite {
    color: #ccc
}

blockquote.blockquote-pasific,
blockquote.blockquote-pasific-reverse {
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 20px;
    -webkit-box-shadow: 7px 7px 0 #f0f0f0;
    -moz-box-shadow: 7px 7px 0 #f0f0f0;
    box-shadow: 7px 7px 0 #f0f0f0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

blockquote.blockquote-pasific-has-photo,
blockquote.blockquote-pasific-has-photo-reverse {
    border: 0;
    padding: 0
}

blockquote.blockquote-pasific-has-photo img {
    float: left;
    margin-right: 20px;
    width: 80px;
    height: 80px
}

blockquote.blockquote-pasific-has-photo footer,
blockquote.blockquote-pasific-has-photo p {
    margin-left: 100px
}

blockquote.blockquote-pasific-has-photo-reverse img {
    float: right;
    margin-left: 20px;
    width: 80px;
    height: 80px
}

blockquote.blockquote-pasific-has-photo-reverse footer,
blockquote.blockquote-pasific-has-photo-reverse p {
    margin-right: 100px;
    text-align: right
}

label {
    font-weight: 400!important;
    font-size: 13px;
    color: #747474
}

::-webkit-input-placeholder {
    font-family: 'Open Sans', sans-serif;
    font-size-adjust: auto;
    margin: 0;
    padding: 0
}

:-moz-placeholder {
    font-family: 'Open Sans', sans-serif;
    text-transform: none;
    font-size-adjust: auto;
    font-size: 12px;
    letter-spacing: 0;
    margin: 0;
    padding: 0
}

::-moz-placeholder {
    font-family: 'Open Sans', sans-serif;
    text-transform: none;
    font-size-adjust: auto;
    font-size: 12px;
    letter-spacing: 0;
    margin: 0;
    padding: 0
}

:-ms-input-placeholder {
    font-family: 'Open Sans', sans-serif;
    text-transform: none;
    font-size-adjust: auto;
    font-size: 12px;
    letter-spacing: 0;
    margin: 0;
    padding: 0
}

::-ms-input-placeholder {
    font-family: 'Open Sans', sans-serif;
    text-transform: none;
    font-size-adjust: auto;
    font-size: 12px;
    letter-spacing: 0;
    margin: 0;
    padding: 0
}

.input-lg,
.input-md,
.input-sm,
.input-xs {
    padding: 4px 10px
}

.input-square {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.input-rounded {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.input-circle {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px
}

.input-xs {
    height: 30px;
    font-size: 12px
}

.input-sm {
    height: 35px;
    font-size: 13px
}

.input-md {
    height: 40px;
    font-size: 14px
}

.input-lg {
    height: 50px;
    font-size: 15px
}

.help-block {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #aaa
}

#price [class*=col-md],
#price [class*=col-sm],
#price [class*=col-xs] {
    padding: 1px
}

.price {
    margin-top: 10px;
    margin-bottom: 10px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border-radius: 1px
}

.price ul {
    margin: 0;
    padding: 13px 20px
}

.price ul li {
    line-height: 28px;
    list-style: none;
    color: #333;
    border-bottom: 1px dashed #bbb;
    margin: 0 0 8px;
    text-align: left
}

sup {
    font-size: 30px
}

.price-one span,
.price-two span {
    font-size: 50px;
    font-weight: 100!important;
    display: block
}

.price-one,
.price-two {
    -webkit-box-shadow: 0 1px 1px #ddd;
    -moz-box-shadow: 0 1px 1px #ddd;
    box-shadow: 0 1px 1px #ddd
}

.price-one.active,
.price-one:hover,
.price-two.active,
.price-two:hover {
    -webkit-box-shadow: 0 0 40px #ddd;
    -moz-box-shadow: 0 0 40px #ddd;
    box-shadow: 0 0 40px #ddd
}

.price-one {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px
}

.price-one.active,
.price-one:hover {
    background-color: #fff;
    border-width: 0;
    border-style: solid;
    -webkit-box-shadow: 0 0 40px #ddd;
    -moz-box-shadow: 0 0 40px #ddd;
    box-shadow: 0 0 40px #ddd
}

.price-four .price-body ul,
.team-one {
    -webkit-box-shadow: 0 1px 1px #ddd;
    -moz-box-shadow: 0 1px 1px #ddd
}

.price-one.active {
    padding: 30px 0;
    margin-top: 0
}

.price-one h4 {
    line-height: 20px;
    margin: 0;
    padding: 0
}

.price-one span {
    font-family: 'Source Sans Pro', sans-serif
}

.price-one .price-footer {
    margin-top: 10px
}

.price-two {
    text-align: center;
    padding: 15px 0
}

.price-two.active {
    padding: 10px 0;
    margin-top: 0;
    background-color: #fff
}

.price-two.active span {
    margin: 20px 0
}

.price-two.active .price-header {
    background-color: #fff
}

.price-two .price-header {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    padding: 20px 0 10px;
    color: #555
}

.price-two h4 {
    font-family: Pacifico, cursive
}

.price-two span {
    font-family: 'Source Sans Pro', sans-serif
}

.price-two sup {
    font-size: 30px
}

.price-two .price-body {
    padding-top: 10px
}

.price-two .price-footer {
    padding-bottom: 20px
}

.price.price-three {
    text-align: center;
    background-color: #fff;
    padding: 0
}

.price-three.active {
    background-color: #fff;
    border: 0
}

.price-three span {
    font-size: 28px;
    font-family: Oswald, sans-serif;
    font-weight: 400!important;
    line-height: 60px;
    text-align: left;
    display: block;
    text-transform: uppercase
}

.price-five .price-header span,
.price-four .price-header span {
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 1
}

.price-three .price-body {
    padding: 0
}

.price-three .price-badge {
    margin: -30px auto 5px;
    width: 50%;
    font-size: 11px;
    text-transform: uppercase;
    color: #fff;
    padding: 5px 0;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.price-four {
    float: left;
    padding: 10px 0;
    border-bottom: 4px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.price-four h3 small,
.team-two .team-social a {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px
}

.price-four h3 small {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    width: 120px;
    color: #fff;
    padding: 3px 2px;
    margin: 0 auto;
    border-radius: 2px
}

.nav-pills-vertical li.active a,
.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
    color: #fff!important
}

.price-four img {
    width: 200px;
    margin: 10px auto
}

.price-four .price-header {
    display: block;
    text-align: center;
    width: 100%;
    padding: 15px 0
}

.price-four .price-header span {
    font-size: 80px;
    font-weight: 200
}

.price-four .price-body {
    display: block;
    float: left;
    padding: 20px 0;
    width: 100%
}

.price-four .price-body ul {
    margin: 20px 30px 10px;
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0 1px 1px #ddd
}

.price-four .price-body ul li {
    padding: 10px 0 10px 20px;
    text-align: left;
    border-bottom: 1px dotted #ddd
}

.price-four .price-body ul li:last-child {
    border-bottom: 0
}

.price-four .price-body ul li i,
.price-four .price-body ul li span {
    margin-right: 10px
}

.price-four .price-footer {
    float: left;
    padding-bottom: 25px;
    width: 100%;
    text-align: center
}

.price-five {
    float: left;
    width: 100%;
    padding: 0
}

.price-five .price-body,
.price-five .price-footer,
.price-five .price-header {
    float: left;
    display: block
}

.price-five .price-header {
    border-right: 1px solid #ddd;
    padding: 10px 20px;
    text-align: center
}

.price-five ul li {
    display: inline-block
}

.price-five .price-header span {
    font-size: 40px;
    font-weight: 100
}

.svg-container-bottom,
.svg-container-middle,
.svg-container3,
table,
table th {
    font-family: 'Open Sans', sans-serif
}

.price-five .price-body {
    text-align: center
}

.price-five .price-body ul li {
    display: inline-block;
    margin: 10px;
    height: 100px;
    border: 1px solid red
}

.price-five .price-body ul li i,
.price-five .price-body ul li span {
    display: block;
    font-size: 20px
}

.nav-tabs li a {
    background-color: #f1f2f3;
    margin-right: 2px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #ddd;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0
}

.nav-pills>li>a {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.nav-pills>li+li {
    margin-left: 2px
}

.nav-pills-vertical {
    margin-top: 25px;
    border-bottom: 0
}

.nav-pills-vertical li {
    float: none;
    margin: 5px 0
}

.nav-pills-vertical li a {
    margin-right: 0;
    border: 0;
    background-color: #f1f2f2;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.nav-pills-vertical>li.active>a,
.nav-pills-vertical>li.active>a:focus,
.nav-pills-vertical>li.active>a:hover {
    border: 0
}

.tab-content .tab-pane {
    display: none;
    background-color: #fff;
    padding-top: 20px;
    overflow-y: auto
}

.tab-content .active {
    display: block
}

.nav-tabs-vertical {
    margin-top: 25px;
    border-bottom: 0
}

.nav-tabs-vertical ul {
    float: left
}

.nav-tabs-vertical li {
    float: none;
    background-color: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.nav-tabs-vertical li a {
    margin-right: 0;
    border: 0;
    background: #f1f2f2;
    padding-right: 50px;
    border-bottom: 1px solid #fff;
    border-left: 3px solid #f1f2f2;
    border-right: 1px solid #f1f2f2
}

.nav-tabs-vertical li a:hover {
    background-color: #f1f2f2;
    border-right: 0;
    border-top: 0;
    border-bottom: 0;
    border-left-width: 3px;
    border-left-style: solid
}

.nav-tabs-vertical li.active,
.nav-tabs-vertical li.active a {
    background-color: #fff;
    border-top: 1px solid #f1f2f2;
    border-bottom: 1px solid #f1f2f2;
    border-right: 0;
    border-left-width: 3px;
    border-left-style: solid
}

.nav-tabs-vertical>li.active>a,
.nav-tabs-vertical>li.active>a:focus,
.nav-tabs-vertical>li.active>a:hover {
    border: 0
}

table th {
    font-weight: 600;
    font-size: 14px
}

table tr td {
    font-size: 13px;
    color: #747474
}

table tr.danger td,
table tr.info td,
table tr.success td,
table tr.warning td {
    border-top: 1px solid #fff
}

table th.bg-danger,
table th.bg-default,
table th.bg-info,
table th.bg-pasific,
table th.bg-primary,
table th.bg-success,
table th.bg-warning {
    color: #fff;
    font-size: 14px;
    border: 0
}

.table.table-colored th {
    border-right: 1px solid #fff
}

.table.table-colored th:last-child {
    border-right: 0
}

.testimonial .testimonial-header {
    margin-bottom: 20px;
    font-size: 12px
}

.testimonial .testimonial-header a {
    color: #aaa
}

.testimonial .testimonial-header img {
    width: 60px;
    height: 60px
}

.testimonial .testimonial-body p {
    line-height: 25px;
    margin-bottom: 15px
}

.testimonial .testimonial-footer {
    font-size: 12px
}

.testimonial .testimonial-footer i,
.testimonial .testimonial-header i {
    margin-right: 5px
}

.testimonial .testimonial-footer a {
    color: #aaa;
    margin-left: 5px
}

.testimonial-center {
    text-align: center;
    padding: 0 30px
}

.testimonial-left {
    text-align: left;
    padding: 0 20px
}

.testimonial-right {
    text-align: right;
    padding: 0 20px
}

.testimonial-center .testimonial-header img {
    margin: 0 auto
}

.testimonial-left .testimonial-header {
    float: left;
    margin-right: 20px
}

.testimonial-right .testimonial-header {
    float: right;
    margin-left: 20px
}

.testimonial-left .testimonial-footer {
    margin-left: 80px
}

.testimonial-right .testimonial-footer {
    margin-right: 80px
}

.testimonial-triangle-isosceles .testimonial-body,
.testimonial-triangle-isosceles-has-bg .testimonial-body {
    position: relative;
    padding: 20px 20px 10px;
    margin: 20px;
    color: #000;
    background: #f5f7f9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    min-height: 245px
}

.testimonial-triangle-isosceles .testimonial-body:after,
.testimonial-triangle-isosceles-has-bg.bottom-center .testimonial-body:after {
    content: "";
    position: absolute;
    bottom: -15px;
    border-width: 15px 15px 0;
    border-style: solid;
    width: 0;
    border-color: #f1f2f2 transparent;
    display: block
}

.testimonial-triangle-isosceles .testimonial-body {
    -webkit-box-shadow: 0 1px 0 #ddd;
    -moz-box-shadow: 0 1px 0 #ddd;
    box-shadow: 0 1px 0 #ddd
}

.testimonial-triangle-isosceles-has-bg .testimonial-body p {
    color: #fff;
    text-align: center
}

.testimonial-triangle-isosceles.top .testimonial-body {
    background: #f1f2f2
}

.testimonial-triangle-isosceles .testimonial-body:after {
    left: 50px
}

.testimonial-triangle-isosceles-has-bg.bottom-center .testimonial-body:after {
    left: 48%
}

.testimonial-triangle-isosceles-has-bg.bottom-center .testimonial-body.bg-pasific:after {
    border-color: transparent
}

.testimonial-triangle-isosceles-has-bg.bottom-center .testimonial-body.bg-primary:after {
    border-color: #337ab7 transparent
}

.testimonial-triangle-isosceles-has-bg.bottom-center .testimonial-body.bg-success:after {
    border-color: #5cb85c transparent
}

.testimonial-triangle-isosceles-has-bg.bottom-center .testimonial-body.bg-info:after {
    border-color: #5bc0de transparent
}

.testimonial-triangle-isosceles-has-bg.bottom-center .testimonial-body.bg-warning:after {
    border-color: #f0ad4e transparent
}

.testimonial-triangle-isosceles-has-bg.bottom-center .testimonial-body.bg-danger:after {
    border-color: #d9534f transparent
}

.testimonial-triangle-isosceles-has-bg.bottom-center .testimonial-body.bg-light:after {
    border-color: #fff transparent
}

.testimonial-triangle-isosceles-has-bg.bottom-center .testimonial-body.bg-gray2:after {
    border-color: #8b949b transparent
}

.testimonial-triangle-isosceles-has-bg.bottom-center .testimonial-body.bg-dark:after {
    border-color: #5f6467 transparent
}

.testimonial-triangle-isosceles.top .testimonial-body:after {
    top: -15px;
    right: 50px;
    bottom: auto;
    left: auto;
    border-width: 0 15px 15px;
    border-color: #f1f2f2 transparent
}

.testimonial-triangle-isosceles .testimonial-footer {
    padding: 10px 0 0 55px
}

.testimonial-triangle-isosceles .testimonial-footer img {
    float: left;
    margin: -10px 20px 0 0
}

.testimonial-triangle-isosceles .testimonial-footer a {
    display: block;
    margin-top: 0;
    margin-left: 0;
    height: 30px
}

.testimonial-triangle-isosceles-has-bg.bottom-center .testimonial-footer {
    display: block;
    margin: 0 auto;
    text-align: center;
    padding: 10px
}

.testimonial-triangle-isosceles-has-bg.bottom-center .testimonial-footer img {
    margin: 0 auto 10px
}

.testimonial-triangle-isosceles-has-bg.bottom-center .testimonial-footer a {
    display: block;
    margin-top: 5px
}

.testimonial-triangle-isosceles.top .testimonial-header {
    padding-top: 10px;
    padding-right: 55px;
    text-align: right
}

.testimonial-triangle-isosceles.top .testimonial-header img {
    float: right;
    margin: -10px 0 0 20px
}

.testimonial-triangle-isosceles.top .testimonial-header a {
    display: block;
    margin-top: 0;
    margin-left: 0;
    height: 30px
}

.testimonial-triangle-isosceles.top .testimonial-header i {
    float: right;
    margin-left: 10px
}

.active,
.carousel,
.carousel-inner,
.item {
    height: 100%
}

.svg-container,
.svg-container-middle {
    height: 300px;
    width: 100%;
    position: absolute
}

.carousel {
    margin-bottom: 60px
}

.carousel-control {
    z-index: 0
}

.carousel-caption {
    z-index: 10;
    position: absolute;
    top: 35%
}

.lead ul li {
    list-style: none
}

.carousel .item {
    background-color: #777
}

.navbar-pasific,
.navbar-pasific .navbar-brand:focus,
.navbar-pasific .navbar-brand:hover,
.navbar-pasific .navbar-nav>li>a:focus,
.navbar-pasific .navbar-nav>li>a:hover {
    background-color: transparent
}

.carousel .carousel-inner .carousel-img {
    background-repeat: no-repeat;
    background-size: cover
}

.carousel .carousel-inner .carousel-img1 {
    background-image: url(../../../assets/img/bg/img-bg-17.jpg);
    background-position: center top
}

.carousel .carousel-inner .carousel-img5 {
    background-image: url(../../../assets/img/bg/img-bg-18.jpg);
    background-position: center center
}

.carousel .carousel-inner .carousel-img6 {
    background-image: url(../../../assets/img/bg/img-bg-19.jpg);
    background-position: center bottom
}

.carousel .carousel-inner .carousel-img11 {
    background-image: url(../../../assets/img/bg/img-bg-13.jpg);
    background-position: center center
}

.carousel-caption h1 {
    font-size: 50px;
    line-height: 60px
}

.carousel-caption p {
    font-size: 18px
}

.mar-0 {
    margin: 0
}

.pad-0 {
    padding: 0
}

.bg-gry2 {
    background: #ddd;
    padding: 11px;
    border-radius: 4px;
    min-height: 129px
}

.white-text {
    color: #fff!important
}

.lin-he {
    line-height: 20px
}

@media(max-width:768px) {
    .carousel-caption h1 {
        font-size: 200%;
        line-height: 1.5
    }
    .carousel-caption p {
        font-size: 100%
    }
}

.svg-container {
    bottom: -10%;
    z-index: 1
}

.svg-container-middle {
    top: 50%;
    z-index: 1
}

.svg-container-bottom {
    position: absolute;
    width: 100%;
    bottom: -20px;
    max-height: 300px;
    z-index: 1
}

.svg-container3 {
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 400px;
    z-index: 1
}

.svg-container2 {
    width: 100%;
    height: 300px;
    z-index: 1
}

@media(max-width:1170px) {
    .svg-container3 {
        height: 500px
    }
}

@media (max-width:768px) {
    .svg-container {
        position: absolute;
        width: 100%;
        bottom: -8%;
        height: 300px;
        z-index: 1
    }
}

.navbar-pasific {
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
    -moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
    transition: background .5s ease-in-out, padding .5s ease-in-out
}

.navbar-container {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 20;
    margin-top: 20px
}

.navbar-container ul.navbar-nav .dropdown-menu {
    margin-top: -10px
}

.navbar-pasific .navbar-brand {
    color: #fff;
    font-family: Pacifico, cursive;
    font-size: 24px
}

.navbar-pasific .navbar-brand img {
    float: left;
    margin-right: 10px;
    margin-top: -5px
}

.navbar-pasific .container-fluid .navbar-brand img {
    margin-left: 20px;
    width: 123px
}

.navbar-pasific .container .navbar-brand img {
    margin-left: 0
}

.navbar-pasific .navbar-text {
    color: #777
}

.navbar-pasific .navbar-nav>li {
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    letter-spacing: .9px;
    position: relative
}

.navbar-pasific .navbar-nav>li>a {
    color: rgba(255, 255, 255, .8)
}

.navbar-pasific .navbar-nav>li>a:hover {
    color: rgba(255, 255, 255, 1)
}

.navbar-pasific .navbar-nav>.active>a,
.navbar-pasific .navbar-nav>.active>a:focus,
.navbar-pasific .navbar-nav>.active>a:hover,
.navbar-pasific .navbar-nav>li a:hover {
    background: 0 0!important
}

.navbar-pasific .navbar-nav>.disabled>a,
.navbar-pasific .navbar-nav>.disabled>a:focus,
.navbar-pasific .navbar-nav>.disabled>a:hover {
    color: #ccc;
    background-color: transparent
}

.top-nav-collapse {
    padding: 0;
    background: #000!important
}

.top-nav-collapse img {
    width: 120px;
    margin-top: -10px!important
}

.top-nav-collapse-inverse {
    padding: 10px 0;
    background: #000!important
}

.top-nav-collapse .navbar-brand {
    color: #555!important
}

.top-nav-collapse-inverse .navbar-brand {
    color: #fff!important
}

.navbar-pasific.navbar-center {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

@media (max-width:1200px) {
    .navbar-pasific.navbar-op {
        background-color: #fff;
        border-color: #e7e7e7;
        padding: 0;
        margin: 0
    }
    .navbar-pasific.top-nav-collapse-inverse {
        background-color: #000
    }
    .navbar-op.top-nav-collapse,
    .navbar-op.top-nav-collapse-inverse {
        padding: 0;
        margin: 0
    }
    .navbar-op .navbar-header {
        float: none
    }
    .navbar-op .navbar-brand {
        color: #333
    }
    .navbar-op .navbar-left,
    .navbar-right {
        float: none!important
    }
    .navbar-op .navbar-toggle {
        display: block
    }
    .navbar-op .navbar-toggle:hover {
        background-color: #f8f8f8
    }
    .navbar-op .navbar-collapse {
        border-top: 1px solid transparent;
        background: 0 0
    }
    .navbar-op.navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px
    }
    .navbar-op .navbar-collapse.collapse {
        display: none!important
    }
    .navbar-op .navbar-nav {
        float: none!important;
        margin-top: 7.5px
    }
    .navbar-op .navbar-nav>li {
        float: none;
        font-size: 11px
    }
    .navbar-op .navbar-nav>li>a {
        padding-top: 5px;
        padding-bottom: 5px
    }
    .navbar-op .collapse.in {
        display: block!important;
        background-color: #222
    }
    .in,
    .navbar-op .collapsing {
        background-color: #222
    }
    .navbar-op.navbar-center {
        border: 1px solid #fff;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px
    }
}

.navbar-mp.top-nav-collapse,
.navbar-op.top-nav-collapse {
    border-bottom: 1px solid #000
}

.navbar-mp.top-nav-collapse-inverse,
.navbar-op.top-nav-collapse-inverse {
    border-bottom: 1px solid #333
}

.navbar-op.top-nav-collapse .navbar-nav li a {
    color: #555!important
}

.navbar-op.top-nav-collapse-inverse .navbar-nav li a {
    color: #f5f5f5!important
}

.ser-btn {
    width: auto;
    padding: 10px 18px;
    font-size: 14px;
    margin: 0 10px 0 0
}

.port-bg {
    padding-top: 25px;
    border-bottom: 3px solid #d1d1d1;
    background-color: #f1efef!important
}

.ser-mr {
    margin: 14px 0
}

@media(min-width:766px) {
    h2 {
        line-height: 58px
    }
    .bg-gry2 {
        min-height: 150px!important
    }
    .muble-font {
        font-size: 22px!important;
        line-height: 28px
    }
    .navbar-mp .dropdown:hover>.dropdown-menu {
        display: block
    }
    .navbar-mp .navbar-main-collapse {
        float: right;
        margin-right: 30px
    }
    .navbar-mp.top-nav-collapse .navbar-nav li a,
    .navbar-mp.top-nav-collapse-inverse .navbar-nav li a {
        color: #fff!important
    }
    .navbar-mp .navbar-nav>li>a {
        color: rgba(255, 255, 255, .9)!important
    }
    .navbar-mp .navbar-nav>li>a:hover {
        color: rgba(255, 255, 255, 1)!important
    }
}

@media (max-width:766px) {
    .navbar-mp {
        background-color: transparent;
        padding: 0!important;
        margin: 0
    }
    .bg-orange p,
    .cutom h2 {
        margin: 10px 0 0
    }
    .navbar-mp.top-nav-collapse .navbar-nav li a {
        color: #fff!important
    }
    .navbar-mp .navbar-brand,
    .navbar-mp.top-nav-collapse .navbar-brand {
        color: #555!important
    }
    .bg-orange h3 {
        font-size: 23px;
        line-height: 30px
    }
    .mb25 h3 {
        font-size: 23px;
        line-height: 32px
    }
    .fact,
    .factor {
        font-size: 60px!important
    }
    .cutom h2 {
        font-size: 22px!important;
        line-height: 25px
    }
    .bg-white h3 {
        font-size: 18px!important;
        line-height: 28px!important;
        margin: 15px 0 0;
        font-weight: 600!important
    }
    .bg-white p {
        margin: 10px 0
    }
    .pakg h5 {
        width: 100%!important;
        font-size: 12px!important;
        line-height: 17px
    }
    .pakg h2 {
        font-size: 20px!important;
        line-height: 26px!important
    }
    .cutom small {
        font-size: 17px!important
    }
    .navbar-mp .dropdown-submenu>ul.dropdown-menu {
        display: block;
        overflow: hidden;
        padding-left: 20px
    }
    .navbar-mp .collapse.in {
        display: block!important;
        background-color: #222
    }
    .in,
    .navbar-mp .collapsing {
        background-color: #222
    }
    .navbar-mp .navbar-brand img {
        margin-left: 0!important
    }
    .navbar-mp.navbar-center {
        border: 1px solid #fff;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px
    }
}

.megamenu .dropdown .dropdown-menu li a {
    color: #999!important
}

.form-control {
    resize: none
}

.megamenu .dropdown-menu li a {
    text-transform: capitalize;
    font-family: 'Open Sans', sans-serif!important;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0!important
}

.megamenu .dropdown-menu li i {
    margin-right: 10px;
    color: #fff
}

.megamenu .dropdown-menu li:first-child {
    padding-top: 0
}

.megamenu .dropdown-menu>li>a {
    padding: 6px 15px
}

.megamenu .navbar-nav>li>.dropdown-menu a {
    margin-top: 1px
}

.megamenu .dropdown-menu {
    box-shadow: none;
    padding: 0
}

.megamenu .dropdown-menu .withoutdesc {
    margin-top: 0;
    padding: 15px 20px;
    display: block;
    text-align: left;
    text-transform: none;
    width: 100%
}

.megamenu .dropdown-menu .withoutdesc ul li {
    padding: 7px 10px 7px 0
}

.megamenu .dropdown-menu .withoutdesc ul li a {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0!important;
    color: #999!important
}

.megamenu .dropdown-menu .withoutdesc ul li:focus,
.megamenu .dropdown-menu .withoutdesc ul li:hover {
    color: #262626;
    text-decoration: none;
    background-color: #181818!important
}

.megamenu .dropdown-menu .withoutdesc li:last-child {
    border-bottom: 0 solid #fff
}

.megamenu .megamenu-content.withdesc a:after {
    display: block;
    font-size: 11px;
    font-weight: 400;
    line-height: 0;
    margin: 10px 0 15px
}

.megamenu .dropdown-submenu {
    position: relative
}

.megamenu .dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: 0;
    margin-left: 0;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.megamenu .dropdown-submenu:hover>.dropdown-menu {
    display: block
}

.megamenu .dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #ccc;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    margin-top: 5px;
    margin-right: -10px
}

.megamenu .dropdown-menu.has-submenu.pull-left {
    text-align: right;
    position: absolute;
    right: 30px
}

@media (min-width:780px) {
    .megamenu .dropdown-menu.has-submenu .dropdown-submenu .dropdown-menu {
        position: absolute;
        left: -160px
    }
    .megamenu .dropdown-menu.has-submenu {
        margin-left: -100px
    }
    .navbar-center .megamenu {
        background-color: #fff!important
    }
}

.megamenu p {
    font-size: 13px;
    color: #747474
}

.megamenu .collapse,
.megamenu .dropdown,
.megamenu .dropup,
.megamenu .nav {
    position: static
}

.megamenu .container,
.megamenu .container-fluid {
    position: relative
}

.megamenu .container-fluid .fullwidth {
    margin-left: auto!important;
    margin-right: auto!important;
    width: 100%
}

.megamenu .half {
    width: 50%;
    left: auto!important;
    right: auto!important
}

.megamenu .dropdown-menu {
    left: auto;
    padding-bottom: 10px;
    background-color: #1c1c1c
}

.megamenu .navbar-right .dropdown-menu {
    width: 250px
}

.megamenu .megamenu-content {
    padding: 15px 25px;
    background: #222
}

.megamenu .dropdown.megamenu-fw .dropdown-menu {
    left: 0;
    right: 0
}

.megamenu .title {
    font-size: 13px;
    font-weight: 700;
    margin-top: 15px;
    text-transform: uppercase;
    border-bottom: 1px solid #494949;
    padding-bottom: 10px
}

.megamenu ul {
    list-style: none;
    padding-left: 0
}

.intro {
    display: table;
    width: 100%;
    height: auto;
    text-align: center;
    background-color: #000;
    background-size: cover!important;
    max-height: 768px!important;
    height: 100vh!important
}

.intro .intro-body {
    display: table-cell;
    vertical-align: middle
}

.intro .intro-body .brand-heading {
    margin-bottom: 2px;
    box-sizing: border-box;
    color: #545454;
    line-height: 1.3
}

.intro .intro-body .intro-text {
    font-size: 16px;
    color: #545454;
    font-weight: 400;
    line-height: 25px
}

@media(min-width:960px) {
    .content-box {
        min-height: 188px
    }
    .testimonial-triangle-isosceles .testimonial-body,
    .testimonial-triangle-isosceles-has-bg .testimonial-body {
        min-height: 300PX!important
    }
    .intro {
        height: 100%;
        padding: 0
    }
    .intro .intro-body .brand-heading {
        font-size: 66px;
        margin-bottom: 0
    }
    .intro .intro-body .brand-heading-big {
        font-size: 60px;
        line-height: 1.3
    }
    .intro .intro-body .brand-heading-big2 {
        font-size: 60px;
        line-height: 1.3;
        font-family: Oswald, sans-serif!important;
        font-weight: 700!important
    }
    .intro .intro-body .intro-text {
        font-size: 36px;
        font-family: Oswald, sans-serif!important;
        font-weight: 300!important
    }
    .intro .intro-body .intro-text-big {
        font-size: 18px;
        line-height: 1.5
    }
}

@media(max-width:960px) {
    .intro {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        height: 100%;
        background-size: cover
    }
    .intro .intro-body .brand-heading {
        font-size: 220%
    }
    .intro .intro-body .intro-text {
        font-size: 100%
    }
}

@media(max-width:768px) {
    .browse-industry-list ul li {
        float: none!important
    }
    .port-cat {
        display: none
    }
    .port-cat-mb {
        display: block
    }
    #portfolioGrid ul li a,
    #portfolioMasonry ul li a {
        color: #747474;
        font-size: 10px!important;
        padding: 7px 0;
        text-transform: inherit!important
    }
    h1 {
        font-size: 24px!important;
        line-height: 29px
    }
    .pt50 {
        padding-top: 135px!important
    }
    .pack-identy {
        color: #444956;
        font-size: 40px!important
    }
    .navbar-pasific .navbar-nav>li {
        font-family: Montserrat, sans-serif;
        font-size: 10px
    }
    .nav>li>a {
        padding: 10px 5px
    }
    .navbar-brand {
        padding: 12px 15px
    }
    .top-info {
        display: block!important;
        background: #000;
        padding: 5px 0 0!important;
        margin-bottom: 10px
    }
    .intro-direction {
        bottom: -26px
    }
    .top-info ul {
        right: 0!important
    }
    .top-info ul li {
        padding: 0 0 3px!important
    }
    .intro {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        height: 100%;
        background-size: cover
    }
}

canvas {
    display: block;
    vertical-align: bottom
}

#particles-js1,
#particles-js2 {
    width: 100%;
    height: 100%
}

#particles-js1 {
    position: absolute
}

.team-one,
.team-three,
.team-two {
    background: #fff;
    text-align: center
}

#particles-js2 {
    position: fixed
}

.team-one {
    padding: 20px 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0 1px 1px #ddd
}

.team-one img {
    width: 150px;
    height: 150px;
    margin: 20px auto 30px;
    border: 8px solid #ddd;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}

.team-one .team-social {
    font-size: 14px;
    margin-right: 5px;
    margin-bottom: 20px
}

.team-one .team-social a {
    color: #747474;
    width: 30px;
    height: 30px;
    border: 1px solid #ddd;
    padding: 5px 7px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.team-three,
.team-two {
    padding: 0 0 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    -webkit-box-shadow: 0 1px 1px #ddd;
    -moz-box-shadow: 0 1px 1px #ddd;
    box-shadow: 0 1px 1px #ddd
}

.team-three img,
.team-two .team-social {
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out
}

.team-two:hover {
    -webkit-box-shadow: 0 0 40px #aaa;
    -moz-box-shadow: 0 0 40px #aaa;
    box-shadow: 0 0 40px #aaa
}

.team-three img,
.team-two img {
    width: 100%;
    z-index: 0;
    -webkit-border-top-left-radius: 4px;
    -moz-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-top-right-radius: 4px;
    border-top-right-radius: 4px
}

.team-two .team-social {
    text-align: center;
    margin-top: -35px;
    padding-bottom: 20px;
    left: 35%;
    z-index: 9;
    opacity: 0;
    transition: all .25s ease-in-out
}

.team-two:hover>.team-social {
    opacity: 1
}

.team-two .team-social a {
    margin-right: 5px;
    padding: 5px 8px;
    color: #fff;
    background-color: rgba(0, 0, 0, .5);
    border-radius: 2px
}

.team-two .team-social a:last-child {
    margin-right: 0
}

.team-two .team-social a:hover {
    background-color: #111
}

.team-three {
    text-align: left
}

.team-three h5 {
    margin-left: 20px;
    padding-top: 5px
}

.team-three p {
    padding-left: 20px;
    padding-top: 10px
}

.team-three .team-social {
    position: absolute;
    right: 20px;
    margin-top: 18px;
    font-size: 18px
}

.team-three img {
    transition: all .25s ease-in-out
}

.blog-one,
.team-six {
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out
}

.team-three img:hover {
    -webkit-box-shadow: 2px 2px 0 #ccc;
    -moz-box-shadow: 2px 2px 0 #ccc;
    box-shadow: 2px 2px 0 #ccc
}

.blog-one:hover,
.team-six:hover {
    -webkit-box-shadow: 0 0 40px #ddd
}

.team-four {
    padding: 20px 0;
    text-align: center;
    color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.team-four h5 {
    color: #fff
}

.team-four img {
    width: 150px;
    height: 150px;
    margin: 20px auto 30px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}

.team-four .team-social {
    font-size: 14px;
    margin-right: 5px;
    margin-bottom: 20px
}

.team-four .team-social a {
    width: 30px;
    height: 30px;
    padding: 5px 7px;
    color: #fff;
    background-color: rgba(255, 255, 255, .3);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.team-four .team-social a:hover {
    opacity: .6;
    color: #fff!important
}

.team-five {
    border: 2px solid #ddd;
    background: #fafafa
}

.team-five img {
    float: left;
    margin-right: 30px
}

.team-five h5 {
    margin-top: 20px
}

.team-five .team-social {
    margin: 10px 0
}

.team-five .team-social a {
    padding: 4px 6px;
    background-color: #fff;
    border: 1px solid #ddd;
    width: 30px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.team-five a.button,
.team-five a.button-3d,
.team-five a.button-o {
    position: absolute;
    margin-top: -32.5px;
    right: 30px
}

.team-six {
    text-align: center;
    padding: 20px 0;
    margin-top: -100px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    transition: all .25s ease-in-out
}

.team-six img {
    margin: 20px auto;
    border: 8px solid #ddd;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}

.team-six p {
    padding: 0 10px
}

.team-six .team-social a {
    padding: 4px 5px;
    border: 1px solid #ddd;
    display: inline-block;
    margin-bottom: 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.team-six .team-social,
.team-six a.button,
.team-six a.button-3d,
.team-six a.button-o,
.team-six h5,
.team-six p {
    opacity: 0
}

.team-six.active,
.team-six:hover {
    background-color: #fff
}

.team-six:hover {
    -moz-box-shadow: 0 0 40px #ddd;
    box-shadow: 0 0 40px #ddd
}

.team-six.active .team-social,
.team-six.active a.button,
.team-six.active a.button-3d,
.team-six.active a.button-o,
.team-six.active h5,
.team-six.active p,
.team-six:hover>.team-social,
.team-six:hover>a.button,
.team-six:hover>a.button-3d,
.team-six:hover>a.button-o,
.team-six:hover>h5,
.team-six:hover>p {
    opacity: 1
}

.team-six.active img,
.team-six:hover>img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%)
}

.team-seven {
    width: 170px;
    height: 170px;
    float: left;
    position: relative
}

.team-seven-content {
    display: block;
    width: 100%;
    height: 100%;
    background: #ed3b23;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.team-seven-content h5 {
    color: #fff;
    font-weight: 600
}

.team-seven-content i {
    margin: 0 5px
}

.team-seven-content a {
    color: #545454;
    -webkit-transition: color .5s ease-in-out;
    -moz-transition: color .5s ease-in-out;
    transition: color .5s ease-in-out
}

.team-seven-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10
}

#portfolioGrid ul li a,
#portfolioMasonry ul li a {
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #747474;
    font-weight: 600;
    padding: 7px
}

#portfolio ul li a:hover {
    color: coral
}

#portfolioGrid ul li,
#portfolioMasonry ul li {
    list-style: none;
    display: inline;
    margin: 0 10px
}

#portfolioMasonry .portfolio-masonry-one,
#portfolioMasonry .portfolio-masonry-two {
    content: '';
    display: block;
    clear: both;
    max-width: 1170px
}

#portfolioMasonry .portfolio-masonry-two {
    padding: 0 3%
}

#portfolioMasonry .portfolio-masonry-one-fullwidth {
    max-width: 1900px
}

#portfolioMasonry .portfolio-masonry-two-fullwidth {
    max-width: 1900px;
    margin: 0 1.2%
}

#portfolioMasonry .portfolio-masonry-one-item,
#portfolioMasonry .portfolio-masonry-two-item {
    float: left;
    background-color: #111;
    margin-bottom: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

#portfolioMasonry .portfolio-masonry-one-item {
    width: 180px
}

#portfolioMasonry .portfolio-masonry-two-item {
    width: 250px
}

#portfolioMasonry .portfolio-masonry-one-item>img,
#portfolioMasonry .portfolio-masonry-two-item>img {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

#portfolioMasonry .portfolio-masonry-one-item:hover>img,
#portfolioMasonry .portfolio-masonry-two-item:hover>img {
    opacity: .2;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

#portfolioMasonry .portfolio-masonry-one-item.width2 {
    width: 370px
}

#portfolioMasonry .portfolio-masonry-one-item.width3 {
    width: 560px
}

#portfolioMasonry .portfolio-masonry-one-item.height2 {
    height: 340px
}

@media(min-width:768px) {
    .port-cat {
        display: block
    }
    .port-cat-mb {
        display: none
    }
    #portfolioMasonry .portfolio-masonry-two-item {
        height: 165px
    }
    .testimonial-triangle-isosceles .testimonial-body,
    .testimonial-triangle-isosceles-has-bg .testimonial-body {
        min-height: 393px
    }
}

@media(max-width:480px) {
    .pt100 {
        padding-top: 0!important
    }
    .content-box {
        display: none
    }
    h4 {
        font-size: 14px;
        line-height: 20px
    }
    .intro {
        max-height: 630px!important
    }
    .m-width {
        width: 45%
    }
    .button-lg {
        font-size: 9px;
        padding: 13px 8px
    }
    .pb75 {
        padding-bottom: 4px!important
    }
    .port-cat {
        display: none
    }
    .port-cat-mb {
        margin: 0 auto!important;
        display: table;
        width: 90%!important
    }
    #portfolioMasonry .portfolio-masonry-two-item {
        height: 134px
    }
    #portfolioMasonry .portfolio-masonry-one-item.width2,
    #portfolioMasonry .portfolio-masonry-one-item.width3 {
        width: 300px
    }
    #portfolioMasonry .portfolio-masonry-one-item.height2 {
        height: 276px
    }
}

#portfolioMasonry .portfolio-masonry-one-item .portfolio-mask,
#portfolioMasonry .portfolio-masonry-two-item .portfolio-mask {
    background-color: rgba(1, 1, 1, .2);
    position: absolute;
    z-index: 9;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

#portfolioMasonry .portfolio-masonry-one-item .portfolio-mask h6,
#portfolioMasonry .portfolio-masonry-one-item .portfolio-mask p,
#portfolioMasonry .portfolio-masonry-two-item .portfolio-mask h6,
#portfolioMasonry .portfolio-masonry-two-item .portfolio-mask p {
    color: #fff;
    margin: 0;
    padding: 0
}

#portfolioMasonry .portfolio-masonry-one-item:hover>.portfolio-mask,
#portfolioMasonry .portfolio-masonry-two-item:hover>.portfolio-mask {
    opacity: 1
}

#portfolioMasonry .portfolio-masonry-one-item .portfolio-mask {
    padding-top: 55px
}

#portfolioMasonry .portfolio-masonry-one-item.height2 .portfolio-mask {
    padding-top: 150px
}

#portfolioMasonry .portfolio-masonry-two-item.width200 {
    width: 250px
}

#portfolioMasonry .portfolio-masonry-two-item.width350 {
    width: 350px
}

#portfolioMasonry .portfolio-masonry-two-item.height150 {
    height: 150px
}

#portfolioMasonry .portfolio-masonry-two-item.height200 {
    height: 200px
}

#portfolioMasonry .portfolio-masonry-two-item.height250 {
    height: 250px
}

#portfolioMasonry .portfolio-masonry-two-item.height300 {
    height: 300px
}

#portfolioMasonry .portfolio-masonry-two-item.height350 {
    height: 350px
}

#portfolioMasonry .portfolio-masonry-two-item.height400 {
    height: 400px
}

#portfolioMasonry .portfolio-masonry-two-item.height450 {
    height: 450px
}

#portfolioMasonry .portfolio-masonry-two-item.height500 {
    height: 500px
}

#portfolioMasonry .portfolio-masonry-two-item.height150 .portfolio-mask {
    padding-top: 45px
}

#portfolioMasonry .portfolio-masonry-two-item.height200 .portfolio-mask {
    padding-top: 75px
}

#portfolioMasonry .portfolio-masonry-two-item.height250 .portfolio-mask {
    padding-top: 95px
}

#portfolioMasonry .portfolio-masonry-two-item.height300 .portfolio-mask {
    padding-top: 120px
}

#portfolioMasonry .portfolio-masonry-two-item.height350 .portfolio-mask {
    padding-top: 140px
}

#portfolioMasonry .portfolio-masonry-two-item.height400 .portfolio-mask {
    padding-top: 160px
}

#portfolioMasonry .portfolio-masonry-two-item.height450 .portfolio-mask {
    padding-top: 190px
}

#portfolioMasonry .portfolio-masonry-two-item.height500 .portfolio-mask {
    padding-top: 210px
}

#portfolioGrid [class*=col-md],
#portfolioGrid [class*=col-sm],
#portfolioGrid [class*=col-xs] {
    margin: 0;
    padding: 0
}

#portfolioGrid .portfolio .portfolio-item img {
    width: 100%;
    height: 100%
}

#portfolioGrid .portfolio .portfolio-item a {
    position: absolute;
    background-color: rgba(1, 1, 1, .7);
    width: 100%;
    height: 100%;
    display: block;
    vertical-align: middle;
    float: left;
    text-align: center;
    color: #fff;
    padding-top: 30%;
    opacity: 0;
    font-size: 25px;
    z-index: 1;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

#portfolioGrid .portfolio .portfolio-item:hover>a {
    opacity: 1
}

#portfolioGrid .portfolio .portfolio-item:hover>img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

#portfolioGrid .portfolio .portfolio-item {
    display: block
}

.fact,
.factor {
    text-align: center;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 80px;
    margin-bottom: 30px;
    font-weight: 200
}

#blog nav ul li a,
.fact-title {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: Montserrat, sans-serif
}

.fact-title {
    display: block
}

#client img {
    margin-bottom: 0;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

#client img:hover {
    -webkit-filter: opacity(50%);
    filter: opacity(50%)
}

#blog a,
#blog a i.fa {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

#blog h1,
#blog h2,
#blog h3,
#blog h4,
#blog h5,
#blog h6 {
    font-family: Montserrat, sans-serif
}

#blog nav ul {
    padding-left: 20px
}

#blog nav ul li {
    margin-right: 20px
}

#blog nav ul li a {
    font-weight: 400;
    color: #8b949b
}

#blog .blog-sidebar-popular-post-container span,
#blog blockquote,
#info h2,
.blog-one .blog-one-footer,
.blog-one-attrib,
.blog-three-attrib,
ul.breadcrumb li {
    font-family: 'Open Sans', sans-serif
}

#blog nav ul li.active a {
    background: 0 0!important
}

#blog form.blog-form-search input[type=text] {
    height: 50px;
    border: 0;
    border-left: 1px solid #e7e7e7;
    width: 250px;
    padding: 0 20px;
    outline: 0;
    -webkit-border-top-right-radius: 4px;
    -moz-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px
}

#blog form.blog-form-search input::-webkit-input-placeholder {
    text-transform: inherit;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif
}

#blog form.blog-form-search button {
    border: 0;
    height: 30px;
    color: #fff;
    width: 30px;
    margin-right: 10px;
    outline: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.muble-font {
    font-size: 48px!important;
    line-height: 28px
}

.blog-one {
    background-color: #fff;
    display: block;
    padding: 0;
    transition: all .25s ease-in-out;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 1px #ddd;
    -moz-box-shadow: 0 1px 1px #ddd;
    box-shadow: 0 1px 1px #ddd
}

.blog-one:hover {
    -moz-box-shadow: 0 0 40px #ddd;
    box-shadow: 0 0 40px #ddd
}

.blog-one .blog-one-header img {
    -webkit-border-top-left-radius: 2px;
    -moz-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-top-right-radius: 2px;
    border-top-right-radius: 2px
}

.blog-one-attrib {
    background-color: #f1f5f9;
    height: 50px;
    padding: 15px 25px;
    border-bottom: 1px solid #eee
}

.blog-one .blog-one-attrib .blog-author-photo {
    width: 60px;
    height: 60px;
    float: left;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-right: 10px;
    border: 5px solid #fff;
    -webkit-box-shadow: 0 1px 2px #ddd;
    -moz-box-shadow: 0 1px 2px #ddd;
    box-shadow: 0 1px 2px #ddd
}

.blog-one .blog-one-attrib .blog-author-name {
    font-size: 12px;
    font-weight: 600;
    margin-right: 20px;
    display: block;
    float: left;
    margin-top: 5px
}

.blog-one .blog-one-attrib .blog-date {
    color: #bbb;
    font-size: 11px;
    font-weight: 600;
    float: right;
    display: block;
    margin-top: 5px
}

.blog-one .blog-one-attrib .blog-category {
    float: right;
    text-align: center;
    padding: 1px 5px 2px;
    margin-top: 0;
    margin-left: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.blog-one .blog-one-attrib .blog-category a {
    color: #fff;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-weight: 600
}

.shop-label,
a.add-to-cart {
    letter-spacing: 1px;
    position: absolute
}

.blog-one .blog-one-attrib .blog-category a:hover>i {
    color: #fff
}

@media (min-width:400px) and (max-width:850px) and (orientation:landscape) {
    .navbar-pasific .navbar-nav>li {
        font-size: 10px
    }
}

@media(max-width:1200px) {
    .blog-one .blog-one-attrib .blog-date {
        visibility: hidden;
        overflow: hidden
    }
    .blog-one-attrib {
        padding: 15px 10px
    }
}

.blog-one .blog-one-body {
    padding: 30px 25px 0;
    background: 0 0;
    margin-top: -25px;
    float: left;
    width: 100%;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.blog-one .blog-one-body p {
    border-bottom: 1px dashed #ddd;
    padding-bottom: 20px;
    margin-bottom: 15px
}

.blog-one .blog-one-body .blog-title {
    font-size: 15px;
    color: #aaa
}

h3.blog-title {
    font-size: 20px!important
}

.blog-one .blog-one-body .blog-title a {
    color: #555
}

.blog-one .blog-one-footer {
    font-size: 12px;
    font-weight: 400;
    color: #bbb;
    padding-left: 25px;
    padding-bottom: 20px;
    margin-top: 20px
}

.blog-one .blog-one-footer i {
    margin-right: 5px;
    margin-left: 20px
}

.blog-one .blog-one-footer a {
    color: #bbb
}

#blog .blog-three {
    border-bottom: 1px dotted #ccc;
    padding-bottom: 25px
}

#blog ul.pagination li {
    font-size: 12px
}

#blog ul.pagination li a {
    color: #333c4e
}

#blog ul.pagination li.active {
    background: red!important;
    color: #fff
}

.blog-title {
    text-transform: inherit!important;
    font-size: 22px;
    line-height: 1.45
}

.blog-title a {
    color: #5f6467;
    font-weight: 600
}

.blog-three-attrib {
    font-size: 11px;
    font-weight: 500;
    color: #8b949b;
    text-transform: uppercase!important;
    letter-spacing: 1px;
    margin-bottom: 25px
}

.blog-three-attrib i.fa {
    padding-right: 5px;
    font-size: 13px
}

.blog-three-attrib div {
    margin: 0 10px 0 0;
    display: inline-block
}

.blog-three-attrib a {
    color: #8b949b
}

ul.breadcrumb {
    background: 0 0!important;
    margin: 0;
    padding: 0
}

ul.breadcrumb li {
    font-weight: 600;
    font-size: 13px;
    margin-right: 15px;
    color: #f1f5f9
}

.blog-post-author-name,
.blog-post-comment-name,
ul.breadcrumb li:before {
    margin-right: 10px
}

ul.breadcrumb li a {
    color: #fff;
    opacity: .9
}

ul.breadcrumb li a:hover {
    color: #fff!important;
    opacity: .5
}

#blog div.blog-three-mini {
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom: 1px dotted #ccc
}

#blog div.blog-three-mini p {
    font-size: 14px;
    line-height: 30px
}

.blog-post-comment-container,
.blog-post-read-tag {
    font-size: 12px
}

#blog div.blog-three-mini .blog-three-attrib {
    margin-top: 30px;
    margin-bottom: 40px
}

#blog blockquote {
    background-color: #323a45;
    border: 0;
    color: #f1f1f1;
    line-height: 30px;
    padding: 40px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

#blog blockquote footer {
    color: #8b949b
}

#blog blockquote footer:before {
    content: ' '
}

.blog-post-read-tag a {
    color: #ccc
}

.blog-post-author,
.blog-post-comment-container {
    display: block;
    padding-bottom: 20px;
    border-bottom: 1px dotted #ccc
}

.blog-post-author img,
.blog-post-comment img {
    margin-right: 30px;
    float: left
}

.blog-post-author p,
.blog-post-comment p {
    margin-left: 90px;
    margin-top: 10px
}

.blog-post-comment {
    border: 1px solid #e7e7e7;
    margin: 15px 0;
    padding: 20px 20px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.blog-post-comment-reply {
    margin-left: 90px;
    border-top: 1px dashed #e7e7e7;
    padding-top: 20px
}

.blog-post-comment a,
.blog-post-comment-reply a {
    color: #747474
}

.blog-post-leave-comment {
    border-bottom: 1px dotted #ccc;
    padding-bottom: 25px
}

.blog-leave-comment-input {
    width: 32%;
    float: left;
    margin-right: 10px;
    border: 1px solid #e7e7e7;
    padding: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.blog-leave-comment-textarea {
    width: 99%;
    height: 150px;
    margin: 10px 0;
    border: 1px solid #e7e7e7;
    padding: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

#blog .blog-sidebar-form-search {
    border: 1px solid #e7e7e7;
    padding: 10px;
    height: 45px
}

#blog .blog-sidebar-form-search input {
    border: 0;
    width: 160px;
    float: left;
    outline: 0
}

#blog .blog-sidebar-form-search button {
    border: 0;
    background: 0 0;
    color: #e7e7e7;
    height: 20px;
    width: 20px;
    margin-right: 5px;
    outline: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

#blog .blog-sidebar-popular-post-container {
    height: 80px
}

#blog .blog-sidebar-popular-post-container a {
    color: #3b4455
}

#blog .blog-sidebar-popular-post-container img {
    width: 100px;
    margin-right: 10px
}

#blog .blog-sidebar-popular-post-container span {
    font-size: 12px
}

#banner img {
    background-size: cover
}

#info h2 {
    text-transform: capitalize
}

#shop [class*=col-] {
    position: relative
}

#shop [class*=col-md-3] a.add-to-cart,
#shop [class*=col-sm-3] a.add-to-cart,
#shop [class*=col-xs-3] a.add-to-cart {
    font-size: 10px
}

.shop-item-container-out {
    margin-right: 30px
}

.shop-item-container-in {
    background: #fff;
    padding: 25px 0;
    margin-top: 20px;
    border: 1px solid #eaeff3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.shop-item-container-in:hover {
    -webkit-box-shadow: 0 0 40px #ddd
}

.shop-item-title {
    font-size: 13px;
    text-transform: uppercase;
    margin: 15px 0 10px;
    color: #323a45
}

.shop-item-price {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 20px
}

#shop-item-details {
    font-size: 13px
}

#shop-item-details h3 {
    font-family: Montserrat, sans-serif;
    margin-top: 0
}

#shop-item-details form label {
    float: left;
    margin-top: 8px;
    margin-right: 10px
}

.shop-item-review {
    font-size: 13px;
    color: #aaa
}

.shop-item-detail-price {
    font-family: 'Source Sans Pro', sans-serif
}

.shop-item-detail-price ins {
    font-size: 50px;
    color: #ff4530
}

.shop-item-detail-price del {
    font-size: 20px;
    color: #aaa;
    margin-top: -20px
}

.shop-item-detail-photo {
    background-color: #f8f8f8;
    max-width: 360px;
    padding-bottom: 25px
}

.shop-item-detail-photo-active {
    margin-left: 12%;
    margin-top: 5%;
    margin-bottom: 30px;
    float: left;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

#shop-item-detail-photo-gallery {
    padding-left: 25px;
    margin-top: 40px
}

.shop-item-detail-photo-thumbnail {
    border: 1px solid #e6e6e6;
    padding: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.shop-item-available,
.shop-item-sku {
    font-size: 13px
}

.shop-label,
a.add-to-cart,
ul.pagination.pagination-pasific li a {
    font-size: 11px;
    text-transform: uppercase
}

.shop-item-quantity,
.shop-item-size {
    width: 50px!important;
    height: 40px
}

.shop-item-color {
    width: 20px;
    height: 20px;
    display: block;
    float: left;
    margin-right: 5px;
    margin-top: 8px;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.shop-item-color.blue {
    background-color: #2873ac
}

.shop-item-color.brown {
    background-color: #bfa386
}

.shop-item-color.cyan {
    background-color: #309873
}

.shop-item-color.green {
    background-color: #6b9549
}

.shop-item-color.orange {
    background-color: #f87f09
}

.shop-item-color.purple {
    background-color: #3f4698
}

.shop-item-color.red {
    background-color: #f36
}

.shop-item-color.yellow {
    background-color: #edbc48
}

.shop-item-color.active,
.shop-item-color.active:hover,
.shop-item-color:hover {
    border: 2px solid #fff
}

.shop-item-color.blue.active,
.shop-item-color.blue:hover {
    -webkit-box-shadow: 0 0 20px #2873ac;
    -moz-box-shadow: 0 0 20px #2873ac;
    box-shadow: 0 0 20px #2873ac
}

.shop-item-color.brown.active,
.shop-item-color.brown:hover {
    -webkit-box-shadow: 0 0 20px #bfa386;
    -moz-box-shadow: 0 0 20px #bfa386;
    box-shadow: 0 0 20px #bfa386
}

.shop-item-color.cyan.active,
.shop-item-color.cyan:hover {
    -webkit-box-shadow: 0 0 20px #309873;
    -moz-box-shadow: 0 0 20px #309873;
    box-shadow: 0 0 20px #309873
}

.shop-item-color.green.active,
.shop-item-color.green:hover {
    -webkit-box-shadow: 0 0 20px #6b9549;
    -moz-box-shadow: 0 0 20px #6b9549;
    box-shadow: 0 0 20px #6b9549
}

.shop-item-color.orange.active,
.shop-item-color.orange:hover {
    -webkit-box-shadow: 0 0 20px #f87f09;
    -moz-box-shadow: 0 0 20px #f87f09;
    box-shadow: 0 0 20px #f87f09
}

.shop-item-color.purple.active,
.shop-item-color.purple:hover {
    -webkit-box-shadow: 0 0 20px #3f4698;
    -moz-box-shadow: 0 0 20px #3f4698;
    box-shadow: 0 0 20px #3f4698
}

.shop-item-color.red.active,
.shop-item-color.red:hover {
    -webkit-box-shadow: 0 0 20px #f36;
    -moz-box-shadow: 0 0 20px #f36;
    box-shadow: 0 0 20px #f36
}

.shop-item-color.yellow.active,
.shop-item-color.yellow:hover {
    -webkit-box-shadow: 0 0 20px #edbc48;
    -moz-box-shadow: 0 0 20px #edbc48;
    box-shadow: 0 0 20px #edbc48
}

.shop-item-img-list-view {
    height: 200px
}

a.add-to-cart,
a.add-to-wishlist,
a.send-to-friend {
    background: #fff;
    margin-top: 10px;
    margin-bottom: 40px;
    padding: 10px 0;
    display: block;
    color: #323a45;
    transition: all .5s ease-in-out;
    border: 1px solid #eaeff3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

a.add-to-cart {
    width: 100%;
    left: 0;
    padding: 12.5px
}

a.add-to-wishlist:hover,
a.send-to-friend:hover {
    color: #fff!important;
    background: #323a45;
    border: 1px solid #323a45
}

a.add-to-cart:hover {
    color: #fff!important;
    border-width: 1px;
    border-style: solid
}

.shop-label {
    color: #fff;
    padding: 3px 7px;
    float: left;
    margin-left: 5px;
    top: 25px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.shop-label:nth-child(2) {
    margin-top: 25px
}

.shop-label:nth-child(3) {
    margin-top: 50px
}

.shop-control-next,
.shop-control-prev {
    background-color: #fff;
    cursor: pointer;
    display: block;
    width: 40px;
    height: 30px;
    margin-right: 10px;
    padding-top: 7px;
    border: 1px solid #eaeff3;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.shop-layout {
    padding: 5px 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #ccc;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

.shop-layout:hover {
    background-color: transparent
}

ul.pagination.pagination-pasific {
    margin-top: 0
}

ul.pagination.pagination-pasific li a {
    background: 0 0!important;
    border: 1px solid #ccc;
    padding: 7px 10px;
    color: #747474;
    font-family: Montserrat, sans-serif
}

ul.pagination.pagination-pasific li:hover {
    background-color: #fff
}

ul.pagination.pagination-pasific li.active a {
    border-color: #ccc;
    color: #ccc
}

#sidebar h5 {
    border-bottom: 1px solid #f1f5f9;
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-size: 14px;
    text-transform: uppercase
}

#sidebar form label {
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: .5px;
    font-weight: 400
}

#sidebar .shop-layout ul li.active a {
    text-transform: uppercase
}

#sidebar ul.shop-sidebar {
    margin: 0;
    padding: 0
}

#sidebar ul.shop-sidebar li {
    list-style: none;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 400!important;
    line-height: 25px;
    padding: 7px 0;
    border-bottom: 1px dotted #ccc
}

#sidebar ul.shop-sidebar li a {
    color: #555
}

#sidebar ul.shop-sidebar li:before {
    content: '\f105';
    font-family: FontAwesome;
    float: left;
    margin-right: 15px;
    color: #8b949b
}

#sidebar ul.shop-sidebar-checkbox,
#sidebar ul.tag li,
.circle-progress .circle-progress-value,
.footer.footer-one .copyright {
    font-family: 'Open Sans', sans-serif
}

#sidebar .badge {
    font-size: 11px;
    margin-top: 5px;
    padding: 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

#sidebar ul.tag li {
    display: inline-block;
    float: left;
    padding: 5px 7px;
    color: #747474;
    border: 1px solid #ccc;
    font-size: 13px;
    margin: 0 5px 5px 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

#sidebar ul.tag li a {
    color: #747474
}

#sidebar ul.tag li:hover {
    border-width: 1px;
    border-style: solid
}

#sidebar ul.tag li:hover a {
    color: #fff!important
}

#sidebar ul.shop-sidebar-checkbox {
    list-style: none;
    font-size: 13px;
    font-weight: 400!important;
    line-height: 25px;
    padding: 7px 0
}

#sidebar ul.shop-sidebar-checkbox input[type=checkbox] {
    margin-right: 10px
}

#sidebar .shop-by-color {
    display: block;
    float: left;
    width: 25px;
    height: 25px;
    margin-right: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

#sidebar .shop-by-color:hover {
    border: 3px solid #fff;
    -webkit-box-shadow: 0 0 8px #ccc;
    -moz-box-shadow: 0 0 8px #ccc;
    box-shadow: 0 0 8px #ccc
}

.shop-sidebar-checkbox input[type=checkbox] {
    display: none
}

.shop-sidebar-checkbox label:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    bottom: 1px;
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.btn-newsletter,
.input-newsletter {
    background: 0 0;
    letter-spacing: 1px
}

.shop-sidebar-checkbox label {
    margin-bottom: 10px;
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-right: 15px;
    font-size: 13px;
    color: #555;
    font-weight: 400
}

.shop-sidebar-checkbox input[type=checkbox]:checked+label:before {
    content: " ";
    font-size: 15px;
    text-align: center;
    line-height: 15px;
    color: #fff;
    border-width: 1px;
    border-style: solid
}

#shop .shop-sidebar-cart .sidebar-cart-container {
    height: 90px;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 15px
}

#shop .shop-sidebar-cart .sidebar-cart-container img {
    margin-right: 10px
}

#shop .shop-sidebar-cart .sidebar-cart-container h6 {
    margin: 0
}

#shop .shop-sidebar-cart .sidebar-cart-price {
    font-size: 12px
}

#shop .shop-sidebar-cart .sidebar-cart-remove a {
    font-size: 12px;
    color: #555;
    display: block;
    margin-top: 10px
}

.shop-sidebar-support h3,
.shop-sidebar-support h6 {
    margin: 0;
    padding: 0
}

.input-newsletter {
    width: 80%;
    border: 0;
    outline: 0;
    color: #fff
}

::-webkit-input-placeholder {
    font-size: 11px;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding-top: 2px
}

.input-newsletter-container {
    border-bottom: 1px dotted #8b949b;
    width: 80%;
    float: left;
    margin-right: 20px;
    padding: 7px 0
}

.btn-newsletter {
    border: 1px dotted #555;
    padding: 10px 25px;
    color: #8b949b;
    font-size: 11px;
    text-transform: uppercase;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: background .5s ease-in-out, color .5s ease-in-out;
    -moz-transition: background .5s ease-in-out, color .5s ease-in-out;
    -o-transition: background .5s ease-in-out, color .5s ease-in-out;
    transition: background .5s ease-in-out, color .5s ease-in-out
}

.btn-newsletter:hover {
    background: #fff;
    color: #111;
    border: 1px dotted transparent!important
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

.progress,
.progress-transparent {
    overflow: hidden;
    height: 20px;
    margin-bottom: 20px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: relative
}

.progress-transparent {
    background-color: rgba(255, 255, 255, .3)
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #337ab7;
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, .15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease
}

.progress-bar-striped,
.progress-striped .progress-bar {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 40px 40px
}

.progress-bar.active,
.progress-transparent.active .progress-bar,
.progress.active .progress-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}

.progress .progress-bar,
.progress-transparent .progress-bar {
    position: absolute;
    overflow: hidden;
    line-height: 20px
}

.progress .progressbar-back-text,
.progress-transparent .progressbar-back-text {
    position: absolute;
    width: 100%;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    text-align: center
}

.progress .progressbar-front-text,
.progress-transparent .progressbar-front-text {
    display: block;
    width: 100%;
    font-size: 12px;
    line-height: 20px;
    text-align: center
}

.progress-transparent.right .progress-bar,
.progress.right .progress-bar {
    right: 0
}

.progress-transparent.right .progressbar-front-text,
.progress.right .progressbar-front-text {
    position: absolute;
    right: 0
}

.progress {
    background-color: #f1f1f1!important;
    margin-top: -5px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.progress .bar {
    -webkit-transition: width 2s ease-in-out;
    -moz-transition: width 2s ease-in-out;
    -ms-transition: width 2s ease-in-out;
    -o-transition: width 2s ease-in-out;
    transition: width 2s ease-in-out
}

.hvr-grow,
.hvr-shrink {
    -webkit-transition-property: transform
}

.progress-bar {
    box-shadow: 0!important;
    border: 0!important;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.progress-xs {
    height: 5px
}

.progress-sm {
    height: 20px
}

.progress-md {
    height: 30px
}

.progress-lg {
    height: 40px
}

.progress-sm .progress-bar {
    font-size: 11px;
    padding-top: 0!important
}

.progress-md .progress-bar {
    padding-top: 5px
}

.progress-lg .progress-bar {
    padding-top: 10px
}

.progress-circle,
.progress-circle .progress-bar {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px
}

.progress-striped .bg-danger,
.progress-striped .bg-info,
.progress-striped .bg-pasific,
.progress-striped .bg-primary,
.progress-striped .bg-success,
.progress-striped .bg-warning {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.circle-progress {
    margin: 6px 6px 20px;
    display: inline-block;
    position: relative;
    text-align: center;
    line-height: 1.2
}

.circle-progress canvas {
    vertical-align: top
}

.circle-progress .circle-progress-value {
    position: absolute;
    top: 52.5px;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 40px;
    font-size: 25px;
    color: #aaa
}

.circle-progress .circle-progress-value i {
    font-style: normal;
    font-size: .6em;
    font-weight: 400
}

.circle-progress .circle-progress-title {
    display: block;
    color: #aaa;
    margin-top: 20px
}

.contact.contact-us-one {
    display: block;
    float: left;
    background-color: rgba(255, 255, 255);
    padding: 20px 20px 40px
}

.statusMessage {
    opacity: 1;
    text-align: center;
    display: none;
    margin: auto;
    float: left;
    width: 400px;
    height: 80px;
    padding: 10px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.statusMessage p {
    color: #fff!important
}

.sending-message {
    background: #34495e
}

.success-message {
    background: #2ecc71
}

.failure-message {
    background: #e74c3c
}

.footer.footer-one .copyright {
    font-size: 13px;
    margin: 0 auto 25px;
    text-align: center
}

.navbar-brand-footer {
    display: block;
    width: 100px;
    height: 50px;
    font-family: Pacifico, cursive;
    font-size: 20px;
    color: #8b949b;
    padding-left: 40px
}

#footer .copyright {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #8b949b;
    display: block;
    width: 160px
}

.copyright a:hover {
    border-bottom-width: 1px;
    border-bottom-style: dotted
}

.footer-one ul {
    margin: 0 30px;
    padding: 0 0 25px
}

.footer-one ul li {
    list-style: none;
    display: inline
}

.footer-one ul li a {
    color: #8b949b;
    font-size: 12px;
    margin: 0 10px
}

#footer .social-container {
    margin-top: 10px
}

#footer .social-container ul.footer-social li a {
    font-size: 15px;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0 0 5px;
    line-height: 30px;
    border: 1px solid #f1f1f1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.footer-two a {
    color: #747474
}

.footer-two ul li {
    line-height: 25px
}

.social.social-one {
    text-align: center;
    margin-top: 20px
}

.social.social-one a {
    width: 30px;
    height: 30px;
    display: inline-block;
    border: 1px solid #ddd;
    padding-top: 4px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px
}

.social.social-three a,
.social.social-two a {
    width: 30px;
    height: 30px;
    padding: 5px 8px;
    text-align: center;
    display: block;
    margin-right: 5px;
    float: left
}

.social.social-two a {
    border: 1px solid #ddd;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.social.social-three a {
    background-color: rgba(255, 255, 255, .1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.hvr-grow,
.hvr-pulse,
.hvr-pulse-grow,
.hvr-pulse-shrink,
.hvr-shrink {
    display: inline-block;
    vertical-align: middle;
    box-shadow: 0 0 1px transparent
}

.parallax-window {
    min-height: 280px;
    background: 0 0
}

.parallax-window-2 {
    min-height: 350px;
    background: 0 0
}

.parallax-window-3 {
    min-height: 250px;
    max-width: 1920px;
    background: 0 0
}

.parallax-window-4 {
    min-height: 92%;
    max-width: 1920px;
    background: 0 0
}

.parallax-window-5 {
    min-height: 600px;
    max-width: 1920px;
    background: 0 0
}

.oswald_600 {
    font-family: Oswald, sans-serif;
    font-weight: 600!important
}

.content-box {
    padding: 8px 10px 20px;
    background: #d7d4d4
}

.content-box:hover .icon-browser,
.content-box:hover .icon-layers,
.content-box:hover .icon-mobile,
.content-box:hover .icon-tools,
.content-box:hover .icon-video,
.content-box:hover .icon-wallet {
    background: #fff;
    color: #ff2a00;
    border-color: #fff
}

.content-box h4 {
    color: #393b41
}

.content-box p {
    color: #393b41;
    line-height: 20px
}

.content-box:hover h4,
.content-box:hover p {
    color: #fff
}

.bg-white:hover h4,
.bg-white:hover p {
    color: #393b41
}

.hvr-back-pulse:active,
.hvr-back-pulse:focus,
.hvr-back-pulse:hover,
.hvr-bounce-to-left:active,
.hvr-bounce-to-left:focus,
.hvr-bounce-to-left:hover,
.hvr-bounce-to-right:active,
.hvr-bounce-to-right:focus,
.hvr-bounce-to-right:hover,
.hvr-bounce-to-top:active,
.hvr-bounce-to-top:focus,
.hvr-bounce-to-top:hover,
.hvr-fade:active,
.hvr-fade:focus,
.hvr-fade:hover,
.hvr-radial-in:active,
.hvr-radial-in:focus,
.hvr-radial-in:hover,
.hvr-radial-out:active,
.hvr-radial-out:focus,
.hvr-radial-out:hover,
.hvr-rectangle-in:active,
.hvr-rectangle-in:focus,
.hvr-rectangle-in:hover,
.hvr-rectangle-out:active,
.hvr-rectangle-out:focus,
.hvr-rectangle-out:hover,
.hvr-shutter-in-horizontal:active,
.hvr-shutter-in-horizontal:focus,
.hvr-shutter-in-horizontal:hover,
.hvr-shutter-in-vertical:active,
.hvr-shutter-in-vertical:focus,
.hvr-shutter-in-vertical:hover,
.hvr-shutter-out-horizontal:active,
.hvr-shutter-out-horizontal:focus,
.hvr-shutter-out-horizontal:hover,
.hvr-shutter-out-vertical:active,
.hvr-shutter-out-vertical:focus,
.hvr-shutter-out-vertical:hover,
.hvr-sweep-to-bottom:active,
.hvr-sweep-to-bottom:focus,
.hvr-sweep-to-bottom:hover,
.hvr-sweep-to-left:active,
.hvr-sweep-to-left:focus,
.hvr-sweep-to-left:hover,
.hvr-sweep-to-right:active,
.hvr-sweep-to-right:focus,
.hvr-sweep-to-right:hover,
.hvr-sweep-to-top:active,
.hvr-sweep-to-top:focus,
.hvr-sweep-to-top:hover {
    color: #fff
}

.hvr-grow {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    transition-property: transform
}

.hvr-rotate,
.hvr-shrink {
    -webkit-transition-duration: .3s
}

.hvr-grow:active,
.hvr-grow:focus,
.hvr-grow:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.hvr-shrink {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    transition-duration: .3s;
    transition-property: transform
}

.hvr-grow-rotate,
.hvr-rotate {
    -webkit-transition-property: transform
}

.hvr-shrink:active,
.hvr-shrink:focus,
.hvr-shrink:hover {
    -webkit-transform: scale(.9);
    transform: scale(.9)
}

@-webkit-keyframes hvr-pulse {
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    75% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

@keyframes hvr-pulse {
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    75% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

.hvr-pulse {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0)
}

.hvr-pulse:active,
.hvr-pulse:focus,
.hvr-pulse:hover {
    -webkit-animation-name: hvr-pulse;
    animation-name: hvr-pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes hvr-pulse-grow {
    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@keyframes hvr-pulse-grow {
    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.hvr-pulse-grow {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0)
}

.hvr-pulse-grow:active,
.hvr-pulse-grow:focus,
.hvr-pulse-grow:hover {
    -webkit-animation-name: hvr-pulse-grow;
    animation-name: hvr-pulse-grow;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

@-webkit-keyframes hvr-pulse-shrink {
    to {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

@keyframes hvr-pulse-shrink {
    to {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

.hvr-pulse-shrink {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0)
}

.hvr-pulse-shrink:active,
.hvr-pulse-shrink:focus,
.hvr-pulse-shrink:hover {
    -webkit-animation-name: hvr-pulse-shrink;
    animation-name: hvr-pulse-shrink;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

@-webkit-keyframes hvr-push {
    50% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes hvr-push {
    50% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.hvr-pop,
.hvr-push {
    -webkit-transform: perspective(1px) translateZ(0);
    display: inline-block;
    vertical-align: middle;
    box-shadow: 0 0 1px transparent
}

.hvr-push {
    transform: perspective(1px) translateZ(0)
}

.hvr-push:active,
.hvr-push:focus,
.hvr-push:hover {
    -webkit-animation-name: hvr-push;
    animation-name: hvr-push;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-pop {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@keyframes hvr-pop {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

.hvr-pop {
    transform: perspective(1px) translateZ(0)
}

.hvr-pop:active,
.hvr-pop:focus,
.hvr-pop:hover {
    -webkit-animation-name: hvr-pop;
    animation-name: hvr-pop;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.hvr-bounce-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.hvr-bounce-in:active,
.hvr-bounce-in:focus,
.hvr-bounce-in:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition-timing-function: cubic-bezier(.47, 2.02, .31, -.36);
    transition-timing-function: cubic-bezier(.47, 2.02, .31, -.36)
}

.hvr-bounce-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.hvr-bounce-out:active,
.hvr-bounce-out:focus,
.hvr-bounce-out:hover {
    -webkit-transform: scale(.8);
    transform: scale(.8);
    -webkit-transition-timing-function: cubic-bezier(.47, 2.02, .31, -.36);
    transition-timing-function: cubic-bezier(.47, 2.02, .31, -.36)
}

.hvr-rotate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    transition-duration: .3s;
    transition-property: transform
}

.hvr-float,
.hvr-grow-rotate {
    -webkit-transition-duration: .3s
}

.hvr-rotate:active,
.hvr-rotate:focus,
.hvr-rotate:hover {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg)
}

.hvr-grow-rotate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    transition-duration: .3s;
    transition-property: transform
}

.hvr-float,
.hvr-sink {
    display: inline-block;
    vertical-align: middle;
    box-shadow: 0 0 1px transparent;
    -webkit-transition-property: transform;
    -webkit-transition-timing-function: ease-out
}

.hvr-grow-rotate:active,
.hvr-grow-rotate:focus,
.hvr-grow-rotate:hover {
    -webkit-transform: scale(1.1) rotate(4deg);
    transform: scale(1.1) rotate(4deg)
}

.hvr-float {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    transition-duration: .3s;
    transition-property: transform;
    transition-timing-function: ease-out
}

.hvr-sink,
.hvr-skew {
    -webkit-transition-duration: .3s
}

.hvr-float:active,
.hvr-float:focus,
.hvr-float:hover {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px)
}

.hvr-sink {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    transition-duration: .3s;
    transition-property: transform;
    transition-timing-function: ease-out
}

.hvr-skew,
.hvr-skew-forward {
    -webkit-transition-property: transform
}

.hvr-sweep-to-left:before,
.hvr-sweep-to-right:before {
    content: "";
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition-timing-function: ease-out
}

.hvr-sink:active,
.hvr-sink:focus,
.hvr-sink:hover {
    -webkit-transform: translateY(8px);
    transform: translateY(8px)
}

@-webkit-keyframes hvr-bob {
    0%,
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
    50% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }
}

@keyframes hvr-bob {
    0%,
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
    50% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }
}

@-webkit-keyframes hvr-bob-float {
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}

@keyframes hvr-bob-float {
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}

.hvr-bob,
.hvr-hang {
    -webkit-transform: perspective(1px) translateZ(0);
    display: inline-block;
    vertical-align: middle;
    box-shadow: 0 0 1px transparent
}

.hvr-bob {
    transform: perspective(1px) translateZ(0)
}

.hvr-bob:active,
.hvr-bob:focus,
.hvr-bob:hover {
    -webkit-animation-name: hvr-bob-float, hvr-bob;
    animation-name: hvr-bob-float, hvr-bob;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate
}

.hvr-hang:active,
.hvr-hang:focus,
.hvr-hang:hover,
.hvr-icon-bob:active:before,
.hvr-icon-bob:focus:before,
.hvr-icon-bob:hover:before {
    -webkit-animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    -webkit-animation-direction: normal, alternate
}

@-webkit-keyframes hvr-hang {
    0%,
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
    50% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }
}

@keyframes hvr-hang {
    0%,
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
    50% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }
}

@-webkit-keyframes hvr-hang-sink {
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
}

@keyframes hvr-hang-sink {
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
}

.hvr-hang {
    transform: perspective(1px) translateZ(0)
}

.hvr-hang:active,
.hvr-hang:focus,
.hvr-hang:hover {
    -webkit-animation-name: hvr-hang-sink, hvr-hang;
    animation-name: hvr-hang-sink, hvr-hang;
    animation-duration: .3s, 1.5s;
    animation-delay: 0s, .3s;
    animation-timing-function: ease-out, ease-in-out;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-direction: normal, alternate
}

.hvr-skew {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    transition-duration: .3s;
    transition-property: transform
}

.hvr-skew-backward,
.hvr-skew-forward {
    -webkit-transition-duration: .3s;
    display: inline-block;
    vertical-align: middle;
    box-shadow: 0 0 1px transparent
}

.hvr-skew:active,
.hvr-skew:focus,
.hvr-skew:hover {
    -webkit-transform: skew(-10deg);
    transform: skew(-10deg)
}

.hvr-skew-forward {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    transition-duration: .3s;
    transition-property: transform;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.hvr-forward,
.hvr-skew-backward {
    -webkit-transition-property: transform
}

.hvr-skew-forward:active,
.hvr-skew-forward:focus,
.hvr-skew-forward:hover {
    -webkit-transform: skew(-10deg);
    transform: skew(-10deg)
}

.hvr-skew-backward {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    transition-duration: .3s;
    transition-property: transform;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.hvr-backward,
.hvr-forward {
    -webkit-transition-duration: .3s
}

.hvr-skew-backward:active,
.hvr-skew-backward:focus,
.hvr-skew-backward:hover {
    -webkit-transform: skew(10deg);
    transform: skew(10deg)
}

@-webkit-keyframes hvr-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
    33.3% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }
    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }
    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes hvr-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
    33.3% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }
    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }
    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.hvr-wobble-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent
}

.hvr-wobble-vertical:active,
.hvr-wobble-vertical:focus,
.hvr-wobble-vertical:hover {
    -webkit-animation-name: hvr-wobble-vertical;
    animation-name: hvr-wobble-vertical;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }
    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px)
    }
    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }
    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }
    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes hvr-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }
    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px)
    }
    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }
    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }
    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.hvr-wobble-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent
}

.hvr-wobble-horizontal:active,
.hvr-wobble-horizontal:focus,
.hvr-wobble-horizontal:hover {
    -webkit-animation-name: hvr-wobble-horizontal;
    animation-name: hvr-wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-wobble-to-bottom-right {
    16.65% {
        -webkit-transform: translate(8px, 8px);
        transform: translate(8px, 8px)
    }
    33.3% {
        -webkit-transform: translate(-6px, -6px);
        transform: translate(-6px, -6px)
    }
    49.95% {
        -webkit-transform: translate(4px, 4px);
        transform: translate(4px, 4px)
    }
    66.6% {
        -webkit-transform: translate(-2px, -2px);
        transform: translate(-2px, -2px)
    }
    83.25% {
        -webkit-transform: translate(1px, 1px);
        transform: translate(1px, 1px)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes hvr-wobble-to-bottom-right {
    16.65% {
        -webkit-transform: translate(8px, 8px);
        transform: translate(8px, 8px)
    }
    33.3% {
        -webkit-transform: translate(-6px, -6px);
        transform: translate(-6px, -6px)
    }
    49.95% {
        -webkit-transform: translate(4px, 4px);
        transform: translate(4px, 4px)
    }
    66.6% {
        -webkit-transform: translate(-2px, -2px);
        transform: translate(-2px, -2px)
    }
    83.25% {
        -webkit-transform: translate(1px, 1px);
        transform: translate(1px, 1px)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.hvr-wobble-to-bottom-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent
}

.hvr-wobble-to-bottom-right:active,
.hvr-wobble-to-bottom-right:focus,
.hvr-wobble-to-bottom-right:hover {
    -webkit-animation-name: hvr-wobble-to-bottom-right;
    animation-name: hvr-wobble-to-bottom-right;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-wobble-to-top-right {
    16.65% {
        -webkit-transform: translate(8px, -8px);
        transform: translate(8px, -8px)
    }
    33.3% {
        -webkit-transform: translate(-6px, 6px);
        transform: translate(-6px, 6px)
    }
    49.95% {
        -webkit-transform: translate(4px, -4px);
        transform: translate(4px, -4px)
    }
    66.6% {
        -webkit-transform: translate(-2px, 2px);
        transform: translate(-2px, 2px)
    }
    83.25% {
        -webkit-transform: translate(1px, -1px);
        transform: translate(1px, -1px)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes hvr-wobble-to-top-right {
    16.65% {
        -webkit-transform: translate(8px, -8px);
        transform: translate(8px, -8px)
    }
    33.3% {
        -webkit-transform: translate(-6px, 6px);
        transform: translate(-6px, 6px)
    }
    49.95% {
        -webkit-transform: translate(4px, -4px);
        transform: translate(4px, -4px)
    }
    66.6% {
        -webkit-transform: translate(-2px, 2px);
        transform: translate(-2px, 2px)
    }
    83.25% {
        -webkit-transform: translate(1px, -1px);
        transform: translate(1px, -1px)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.hvr-wobble-to-top-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent
}

.hvr-wobble-to-top-right:active,
.hvr-wobble-to-top-right:focus,
.hvr-wobble-to-top-right:hover {
    -webkit-animation-name: hvr-wobble-to-top-right;
    animation-name: hvr-wobble-to-top-right;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-wobble-top {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg)
    }
    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg)
    }
    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg)
    }
    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg)
    }
    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg)
    }
    100% {
        -webkit-transform: skew(0);
        transform: skew(0)
    }
}

@keyframes hvr-wobble-top {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg)
    }
    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg)
    }
    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg)
    }
    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg)
    }
    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg)
    }
    100% {
        -webkit-transform: skew(0);
        transform: skew(0)
    }
}

.hvr-wobble-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.hvr-wobble-top:active,
.hvr-wobble-top:focus,
.hvr-wobble-top:hover {
    -webkit-animation-name: hvr-wobble-top;
    animation-name: hvr-wobble-top;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-wobble-bottom {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg)
    }
    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg)
    }
    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg)
    }
    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg)
    }
    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg)
    }
    100% {
        -webkit-transform: skew(0);
        transform: skew(0)
    }
}

@keyframes hvr-wobble-bottom {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg)
    }
    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg)
    }
    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg)
    }
    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg)
    }
    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg)
    }
    100% {
        -webkit-transform: skew(0);
        transform: skew(0)
    }
}

.hvr-wobble-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.hvr-wobble-bottom:active,
.hvr-wobble-bottom:focus,
.hvr-wobble-bottom:hover {
    -webkit-animation-name: hvr-wobble-bottom;
    animation-name: hvr-wobble-bottom;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-wobble-skew {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg)
    }
    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg)
    }
    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg)
    }
    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg)
    }
    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg)
    }
    100% {
        -webkit-transform: skew(0);
        transform: skew(0)
    }
}

@keyframes hvr-wobble-skew {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg)
    }
    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg)
    }
    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg)
    }
    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg)
    }
    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg)
    }
    100% {
        -webkit-transform: skew(0);
        transform: skew(0)
    }
}

.hvr-wobble-skew {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent
}

.hvr-wobble-skew:active,
.hvr-wobble-skew:focus,
.hvr-wobble-skew:hover {
    -webkit-animation-name: hvr-wobble-skew;
    animation-name: hvr-wobble-skew;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }
    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
}

@keyframes hvr-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }
    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
}

.hvr-buzz,
.hvr-buzz-out {
    -webkit-transform: perspective(1px) translateZ(0);
    display: inline-block;
    vertical-align: middle;
    box-shadow: 0 0 1px transparent
}

.hvr-buzz {
    transform: perspective(1px) translateZ(0)
}

.hvr-buzz:active,
.hvr-buzz:focus,
.hvr-buzz:hover {
    -webkit-animation-name: hvr-buzz;
    animation-name: hvr-buzz;
    -webkit-animation-duration: .15s;
    animation-duration: .15s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes hvr-buzz-out {
    10%,
    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }
    20%,
    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
    50%,
    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }
    60%,
    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }
    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0)
    }
    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0)
    }
}

@keyframes hvr-buzz-out {
    10%,
    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }
    20%,
    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
    50%,
    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }
    60%,
    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }
    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0)
    }
    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0)
    }
}

.hvr-buzz-out {
    transform: perspective(1px) translateZ(0)
}

.hvr-buzz-out:active,
.hvr-buzz-out:focus,
.hvr-buzz-out:hover {
    -webkit-animation-name: hvr-buzz-out;
    animation-name: hvr-buzz-out;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.hvr-forward {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    transition-duration: .3s;
    transition-property: transform
}

.hvr-forward:active,
.hvr-forward:focus,
.hvr-forward:hover {
    -webkit-transform: translateX(8px);
    transform: translateX(8px)
}

.hvr-backward {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-fade,
.hvr-sweep-to-right {
    -webkit-transition-duration: .3s
}

.hvr-backward:active,
.hvr-backward:focus,
.hvr-backward:hover {
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px)
}

.hvr-back-pulse,
.hvr-fade {
    -webkit-transform: perspective(1px) translateZ(0);
    overflow: hidden
}

.hvr-fade {
    display: inline-block;
    vertical-align: middle;
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    transition-duration: .3s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color
}

.hvr-back-pulse,
.hvr-bounce-to-right {
    -webkit-transition-duration: .5s;
    display: inline-block;
    vertical-align: middle;
    box-shadow: 0 0 1px transparent
}

.hvr-fade:active,
.hvr-fade:focus,
.hvr-fade:hover {
    background-color: #2098d1
}

@-webkit-keyframes hvr-back-pulse {
    50% {
        background-color: rgba(32, 152, 209, .75)
    }
}

@keyframes hvr-back-pulse {
    50% {
        background-color: rgba(32, 152, 209, .75)
    }
}

.hvr-back-pulse {
    transform: perspective(1px) translateZ(0);
    transition-duration: .5s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color
}

.hvr-back-pulse:active,
.hvr-back-pulse:focus,
.hvr-back-pulse:hover {
    -webkit-animation-name: hvr-back-pulse;
    animation-name: hvr-back-pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    background-color: #2098d1
}

.hvr-sweep-to-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    transition-duration: .3s
}

.hvr-sweep-to-right:before {
    position: absolute;
    background: #eb6e80;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    transition-timing-function: ease-out
}

.hvr-sweep-to-right:active:before,
.hvr-sweep-to-right:focus:before,
.hvr-sweep-to-right:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.hvr-sweep-to-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-sweep-to-left:before {
    position: absolute;
    background: #2098d1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    transition-timing-function: ease-out
}

.hvr-sweep-to-bottom:before,
.hvr-sweep-to-top:before {
    -webkit-transition-timing-function: ease-out;
    background: #2098d1;
    content: "";
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.hvr-sweep-to-left:active:before,
.hvr-sweep-to-left:focus:before,
.hvr-sweep-to-left:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.hvr-sweep-to-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-sweep-to-bottom:before {
    position: absolute;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    transition-timing-function: ease-out
}

.hvr-sweep-to-bottom:active:before,
.hvr-sweep-to-bottom:focus:before,
.hvr-sweep-to-bottom:hover:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.hvr-sweep-to-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-sweep-to-top:before {
    position: absolute;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    transition-timing-function: ease-out
}

.hvr-sweep-to-top:active:before,
.hvr-sweep-to-top:focus:before,
.hvr-sweep-to-top:hover:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.hvr-bounce-to-right {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    transition-duration: .5s
}

.hvr-bounce-to-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-bounce-to-right:active:before,
.hvr-bounce-to-right:focus:before,
.hvr-bounce-to-right:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
    transition-timing-function: cubic-bezier(.52, 1.64, .37, .66)
}

.hvr-bounce-to-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.hvr-bounce-to-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-bounce-to-left:active:before,
.hvr-bounce-to-left:focus:before,
.hvr-bounce-to-left:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
    transition-timing-function: cubic-bezier(.52, 1.64, .37, .66)
}

.hvr-bounce-to-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.hvr-bounce-to-bottom:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-bounce-to-bottom:active,
.hvr-bounce-to-bottom:focus,
.hvr-bounce-to-bottom:hover {
    color: #fff
}

.hvr-bounce-to-bottom:active:before,
.hvr-bounce-to-bottom:focus:before,
.hvr-bounce-to-bottom:hover:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
    transition-timing-function: cubic-bezier(.52, 1.64, .37, .66)
}

.hvr-bounce-to-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.hvr-bounce-to-top:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #e84f40;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-bounce-to-top:active:before,
.hvr-bounce-to-top:focus:before,
.hvr-bounce-to-top:hover:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
    transition-timing-function: cubic-bezier(.52, 1.64, .37, .66)
}

.hvr-radial-in:before,
.hvr-radial-out:before {
    content: "";
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition-timing-function: ease-out;
    border-radius: 100%
}

.hvr-radial-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-radial-in,
.hvr-radial-out:before {
    background: #2098d1;
    -webkit-transition-duration: .3s
}

.hvr-radial-out:before {
    position: absolute;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    transition-duration: .3s;
    transition-timing-function: ease-out
}

.hvr-radial-out:active:before,
.hvr-radial-out:focus:before,
.hvr-radial-out:hover:before {
    -webkit-transform: scale(2);
    transform: scale(2)
}

.hvr-radial-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden;
    -webkit-transition-property: color;
    transition-property: color;
    transition-duration: .3s
}

.hvr-radial-in:before {
    position: absolute;
    background: #e1e1e1;
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    transition-timing-function: ease-out
}

.hvr-rectangle-in:before,
.hvr-rectangle-out:before {
    content: "";
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition-timing-function: ease-out
}

.hvr-radial-in:active:before,
.hvr-radial-in:focus:before,
.hvr-radial-in:hover:before {
    -webkit-transform: scale(0);
    transform: scale(0)
}

.hvr-rectangle-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    background: #2098d1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-rectangle-in:before,
.hvr-rectangle-out {
    background: #e1e1e1;
    -webkit-transition-duration: .3s
}

.hvr-rectangle-in:before {
    position: absolute;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition-property: transform;
    transition-property: transform;
    transition-duration: .3s;
    transition-timing-function: ease-out
}

.hvr-rectangle-in:active:before,
.hvr-rectangle-in:focus:before,
.hvr-rectangle-in:hover:before {
    -webkit-transform: scale(0);
    transform: scale(0)
}

.hvr-rectangle-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    transition-duration: .3s
}

.hvr-rectangle-out:before {
    position: absolute;
    background: #2098d1;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    transition-timing-function: ease-out
}

.hvr-shutter-in-horizontal:before,
.hvr-shutter-out-horizontal:before {
    content: "";
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transition-timing-function: ease-out
}

.hvr-rectangle-out:active:before,
.hvr-rectangle-out:focus:before,
.hvr-rectangle-out:hover:before {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.hvr-shutter-in-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    background: #93628f;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-shutter-in-horizontal:before {
    position: absolute;
    background: #d7d4d4;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    transition-timing-function: ease-out
}

.hvr-shutter-in-horizontal:active:before,
.hvr-shutter-in-horizontal:focus:before,
.hvr-shutter-in-horizontal:hover:before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.hvr-shutter-out-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    background: #d7d4d4;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-shutter-out-horizontal:before {
    position: absolute;
    background: #4d3e8f;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    transition-timing-function: ease-out
}

.hvr-shutter-in-vertical:before,
.hvr-shutter-out-vertical:before {
    content: "";
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transition-timing-function: ease-out
}

.hvr-shutter-out-horizontal:active:before,
.hvr-shutter-out-horizontal:focus:before,
.hvr-shutter-out-horizontal:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.hvr-shutter-in-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    background: #008e93;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-shutter-in-vertical:before {
    position: absolute;
    background: #d7d4d4;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    transition-timing-function: ease-out
}

.hvr-shutter-in-vertical:active:before,
.hvr-shutter-in-vertical:focus:before,
.hvr-shutter-in-vertical:hover:before {
    -webkit-transform: scaleY(0);
    transform: scaleY(0)
}

.hvr-shutter-out-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    background: #d7d4d4;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-shutter-out-vertical:before {
    position: absolute;
    background: #ff9c4c;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    transition-timing-function: ease-out
}

.hvr-ripple-out:before,
.hvr-trim:before {
    content: ''
}

.hvr-border-fade,
.hvr-glow {
    -webkit-transition-property: box-shadow
}

.hvr-shutter-out-vertical:active:before,
.hvr-shutter-out-vertical:focus:before,
.hvr-shutter-out-vertical:hover:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.hvr-border-fade,
.hvr-hollow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0)
}

.hvr-border-fade {
    transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    transition-property: box-shadow;
    box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent
}

.hvr-hollow,
.hvr-trim:before {
    -webkit-transition-duration: .3s
}

.hvr-border-fade:active,
.hvr-border-fade:focus,
.hvr-border-fade:hover {
    box-shadow: inset 0 0 0 4px #2098d1, 0 0 1px transparent
}

.hvr-hollow {
    transform: perspective(1px) translateZ(0);
    transition-duration: .3s;
    -webkit-transition-property: background;
    transition-property: background;
    box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent
}

.hvr-ripple-out,
.hvr-trim {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0)
}

.hvr-hollow:active,
.hvr-hollow:focus,
.hvr-hollow:hover {
    background: 0 0
}

.hvr-trim {
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative
}

.hvr-trim:before {
    position: absolute;
    border: 4px solid #fff;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    opacity: 0;
    transition-duration: .3s;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.hvr-trim:active:before,
.hvr-trim:focus:before,
.hvr-trim:hover:before {
    opacity: 1
}

@-webkit-keyframes hvr-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0
    }
}

@keyframes hvr-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0
    }
}

.hvr-ripple-out {
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative
}

.hvr-outline-out,
.hvr-ripple-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent
}

.hvr-ripple-out:before {
    position: absolute;
    border: 6px solid #e1e1e1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.hvr-ripple-out:active:before,
.hvr-ripple-out:focus:before,
.hvr-ripple-out:hover:before {
    -webkit-animation-name: hvr-ripple-out;
    animation-name: hvr-ripple-out
}

@-webkit-keyframes hvr-ripple-in {
    100% {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 1
    }
}

@keyframes hvr-ripple-in {
    100% {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 1
    }
}

.hvr-outline-in:before,
.hvr-ripple-in:before {
    content: '';
    border: 4px solid #e1e1e1;
    opacity: 0
}

.hvr-ripple-in {
    transform: perspective(1px) translateZ(0);
    position: relative
}

.hvr-ripple-in:before {
    position: absolute;
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.hvr-ripple-in:active:before,
.hvr-ripple-in:focus:before,
.hvr-ripple-in:hover:before {
    -webkit-animation-name: hvr-ripple-in;
    animation-name: hvr-ripple-in
}

.hvr-outline-out {
    transform: perspective(1px) translateZ(0);
    position: relative
}

.hvr-outline-in,
.hvr-round-corners {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0)
}

.hvr-outline-out:before {
    content: '';
    position: absolute;
    border: 4px solid #e1e1e1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: top, right, bottom, left;
    transition-property: top, right, bottom, left
}

.hvr-outline-out:active:before,
.hvr-outline-out:focus:before,
.hvr-outline-out:hover:before {
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px
}

.hvr-outline-in {
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative
}

.hvr-outline-in:before {
    pointer-events: none;
    position: absolute;
    top: -16px;
    right: -16px;
    bottom: -16px;
    left: -16px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: top, right, bottom, left;
    transition-property: top, right, bottom, left
}

.hvr-underline-from-center:before,
.hvr-underline-from-left:before {
    content: "";
    z-index: -1;
    height: 4px;
    -webkit-transition-timing-function: ease-out
}

.hvr-outline-in:active:before,
.hvr-outline-in:focus:before,
.hvr-outline-in:hover:before {
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px;
    opacity: 1
}

.hvr-round-corners {
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: border-radius;
    transition-property: border-radius
}

.hvr-underline-from-center,
.hvr-underline-from-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    overflow: hidden
}

.hvr-round-corners:active,
.hvr-round-corners:focus,
.hvr-round-corners:hover {
    border-radius: 1em
}

.hvr-underline-from-left {
    transform: perspective(1px) translateZ(0);
    position: relative
}

.hvr-underline-from-left:before {
    position: absolute;
    left: 0;
    right: 100%;
    bottom: 0;
    background: #2098d1;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    transition-timing-function: ease-out
}

.hvr-underline-from-left:active:before,
.hvr-underline-from-left:focus:before,
.hvr-underline-from-left:hover:before {
    right: 0
}

.hvr-underline-from-center {
    transform: perspective(1px) translateZ(0);
    position: relative
}

.hvr-overline-from-left,
.hvr-underline-from-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0)
}

.hvr-underline-from-center:before {
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #ff4530;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    transition-timing-function: ease-out
}

.hvr-overline-from-left:before,
.hvr-underline-from-right:before {
    content: "";
    z-index: -1;
    -webkit-transition-timing-function: ease-out;
    background: #2098d1;
    height: 4px
}

.hvr-underline-from-center:active:before,
.hvr-underline-from-center:focus:before,
.hvr-underline-from-center:hover:before {
    left: 0;
    right: 0
}

.hvr-underline-from-right {
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden
}

.hvr-underline-from-right:before {
    position: absolute;
    left: 100%;
    right: 0;
    bottom: 0;
    -webkit-transition-property: left;
    transition-property: left;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    transition-timing-function: ease-out
}

.hvr-underline-from-right:active:before,
.hvr-underline-from-right:focus:before,
.hvr-underline-from-right:hover:before {
    left: 0
}

.hvr-overline-from-left {
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden
}

.hvr-overline-from-center,
.hvr-overline-from-right {
    -webkit-transform: perspective(1px) translateZ(0);
    display: inline-block;
    vertical-align: middle;
    box-shadow: 0 0 1px transparent;
    overflow: hidden
}

.hvr-overline-from-left:before {
    position: absolute;
    left: 0;
    right: 100%;
    top: 0;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    transition-timing-function: ease-out
}

.hvr-overline-from-center:before,
.hvr-overline-from-right:before {
    content: "";
    z-index: -1;
    -webkit-transition-timing-function: ease-out;
    top: 0
}

.hvr-overline-from-left:active:before,
.hvr-overline-from-left:focus:before,
.hvr-overline-from-left:hover:before {
    right: 0
}

.hvr-overline-from-center {
    transform: perspective(1px) translateZ(0);
    position: relative
}

.hvr-overline-from-center:before {
    position: absolute;
    left: 50%;
    right: 50%;
    background: #2098d1;
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    transition-timing-function: ease-out
}

.hvr-overline-from-right:before,
.hvr-underline-reveal:before {
    -webkit-transition-duration: .3s;
    background: #2098d1;
    height: 4px
}

.hvr-overline-from-center:active:before,
.hvr-overline-from-center:focus:before,
.hvr-overline-from-center:hover:before {
    left: 0;
    right: 0
}

.hvr-overline-from-right {
    transform: perspective(1px) translateZ(0);
    position: relative
}

.hvr-overline-from-right:before {
    position: absolute;
    left: 100%;
    right: 0;
    -webkit-transition-property: left;
    transition-property: left;
    transition-duration: .3s;
    transition-timing-function: ease-out
}

.hvr-reveal:before,
.hvr-underline-reveal:before {
    bottom: 0;
    -webkit-transition-timing-function: ease-out;
    content: "";
    left: 0;
    z-index: -1;
    right: 0
}

.hvr-overline-from-right:active:before,
.hvr-overline-from-right:focus:before,
.hvr-overline-from-right:hover:before {
    left: 0
}

.hvr-reveal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden
}

.hvr-reveal:before {
    position: absolute;
    top: 0;
    border-color: #2098d1;
    border-style: solid;
    border-width: 0;
    -webkit-transition-property: border-width;
    transition-property: border-width;
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    transition-timing-function: ease-out
}

.hvr-reveal:active:before,
.hvr-reveal:focus:before,
.hvr-reveal:hover:before {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    border-width: 4px
}

.hvr-underline-reveal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden
}

.hvr-underline-reveal:before {
    position: absolute;
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    -webkit-transition-property: transform;
    transition-property: transform;
    transition-duration: .3s;
    transition-timing-function: ease-out
}

.hvr-underline-reveal:active:before,
.hvr-underline-reveal:focus:before,
.hvr-underline-reveal:hover:before {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.hvr-overline-reveal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden
}

.hvr-overline-reveal:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-overline-reveal:active:before,
.hvr-overline-reveal:focus:before,
.hvr-overline-reveal:hover:before {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.hvr-glow,
.hvr-shadow {
    -webkit-transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: .3s;
    display: inline-block;
    vertical-align: middle
}

.hvr-glow {
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    transition-duration: .3s;
    transition-property: box-shadow
}

.hvr-box-shadow-outset,
.hvr-shadow {
    -webkit-transition-property: box-shadow
}

.hvr-glow:active,
.hvr-glow:focus,
.hvr-glow:hover {
    box-shadow: 0 0 8px rgba(0, 0, 0, .6)
}

.hvr-shadow {
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    transition-duration: .3s;
    transition-property: box-shadow
}

.hvr-shadow:active,
.hvr-shadow:focus,
.hvr-shadow:hover {
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .5)
}

.hvr-grow-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: box-shadow, transform;
    transition-property: box-shadow, transform
}

.hvr-grow-shadow:active,
.hvr-grow-shadow:focus,
.hvr-grow-shadow:hover {
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .5);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.hvr-box-shadow-inset,
.hvr-box-shadow-outset {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: .3s
}

.hvr-box-shadow-outset {
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    transition-duration: .3s;
    transition-property: box-shadow
}

.hvr-box-shadow-outset:active,
.hvr-box-shadow-outset:focus,
.hvr-box-shadow-outset:hover {
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .6)
}

.hvr-box-shadow-inset {
    transform: perspective(1px) translateZ(0);
    transition-duration: .3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    box-shadow: inset 0 0 0 rgba(0, 0, 0, .6), 0 0 1px transparent
}

.hvr-float-shadow,
.hvr-shadow-radial {
    -webkit-transform: perspective(1px) translateZ(0)
}

.hvr-box-shadow-inset:active,
.hvr-box-shadow-inset:focus,
.hvr-box-shadow-inset:hover {
    box-shadow: inset 2px 2px 2px rgba(0, 0, 0, .6), 0 0 1px transparent
}

.hvr-bubble-bottom,
.hvr-bubble-float-bottom,
.hvr-bubble-float-left,
.hvr-bubble-float-right,
.hvr-bubble-float-top,
.hvr-bubble-left,
.hvr-bubble-right,
.hvr-bubble-top,
.hvr-float-shadow,
.hvr-icon-back,
.hvr-icon-bob,
.hvr-icon-bounce,
.hvr-icon-down,
.hvr-icon-fade,
.hvr-icon-float,
.hvr-icon-float-away,
.hvr-icon-forward,
.hvr-icon-grow,
.hvr-icon-grow-rotate,
.hvr-icon-pop,
.hvr-icon-pulse,
.hvr-icon-pulse-grow,
.hvr-icon-pulse-shrink,
.hvr-icon-push,
.hvr-icon-rotate,
.hvr-icon-shrink,
.hvr-icon-sink,
.hvr-icon-sink-away,
.hvr-icon-spin,
.hvr-icon-up,
.hvr-shadow-radial {
    display: inline-block;
    vertical-align: middle;
    box-shadow: 0 0 1px transparent
}

.hvr-float-shadow {
    transform: perspective(1px) translateZ(0);
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-float-shadow:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, .35) 0, transparent 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, .35) 0, transparent 80%);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity
}

.hvr-float-shadow:active,
.hvr-float-shadow:focus,
.hvr-float-shadow:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.hvr-float-shadow:active:before,
.hvr-float-shadow:focus:before,
.hvr-float-shadow:hover:before {
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px)
}

.hvr-shadow-radial {
    transform: perspective(1px) translateZ(0);
    position: relative
}

.hvr-shadow-radial:after,
.hvr-shadow-radial:before {
    pointer-events: none;
    position: absolute;
    content: '';
    left: 0;
    width: 100%;
    box-sizing: border-box;
    background-repeat: no-repeat;
    height: 5px;
    opacity: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.hvr-bubble-right:before,
.hvr-bubble-top:before {
    pointer-events: none;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-property: transform
}

.hvr-shadow-radial:before {
    bottom: 100%;
    background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, .6) 0, transparent 80%);
    background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, .6) 0, transparent 80%)
}

.hvr-shadow-radial:after {
    top: 100%;
    background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, .6) 0, transparent 80%);
    background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, .6) 0, transparent 80%)
}

.hvr-shadow-radial:active:after,
.hvr-shadow-radial:active:before,
.hvr-shadow-radial:focus:after,
.hvr-shadow-radial:focus:before,
.hvr-shadow-radial:hover:after,
.hvr-shadow-radial:hover:before {
    opacity: 1
}

.hvr-bubble-top {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative
}

.hvr-bubble-top:before {
    position: absolute;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    transition-property: transform;
    left: calc(50% - 10px);
    top: 0;
    border-width: 0 10px 10px;
    border-color: transparent transparent #e1e1e1
}

.hvr-bubble-top:active:before,
.hvr-bubble-top:focus:before,
.hvr-bubble-top:hover:before {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.hvr-bubble-right {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative
}

.hvr-bubble-right:before {
    position: absolute;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    transition-property: transform;
    top: calc(50% - 10px);
    right: 0;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #e1e1e1
}

.hvr-bubble-bottom:before,
.hvr-bubble-left:before {
    border-style: solid;
    -webkit-transition-property: transform;
    z-index: -1;
    content: '';
    pointer-events: none
}

.hvr-bubble-right:active:before,
.hvr-bubble-right:focus:before,
.hvr-bubble-right:hover:before {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.hvr-bubble-bottom {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative
}

.hvr-bubble-bottom:before {
    position: absolute;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    transition-property: transform;
    left: calc(50% - 10px);
    bottom: 0;
    border-width: 10px 10px 0;
    border-color: #e1e1e1 transparent transparent
}

.hvr-bubble-bottom:active:before,
.hvr-bubble-bottom:focus:before,
.hvr-bubble-bottom:hover:before {
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.hvr-bubble-left {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative
}

.hvr-bubble-left:before {
    position: absolute;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    transition-property: transform;
    top: calc(50% - 10px);
    left: 0;
    border-width: 10px 10px 10px 0;
    border-color: transparent #e1e1e1 transparent transparent
}

.hvr-bubble-left:active:before,
.hvr-bubble-left:focus:before,
.hvr-bubble-left:hover:before {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.hvr-bubble-float-top {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-bubble-float-top:before {
    position: absolute;
    z-index: -1;
    content: '';
    left: calc(50% - 10px);
    top: 0;
    border-style: solid;
    border-width: 0 10px 10px;
    border-color: transparent transparent #e1e1e1;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-bubble-float-left:before,
.hvr-bubble-float-right:before {
    z-index: -1;
    top: calc(50% - 10px);
    border-style: solid;
    content: ''
}

.hvr-bubble-float-top:active,
.hvr-bubble-float-top:focus,
.hvr-bubble-float-top:hover {
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.hvr-bubble-float-top:active:before,
.hvr-bubble-float-top:focus:before,
.hvr-bubble-float-top:hover:before {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.hvr-bubble-float-right {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-bubble-float-right:before {
    position: absolute;
    right: 0;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #e1e1e1;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-bubble-float-right:active,
.hvr-bubble-float-right:focus,
.hvr-bubble-float-right:hover {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.hvr-bubble-float-right:active:before,
.hvr-bubble-float-right:focus:before,
.hvr-bubble-float-right:hover:before {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.hvr-bubble-float-bottom {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-bubble-float-bottom:before {
    position: absolute;
    z-index: -1;
    content: '';
    left: calc(50% - 10px);
    bottom: 0;
    border-style: solid;
    border-width: 10px 10px 0;
    border-color: #e1e1e1 transparent transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-bubble-float-bottom:active,
.hvr-bubble-float-bottom:focus,
.hvr-bubble-float-bottom:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.hvr-bubble-float-bottom:active:before,
.hvr-bubble-float-bottom:focus:before,
.hvr-bubble-float-bottom:hover:before {
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.hvr-bubble-float-left {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-bubble-float-left:before {
    position: absolute;
    left: 0;
    border-width: 10px 10px 10px 0;
    border-color: transparent #e1e1e1 transparent transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-icon-back:before,
.hvr-icon-forward:before {
    font-family: FontAwesome;
    -webkit-transition-property: transform
}

.hvr-bubble-float-left:active,
.hvr-bubble-float-left:focus,
.hvr-bubble-float-left:hover {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.hvr-bubble-float-left:active:before,
.hvr-bubble-float-left:focus:before,
.hvr-bubble-float-left:hover:before {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.hvr-icon-back {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    padding-left: 2.2em;
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}

.hvr-icon-back:before {
    content: "\f137";
    position: absolute;
    left: 1em;
    padding: 0 1px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-back:active:before,
.hvr-icon-back:focus:before,
.hvr-icon-back:hover:before {
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px)
}

.hvr-icon-forward {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}

.hvr-icon-forward:before {
    content: "\f138";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-grow:before,
.hvr-icon-spin:before {
    right: 1em;
    font-family: FontAwesome;
    -webkit-transition-property: transform
}

.hvr-icon-forward:active:before,
.hvr-icon-forward:focus:before,
.hvr-icon-forward:hover:before {
    -webkit-transform: translateX(4px);
    transform: translateX(4px)
}

@-webkit-keyframes hvr-icon-down {
    0%,
    100%,
    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    25%,
    75% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

@keyframes hvr-icon-down {
    0%,
    100%,
    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    25%,
    75% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

.hvr-icon-down {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-down:before {
    content: "\f01a";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-down:active:before,
.hvr-icon-down:focus:before,
.hvr-icon-down:hover:before {
    -webkit-animation-name: hvr-icon-down;
    animation-name: hvr-icon-down;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes hvr-icon-up {
    0%,
    100%,
    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    25%,
    75% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

@keyframes hvr-icon-up {
    0%,
    100%,
    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    25%,
    75% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

.hvr-icon-up {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-up:before {
    content: "\f01b";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-up:active:before,
.hvr-icon-up:focus:before,
.hvr-icon-up:hover:before {
    -webkit-animation-name: hvr-icon-up;
    animation-name: hvr-icon-up;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.hvr-icon-spin {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-spin:before {
    content: "\f021";
    position: absolute;
    padding: 0 1px;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    transition-property: transform;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

.hvr-icon-spin:active:before,
.hvr-icon-spin:focus:before,
.hvr-icon-spin:hover:before {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
}

@-webkit-keyframes hvr-icon-drop {
    0% {
        opacity: 0
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    100%,
    51% {
        opacity: 1
    }
}

@keyframes hvr-icon-drop {
    0% {
        opacity: 0
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    100%,
    51% {
        opacity: 1
    }
}

.hvr-icon-drop {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-drop:before {
    content: "\f041";
    position: absolute;
    right: 1em;
    opacity: 1;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-drop:active:before,
.hvr-icon-drop:focus:before,
.hvr-icon-drop:hover:before {
    opacity: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-animation-name: hvr-icon-drop;
    animation-name: hvr-icon-drop;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: cubic-bezier(.52, 1.64, .37, .66);
    animation-timing-function: cubic-bezier(.52, 1.64, .37, .66)
}

.hvr-icon-fade {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-fade:before {
    content: "\f00c";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: color;
    transition-property: color
}

.hvr-icon-fade:active:before,
.hvr-icon-fade:focus:before,
.hvr-icon-fade:hover:before {
    color: #0f9e5e
}

@-webkit-keyframes hvr-icon-float-away {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-1em);
        transform: translateY(-1em)
    }
}

@keyframes hvr-icon-float-away {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-1em);
        transform: translateY(-1em)
    }
}

.hvr-icon-float-away {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-float-away:after,
.hvr-icon-float-away:before {
    content: "\f055";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome
}

.hvr-icon-float-away:after {
    opacity: 0;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.hvr-icon-float-away:active:after,
.hvr-icon-float-away:focus:after,
.hvr-icon-float-away:hover:after {
    -webkit-animation-name: hvr-icon-float-away;
    animation-name: hvr-icon-float-away;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes hvr-icon-sink-away {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(1em);
        transform: translateY(1em)
    }
}

@keyframes hvr-icon-sink-away {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(1em);
        transform: translateY(1em)
    }
}

.hvr-icon-sink-away {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-sink-away:after,
.hvr-icon-sink-away:before {
    content: "\f056";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-sink-away:after {
    opacity: 0;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.hvr-icon-sink-away:active:after,
.hvr-icon-sink-away:focus:after,
.hvr-icon-sink-away:hover:after {
    -webkit-animation-name: hvr-icon-sink-away;
    animation-name: hvr-icon-sink-away;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.hvr-icon-grow {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-grow:before {
    content: "\f118";
    position: absolute;
    padding: 0 1px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-pulse:before,
.hvr-icon-shrink:before {
    right: 1em;
    font-family: FontAwesome;
    -webkit-transition-timing-function: ease-out
}

.hvr-icon-grow:active:before,
.hvr-icon-grow:focus:before,
.hvr-icon-grow:hover:before {
    -webkit-transform: scale(1.3) translateZ(0);
    transform: scale(1.3) translateZ(0)
}

.hvr-icon-shrink {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-shrink:before {
    content: "\f119";
    position: absolute;
    padding: 0 1px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    transition-timing-function: ease-out
}

.hvr-icon-shrink:active:before,
.hvr-icon-shrink:focus:before,
.hvr-icon-shrink:hover:before {
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

@-webkit-keyframes hvr-icon-pulse {
    25% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    75% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

@keyframes hvr-icon-pulse {
    25% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    75% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

.hvr-icon-pulse {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-pulse:before {
    content: "\f015";
    position: absolute;
    padding: 0 1px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition-timing-function: ease-out
}

.hvr-icon-pulse-grow:before,
.hvr-icon-pulse-shrink:before {
    content: "\f015";
    right: 1em;
    font-family: FontAwesome;
    -webkit-transition-timing-function: ease-out
}

.hvr-icon-pulse:active:before,
.hvr-icon-pulse:focus:before,
.hvr-icon-pulse:hover:before {
    -webkit-animation-name: hvr-icon-pulse;
    animation-name: hvr-icon-pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes hvr-icon-pulse-grow {
    to {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
}

@keyframes hvr-icon-pulse-grow {
    to {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
}

.hvr-icon-pulse-grow {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-pulse-grow:before {
    position: absolute;
    padding: 0 1px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition-timing-function: ease-out
}

.hvr-icon-pulse-grow:active:before,
.hvr-icon-pulse-grow:focus:before,
.hvr-icon-pulse-grow:hover:before {
    -webkit-animation-name: hvr-icon-pulse-grow;
    animation-name: hvr-icon-pulse-grow;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

@-webkit-keyframes hvr-icon-pulse-shrink {
    to {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

@keyframes hvr-icon-pulse-shrink {
    to {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

.hvr-icon-pulse-shrink {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-pulse-shrink:before {
    position: absolute;
    padding: 0 1px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition-timing-function: ease-out
}

.hvr-icon-pop:before,
.hvr-icon-push:before {
    right: 1em;
    font-family: FontAwesome;
    -webkit-transition-property: transform;
    -webkit-transition-timing-function: ease-out
}

.hvr-icon-pulse-shrink:active:before,
.hvr-icon-pulse-shrink:focus:before,
.hvr-icon-pulse-shrink:hover:before {
    -webkit-animation-name: hvr-icon-pulse-shrink;
    animation-name: hvr-icon-pulse-shrink;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

@-webkit-keyframes hvr-icon-push {
    50% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
}

@keyframes hvr-icon-push {
    50% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
}

.hvr-icon-push {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-push:before {
    content: "\f006";
    position: absolute;
    padding: 0 1px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    transition-property: transform;
    transition-timing-function: ease-out
}

.hvr-icon-push:active:before,
.hvr-icon-push:focus:before,
.hvr-icon-push:hover:before {
    -webkit-animation-name: hvr-icon-push;
    animation-name: hvr-icon-push;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-icon-pop {
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

@keyframes hvr-icon-pop {
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

.hvr-icon-pop {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-pop:before {
    content: "\f005";
    position: absolute;
    padding: 0 1px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    transition-property: transform;
    transition-timing-function: ease-out
}

.hvr-icon-bounce:before,
.hvr-icon-rotate:before {
    right: 1em;
    font-family: FontAwesome;
    -webkit-transition-property: transform;
    -webkit-transition-timing-function: ease-out
}

.hvr-icon-pop:active:before,
.hvr-icon-pop:focus:before,
.hvr-icon-pop:hover:before {
    -webkit-animation-name: hvr-icon-pop;
    animation-name: hvr-icon-pop;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.hvr-icon-bounce {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-bounce:before {
    content: "\f087";
    position: absolute;
    padding: 0 1px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    transition-property: transform;
    transition-timing-function: ease-out
}

.hvr-icon-bounce:active:before,
.hvr-icon-bounce:focus:before,
.hvr-icon-bounce:hover:before {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition-timing-function: cubic-bezier(.47, 2.02, .31, -.36);
    transition-timing-function: cubic-bezier(.47, 2.02, .31, -.36)
}

.hvr-icon-rotate {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-rotate:before {
    content: "\f0c6";
    position: absolute;
    padding: 0 1px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    transition-property: transform;
    transition-timing-function: ease-out
}

.hvr-icon-float:before,
.hvr-icon-grow-rotate:before {
    -webkit-transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    right: 1em;
    font-family: FontAwesome
}

.hvr-icon-rotate:active:before,
.hvr-icon-rotate:focus:before,
.hvr-icon-rotate:hover:before {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg)
}

.hvr-icon-grow-rotate {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-grow-rotate:before {
    content: "\f095";
    position: absolute;
    padding: 0 1px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    transition-property: transform;
    transition-timing-function: ease-out
}

.hvr-icon-grow-rotate:active:before,
.hvr-icon-grow-rotate:focus:before,
.hvr-icon-grow-rotate:hover:before {
    -webkit-transform: scale(1.5) rotate(12deg);
    transform: scale(1.5) rotate(12deg)
}

.hvr-icon-float {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-float:before {
    content: "\f01b";
    position: absolute;
    padding: 0 1px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    transition-property: transform;
    transition-timing-function: ease-out
}

.hvr-icon-float:active:before,
.hvr-icon-float:focus:before,
.hvr-icon-float:hover:before {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px)
}

.hvr-icon-sink {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-sink:before {
    content: "\f01a";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-sink:active:before,
.hvr-icon-sink:focus:before,
.hvr-icon-sink:hover:before {
    -webkit-transform: translateY(4px);
    transform: translateY(4px)
}

@-webkit-keyframes hvr-icon-bob {
    0%,
    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
    50% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }
}

@keyframes hvr-icon-bob {
    0%,
    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
    50% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }
}

@-webkit-keyframes hvr-icon-bob-float {
    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

@keyframes hvr-icon-bob-float {
    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

.hvr-icon-bob {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-hang,
.hvr-icon-wobble-horizontal {
    display: inline-block;
    vertical-align: middle;
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .3s
}

.hvr-icon-bob:before {
    content: "\f077";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-bob:active:before,
.hvr-icon-bob:focus:before,
.hvr-icon-bob:hover:before {
    -webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob;
    animation-name: hvr-icon-bob-float, hvr-icon-bob;
    animation-duration: .3s, 1.5s;
    animation-delay: 0s, .3s;
    animation-timing-function: ease-out, ease-in-out;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-direction: normal, alternate
}

@-webkit-keyframes hvr-icon-hang {
    0%,
    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
    50% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px)
    }
}

@keyframes hvr-icon-hang {
    0%,
    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
    50% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px)
    }
}

@-webkit-keyframes hvr-icon-hang-sink {
    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

@keyframes hvr-icon-hang-sink {
    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

.hvr-icon-hang {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    padding-right: 2.2em;
    transition-duration: .3s
}

.hvr-icon-hang:before {
    content: "\f078";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-hang:active:before,
.hvr-icon-hang:focus:before,
.hvr-icon-hang:hover:before {
    -webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang;
    animation-name: hvr-icon-hang-sink, hvr-icon-hang;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate
}

@-webkit-keyframes hvr-icon-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px)
    }
    33.3% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }
    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }
    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }
    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes hvr-icon-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px)
    }
    33.3% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }
    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }
    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }
    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.hvr-icon-wobble-horizontal {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    padding-right: 2.2em;
    transition-duration: .3s
}

.hvr-icon-buzz,
.hvr-icon-wobble-vertical {
    display: inline-block;
    vertical-align: middle;
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .3s
}

.hvr-icon-wobble-horizontal:before {
    content: "\f061";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-wobble-horizontal:active:before,
.hvr-icon-wobble-horizontal:focus:before,
.hvr-icon-wobble-horizontal:hover:before {
    -webkit-animation-name: hvr-icon-wobble-horizontal;
    animation-name: hvr-icon-wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-icon-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
    33.3% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }
    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }
    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }
    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes hvr-icon-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
    33.3% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }
    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }
    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }
    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.hvr-icon-wobble-vertical {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    padding-right: 2.2em;
    transition-duration: .3s
}

.hvr-icon-wobble-vertical:before {
    content: "\f062";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-wobble-vertical:active:before,
.hvr-icon-wobble-vertical:focus:before,
.hvr-icon-wobble-vertical:hover:before {
    -webkit-animation-name: hvr-icon-wobble-vertical;
    animation-name: hvr-icon-wobble-vertical;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-icon-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }
    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
}

@keyframes hvr-icon-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }
    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
}

.hvr-icon-buzz {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    padding-right: 2.2em;
    transition-duration: .3s
}

.hvr-icon-buzz:before {
    content: "\f017";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-buzz:active:before,
.hvr-icon-buzz:focus:before,
.hvr-icon-buzz:hover:before {
    -webkit-animation-name: hvr-icon-buzz;
    animation-name: hvr-icon-buzz;
    -webkit-animation-duration: .15s;
    animation-duration: .15s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes hvr-icon-buzz-out {
    10%,
    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }
    20%,
    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
    50%,
    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }
    60%,
    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }
    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0)
    }
    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0)
    }
}

@keyframes hvr-icon-buzz-out {
    10%,
    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }
    20%,
    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
    50%,
    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }
    60%,
    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }
    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0)
    }
    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0)
    }
}

.hvr-curl-top-left,
.hvr-icon-buzz-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent
}

.hvr-icon-buzz-out {
    transform: perspective(1px) translateZ(0);
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-buzz-out:before {
    content: "\f023";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-buzz-out:active:before,
.hvr-icon-buzz-out:focus:before,
.hvr-icon-buzz-out:hover:before {
    -webkit-animation-name: hvr-icon-buzz-out;
    animation-name: hvr-icon-buzz-out;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.hvr-curl-top-left {
    transform: perspective(1px) translateZ(0);
    position: relative
}

.hvr-curl-bottom-right,
.hvr-curl-top-right {
    -webkit-transform: perspective(1px) translateZ(0);
    display: inline-block;
    vertical-align: middle
}

.hvr-curl-top-left:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    top: 0;
    left: 0;
    background: #fff;
    background: linear-gradient(135deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
    z-index: 1000;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .4);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: width, height;
    transition-property: width, height
}

.hvr-curl-bottom-right:before,
.hvr-curl-top-right:before {
    background: #fff;
    -webkit-transition-duration: .3s;
    -webkit-transition-property: width, height;
    content: '';
    right: 0;
    pointer-events: none
}

.hvr-curl-top-left:active:before,
.hvr-curl-top-left:focus:before,
.hvr-curl-top-left:hover:before {
    width: 25px;
    height: 25px
}

.hvr-curl-top-right {
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative
}

.hvr-curl-top-right:before {
    position: absolute;
    height: 0;
    width: 0;
    top: 0;
    background: linear-gradient(225deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
    box-shadow: -1px 1px 1px rgba(0, 0, 0, .4);
    transition-duration: .3s;
    transition-property: width, height
}

.hvr-curl-top-right:active:before,
.hvr-curl-top-right:focus:before,
.hvr-curl-top-right:hover:before {
    width: 25px;
    height: 25px
}

.hvr-curl-bottom-right {
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative
}

.hvr-curl-bottom-right:before {
    position: absolute;
    height: 0;
    width: 0;
    bottom: 0;
    background: linear-gradient(315deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
    box-shadow: -1px -1px 1px rgba(0, 0, 0, .4);
    transition-duration: .3s;
    transition-property: width, height
}

.hvr-curl-bottom-right:active:before,
.hvr-curl-bottom-right:focus:before,
.hvr-curl-bottom-right:hover:before {
    width: 25px;
    height: 25px
}

.hvr-curl-bottom-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative
}

.hvr-curl-bottom-left:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    background: linear-gradient(45deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
    box-shadow: 1px -1px 1px rgba(0, 0, 0, .4);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: width, height;
    transition-property: width, height
}

.tc-image-effect-circle::before,
.tc-image-effect-shine::before {
    content: "";
    display: block;
    z-index: 2
}

.hvr-curl-bottom-left:active:before,
.hvr-curl-bottom-left:focus:before,
.hvr-curl-bottom-left:hover:before {
    width: 25px;
    height: 25px
}

.tc-image-effect-circle {
    overflow: hidden;
    position: relative
}

.tc-image-effect-circle::before {
    background: rgba(255, 255, 255, .2);
    border-radius: 100%;
    height: 0;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 0
}

.tc-image-effect-circle:hover::before {
    animation: 1s ease 0 normal none 1 running circle
}

@keyframes circle {
    0%,
    40% {
        opacity: 1
    }
    100% {
        height: 500px;
        opacity: 0;
        width: 500px
    }
}

.tc-image-effect-shine {
    overflow: hidden;
    position: relative
}

.tc-image-effect-shine::before {
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%) rgba(0, 0, 0, 0);
    height: 100%;
    left: -75%;
    position: absolute;
    top: 0;
    transform: skewX(-25deg);
    width: 50%
}

.tc-image-effect-shine:hover::before {
    animation: 2s ease 0 normal none 2 running shine
}

@keyframes shine {
    100% {
        left: 125%
    }
}

.pac_btn {
    padding: 12px 0 5px
}

.hover-float:hover .price {
    box-shadow: 0 0 15px #c2c2c2;
    background: #c3c2c2!important
}

.nado_circ {
    left: 0;
    position: absolute;
    right: 0;
    top: -38px;
    display: none
}

.hover-float:hover .nado_circ {
    display: block
}

.pack_ribbon {
    left: -1px;
    position: fixed;
    top: 240px;
    z-index: 9;
    display: none
}

.chat_ribbon {
    right: 0;
    position: fixed;
    top: 80px;
    z-index: 9999!important
}

.chat_ribbon img {
    width: 40px;
    height: 40px;
    display: none
}

.cons_ribbon {
    right: -1px;
    position: fixed;
    top: 130px;
    z-index: 9
}

.top-info {
    display: block;
    overflow: hidden;
    color: #fff;
    padding: 8px 0 0;
    font-size: 13px
}

.top-info ul {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    right: -52px
}

.top-info li {
    float: left;
    margin-left: 10px;
    font-weight: 600;
    margin-right: 5px;
    color: #fff
}

.top-info li a {
    color: #fff
}

.top-info i {
    color: #eb2c33;
    font-size: 16px;
    margin-right: 5px
}

.top-info li img {
    vertical-align: middle;
    margin-top: -1%
}

.top-info li.social-icon i {
    font-size: 16px;
    color: #fff;
    margin-left: 10px;
    margin-right: 0;
    box-shadow: 0 0 4px #000
}

.top-info li.social-icon i:hover {
    color: #8c1b1e
}

#wrap {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden
}

.ball {
    pointer-events: none;
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: gray;
    animation: implode 1s ease-in-out;
    animation-fill-mode: both;
    opacity: .5
}

@keyframes implode {
    100% {
        transform: scale(0)
    }
}

.browse-industry-list ul li {
    color: #767984;
    float: left;
    padding-bottom: 8px;
    position: relative;
    width: 100%;
    padding-left: 12px
}

.browse-industry-list ul li::before {
    color: #ff2a00;
    content: "ï„‘";
    font: 6px/1 FontAwesome;
    left: 0;
    position: absolute;
    text-rendering: auto;
    top: 7px
}

.pak-top p,
.price-header p {
    text-align: left;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: line-through
}

h1.ind_ser {
    color: #444956;
    font-size: 41px;
    line-height: 67px;
    text-transform: uppercase
}

.input-group-addon i {
    width: 14px!important
}

.pack-identy {
    color: #444956;
    font-size: 56px
}

.tag_seller {
    position: absolute;
    right: 15px;
    top: 9px;
    z-index: 999
}

.modal-header h3 {
    font-size: 22px
}

.contact-us-one h4 {
    font-size: 28px
}

.navbar-pasific .navbar-nav>li i {
    position: absolute;
    right: 30px;
    top: 10px;
    font-size: 20px;
    padding: 0 24px;
    width: 26px;
    z-index: 999
}

.collapsible-p span {
    display: none
}

.collapsible-p .readmore-toggle {
    display: block;
    cursor: pointer
}

.fixedcta {
    position: fixed;
    z-index: 999;
    right: 0;
    top: 230px;
    display: none
}

.fixedcta img {
    border-radius: 3px
}

.floating {
    animation-name: floating;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out
}

@keyframes floating {
    65%,
    from,
    to {
        transform: translate(0, 0)
    }
}

.price-header {
    background: #f1efef!important;
    position: relative!important;
    border-bottom: 3px solid #ddd!important;
    padding-bottom: 11px!important;
    padding: 25px
}

.price.price-three {
    background: #fff!important;
    border-radius: 25px 0!important;
    overflow: hidden!important;
    border: 2px solid #e6e6e6
}

.color-light,
.color-white {
    margin: 0
}

.color-cutom {
    margin: 0;
    text-align: left;
    font-size: 26px;
    color: #ce3c3c;
    text-transform: uppercase
}

.price-header p {
    margin: 0;
    font-size: 16px;
    color: #c7c7c7!important
}

.pakg h2 {
    color: #ff4530;
    font-size: 34px;
    margin: 0
}

.pakg h5 {
    width: 50%;
    display: block;
    margin: 8px auto;
    font-size: 15px;
    color: #292828
}

.bounce {
    -moz-animation: bounce 3s infinite;
    -webkit-animation: bounce 3s infinite;
    animation: bounce 3s infinite
}

.pak-top {
    margin: 30px 30px 0
}

.pak-top p {
    margin: 0;
    font-size: 16px;
    color: #c7c7c7
}

.red-color {
    color: #cb2930!important
}

.purple-color {
    color: #3d004e!important
}

.green-color {
    color: #004f23!important
}

.orage-color {
    color: #ff4530!important
}

.color-red {
    color: #fd3635!important;
    font-size: 14px;
    font-weight: 600;padding-top:10px;
}

.bg-white h3 {
    font-size: 30px;
    line-height: 37px
}

.price.price-three:hover {
    border-radius: 1px 25px 0!important;
    transition-duration: .7s;
    border: 2px solid #ff4530
}

.cutom h1 {
    font-size: 36px;
    line-height: 55px
}

.brand-heading2 {
    margin-top: 150px!important
}

.bounce img {
    display: block;
    margin: 0 auto;
    float: none
}

.flex-div {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap
}

.m-r-l {
    margin: 0 6px
}

.pos-absolute {
    position: absolute
}

.pos-absolute-right {
    position: absolute;
    right: 0
}

.pos-absolute-left {
    position: absolute;
    left: 0
}

.pos-absolute-top {
    position: absolute;
    top: 0
}

.pos-absolute-bottom {
    position: absolute;
    bottom: 0
}

.alpha2 {
    opacity: .2!important
}

.alpha3 {
    opacity: .3!important
}

.alpha4 {
    opacity: .4!important
}

.alpha5 {
    opacity: .5!important
}

.alpha6 {
    opacity: .6!important
}

.alpha7 {
    opacity: .7!important
}

.alpha8 {
    opacity: .8!important
}

.alpha9 {
    opacity: .9!important
}

.alpha10 {
    opacity: 1!important
}

.rotate7 {
    -ms-transform: rotate(7deg);
    -webkit-transform: rotate(7deg);
    transform: rotate(7deg)
}

.bt-solid-1 {
    border-top: 1px solid #e9eaec
}

.bt-solid-1-dark {
    border-top: 1px solid #333
}

.bb-solid-1 {
    border-bottom: 1px solid #e9eaec
}

.bb-solid-1-red {
    border-bottom: 1px solid #fa5961
}

.bb-solid-1-dark {
    border-bottom: 1px solid #333
}

.bt-dotted-1 {
    border-top: 1px dotted #e9eaec
}

.bb-dotted-1 {
    border-bottom: 1px dotted #e9eaec
}

.bt-dashed-1 {
    border-top: 1px dashed #e9eaec
}

.bb-dashed-1 {
    border-bottom: 1px dashed #e9eaec
}

.bb-dashed-1-dark {
    border-bottom: 1px dashed #333
}

.bt-double-1 {
    border-top: 3px double #e9eaec
}

.bb-double-1 {
    border-bottom: 3px double #e9eaec
}

.no-border {
    border: 0!important
}

.color-red {
    color: #fd3635!important
}

.color-pink {
    color: #fd40b3!important
}

.color-orange {
    color: #ff4530!important
}

.color-purple {
    color: #a85ad4!important
}

.color-blue {
    color: #3dace1!important
}

.color-cyan {
    color: #1abc9c!important
}

.color-green {
    color: #b2cc71!important
}

.color-yellow {
    color: #ffc501!important
}

.color-light,
.color-white {
    color: #fff!important
}

.color-gray {
    color: #f5f7f9!important
}

.color-gray2 {
    color: #e0e0e0!important
}

.color-dark {
    color: #5f6467!important
}

.color-dark2 {
    color: #323a45!important
}

.color-black {
    color: #111!important
}

.color-primary {
    color: #337ab7!important
}

.color-success {
    color: #5cb85c!important
}

.color-info {
    color: #5bc0de!important
}

.color-warning {
    color: #f0ad4e!important
}

.color-danger {
    color: #d9534f!important
}

.bg-transparent {
    background: 0 0!important
}

.bg-light-transparent {
    background-color: rgba(255, 255, 255, .75)!important
}

.bg-dark-video {
    background-color: rgba(0, 0, 0, .8)!important
}

.bg-red {
    background-color: #fd3635!important
}

.bg-pink {
    background-color: #fd40b3!important
}

.bg-orange {
    background-color: #f25727!important
}

.bg-purple {
    background-color: #a85ad4!important
}

.bg-blue {
    background-color: #3dace1!important
}

.bg-cyan {
    background-color: #1abc9c!important
}

.bg-green {
    background-color: #b2cc71!important
}

.bg-yellow {
    background-color: #ffc501!important
}

.bg-dark {
    background-color: #5f6467!important
}

.bg-dark2 {
    background-color: #323a45!important
}

.bg-dark3 {
    background-color: #141c27!important
}

.bg-dark4 {
    background-color: #0b0f16!important
}

.bg-gray {
    background-color: #f5f7f9!important
}

.bg-gray2 {
    background-color: #e0e0e0!important
}

.bg-light,
.bg-white {
    background-color: #fff!important
}

.bg-black {
    background-color: #000!important
}

.bg-black-pat {
    background: url(../../img/bg/bg_bl.jpg)!important;
    background-size: cover
}

.bg-primary {
    background-color: #337ab7!important
}

.bg-success {
    background-color: #5cb85c!important
}

.bg-info {
    background-color: #5bc0de!important
}

.bg-warning {
    background-color: #f0ad4e!important
}

.bg-danger {
    background-color: #d9534f!important
}

.border-red {
    border-color: #fd3635!important
}

.border-pink {
    border-color: #fd40b3!important
}

.border-orange {
    border-color: #ff8b34!important
}

.border-purple {
    border-color: #a85ad4!important
}

.border-blue {
    border-color: #3dace1!important
}

.border-cyan {
    border-color: #1abc9c!important
}

.border-green {
    border-color: #b2cc71!important
}

.border-yellow {
    border-color: #ffc501!important
}

.border-dark {
    border-color: #5f6467!important
}

.border-dark2 {
    border-color: #323a45!important
}

.border-gray {
    border-color: #f5f7f9!important
}

.border-gray2 {
    border-color: #e0e0e0!important
}

.border-light {
    border-color: #fff!important
}

.border-black {
    border-color: #111!important
}

.border-white {
    border-color: #fff!important
}

.border-primary {
    border: 1px solid #337ab7
}

.border-success {
    border: 1px solid #5cb85c
}

.border-info {
    border: 1px solid #5bc0de
}

.border-warning {
    border: 1px solid #f0ad4e
}

.border-danger {
    border: 1px solid #d9534f
}

.bg-grad-blue {
    background: #041021;
    background: -webkit-linear-gradient(-15deg, #041021, #275d86, #4c8ab9);
    background: -o-linear-gradient(-15deg, #041021, #275d86, #4c8ab9);
    background: -moz-linear-gradient(-15deg, #041021, #275d86, #4c8ab9);
    background: linear-gradient(-15deg, #041021, #275d86, #4c8ab9)
}

.bg-grad-violet {
    background: #5f2c82;
    background: -webkit-linear-gradient(-45deg, #4776e6, #8e54e9);
    background: -o-linear-gradient(-45deg, #4776e6, #8e54e9);
    background: -moz-linear-gradient(-45deg, #4776e6, #8e54e9);
    background: linear-gradient(-45deg, #4776e6, #8e54e9)
}

.bg-grad-blood-mary {
    background: #ff512f;
    background: -webkit-linear-gradient(-45deg, #ff512f, #dd2476);
    background: -o-linear-gradient(-45deg, #ff512f, #dd2476);
    background: -moz-linear-gradient(-45deg, #ff512f, #dd2476);
    background: linear-gradient(-45deg, #ff512f, #dd2476)
}

.bg-grad-bora {
    background: #2bc0e4;
    background: -webkit-linear-gradient(45deg, #2bc0e4, #eaecc6);
    background: -o-linear-gradient(45deg, #2bc0e4, #eaecc6);
    background: -moz-linear-gradient(45deg, #2bc0e4, #eaecc6);
    background: linear-gradient(45deg, #2bc0e4, #eaecc6)
}

.bg-grad-mojito {
    background: #68e9b6;
    background: -webkit-linear-gradient(-125deg, #68e9b6, #4e75b9);
    background: -o-linear-gradient(-125deg, #68e9b6, #4e75b9);
    background: -moz-linear-gradient(-125deg, #68e9b6, #4e75b9);
    background: linear-gradient(-125deg, #68e9b6, #4e75b9)
}

.bg-grad-orange {
    background: #ffb75e;
    background: -webkit-linear-gradient(-45deg, #ffb75e, #ed8f03);
    background: -o-linear-gradient(-45deg, #ffb75e, #ed8f03);
    background: -moz-linear-gradient(-45deg, #ffb75e, #ed8f03);
    background: linear-gradient(-45deg, #ffb75e, #ed8f03)
}

.bg-grad-purple {
    background: #da22ff;
    background: -webkit-linear-gradient(-45deg, #da22ff, #9733ee);
    background: -o-linear-gradient(-45deg, #da22ff, #9733ee);
    background: -moz-linear-gradient(-45deg, #da22ff, #9733ee);
    background: linear-gradient(-45deg, #da22ff, #9733ee)
}

.bg-grad-stellar {
    background: #b94689;
    background: -webkit-linear-gradient(-45deg, #b94689, #ff4530);
    background: -o-linear-gradient(-45deg, #b94689, #ff4530);
    background: -moz-linear-gradient(-45deg, #b94689, #ff4530);
    background: linear-gradient(-45deg, #b94689, #ff4530)
}

.bg-grad-day-tripper {
    background: #f857a6;
    background: -webkit-linear-gradient(-45deg, #f857a6, #ff5858);
    background: -o-linear-gradient(-45deg, #f857a6, #ff5858);
    background: -moz-linear-gradient(-45deg, #f857a6, #ff5858);
    background: linear-gradient(-45deg, #f857a6, #ff5858)
}

.p0 {
    padding: 0
}

.p5 {
    padding: 5px
}

.p10 {
    padding: 10px
}

.p15 {
    padding: 15px
}

.p20 {
    padding: 20px
}

.p25 {
    padding: 25px
}

.p30 {
    padding: 30px
}

.p35 {
    padding: 35px
}

.p40 {
    padding: 40px
}

.p45 {
    padding: 45px
}

.p50 {
    padding: 50px
}

.p55 {
    padding: 55px
}

.p60 {
    padding: 60px
}

.p65 {
    padding: 65px
}

.p70 {
    padding: 70px
}

.p75 {
    padding: 75px
}

.p80 {
    padding: 80px
}

.p85 {
    padding: 85px
}

.p90 {
    padding: 90px
}

.p95 {
    padding: 95px
}

.p100 {
    padding: 100px
}

.pt0 {
    padding-top: 0
}

.pt5 {
    padding-top: 5px
}

.pt10 {
    padding-top: 10px
}

.pt15 {
    padding-top: 15px
}

.pt20 {
    padding-top: 20px
}

.pt25 {
    padding-top: 25px
}

.pt30 {
    padding-top: 30px
}

.pt35 {
    padding-top: 35px
}

.pt40 {
    padding-top: 40px
}

.pt45 {
    padding-top: 45px
}

.pt50 {
    padding-top: 50px
}

.pt55 {
    padding-top: 55px
}

.pt60 {
    padding-top: 60px
}

.pt65 {
    padding-top: 65px
}

.pt70 {
    padding-top: 70px
}

.pt75 {
    padding-top: 75px
}

.pt80 {
    padding-top: 80px
}

.pt85 {
    padding-top: 85px
}

.pt90 {
    padding-top: 90px
}

.pt95 {
    padding-top: 95px
}

.pt100 {
    padding-top: 100px
}

.pr0 {
    padding-right: 0
}

.pr5 {
    padding-right: 5px
}

.pr10 {
    padding-right: 10px
}

.pr15 {
    padding-right: 15px
}

.pr20 {
    padding-right: 20px
}

.pr25 {
    padding-right: 25px
}

.pr30 {
    padding-right: 30px
}

.pr35 {
    padding-right: 35px
}

.pr40 {
    padding-right: 40px
}

.pr45 {
    padding-right: 45px
}

.pr50 {
    padding-right: 50px
}

.pr55 {
    padding-right: 55px
}

.pr60 {
    padding-right: 60px
}

.pr65 {
    padding-right: 65px
}

.pr70 {
    padding-right: 70px
}

.pr75 {
    padding-right: 75px
}

.pr80 {
    padding-right: 80px
}

.pr85 {
    padding-right: 85px
}

.pr90 {
    padding-right: 90px
}

.pr95 {
    padding-right: 95px
}

.pr100 {
    padding-right: 100px
}

.pb0 {
    padding-bottom: 0
}

.pb5 {
    padding-bottom: 5px
}

.pb10 {
    padding-bottom: 10px
}

.pb15 {
    padding-bottom: 15px
}

.pb20 {
    padding-bottom: 20px
}

.pb25 {
    padding-bottom: 25px
}

.pb30 {
    padding-bottom: 30px
}

.pb35 {
    padding-bottom: 35px
}

.pb40 {
    padding-bottom: 40px
}

.pb45 {
    padding-bottom: 45px
}

.pb50 {
    padding-bottom: 50px
}

.pb55 {
    padding-bottom: 55px
}

.pb60 {
    padding-bottom: 60px
}

.pb65 {
    padding-bottom: 65px
}

.pb70 {
    padding-bottom: 70px
}

.pb75 {
    padding-bottom: 75px
}

.pb80 {
    padding-bottom: 80px
}

.pb85 {
    padding-bottom: 85px
}

.pb90 {
    padding-bottom: 90px
}

.pb95 {
    padding-bottom: 95px
}

.pb100 {
    padding-bottom: 100px
}

.pl0 {
    padding-left: 0
}

.pl5 {
    padding-left: 5px
}

.pl10 {
    padding-left: 10px
}

.pl15 {
    padding-left: 15px
}

.pl20 {
    padding-left: 20px
}

.pl25 {
    padding-left: 25px
}

.pl30 {
    padding-left: 30px
}

.pl35 {
    padding-left: 35px
}

.pl40 {
    padding-left: 40px
}

.pl45 {
    padding-left: 45px
}

.pl50 {
    padding-left: 50px
}

.pl55 {
    padding-left: 55px
}

.pl60 {
    padding-left: 60px
}

.pl65 {
    padding-left: 65px
}

.pl70 {
    padding-left: 70px
}

.pl75 {
    padding-left: 75px
}

.pl80 {
    padding-left: 80px
}

.pl85 {
    padding-left: 85px
}

.pl90 {
    padding-left: 90px
}

.pl95 {
    padding-left: 95px
}

.pl100 {
    padding-left: 100px
}

.m0 {
    margin: 0
}

.m5 {
    margin: 5px
}

.m10 {
    margin: 10px
}

.m15 {
    margin: 15px
}

.m20 {
    margin: 20px
}

.m25 {
    margin: 25px
}

.m30 {
    margin: 30px
}

.m35 {
    margin: 35px
}

.m40 {
    margin: 40px
}

.m45 {
    margin: 45px
}

.m50 {
    margin: 50px
}

.m55 {
    margin: 55px
}

.m60 {
    margin: 60px
}

.m65 {
    margin: 65px
}

.m70 {
    margin: 70px
}

.m75 {
    margin: 75px
}

.m80 {
    margin: 80px
}

.m85 {
    margin: 85px
}

.m90 {
    margin: 90px
}

.m95 {
    margin: 95px
}

.m100 {
    margin: 100px
}

.mt0 {
    margin-top: 0
}

.mt5 {
    margin-top: 5px
}

.mt10 {
    margin-top: 10px
}

.mt15 {
    margin-top: 15px
}

.mt20 {
    margin-top: 20px
}

.mt25 {
    margin-top: 25px
}

.mt30 {
    margin-top: 30px
}

.mt35 {
    margin-top: 35px
}

.mt40 {
    margin-top: 40px
}

.mt45 {
    margin-top: 45px
}

.mt50 {
    margin-top: 50px
}

.mt55 {
    margin-top: 55px
}

.mt60 {
    margin-top: 60px
}

.mt65 {
    margin-top: 65px
}

.mt70 {
    margin-top: 70px
}

.mt75 {
    margin-top: 75px
}

.mt80 {
    margin-top: 80px
}

.mt85 {
    margin-top: 85px
}

.mt90 {
    margin-top: 90px
}

.mt95 {
    margin-top: 95px
}

.mt100 {
    margin-top: 100px
}

.mt110 {
    margin-top: 110px
}

.mt120 {
    margin-top: 120px
}

.mr0 {
    margin-right: 0
}

.mr5 {
    margin-right: 5px
}

.mr10 {
    margin-right: 10px
}

.mr15 {
    margin-right: 15px
}

.mr20 {
    margin-right: 20px
}

.mr25 {
    margin-right: 25px
}

.mr30 {
    margin-right: 30px
}

.mr35 {
    margin-right: 35px
}

.mr40 {
    margin-right: 40px
}

.mr45 {
    margin-right: 45px
}

.mr50 {
    margin-right: 50px
}

.mr55 {
    margin-right: 55px
}

.mr60 {
    margin-right: 60px
}

.mr65 {
    margin-right: 65px
}

.mr70 {
    margin-right: 70px
}

.mr75 {
    margin-right: 75px
}

.mr80 {
    margin-right: 80px
}

.mr85 {
    margin-right: 85px
}

.mr90 {
    margin-right: 90px
}

.mr95 {
    margin-right: 95px
}

.mr100 {
    margin-right: 100px
}

.mb0 {
    margin-bottom: 0
}

.mb5 {
    margin-bottom: 5px
}

.mb10 {
    margin-bottom: 10px
}

.mb15 {
    margin-bottom: 15px
}

.mb20 {
    margin-bottom: 20px
}

.mb25 {
    margin-bottom: 25px
}

.mb30 {
    margin-bottom: 30px
}

.mb35 {
    margin-bottom: 35px
}

.mb40 {
    margin-bottom: 40px
}

.mb45 {
    margin-bottom: 45px
}

.mb50 {
    margin-bottom: 50px
}

.mb55 {
    margin-bottom: 55px
}

.mb60 {
    margin-bottom: 60px
}

.mb65 {
    margin-bottom: 65px
}

.mb70 {
    margin-bottom: 70px
}

.mb75 {
    margin-bottom: 75px
}

.mb80 {
    margin-bottom: 80px
}

.mb85 {
    margin-bottom: 85px
}

.mb90 {
    margin-bottom: 90px
}

.mb95 {
    margin-bottom: 95px
}

.mb100 {
    margin-bottom: 100px
}

.ml0 {
    margin-left: 0
}

.ml5 {
    margin-left: 5px
}

.ml10 {
    margin-left: 10px
}

.ml15 {
    margin-left: 15px
}

.ml20 {
    margin-left: 20px
}

.ml25 {
    margin-left: 25px
}

.ml30 {
    margin-left: 30px
}

.ml35 {
    margin-left: 35px
}

.ml40 {
    margin-left: 40px
}

.ml45 {
    margin-left: 45px
}

.ml50 {
    margin-left: 50px
}

.ml55 {
    margin-left: 55px
}

.ml60 {
    margin-left: 60px
}

.ml65 {
    margin-left: 65px
}

.ml70 {
    margin-left: 70px
}

.ml75 {
    margin-left: 75px
}

.ml80 {
    margin-left: 80px
}

.ml85 {
    margin-left: 85px
}

.ml90 {
    margin-left: 90px
}

.ml95 {
    margin-left: 95px
}

.ml100 {
    margin-left: 100px
}

.mt-5 {
    margin-top: -5px
}

.mt-10 {
    margin-top: -10px
}

.mt-15 {
    margin-top: -15px
}

.mt-20 {
    margin-top: -20px
}

.mt-25 {
    margin-top: -25px
}

.mt-30 {
    margin-top: -30px
}

.mt-35 {
    margin-top: -35px
}

.mt-40 {
    margin-top: -40px
}

.mt-45 {
    margin-top: -45px
}

.mt-50 {
    margin-top: -50px
}

.mt-55 {
    margin-top: -55px
}

.mt-60 {
    margin-top: -60px
}

.mt-65 {
    margin-top: -65px
}

.mt-70 {
    margin-top: -70px
}

.mt-75 {
    margin-top: -75px
}

.mt-80 {
    margin-top: -80px
}

.mt-85 {
    margin-top: -85px
}

.mt-90 {
    margin-top: -90px
}

.mt-95 {
    margin-top: -95px
}

.mt-100 {
    margin-top: -100px
}

.mt-110 {
    margin-top: -110px
}

.mt-120 {
    margin-top: -120px
}

.mt-130 {
    margin-top: -130px
}

.mt-140 {
    margin-top: -140px
}

.mt-150 {
    margin-top: -150px
}

.ml-5 {
    margin-left: -5px
}

.ml-10 {
    margin-left: -10px
}

.ml-15 {
    margin-left: -15px
}

.ml-20 {
    margin-left: -20px
}

.ml-25 {
    margin-left: -25px
}

.ml-30 {
    margin-left: -30px
}

.ml-35 {
    margin-left: -35px
}

.ml-40 {
    margin-left: -40px
}

.ml-45 {
    margin-left: -45px
}

.ml-50 {
    margin-left: -50px
}

.ml-55 {
    margin-left: -55px
}

.ml-60 {
    margin-left: -60px
}

.ml-65 {
    margin-left: -65px
}

.ml-70 {
    margin-left: -70px
}

.ml-75 {
    margin-left: -75px
}

.ml-80 {
    margin-left: -80px
}

.ml-85 {
    margin-left: -85px
}

.ml-90 {
    margin-left: -90px
}

.ml-95 {
    margin-left: -95px
}

.ml-100 {
    margin-left: -100px
}

.ml-110 {
    margin-left: -110px
}

.ml-120 {
    margin-left: -120px
}

.ml-130 {
    margin-left: -130px
}

.ml-140 {
    margin-left: -140px
}

.ml-150 {
    margin-left: -150px
}

.mb-5 {
    margin-bottom: -5px
}

.mb-10 {
    margin-bottom: -10px
}

.mb-15 {
    margin-bottom: -15px
}

.mb-20 {
    margin-bottom: -20px
}

.mb-25 {
    margin-bottom: -25px
}

.mb-30 {
    margin-bottom: -30px
}

.mb-35 {
    margin-bottom: -35px
}

.mb-40 {
    margin-bottom: -40px
}

.mb-45 {
    margin-bottom: -45px
}

.mb-50 {
    margin-bottom: -50px
}

.mb-55 {
    margin-bottom: -55px
}

.mb-60 {
    margin-bottom: -60px
}

.mb-65 {
    margin-bottom: -65px
}

.mb-70 {
    margin-bottom: -70px
}

.mb-75 {
    margin-bottom: -75px
}

.mb-80 {
    margin-bottom: -80px
}

.mb-85 {
    margin-bottom: -85px
}

.mb-90 {
    margin-bottom: -90px
}

.mb-95 {
    margin-bottom: -95px
}

.mb-100 {
    margin-bottom: -100px
}

.mb-110 {
    margin-bottom: -110px
}

.mb-120 {
    margin-bottom: -120px
}

.mb-130 {
    margin-bottom: -130px
}

.mb-140 {
    margin-bottom: -140px
}

.mb-150 {
    margin-bottom: -150px
}

.hover-grow,
.hover-shrink {
    display: inline-block;
    vertical-align: middle;
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden
}

.hover-grow {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hover-rotate,
.hover-shrink {
    -webkit-transition-duration: .3s;
    -webkit-transition-property: transform
}

.hover-grow:active,
.hover-grow:focus,
.hover-grow:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.hover-shrink {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    transition-duration: .3s;
    transition-property: transform
}

.hover-pulse,
.hover-pulse-grow {
    display: inline-block;
    vertical-align: middle;
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hover-shrink:active,
.hover-shrink:focus,
.hover-shrink:hover {
    -webkit-transform: scale(.9);
    transform: scale(.9)
}

@-webkit-keyframes hover-pulse {
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    75% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

@keyframes hover-pulse {
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    75% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

.hover-pulse {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden
}

.hover-pulse:active,
.hover-pulse:focus,
.hover-pulse:hover {
    -webkit-animation-name: hover-pulse;
    animation-name: hover-pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes hover-pulse-grow {
    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@keyframes hover-pulse-grow {
    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.hover-pulse-grow {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden
}

.hover-pulse-shrink,
.hover-push {
    display: inline-block;
    vertical-align: middle;
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden
}

.hover-pulse-grow:active,
.hover-pulse-grow:focus,
.hover-pulse-grow:hover {
    -webkit-animation-name: hover-pulse-grow;
    animation-name: hover-pulse-grow;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

@-webkit-keyframes hover-pulse-shrink {
    to {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

@keyframes hover-pulse-shrink {
    to {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

.hover-pulse-shrink {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hover-pulse-shrink:active,
.hover-pulse-shrink:focus,
.hover-pulse-shrink:hover {
    -webkit-animation-name: hover-pulse-shrink;
    animation-name: hover-pulse-shrink;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

@-webkit-keyframes hover-push {
    50% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes hover-push {
    50% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.hover-pop,
.hover-push {
    -webkit-transform: translateZ(0);
    -moz-osx-font-smoothing: grayscale
}

.hover-push {
    transform: translateZ(0);
    backface-visibility: hidden
}

.hover-bounce-in,
.hover-pop {
    display: inline-block;
    vertical-align: middle;
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden
}

.hover-push:active,
.hover-push:focus,
.hover-push:hover {
    -webkit-animation-name: hover-push;
    animation-name: hover-push;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hover-pop {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@keyframes hover-pop {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

.hover-pop {
    transform: translateZ(0);
    backface-visibility: hidden
}

.hover-pop:active,
.hover-pop:focus,
.hover-pop:hover {
    -webkit-animation-name: hover-pop;
    animation-name: hover-pop;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.hover-bounce-in {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.hover-bounce-out,
.hover-rotate {
    display: inline-block;
    vertical-align: middle;
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hover-bounce-in:active,
.hover-bounce-in:focus,
.hover-bounce-in:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition-timing-function: cubic-bezier(.47, 2.02, .31, -.36);
    transition-timing-function: cubic-bezier(.47, 2.02, .31, -.36)
}

.hover-bounce-out {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.hover-bounce-out:active,
.hover-bounce-out:focus,
.hover-bounce-out:hover {
    -webkit-transform: scale(.8);
    transform: scale(.8);
    -webkit-transition-timing-function: cubic-bezier(.47, 2.02, .31, -.36);
    transition-timing-function: cubic-bezier(.47, 2.02, .31, -.36)
}

.hover-float,
.hover-sink {
    -webkit-transition-timing-function: ease-out
}

.hover-rotate {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    transition-duration: .3s;
    transition-property: transform
}

.hover-float,
.hover-grow-rotate {
    -webkit-backface-visibility: hidden;
    -webkit-transition-duration: .3s;
    -webkit-transition-property: transform;
    display: inline-block;
    vertical-align: middle;
    box-shadow: 0 0 1px transparent;
    -moz-osx-font-smoothing: grayscale
}

.hover-rotate:active,
.hover-rotate:focus,
.hover-rotate:hover {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg)
}

.hover-grow-rotate {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    transition-duration: .3s;
    transition-property: transform
}

.hover-grow-rotate:active,
.hover-grow-rotate:focus,
.hover-grow-rotate:hover {
    -webkit-transform: scale(1.1) rotate(4deg);
    transform: scale(1.1) rotate(4deg)
}

.hover-float {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    transition-duration: .3s;
    transition-property: transform;
    transition-timing-function: ease-out
}

.hover-float:active,
.hover-float:focus,
.hover-float:hover {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px)
}

.hover-sink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    transition-timing-function: ease-out
}

.hover-sweep-to-left:before,
.hover-sweep-to-right:before {
    content: "";
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition-timing-function: ease-out
}

.hover-sink:active,
.hover-sink:focus,
.hover-sink:hover {
    -webkit-transform: translateY(8px);
    transform: translateY(8px)
}

@-webkit-keyframes hover-bob {
    0%,
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
    50% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }
}

@keyframes hover-bob {
    0%,
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
    50% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }
}

@-webkit-keyframes hover-bob-float {
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}

@keyframes hover-bob-float {
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}

.hover-bob,
.hover-hang {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden
}

.hover-bob {
    transform: translateZ(0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hover-bob:active,
.hover-bob:focus,
.hover-bob:hover {
    -webkit-animation-name: hover-bob-float, hover-bob;
    animation-name: hover-bob-float, hover-bob;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate
}

.hover-hang:active,
.hover-hang:focus,
.hover-hang:hover,
.hover-icon-bob:active i,
.hover-icon-bob:focus i,
.hover-icon-bob:hover i {
    -webkit-animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    -webkit-animation-direction: normal, alternate
}

@-webkit-keyframes hover-hang {
    0%,
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
    50% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }
}

@keyframes hover-hang {
    0%,
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
    50% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }
}

@-webkit-keyframes hover-hang-sink {
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
}

@keyframes hover-hang-sink {
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
}

.hover-hang {
    transform: translateZ(0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hover-skew,
.hover-skew-forward {
    display: inline-block;
    vertical-align: middle;
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    -webkit-transition-duration: .3s;
    -webkit-transition-property: transform;
    -moz-osx-font-smoothing: grayscale
}

.hover-hang:active,
.hover-hang:focus,
.hover-hang:hover {
    -webkit-animation-name: hover-hang-sink, hover-hang;
    animation-name: hover-hang-sink, hover-hang;
    animation-duration: .3s, 1.5s;
    animation-delay: 0s, .3s;
    animation-timing-function: ease-out, ease-in-out;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-direction: normal, alternate
}

.hover-skew {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    transition-duration: .3s;
    transition-property: transform
}

.hover-skew:active,
.hover-skew:focus,
.hover-skew:hover {
    -webkit-transform: skew(-10deg);
    transform: skew(-10deg)
}

.hover-skew-forward {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    transition-duration: .3s;
    transition-property: transform;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.hover-skew-backward,
.hover-wobble-vertical {
    display: inline-block;
    vertical-align: middle;
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden
}

.hover-skew-forward:active,
.hover-skew-forward:focus,
.hover-skew-forward:hover {
    -webkit-transform: skew(-10deg);
    transform: skew(-10deg)
}

.hover-skew-backward {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.hover-skew-backward:active,
.hover-skew-backward:focus,
.hover-skew-backward:hover {
    -webkit-transform: skew(10deg);
    transform: skew(10deg)
}

@-webkit-keyframes hover-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
    33.3% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }
    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }
    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes hover-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
    33.3% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }
    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }
    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.hover-wobble-vertical {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hover-wobble-horizontal,
.hover-wobble-to-bottom-right {
    display: inline-block;
    vertical-align: middle;
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hover-wobble-vertical:active,
.hover-wobble-vertical:focus,
.hover-wobble-vertical:hover {
    -webkit-animation-name: hover-wobble-vertical;
    animation-name: hover-wobble-vertical;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hover-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }
    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px)
    }
    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }
    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }
    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes hover-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }
    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px)
    }
    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }
    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }
    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.hover-wobble-horizontal {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden
}

.hover-wobble-horizontal:active,
.hover-wobble-horizontal:focus,
.hover-wobble-horizontal:hover {
    -webkit-animation-name: hover-wobble-horizontal;
    animation-name: hover-wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hover-wobble-to-bottom-right {
    16.65% {
        -webkit-transform: translate(8px, 8px);
        transform: translate(8px, 8px)
    }
    33.3% {
        -webkit-transform: translate(-6px, -6px);
        transform: translate(-6px, -6px)
    }
    49.95% {
        -webkit-transform: translate(4px, 4px);
        transform: translate(4px, 4px)
    }
    66.6% {
        -webkit-transform: translate(-2px, -2px);
        transform: translate(-2px, -2px)
    }
    83.25% {
        -webkit-transform: translate(1px, 1px);
        transform: translate(1px, 1px)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes hover-wobble-to-bottom-right {
    16.65% {
        -webkit-transform: translate(8px, 8px);
        transform: translate(8px, 8px)
    }
    33.3% {
        -webkit-transform: translate(-6px, -6px);
        transform: translate(-6px, -6px)
    }
    49.95% {
        -webkit-transform: translate(4px, 4px);
        transform: translate(4px, 4px)
    }
    66.6% {
        -webkit-transform: translate(-2px, -2px);
        transform: translate(-2px, -2px)
    }
    83.25% {
        -webkit-transform: translate(1px, 1px);
        transform: translate(1px, 1px)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.hover-wobble-to-bottom-right {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden
}

.hover-wobble-to-top-right,
.hover-wobble-top {
    display: inline-block;
    vertical-align: middle;
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden
}

.hover-wobble-to-bottom-right:active,
.hover-wobble-to-bottom-right:focus,
.hover-wobble-to-bottom-right:hover {
    -webkit-animation-name: hover-wobble-to-bottom-right;
    animation-name: hover-wobble-to-bottom-right;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hover-wobble-to-top-right {
    16.65% {
        -webkit-transform: translate(8px, -8px);
        transform: translate(8px, -8px)
    }
    33.3% {
        -webkit-transform: translate(-6px, 6px);
        transform: translate(-6px, 6px)
    }
    49.95% {
        -webkit-transform: translate(4px, -4px);
        transform: translate(4px, -4px)
    }
    66.6% {
        -webkit-transform: translate(-2px, 2px);
        transform: translate(-2px, 2px)
    }
    83.25% {
        -webkit-transform: translate(1px, -1px);
        transform: translate(1px, -1px)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes hover-wobble-to-top-right {
    16.65% {
        -webkit-transform: translate(8px, -8px);
        transform: translate(8px, -8px)
    }
    33.3% {
        -webkit-transform: translate(-6px, 6px);
        transform: translate(-6px, 6px)
    }
    49.95% {
        -webkit-transform: translate(4px, -4px);
        transform: translate(4px, -4px)
    }
    66.6% {
        -webkit-transform: translate(-2px, 2px);
        transform: translate(-2px, 2px)
    }
    83.25% {
        -webkit-transform: translate(1px, -1px);
        transform: translate(1px, -1px)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.hover-wobble-to-top-right {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hover-wobble-to-top-right:active,
.hover-wobble-to-top-right:focus,
.hover-wobble-to-top-right:hover {
    -webkit-animation-name: hover-wobble-to-top-right;
    animation-name: hover-wobble-to-top-right;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hover-wobble-top {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg)
    }
    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg)
    }
    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg)
    }
    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg)
    }
    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg)
    }
    100% {
        -webkit-transform: skew(0);
        transform: skew(0)
    }
}

@keyframes hover-wobble-top {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg)
    }
    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg)
    }
    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg)
    }
    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg)
    }
    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg)
    }
    100% {
        -webkit-transform: skew(0);
        transform: skew(0)
    }
}

.hover-wobble-top {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.hover-wobble-bottom,
.hover-wobble-skew {
    display: inline-block;
    vertical-align: middle;
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hover-wobble-top:active,
.hover-wobble-top:focus,
.hover-wobble-top:hover {
    -webkit-animation-name: hover-wobble-top;
    animation-name: hover-wobble-top;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hover-wobble-bottom {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg)
    }
    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg)
    }
    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg)
    }
    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg)
    }
    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg)
    }
    100% {
        -webkit-transform: skew(0);
        transform: skew(0)
    }
}

@keyframes hover-wobble-bottom {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg)
    }
    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg)
    }
    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg)
    }
    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg)
    }
    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg)
    }
    100% {
        -webkit-transform: skew(0);
        transform: skew(0)
    }
}

.hover-wobble-bottom {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.hover-wobble-bottom:active,
.hover-wobble-bottom:focus,
.hover-wobble-bottom:hover {
    -webkit-animation-name: hover-wobble-bottom;
    animation-name: hover-wobble-bottom;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hover-wobble-skew {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg)
    }
    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg)
    }
    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg)
    }
    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg)
    }
    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg)
    }
    100% {
        -webkit-transform: skew(0);
        transform: skew(0)
    }
}

@keyframes hover-wobble-skew {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg)
    }
    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg)
    }
    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg)
    }
    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg)
    }
    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg)
    }
    100% {
        -webkit-transform: skew(0);
        transform: skew(0)
    }
}

.hover-wobble-skew {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden
}

.hover-buzz,
.hover-buzz-out {
    display: inline-block;
    vertical-align: middle;
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden
}

.hover-wobble-skew:active,
.hover-wobble-skew:focus,
.hover-wobble-skew:hover {
    -webkit-animation-name: hover-wobble-skew;
    animation-name: hover-wobble-skew;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hover-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }
    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
}

@keyframes hover-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }
    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
}

.hover-buzz {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hover-buzz:active,
.hover-buzz:focus,
.hover-buzz:hover {
    -webkit-animation-name: hover-buzz;
    animation-name: hover-buzz;
    -webkit-animation-duration: .15s;
    animation-duration: .15s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes hover-buzz-out {
    10%,
    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }
    20%,
    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
    50%,
    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }
    60%,
    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }
    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0)
    }
    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0)
    }
}

@keyframes hover-buzz-out {
    10%,
    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }
    20%,
    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
    50%,
    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }
    60%,
    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }
    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0)
    }
    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0)
    }
}

.hover-buzz-out,
.hover-fade {
    -webkit-transform: translateZ(0)
}

.hover-buzz-out {
    transform: translateZ(0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hover-fade,
.hover-sweep-to-right {
    display: inline-block;
    vertical-align: middle;
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    -webkit-transition-duration: .3s;
    -moz-osx-font-smoothing: grayscale
}

.hover-buzz-out:active,
.hover-buzz-out:focus,
.hover-buzz-out:hover {
    -webkit-animation-name: hover-buzz-out;
    animation-name: hover-buzz-out;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.hover-fade {
    transform: translateZ(0);
    backface-visibility: hidden;
    overflow: hidden;
    transition-duration: .3s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color
}

.hover-fade:active,
.hover-fade:focus,
.hover-fade:hover {
    color: #fff!important
}

.hover-bounce-to-bottom:active,
.hover-bounce-to-bottom:focus,
.hover-bounce-to-bottom:hover,
.hover-bounce-to-left:active,
.hover-bounce-to-left:focus,
.hover-bounce-to-left:hover,
.hover-bounce-to-right:active,
.hover-bounce-to-right:focus,
.hover-bounce-to-right:hover,
.hover-radial-out:active,
.hover-radial-out:focus,
.hover-radial-out:hover,
.hover-rectangle-in:active,
.hover-rectangle-in:focus,
.hover-rectangle-in:hover,
.hover-rectangle-out:active,
.hover-rectangle-out:focus,
.hover-rectangle-out:hover,
.hover-shutter-in-horizontal:active,
.hover-shutter-in-horizontal:focus,
.hover-shutter-in-horizontal:hover,
.hover-shutter-in-vertical:active,
.hover-shutter-in-vertical:focus,
.hover-shutter-in-vertical:hover,
.hover-shutter-out-horizontal:active,
.hover-shutter-out-horizontal:focus,
.hover-shutter-out-horizontal:hover,
.hover-shutter-out-vertical:active,
.hover-shutter-out-vertical:focus,
.hover-shutter-out-vertical:hover,
.hover-sweep-to-bottom:active,
.hover-sweep-to-bottom:focus,
.hover-sweep-to-bottom:hover,
.hover-sweep-to-left:active,
.hover-sweep-to-left:focus,
.hover-sweep-to-left:hover,
.hover-sweep-to-right:active,
.hover-sweep-to-right:focus,
.hover-sweep-to-right:hover,
.hover-sweep-to-top:active,
.hover-sweep-to-top:focus,
.hover-sweep-to-top:hover {
    color: #fff
}

.hover-sweep-to-right {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    transition-duration: .3s
}

.hover-sweep-to-bottom,
.hover-sweep-to-left {
    display: inline-block;
    vertical-align: middle;
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden
}

.hover-sweep-to-right:before {
    position: absolute;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    transition-timing-function: ease-out
}

.hover-sweep-to-right:active:before,
.hover-sweep-to-right:focus:before,
.hover-sweep-to-right:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.hover-sweep-to-left {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hover-sweep-to-left:before {
    position: absolute;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    transition-timing-function: ease-out
}

.hover-sweep-to-bottom:before,
.hover-sweep-to-top:before {
    -webkit-transition-timing-function: ease-out;
    content: "";
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.hover-sweep-to-left:active:before,
.hover-sweep-to-left:focus:before,
.hover-sweep-to-left:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.hover-sweep-to-bottom {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hover-bounce-to-right,
.hover-sweep-to-top {
    display: inline-block;
    vertical-align: middle;
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hover-sweep-to-bottom:before {
    position: absolute;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    transition-timing-function: ease-out
}

.hover-sweep-to-bottom:active:before,
.hover-sweep-to-bottom:focus:before,
.hover-sweep-to-bottom:hover:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.hover-sweep-to-top {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hover-sweep-to-top:before {
    position: absolute;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    transition-timing-function: ease-out
}

.hover-sweep-to-top:active:before,
.hover-sweep-to-top:focus:before,
.hover-sweep-to-top:hover:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.hover-bounce-to-right {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.hover-bounce-to-bottom,
.hover-bounce-to-left {
    display: inline-block;
    vertical-align: middle;
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden
}

.hover-bounce-to-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hover-bounce-to-right:active:before,
.hover-bounce-to-right:focus:before,
.hover-bounce-to-right:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
    transition-timing-function: cubic-bezier(.52, 1.64, .37, .66)
}

.hover-bounce-to-left {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.hover-bounce-to-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hover-bounce-to-left:active:before,
.hover-bounce-to-left:focus:before,
.hover-bounce-to-left:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
    transition-timing-function: cubic-bezier(.52, 1.64, .37, .66)
}

.hover-bounce-to-bottom {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.hover-bounce-to-top,
.hover-radial-out {
    display: inline-block;
    vertical-align: middle;
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hover-bounce-to-bottom:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hover-bounce-to-bottom:active:before,
.hover-bounce-to-bottom:focus:before,
.hover-bounce-to-bottom:hover:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
    transition-timing-function: cubic-bezier(.52, 1.64, .37, .66)
}

.hover-bounce-to-top:before,
.hover-radial-out:before {
    content: "";
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition-timing-function: ease-out
}

.hover-bounce-to-top {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.hover-bounce-to-top:before {
    position: absolute;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    transition-timing-function: ease-out
}

.hover-bounce-to-top:active,
.hover-bounce-to-top:focus,
.hover-bounce-to-top:hover {
    color: #fff
}

.hover-bounce-to-top:active:before,
.hover-bounce-to-top:focus:before,
.hover-bounce-to-top:hover:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
    transition-timing-function: cubic-bezier(.52, 1.64, .37, .66)
}

.hover-radial-out {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    position: relative;
    overflow: hidden;
    background: 0 0;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hover-radial-in,
.hover-rectangle-in {
    display: inline-block;
    vertical-align: middle;
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden
}

.hover-radial-out:before {
    position: absolute;
    border-radius: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    transition-timing-function: ease-out
}

.hover-radial-in:before,
.hover-rectangle-in:before {
    content: "";
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition-timing-function: ease-out
}

.hover-radial-out:active:before,
.hover-radial-out:focus:before,
.hover-radial-out:hover:before {
    -webkit-transform: scale(2);
    transform: scale(2)
}

.hover-radial-in {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hover-radial-in:before {
    position: absolute;
    border-radius: 100%;
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    transition-timing-function: ease-out
}

.hover-radial-in:active:before,
.hover-radial-in:focus:before,
.hover-radial-in:hover:before {
    -webkit-transform: scale(0);
    transform: scale(0)
}

.hover-rectangle-in {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #2098d1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hover-rectangle-out,
.hover-shutter-in-horizontal {
    display: inline-block;
    vertical-align: middle;
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hover-rectangle-in:before {
    position: absolute;
    background: #e1e1e1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    transition-timing-function: ease-out
}

.hover-rectangle-out:before,
.hover-shutter-in-horizontal:before {
    content: "";
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transition-timing-function: ease-out
}

.hover-rectangle-in:active:before,
.hover-rectangle-in:focus:before,
.hover-rectangle-in:hover:before {
    -webkit-transform: scale(0);
    transform: scale(0)
}

.hover-rectangle-out {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    position: relative;
    background: 0 0;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hover-rectangle-out:before {
    position: absolute;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    transition-timing-function: ease-out
}

.hover-rectangle-out:active:before,
.hover-rectangle-out:focus:before,
.hover-rectangle-out:hover:before {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.hover-shutter-in-horizontal {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    position: relative;
    background: #2098d1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hover-shutter-in-vertical,
.hover-shutter-out-horizontal {
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    display: inline-block;
    vertical-align: middle
}

.hover-shutter-in-horizontal:before {
    position: absolute;
    background: #e1e1e1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    transition-timing-function: ease-out
}

.hover-shutter-in-vertical:before,
.hover-shutter-out-horizontal:before {
    -webkit-transition-timing-function: ease-out;
    content: "";
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.hover-shutter-in-horizontal:active:before,
.hover-shutter-in-horizontal:focus:before,
.hover-shutter-in-horizontal:hover:before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.hover-shutter-out-horizontal {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: 0 0;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hover-shutter-out-horizontal:before {
    position: absolute;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    transition-timing-function: ease-out
}

.hover-shutter-out-horizontal:active:before,
.hover-shutter-out-horizontal:focus:before,
.hover-shutter-out-horizontal:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.hover-shutter-in-vertical {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #2098d1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hover-shutter-out-vertical,
.hover-trim {
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hover-shutter-in-vertical:before {
    position: absolute;
    background: #e1e1e1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    transition-timing-function: ease-out
}

.hover-shutter-in-vertical:active:before,
.hover-shutter-in-vertical:focus:before,
.hover-shutter-in-vertical:hover:before {
    -webkit-transform: scaleY(0);
    transform: scaleY(0)
}

.hover-shutter-out-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    position: relative;
    background: 0 0;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hover-shutter-out-vertical:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hover-shutter-out-vertical:active:before,
.hover-shutter-out-vertical:focus:before,
.hover-shutter-out-vertical:hover:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.hover-ripple-out,
.hover-trim {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0)
}

.hover-trim {
    transform: translateZ(0);
    backface-visibility: hidden;
    position: relative
}

.hover-ripple-in,
.hover-ripple-out {
    -webkit-backface-visibility: hidden
}

.hover-trim:before {
    content: '';
    position: absolute;
    border: 1px solid #fff;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    opacity: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.hover-ripple-in:before,
.hover-ripple-out:before {
    content: '';
    border-width: 1px;
    border-style: solid
}

.hover-trim:active:before,
.hover-trim:focus:before,
.hover-trim:hover:before {
    opacity: 1
}

@-webkit-keyframes hover-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0
    }
}

@keyframes hover-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0
    }
}

.hover-ripple-out {
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

.hover-ripple-in,
.hover-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -moz-osx-font-smoothing: grayscale
}

.hover-ripple-out:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.hover-ripple-out:active:before,
.hover-ripple-out:focus:before,
.hover-ripple-out:hover:before {
    -webkit-animation-name: hover-ripple-out;
    animation-name: hover-ripple-out
}

@-webkit-keyframes hover-ripple-in {
    100% {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 1
    }
}

@keyframes hover-ripple-in {
    100% {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 1
    }
}

.hover-ripple-in {
    transform: translateZ(0);
    backface-visibility: hidden;
    position: relative
}

.hover-ripple-in:before {
    position: absolute;
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.hover-ripple-in:active:before,
.hover-ripple-in:focus:before,
.hover-ripple-in:hover:before {
    -webkit-animation-name: hover-ripple-in;
    animation-name: hover-ripple-in
}

.hover-shadow {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow
}

.hover-shadow:active,
.hover-shadow:focus,
.hover-shadow:hover {
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .5)
}

.hover-icon-back i {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hover-icon-back:active i,
.hover-icon-back:focus i,
.hover-icon-back:hover i {
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px)
}

.hover-icon-forward i {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hover-icon-grow i,
.hover-icon-spin i {
    -webkit-transition-property: transform
}

.hover-icon-forward:active i,
.hover-icon-forward:focus i,
.hover-icon-forward:hover i {
    -webkit-transform: translateX(4px);
    transform: translateX(4px)
}

@-webkit-keyframes hover-icon-down {
    0%,
    100%,
    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    25%,
    75% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

@keyframes hover-icon-down {
    0%,
    100%,
    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    25%,
    75% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

.hover-icon-down i {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hover-icon-down:active i,
.hover-icon-down:focus i,
.hover-icon-down:hover i {
    -webkit-animation-name: hover-icon-down;
    animation-name: hover-icon-down;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes hover-icon-up {
    0%,
    100%,
    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    25%,
    75% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

@keyframes hover-icon-up {
    0%,
    100%,
    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    25%,
    75% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

.hover-icon-up i {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hover-icon-up:active i,
.hover-icon-up:focus i,
.hover-icon-up:hover i {
    -webkit-animation-name: hover-icon-up;
    animation-name: hover-icon-up;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.hover-icon-spin i {
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    transition-property: transform;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

.hover-icon-grow i,
.hover-icon-shrink i {
    -webkit-transition-timing-function: ease-out
}

.hover-icon-spin:active i,
.hover-icon-spin:focus i,
.hover-icon-spin:hover i {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
}

@-webkit-keyframes hover-icon-drop {
    0% {
        opacity: 0
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    100%,
    51% {
        opacity: 1
    }
}

@keyframes hover-icon-drop {
    0% {
        opacity: 0
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    100%,
    51% {
        opacity: 1
    }
}

.hover-icon-drop i {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hover-icon-drop:active i,
.hover-icon-drop:focus i,
.hover-icon-drop:hover i {
    opacity: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-animation-name: hover-icon-drop;
    animation-name: hover-icon-drop;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: cubic-bezier(.52, 1.64, .37, .66);
    animation-timing-function: cubic-bezier(.52, 1.64, .37, .66)
}

.hover-icon-grow i {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    transition-property: transform;
    transition-timing-function: ease-out
}

.hover-icon-grow:active i,
.hover-icon-grow:focus i,
.hover-icon-grow:hover i {
    -webkit-transform: scale(1.3) translateZ(0);
    transform: scale(1.3) translateZ(0)
}

.hover-icon-shrink i {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    transition-timing-function: ease-out
}

.hover-icon-shrink:active i,
.hover-icon-shrink:focus i,
.hover-icon-shrink:hover i {
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

@-webkit-keyframes hover-icon-pulse {
    25% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    75% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

@keyframes hover-icon-pulse {
    25% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    75% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

.hover-icon-pulse i {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hover-icon-pulse:active i,
.hover-icon-pulse:focus i,
.hover-icon-pulse:hover i {
    -webkit-animation-name: hover-icon-pulse;
    animation-name: hover-icon-pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes hover-icon-pulse-grow {
    to {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
}

@keyframes hover-icon-pulse-grow {
    to {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
}

.hover-icon-pulse-grow i {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hover-icon-pulse-grow:active i,
.hover-icon-pulse-grow:focus i,
.hover-icon-pulse-grow:hover i {
    -webkit-animation-name: hover-icon-pulse-grow;
    animation-name: hover-icon-pulse-grow;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

@-webkit-keyframes hover-icon-pulse-shrink {
    to {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

@keyframes hover-icon-pulse-shrink {
    to {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

.hover-icon-pulse-shrink i {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hover-icon-pulse-shrink:active i,
.hover-icon-pulse-shrink:focus i,
.hover-icon-pulse-shrink:hover i {
    -webkit-animation-name: hover-icon-pulse-shrink;
    animation-name: hover-icon-pulse-shrink;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

@-webkit-keyframes hover-icon-push {
    50% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
}

@keyframes hover-icon-push {
    50% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
}

.hover-icon-pop i,
.hover-icon-push i {
    -webkit-transform: translateZ(0);
    -webkit-transition-duration: .3s;
    -webkit-transition-property: transform;
    -webkit-transition-timing-function: ease-out
}

.hover-icon-push i {
    transform: translateZ(0);
    transition-duration: .3s;
    transition-property: transform;
    transition-timing-function: ease-out
}

.hover-icon-push:active i,
.hover-icon-push:focus i,
.hover-icon-push:hover i {
    -webkit-animation-name: hover-icon-push;
    animation-name: hover-icon-push;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hover-icon-pop {
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

@keyframes hover-icon-pop {
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

.hover-icon-pop i {
    transform: translateZ(0);
    transition-duration: .3s;
    transition-property: transform;
    transition-timing-function: ease-out
}

.hover-icon-bounce i,
.hover-icon-rotate i {
    -webkit-transition-duration: .3s;
    -webkit-transition-property: transform;
    -webkit-transition-timing-function: ease-out
}

.hover-icon-pop:active i,
.hover-icon-pop:focus i,
.hover-icon-pop:hover i {
    -webkit-animation-name: hover-icon-pop;
    animation-name: hover-icon-pop;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.hover-icon-bounce i {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition-duration: .3s;
    transition-property: transform;
    transition-timing-function: ease-out
}

.hover-icon-bounce:active i,
.hover-icon-bounce:focus i,
.hover-icon-bounce:hover i {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition-timing-function: cubic-bezier(.47, 2.02, .31, -.36);
    transition-timing-function: cubic-bezier(.47, 2.02, .31, -.36)
}

.hover-icon-rotate i {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition-duration: .3s;
    transition-property: transform;
    transition-timing-function: ease-out
}

.hover-icon-float i,
.hover-icon-grow-rotate i {
    -webkit-transition-duration: .3s;
    -webkit-transition-property: transform;
    -webkit-transition-timing-function: ease-out
}

.hover-icon-rotate:active i,
.hover-icon-rotate:focus i,
.hover-icon-rotate:hover i {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg)
}

.hover-icon-grow-rotate i {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition-duration: .3s;
    transition-property: transform;
    transition-timing-function: ease-out
}

.hover-icon-grow-rotate:active i,
.hover-icon-grow-rotate:focus i,
.hover-icon-grow-rotate:hover i {
    -webkit-transform: scale(1.5) rotate(12deg);
    transform: scale(1.5) rotate(12deg)
}

.hover-icon-float i {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition-duration: .3s;
    transition-property: transform;
    transition-timing-function: ease-out
}

.hover-icon-float:active i,
.hover-icon-float:focus i,
.hover-icon-float:hover i {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px)
}

.hover-icon-sink i {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hover-icon-sink:active i,
.hover-icon-sink:focus i,
.hover-icon-sink:hover i {
    -webkit-transform: translateY(4px);
    transform: translateY(4px)
}

@-webkit-keyframes hover-icon-bob {
    0%,
    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
    50% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }
}

@keyframes hover-icon-bob {
    0%,
    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
    50% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }
}

@-webkit-keyframes hover-icon-bob-float {
    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

@keyframes hover-icon-bob-float {
    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

.hover-icon-bob i {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hover-icon-bob:active i,
.hover-icon-bob:focus i,
.hover-icon-bob:hover i {
    -webkit-animation-name: hover-icon-bob-float, hover-icon-bob;
    animation-name: hover-icon-bob-float, hover-icon-bob;
    animation-duration: .3s, 1.5s;
    animation-delay: 0s, .3s;
    animation-timing-function: ease-out, ease-in-out;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-direction: normal, alternate
}

@-webkit-keyframes hover-icon-hang {
    0%,
    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
    50% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px)
    }
}

@keyframes hover-icon-hang {
    0%,
    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
    50% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px)
    }
}

@-webkit-keyframes hover-icon-hang-sink {
    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

@keyframes hover-icon-hang-sink {
    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

.hover-icon-hang i {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hover-icon-hang:active i,
.hover-icon-hang:focus i,
.hover-icon-hang:hover i {
    -webkit-animation-name: hover-icon-hang-sink, hover-icon-hang;
    animation-name: hover-icon-hang-sink, hover-icon-hang;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate
}

@-webkit-keyframes hover-icon-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px)
    }
    33.3% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }
    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }
    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }
    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes hover-icon-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px)
    }
    33.3% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }
    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }
    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }
    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.hover-icon-wobble-horizontal:active i,
.hover-icon-wobble-horizontal:focus i,
.hover-icon-wobble-horizontal:hover i {
    -webkit-animation-name: hover-icon-wobble-horizontal;
    animation-name: hover-icon-wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hover-icon-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
    33.3% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }
    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }
    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }
    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes hover-icon-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
    33.3% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }
    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }
    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }
    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.hover-icon-wobble-vertical i {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hover-icon-wobble-vertical:active i,
.hover-icon-wobble-vertical:focus i,
.hover-icon-wobble-vertical:hover i {
    -webkit-animation-name: hover-icon-wobble-vertical;
    animation-name: hover-icon-wobble-vertical;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hover-icon-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }
    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
}

@keyframes hover-icon-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }
    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
}

.hover-icon-buzz i {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hover-icon-buzz:active i,
.hover-icon-buzz:focus i,
.hover-icon-buzz:hover i {
    -webkit-animation-name: hover-icon-buzz;
    animation-name: hover-icon-buzz;
    -webkit-animation-duration: .15s;
    animation-duration: .15s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes hover-icon-buzz-out {
    10%,
    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }
    20%,
    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
    50%,
    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }
    60%,
    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }
    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0)
    }
    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0)
    }
}

@keyframes hover-icon-buzz-out {
    10%,
    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }
    20%,
    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
    50%,
    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }
    60%,
    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }
    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0)
    }
    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0)
    }
}

.hover-icon-buzz-out i {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hover-icon-buzz-out:active i,
.hover-icon-buzz-out:focus i,
.hover-icon-buzz-out:hover i {
    -webkit-animation-name: hover-icon-buzz-out;
    animation-name: hover-icon-buzz-out;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.button-rounded.hover-fade:hover,
.hover-fade:active,
.hover-fade:focus {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px
}

.button-rounded.hover-bounce-to-bottom:before,
.button-rounded.hover-bounce-to-left:before,
.button-rounded.hover-bounce-to-right:before,
.button-rounded.hover-bounce-to-top:before,
.button-rounded.hover-radial-out:before,
.button-rounded.hover-rectangle-out:before,
.button-rounded.hover-shutter-out-horizontal:before,
.button-rounded.hover-shutter-out-vertical:before,
.button-rounded.hover-sweep-to-bottom:before,
.button-rounded.hover-sweep-to-left:before,
.button-rounded.hover-sweep-to-right:before,
.button-rounded.hover-sweep-to-top:before {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.button-lg.button-rounded.hover-bounce-to-bottom:before,
.button-lg.button-rounded.hover-bounce-to-left:before,
.button-lg.button-rounded.hover-bounce-to-right:before,
.button-lg.button-rounded.hover-bounce-to-top:before,
.button-lg.button-rounded.hover-radial-out:before,
.button-lg.button-rounded.hover-rectangle-out:before,
.button-lg.button-rounded.hover-shutter-out-horizontal:before,
.button-lg.button-rounded.hover-shutter-out-vertical:before,
.button-lg.button-rounded.hover-sweep-to-bottom:before,
.button-lg.button-rounded.hover-sweep-to-left:before,
.button-lg.button-rounded.hover-sweep-to-right:before,
.button-lg.button-rounded.hover-sweep-to-top:before {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px
}

.button-circle.hover-bounce-to-bottom:before,
.button-circle.hover-bounce-to-left:before,
.button-circle.hover-bounce-to-right:before,
.button-circle.hover-bounce-to-top:before,
.button-circle.hover-fade:active,
.button-circle.hover-fade:focus,
.button-circle.hover-fade:hover,
.button-circle.hover-radial-out:before,
.button-circle.hover-rectangle-out:before,
.button-circle.hover-shutter-out-horizontal:before,
.button-circle.hover-shutter-out-vertical:before,
.button-circle.hover-sweep-to-bottom:before,
.button-circle.hover-sweep-to-left:before,
.button-circle.hover-sweep-to-right:before,
.button-circle.hover-sweep-to-top:before {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px
}

.button-red.hover-bounce-to-bottom:before,
.button-red.hover-bounce-to-left:before,
.button-red.hover-bounce-to-right:before,
.button-red.hover-bounce-to-top:before,
.button-red.hover-fade:active,
.button-red.hover-fade:focus,
.button-red.hover-fade:hover,
.button-red.hover-radial-out:before,
.button-red.hover-rectangle-out:before,
.button-red.hover-shutter-out-horizontal:before,
.button-red.hover-shutter-out-vertical:before,
.button-red.hover-sweep-to-bottom:before,
.button-red.hover-sweep-to-left:before,
.button-red.hover-sweep-to-right:before,
.button-red.hover-sweep-to-top:before {
    background-color: #fd3635!important
}

.button-pink.hover-bounce-to-bottom:before,
.button-pink.hover-bounce-to-left:before,
.button-pink.hover-bounce-to-right:before,
.button-pink.hover-bounce-to-top:before,
.button-pink.hover-fade:active,
.button-pink.hover-fade:focus,
.button-pink.hover-fade:hover,
.button-pink.hover-radial-out:before,
.button-pink.hover-rectangle-out:before,
.button-pink.hover-shutter-out-horizontal:before,
.button-pink.hover-shutter-out-vertical:before,
.button-pink.hover-sweep-to-bottom:before,
.button-pink.hover-sweep-to-left:before,
.button-pink.hover-sweep-to-right:before,
.button-pink.hover-sweep-to-top:before {
    background-color: #fd40b3!important
}

.button-orange.hover-bounce-to-bottom:before,
.button-orange.hover-bounce-to-left:before,
.button-orange.hover-bounce-to-right:before,
.button-orange.hover-bounce-to-top:before,
.button-orange.hover-fade:active,
.button-orange.hover-fade:focus,
.button-orange.hover-fade:hover,
.button-orange.hover-radial-out:before,
.button-orange.hover-rectangle-out:before,
.button-orange.hover-shutter-out-horizontal:before,
.button-orange.hover-shutter-out-vertical:before,
.button-orange.hover-sweep-to-bottom:before,
.button-orange.hover-sweep-to-left:before,
.button-orange.hover-sweep-to-right:before,
.button-orange.hover-sweep-to-top:before {
    background-color: #ff8b34!important
}

.button-purple.hover-bounce-to-bottom:before,
.button-purple.hover-bounce-to-left:before,
.button-purple.hover-bounce-to-right:before,
.button-purple.hover-bounce-to-top:before,
.button-purple.hover-fade:active,
.button-purple.hover-fade:focus,
.button-purple.hover-fade:hover,
.button-purple.hover-radial-out:before,
.button-purple.hover-rectangle-out:before,
.button-purple.hover-shutter-out-horizontal:before,
.button-purple.hover-shutter-out-vertical:before,
.button-purple.hover-sweep-to-bottom:before,
.button-purple.hover-sweep-to-left:before,
.button-purple.hover-sweep-to-right:before,
.button-purple.hover-sweep-to-top:before {
    background-color: #a85ad4!important
}

.button-blue.hover-bounce-to-bottom:before,
.button-blue.hover-bounce-to-left:before,
.button-blue.hover-bounce-to-right:before,
.button-blue.hover-bounce-to-top:before,
.button-blue.hover-fade:active,
.button-blue.hover-fade:focus,
.button-blue.hover-fade:hover,
.button-blue.hover-radial-out:before,
.button-blue.hover-rectangle-out:before,
.button-blue.hover-shutter-out-horizontal:before,
.button-blue.hover-shutter-out-vertical:before,
.button-blue.hover-sweep-to-bottom:before,
.button-blue.hover-sweep-to-left:before,
.button-blue.hover-sweep-to-right:before,
.button-blue.hover-sweep-to-top:before {
    background-color: #3dace1!important
}

.button-cyan.hover-bounce-to-bottom:before,
.button-cyan.hover-bounce-to-left:before,
.button-cyan.hover-bounce-to-right:before,
.button-cyan.hover-bounce-to-top:before,
.button-cyan.hover-fade:active,
.button-cyan.hover-fade:focus,
.button-cyan.hover-fade:hover,
.button-cyan.hover-radial-out:before,
.button-cyan.hover-rectangle-out:before,
.button-cyan.hover-shutter-out-horizontal:before,
.button-cyan.hover-shutter-out-vertical:before,
.button-cyan.hover-sweep-to-bottom:before,
.button-cyan.hover-sweep-to-left:before,
.button-cyan.hover-sweep-to-right:before,
.button-cyan.hover-sweep-to-top:before {
    background-color: #1abc9c!important
}

.button-green.hover-bounce-to-bottom:before,
.button-green.hover-bounce-to-left:before,
.button-green.hover-bounce-to-right:before,
.button-green.hover-bounce-to-top:before,
.button-green.hover-fade:active,
.button-green.hover-fade:focus,
.button-green.hover-fade:hover,
.button-green.hover-radial-out:before,
.button-green.hover-rectangle-out:before,
.button-green.hover-shutter-out-horizontal:before,
.button-green.hover-shutter-out-vertical:before,
.button-green.hover-sweep-to-bottom:before,
.button-green.hover-sweep-to-left:before,
.button-green.hover-sweep-to-right:before,
.button-green.hover-sweep-to-top:before {
    background-color: #008e93!important
}

.button-yellow.hover-bounce-to-bottom:before,
.button-yellow.hover-bounce-to-left:before,
.button-yellow.hover-bounce-to-right:before,
.button-yellow.hover-bounce-to-top:before,
.button-yellow.hover-fade:active,
.button-yellow.hover-fade:focus,
.button-yellow.hover-fade:hover,
.button-yellow.hover-radial-out:before,
.button-yellow.hover-rectangle-out:before,
.button-yellow.hover-shutter-out-horizontal:before,
.button-yellow.hover-shutter-out-vertical:before,
.button-yellow.hover-sweep-to-bottom:before,
.button-yellow.hover-sweep-to-left:before,
.button-yellow.hover-sweep-to-right:before,
.button-yellow.hover-sweep-to-top:before {
    background-color: #ffc501!important
}

.button-dark.hover-bounce-to-bottom:before,
.button-dark.hover-bounce-to-left:before,
.button-dark.hover-bounce-to-right:before,
.button-dark.hover-bounce-to-top:before,
.button-dark.hover-fade:active,
.button-dark.hover-fade:focus,
.button-dark.hover-fade:hover,
.button-dark.hover-radial-out:before,
.button-dark.hover-rectangle-out:before,
.button-dark.hover-shutter-out-horizontal:before,
.button-dark.hover-shutter-out-vertical:before,
.button-dark.hover-sweep-to-bottom:before,
.button-dark.hover-sweep-to-left:before,
.button-dark.hover-sweep-to-right:before,
.button-dark.hover-sweep-to-top:before {
    background-color: #5f6467!important
}

.button-black.hover-bounce-to-bottom:before,
.button-black.hover-bounce-to-left:before,
.button-black.hover-bounce-to-right:before,
.button-black.hover-bounce-to-top:before,
.button-black.hover-fade:hover,
.button-black.hover-radial-out:before,
.button-black.hover-rectangle-out:before,
.button-black.hover-shutter-out-horizontal:before,
.button-black.hover-shutter-out-vertical:before,
.button-black.hover-sweep-to-bottom:before,
.button-black.hover-sweep-to-left:before,
.button-black.hover-sweep-to-right:before,
.button-black.hover-sweep-to-top:before,
.button-dark.hover-fade:active,
.button-dark.hover-fade:focus {
    background-color: #000!important
}

.button-dark.hover-fade:active,
.button-dark.hover-fade:focus,
.button-white.hover-bounce-to-bottom:before,
.button-white.hover-bounce-to-left:before,
.button-white.hover-bounce-to-right:before,
.button-white.hover-bounce-to-top:before,
.button-white.hover-fade:hover,
.button-white.hover-radial-out:before,
.button-white.hover-rectangle-out:before,
.button-white.hover-shutter-out-horizontal:before,
.button-white.hover-shutter-out-vertical:before,
.button-white.hover-sweep-to-bottom:before,
.button-white.hover-sweep-to-left:before,
.button-white.hover-sweep-to-right:before,
.button-white.hover-sweep-to-top:before {
    background-color: #fff!important
}

.button-gray.hover-bounce-to-bottom:before,
.button-gray.hover-bounce-to-left:before,
.button-gray.hover-bounce-to-right:before,
.button-gray.hover-bounce-to-top:before,
.button-gray.hover-fade:active,
.button-gray.hover-fade:focus,
.button-gray.hover-fade:hover,
.button-gray.hover-radial-out:before,
.button-gray.hover-rectangle-out:before,
.button-gray.hover-shutter-out-horizontal:before,
.button-gray.hover-shutter-out-vertical:before,
.button-gray.hover-sweep-to-bottom:before,
.button-gray.hover-sweep-to-left:before,
.button-gray.hover-sweep-to-right:before,
.button-gray.hover-sweep-to-top:before {
    background-color: #e0e0e0!important
}

.button-primary.hover-bounce-to-bottom:before,
.button-primary.hover-bounce-to-left:before,
.button-primary.hover-bounce-to-right:before,
.button-primary.hover-bounce-to-top:before,
.button-primary.hover-fade:active,
.button-primary.hover-fade:focus,
.button-primary.hover-fade:hover,
.button-primary.hover-radial-out:before,
.button-primary.hover-rectangle-out:before,
.button-primary.hover-shutter-out-horizontal:before,
.button-primary.hover-shutter-out-vertical:before,
.button-primary.hover-sweep-to-bottom:before,
.button-primary.hover-sweep-to-left:before,
.button-primary.hover-sweep-to-right:before,
.button-primary.hover-sweep-to-top:before {
    background-color: #286090!important
}

.button-success.hover-bounce-to-bottom:before,
.button-success.hover-bounce-to-left:before,
.button-success.hover-bounce-to-right:before,
.button-success.hover-bounce-to-top:before,
.button-success.hover-fade:active,
.button-success.hover-fade:focus,
.button-success.hover-fade:hover,
.button-success.hover-radial-out:before,
.button-success.hover-rectangle-out:before,
.button-success.hover-shutter-out-horizontal:before,
.button-success.hover-shutter-out-vertical:before,
.button-success.hover-sweep-to-bottom:before,
.button-success.hover-sweep-to-left:before,
.button-success.hover-sweep-to-right:before,
.button-success.hover-sweep-to-top:before {
    background-color: #5cb85c!important
}

.button-info.hover-bounce-to-bottom:before,
.button-info.hover-bounce-to-left:before,
.button-info.hover-bounce-to-right:before,
.button-info.hover-bounce-to-top:before,
.button-info.hover-fade:active,
.button-info.hover-fade:focus,
.button-info.hover-fade:hover,
.button-info.hover-radial-out:before,
.button-info.hover-rectangle-out:before,
.button-info.hover-shutter-out-horizontal:before,
.button-info.hover-shutter-out-vertical:before,
.button-info.hover-sweep-to-bottom:before,
.button-info.hover-sweep-to-left:before,
.button-info.hover-sweep-to-right:before,
.button-info.hover-sweep-to-top:before {
    background-color: #5bc0de!important
}

.button-warning.hover-bounce-to-bottom:before,
.button-warning.hover-bounce-to-left:before,
.button-warning.hover-bounce-to-right:before,
.button-warning.hover-bounce-to-top:before,
.button-warning.hover-fade:active,
.button-warning.hover-fade:focus,
.button-warning.hover-fade:hover,
.button-warning.hover-radial-out:before,
.button-warning.hover-rectangle-out:before,
.button-warning.hover-shutter-out-horizontal:before,
.button-warning.hover-shutter-out-vertical:before,
.button-warning.hover-sweep-to-bottom:before,
.button-warning.hover-sweep-to-left:before,
.button-warning.hover-sweep-to-right:before,
.button-warning.hover-sweep-to-top:before {
    background-color: #ec971f!important
}

.button-danger.hover-bounce-to-bottom:before,
.button-danger.hover-bounce-to-left:before,
.button-danger.hover-bounce-to-right:before,
.button-danger.hover-bounce-to-top:before,
.button-danger.hover-fade:active,
.button-danger.hover-fade:focus,
.button-danger.hover-fade:hover,
.button-danger.hover-radial-out:before,
.button-danger.hover-rectangle-out:before,
.button-danger.hover-shutter-out-horizontal:before,
.button-danger.hover-shutter-out-vertical:before,
.button-danger.hover-sweep-to-bottom:before,
.button-danger.hover-sweep-to-left:before,
.button-danger.hover-sweep-to-right:before,
.button-danger.hover-sweep-to-top:before {
    background-color: #c9302c!important
}

.hover-trim:before {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.hover-trim.hover-trim-rounded:before {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.hover-trim.hover-trim-circle:before {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px
}

.button-xs.button-rounded.hover-ripple-out:before {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.button-sm.button-rounded.hover-ripple-out:before {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.button-md.button-rounded.hover-ripple-out:before {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px
}

.button-lg.button-rounded.hover-ripple-out:before {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.button-circle.hover-ripple-out:before {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px
}

.button-xs.button-rounded.hover-ripple-in:before {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.button-sm.button-rounded.hover-ripple-in:before {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.button-md.button-rounded.hover-ripple-in:before {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px
}

.button-lg.button-rounded.hover-ripple-in:before {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.button-circle.hover-ripple-in:before {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px
}

.button-red.hover-ripple-in:before,
.button-red.hover-ripple-out:before {
    border-color: #fd3635!important
}

.button-pink.hover-ripple-in:before,
.button-pink.hover-ripple-out:before {
    border-color: #fd40b3!important
}

.button-orange.hover-ripple-in:before,
.button-orange.hover-ripple-out:before {
    border-color: #f04b18!important
}

.button-purple.hover-ripple-in:before,
.button-purple.hover-ripple-out:before {
    border-color: #310a29!important
}

.button-blue.hover-ripple-in:before,
.button-blue.hover-ripple-out:before {
    border-color: #9c686a!important
}

.button-cyan.hover-ripple-in:before,
.button-cyan.hover-ripple-out:before {
    border-color: #1abc9c!important
}

.button-green.hover-ripple-in:before,
.button-green.hover-ripple-out:before {
    border-color: #e59487!important
}

.button-yellow.hover-ripple-in:before,
.button-yellow.hover-ripple-out:before {
    border-color: #64394d!important
}

.button-dark.hover-ripple-in:before,
.button-dark.hover-ripple-out:before {
    border-color: #5f6467!important
}

.button-black.hover-ripple-in:before,
.button-black.hover-ripple-out:before {
    border-color: #000!important
}

.button-gray.hover-ripple-in:before,
.button-gray.hover-ripple-out:before {
    border-color: #e0e0e0!important
}

.button-white.hover-ripple-in:before,
.button-white.hover-ripple-out:before {
    border-color: #fff!important
}

.button-primary.hover-ripple-in:before,
.button-primary.hover-ripple-out:before {
    border-color: #286090!important
}

.button-success.hover-ripple-in:before,
.button-success.hover-ripple-out:before {
    border-color: #5cb85c!important
}

.button-info.hover-ripple-in:before,
.button-info.hover-ripple-out:before {
    border-color: #5bc0de!important
}

.button-warning.hover-ripple-in:before,
.button-warning.hover-ripple-out:before {
    border-color: #ec971f!important
}

.button-danger.hover-ripple-in:before,
.button-danger.hover-ripple-out:before {
    border-color: #c9302c!important
}

::-moz-selection {
    background: #ff4530
}

::selection {
    background: #ff4530
}

#blog form.blog-form-search button,
#sidebar ul.tag li:hover,
.badge-pasific,
.bg-pasific,
.button-3d.button-pasific,
.button-pasific-o:hover,
.button-pasific.hover-back-pulse:active,
.button-pasific.hover-back-pulse:focus,
.button-pasific.hover-back-pulse:hover,
.button-pasific.hover-bounce-to-bottom:before,
.button-pasific.hover-bounce-to-left:before,
.button-pasific.hover-bounce-to-right:before,
.button-pasific.hover-bounce-to-top:before,
.button-pasific.hover-fade:active,
.button-pasific.hover-fade:focus,
.button-pasific.hover-fade:hover,
.button-pasific.hover-radial-out:before,
.button-pasific.hover-rectangle-out:before,
.button-pasific.hover-shutter-out-horizontal:before,
.button-pasific.hover-shutter-out-vertical:before,
.button-pasific.hover-sweep-to-bottom:before,
.button-pasific.hover-sweep-to-left:before,
.button-pasific.hover-sweep-to-right:before,
.button-pasific.hover-sweep-to-top:before,
.button.button-pasific,
.irs-from,
.irs-single,
.irs-to,
.mouse-icon .wheel,
.nav-pills-vertical li.active a,
.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover,
.navbar-pasific .navbar-toggle .icon-bar,
.price-three .price-badge,
a.add-to-cart:hover,
input[type=checkbox]:checked+label:before {
    background-color: #ff4530!important
}

#sidebar ul.tag li:hover,
.button-o.button-pasific,
.button-pasific-o,
.button-pasific-o:hover,
.button-pasific.hover-ripple-in:before,
.button-pasific.hover-ripple-out:before,
.copyright a:hover,
.heading-divider,
.heading-icon,
.heading-icon-o,
.hover-ripple-in:before,
.hover-ripple-out:before,
.nav-tabs-vertical li a:hover,
.nav-tabs-vertical li.active,
.nav-tabs-vertical li.active a,
.navbar-pasific .navbar-toggle,
.testimonial-triangle-isosceles-has-bg.bottom-center .testimonial-body.bg-pasific:after,
a.add-to-cart:hover,
blockquote,
blockquote.blockquote-pasific,
blockquote.blockquote-pasific-reverse,
blockquote.blockquote-reverse,
input[type=checkbox]:checked+label:before {
    border-color: #ff4530
}

#blog .blog-sidebar-popular-post-container a:hover,
#blog a:hover i.fa,
#blog nav ul li a:hover,
#blog nav ul li.active a,
#blog ul.pagination li a:hover,
#footer ul li a:hover,
#portfolio .portfolio-mask .portfolio-mask-attr span a:hover,
#portfolio .portfolio-mask p a,
#portfolio ul li a.active,
#portfolioGrid .portfolio .portfolio-item a span:hover,
#portfolioGrid ul li a.active,
#portfolioMasonry .portfolio-masonry-one-item .portfolio-mask a,
#portfolioMasonry ul li a.active,
#portfolioNoGutter ul li a.active,
#shop .shop-layout ul li.active a,
#shop ul.pagination li a:hover,
#shop ul.shop-sidebar li a:hover,
#shop ul.shop-sidebar li.active a,
.blog-attrib-container a:hover,
.blog-one .blog-one-attrib .blog-author-name,
.blog-one .blog-one-footer a:hover,
.blog-one .blog-one-footer i,
.blog-post-read-tag a:hover,
.box-content a:hover,
.button-o.button-pasific,
.color-pasific,
.copyright i.fa,
.feature-container-in:hover>div.feature-icon,
.header-search:hover,
.heading,
.heading-icon-o,
.modal-footer a:hover,
.nav-tabs-vertical li a:hover,
.nav-tabs-vertical li.active,
.nav-tabs-vertical li.active a,
.shop-control-next:hover,
.shop-control-prev:hover,
.shop-item-price,
.shop-layout:hover,
.testimonial .testimonial-footer,
.testimonial .testimonial-header i,
.testimonial-container a:hover,
.typed-cursor,
.w3_megamenu .dropdown-menu .withoutdesc ul li a:hover,
a:hover,
a[class*=color-]:hover {
    color: #ff4530
}

.blog-title a:hover,
.megamenu .dropdown .dropdown-menu li a:hover,
.navbar-pasific .navbar-brand:focus,
.navbar-pasific .navbar-brand:hover,
.top-nav-collapse .navbar-nav li a.active,
.top-nav-collapse .navbar-nav li a.active:hover,
.top-nav-collapse .navbar-nav li a:hover,
.top-nav-collapse .navbar-nav li.active a,
a.color-light:hover {
    color: #ff4530!important
}

.irs-from:after,
.irs-single:after,
.irs-to:after {
    border-top-color: #ff4530
}

.heading,
.heading-dashed-icon div,
.heading-dashed-icon div div,
.heading-dotted-icon div,
.heading-dotted-icon div div,
.heading-double-icon div,
.heading-double-icon div div,
.heading-solid-icon div,
.heading-solid-icon div div {
    border-top-color: #ff4530!important
}

.megamenu .dropdown-submenu:hover>a:after {
    border-left-color: #ff4530
}

#portfolioGrid ul li a.active {
    background: #ff4530 none repeat scroll 0 0;
    border-radius: 2px;
    color: #fff;
    padding: 7px
}

@font-face {
    font-family: et-line;
    font-display: swap;
    src: url(../../fonts/et-line/et-line.eot);
    src: url(../../fonts/et-line/et-line.eot?#iefix) format('embedded-opentype'), url(../../fonts/et-line/et-line.woff) format('woff'), url(../../fonts/et-line/et-line.ttf) format('truetype'), url(../../fonts/et-line/et-line.svg#et-line) format('svg');
    font-weight: 400;
    font-style: normal
}

[data-icon]:before {
    font-family: et-line;
    content: attr(data-icon);
    speak: none;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block
}

.icon-adjustments,
.icon-alarmclock,
.icon-anchor,
.icon-aperture,
.icon-attachment,
.icon-bargraph,
.icon-basket,
.icon-beaker,
.icon-bike,
.icon-book-open,
.icon-briefcase,
.icon-browser,
.icon-calendar,
.icon-camera,
.icon-caution,
.icon-chat,
.icon-circle-compass,
.icon-clipboard,
.icon-clock,
.icon-cloud,
.icon-compass,
.icon-desktop,
.icon-dial,
.icon-document,
.icon-documents,
.icon-download,
.icon-dribbble,
.icon-edit,
.icon-envelope,
.icon-expand,
.icon-facebook,
.icon-flag,
.icon-focus,
.icon-gears,
.icon-genius,
.icon-gift,
.icon-global,
.icon-globe,
.icon-googleplus,
.icon-grid,
.icon-happy,
.icon-hazardous,
.icon-heart,
.icon-hotairballoon,
.icon-hourglass,
.icon-key,
.icon-laptop,
.icon-layers,
.icon-lifesaver,
.icon-lightbulb,
.icon-linegraph,
.icon-linkedin,
.icon-lock,
.icon-magnifying-glass,
.icon-map,
.icon-map-pin,
.icon-megaphone,
.icon-mic,
.icon-mobile,
.icon-newspaper,
.icon-notebook,
.icon-paintbrush,
.icon-paperclip,
.icon-pencil,
.icon-phone,
.icon-picture,
.icon-pictures,
.icon-piechart,
.icon-presentation,
.icon-pricetags,
.icon-printer,
.icon-profile-female,
.icon-profile-male,
.icon-puzzle,
.icon-quote,
.icon-recycle,
.icon-refresh,
.icon-ribbon,
.icon-rss,
.icon-sad,
.icon-scissors,
.icon-scope,
.icon-search,
.icon-shield,
.icon-speedometer,
.icon-strategy,
.icon-streetsign,
.icon-tablet,
.icon-target,
.icon-telescope,
.icon-toolbox,
.icon-tools,
.icon-tools-2,
.icon-trophy,
.icon-tumblr,
.icon-twitter,
.icon-upload,
.icon-video,
.icon-wallet,
.icon-wine {
    font-family: et-line;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block
}

.icon-mobile:before {
    content: "\e000"
}

.icon-laptop:before {
    content: "\e001"
}

.icon-desktop:before {
    content: "\e002"
}

.icon-tablet:before {
    content: "\e003"
}

.icon-phone:before {
    content: "\e004"
}

.icon-document:before {
    content: "\e005"
}

.icon-documents:before {
    content: "\e006"
}

.icon-search:before {
    content: "\e007"
}

.icon-clipboard:before {
    content: "\e008"
}

.icon-newspaper:before {
    content: "\e009"
}

.icon-notebook:before {
    content: "\e00a"
}

.icon-book-open:before {
    content: "\e00b"
}

.icon-browser:before {
    content: "\e00c"
}

.icon-calendar:before {
    content: "\e00d"
}

.icon-presentation:before {
    content: "\e00e"
}

.icon-picture:before {
    content: "\e00f"
}

.icon-pictures:before {
    content: "\e010"
}

.icon-video:before {
    content: "\e011"
}

.icon-camera:before {
    content: "\e012"
}

.icon-printer:before {
    content: "\e013"
}

.icon-toolbox:before {
    content: "\e014"
}

.icon-briefcase:before {
    content: "\e015"
}

.icon-wallet:before {
    content: "\e016"
}

.icon-gift:before {
    content: "\e017"
}

.icon-bargraph:before {
    content: "\e018"
}

.icon-grid:before {
    content: "\e019"
}

.icon-expand:before {
    content: "\e01a"
}

.icon-focus:before {
    content: "\e01b"
}

.icon-edit:before {
    content: "\e01c"
}

.icon-adjustments:before {
    content: "\e01d"
}

.icon-ribbon:before {
    content: "\e01e"
}

.icon-hourglass:before {
    content: "\e01f"
}

.icon-lock:before {
    content: "\e020"
}

.icon-megaphone:before {
    content: "\e021"
}

.icon-shield:before {
    content: "\e022"
}

.icon-trophy:before {
    content: "\e023"
}

.icon-flag:before {
    content: "\e024"
}

.icon-map:before {
    content: "\e025"
}

.icon-puzzle:before {
    content: "\e026"
}

.icon-basket:before {
    content: "\e027"
}

.icon-envelope:before {
    content: "\e028"
}

.icon-streetsign:before {
    content: "\e029"
}

.icon-telescope:before {
    content: "\e02a"
}

.icon-gears:before {
    content: "\e02b"
}

.icon-key:before {
    content: "\e02c"
}

.icon-paperclip:before {
    content: "\e02d"
}

.icon-attachment:before {
    content: "\e02e"
}

.icon-pricetags:before {
    content: "\e02f"
}

.icon-lightbulb:before {
    content: "\e030"
}

.icon-layers:before {
    content: "\e031"
}

.icon-pencil:before {
    content: "\e032"
}

.icon-tools:before {
    content: "\e033"
}

.icon-tools-2:before {
    content: "\e034"
}

.icon-scissors:before {
    content: "\e035"
}

.icon-paintbrush:before {
    content: "\e036"
}

.icon-magnifying-glass:before {
    content: "\e037"
}

.icon-circle-compass:before {
    content: "\e038"
}

.icon-linegraph:before {
    content: "\e039"
}

.icon-mic:before {
    content: "\e03a"
}

.icon-strategy:before {
    content: "\e03b"
}

.icon-beaker:before {
    content: "\e03c"
}

.icon-caution:before {
    content: "\e03d"
}

.icon-recycle:before {
    content: "\e03e"
}

.icon-anchor:before {
    content: "\e03f"
}

.icon-profile-male:before {
    content: "\e040"
}

.icon-profile-female:before {
    content: "\e041"
}

.icon-bike:before {
    content: "\e042"
}

.icon-wine:before {
    content: "\e043"
}

.icon-hotairballoon:before {
    content: "\e044"
}

.icon-globe:before {
    content: "\e045"
}

.icon-genius:before {
    content: "\e046"
}

.icon-map-pin:before {
    content: "\e047"
}

.icon-dial:before {
    content: "\e048"
}

.icon-chat:before {
    content: "\e049"
}

.icon-heart:before {
    content: "\e04a"
}

.icon-cloud:before {
    content: "\e04b"
}

.icon-upload:before {
    content: "\e04c"
}

.icon-download:before {
    content: "\e04d"
}

.icon-target:before {
    content: "\e04e"
}

.icon-hazardous:before {
    content: "\e04f"
}

.icon-piechart:before {
    content: "\e050"
}

.icon-speedometer:before {
    content: "\e051"
}

.icon-global:before {
    content: "\e052"
}

.icon-compass:before {
    content: "\e053"
}

.icon-lifesaver:before {
    content: "\e054"
}

.icon-clock:before {
    content: "\e055"
}

.icon-aperture:before {
    content: "\e056"
}

.icon-quote:before {
    content: "\e057"
}

.icon-scope:before {
    content: "\e058"
}

.icon-alarmclock:before {
    content: "\e059"
}

.icon-refresh:before {
    content: "\e05a"
}

.icon-happy:before {
    content: "\e05b"
}

.icon-sad:before {
    content: "\e05c"
}

.icon-facebook:before {
    content: "\e05d"
}

.icon-twitter:before {
    content: "\e05e"
}

.icon-googleplus:before {
    content: "\e05f"
}

.icon-rss:before {
    content: "\e060"
}

.icon-tumblr:before {
    content: "\e061"
}

.icon-linkedin:before {
    content: "\e062"
}

.icon-dribbble:before {
    content: "\e063"
}

.el-iconlg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}

.el-icon2x {
    font-size: 2em
}

.el-icon3x {
    font-size: 3em
}

.el-icon4x {
    font-size: 4em
}

.el-icon5x {
    font-size: 5em
}

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

.magic {
    -webkit-animation-name: magic;
    -moz-animation-name: magic;
    -ms-animation-name: magic;
    -o-animation-name: magic;
    animation-name: magic
}

.openDownLeft {
    -webkit-animation-name: openDownLeft;
    -moz-animation-name: openDownLeft;
    -ms-animation-name: openDownLeft;
    -o-animation-name: openDownLeft;
    animation-name: openDownLeft
}

.openDownRight {
    -webkit-animation-name: openDownRight;
    -moz-animation-name: openDownRight;
    -ms-animation-name: openDownRight;
    -o-animation-name: openDownRight;
    animation-name: openDownRight
}

.openUpLeft {
    -webkit-animation-name: openUpLeft;
    -moz-animation-name: openUpLeft;
    -ms-animation-name: openUpLeft;
    -o-animation-name: openUpLeft;
    animation-name: openUpLeft
}

.openUpRight {
    -webkit-animation-name: openUpRight;
    -moz-animation-name: openUpRight;
    -ms-animation-name: openUpRight;
    -o-animation-name: openUpRight;
    animation-name: openUpRight
}

.openDownLeftRetourn {
    -webkit-animation-name: openDownLeftRetourn;
    -moz-animation-name: openDownLeftRetourn;
    -ms-animation-name: openDownLeftRetourn;
    -o-animation-name: openDownLeftRetourn;
    animation-name: openDownLeftRetourn
}

.openDownRightRetourn {
    -webkit-animation-name: openDownRightRetourn;
    -moz-animation-name: openDownRightRetourn;
    -ms-animation-name: openDownRightRetourn;
    -o-animation-name: openDownRightRetourn;
    animation-name: openDownRightRetourn
}

.openUpLeftRetourn {
    -webkit-animation-name: openUpLeftRetourn;
    -moz-animation-name: openUpLeftRetourn;
    -ms-animation-name: openUpLeftRetourn;
    -o-animation-name: openUpLeftRetourn;
    animation-name: openUpLeftRetourn
}

.openUpRightRetourn {
    -webkit-animation-name: openUpRightRetourn;
    -moz-animation-name: openUpRightRetourn;
    -ms-animation-name: openUpRightRetourn;
    -o-animation-name: openUpRightRetourn;
    animation-name: openUpRightRetourn
}

.openDownLeftOut {
    -webkit-animation-name: openDownLeftOut;
    -moz-animation-name: openDownLeftOut;
    -ms-animation-name: openDownLeftOut;
    -o-animation-name: openDownLeftOut;
    animation-name: openDownLeftOut
}

.openDownRightOut {
    -webkit-animation-name: openDownRightOut;
    -moz-animation-name: openDownRightOut;
    -ms-animation-name: openDownRightOut;
    -o-animation-name: openDownRightOut;
    animation-name: openDownRightOut
}

.openUpLeftOut {
    -webkit-animation-name: openUpLeftOut;
    -moz-animation-name: openUpLeftOut;
    -ms-animation-name: openUpLeftOut;
    -o-animation-name: openUpLeftOut;
    animation-name: openUpLeftOut
}

.openUpRightOut {
    -webkit-animation-name: openUpRightOut;
    -moz-animation-name: openUpRightOut;
    -ms-animation-name: openUpRightOut;
    -o-animation-name: openUpRightOut;
    animation-name: openUpRightOut
}

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

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

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

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

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

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

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

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

.puffIn {
    -webkit-animation-name: puffIn;
    -moz-animation-name: puffIn;
    -ms-animation-name: puffIn;
    -o-animation-name: puffIn;
    animation-name: puffIn
}

.puffOut {
    -webkit-animation-name: puffOut;
    -moz-animation-name: puffOut;
    -ms-animation-name: puffOut;
    -o-animation-name: puffOut;
    animation-name: puffOut
}

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

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

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

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

.slideDown {
    -webkit-animation-name: slideDown;
    -moz-animation-name: slideDown;
    -ms-animation-name: slideDown;
    -o-animation-name: slideDown;
    animation-name: slideDown
}

.slideLeft {
    -webkit-animation-name: slideLeft;
    -moz-animation-name: slideLeft;
    -ms-animation-name: slideLeft;
    -o-animation-name: slideLeft;
    animation-name: slideLeft
}

.slideRight {
    -webkit-animation-name: slideRight;
    -moz-animation-name: slideRight;
    -ms-animation-name: slideRight;
    -o-animation-name: slideRight;
    animation-name: slideRight
}

.slideUp {
    -webkit-animation-name: slideUp;
    -moz-animation-name: slideUp;
    -ms-animation-name: slideUp;
    -o-animation-name: slideUp;
    animation-name: slideUp
}

.slideDownRetourn {
    -webkit-animation-name: slideDownRetourn;
    -moz-animation-name: slideDownRetourn;
    -ms-animation-name: slideDownRetourn;
    -o-animation-name: slideDownRetourn;
    animation-name: slideDownRetourn
}

.slideLeftRetourn {
    -webkit-animation-name: slideLeftRetourn;
    -moz-animation-name: slideLeftRetourn;
    -ms-animation-name: slideLeftRetourn;
    -o-animation-name: slideLeftRetourn;
    animation-name: slideLeftRetourn
}

.slideRightRetourn {
    -webkit-animation-name: slideRightRetourn;
    -moz-animation-name: slideRightRetourn;
    -ms-animation-name: slideRightRetourn;
    -o-animation-name: slideRightRetourn;
    animation-name: slideRightRetourn
}

.slideUpRetourn {
    -webkit-animation-name: slideUpRetourn;
    -moz-animation-name: slideUpRetourn;
    -ms-animation-name: slideUpRetourn;
    -o-animation-name: slideUpRetourn;
    animation-name: slideUpRetourn
}

.swap {
    -webkit-animation-name: swap;
    -moz-animation-name: swap;
    -ms-animation-name: swap;
    -o-animation-name: swap;
    animation-name: swap
}

.twisterInDown {
    -webkit-animation-name: twisterInDown;
    -moz-animation-name: twisterInDown;
    -ms-animation-name: twisterInDown;
    -o-animation-name: twisterInDown;
    animation-name: twisterInDown
}

.twisterInUp {
    -webkit-animation-name: twisterInUp;
    -moz-animation-name: twisterInUp;
    -ms-animation-name: twisterInUp;
    -o-animation-name: twisterInUp;
    animation-name: twisterInUp
}

.vanishIn {
    -webkit-animation-name: vanishIn;
    -moz-animation-name: vanishIn;
    -ms-animation-name: vanishIn;
    -o-animation-name: vanishIn;
    animation-name: vanishIn
}

.vanishOut {
    -webkit-animation-name: vanishOut;
    -moz-animation-name: vanishOut;
    -ms-animation-name: vanishOut;
    -o-animation-name: vanishOut;
    animation-name: vanishOut
}

.swashOut {
    -webkit-animation-name: swashOut;
    -moz-animation-name: swashOut;
    -ms-animation-name: swashOut;
    -o-animation-name: swashOut;
    animation-name: swashOut
}

.swashIn {
    -webkit-animation-name: swashIn;
    -moz-animation-name: swashIn;
    -ms-animation-name: swashIn;
    -o-animation-name: swashIn;
    animation-name: swashIn
}

.foolishOut {
    -webkit-animation-name: foolishOut;
    -moz-animation-name: foolishOut;
    -ms-animation-name: foolishOut;
    -o-animation-name: foolishOut;
    animation-name: foolishOut
}

.foolishIn {
    -webkit-animation-name: foolishIn;
    -moz-animation-name: foolishIn;
    -ms-animation-name: foolishIn;
    -o-animation-name: foolishIn;
    animation-name: foolishIn
}

.holeOut {
    -webkit-animation-name: holeOut;
    -moz-animation-name: holeOut;
    -ms-animation-name: holeOut;
    -o-animation-name: holeOut;
    animation-name: holeOut
}

.tinRightOut {
    -webkit-animation-name: tinRightOut;
    -moz-animation-name: tinRightOut;
    -ms-animation-name: tinRightOut;
    -o-animation-name: tinRightOut;
    animation-name: tinRightOut
}

.tinLeftOut {
    -webkit-animation-name: tinLeftOut;
    -moz-animation-name: tinLeftOut;
    -ms-animation-name: tinLeftOut;
    -o-animation-name: tinLeftOut;
    animation-name: tinLeftOut
}

.tinUpOut {
    -webkit-animation-name: tinUpOut;
    -moz-animation-name: tinUpOut;
    -ms-animation-name: tinUpOut;
    -o-animation-name: tinUpOut;
    animation-name: tinUpOut
}

.tinDownOut {
    -webkit-animation-name: tinDownOut;
    -moz-animation-name: tinDownOut;
    -ms-animation-name: tinDownOut;
    -o-animation-name: tinDownOut;
    animation-name: tinDownOut
}

.tinRightIn {
    -webkit-animation-name: tinRightIn;
    -moz-animation-name: tinRightIn;
    -ms-animation-name: tinRightIn;
    -o-animation-name: tinRightIn;
    animation-name: tinRightIn
}

.tinLeftIn {
    -webkit-animation-name: tinLeftIn;
    -moz-animation-name: tinLeftIn;
    -ms-animation-name: tinLeftIn;
    -o-animation-name: tinLeftIn;
    animation-name: tinLeftIn
}

.tinUpIn {
    -webkit-animation-name: tinUpIn;
    -moz-animation-name: tinUpIn;
    -ms-animation-name: tinUpIn;
    -o-animation-name: tinUpIn;
    animation-name: tinUpIn
}

.tinDownIn {
    -webkit-animation-name: tinDownIn;
    -moz-animation-name: tinDownIn;
    -ms-animation-name: tinDownIn;
    -o-animation-name: tinDownIn;
    animation-name: tinDownIn
}

.bombRightOut {
    -webkit-animation-name: bombRightOut;
    -moz-animation-name: bombRightOut;
    -ms-animation-name: bombRightOut;
    -o-animation-name: bombRightOut;
    animation-name: bombRightOut
}

.bombLeftOut {
    -webkit-animation-name: bombLeftOut;
    -moz-animation-name: bombLeftOut;
    -ms-animation-name: bombLeftOut;
    -o-animation-name: bombLeftOut;
    animation-name: bombLeftOut
}

@-moz-keyframes magic {
    0% {
        opacity: 1;
        -moz-transform-origin: 100% 200%;
        -moz-transform: scale(1, 1) rotate(0)
    }
    100% {
        opacity: 0;
        -moz-transform-origin: 200% 500%;
        -moz-transform: scale(0, 0) rotate(270deg)
    }
}

@-webkit-keyframes magic {
    0% {
        opacity: 1;
        -webkit-transform-origin: 100% 200%;
        -webkit-transform: scale(1, 1) rotate(0)
    }
    100% {
        opacity: 0;
        -webkit-transform-origin: 200% 500%;
        -webkit-transform: scale(0, 0) rotate(270deg)
    }
}

@-o-keyframes magic {
    0% {
        opacity: 1;
        -o-transform-origin: 100% 200%;
        -o-transform: scale(1, 1) rotate(0)
    }
    100% {
        opacity: 0;
        -o-transform-origin: 200% 500%;
        -o-transform: scale(0, 0) rotate(270deg)
    }
}

@-ms-keyframes magic {
    0% {
        opacity: 1;
        -ms-transform-origin: 100% 200%;
        -ms-transform: scale(1, 1) rotate(0)
    }
    100% {
        opacity: 0;
        -ms-transform-origin: 200% 500%;
        -ms-transform: scale(0, 0) rotate(270deg)
    }
}

@keyframes magic {
    0% {
        opacity: 1;
        transform-origin: 100% 200%;
        transform: scale(1, 1) rotate(0)
    }
    100% {
        opacity: 0;
        transform-origin: 200% 500%;
        transform: scale(0, 0) rotate(270deg)
    }
}

@-moz-keyframes openDownLeft {
    0% {
        -moz-transform-origin: bottom left;
        -moz-transform: rotate(0);
        -moz-animation-timing-function: ease-out
    }
    100% {
        -moz-transform-origin: bottom left;
        -moz-transform: rotate(-110deg);
        -moz-animation-timing-function: ease-in-out
    }
}

@-webkit-keyframes openDownLeft {
    0% {
        -webkit-transform-origin: bottom left;
        -webkit-transform: rotate(0);
        -webkit-animation-timing-function: ease-out
    }
    100% {
        -webkit-transform-origin: bottom left;
        -webkit-transform: rotate(-110deg);
        -webkit-animation-timing-function: ease-in-out
    }
}

@-o-keyframes openDownLeft {
    0% {
        -o-transform-origin: bottom left;
        -o-transform: rotate(0);
        -o-animation-timing-function: ease-out
    }
    100% {
        -o-transform-origin: bottom left;
        -o-transform: rotate(-110deg);
        -o-animation-timing-function: ease-in-out
    }
}

@-ms-keyframes openDownLeft {
    0% {
        -ms-transform-origin: bottom left;
        -ms-transform: rotate(0);
        -ms-animation-timing-function: ease-out
    }
    100% {
        -ms-transform-origin: bottom left;
        -ms-transform: rotate(-110deg);
        -ms-animation-timing-function: ease-in-out
    }
}

@keyframes openDownLeft {
    0% {
        transform-origin: bottom left;
        transform: rotate(0);
        animation-timing-function: ease-out
    }
    100% {
        transform-origin: bottom left;
        transform: rotate(-110deg);
        animation-timing-function: ease-in-out
    }
}

@-moz-keyframes openDownRight {
    0% {
        -moz-transform-origin: bottom right;
        -moz-transform: rotate(0);
        -moz-animation-timing-function: ease-out
    }
    100% {
        -moz-transform-origin: bottom right;
        -moz-transform: rotate(110deg);
        -moz-animation-timing-function: ease-in-out
    }
}

@-webkit-keyframes openDownRight {
    0% {
        -webkit-transform-origin: bottom right;
        -webkit-transform: rotate(0);
        -webkit-animation-timing-function: ease-out
    }
    100% {
        -webkit-transform-origin: bottom right;
        -webkit-transform: rotate(110deg);
        -webkit-animation-timing-function: ease-in-out
    }
}

@-o-keyframes openDownRight {
    0% {
        -o-transform-origin: bottom right;
        -o-transform: rotate(0);
        -o-animation-timing-function: ease-out
    }
    100% {
        -o-transform-origin: bottom right;
        -o-transform: rotate(110deg);
        -o-animation-timing-function: ease-in-out
    }
}

@-ms-keyframes openDownRight {
    0% {
        -ms-transform-origin: bottom right;
        -ms-transform: rotate(0);
        -ms-animation-timing-function: ease-out
    }
    100% {
        -ms-transform-origin: bottom right;
        -ms-transform: rotate(110deg);
        -ms-animation-timing-function: ease-in-out
    }
}

@keyframes openDownRight {
    0% {
        transform-origin: bottom right;
        transform: rotate(0);
        animation-timing-function: ease-out
    }
    100% {
        transform-origin: bottom right;
        transform: rotate(110deg);
        animation-timing-function: ease-in-out
    }
}

@-moz-keyframes openUpLeft {
    0% {
        -moz-transform-origin: top left;
        -moz-transform: rotate(0);
        -moz-animation-timing-function: ease-out
    }
    100% {
        -moz-transform-origin: top left;
        -moz-transform: rotate(110deg);
        -moz-animation-timing-function: ease-in-out
    }
}

@-webkit-keyframes openUpLeft {
    0% {
        -webkit-transform-origin: top left;
        -webkit-transform: rotate(0);
        -webkit-animation-timing-function: ease-out
    }
    100% {
        -webkit-transform-origin: top left;
        -webkit-transform: rotate(110deg);
        -webkit-animation-timing-function: ease-in-out
    }
}

@-o-keyframes openUpLeft {
    0% {
        -o-transform-origin: top left;
        -o-transform: rotate(0);
        -o-animation-timing-function: ease-out
    }
    100% {
        -o-transform-origin: top left;
        -o-transform: rotate(110deg);
        -o-animation-timing-function: ease-in-out
    }
}

@-ms-keyframes openUpLeft {
    0% {
        -ms-transform-origin: top left;
        -ms-transform: rotate(0);
        -ms-animation-timing-function: ease-out
    }
    100% {
        -ms-transform-origin: top left;
        -ms-transform: rotate(110deg);
        -ms-animation-timing-function: ease-in-out
    }
}

@keyframes openUpLeft {
    0% {
        transform-origin: top left;
        transform: rotate(0);
        animation-timing-function: ease-out
    }
    100% {
        transform-origin: top left;
        transform: rotate(110deg);
        animation-timing-function: ease-in-out
    }
}

@-moz-keyframes openUpRight {
    0% {
        -moz-transform-origin: top right;
        -moz-transform: rotate(0);
        -moz-animation-timing-function: ease-out
    }
    100% {
        -moz-transform-origin: top right;
        -moz-transform: rotate(-110deg);
        -moz-animation-timing-function: ease-in-out
    }
}

@-webkit-keyframes openUpRight {
    0% {
        -webkit-transform-origin: top right;
        -webkit-transform: rotate(0);
        -webkit-animation-timing-function: ease-out
    }
    100% {
        -webkit-transform-origin: top right;
        -webkit-transform: rotate(-110deg);
        -webkit-animation-timing-function: ease-in-out
    }
}

@-o-keyframes openUpRight {
    0% {
        -o-transform-origin: top right;
        -o-transform: rotate(0);
        -o-animation-timing-function: ease-out
    }
    100% {
        -o-transform-origin: top right;
        -o-transform: rotate(-110deg);
        -o-animation-timing-function: ease-in-out
    }
}

@-ms-keyframes openUpRight {
    0% {
        -ms-transform-origin: top right;
        -ms-transform: rotate(0);
        -ms-animation-timing-function: ease-out
    }
    100% {
        -ms-transform-origin: top right;
        -ms-transform: rotate(-110deg);
        -ms-animation-timing-function: ease-in-out
    }
}

@keyframes openUpRight {
    0% {
        transform-origin: top right;
        transform: rotate(0);
        animation-timing-function: ease-out
    }
    100% {
        transform-origin: top right;
        transform: rotate(-110deg);
        animation-timing-function: ease-in-out
    }
}

@-moz-keyframes openDownLeftRetourn {
    0% {
        -moz-transform-origin: bottom left;
        -moz-transform: rotate(-110deg);
        -moz-animation-timing-function: ease-in-out
    }
    100% {
        -moz-transform-origin: bottom left;
        -moz-transform: rotate(0);
        -moz-animation-timing-function: ease-out
    }
}

@-webkit-keyframes openDownLeftRetourn {
    0% {
        -webkit-transform-origin: bottom left;
        -webkit-transform: rotate(-110deg);
        -webkit-animation-timing-function: ease-in-out
    }
    100% {
        -webkit-transform-origin: bottom left;
        -webkit-transform: rotate(0);
        -webkit-animation-timing-function: ease-out
    }
}

@-o-keyframes openDownLeftRetourn {
    0% {
        -o-transform-origin: bottom left;
        -o-transform: rotate(-110deg);
        -o-animation-timing-function: ease-in-out
    }
    100% {
        -o-transform-origin: bottom left;
        -o-transform: rotate(0);
        -o-animation-timing-function: ease-out
    }
}

@-ms-keyframes openDownLeftRetourn {
    0% {
        -ms-transform-origin: bottom left;
        -ms-transform: rotate(-110deg);
        -ms-animation-timing-function: ease-in-out
    }
    100% {
        -ms-transform-origin: bottom left;
        -ms-transform: rotate(0);
        -ms-animation-timing-function: ease-out
    }
}

@keyframes openDownLeftRetourn {
    0% {
        transform-origin: bottom left;
        transform: rotate(-110deg);
        animation-timing-function: ease-in-out
    }
    100% {
        transform-origin: bottom left;
        transform: rotate(0);
        animation-timing-function: ease-out
    }
}

@-moz-keyframes openDownRightRetourn {
    0% {
        -moz-transform-origin: bottom right;
        -moz-transform: rotate(110deg);
        -moz-animation-timing-function: ease-in-out
    }
    100% {
        -moz-transform-origin: bottom right;
        -moz-transform: rotate(0);
        -moz-animation-timing-function: ease-out
    }
}

@-webkit-keyframes openDownRightRetourn {
    0% {
        -webkit-transform-origin: bottom right;
        -webkit-transform: rotate(110deg);
        -webkit-animation-timing-function: ease-in-out
    }
    100% {
        -webkit-transform-origin: bottom right;
        -webkit-transform: rotate(0);
        -webkit-animation-timing-function: ease-out
    }
}

@-o-keyframes openDownRightRetourn {
    0% {
        -o-transform-origin: bottom right;
        -o-transform: rotate(110deg);
        -o-animation-timing-function: ease-in-out
    }
    100% {
        -o-transform-origin: bottom right;
        -o-transform: rotate(0);
        -o-animation-timing-function: ease-out
    }
}

@-ms-keyframes openDownRightRetourn {
    0% {
        -ms-transform-origin: bottom right;
        -ms-transform: rotate(110deg);
        -ms-animation-timing-function: ease-in-out
    }
    100% {
        -ms-transform-origin: bottom right;
        -ms-transform: rotate(0);
        -ms-animation-timing-function: ease-out
    }
}

@keyframes openDownRightRetourn {
    0% {
        transform-origin: bottom right;
        transform: rotate(110deg);
        animation-timing-function: ease-in-out
    }
    100% {
        transform-origin: bottom right;
        transform: rotate(0);
        animation-timing-function: ease-out
    }
}

@-moz-keyframes openUpLeftRetourn {
    0% {
        -moz-transform-origin: top left;
        -moz-transform: rotate(110deg);
        -moz-animation-timing-function: ease-in-out
    }
    100% {
        -moz-transform-origin: top left;
        -moz-transform: rotate(0);
        -moz-animation-timing-function: ease-out
    }
}

@-webkit-keyframes openUpLeftRetourn {
    0% {
        -webkit-transform-origin: top left;
        -webkit-transform: rotate(110deg);
        -webkit-animation-timing-function: ease-in-out
    }
    100% {
        -webkit-transform-origin: top left;
        -webkit-transform: rotate(0);
        -webkit-animation-timing-function: ease-out
    }
}

@-o-keyframes openUpLeftRetourn {
    0% {
        -o-transform-origin: top left;
        -o-transform: rotate(110deg);
        -o-animation-timing-function: ease-in-out
    }
    100% {
        -o-transform-origin: top left;
        -o-transform: rotate(0);
        -o-animation-timing-function: ease-out
    }
}

@-ms-keyframes openUpLeftRetourn {
    0% {
        -ms-transform-origin: top left;
        -ms-transform: rotate(110deg);
        -ms-animation-timing-function: ease-in-out
    }
    100% {
        -ms-transform-origin: top left;
        -ms-transform: rotate(0);
        -ms-animation-timing-function: ease-out
    }
}

@keyframes openUpLeftRetourn {
    0% {
        transform-origin: top left;
        transform: rotate(110deg);
        animation-timing-function: ease-in-out
    }
    100% {
        transform-origin: top left;
        transform: rotate(0);
        animation-timing-function: ease-out
    }
}

@-moz-keyframes openUpRightRetourn {
    0% {
        -moz-transform-origin: top right;
        -moz-transform: rotate(-110deg);
        -moz-animation-timing-function: ease-in-out
    }
    100% {
        -moz-transform-origin: top right;
        -moz-transform: rotate(0);
        -moz-animation-timing-function: ease-out
    }
}

@-webkit-keyframes openUpRightRetourn {
    0% {
        -webkit-transform-origin: top right;
        -webkit-transform: rotate(-110deg);
        -webkit-animation-timing-function: ease-in-out
    }
    100% {
        -webkit-transform-origin: top right;
        -webkit-transform: rotate(0);
        -webkit-animation-timing-function: ease-out
    }
}

@-o-keyframes openUpRightRetourn {
    0% {
        -o-transform-origin: top right;
        -o-transform: rotate(-110deg);
        -o-animation-timing-function: ease-in-out
    }
    100% {
        -o-transform-origin: top right;
        -o-transform: rotate(0);
        -o-animation-timing-function: ease-out
    }
}

@-ms-keyframes openUpRightRetourn {
    0% {
        -ms-transform-origin: top right;
        -ms-transform: rotate(-110deg);
        -ms-animation-timing-function: ease-in-out
    }
    100% {
        -ms-transform-origin: top right;
        -ms-transform: rotate(0);
        -ms-animation-timing-function: ease-out
    }
}

@keyframes openUpRightRetourn {
    0% {
        transform-origin: top right;
        transform: rotate(-110deg);
        animation-timing-function: ease-in-out
    }
    100% {
        transform-origin: top right;
        transform: rotate(0);
        animation-timing-function: ease-out
    }
}

@-moz-keyframes openDownLeftOut {
    0% {
        opacity: 1;
        -moz-transform-origin: bottom left;
        -moz-transform: rotate(0);
        -moz-animation-timing-function: ease-out
    }
    100% {
        opacity: 0;
        -moz-transform-origin: bottom left;
        -moz-transform: rotate(-110deg);
        -moz-animation-timing-function: ease-in-out
    }
}

@-webkit-keyframes openDownLeftOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: bottom left;
        -webkit-transform: rotate(0);
        -webkit-animation-timing-function: ease-out
    }
    100% {
        opacity: 0;
        -webkit-transform-origin: bottom left;
        -webkit-transform: rotate(-110deg);
        -webkit-animation-timing-function: ease-in-out
    }
}

@-o-keyframes openDownLeftOut {
    0% {
        opacity: 1;
        -o-transform-origin: bottom left;
        -o-transform: rotate(0);
        -o-animation-timing-function: ease-out
    }
    100% {
        opacity: 0;
        -o-transform-origin: bottom left;
        -o-transform: rotate(-110deg);
        -o-animation-timing-function: ease-in-out
    }
}

@-ms-keyframes openDownLeftOut {
    0% {
        opacity: 1;
        -ms-transform-origin: bottom left;
        -ms-transform: rotate(0);
        -ms-animation-timing-function: ease-out
    }
    100% {
        opacity: 0;
        -ms-transform-origin: bottom left;
        -ms-transform: rotate(-110deg);
        -ms-animation-timing-function: ease-in-out
    }
}

@keyframes openDownLeftOut {
    0% {
        opacity: 1;
        transform-origin: bottom left;
        transform: rotate(0);
        animation-timing-function: ease-out
    }
    100% {
        opacity: 0;
        transform-origin: bottom left;
        transform: rotate(-110deg);
        animation-timing-function: ease-in-out
    }
}

@-moz-keyframes openDownRightOut {
    0% {
        opacity: 1;
        -moz-transform-origin: bottom right;
        -moz-transform: rotate(0);
        -moz-animation-timing-function: ease-out
    }
    100% {
        opacity: 0;
        -moz-transform-origin: bottom right;
        -moz-transform: rotate(110deg);
        -moz-animation-timing-function: ease-in-out
    }
}

@-webkit-keyframes openDownRightOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: bottom right;
        -webkit-transform: rotate(0);
        -webkit-animation-timing-function: ease-out
    }
    100% {
        opacity: 0;
        -webkit-transform-origin: bottom right;
        -webkit-transform: rotate(110deg);
        -webkit-animation-timing-function: ease-in-out
    }
}

@-o-keyframes openDownRightOut {
    0% {
        opacity: 1;
        -o-transform-origin: bottom right;
        -o-transform: rotate(0);
        -o-animation-timing-function: ease-out
    }
    100% {
        opacity: 0;
        -o-transform-origin: bottom right;
        -o-transform: rotate(110deg);
        -o-animation-timing-function: ease-in-out
    }
}

@-ms-keyframes openDownRightOut {
    0% {
        opacity: 1;
        -ms-transform-origin: bottom right;
        -ms-transform: rotate(0);
        -ms-animation-timing-function: ease-out
    }
    100% {
        opacity: 0;
        -ms-transform-origin: bottom right;
        -ms-transform: rotate(110deg);
        -ms-animation-timing-function: ease-in-out
    }
}

@keyframes openDownRightOut {
    0% {
        opacity: 1;
        transform-origin: bottom right;
        transform: rotate(0);
        animation-timing-function: ease-out
    }
    100% {
        opacity: 0;
        transform-origin: bottom right;
        transform: rotate(110deg);
        animation-timing-function: ease-in-out
    }
}

@-moz-keyframes openUpLeftOut {
    0% {
        opacity: 1;
        -moz-transform-origin: top left;
        -moz-transform: rotate(0);
        -moz-animation-timing-function: ease-out
    }
    100% {
        opacity: 0;
        -moz-transform-origin: top left;
        -moz-transform: rotate(110deg);
        -moz-animation-timing-function: ease-in-out
    }
}

@-webkit-keyframes openUpLeftOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: top left;
        -webkit-transform: rotate(0);
        -webkit-animation-timing-function: ease-out
    }
    100% {
        opacity: 0;
        -webkit-transform-origin: top left;
        -webkit-transform: rotate(110deg);
        -webkit-animation-timing-function: ease-in-out
    }
}

@-o-keyframes openUpLeftOut {
    0% {
        opacity: 1;
        -o-transform-origin: top left;
        -o-transform: rotate(0);
        -o-animation-timing-function: ease-out
    }
    100% {
        opacity: 0;
        -o-transform-origin: top left;
        -o-transform: rotate(110deg);
        -o-animation-timing-function: ease-in-out
    }
}

@-ms-keyframes openUpLeftOut {
    0% {
        opacity: 1;
        -ms-transform-origin: top left;
        -ms-transform: rotate(0);
        -ms-animation-timing-function: ease-out
    }
    100% {
        opacity: 0;
        -ms-transform-origin: top left;
        -ms-transform: rotate(110deg);
        -ms-animation-timing-function: ease-in-out
    }
}

@keyframes openUpLeftOut {
    0% {
        opacity: 1;
        transform-origin: top left;
        transform: rotate(0);
        animation-timing-function: ease-out
    }
    100% {
        opacity: 0;
        transform-origin: top left;
        transform: rotate(110deg);
        animation-timing-function: ease-in-out
    }
}

@-moz-keyframes openUpRightOut {
    0% {
        opacity: 1;
        -moz-transform-origin: top right;
        -moz-transform: rotate(0);
        -moz-animation-timing-function: ease-out
    }
    100% {
        opacity: 0;
        -moz-transform-origin: top right;
        -moz-transform: rotate(-110deg);
        -moz-animation-timing-function: ease-in-out
    }
}

@-webkit-keyframes openUpRightOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: top right;
        -webkit-transform: rotate(0);
        -webkit-animation-timing-function: ease-out
    }
    100% {
        opacity: 0;
        -webkit-transform-origin: top right;
        -webkit-transform: rotate(-110deg);
        -webkit-animation-timing-function: ease-in-out
    }
}

@-o-keyframes openUpRightOut {
    0% {
        opacity: 1;
        -o-transform-origin: top right;
        -o-transform: rotate(0);
        -o-animation-timing-function: ease-out
    }
    100% {
        opacity: 0;
        -o-transform-origin: top right;
        -o-transform: rotate(-110deg);
        -o-animation-timing-function: ease-in-out
    }
}

@-ms-keyframes openUpRightOut {
    0% {
        opacity: 1;
        -ms-transform-origin: top right;
        -ms-transform: rotate(0);
        -ms-animation-timing-function: ease-out
    }
    100% {
        opacity: 0;
        -ms-transform-origin: top right;
        -ms-transform: rotate(-110deg);
        -ms-animation-timing-function: ease-in-out
    }
}

@keyframes openUpRightOut {
    0% {
        opacity: 1;
        transform-origin: top right;
        transform: rotate(0);
        animation-timing-function: ease-out
    }
    100% {
        opacity: 0;
        transform-origin: top right;
        transform: rotate(-110deg);
        animation-timing-function: ease-in-out
    }
}

@-moz-keyframes perspectiveDown {
    0% {
        -moz-transform-origin: 0 100%;
        -moz-transform: perspective(800px) rotateX(0)
    }
    100% {
        -moz-transform-origin: 0 100%;
        -moz-transform: perspective(800px) rotateX(-180deg)
    }
}

@-webkit-keyframes perspectiveDown {
    0% {
        -webkit-transform-origin: 0 100%;
        -webkit-transform: perspective(800px) rotateX(0)
    }
    100% {
        -webkit-transform-origin: 0 100%;
        -webkit-transform: perspective(800px) rotateX(-180deg)
    }
}

@-o-keyframes perspectiveDown {
    0% {
        -o-transform-origin: 0 100%;
        -o-transform: perspective(800px) rotateX(0)
    }
    100% {
        -o-transform-origin: 0 100%;
        -o-transform: perspective(800px) rotateX(-180deg)
    }
}

@-ms-keyframes perspectiveDown {
    0% {
        -ms-transform-origin: 0 100%;
        -ms-transform: perspective(800px) rotateX(0)
    }
    100% {
        -ms-transform-origin: 0 100%;
        -ms-transform: perspective(800px) rotateX(-180deg)
    }
}

@keyframes perspectiveDown {
    0% {
        transform-origin: 0 100%;
        transform: perspective(800px) rotateX(0)
    }
    100% {
        transform-origin: 0 100%;
        transform: perspective(800px) rotateX(-180deg)
    }
}

@-moz-keyframes perspectiveLeft {
    0% {
        -moz-transform-origin: 0 0;
        -moz-transform: perspective(800px) rotateY(0)
    }
    100% {
        -moz-transform-origin: 0 0;
        -moz-transform: perspective(800px) rotateY(-180deg)
    }
}

@-webkit-keyframes perspectiveLeft {
    0% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateY(0)
    }
    100% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateY(-180deg)
    }
}

@-o-keyframes perspectiveLeft {
    0% {
        -o-transform-origin: 0 0;
        -o-transform: perspective(800px) rotateY(0)
    }
    100% {
        -o-transform-origin: 0 0;
        -o-transform: perspective(800px) rotateY(-180deg)
    }
}

@-ms-keyframes perspectiveLeft {
    0% {
        -ms-transform-origin: 0 0;
        -ms-transform: perspective(800px) rotateY(0)
    }
    100% {
        -ms-transform-origin: 0 0;
        -ms-transform: perspective(800px) rotateY(-180deg)
    }
}

@keyframes perspectiveLeft {
    0% {
        transform-origin: 0 0;
        transform: perspective(800px) rotateY(0)
    }
    100% {
        transform-origin: 0 0;
        transform: perspective(800px) rotateY(-180deg)
    }
}

@-moz-keyframes perspectiveRight {
    0% {
        -moz-transform-origin: 100% 0;
        -moz-transform: perspective(800px) rotateY(0)
    }
    100% {
        -moz-transform-origin: 100% 0;
        -moz-transform: perspective(800px) rotateY(180deg)
    }
}

@-webkit-keyframes perspectiveRight {
    0% {
        -webkit-transform-origin: 100% 0;
        -webkit-transform: perspective(800px) rotateY(0)
    }
    100% {
        -webkit-transform-origin: 100% 0;
        -webkit-transform: perspective(800px) rotateY(180deg)
    }
}

@-o-keyframes perspectiveRight {
    0% {
        -o-transform-origin: 100% 0;
        -o-transform: perspective(800px) rotateY(0)
    }
    100% {
        -o-transform-origin: 100% 0;
        -o-transform: perspective(800px) rotateY(180deg)
    }
}

@-ms-keyframes perspectiveRight {
    0% {
        -ms-transform-origin: 100% 0;
        -ms-transform: perspective(800px) rotateY(0)
    }
    100% {
        -ms-transform-origin: 100% 0;
        -ms-transform: perspective(800px) rotateY(180deg)
    }
}

@keyframes perspectiveRight {
    0% {
        transform-origin: 100% 0;
        transform: perspective(800px) rotateY(0)
    }
    100% {
        transform-origin: 100% 0;
        transform: perspective(800px) rotateY(180deg)
    }
}

@-moz-keyframes perspectiveUp {
    0% {
        -moz-transform-origin: 0 0;
        -moz-transform: perspective(800px) rotateX(0)
    }
    100% {
        -moz-transform-origin: 0 0;
        -moz-transform: perspective(800px) rotateX(180deg)
    }
}

@-webkit-keyframes perspectiveUp {
    0% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateX(0)
    }
    100% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateX(180deg)
    }
}

@-o-keyframes perspectiveUp {
    0% {
        -o-transform-origin: 0 0;
        -o-transform: perspective(800px) rotateX(0)
    }
    100% {
        -o-transform-origin: 0 0;
        -o-transform: perspective(800px) rotateX(180deg)
    }
}

@-ms-keyframes perspectiveUp {
    0% {
        -ms-transform-origin: 0 0;
        -ms-transform: perspective(800px) rotateX(0)
    }
    100% {
        -ms-transform-origin: 0 0;
        -ms-transform: perspective(800px) rotateX(180deg)
    }
}

@keyframes perspectiveUp {
    0% {
        transform-origin: 0 0;
        transform: perspective(800px) rotateX(0)
    }
    100% {
        transform-origin: 0 0;
        transform: perspective(800px) rotateX(180deg)
    }
}

@-moz-keyframes perspectiveDownRetourn {
    0% {
        -moz-transform-origin: 0 100%;
        -moz-transform: perspective(800px) rotateX(-180deg)
    }
    100% {
        -moz-transform-origin: 0 100%;
        -moz-transform: perspective(800px) rotateX(0)
    }
}

@-webkit-keyframes perspectiveDownRetourn {
    0% {
        -webkit-transform-origin: 0 100%;
        -webkit-transform: perspective(800px) rotateX(-180deg)
    }
    100% {
        -webkit-transform-origin: 0 100%;
        -webkit-transform: perspective(800px) rotateX(0)
    }
}

@-o-keyframes perspectiveDownRetourn {
    0% {
        -o-transform-origin: 0 100%;
        -o-transform: perspective(800px) rotateX(-180deg)
    }
    100% {
        -o-transform-origin: 0 100%;
        -o-transform: perspective(800px) rotateX(0)
    }
}

@-ms-keyframes perspectiveDownRetourn {
    0% {
        -ms-transform-origin: 0 100%;
        -ms-transform: perspective(800px) rotateX(-180deg)
    }
    100% {
        -ms-transform-origin: 0 100%;
        -ms-transform: perspective(800px) rotateX(0)
    }
}

@keyframes perspectiveDownRetourn {
    0% {
        transform-origin: 0 100%;
        transform: perspective(800px) rotateX(-180deg)
    }
    100% {
        transform-origin: 0 100%;
        transform: perspective(800px) rotateX(0)
    }
}

@-moz-keyframes perspectiveLeftRetourn {
    0% {
        -moz-transform-origin: 0 0;
        -moz-transform: perspective(800px) rotateY(-180deg)
    }
    100% {
        -moz-transform-origin: 0 0;
        -moz-transform: perspective(800px) rotateY(0)
    }
}

@-webkit-keyframes perspectiveLeftRetourn {
    0% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateY(-180deg)
    }
    100% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateY(0)
    }
}

@-o-keyframes perspectiveLeftRetourn {
    0% {
        -o-transform-origin: 0 0;
        -o-transform: perspective(800px) rotateY(-180deg)
    }
    100% {
        -o-transform-origin: 0 0;
        -o-transform: perspective(800px) rotateY(0)
    }
}

@-ms-keyframes perspectiveLeftRetourn {
    0% {
        -ms-transform-origin: 0 0;
        -ms-transform: perspective(800px) rotateY(-180deg)
    }
    100% {
        -ms-transform-origin: 0 0;
        -ms-transform: perspective(800px) rotateY(0)
    }
}

@keyframes perspectiveLeftRetourn {
    0% {
        transform-origin: 0 0;
        transform: perspective(800px) rotateY(-180deg)
    }
    100% {
        transform-origin: 0 0;
        transform: perspective(800px) rotateY(0)
    }
}

@-moz-keyframes perspectiveRightRetourn {
    0% {
        -moz-transform-origin: 100% 0;
        -moz-transform: perspective(800px) rotateY(180deg)
    }
    100% {
        -moz-transform-origin: 100% 0;
        -moz-transform: perspective(800px) rotateY(0)
    }
}

@-webkit-keyframes perspectiveRightRetourn {
    0% {
        -webkit-transform-origin: 100% 0;
        -webkit-transform: perspective(800px) rotateY(180deg)
    }
    100% {
        -webkit-transform-origin: 100% 0;
        -webkit-transform: perspective(800px) rotateY(0)
    }
}

@-o-keyframes perspectiveRightRetourn {
    0% {
        -o-transform-origin: 100% 0;
        -o-transform: perspective(800px) rotateY(180deg)
    }
    100% {
        -o-transform-origin: 100% 0;
        -o-transform: perspective(800px) rotateY(0)
    }
}

@-ms-keyframes perspectiveRightRetourn {
    0% {
        -ms-transform-origin: 100% 0;
        -ms-transform: perspective(800px) rotateY(180deg)
    }
    100% {
        -ms-transform-origin: 100% 0;
        -ms-transform: perspective(800px) rotateY(0)
    }
}

@keyframes perspectiveRightRetourn {
    0% {
        transform-origin: 100% 0;
        transform: perspective(800px) rotateY(180deg)
    }
    100% {
        transform-origin: 100% 0;
        transform: perspective(800px) rotateY(0)
    }
}

@-moz-keyframes perspectiveUpRetourn {
    0% {
        -moz-transform-origin: 0 0;
        -moz-transform: perspective(800px) rotateX(180deg)
    }
    100% {
        -moz-transform-origin: 0 0;
        -moz-transform: perspective(800px) rotateX(0)
    }
}

@-webkit-keyframes perspectiveUpRetourn {
    0% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateX(180deg)
    }
    100% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateX(0)
    }
}

@-o-keyframes perspectiveUpRetourn {
    0% {
        -o-transform-origin: 0 0;
        -o-transform: perspective(800px) rotateX(180deg)
    }
    100% {
        -o-transform-origin: 0 0;
        -o-transform: perspective(800px) rotateX(0)
    }
}

@-ms-keyframes perspectiveUpRetourn {
    0% {
        -ms-transform-origin: 0 0;
        -ms-transform: perspective(800px) rotateX(180deg)
    }
    100% {
        -ms-transform-origin: 0 0;
        -ms-transform: perspective(800px) rotateX(0)
    }
}

@keyframes perspectiveUpRetourn {
    0% {
        transform-origin: 0 0;
        transform: perspective(800px) rotateX(180deg)
    }
    100% {
        transform-origin: 0 0;
        transform: perspective(800px) rotateX(0)
    }
}

@-moz-keyframes puffIn {
    0% {
        opacity: 0;
        -moz-transform-origin: 50% 50%;
        -moz-transform: scale(2, 2);
        -moz-filter: blur(2px)
    }
    100% {
        opacity: 1;
        -moz-transform-origin: 50% 50%;
        -moz-transform: scale(1, 1);
        -moz-filter: blur(0)
    }
}

@-webkit-keyframes puffIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(2, 2);
        -webkit-filter: blur(2px)
    }
    100% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1);
        -webkit-filter: blur(0)
    }
}

@-o-keyframes puffIn {
    0% {
        opacity: 0;
        -o-transform-origin: 50% 50%;
        -o-transform: scale(2, 2);
        -webkit-filter: blur(2px)
    }
    100% {
        opacity: 1;
        -o-transform-origin: 50% 50%;
        -o-transform: scale(1, 1);
        -webkit-filter: blur(0)
    }
}

@-ms-keyframes puffIn {
    0% {
        opacity: 0;
        -ms-transform-origin: 50% 50%;
        -ms-transform: scale(2, 2);
        filter: blur(2px)
    }
    100% {
        opacity: 1;
        -ms-transform-origin: 50% 50%;
        -ms-transform: scale(1, 1);
        filter: blur(0)
    }
}

@keyframes puffIn {
    0% {
        opacity: 0;
        transform-origin: 50% 50%;
        transform: scale(2, 2);
        filter: blur(2px)
    }
    100% {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: scale(1, 1);
        filter: blur(0)
    }
}

@-moz-keyframes puffOut {
    0% {
        opacity: 1;
        -moz-transform-origin: 50% 50%;
        -moz-transform: scale(1, 1);
        -moz-filter: blur(0)
    }
    100% {
        opacity: 0;
        -moz-transform-origin: 50% 50%;
        -moz-transform: scale(2, 2);
        -moz-filter: blur(2px)
    }
}

@-webkit-keyframes puffOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1);
        -webkit-filter: blur(0)
    }
    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(2, 2);
        -webkit-filter: blur(2px)
    }
}

@-o-keyframes puffOut {
    0% {
        opacity: 1;
        -o-transform-origin: 50% 50%;
        -o-transform: scale(1, 1);
        -webkit-filter: blur(0)
    }
    100% {
        opacity: 0;
        -o-transform-origin: 50% 50%;
        -o-transform: scale(2, 2);
        -webkit-filter: blur(2px)
    }
}

@-ms-keyframes puffOut {
    0% {
        opacity: 1;
        -ms-transform-origin: 50% 50%;
        -ms-transform: scale(1, 1);
        filter: blur(0)
    }
    100% {
        opacity: 0;
        -ms-transform-origin: 50% 50%;
        -ms-transform: scale(2, 2);
        filter: blur(2px)
    }
}

@keyframes puffOut {
    0% {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: scale(1, 1);
        -webkit-filter: blur(0)
    }
    100% {
        opacity: 0;
        transform-origin: 50% 50%;
        transform: scale(2, 2);
        -webkit-filter: blur(2px)
    }
}

@-moz-keyframes rotateDown {
    0% {
        opacity: 1;
        -moz-transform-origin: 0 0;
        -moz-transform: perspective(800px) rotateX(0) translateZ(0)
    }
    100% {
        opacity: 0;
        -moz-transform-origin: 50% 100%;
        -moz-transform: perspective(800px) rotateX(-180deg) translateZ(300px)
    }
}

@-webkit-keyframes rotateDown {
    0% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateX(0) translateZ(0)
    }
    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 100%;
        -webkit-transform: perspective(800px) rotateX(-180deg) translateZ(300px)
    }
}

@-o-keyframes rotateDown {
    0% {
        opacity: 1;
        -o-transform-origin: 0 0;
        -o-transform: perspective(800px) rotateX(0) translateZ(0)
    }
    100% {
        opacity: 0;
        -o-transform-origin: 50% 100%;
        -o-transform: perspective(800px) rotateX(-180deg) translateZ(300px)
    }
}

@-ms-keyframes rotateDown {
    0% {
        opacity: 1;
        -ms-transform-origin: 0 0;
        -ms-transform: perspective(800px) rotateX(0) translateZ(0)
    }
    100% {
        opacity: 0;
        -ms-transform-origin: 50% 100%;
        -ms-transform: perspective(800px) rotateX(-180deg) translateZ(300px)
    }
}

@keyframes rotateDown {
    0% {
        opacity: 1;
        transform-origin: 0 0;
        transform: perspective(800px) rotateX(0) translateZ(0)
    }
    100% {
        opacity: 0;
        transform-origin: 50% 100%;
        transform: perspective(800px) rotateX(-180deg) translateZ(300px)
    }
}

@-moz-keyframes rotateLeft {
    0% {
        opacity: 1;
        -moz-transform-origin: 0 0;
        -moz-transform: perspective(800px) rotateY(0) translateZ(0)
    }
    100% {
        opacity: 0;
        -moz-transform-origin: 50% 0;
        -moz-transform: perspective(800px) rotateY(180deg) translateZ(300px)
    }
}

@-webkit-keyframes rotateLeft {
    0% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateY(0) translateZ(0)
    }
    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 0;
        -webkit-transform: perspective(800px) rotateY(180deg) translateZ(300px)
    }
}

@-o-keyframes rotateLeft {
    0% {
        opacity: 1;
        -o-transform-origin: 0 0;
        -o-transform: perspective(800px) rotateY(0) translateZ(0)
    }
    100% {
        opacity: 0;
        -o-transform-origin: 50% 0;
        -o-transform: perspective(800px) rotateY(180deg) translateZ(300px)
    }
}

@-ms-keyframes rotateLeft {
    0% {
        opacity: 1;
        -ms-transform-origin: 0 0;
        -ms-transform: perspective(800px) rotateY(0) translateZ(0)
    }
    100% {
        opacity: 0;
        -ms-transform-origin: 50% 0;
        -ms-transform: perspective(800px) rotateY(180deg) translateZ(300px)
    }
}

@keyframes rotateLeft {
    0% {
        opacity: 1;
        transform-origin: 0 0;
        transform: perspective(800px) rotateY(0) translateZ(0)
    }
    100% {
        opacity: 0;
        transform-origin: 50% 0;
        transform: perspective(800px) rotateY(180deg) translateZ(300px)
    }
}

@-moz-keyframes rotateRight {
    0% {
        opacity: 1;
        -moz-transform-origin: 0 0;
        -moz-transform: perspective(800px) rotateY(0) translate3d(0)
    }
    100% {
        opacity: 0;
        -moz-transform-origin: 50% 0;
        -moz-transform: perspective(800px) rotateY(-180deg) translateZ(150px)
    }
}

@-webkit-keyframes rotateRight {
    0% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateY(0) translate3d(0)
    }
    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 0;
        -webkit-transform: perspective(800px) rotateY(-180deg) translateZ(150px)
    }
}

@-o-keyframes rotateRight {
    0% {
        opacity: 1;
        -o-transform-origin: 0 0;
        -o-transform: perspective(800px) rotateY(0) translate3d(0)
    }
    100% {
        opacity: 0;
        -o-transform-origin: 50% 0;
        -o-transform: perspective(800px) rotateY(-180deg) translateZ(150px)
    }
}

@-ms-keyframes rotateRight {
    0% {
        opacity: 1;
        -ms-transform-origin: 0 0;
        -ms-transform: perspective(800px) rotateY(0) translate3d(0)
    }
    100% {
        opacity: 0;
        -ms-transform-origin: 50% 0;
        -ms-transform: perspective(800px) rotateY(-180deg) translateZ(150px)
    }
}

@keyframes rotateRight {
    0% {
        opacity: 1;
        transform-origin: 0 0;
        transform: perspective(800px) rotateY(0) translate3d(0)
    }
    100% {
        opacity: 0;
        transform-origin: 50% 0;
        transform: perspective(800px) rotateY(-180deg) translateZ(150px)
    }
}

@-moz-keyframes rotateUp {
    0% {
        opacity: 1;
        -moz-transform-origin: 0 0;
        -moz-transform: perspective(800px) rotateX(0) translateZ(0)
    }
    100% {
        opacity: 0;
        -moz-transform-origin: 50% 0;
        -moz-transform: perspective(800px) rotateX(180deg) translateZ(100px)
    }
}

@-webkit-keyframes rotateUp {
    0% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateX(0) translateZ(0)
    }
    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 0;
        -webkit-transform: perspective(800px) rotateX(180deg) translateZ(100px)
    }
}

@-o-keyframes rotateUp {
    0% {
        opacity: 1;
        -o-transform-origin: 0 0;
        -o-transform: perspective(800px) rotateX(0) translateZ(0)
    }
    100% {
        opacity: 0;
        -o-transform-origin: 50% 0;
        -o-transform: perspective(800px) rotateX(180deg) translateZ(100px)
    }
}

@-ms-keyframes rotateUp {
    0% {
        opacity: 1;
        -ms-transform-origin: 0 0;
        -ms-transform: perspective(800px) rotateX(0) translateZ(0)
    }
    100% {
        opacity: 0;
        -ms-transform-origin: 50% 0;
        -ms-transform: perspective(800px) rotateX(180deg) translateZ(100px)
    }
}

@keyframes rotateUp {
    0% {
        opacity: 1;
        transform-origin: 0 0;
        transform: perspective(800px) rotateX(0) translateZ(0)
    }
    100% {
        opacity: 0;
        transform-origin: 50% 0;
        transform: perspective(800px) rotateX(180deg) translateZ(100px)
    }
}

@-moz-keyframes slideDown {
    0% {
        -moz-transform-origin: 0 0;
        -moz-transform: translateY(0)
    }
    100% {
        -moz-transform-origin: 0 0;
        -moz-transform: translateY(100%)
    }
}

@-webkit-keyframes slideDown {
    0% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: translateY(0)
    }
    100% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: translateY(100%)
    }
}

@-o-keyframes slideDown {
    0% {
        -o-transform-origin: 0 0;
        -o-transform: translateY(0)
    }
    100% {
        -o-transform-origin: 0 0;
        -o-transform: translateY(100%)
    }
}

@-ms-keyframes slideDown {
    0% {
        -ms-transform-origin: 0 0;
        -ms-transform: translateY(0)
    }
    100% {
        -ms-transform-origin: 0 0;
        -ms-transform: translateY(100%)
    }
}

@keyframes slideDown {
    0% {
        transform-origin: 0 0;
        transform: translateY(0)
    }
    100% {
        transform-origin: 0 0;
        transform: translateY(100%)
    }
}

@-moz-keyframes slideLeft {
    0% {
        -moz-transform-origin: 0 0;
        -moz-transform: translateX(0)
    }
    100% {
        -moz-transform-origin: 0 0;
        -moz-transform: translateX(-100%)
    }
}

@-webkit-keyframes slideLeft {
    0% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: translateX(0)
    }
    100% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: translateX(-100%)
    }
}

@-o-keyframes slideLeft {
    0% {
        -o-transform-origin: 0 0;
        -o-transform: translateX(0)
    }
    100% {
        -o-transform-origin: 0 0;
        -o-transform: translateX(-100%)
    }
}

@-ms-keyframes slideLeft {
    0% {
        -ms-transform-origin: 0 0;
        -ms-transform: translateX(0)
    }
    100% {
        -ms-transform-origin: 0 0;
        -ms-transform: translateX(-100%)
    }
}

@keyframes slideLeft {
    0% {
        transform-origin: 0 0;
        transform: translateX(0)
    }
    100% {
        transform-origin: 0 0;
        transform: translateX(-100%)
    }
}

@-moz-keyframes slideRight {
    0% {
        -moz-transform-origin: 0 0;
        -moz-transform: translateX(0)
    }
    100% {
        -moz-transform-origin: 0 0;
        -moz-transform: translateX(100%)
    }
}

@-webkit-keyframes slideRight {
    0% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: translateX(0)
    }
    100% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: translateX(100%)
    }
}

@-o-keyframes slideRight {
    0% {
        -o-transform-origin: 0 0;
        -o-transform: translateX(0)
    }
    100% {
        -o-transform-origin: 0 0;
        -o-transform: translateX(100%)
    }
}

@-ms-keyframes slideRight {
    0% {
        -ms-transform-origin: 0 0;
        -ms-transform: translateX(0)
    }
    100% {
        -ms-transform-origin: 0 0;
        -ms-transform: translateX(100%)
    }
}

@keyframes slideRight {
    0% {
        transform-origin: 0 0;
        transform: translateX(0)
    }
    100% {
        transform-origin: 0 0;
        transform: translateX(100%)
    }
}

@-moz-keyframes slideUp {
    0% {
        -moz-transform-origin: 0 0;
        -moz-transform: translateY(0)
    }
    100% {
        -moz-transform-origin: 0 0;
        -moz-transform: translateY(-100%)
    }
}

@-webkit-keyframes slideUp {
    0% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: translateY(0)
    }
    100% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: translateY(-100%)
    }
}

@-o-keyframes slideUp {
    0% {
        -o-transform-origin: 0 0;
        -o-transform: translateY(0)
    }
    100% {
        -o-transform-origin: 0 0;
        -o-transform: translateY(-100%)
    }
}

@-ms-keyframes slideUp {
    0% {
        -ms-transform-origin: 0 0;
        -ms-transform: translateY(0)
    }
    100% {
        -ms-transform-origin: 0 0;
        -ms-transform: translateY(-100%)
    }
}

@keyframes slideUp {
    0% {
        transform-origin: 0 0;
        transform: translateY(0)
    }
    100% {
        transform-origin: 0 0;
        transform: translateY(-100%)
    }
}

@-moz-keyframes slideDownRetourn {
    0% {
        -moz-transform-origin: 0 0;
        -moz-transform: translateY(100%)
    }
    100% {
        -moz-transform-origin: 0 0;
        -moz-transform: translateY(0)
    }
}

@-webkit-keyframes slideDownRetourn {
    0% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: translateY(100%)
    }
    100% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: translateY(0)
    }
}

@-o-keyframes slideDownRetourn {
    0% {
        -o-transform-origin: 0 0;
        -o-transform: translateY(100%)
    }
    100% {
        -o-transform-origin: 0 0;
        -o-transform: translateY(0)
    }
}

@-ms-keyframes slideDownRetourn {
    0% {
        -ms-transform-origin: 0 0;
        -ms-transform: translateY(100%)
    }
    100% {
        -ms-transform-origin: 0 0;
        -ms-transform: translateY(0)
    }
}

@keyframes slideDownRetourn {
    0% {
        transform-origin: 0 0;
        transform: translateY(100%)
    }
    100% {
        transform-origin: 0 0;
        transform: translateY(0)
    }
}

@-moz-keyframes slideLeftRetourn {
    0% {
        -moz-transform-origin: 0 0;
        -moz-transform: translateX(-100%)
    }
    100% {
        -moz-transform-origin: 0 0;
        -moz-transform: translateX(0)
    }
}

@-webkit-keyframes slideLeftRetourn {
    0% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: translateX(-100%)
    }
    100% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: translateX(0)
    }
}

@-o-keyframes slideLeftRetourn {
    0% {
        -o-transform-origin: 0 0;
        -o-transform: translateX(-100%)
    }
    100% {
        -o-transform-origin: 0 0;
        -o-transform: translateX(0)
    }
}

@-ms-keyframes slideLeftRetourn {
    0% {
        -ms-transform-origin: 0 0;
        -ms-transform: translateX(-100%)
    }
    100% {
        -ms-transform-origin: 0 0;
        -ms-transform: translateX(0)
    }
}

@keyframes slideLeftRetourn {
    0% {
        transform-origin: 0 0;
        transform: translateX(-100%)
    }
    100% {
        transform-origin: 0 0;
        transform: translateX(0)
    }
}

@-moz-keyframes slideRightRetourn {
    0% {
        -moz-transform-origin: 0 0;
        -moz-transform: translateX(100%)
    }
    100% {
        -moz-transform-origin: 0 0;
        -moz-transform: translateX(0)
    }
}

@-webkit-keyframes slideRightRetourn {
    0% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: translateX(100%)
    }
    100% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: translateX(0)
    }
}

@-o-keyframes slideRightRetourn {
    0% {
        -o-transform-origin: 0 0;
        -o-transform: translateX(100%)
    }
    100% {
        -o-transform-origin: 0 0;
        -o-transform: translateX(0)
    }
}

@-ms-keyframes slideRightRetourn {
    0% {
        -ms-transform-origin: 0 0;
        -ms-transform: translateX(100%)
    }
    100% {
        -ms-transform-origin: 0 0;
        -ms-transform: translateX(0)
    }
}

@keyframes slideRightRetourn {
    0% {
        transform-origin: 0 0;
        transform: translateX(100%)
    }
    100% {
        transform-origin: 0 0;
        transform: translateX(0)
    }
}

@-moz-keyframes slideUpRetourn {
    0% {
        -moz-transform-origin: 0 0;
        -moz-transform: translateY(-100%)
    }
    100% {
        -moz-transform-origin: 0 0;
        -moz-transform: translateY(0)
    }
}

@-webkit-keyframes slideUpRetourn {
    0% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: translateY(-100%)
    }
    100% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: translateY(0)
    }
}

@-o-keyframes slideUpRetourn {
    0% {
        -o-transform-origin: 0 0;
        -o-transform: translateY(-100%)
    }
    100% {
        -o-transform-origin: 0 0;
        -o-transform: translateY(0)
    }
}

@-ms-keyframes slideUpRetourn {
    0% {
        -ms-transform-origin: 0 0;
        -ms-transform: translateY(-100%)
    }
    100% {
        -ms-transform-origin: 0 0;
        -ms-transform: translateY(0)
    }
}

@keyframes slideUpRetourn {
    0% {
        transform-origin: 0 0;
        transform: translateY(-100%)
    }
    100% {
        transform-origin: 0 0;
        transform: translateY(0)
    }
}

@-moz-keyframes swap {
    0% {
        opacity: 0;
        -moz-transform-origin: 0 100%;
        -moz-transform: scale(0, 0) translate(-700px, 0)
    }
    100% {
        opacity: 1;
        -moz-transform-origin: 100% 100%;
        -moz-transform: scale(1, 1) translate(0, 0)
    }
}

@-webkit-keyframes swap {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 100%;
        -webkit-transform: scale(0, 0) translate(-700px, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform-origin: 100% 100%;
        -webkit-transform: scale(1, 1) translate(0, 0)
    }
}

@-o-keyframes swap {
    0% {
        opacity: 0;
        -o-transform-origin: 0 100%;
        -o-transform: scale(0, 0) translate(-700px, 0)
    }
    100% {
        opacity: 1;
        -o-transform-origin: 100% 100%;
        -o-transform: scale(1, 1) translate(0, 0)
    }
}

@-ms-keyframes swap {
    0% {
        opacity: 0;
        -ms-transform-origin: 0 100%;
        -ms-transform: scale(0, 0) translate(-700px, 0)
    }
    100% {
        opacity: 1;
        -ms-transform-origin: 100% 100%;
        -ms-transform: scale(1, 1) translate(0, 0)
    }
}

@keyframes swap {
    0% {
        opacity: 0;
        transform-origin: 0 100%;
        transform: scale(0, 0) translate(-700px, 0)
    }
    100% {
        opacity: 1;
        transform-origin: 100% 100%;
        transform: scale(1, 1) translate(0, 0)
    }
}

@-moz-keyframes twisterInDown {
    0% {
        opacity: 0;
        -moz-transform-origin: 0 100%;
        -moz-transform: scale(0, 0) rotate(360deg) translateY(-100%)
    }
    30% {
        -moz-transform-origin: 0 100%;
        -moz-transform: scale(0, 0) rotate(360deg) translateY(-100%)
    }
    100% {
        opacity: 1;
        -moz-transform-origin: 100% 100%;
        -moz-transform: scale(1, 1) rotate(0) translateY(0)
    }
}

@-webkit-keyframes twisterInDown {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 100%;
        -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%)
    }
    30% {
        -webkit-transform-origin: 0 100%;
        -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%)
    }
    100% {
        opacity: 1;
        -webkit-transform-origin: 100% 100%;
        -webkit-transform: scale(1, 1) rotate(0) translateY(0)
    }
}

@-o-keyframes twisterInDown {
    0% {
        opacity: 0;
        -o-transform-origin: 0 100%;
        -o-transform: scale(0, 0) rotate(360deg) translateY(-100%)
    }
    30% {
        -o-transform-origin: 0 100%;
        -o-transform: scale(0, 0) rotate(360deg) translateY(-100%)
    }
    100% {
        opacity: 1;
        -o-transform-origin: 100% 100%;
        -o-transform: scale(1, 1) rotate(0) translateY(0)
    }
}

@-ms-keyframes twisterInDown {
    0% {
        opacity: 0;
        -ms-transform-origin: 0 100%;
        -ms-transform: scale(0, 0) rotate(360deg) translateY(-100%)
    }
    30% {
        -ms-transform-origin: 0 100%;
        -ms-transform: scale(0, 0) rotate(360deg) translateY(-100%)
    }
    100% {
        opacity: 1;
        -ms-transform-origin: 100% 100%;
        -ms-transform: scale(1, 1) rotate(0) translateY(0)
    }
}

@keyframes twisterInDown {
    0% {
        opacity: 0;
        transform-origin: 0 100%;
        transform: scale(0, 0) rotate(360deg) translateY(-100%)
    }
    30% {
        transform-origin: 0 100%;
        transform: scale(0, 0) rotate(360deg) translateY(-100%)
    }
    100% {
        opacity: 1;
        transform-origin: 100% 100%;
        transform: scale(1, 1) rotate(0) translateY(0)
    }
}

@-moz-keyframes twisterInUp {
    0% {
        opacity: 0;
        -moz-transform-origin: 100% 0;
        -moz-transform: scale(0, 0) rotate(360deg) translateY(100%)
    }
    30% {
        -moz-transform-origin: 100% 0;
        -moz-transform: scale(0, 0) rotate(360deg) translateY(100%)
    }
    100% {
        opacity: 1;
        -moz-transform-origin: 0 0;
        -moz-transform: scale(1, 1) rotate(0) translateY(0)
    }
}

@-webkit-keyframes twisterInUp {
    0% {
        opacity: 0;
        -webkit-transform-origin: 100% 0;
        -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%)
    }
    30% {
        -webkit-transform-origin: 100% 0;
        -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%)
    }
    100% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        -webkit-transform: scale(1, 1) rotate(0) translateY(0)
    }
}

@-o-keyframes twisterInUp {
    0% {
        opacity: 0;
        -o-transform-origin: 100% 0;
        -o-transform: scale(0, 0) rotate(360deg) translateY(100%)
    }
    30% {
        -o-transform-origin: 100% 0;
        -o-transform: scale(0, 0) rotate(360deg) translateY(100%)
    }
    100% {
        opacity: 1;
        -o-transform-origin: 0 0;
        -o-transform: scale(1, 1) rotate(0) translateY(0)
    }
}

@-ms-keyframes twisterInUp {
    0% {
        opacity: 0;
        -ms-transform-origin: 100% 0;
        -ms-transform: scale(0, 0) rotate(360deg) translateY(100%)
    }
    30% {
        -ms-transform-origin: 100% 0;
        -ms-transform: scale(0, 0) rotate(360deg) translateY(100%)
    }
    100% {
        opacity: 1;
        -ms-transform-origin: 0 0;
        -ms-transform: scale(1, 1) rotate(0) translateY(0)
    }
}

@keyframes twisterInUp {
    0% {
        opacity: 0;
        transform-origin: 100% 0;
        transform: scale(0, 0) rotate(360deg) translateY(100%)
    }
    30% {
        transform-origin: 100% 0;
        transform: scale(0, 0) rotate(360deg) translateY(100%)
    }
    100% {
        opacity: 1;
        transform-origin: 0 0;
        transform: scale(1, 1) rotate(0) translateY(0)
    }
}

@-moz-keyframes vanishIn {
    0% {
        opacity: 0;
        -moz-transform-origin: 50% 50%;
        -moz-transform: scale(2, 2);
        -webkit-filter: blur(90px)
    }
    100% {
        opacity: 1;
        -moz-transform-origin: 50% 50%;
        -moz-transform: scale(1, 1);
        -webkit-filter: blur(0)
    }
}

@-webkit-keyframes vanishIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(2, 2);
        -webkit-filter: blur(90px)
    }
    100% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1);
        -webkit-filter: blur(0)
    }
}

@-o-keyframes vanishIn {
    0% {
        opacity: 0;
        -o-transform-origin: 50% 50%;
        -o-transform: scale(2, 2);
        -webkit-filter: blur(90px)
    }
    100% {
        opacity: 1;
        -o-transform-origin: 50% 50%;
        -o-transform: scale(1, 1);
        -webkit-filter: blur(0)
    }
}

@-ms-keyframes vanishIn {
    0% {
        opacity: 0;
        -ms-transform-origin: 50% 50%;
        -ms-transform: scale(2, 2);
        -webkit-filter: blur(90px)
    }
    100% {
        opacity: 1;
        -ms-transform-origin: 50% 50%;
        -ms-transform: scale(1, 1);
        -webkit-filter: blur(0)
    }
}

@keyframes vanishIn {
    0% {
        opacity: 0;
        transform-origin: 50% 50%;
        transform: scale(2, 2);
        -webkit-filter: blur(90px)
    }
    100% {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: scale(1, 1);
        -webkit-filter: blur(0)
    }
}

@-moz-keyframes vanishOut {
    0% {
        opacity: 1;
        -moz-transform-origin: 50% 50%;
        -moz-transform: scale(1, 1);
        -webkit-filter: blur(0)
    }
    100% {
        opacity: 0;
        -moz-transform-origin: 50% 50%;
        -moz-transform: scale(2, 2);
        -webkit-filter: blur(20px)
    }
}

@-webkit-keyframes vanishOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1);
        -webkit-filter: blur(0)
    }
    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(2, 2);
        -webkit-filter: blur(20px)
    }
}

@-o-keyframes vanishOut {
    0% {
        opacity: 1;
        -o-transform-origin: 50% 50%;
        -o-transform: scale(1, 1);
        -webkit-filter: blur(0)
    }
    100% {
        opacity: 0;
        -o-transform-origin: 50% 50%;
        -o-transform: scale(2, 2);
        -webkit-filter: blur(20px)
    }
}

@-ms-keyframes vanishOut {
    0% {
        opacity: 1;
        -ms-transform-origin: 50% 50%;
        -ms-transform: scale(1, 1);
        -webkit-filter: blur(0)
    }
    100% {
        opacity: 0;
        -ms-transform-origin: 50% 50%;
        -ms-transform: scale(2, 2);
        -webkit-filter: blur(20px)
    }
}

@keyframes vanishOut {
    0% {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: scale(1, 1);
        -webkit-filter: blur(0)
    }
    100% {
        opacity: 0;
        transform-origin: 50% 50%;
        transform: scale(2, 2);
        -webkit-filter: blur(20px)
    }
}

@-moz-keyframes swashOut {
    0% {
        opacity: 1;
        -moz-transform-origin: 50% 50%;
        -moz-transform: scale(1, 1)
    }
    80% {
        opacity: 1;
        -moz-transform-origin: 50% 50%;
        -moz-transform: scale(.9, .9)
    }
    100% {
        opacity: 0;
        -moz-transform-origin: 50% 50%;
        -moz-transform: scale(0, 0)
    }
}

@-webkit-keyframes swashOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    80% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(.9, .9)
    }
    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(0, 0)
    }
}

@-o-keyframes swashOut {
    0% {
        opacity: 1;
        -o-transform-origin: 50% 50%;
        -o-transform: scale(1, 1)
    }
    80% {
        opacity: 1;
        -o-transform-origin: 50% 50%;
        -o-transform: scale(.9, .9)
    }
    100% {
        opacity: 0;
        -o-transform-origin: 50% 50%;
        -o-transform: scale(0, 0)
    }
}

@-ms-keyframes swashOut {
    0% {
        opacity: 1;
        -ms-transform-origin: 50% 50%;
        -ms-transform: scale(1, 1)
    }
    80% {
        opacity: 1;
        -ms-transform-origin: 50% 50%;
        -ms-transform: scale(.9, .9)
    }
    100% {
        opacity: 0;
        -ms-transform-origin: 50% 50%;
        -ms-transform: scale(0, 0)
    }
}

@keyframes swashOut {
    0% {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: scale(1, 1)
    }
    80% {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: scale(.9, .9)
    }
    100% {
        opacity: 0;
        transform-origin: 50% 50%;
        transform: scale(0, 0)
    }
}

@-moz-keyframes swashIn {
    0% {
        opacity: 0;
        -moz-transform-origin: 50% 50%;
        -moz-transform: scale(0, 0)
    }
    90% {
        opacity: 1;
        -moz-transform-origin: 50% 50%;
        -moz-transform: scale(.9, .9)
    }
    100% {
        opacity: 1;
        -moz-transform-origin: 50% 50%;
        -moz-transform: scale(1, 1)
    }
}

@-webkit-keyframes swashIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(0, 0)
    }
    90% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(.9, .9)
    }
    100% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1)
    }
}

@-o-keyframes swashIn {
    0% {
        opacity: 0;
        -o-transform-origin: 50% 50%;
        -o-transform: scale(0, 0)
    }
    90% {
        opacity: 1;
        -o-transform-origin: 50% 50%;
        -o-transform: scale(.9, .9)
    }
    100% {
        opacity: 1;
        -o-transform-origin: 50% 50%;
        -o-transform: scale(1, 1)
    }
}

@-ms-keyframes swashIn {
    0% {
        opacity: 0;
        -ms-transform-origin: 50% 50%;
        -ms-transform: scale(0, 0)
    }
    90% {
        opacity: 1;
        -ms-transform-origin: 50% 50%;
        -ms-transform: scale(.9, .9)
    }
    100% {
        opacity: 1;
        -ms-transform-origin: 50% 50%;
        -ms-transform: scale(1, 1)
    }
}

@keyframes swashIn {
    0% {
        opacity: 0;
        transform-origin: 50% 50%;
        transform: scale(0, 0)
    }
    90% {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: scale(.9, .9)
    }
    100% {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: scale(1, 1)
    }
}

@-moz-keyframes foolishOut {
    0% {
        opacity: 1;
        -moz-transform-origin: 50% 50%;
        -moz-transform: scale(1, 1) rotate(360deg)
    }
    20% {
        opacity: 1;
        -moz-transform-origin: 0 0;
        -moz-transform: scale(.5, .5) rotate(0)
    }
    40% {
        opacity: 1;
        -moz-transform-origin: 100% 0;
        -moz-transform: scale(.5, .5) rotate(0)
    }
    60% {
        opacity: 1;
        -moz-transform-origin: 0;
        -moz-transform: scale(.5, .5) rotate(0)
    }
    80% {
        opacity: 1;
        -moz-transform-origin: 0 100%;
        -moz-transform: scale(.5, .5) rotate(0)
    }
    100% {
        opacity: 0;
        -moz-transform-origin: 50% 50%;
        -moz-transform: scale(0, 0) rotate(0)
    }
}

@-webkit-keyframes foolishOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1) rotate(360deg)
    }
    20% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        -webkit-transform: scale(.5, .5) rotate(0)
    }
    40% {
        opacity: 1;
        -webkit-transform-origin: 100% 0;
        -webkit-transform: scale(.5, .5) rotate(0)
    }
    60% {
        opacity: 1;
        -webkit-transform-origin: 0;
        -webkit-transform: scale(.5, .5) rotate(0)
    }
    80% {
        opacity: 1;
        -webkit-transform-origin: 0 100%;
        -webkit-transform: scale(.5, .5) rotate(0)
    }
    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(0, 0) rotate(0)
    }
}

@-o-keyframes foolishOut {
    0% {
        opacity: 1;
        -o-transform-origin: 50% 50%;
        -o-transform: scale(1, 1) rotate(360deg)
    }
    20% {
        opacity: 1;
        -o-transform-origin: 0 0;
        -o-transform: scale(.5, .5) rotate(0)
    }
    40% {
        opacity: 1;
        -o-transform-origin: 100% 0;
        -o-transform: scale(.5, .5) rotate(0)
    }
    60% {
        opacity: 1;
        -o-transform-origin: 0;
        -o-transform: scale(.5, .5) rotate(0)
    }
    80% {
        opacity: 1;
        -o-transform-origin: 0 100%;
        -o-transform: scale(.5, .5) rotate(0)
    }
    100% {
        opacity: 0;
        -o-transform-origin: 50% 50%;
        -o-transform: scale(0, 0) rotate(0)
    }
}

@-ms-keyframes foolishOut {
    0% {
        opacity: 1;
        -ms-transform-origin: 50% 50%;
        -ms-transform: scale(1, 1) rotate(360deg)
    }
    20% {
        opacity: 1;
        -ms-transform-origin: 0 0;
        -ms-transform: scale(.5, .5) rotate(0)
    }
    40% {
        opacity: 1;
        -ms-transform-origin: 100% 0;
        -ms-transform: scale(.5, .5) rotate(0)
    }
    60% {
        opacity: 1;
        -ms-transform-origin: 0;
        -ms-transform: scale(.5, .5) rotate(0)
    }
    80% {
        opacity: 1;
        -ms-transform-origin: 0 100%;
        -ms-transform: scale(.5, .5) rotate(0)
    }
    100% {
        opacity: 0;
        -ms-transform-origin: 50% 50%;
        -ms-transform: scale(0, 0) rotate(0)
    }
}

@keyframes foolishOut {
    0% {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: scale(1, 1) rotate(360deg)
    }
    20% {
        opacity: 1;
        transform-origin: 0 0;
        transform: scale(.5, .5) rotate(0)
    }
    40% {
        opacity: 1;
        transform-origin: 100% 0;
        transform: scale(.5, .5) rotate(0)
    }
    60% {
        opacity: 1;
        transform-origin: 0;
        transform: scale(.5, .5) rotate(0)
    }
    80% {
        opacity: 1;
        transform-origin: 0 100%;
        transform: scale(.5, .5) rotate(0)
    }
    100% {
        opacity: 0;
        transform-origin: 50% 50%;
        transform: scale(0, 0) rotate(0)
    }
}

@-moz-keyframes foolishIn {
    0% {
        opacity: 0;
        -moz-transform-origin: 50% 50%;
        -moz-transform: scale(0, 0) rotate(360deg)
    }
    20% {
        opacity: 1;
        -moz-transform-origin: 0 100%;
        -moz-transform: scale(.5, .5) rotate(0)
    }
    40% {
        opacity: 1;
        -moz-transform-origin: 100% 100%;
        -moz-transform: scale(.5, .5) rotate(0)
    }
    60% {
        opacity: 1;
        -moz-transform-origin: 0;
        -moz-transform: scale(.5, .5) rotate(0)
    }
    80% {
        opacity: 1;
        -moz-transform-origin: 0 0;
        -moz-transform: scale(.5, .5) rotate(0)
    }
    100% {
        opacity: 1;
        -moz-transform-origin: 50% 50%;
        -moz-transform: scale(1, 1) rotate(0)
    }
}

@-webkit-keyframes foolishIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(0, 0) rotate(360deg)
    }
    20% {
        opacity: 1;
        -webkit-transform-origin: 0 100%;
        -webkit-transform: scale(.5, .5) rotate(0)
    }
    40% {
        opacity: 1;
        -webkit-transform-origin: 100% 100%;
        -webkit-transform: scale(.5, .5) rotate(0)
    }
    60% {
        opacity: 1;
        -webkit-transform-origin: 0;
        -webkit-transform: scale(.5, .5) rotate(0)
    }
    80% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        -webkit-transform: scale(.5, .5) rotate(0)
    }
    100% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1) rotate(0)
    }
}

@-o-keyframes foolishIn {
    0% {
        opacity: 0;
        -o-transform-origin: 50% 50%;
        -o-transform: scale(0, 0) rotate(360deg)
    }
    20% {
        opacity: 1;
        -o-transform-origin: 0 100%;
        -o-transform: scale(.5, .5) rotate(0)
    }
    40% {
        opacity: 1;
        -o-transform-origin: 100% 100%;
        -o-transform: scale(.5, .5) rotate(0)
    }
    60% {
        opacity: 1;
        -o-transform-origin: 0;
        -o-transform: scale(.5, .5) rotate(0)
    }
    80% {
        opacity: 1;
        -o-transform-origin: 0 0;
        -o-transform: scale(.5, .5) rotate(0)
    }
    100% {
        opacity: 1;
        -o-transform-origin: 50% 50%;
        -o-transform: scale(1, 1) rotate(0)
    }
}

@-ms-keyframes foolishIn {
    0% {
        opacity: 0;
        -ms-transform-origin: 50% 50%;
        -ms-transform: scale(0, 0) rotate(360deg)
    }
    20% {
        opacity: 1;
        -ms-transform-origin: 0 100%;
        -ms-transform: scale(.5, .5) rotate(0)
    }
    40% {
        opacity: 1;
        -ms-transform-origin: 100% 100%;
        -ms-transform: scale(.5, .5) rotate(0)
    }
    60% {
        opacity: 1;
        -ms-transform-origin: 0;
        -ms-transform: scale(.5, .5) rotate(0)
    }
    80% {
        opacity: 1;
        -ms-transform-origin: 0 0;
        -ms-transform: scale(.5, .5) rotate(0)
    }
    100% {
        opacity: 1;
        -ms-transform-origin: 50% 50%;
        -ms-transform: scale(1, 1) rotate(0)
    }
}

@keyframes foolishIn {
    0% {
        opacity: 0;
        transform-origin: 50% 50%;
        transform: scale(0, 0) rotate(360deg)
    }
    20% {
        opacity: 1;
        transform-origin: 0 100%;
        transform: scale(.5, .5) rotate(0)
    }
    40% {
        opacity: 1;
        transform-origin: 100% 100%;
        transform: scale(.5, .5) rotate(0)
    }
    60% {
        opacity: 1;
        transform-origin: 0;
        transform: scale(.5, .5) rotate(0)
    }
    80% {
        opacity: 1;
        transform-origin: 0 0;
        transform: scale(.5, .5) rotate(0)
    }
    100% {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: scale(1, 1) rotate(0)
    }
}

@-moz-keyframes holeOut {
    0% {
        opacity: 1;
        -moz-transform-origin: 50% 50%;
        -moz-transform: scale(1, 1) rotateY(0)
    }
    100% {
        opacity: 0;
        -moz-transform-origin: 50% 50%;
        -moz-transform: scale(0, 0) rotateY(180deg)
    }
}

@-webkit-keyframes holeOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1) rotateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(0, 0) rotateY(180deg)
    }
}

@-o-keyframes holeOut {
    0% {
        opacity: 1;
        -o-transform-origin: 50% 50%;
        -o-transform: scale(1, 1) rotateY(0)
    }
    100% {
        opacity: 0;
        -o-transform-origin: 50% 50%;
        -o-transform: scale(0, 0) rotateY(180deg)
    }
}

@-ms-keyframes holeOut {
    0% {
        opacity: 1;
        -ms-transform-origin: 50% 50%;
        -ms-transform: scale(1, 1) rotateY(0)
    }
    100% {
        opacity: 0;
        -ms-transform-origin: 50% 50%;
        -ms-transform: scale(0, 0) rotateY(180deg)
    }
}

@keyframes holeOut {
    0% {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: scale(1, 1) rotateY(0)
    }
    100% {
        opacity: 0;
        transform-origin: 50% 50%;
        transform: scale(0, 0) rotateY(180deg)
    }
}

@-moz-keyframes tinRightOut {
    0%,
    20%,
    40%,
    50% {
        opacity: 1;
        -moz-transform: scale(1, 1) translateX(0)
    }
    10%,
    30% {
        opacity: 1;
        -moz-transform: scale(1.1, 1.1) translateX(0)
    }
    100% {
        opacity: 0;
        -moz-transform: scale(1, 1) translateX(900%)
    }
}

@-webkit-keyframes tinRightOut {
    0%,
    20%,
    40%,
    50% {
        opacity: 1;
        -webkit-transform: scale(1, 1) translateX(0)
    }
    10%,
    30% {
        opacity: 1;
        -webkit-transform: scale(1.1, 1.1) translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1, 1) translateX(900%)
    }
}

@-o-keyframes tinRightOut {
    0%,
    20%,
    40%,
    50% {
        opacity: 1;
        -o-transform: scale(1, 1) translateX(0)
    }
    10%,
    30% {
        opacity: 1;
        -o-transform: scale(1.1, 1.1) translateX(0)
    }
    100% {
        opacity: 0;
        -o-transform: scale(1, 1) translateX(900%)
    }
}

@-ms-keyframes tinRightOut {
    0%,
    20%,
    40%,
    50% {
        opacity: 1;
        -ms-transform: scale(1, 1) translateX(0)
    }
    10%,
    30% {
        opacity: 1;
        -ms-transform: scale(1.1, 1.1) translateX(0)
    }
    100% {
        opacity: 0;
        -ms-transform: scale(1, 1) translateX(900%)
    }
}

@keyframes tinRightOut {
    0%,
    20%,
    40%,
    50% {
        opacity: 1;
        transform: scale(1, 1) translateX(0)
    }
    10%,
    30% {
        opacity: 1;
        transform: scale(1.1, 1.1) translateX(0)
    }
    100% {
        opacity: 0;
        transform: scale(1, 1) translateX(900%)
    }
}

@-moz-keyframes tinLeftOut {
    0%,
    20%,
    40%,
    50% {
        opacity: 1;
        -moz-transform: scale(1, 1) translateX(0)
    }
    10%,
    30% {
        opacity: 1;
        -moz-transform: scale(1.1, 1.1) translateX(0)
    }
    100% {
        opacity: 0;
        -moz-transform: scale(1, 1) translateX(-900%)
    }
}

@-webkit-keyframes tinLeftOut {
    0%,
    20%,
    40%,
    50% {
        opacity: 1;
        -webkit-transform: scale(1, 1) translateX(0)
    }
    10%,
    30% {
        opacity: 1;
        -webkit-transform: scale(1.1, 1.1) translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1, 1) translateX(-900%)
    }
}

@-o-keyframes tinLeftOut {
    0%,
    20%,
    40%,
    50% {
        opacity: 1;
        -o-transform: scale(1, 1) translateX(0)
    }
    10%,
    30% {
        opacity: 1;
        -o-transform: scale(1.1, 1.1) translateX(0)
    }
    100% {
        opacity: 0;
        -o-transform: scale(1, 1) translateX(-900%)
    }
}

@-ms-keyframes tinLeftOut {
    0%,
    20%,
    40%,
    50% {
        opacity: 1;
        -ms-transform: scale(1, 1) translateX(0)
    }
    10%,
    30% {
        opacity: 1;
        -ms-transform: scale(1.1, 1.1) translateX(0)
    }
    100% {
        opacity: 0;
        -ms-transform: scale(1, 1) translateX(-900%)
    }
}

@keyframes tinLeftOut {
    0%,
    20%,
    40%,
    50% {
        opacity: 1;
        transform: scale(1, 1) translateX(0)
    }
    10%,
    30% {
        opacity: 1;
        transform: scale(1.1, 1.1) translateX(0)
    }
    100% {
        opacity: 0;
        transform: scale(1, 1) translateX(-900%)
    }
}

@-moz-keyframes tinUpOut {
    0%,
    20%,
    40%,
    50% {
        opacity: 1;
        -moz-transform: scale(1, 1) translateY(0)
    }
    10%,
    30% {
        opacity: 1;
        -moz-transform: scale(1.1, 1.1) translateY(0)
    }
    100% {
        opacity: 0;
        -moz-transform: scale(1, 1) translateY(-900%)
    }
}

@-webkit-keyframes tinUpOut {
    0%,
    20%,
    40%,
    50% {
        opacity: 1;
        -webkit-transform: scale(1, 1) translateY(0)
    }
    10%,
    30% {
        opacity: 1;
        -webkit-transform: scale(1.1, 1.1) translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1, 1) translateY(-900%)
    }
}

@-o-keyframes tinUpOut {
    0%,
    20%,
    40%,
    50% {
        opacity: 1;
        -o-transform: scale(1, 1) translateY(0)
    }
    10%,
    30% {
        opacity: 1;
        -o-transform: scale(1.1, 1.1) translateY(0)
    }
    100% {
        opacity: 0;
        -o-transform: scale(1, 1) translateY(-900%)
    }
}

@-ms-keyframes tinUpOut {
    0%,
    20%,
    40%,
    50% {
        opacity: 1;
        -ms-transform: scale(1, 1) translateY(0)
    }
    10%,
    30% {
        opacity: 1;
        -ms-transform: scale(1.1, 1.1) translateY(0)
    }
    100% {
        opacity: 0;
        -ms-transform: scale(1, 1) translateY(-900%)
    }
}

@keyframes tinUpOut {
    0%,
    20%,
    40%,
    50% {
        opacity: 1;
        transform: scale(1, 1) translateY(0)
    }
    10%,
    30% {
        opacity: 1;
        transform: scale(1.1, 1.1) translateY(0)
    }
    100% {
        opacity: 0;
        transform: scale(1, 1) translateY(-900%)
    }
}

@-moz-keyframes tinDownOut {
    0%,
    20%,
    40%,
    50% {
        opacity: 1;
        -moz-transform: scale(1, 1) translateY(0)
    }
    10%,
    30% {
        opacity: 1;
        -moz-transform: scale(1.1, 1.1) translateY(0)
    }
    100% {
        opacity: 0;
        -moz-transform: scale(1, 1) translateY(900%)
    }
}

@-webkit-keyframes tinDownOut {
    0%,
    20%,
    40%,
    50% {
        opacity: 1;
        -webkit-transform: scale(1, 1) translateY(0)
    }
    10%,
    30% {
        opacity: 1;
        -webkit-transform: scale(1.1, 1.1) translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1, 1) translateY(900%)
    }
}

@-o-keyframes tinDownOut {
    0%,
    20%,
    40%,
    50% {
        opacity: 1;
        -o-transform: scale(1, 1) translateY(0)
    }
    10%,
    30% {
        opacity: 1;
        -o-transform: scale(1.1, 1.1) translateY(0)
    }
    100% {
        opacity: 0;
        -o-transform: scale(1, 1) translateY(900%)
    }
}

@-ms-keyframes tinDownOut {
    0%,
    20%,
    40%,
    50% {
        opacity: 1;
        -ms-transform: scale(1, 1) translateY(0)
    }
    10%,
    30% {
        opacity: 1;
        -ms-transform: scale(1.1, 1.1) translateY(0)
    }
    100% {
        opacity: 0;
        -ms-transform: scale(1, 1) translateY(900%)
    }
}

@keyframes tinDownOut {
    0%,
    20%,
    40%,
    50% {
        opacity: 1;
        transform: scale(1, 1) translateY(0)
    }
    10%,
    30% {
        opacity: 1;
        transform: scale(1.1, 1.1) translateY(0)
    }
    100% {
        opacity: 0;
        transform: scale(1, 1) translateY(900%)
    }
}

@-moz-keyframes tinRightIn {
    0% {
        opacity: 0;
        -moz-transform: scale(1, 1) translateX(900%)
    }
    50%,
    70%,
    90% {
        opacity: 1;
        -moz-transform: scale(1.1, 1.1) translateX(0)
    }
    100%,
    60%,
    80% {
        opacity: 1;
        -moz-transform: scale(1, 1) translateX(0)
    }
}

@-webkit-keyframes tinRightIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(1, 1) translateX(900%)
    }
    50%,
    70%,
    90% {
        opacity: 1;
        -webkit-transform: scale(1.1, 1.1) translateX(0)
    }
    100%,
    60%,
    80% {
        opacity: 1;
        -webkit-transform: scale(1, 1) translateX(0)
    }
}

@-o-keyframes tinRightIn {
    0% {
        opacity: 0;
        -o-transform: scale(1, 1) translateX(900%)
    }
    50%,
    70%,
    90% {
        opacity: 1;
        -o-transform: scale(1.1, 1.1) translateX(0)
    }
    100%,
    60%,
    80% {
        opacity: 1;
        -o-transform: scale(1, 1) translateX(0)
    }
}

@-ms-keyframes tinRightIn {
    0% {
        opacity: 0;
        -ms-transform: scale(1, 1) translateX(900%)
    }
    50%,
    70%,
    90% {
        opacity: 1;
        -ms-transform: scale(1.1, 1.1) translateX(0)
    }
    100%,
    60%,
    80% {
        opacity: 1;
        -ms-transform: scale(1, 1) translateX(0)
    }
}

@keyframes tinRightIn {
    0% {
        opacity: 0;
        transform: scale(1, 1) translateX(900%)
    }
    50%,
    70%,
    90% {
        opacity: 1;
        transform: scale(1.1, 1.1) translateX(0)
    }
    100%,
    60%,
    80% {
        opacity: 1;
        transform: scale(1, 1) translateX(0)
    }
}

@-moz-keyframes tinLeftIn {
    0% {
        opacity: 0;
        -moz-transform: scale(1, 1) translateX(-900%)
    }
    50%,
    70%,
    90% {
        opacity: 1;
        -moz-transform: scale(1.1, 1.1) translateX(0)
    }
    100%,
    60%,
    80% {
        opacity: 1;
        -moz-transform: scale(1, 1) translateX(0)
    }
}

@-webkit-keyframes tinLeftIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(1, 1) translateX(-900%)
    }
    50%,
    70%,
    90% {
        opacity: 1;
        -webkit-transform: scale(1.1, 1.1) translateX(0)
    }
    100%,
    60%,
    80% {
        opacity: 1;
        -webkit-transform: scale(1, 1) translateX(0)
    }
}

@-o-keyframes tinLeftIn {
    0% {
        opacity: 0;
        -o-transform: scale(1, 1) translateX(-900%)
    }
    50%,
    70%,
    90% {
        opacity: 1;
        -o-transform: scale(1.1, 1.1) translateX(0)
    }
    100%,
    60%,
    80% {
        opacity: 1;
        -o-transform: scale(1, 1) translateX(0)
    }
}

@-ms-keyframes tinLeftIn {
    0% {
        opacity: 0;
        -ms-transform: scale(1, 1) translateX(-900%)
    }
    50%,
    70%,
    90% {
        opacity: 1;
        -ms-transform: scale(1.1, 1.1) translateX(0)
    }
    100%,
    60%,
    80% {
        opacity: 1;
        -ms-transform: scale(1, 1) translateX(0)
    }
}

@keyframes tinLeftIn {
    0% {
        opacity: 0;
        transform: scale(1, 1) translateX(-900%)
    }
    50%,
    70%,
    90% {
        opacity: 1;
        transform: scale(1.1, 1.1) translateX(0)
    }
    100%,
    60%,
    80% {
        opacity: 1;
        transform: scale(1, 1) translateX(0)
    }
}

@-moz-keyframes tinUpIn {
    0% {
        opacity: 0;
        -moz-transform: scale(1, 1) translateY(-900%)
    }
    50%,
    70%,
    90% {
        opacity: 1;
        -moz-transform: scale(1.1, 1.1) translateY(0)
    }
    100%,
    60%,
    80% {
        opacity: 1;
        -moz-transform: scale(1, 1) translateY(0)
    }
}

@-webkit-keyframes tinUpIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(1, 1) translateY(-900%)
    }
    50%,
    70%,
    90% {
        opacity: 1;
        -webkit-transform: scale(1.1, 1.1) translateY(0)
    }
    100%,
    60%,
    80% {
        opacity: 1;
        -webkit-transform: scale(1, 1) translateY(0)
    }
}

@-o-keyframes tinUpIn {
    0% {
        opacity: 0;
        -o-transform: scale(1, 1) translateY(-900%)
    }
    50%,
    70%,
    90% {
        opacity: 1;
        -o-transform: scale(1.1, 1.1) translateY(0)
    }
    100%,
    60%,
    80% {
        opacity: 1;
        -o-transform: scale(1, 1) translateY(0)
    }
}

@-ms-keyframes tinUpIn {
    0% {
        opacity: 0;
        -ms-transform: scale(1, 1) translateY(-900%)
    }
    50%,
    70%,
    90% {
        opacity: 1;
        -ms-transform: scale(1.1, 1.1) translateY(0)
    }
    100%,
    60%,
    80% {
        opacity: 1;
        -ms-transform: scale(1, 1) translateY(0)
    }
}

@keyframes tinUpIn {
    0% {
        opacity: 0;
        transform: scale(1, 1) translateY(-900%)
    }
    50%,
    70%,
    90% {
        opacity: 1;
        transform: scale(1.1, 1.1) translateY(0)
    }
    100%,
    60%,
    80% {
        opacity: 1;
        transform: scale(1, 1) translateY(0)
    }
}

@-moz-keyframes tinDownIn {
    0% {
        opacity: 0;
        -moz-transform: scale(1, 1) translateY(900%)
    }
    50%,
    70%,
    90% {
        opacity: 1;
        -moz-transform: scale(1.1, 1.1) translateY(0)
    }
    100%,
    60%,
    80% {
        opacity: 1;
        -moz-transform: scale(1, 1) translateY(0)
    }
}

@-webkit-keyframes tinDownIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(1, 1) translateY(900%)
    }
    50%,
    70%,
    90% {
        opacity: 1;
        -webkit-transform: scale(1.1, 1.1) translateY(0)
    }
    100%,
    60%,
    80% {
        opacity: 1;
        -webkit-transform: scale(1, 1) translateY(0)
    }
}

@-o-keyframes tinDownIn {
    0% {
        opacity: 0;
        -o-transform: scale(1, 1) translateY(900%)
    }
    50%,
    70%,
    90% {
        opacity: 1;
        -o-transform: scale(1.1, 1.1) translateY(0)
    }
    100%,
    60%,
    80% {
        opacity: 1;
        -o-transform: scale(1, 1) translateY(0)
    }
}

@-ms-keyframes tinDownIn {
    0% {
        opacity: 0;
        -ms-transform: scale(1, 1) translateY(900%)
    }
    50%,
    70%,
    90% {
        opacity: 1;
        -ms-transform: scale(1.1, 1.1) translateY(0)
    }
    100%,
    60%,
    80% {
        opacity: 1;
        -ms-transform: scale(1, 1) translateY(0)
    }
}

@keyframes tinDownIn {
    0% {
        opacity: 0;
        transform: scale(1, 1) translateY(900%)
    }
    50%,
    70%,
    90% {
        opacity: 1;
        transform: scale(1.1, 1.1) translateY(0)
    }
    100%,
    60%,
    80% {
        opacity: 1;
        transform: scale(1, 1) translateY(0)
    }
}

@-moz-keyframes bombRightOut {
    0% {
        opacity: 1;
        -moz-transform-origin: 50% 50%;
        -moz-transform: rotate(0);
        -webkit-filter: blur(0)
    }
    50% {
        opacity: 1;
        -moz-transform-origin: 200% 50%;
        -moz-transform: rotate(160deg);
        -webkit-filter: blur(0)
    }
    100% {
        opacity: 0;
        -moz-transform-origin: 200% 50%;
        -moz-transform: rotate(160deg);
        -webkit-filter: blur(20px)
    }
}

@-webkit-keyframes bombRightOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: rotate(0);
        -webkit-filter: blur(0)
    }
    50% {
        opacity: 1;
        -webkit-transform-origin: 200% 50%;
        -webkit-transform: rotate(160deg);
        -webkit-filter: blur(0)
    }
    100% {
        opacity: 0;
        -webkit-transform-origin: 200% 50%;
        -webkit-transform: rotate(160deg);
        -webkit-filter: blur(20px)
    }
}

@-o-keyframes bombRightOut {
    0% {
        opacity: 1;
        -o-transform-origin: 50% 50%;
        -o-transform: rotate(0);
        -webkit-filter: blur(0)
    }
    50% {
        opacity: 1;
        -o-transform-origin: 200% 50%;
        -o-transform: rotate(160deg);
        -webkit-filter: blur(0)
    }
    100% {
        opacity: 0;
        -o-transform-origin: 200% 50%;
        -o-transform: rotate(160deg);
        -webkit-filter: blur(20px)
    }
}

@-ms-keyframes bombRightOut {
    0% {
        opacity: 1;
        -ms-transform-origin: 50% 50%;
        -ms-transform: rotate(0);
        -webkit-filter: blur(0)
    }
    50% {
        opacity: 1;
        -ms-transform-origin: 200% 50%;
        -ms-transform: rotate(160deg);
        -webkit-filter: blur(0)
    }
    100% {
        opacity: 0;
        -ms-transform-origin: 200% 50%;
        -ms-transform: rotate(160deg);
        -webkit-filter: blur(20px)
    }
}

@keyframes bombRightOut {
    0% {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: rotate(0);
        -webkit-filter: blur(0)
    }
    50% {
        opacity: 1;
        transform-origin: 200% 50%;
        transform: rotate(160deg);
        -webkit-filter: blur(0)
    }
    100% {
        opacity: 0;
        transform-origin: 200% 50%;
        transform: rotate(160deg);
        -webkit-filter: blur(20px)
    }
}

@-moz-keyframes bombLeftOut {
    0% {
        opacity: 1;
        -moz-transform-origin: 50% 50%;
        -moz-transform: rotate(0);
        -webkit-filter: blur(0)
    }
    50% {
        opacity: 1;
        -moz-transform-origin: -100% 50%;
        -moz-transform: rotate(-160deg);
        -webkit-filter: blur(0)
    }
    100% {
        opacity: 0;
        -moz-transform-origin: -100% 50%;
        -moz-transform: rotate(-160deg);
        -webkit-filter: blur(20px)
    }
}

@-webkit-keyframes bombLeftOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: rotate(0);
        -webkit-filter: blur(0)
    }
    50% {
        opacity: 1;
        -webkit-transform-origin: -100% 50%;
        -webkit-transform: rotate(-160deg);
        -webkit-filter: blur(0)
    }
    100% {
        opacity: 0;
        -webkit-transform-origin: -100% 50%;
        -webkit-transform: rotate(-160deg);
        -webkit-filter: blur(20px)
    }
}

@-o-keyframes bombLeftOut {
    0% {
        opacity: 1;
        -o-transform-origin: 50% 50%;
        -o-transform: rotate(0);
        -webkit-filter: blur(0)
    }
    50% {
        opacity: 1;
        -o-transform-origin: -100% 50%;
        -o-transform: rotate(-160deg);
        -webkit-filter: blur(0)
    }
    100% {
        opacity: 0;
        -o-transform-origin: -100% 50%;
        -o-transform: rotate(-160deg);
        -webkit-filter: blur(20px)
    }
}

@-ms-keyframes bombLeftOut {
    0% {
        opacity: 1;
        -ms-transform-origin: 50% 50%;
        -ms-transform: rotate(0);
        -webkit-filter: blur(0)
    }
    50% {
        opacity: 1;
        -ms-transform-origin: -100% 50%;
        -ms-transform: rotate(-160deg);
        -webkit-filter: blur(0)
    }
    100% {
        opacity: 0;
        -ms-transform-origin: -100% 50%;
        -ms-transform: rotate(-160deg);
        -webkit-filter: blur(20px)
    }
}

@keyframes bombLeftOut {
    0% {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: rotate(0);
        -webkit-filter: blur(0)
    }
    50% {
        opacity: 1;
        transform-origin: -100% 50%;
        transform: rotate(-160deg);
        -webkit-filter: blur(0)
    }
    100% {
        opacity: 0;
        transform-origin: -100% 50%;
        transform: rotate(-160deg);
        -webkit-filter: blur(20px)
    }
}

.mfp-bg,
.mfp-wrap {
    position: fixed;
    left: 0;
    top: 0
}

.mfp-bg,
.mfp-container,
.mfp-wrap {
    height: 100%;
    width: 100%
}

.mfp-container:before,
.mfp-figure:after {
    content: ''
}

.mfp-bg {
    z-index: 1042;
    overflow: hidden;
    background: #0b0b0b;
    opacity: .8
}

.mfp-wrap {
    z-index: 1043;
    outline: 0!important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mfp-container:before {
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-close,
.mfp-preloader {
    text-align: center;
    position: absolute
}

.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none!important
}

.mfp-preloader {
    color: #ccc;
    top: 50%;
    width: auto;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #ccc
}

.mfp-close,
.mfp-preloader a:hover {
    color: #fff
}

.mfp-s-error .mfp-content,
.mfp-s-ready .mfp-preloader {
    display: none
}

button.mfp-arrow,
button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none
}

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

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    right: 0;
    top: 0;
    text-decoration: none;
    opacity: .65;
    padding: 0 0 18px 10px;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:focus,
.mfp-close:hover {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-figure,
img.mfp-img {
    line-height: 0
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: -55px 0 0;
    top: 50%;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:focus,
.mfp-arrow:hover {
    opacity: 1
}

.mfp-arrow .mfp-a,
.mfp-arrow .mfp-b,
.mfp-arrow:after,
.mfp-arrow:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: inset transparent
}

.mfp-arrow .mfp-a,
.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow .mfp-b,
.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left .mfp-a,
.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px
}

.mfp-arrow-left .mfp-b,
.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right .mfp-a,
.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px
}

.mfp-arrow-right .mfp-b,
.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-image-holder .mfp-content,
img.mfp-img {
    max-width: 100%
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #000
}

.mfp-figure:after,
img.mfp-img {
    width: auto;
    height: auto;
    display: block
}

img.mfp-img {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0;
    margin: 0 auto
}

.mfp-figure:after {
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    right: 0;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #444
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width:800px) and (orientation:landscape),
screen and (max-height:300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }
    .mfp-img-mobile img.mfp-img {
        padding: 0
    }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width:900px) {
    .mfp-arrow {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.mfp-ie7 .mfp-img {
    padding: 0
}

.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px
}

.mfp-ie7 .mfp-container {
    padding: 0
}

.mfp-ie7 .mfp-content {
    padding-top: 44px
}

.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0
}

.image-source-link {
    color: #98c3d1
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1
}

.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: .8
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0
}

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

.owl-carousel,
.owl-carousel .owl-wrapper {
    display: none;
    position: relative
}

.owl-carousel {
    width: 100%;
    -ms-touch-action: pan-y
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height .5s ease-in-out;
    -moz-transition: height .5s ease-in-out;
    -ms-transition: height .5s ease-in-out;
    -o-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item {
    float: left
}

.owl-controls .owl-buttons div,
.owl-controls .owl-page {
    cursor: pointer
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

.grabbing {
    cursor: move;
    cursor: grab
}

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

.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center
}

.owl-theme .owl-controls .owl-buttons div {
    color: #fff;
    display: inline-block;
    zoom: 1;
    margin: 5px;
    padding: 3px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #869791;
    filter: Alpha(Opacity=50);
    opacity: .5
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    filter: Alpha(Opacity=100);
    opacity: 1;
    text-decoration: none
}

.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1
}

.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 7px;
    height: 7px;
    margin: 10px 2px;
    filter: Alpha(Opacity=50);
    opacity: .5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #869791
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);
    opacity: 1
}

.owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #fff;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}

.owl-origin {
    -webkit-perspective: 1200px;
    -webkit-perspective-origin-x: 50%;
    -webkit-perspective-origin-y: 50%;
    -moz-perspective: 1200px;
    -moz-perspective-origin-x: 50%;
    -moz-perspective-origin-y: 50%;
    perspective: 1200px
}

.owl-fade-out {
    z-index: 10;
    -webkit-animation: fadeOut .7s both ease;
    -moz-animation: fadeOut .7s both ease;
    animation: fadeOut .7s both ease
}

.owl-fade-in {
    -webkit-animation: fadeIn .7s both ease;
    -moz-animation: fadeIn .7s both ease;
    animation: fadeIn .7s both ease
}

.owl-backSlide-out {
    -webkit-animation: backSlideOut 1s both ease;
    -moz-animation: backSlideOut 1s both ease;
    animation: backSlideOut 1s both ease
}

.owl-backSlide-in {
    -webkit-animation: backSlideIn 1s both ease;
    -moz-animation: backSlideIn 1s both ease;
    animation: backSlideIn 1s both ease
}

.owl-goDown-out {
    -webkit-animation: scaleToFade .7s ease both;
    -moz-animation: scaleToFade .7s ease both;
    animation: scaleToFade .7s ease both
}

.owl-goDown-in {
    -webkit-animation: goDown .6s ease both;
    -moz-animation: goDown .6s ease both;
    animation: goDown .6s ease both
}

.owl-fadeUp-in {
    -webkit-animation: scaleUpFrom .5s ease both;
    -moz-animation: scaleUpFrom .5s ease both;
    animation: scaleUpFrom .5s ease both
}

.owl-fadeUp-out {
    -webkit-animation: scaleUpTo .5s ease both;
    -moz-animation: scaleUpTo .5s ease both;
    animation: scaleUpTo .5s ease both
}

@-webkit-keyframes empty {
    0% {
        opacity: 1
    }
}

@-moz-keyframes empty {
    0% {
        opacity: 1
    }
}

@keyframes empty {
    0% {
        opacity: 1
    }
}

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

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

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

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

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

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

@-webkit-keyframes backSlideOut {
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px)
    }
    100%,
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%)
    }
}

@-moz-keyframes backSlideOut {
    25% {
        opacity: .5;
        -moz-transform: translateZ(-500px)
    }
    100%,
    75% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(-200%)
    }
}

@keyframes backSlideOut {
    25% {
        opacity: .5;
        transform: translateZ(-500px)
    }
    100%,
    75% {
        opacity: .5;
        transform: translateZ(-500px) translateX(-200%)
    }
}

@-webkit-keyframes backSlideIn {
    0%,
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(200%)
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0)
    }
}

@-moz-keyframes backSlideIn {
    0%,
    25% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(200%)
    }
    75% {
        opacity: .5;
        -moz-transform: translateZ(-500px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateZ(0) translateX(0)
    }
}

@keyframes backSlideIn {
    0%,
    25% {
        opacity: .5;
        transform: translateZ(-500px) translateX(200%)
    }
    75% {
        opacity: .5;
        transform: translateZ(-500px)
    }
    100% {
        opacity: 1;
        transform: translateZ(0) translateX(0)
    }
}

@-webkit-keyframes scaleToFade {
    to {
        opacity: 0;
        -webkit-transform: scale(.8)
    }
}

@-moz-keyframes scaleToFade {
    to {
        opacity: 0;
        -moz-transform: scale(.8)
    }
}

@keyframes scaleToFade {
    to {
        opacity: 0;
        transform: scale(.8)
    }
}

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

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

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

@-webkit-keyframes scaleUpFrom {
    from {
        opacity: 0;
        -webkit-transform: scale(1.5)
    }
}

@-moz-keyframes scaleUpFrom {
    from {
        opacity: 0;
        -moz-transform: scale(1.5)
    }
}

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

@-webkit-keyframes scaleUpTo {
    to {
        opacity: 0;
        -webkit-transform: scale(1.5)
    }
}

@-moz-keyframes scaleUpTo {
    to {
        opacity: 0;
        -moz-transform: scale(1.5)
    }
}

@keyframes scaleUpTo {
    to {
        opacity: 0;
        transform: scale(1.5)
    }
}

.main-timeline11 .timeline-content:hover,
.main-timeline3 .timeline-content:hover,
a {
    text-decoration: none
}

h4 {
    text-align: center;
    margin: 30px 0;
    color: #444
}

.main-timeline {
    position: relative
}

.main-timeline:before {
    content: "";
    width: 5px;
    height: 100%;
    border-radius: 20px;
    margin: 0 auto;
    background: #242922;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.main-timeline .timeline {
    display: inline-block;
    margin-bottom: 50px;
    position: relative
}

.main-timeline .timeline:before {
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 4px solid #fff;
    background: #ec496e;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    transform: translate(-50%, -50%)
}

.main-timeline .timeline-icon {
    display: inline-block;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    border: 3px solid #ec496e;
    padding: 13px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 30%;
    transform: translateY(-50%)
}

.main-timeline .timeline-icon i {
    display: block;
    border-radius: 50%;
    background: #ec496e;
    font-size: 64px;
    color: #fff;
    line-height: 100px;
    z-index: 1;
    position: relative
}

.main-timeline .timeline-icon:after,
.main-timeline .timeline-icon:before {
    content: "";
    width: 100px;
    height: 4px;
    background: #ec496e;
    position: absolute;
    top: 50%;
    right: -100px;
    transform: translateY(-50%)
}

.main-timeline .timeline-icon:after {
    width: 70px;
    height: 50px;
    background: #fff;
    top: 89px;
    right: -30px
}

.main-timeline .timeline-content {
    width: 50%;
    padding: 0 50px;
    margin: 52px 0 0;
    float: right;
    position: relative
}

.main-timeline .timeline-content:before {
    content: "";
    width: 70%;
    height: 100%;
    border: 3px solid #ec496e;
    border-top: none;
    border-right: none;
    position: absolute;
    bottom: -13px;
    left: 35px
}

.main-timeline .timeline-content:after {
    content: "";
    width: 37px;
    height: 3px;
    background: #ec496e;
    position: absolute;
    top: 13px;
    left: 0
}

.main-timeline .title2 {
    font-size: 20px;
    font-weight: 600;
    color: #ec496e;
    text-transform: uppercase;
    margin: 0 0 5px
}

.main-timeline .description {
    display: inline-block;
    font-size: 16px;
    color: #404040;
    line-height: 20px;
    letter-spacing: 1px;
    margin: 0
}

.main-timeline .timeline:nth-child(even) .timeline-icon {
    left: auto;
    right: 30%
}

.main-timeline .timeline:nth-child(even) .timeline-icon:before {
    right: auto;
    left: -100px
}

.main-timeline .timeline:nth-child(even) .timeline-icon:after {
    right: auto;
    left: -30px
}

.main-timeline .timeline:nth-child(even) .timeline-content {
    float: left
}

.main-timeline .timeline:nth-child(even) .timeline-content:before {
    left: auto;
    right: 35px;
    transform: rotateY(180deg)
}

.main-timeline .timeline:nth-child(even) .timeline-content:after {
    left: auto;
    right: 0
}

.main-timeline .timeline:nth-child(2n) .timeline-content:after,
.main-timeline .timeline:nth-child(2n) .timeline-icon i,
.main-timeline .timeline:nth-child(2n) .timeline-icon:before,
.main-timeline .timeline:nth-child(2n):before {
    background: #f9850f
}

.main-timeline .timeline:nth-child(2n) .timeline-icon {
    border-color: #f9850f
}

.main-timeline .timeline:nth-child(2n) .title {
    color: #f9850f
}

.main-timeline .timeline:nth-child(2n) .timeline-content:before {
    border-left-color: #f9850f;
    border-bottom-color: #f9850f
}

.main-timeline .timeline:nth-child(3n) .timeline-content:after,
.main-timeline .timeline:nth-child(3n) .timeline-icon i,
.main-timeline .timeline:nth-child(3n) .timeline-icon:before,
.main-timeline .timeline:nth-child(3n):before {
    background: #8fb800
}

.main-timeline .timeline:nth-child(3n) .timeline-icon {
    border-color: #8fb800
}

.main-timeline .timeline:nth-child(3n) .title2 {
    color: #8fb800
}

.main-timeline .timeline:nth-child(3n) .timeline-content:before {
    border-left-color: #8fb800;
    border-bottom-color: #8fb800
}

.main-timeline .timeline:nth-child(4n) .timeline-content:after,
.main-timeline .timeline:nth-child(4n) .timeline-icon i,
.main-timeline .timeline:nth-child(4n) .timeline-icon:before,
.main-timeline .timeline:nth-child(4n):before {
    background: #2fcea5
}

.main-timeline .timeline:nth-child(4n) .timeline-icon {
    border-color: #2fcea5
}

.main-timeline .timeline:nth-child(4n) .title2 {
    color: #2fcea5
}

.main-timeline .timeline:nth-child(4n) .timeline-content:before {
    border-left-color: #2fcea5;
    border-bottom-color: #2fcea5
}

@media only screen and (max-width:1200px) {
    .main-timeline .timeline-icon:before {
        width: 50px;
        right: -50px
    }
    .main-timeline .timeline:nth-child(even) .timeline-icon:before {
        right: auto;
        left: -50px
    }
    .main-timeline .timeline-content {
        margin-top: 75px
    }
}

@media only screen and (max-width:990px) {
    .main-timeline .timeline {
        margin: 0 0 10px
    }
    .main-timeline .timeline-icon {
        left: 25%
    }
    .main-timeline .timeline:nth-child(even) .timeline-icon {
        right: 25%
    }
    .main-timeline .timeline-content {
        margin-top: 115px
    }
}

@media only screen and (max-width:767px) {
    .main-timeline {
        padding-top: 50px
    }
    .main-timeline:before {
        left: 80px;
        right: 0;
        margin: 0
    }
    .main-timeline .timeline {
        margin-bottom: 70px
    }
    .main-timeline .timeline:before {
        top: 0;
        left: 83px;
        right: 0;
        margin: 0
    }
    .main-timeline .timeline-icon {
        width: 60px;
        height: 60px;
        line-height: 40px;
        padding: 5px;
        top: 0;
        left: 0
    }
    .main-timeline .timeline:nth-child(even) .timeline-icon {
        left: 0;
        right: auto
    }
    .main-timeline .timeline-icon:before,
    .main-timeline .timeline:nth-child(even) .timeline-icon:before {
        width: 25px;
        left: auto;
        right: -25px
    }
    .main-timeline .timeline-icon:after,
    .main-timeline .timeline:nth-child(even) .timeline-icon:after {
        width: 25px;
        height: 30px;
        top: 44px;
        left: auto;
        right: -5px
    }
    .main-timeline .timeline-icon i {
        font-size: 30px;
        line-height: 45px
    }
    .main-timeline .timeline-content,
    .main-timeline .timeline:nth-child(even) .timeline-content {
        width: 100%;
        margin-top: -15px;
        padding-left: 130px;
        padding-right: 5px
    }
    .main-timeline .timeline:nth-child(even) .timeline-content {
        float: right
    }
    .main-timeline .timeline-content:before,
    .main-timeline .timeline:nth-child(even) .timeline-content:before {
        width: 50%;
        left: 120px
    }
    .main-timeline .timeline:nth-child(even) .timeline-content:before {
        right: auto;
        transform: rotateY(0)
    }
    .main-timeline .timeline-content:after,
    .main-timeline .timeline:nth-child(even) .timeline-content:after {
        left: 85px
    }
}

@media only screen and (max-width:479px) {
    .main-timeline .timeline-content,
    .main-timeline .timeline:nth-child(2n) .timeline-content {
        padding-left: 110px
    }
    .main-timeline .timeline-content:before,
    .main-timeline .timeline:nth-child(2n) .timeline-content:before {
        left: 99px
    }
    .main-timeline .timeline-content:after,
    .main-timeline .timeline:nth-child(2n) .timeline-content:after {
        left: 65px
    }
}

.main-timeline2 {
    padding-top: 50px;
    overflow: hidden;
    position: relative
}

.main-timeline2:before {
    content: "";
    width: 7px;
    height: 100%;
    background: #084772;
    margin: 0 auto;
    position: absolute;
    top: 80px;
    left: 0;
    right: 0
}

.main-timeline2 .timeline {
    width: 50%;
    float: left;
    padding: 20px 60px;
    border-top: 7px solid #084772;
    border-right: 7px solid #084772;
    border-radius: 0 30px 0 0;
    position: relative;
    right: -3.5px
}

.main-timeline2 .icon {
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    background: #e84c47;
    border: 1px solid #fff;
    text-align: center;
    font-size: 25px;
    color: #fff;
    box-shadow: 0 0 0 2px #e84c47;
    position: absolute;
    top: -30px;
    left: 0
}

.main-timeline2 .timeline-content {
    display: block;
    padding: 30px 10px 10px;
    border-radius: 20px;
    background: #e84c47;
    color: #fff;
    position: relative
}

.main-timeline2 .timeline-content:hover {
    text-decoration: none;
    color: #fff
}

.main-timeline2 .timeline-content:after,
.main-timeline2 .timeline-content:before {
    content: "";
    display: block;
    width: 10px;
    height: 50px;
    border-radius: 10px;
    background: #e84c47;
    border: 1px solid #fff;
    position: absolute;
    top: -35px;
    left: 50px
}

.main-timeline2 .timeline-content:after {
    left: auto;
    right: 50px
}

.main-timeline2 .title2 {
    font-size: 24px;
    margin: 0
}

.main-timeline2 .description {
    font-size: 15px;
    letter-spacing: 1px;
    margin: 0 0 5px
}

.main-timeline2 .timeline:nth-child(2n) {
    border-right: none;
    border-left: 7px solid #084772;
    border-radius: 30px 0 0;
    right: auto;
    left: -3.5px
}

.main-timeline2 .timeline:nth-child(2n) .icon {
    left: auto;
    right: 0;
    box-shadow: 0 0 0 2px #4bd9bf
}

.main-timeline2 .timeline:nth-child(2) {
    margin-top: 130px
}

.main-timeline2 .timeline:nth-child(odd) {
    margin: -130px 0 30px
}

.main-timeline2 .timeline:nth-child(even) {
    margin-bottom: 80px
}

.main-timeline2 .timeline:first-child,
.main-timeline2 .timeline:last-child:nth-child(even) {
    margin: 0 0 30px
}

.main-timeline2 .timeline:nth-child(2n) .icon,
.main-timeline2 .timeline:nth-child(2n) .timeline-content,
.main-timeline2 .timeline:nth-child(2n) .timeline-content:after,
.main-timeline2 .timeline:nth-child(2n) .timeline-content:before {
    background: #4bd9bf
}

.main-timeline2 .timeline:nth-child(3n) .icon,
.main-timeline2 .timeline:nth-child(3n) .timeline-content,
.main-timeline2 .timeline:nth-child(3n) .timeline-content:after,
.main-timeline2 .timeline:nth-child(3n) .timeline-content:before {
    background: #ff9e09
}

.main-timeline2 .timeline:nth-child(3n) .icon {
    box-shadow: 0 0 0 2px #ff9e09
}

.main-timeline2 .timeline:nth-child(4n) .icon,
.main-timeline2 .timeline:nth-child(4n) .timeline-content,
.main-timeline2 .timeline:nth-child(4n) .timeline-content:after,
.main-timeline2 .timeline:nth-child(4n) .timeline-content:before {
    background: #3ebae7
}

.main-timeline2 .timeline:nth-child(4n) .icon {
    box-shadow: 0 0 0 2px #3ebae7
}

@media only screen and (max-width:767px) {
    .main-timeline2:before {
        left: 0;
        right: auto
    }
    .main-timeline2 .timeline,
    .main-timeline2 .timeline:nth-child(even),
    .main-timeline2 .timeline:nth-child(odd) {
        width: 100%;
        float: none;
        padding: 20px 30px;
        margin: 0 0 30px;
        border-right: none;
        border-left: 7px solid #084772;
        border-radius: 30px 0 0;
        right: auto;
        left: 0
    }
    .main-timeline2 .icon {
        left: auto;
        right: 0
    }
}

@media only screen and (max-width:480px) {
    .main-timeline2 .title2 {
        font-size: 18px
    }
}

.main-timeline3 {
    overflow: hidden;
    position: relative
}

.main-timeline3:before {
    content: "";
    width: 10px;
    height: 100%;
    border: 3px solid #959595;
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%)
}

.main-timeline3 .timeline {
    width: 50%;
    padding: 10px 60px 10px 100px;
    float: right;
    position: relative
}

.main-timeline3 .timeline:before {
    content: "";
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #c47c48;
    border: 5px solid #fff;
    box-shadow: 0 0 1px 5px #c47c48;
    position: absolute;
    top: 42px;
    left: -20px
}

.main-timeline3 .timeline-content {
    display: block;
    background: #e9e9e7;
    padding: 70px 30px 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2) inset;
    position: relative
}

.main-timeline3 .year {
    display: block;
    width: 80%;
    height: 50px;
    background: #c47c48;
    padding: 0 0 0 50px;
    font-size: 30px;
    font-weight: 800;
    color: #fff;
    line-height: 50px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .4) inset;
    border-radius: 10px 10px 10px 0;
    position: absolute;
    top: 20px;
    left: -20px
}

.main-timeline3 .year:before {
    content: "";
    border-top: 40px solid #c47c48;
    border-left: 20px solid transparent;
    border-bottom: 20px solid transparent;
    position: absolute;
    bottom: -60px;
    left: 0
}

.main-timeline3 .title2 {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    color: #4a4a4a
}

.main-timeline3 .description {
    font-size: 14px;
    color: #6f6f6f;
    margin: 0 0 5px
}

.main-timeline3 .timeline:nth-child(2n) {
    padding: 10px 100px 10px 60px;
    text-align: right
}

.main-timeline3 .timeline:nth-child(2n):before {
    left: auto;
    right: -20px;
    background: #bf3fc8;
    box-shadow: 0 0 1px 5px #bf3fc8
}

.main-timeline3 .timeline:nth-child(2n) .year {
    padding-right: 50px;
    border-radius: 10px 10px 0;
    left: auto;
    right: -20px;
    background: #bf3fc8
}

.main-timeline3 .timeline:nth-child(2n) .year:before {
    border-left: none;
    border-right: 20px solid transparent;
    left: auto;
    right: 0;
    border-top-color: #bf3fc8
}

.main-timeline3 .timeline:nth-child(2) {
    margin-top: 140px
}

.main-timeline3 .timeline:nth-child(odd) {
    margin: -140px 0 0
}

.main-timeline3 .timeline:nth-child(even) {
    margin-bottom: 60px
}

.main-timeline3 .timeline:first-child,
.main-timeline3 .timeline:last-child:nth-child(even) {
    margin: 0
}

.main-timeline3 .timeline:nth-child(3n):before {
    background: #ce3c41;
    box-shadow: 0 0 1px 5px #ce3c41
}

.main-timeline3 .timeline:nth-child(3n) .year {
    background: #ce3c41
}

.main-timeline3 .timeline:nth-child(3n) .year:before {
    border-top-color: #ce3c41
}

.main-timeline3 .timeline:nth-child(4n):before {
    background: #8cc43d;
    box-shadow: 0 0 1px 5px #8cc43d
}

.main-timeline3 .timeline:nth-child(4n) .year {
    background: #8cc43d
}

.main-timeline3 .timeline:nth-child(4n) .year:before {
    border-top-color: #8cc43d
}

@media only screen and (max-width:990px) {
    .main-timeline3:before {
        top: 8%
    }
    .main-timeline3 .timeline {
        padding: 10px 10px 10px 100px
    }
    .main-timeline3 .timeline:nth-child(2n) {
        padding: 10px 100px 10px 10px
    }
}

@media only screen and (max-width:767px) {
    .main-timeline3:before {
        width: 8px;
        top: 0;
        left: 12px;
        transform: translateX(0)
    }
    .main-timeline3 .timeline,
    .main-timeline3 .timeline:nth-child(even),
    .main-timeline3 .timeline:nth-child(odd) {
        width: 100%;
        float: none;
        text-align: left;
        padding: 0 0 0 60px;
        margin: 0 0 30px
    }
    .main-timeline3 .timeline:before,
    .main-timeline3 .timeline:nth-child(2n):before {
        width: 20px;
        height: 20px;
        border: 3px solid #fff;
        top: 38px;
        left: 6px
    }
    .main-timeline3 .timeline:nth-child(2n) .year {
        right: auto;
        left: -20px;
        border-radius: 10px 10px 10px 0
    }
    .main-timeline3 .timeline:nth-child(2n) .year:before {
        border-left: 20px solid transparent;
        border-bottom: 20px solid transparent;
        border-right: none;
        right: auto;
        left: 0
    }
}

.main-timeline4 {
    overflow: hidden;
    position: relative
}

.main-timeline4:before {
    content: "";
    width: 5px;
    height: 70%;
    background: #333;
    position: absolute;
    top: 70px;
    left: 50%;
    transform: translateX(-50%)
}

.main-timeline4 .timeline-content:before,
.main-timeline4 .timeline:before {
    top: 50%;
    transform: translateY(-50%);
    content: ""
}

.main-timeline4 .timeline {
    width: 50%;
    padding-left: 100px;
    float: right;
    position: relative
}

.main-timeline4 .timeline:before {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    border: 5px solid #333;
    position: absolute;
    left: -10px
}

.main-timeline4 .timeline-content {
    display: block;
    padding-left: 150px;
    position: relative
}

.main-timeline4 .timeline-content:before {
    width: 90px;
    height: 10px;
    border-top: 7px dotted #333;
    position: absolute;
    left: -92px
}

.main-timeline4 .year {
    display: inline-block;
    width: 120px;
    height: 120px;
    line-height: 100px;
    border-radius: 50%;
    border: 10px solid #f54957;
    font-size: 30px;
    color: #f54957;
    text-align: center;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, .4);
    position: absolute;
    top: 0;
    left: 0
}

.main-timeline4 .year:before {
    content: "";
    border-left: 20px solid #f54957;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    position: absolute;
    bottom: -13px;
    right: 0;
    transform: rotate(45deg)
}

.main-timeline4 .inner-content {
    padding: 20px 0
}

.main-timeline4 .title2 {
    font-size: 24px;
    font-weight: 600;
    color: #f54957;
    text-transform: uppercase;
    margin: 0 0 5px
}

.main-timeline4 .description {
    font-size: 14px;
    color: #6f6f6f;
    margin: 0 0 5px
}

.main-timeline4 .timeline:nth-child(2n) {
    padding: 0 100px 0 0
}

.main-timeline4 .timeline:nth-child(2n) .timeline-content:before,
.main-timeline4 .timeline:nth-child(2n) .year,
.main-timeline4 .timeline:nth-child(2n):before {
    left: auto;
    right: -10px
}

.main-timeline4 .timeline:nth-child(2n) .timeline-content {
    padding: 0 150px 0 0
}

.main-timeline4 .timeline:nth-child(2n) .timeline-content:before {
    right: -92px
}

.main-timeline4 .timeline:nth-child(2n) .year {
    right: 0
}

.main-timeline4 .timeline:nth-child(2n) .year:before {
    right: auto;
    left: 0;
    border-left: none;
    border-right: 20px solid #f54957;
    transform: rotate(-45deg)
}

.main-timeline4 .timeline:nth-child(2) {
    margin-top: 110px
}

.main-timeline4 .timeline:nth-child(odd) {
    margin: -110px 0 0
}

.main-timeline4 .timeline:nth-child(even) {
    margin-bottom: 80px
}

.main-timeline4 .timeline:first-child,
.main-timeline4 .timeline:last-child:nth-child(even) {
    margin: 0
}

.main-timeline4 .timeline:nth-child(2n) .year {
    border-color: #1ebad0;
    color: #1ebad0
}

.main-timeline4 .timeline:nth-child(2) .year:before {
    border-right-color: #1ebad0
}

.main-timeline4 .timeline:nth-child(2n) .title {
    color: #1ebad0
}

.main-timeline4 .timeline:nth-child(3n) .year {
    border-color: #7cba01;
    color: #7cba01
}

.main-timeline4 .timeline:nth-child(3) .year:before {
    border-left-color: #7cba01
}

.main-timeline4 .timeline:nth-child(3n) .title2 {
    color: #7cba01
}

.main-timeline4 .timeline:nth-child(4n) .year {
    border-color: #f8781f;
    color: #f8781f
}

.main-timeline4 .timeline:nth-child(4) .year:before {
    border-right-color: #f8781f
}

.main-timeline4 .timeline:nth-child(4n) .title2 {
    color: #f8781f
}

@media only screen and (max-width:1200px) {
    .main-timeline4 .year {
        top: 50%;
        transform: translateY(-50%)
    }
}

@media only screen and (max-width:990px) {
    .main-timeline4 .timeline {
        padding-left: 75px
    }
    .main-timeline4 .timeline:nth-child(2n) {
        padding: 0 75px 0 0
    }
    .main-timeline4 .timeline-content {
        padding-left: 130px
    }
    .main-timeline4 .timeline:nth-child(2n) .timeline-content {
        padding: 0 130px 0 0
    }
    .main-timeline4 .timeline-content:before {
        width: 68px;
        left: -68px
    }
    .main-timeline4 .timeline:nth-child(2n) .timeline-content:before {
        right: -68px
    }
}

@media only screen and (max-width:767px) {
    .main-timeline4 {
        overflow: visible
    }
    .main-timeline4:before {
        height: 100%;
        top: 0;
        left: 0;
        transform: translateX(0)
    }
    .main-timeline4 .timeline:before,
    .main-timeline4 .timeline:nth-child(2n):before {
        top: 60px;
        left: -9px;
        transform: translateX(0)
    }
    .main-timeline4 .timeline,
    .main-timeline4 .timeline:nth-child(even),
    .main-timeline4 .timeline:nth-child(odd) {
        width: 100%;
        float: none;
        text-align: center;
        padding: 0;
        margin: 0 0 10px
    }
    .main-timeline4 .timeline-content,
    .main-timeline4 .timeline:nth-child(2n) .timeline-content {
        padding: 0
    }
    .main-timeline4 .timeline-content:before,
    .main-timeline4 .timeline:nth-child(2n) .timeline-content:before {
        display: none
    }
    .main-timeline4 .timeline:nth-child(2n) .year,
    .main-timeline4 .year {
        position: relative;
        transform: translateY(0)
    }
    .main-timeline4 .timeline:nth-child(2n) .year:before,
    .main-timeline4 .year:before {
        border: none;
        border-right: 20px solid #f54957;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        top: 50%;
        left: -23px;
        bottom: auto;
        right: auto;
        transform: rotate(0)
    }
    .main-timeline4 .timeline:nth-child(2n) .year:before {
        border-right-color: #1ebad0
    }
    .main-timeline4 .timeline:nth-child(3n) .year:before {
        border-right-color: #7cba01
    }
    .main-timeline4 .timeline:nth-child(4n) .year:before {
        border-right-color: #f8781f
    }
    .main-timeline4 .inner-content {
        padding: 10px
    }
}

.main-timeline5 {
    overflow: hidden;
    position: relative
}

.main-timeline5 .timeline {
    position: relative;
    margin-top: -105px
}

.main-timeline5 .timeline:first-child {
    margin-top: 0
}

.main-timeline5 .timeline-icon,
.main-timeline5 .year {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.main-timeline5 .timeline:after,
.main-timeline5 .timeline:before {
    content: "";
    display: block;
    width: 100%;
    clear: both
}

.main-timeline5 .timeline:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2
}

.main-timeline5 .timeline-icon {
    width: 210px;
    height: 210px;
    border-radius: 50%;
    border: 25px solid transparent;
    border-top-color: #e59487;
    border-right-color: #e59487;
    z-index: 1;
    transform: rotate(45deg)
}

.main-timeline5 .year {
    display: block;
    width: 110px;
    height: 110px;
    line-height: 110px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, .4);
    font-size: 30px;
    font-weight: 700;
    color: #e59487;
    text-align: center;
    transform: rotate(-45deg)
}

.main-timeline5 .timeline-content {
    width: 35%;
    float: right;
    background: #e59487;
    padding: 30px 20px;
    margin: 50px 0;
    z-index: 1;
    position: relative;
    box-shadow: 0 0 10px #505050
}

.main-timeline5 .timeline-content:before {
    content: "";
    width: 20%;
    height: 15px;
    background: #e59487;
    position: absolute;
    top: 50%;
    left: -20%;
    z-index: -1;
    transform: translateY(-50%)
}

.main-timeline5 .title2 {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 10px
}

.main-timeline5 .description {
    font-size: 16px;
    color: #fff!important;
    line-height: 24px;
    margin: 0
}

.main-timeline5 .timeline:nth-child(2n) .timeline-icon {
    transform: rotate(-135deg);
    border-top-color: #9c686a;
    border-right-color: #9c686a
}

.main-timeline5 .timeline:nth-child(2n) .year {
    transform: rotate(135deg);
    color: #9c686a
}

.main-timeline5 .timeline:nth-child(2n) .timeline-content {
    float: left
}

.main-timeline5 .timeline:nth-child(2n) .timeline-content:before {
    left: auto;
    right: -20%
}

.main-timeline5 .timeline:nth-child(2n) .timeline-content,
.main-timeline5 .timeline:nth-child(2n) .timeline-content:before {
    background: #9c686a
}

.main-timeline5 .timeline:nth-child(3n) .timeline-icon {
    border-top-color: #64394d;
    border-right-color: #64394d
}

.main-timeline5 .timeline:nth-child(3n) .year {
    color: #64394d
}

.main-timeline5 .timeline:nth-child(3n) .timeline-content,
.main-timeline5 .timeline:nth-child(3n) .timeline-content:before {
    background: #64394d
}

.main-timeline5 .timeline:nth-child(4n) .timeline-icon {
    border-top-color: #310a29;
    border-right-color: #310a29
}

.main-timeline5 .timeline:nth-child(4n) .year {
    color: #310a29
}

.main-timeline5 .timeline:nth-child(4n) .timeline-content,
.main-timeline5 .timeline:nth-child(4n) .timeline-content:before {
    background: #310a29
}

@media only screen and (max-width:1199px) {
    .main-timeline5 .timeline {
        margin-top: -103px
    }
    .main-timeline5 .timeline-content:before {
        left: -18%
    }
    .main-timeline5 .timeline:nth-child(2n) .timeline-content:before {
        right: -18%
    }
}

@media only screen and (max-width:990px) {
    .main-timeline5 .timeline {
        margin-top: -127px
    }
    .main-timeline5 .timeline-content:before {
        left: -2%
    }
    .main-timeline5 .timeline:nth-child(2n) .timeline-content:before {
        right: -2%
    }
}

@media only screen and (max-width:767px) {
    .main-timeline5 .timeline {
        margin-top: 0;
        overflow: hidden
    }
    .main-timeline5 .timeline:before,
    .main-timeline5 .timeline:nth-child(2n):before {
        box-shadow: none
    }
    .main-timeline5 .timeline-icon,
    .main-timeline5 .timeline:nth-child(2n) .timeline-icon {
        margin-top: -30px;
        margin-bottom: 20px;
        position: relative;
        transform: rotate(135deg)
    }
    .main-timeline5 .timeline:nth-child(2n) .year,
    .main-timeline5 .year {
        transform: rotate(-135deg)
    }
    .main-timeline5 .timeline-content,
    .main-timeline5 .timeline:nth-child(2n) .timeline-content {
        width: 100%;
        float: none;
        border-radius: 0 0 20px 20px;
        text-align: center;
        padding: 25px 20px;
        margin: 0 auto
    }
    .main-timeline5 .timeline-content:before,
    .main-timeline5 .timeline:nth-child(2n) .timeline-content:before {
        width: 15px;
        height: 25px;
        position: absolute;
        top: -22px;
        left: 50%;
        z-index: -1;
        transform: translate(-50%, 0)
    }
    .main-timeline5 .timeline-content2 {
        width: 100%!important;
        margin: -9px 0!important
    }
    .main-timeline5 .timeline-icon2 {
        margin: auto!important;
        position: relative!important;
        top: -30px!important;
        left: 0!important;
        bottom: 20px!important;
        right: 0!important;
        transform: rotate(135deg)!important
    }
    .main-timeline5 .timeline-content2:before {
        width: 15px!important;
        height: 25px!important;
        position: absolute!important;
        top: -22px!important;
        left: 50%!important;
        z-index: -1!important;
        transform: translate(-50%, 0)!important
    }
}

.demo {
    background: #f2f2f2
}

.main-timeline6 {
    overflow: hidden;
    position: relative
}

.main-timeline6 .timeline {
    width: 50%;
    float: right;
    position: relative;
    z-index: 1
}

.main-timeline6 .timeline:after,
.main-timeline6 .timeline:before {
    position: absolute;
    top: 50%;
    content: "";
    display: block;
    clear: both
}

.main-timeline6 .timeline:before {
    width: 40%;
    height: 6px;
    background: #9f005d;
    left: 0;
    z-index: -1;
    transform: translateY(-50%)
}

.main-timeline6 .timeline:after {
    width: 6px;
    height: 70%;
    background: #9f005d;
    left: -3px
}

.main-timeline6 .timeline-content {
    width: 65%;
    float: right;
    padding: 0 0 30px 30px;
    margin-right: 15px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 3px 3px 5px 6px #ccc
}

.main-timeline6 .timeline-content:after,
.main-timeline6 .timeline-content:before {
    content: "";
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #9f005d;
    position: absolute;
    top: 50%;
    left: -13px;
    z-index: 1;
    transform: translateY(-50%)
}

.main-timeline6 .timeline-content:after {
    left: 30%;
    transform: translate(-50%, -50%)
}

.main-timeline6 .year {
    display: block;
    font-size: 28px;
    font-weight: 700;
    color: #9f005d;
    text-align: center;
    padding-left: 50px
}

.main-timeline6 .content-inner {
    padding: 35px 15px 35px 110px;
    margin-right: -15px;
    background: #9f005d;
    border-radius: 150px 0 0 150px;
    position: relative
}

.main-timeline6 .content-inner:after,
.main-timeline6 .content-inner:before {
    content: "";
    border-left: 15px solid #640026;
    border-top: 10px solid transparent;
    position: absolute;
    top: -10px;
    right: 0
}

.main-timeline6 .content-inner:after {
    border-top: none;
    border-bottom: 10px solid transparent;
    top: auto;
    bottom: -10px
}

.main-timeline6 .icon {
    width: 110px;
    height: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0
}

.main-timeline6 .icon i {
    font-size: 60px;
    font-weight: 700;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.main-timeline6 .title2 {
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 5px
}

.main-timeline6 .description {
    font-size: 14px;
    color: #fff;
    margin: 0
}

.main-timeline6 .timeline:nth-child(2n) .icon,
.main-timeline6 .timeline:nth-child(2n):after,
.main-timeline6 .timeline:nth-child(2n):before {
    left: auto;
    right: 0
}

.main-timeline6 .timeline:nth-child(2n):after {
    right: -3px
}

.main-timeline6 .timeline:nth-child(2n) .timeline-content {
    float: left;
    padding: 0 30px 30px 0;
    margin: 0 0 0 15px
}

.main-timeline6 .timeline:nth-child(2n) .timeline-content:after,
.main-timeline6 .timeline:nth-child(2n) .timeline-content:before {
    left: auto;
    right: -13px
}

.main-timeline6 .timeline:nth-child(2n) .timeline-content:after {
    right: 30%;
    margin-right: -25px
}

.main-timeline6 .timeline:nth-child(2n) .year {
    padding: 0 50px 0 0;
    color: #05b1ff
}

.main-timeline6 .timeline:nth-child(2n) .content-inner {
    padding: 35px 110px 35px 15px;
    margin: 0 0 0 -15px;
    border-radius: 0 150px 150px 0
}

.main-timeline6 .timeline:nth-child(2n) .content-inner:after,
.main-timeline6 .timeline:nth-child(2n) .content-inner:before {
    border: none;
    border-right: 15px solid #027dcd;
    border-top: 10px solid transparent;
    right: auto;
    left: 0
}

.main-timeline6 .timeline:nth-child(2n) .content-inner:after {
    border-top: none;
    border-bottom: 10px solid transparent
}

.main-timeline6 .timeline:nth-child(2) {
    margin-top: 200px
}

.main-timeline6 .timeline:nth-child(odd) {
    margin: -190px 0 0
}

.main-timeline6 .timeline:nth-child(even) {
    margin-bottom: 70px
}

.main-timeline6 .timeline:first-child,
.main-timeline6 .timeline:last-child:nth-child(even) {
    margin: 0
}

.main-timeline6 .timeline:nth-child(2n) .content-inner,
.main-timeline6 .timeline:nth-child(2n) .timeline-content:after,
.main-timeline6 .timeline:nth-child(2n) .timeline-content:before,
.main-timeline6 .timeline:nth-child(2n):after,
.main-timeline6 .timeline:nth-child(2n):before {
    background: #05b1ff
}

.main-timeline6 .timeline:nth-child(3n) .content-inner,
.main-timeline6 .timeline:nth-child(3n) .timeline-content:after,
.main-timeline6 .timeline:nth-child(3n) .timeline-content:before,
.main-timeline6 .timeline:nth-child(3n):after,
.main-timeline6 .timeline:nth-child(3n):before {
    background: #00a3a9
}

.main-timeline6 .timeline:nth-child(3n) .content-inner:after,
.main-timeline6 .timeline:nth-child(3n) .content-inner:before {
    border-left-color: #006662
}

.main-timeline6 .timeline:nth-child(3n) .year {
    color: #00a3a9
}

.main-timeline6 .timeline:nth-child(4n) .content-inner,
.main-timeline6 .timeline:nth-child(4n) .timeline-content:after,
.main-timeline6 .timeline:nth-child(4n) .timeline-content:before,
.main-timeline6 .timeline:nth-child(4n):after,
.main-timeline6 .timeline:nth-child(4n):before {
    background: #f92534
}

.main-timeline6 .timeline:nth-child(4n) .content-inner:after,
.main-timeline6 .timeline:nth-child(4n) .content-inner:before {
    border-right-color: #92070e
}

.main-timeline6 .timeline:nth-child(4n) .year {
    color: #f92534
}

@media only screen and (max-width:990px) and (min-width:768px) {
    .main-timeline6 .timeline:after {
        height: 80%
    }
}

@media only screen and (max-width:767px) {
    .main-timeline6 .timeline:last-child,
    .main-timeline6 .timeline:nth-child(even),
    .main-timeline6 .timeline:nth-child(odd) {
        margin: 0
    }
    .main-timeline6 .timeline {
        width: 95%;
        margin: 15px 15px 15px 0!important
    }
    .main-timeline6 .timeline .timeline-content:after,
    .main-timeline6 .timeline .timeline-content:before,
    .main-timeline6 .timeline:after,
    .main-timeline6 .timeline:before {
        display: none
    }
    .main-timeline6 .timeline-content,
    .main-timeline6 .timeline:nth-child(2n) .timeline-content {
        width: 100%;
        float: none;
        padding: 0 0 30px 30px;
        margin: 0
    }
    .main-timeline6 .content-inner,
    .main-timeline6 .timeline:nth-child(2n) .content-inner {
        padding: 35px 15px 35px 110px;
        margin: 0 -15px 0 0;
        border-radius: 150px 0 0 150px
    }
    .main-timeline6 .timeline:nth-child(2n) .content-inner:after,
    .main-timeline6 .timeline:nth-child(2n) .content-inner:before {
        border: none;
        border-left: 15px solid #027dcd;
        border-top: 10px solid transparent;
        right: 0;
        left: auto
    }
    .main-timeline6 .timeline:nth-child(2n) .content-inner:after {
        border-top: none;
        border-bottom: 10px solid transparent
    }
    .main-timeline6 .timeline:nth-child(2n) .icon {
        top: 0;
        left: 0
    }
    .main-timeline6 .timeline:nth-child(4n) .content-inner:after,
    .main-timeline6 .timeline:nth-child(4n) .content-inner:before {
        border-left-color: #92070e
    }
}

.main-timeline7 {
    overflow: hidden;
    position: relative
}

.main-timeline7 .timeline {
    width: 50%;
    float: left;
    z-index: 1;
    position: relative
}

.main-timeline7 .timeline:after,
.main-timeline7 .timeline:before {
    content: "";
    display: block;
    clear: both
}

.main-timeline7 .timeline:before {
    content: "";
    width: 40px;
    height: 90%;
    background: #727cb6;
    position: absolute;
    top: 10%;
    right: -20px
}

.main-timeline7 .timeline:last-child:before {
    height: 0
}

.main-timeline7 .timeline-icon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #727cb6;
    overflow: hidden;
    text-align: center;
    position: absolute;
    top: 0;
    right: -40px;
    z-index: 3
}

.main-timeline7 .timeline-icon:before {
    content: "";
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #727cb6;
    box-shadow: 0 0 0 4px #a5afe4;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.main-timeline7 .timeline-icon i {
    font-size: 35px;
    color: #303a3b;
    line-height: 80px;
    z-index: 1;
    position: relative
}

.main-timeline7 .year {
    display: block;
    padding: 0 60px 0 30px;
    font-size: 30px;
    color: #303a3b;
    text-align: right;
    border-bottom: 2px solid #303a3b;
    z-index: 2;
    position: relative
}

.main-timeline7 .year:after,
.main-timeline7 .year:before {
    position: absolute;
    content: ""
}

.main-timeline7 .year:before {
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #727cb6;
    border: 5px solid #fff;
    box-shadow: 0 0 0 4px #727cb6;
    margin: auto;
    bottom: -15px;
    left: 4px
}

.main-timeline7 .year:after {
    border-left: 10px solid #303a3b;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    bottom: -11px;
    left: 50px
}

.main-timeline7 .timeline-content {
    padding: 18px 60px 18px 40px;
    text-align: right;
    position: relative;
    z-index: 1
}

.main-timeline7 .timeline-content:after,
.main-timeline7 .timeline-content:before {
    content: "";
    width: 80px;
    height: 150px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: -7%;
    right: 15px;
    z-index: -1
}

.main-timeline7 .timeline-content:after {
    left: auto;
    right: -95px
}

.main-timeline7 .timeline:last-child .timeline-content:after,
.main-timeline7 .timeline:last-child .timeline-content:before {
    width: 0;
    height: 0
}

.main-timeline7 .title2 {
    font-size: 22px;
    font-weight: 700;
    color: #727cb6;
    margin-top: 0
}

.main-timeline7 .description {
    font-size: 15px;
    color: #7f8386;
    line-height: 25px
}

.main-timeline7 .timeline:nth-child(2) {
    margin-top: 140px
}

.main-timeline7 .timeline:nth-child(even) {
    margin-bottom: 80px
}

.main-timeline7 .timeline:nth-child(odd) {
    margin: -140px 0 0
}

.main-timeline7 .timeline:first-child,
.main-timeline7 .timeline:last-child:nth-child(even) {
    margin: 0!important
}

.main-timeline7 .timeline:nth-child(2n) .timeline-icon,
.main-timeline7 .timeline:nth-child(2n):before {
    right: auto;
    left: -20px;
    background: #e77e21
}

.main-timeline7 .timeline:nth-child(2n) .timeline-icon {
    left: -40px
}

.main-timeline7 .timeline:nth-child(2n) .year {
    padding: 0 30px 0 60px;
    text-align: left
}

.main-timeline7 .timeline:nth-child(2n) .year:before {
    left: auto;
    right: 3px
}

.main-timeline7 .timeline:nth-child(2n) .year:after {
    border-left: none;
    border-right: 10px solid #303a3b;
    right: 50px
}

.main-timeline7 .timeline:nth-child(2n) .timeline-content {
    padding: 18px 40px 18px 60px;
    text-align: left
}

.main-timeline7 .timeline:nth-child(2n) .timeline-content:before {
    left: -95px
}

.main-timeline7 .timeline:nth-child(2n) .timeline-content:after {
    left: 15px
}

.main-timeline7 .timeline:nth-child(2n) .timeline-icon:before {
    border-color: #e77e21;
    box-shadow: 0 0 0 4px #f1a563
}

.main-timeline7 .timeline:nth-child(2n) .year:before {
    background: #e77e21;
    box-shadow: 0 0 0 4px #e77e21
}

.main-timeline7 .timeline:nth-child(2n) .title {
    color: #e77e21
}

.main-timeline7 .timeline:nth-child(3n) .timeline-icon,
.main-timeline7 .timeline:nth-child(3n):before {
    background: #008b8b
}

.main-timeline7 .timeline:nth-child(3n) .timeline-icon:before {
    border-color: #008b8b;
    box-shadow: 0 0 0 4px #50b5b4
}

.main-timeline7 .timeline:nth-child(3n) .year:before {
    background: #008b8b;
    box-shadow: 0 0 0 4px #008b8b
}

.main-timeline7 .timeline:nth-child(3n) .title {
    color: #008b8b
}

.main-timeline7 .timeline:nth-child(4n) .timeline-icon,
.main-timeline7 .timeline:nth-child(4n):before {
    background: #ed687c
}

.main-timeline7 .timeline:nth-child(4n) .timeline-icon:before {
    border-color: #ed687c;
    box-shadow: 0 0 0 4px #f798a8
}

.main-timeline7 .timeline:nth-child(4n) .year:before {
    background: #ed687c;
    box-shadow: 0 0 0 4px #ed687c
}

.main-timeline7 .timeline:nth-child(4n) .title {
    color: #ed687c
}

@media only screen and (max-width:990px) {
    .main-timeline7 .timeline {
        width: 100%
    }
    .main-timeline7 .timeline:nth-child(even),
    .main-timeline7 .timeline:nth-child(odd) {
        margin: 0
    }
    .main-timeline7 .timeline:before,
    .main-timeline7 .timeline:nth-child(2n):before {
        width: 30px;
        height: 100%;
        left: 25px
    }
    .main-timeline7 .timeline-icon,
    .main-timeline7 .timeline:nth-child(2n) .timeline-icon {
        left: 0
    }
    .main-timeline7 .timeline:nth-child(2n) .year,
    .main-timeline7 .year {
        text-align: left;
        padding: 0 30px 0 100px
    }
    .main-timeline7 .timeline:nth-child(2n) .year:before,
    .main-timeline7 .year:before {
        left: auto;
        right: 4px
    }
    .main-timeline7 .year:after {
        left: auto;
        right: 50px;
        border-right: 10px solid #303a3b;
        border-left: none
    }
    .main-timeline7 .timeline-content .description {
        color: #666
    }
    .main-timeline7 .timeline-content,
    .main-timeline7 .timeline:nth-child(2n) .timeline-content {
        text-align: left;
        padding: 18px 40px 18px 100px
    }
    .main-timeline7 .timeline-content:after,
    .main-timeline7 .timeline-content:before {
        width: 0;
        height: 0
    }
}

.main-timeline8 {
    overflow: hidden;
    position: relative
}

.main-timeline8:after,
.main-timeline8:before {
    content: "";
    display: block;
    width: 100%;
    clear: both
}

.main-timeline8:before {
    content: "";
    width: 3px;
    height: 100%;
    background: #d6d5d5;
    position: absolute;
    top: 30px;
    left: 50%
}

.main-timeline8 .timeline {
    width: 50%;
    float: left;
    padding-right: 30px;
    position: relative
}

.main-timeline8 .timeline-icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #fff;
    border: 3px solid #fe6847;
    position: absolute;
    top: 5.5%;
    right: -17.5px
}

.main-timeline8 .year {
    display: block;
    padding: 10px;
    margin: 0;
    font-size: 30px;
    color: #fff;
    border-radius: 0 50px 50px 0;
    background: #fe6847;
    text-align: center;
    position: relative
}

.main-timeline8 .year:before {
    content: "";
    border-top: 35px solid #f59c8b;
    border-left: 35px solid transparent;
    position: absolute;
    bottom: -35px;
    left: 0
}

.main-timeline8 .timeline-content {
    padding: 30px 20px;
    margin: 0 45px 0 35px;
    background: #f2f2f2
}

.main-timeline8 .title {
    font-size: 19px;
    font-weight: 700;
    color: #504f54;
    margin: 0 0 10px
}

.main-timeline8 .description {
    font-size: 14px;
    color: #7d7b7b;
    margin: 0
}

.main-timeline8 .timeline:nth-child(2n) {
    padding: 0 0 0 30px
}

.main-timeline8 .timeline:nth-child(2n) .timeline-icon {
    right: auto;
    left: -14.5px
}

.main-timeline8 .timeline:nth-child(2n) .year {
    border-radius: 50px 0 0 50px;
    background: #7eda99
}

.main-timeline8 .timeline:nth-child(2n) .year:before {
    border-left: none;
    border-right: 35px solid transparent;
    left: auto;
    right: 0
}

.main-timeline8 .timeline:nth-child(2n) .timeline-content {
    text-align: right;
    margin: 0 35px 0 45px
}

.main-timeline8 .timeline:nth-child(2) {
    margin-top: 170px
}

.main-timeline8 .timeline:nth-child(odd) {
    margin: -175px 0 0
}

.main-timeline8 .timeline:nth-child(even) {
    margin-bottom: 80px
}

.main-timeline8 .timeline:first-child,
.main-timeline8 .timeline:last-child:nth-child(even) {
    margin: 0
}

.main-timeline8 .timeline:nth-child(2n) .timeline-icon {
    border-color: #7eda99
}

.main-timeline8 .timeline:nth-child(2n) .year:before {
    border-top-color: #92efad
}

.main-timeline8 .timeline:nth-child(3n) .timeline-icon {
    border-color: #8a5ec1
}

.main-timeline8 .timeline:nth-child(3n) .year {
    background: #8a5ec1
}

.main-timeline8 .timeline:nth-child(3n) .year:before {
    border-top-color: #a381cf
}

.main-timeline8 .timeline:nth-child(4n) .timeline-icon {
    border-color: #f98d9c
}

.main-timeline8 .timeline:nth-child(4n) .year {
    background: #f98d9c
}

.main-timeline8 .timeline:nth-child(4n) .year:before {
    border-top-color: #f2aab3
}

@media only screen and (max-width:767px) {
    .main-timeline8 {
        overflow: visible
    }
    .main-timeline8:before {
        top: 0;
        left: 0
    }
    .main-timeline8 .timeline:nth-child(2),
    .main-timeline8 .timeline:nth-child(even),
    .main-timeline8 .timeline:nth-child(odd) {
        margin: 0
    }
    .main-timeline8 .timeline {
        width: 100%;
        float: none;
        padding: 0 0 0 30px;
        margin-bottom: 20px!important
    }
    .main-timeline8 .timeline:last-child {
        margin: 0!important
    }
    .main-timeline8 .timeline-icon {
        right: auto;
        left: -14.5px
    }
    .main-timeline8 .year {
        border-radius: 50px 0 0 50px
    }
    .main-timeline8 .year:before {
        border-left: none;
        border-right: 35px solid transparent;
        left: auto;
        right: 0
    }
    .main-timeline8 .timeline-content {
        margin: 0 35px 0 45px
    }
}

.main-timeline9 {
    position: relative
}

.main-timeline9:after,
.main-timeline9:before {
    content: "";
    display: block;
    width: 100%;
    clear: both
}

.main-timeline9:before {
    content: "";
    width: 3px;
    height: 100%;
    background: #302124;
    position: absolute;
    top: 0;
    left: 50%
}

.main-timeline9 .timeline {
    width: 50%;
    float: left;
    position: relative;
    z-index: 1
}

.main-timeline9 .timeline:after,
.main-timeline9 .timeline:before {
    content: "";
    display: block;
    width: 100%;
    clear: both
}

.main-timeline9 .timeline:first-child:before,
.main-timeline9 .timeline:last-child:before {
    content: "";
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #fff;
    border: 4px solid #cca872;
    position: absolute;
    top: 0;
    right: -14px;
    z-index: 1
}

.main-timeline9 .timeline:last-child:before {
    top: auto;
    bottom: 0
}

.main-timeline9 .timeline:last-child:nth-child(even):before {
    right: auto;
    left: -12px;
    bottom: -2px
}

.main-timeline9 .timeline-content {
    text-align: center;
    margin-top: 8px;
    position: relative;
    transition: all .3s ease 0s
}

.main-timeline9 .timeline-content:before {
    content: "";
    width: 100%;
    height: 5px;
    background: #cca872;
    position: absolute;
    top: 88px;
    left: 0;
    z-index: -1
}

.main-timeline9 .circle {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: #fff;
    border: 8px solid #cca872;
    float: left;
    margin-right: 25px;
    position: relative
}

.main-timeline9 .circle span:after,
.main-timeline9 .circle span:before,
.main-timeline9 .circle:before {
    content: "";
    margin: auto;
    position: absolute;
    right: -33px;
    bottom: 0;
    z-index: -1
}

.main-timeline9 .circle:before {
    width: 26px;
    height: 30px;
    background: #cca872;
    top: 0;
    box-shadow: inset 7px 0 9px -7px #444
}

.main-timeline9 .circle span {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    line-height: 160px;
    border: 3px solid #adabab;
    font-size: 80px;
    color: #454344
}

.main-timeline9 .circle span:after,
.main-timeline9 .circle span:before {
    width: 28px;
    height: 50px;
    background: #fff;
    border-radius: 0 0 0 21px;
    top: -54px
}

.main-timeline9 .circle span:after {
    border-radius: 21px 0 0;
    top: 0;
    bottom: -56px
}

.main-timeline9 .content {
    display: table;
    padding-right: 40px;
    position: relative
}

.main-timeline9 .year {
    display: block;
    padding: 10px;
    margin: 10px 0 50px;
    background: #cca872;
    border-radius: 7px;
    font-size: 25px;
    color: #fff
}

.main-timeline9 .title {
    font-size: 25px;
    font-weight: 700;
    color: #cca872;
    margin-top: 0
}

.main-timeline9 .icon span:after,
.main-timeline9 .icon span:before,
.main-timeline9 .icon:before {
    content: "";
    height: 25px;
    margin: auto;
    position: absolute;
    bottom: 0;
    z-index: -1;
    left: -15px
}

.main-timeline9 .description {
    font-size: 14px;
    color: #a6a6a6;
    text-align: justify
}

.main-timeline9 .icon {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #fff;
    border: 4px solid #cca872;
    position: absolute;
    top: 78px;
    right: -14px
}

.main-timeline9 .icon:before {
    width: 15px;
    background: #cca872;
    top: -1px
}

.main-timeline9 .icon span:after,
.main-timeline9 .icon span:before {
    width: 21px;
    background: #fff;
    border-radius: 0 0 21px;
    top: -30px
}

.main-timeline9 .icon span:after {
    border-radius: 0 21px 0 0;
    top: 0;
    left: -15px;
    bottom: -30px
}

.main-timeline9 .timeline:nth-child(2n) .circle,
.main-timeline9 .timeline:nth-child(2n) .timeline-content {
    float: right
}

.main-timeline9 .timeline:nth-child(2n) .circle {
    margin: 0 0 0 25px
}

.main-timeline9 .timeline:nth-child(2n) .circle:before {
    right: auto;
    left: -33px;
    box-shadow: -7px 0 9px -7px #444 inset
}

.main-timeline9 .timeline:nth-child(2n) .circle span:after,
.main-timeline9 .timeline:nth-child(2n) .circle span:before {
    right: auto;
    left: -33px;
    border-radius: 0 0 21px
}

.main-timeline9 .timeline:nth-child(2n) .circle span:after {
    border-radius: 0 21px 0 0
}

.main-timeline9 .timeline:nth-child(2n) .content {
    padding: 0 0 0 40px;
    margin-left: 2px
}

.main-timeline9 .timeline:nth-child(2n) .icon {
    right: auto;
    left: -14px
}

.main-timeline9 .timeline:nth-child(2n) .icon span:after,
.main-timeline9 .timeline:nth-child(2n) .icon span:before,
.main-timeline9 .timeline:nth-child(2n) .icon:before {
    left: auto;
    right: -15px
}

.main-timeline9 .timeline:nth-child(2n) .icon span:before {
    border-radius: 0 0 0 21px
}

.main-timeline9 .timeline:nth-child(2n) .icon span:after {
    border-radius: 21px 0 0
}

.main-timeline9 .timeline:nth-child(2) {
    margin-top: 180px
}

.main-timeline9 .timeline:nth-child(odd) {
    margin: -175px 0 0
}

.main-timeline9 .timeline:nth-child(even) {
    margin-bottom: 80px
}

.main-timeline9 .timeline:first-child,
.main-timeline9 .timeline:last-child:nth-child(even) {
    margin: 0
}

@media only screen and (max-width:990px) {
    .main-timeline9:before {
        left: 100%
    }
    .main-timeline9 .timeline {
        width: 100%;
        float: none;
        margin-bottom: 20px!important
    }
    .main-timeline9 .timeline:first-child:before,
    .main-timeline9 .timeline:last-child:before {
        left: auto!important;
        right: -13px!important
    }
    .main-timeline9 .timeline:nth-child(2n) .circle {
        float: left;
        margin: 0 25px 0 0
    }
    .main-timeline9 .timeline:nth-child(2n) .circle:before {
        right: -33px;
        left: auto;
        box-shadow: 7px 0 9px -7px #444 inset
    }
    .main-timeline9 .timeline:nth-child(2n) .circle span:after,
    .main-timeline9 .timeline:nth-child(2n) .circle span:before {
        right: -33px;
        left: auto;
        border-radius: 0 0 0 21px
    }
    .main-timeline9 .timeline:nth-child(2n) .circle span:after {
        border-radius: 21px 0 0
    }
    .main-timeline9 .timeline:nth-child(2n) .content {
        padding: 0 40px 0 0;
        margin-left: 0
    }
    .main-timeline9 .timeline:nth-child(2n) .icon {
        right: -14px;
        left: auto
    }
    .main-timeline9 .timeline:nth-child(2n) .icon span:after,
    .main-timeline9 .timeline:nth-child(2n) .icon span:before,
    .main-timeline9 .timeline:nth-child(2n) .icon:before {
        left: -15px;
        right: auto
    }
    .main-timeline9 .timeline:nth-child(2n) .icon span:before {
        border-radius: 0 0 21px
    }
    .main-timeline9 .timeline:nth-child(2n) .icon span:after {
        border-radius: 0 21px 0 0
    }
    .main-timeline9 .timeline:nth-child(2),
    .main-timeline9 .timeline:nth-child(even),
    .main-timeline9 .timeline:nth-child(odd) {
        margin: 0
    }
}

@media only screen and (max-width:480px) {
    .main-timeline9:before {
        left: 0
    }
    .main-timeline9 .timeline:first-child:before,
    .main-timeline9 .timeline:last-child:before {
        left: -12px!important;
        right: auto!important
    }
    .main-timeline9 .circle,
    .main-timeline9 .timeline:nth-child(2n) .circle {
        width: 130px;
        height: 130px;
        float: none;
        margin: 0 auto
    }
    .main-timeline9 .timeline-content:before {
        width: 99.5%;
        top: 68px;
        left: .5%
    }
    .main-timeline9 .circle span {
        line-height: 115px;
        font-size: 60px
    }
    .main-timeline9 .circle span:after,
    .main-timeline9 .circle span:before,
    .main-timeline9 .circle:before,
    .main-timeline9 .icon {
        display: none
    }
    .main-timeline9 .content,
    .main-timeline9 .timeline:nth-child(2n) .content {
        padding: 0 10px
    }
    .main-timeline9 .year {
        margin-bottom: 15px
    }
    .main-timeline9 .description {
        text-align: center
    }
}

.main-timeline10:after,
.main-timeline10:before {
    content: "";
    display: block;
    width: 100%;
    clear: both
}

.main-timeline10 .timeline {
    padding: 0;
    display: -webkit-inline-box
}

.main-timeline10 .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 24%
}

.main-timeline10 .timeline-inner {
    text-align: center;
    margin: 20px 20px 35px 35px;
    position: relative
}

.main-timeline10 .timeline-inner:after {
    content: "";
    width: 120%;
    height: 3px;
    background: #555;
    position: absolute;
    bottom: 0;
    left: 10%
}

.main-timeline10 .timeline:last-child .timeline-inner:after {
    width: 0
}

.main-timeline10 .year {
    background: #58b25e;
    padding: 5px 0;
    border-radius: 30px 0;
    font-size: 26px;
    font-weight: 700;
    color: #fff;
    z-index: 1;
    position: relative
}

.main-timeline10 .year:after,
.main-timeline10 .year:before {
    position: absolute;
    top: -19px;
    content: ""
}

.main-timeline10 .year:before {
    right: 0;
    border: 10px solid transparent;
    border-bottom: 10px solid #58b25e;
    border-right: 10px solid #58b25e
}

.main-timeline10 .year:after {
    width: 25px;
    height: 19px;
    border-radius: 0 0 20px;
    background: #fff;
    right: 1px
}

.main-timeline10 .timeline-content {
    padding: 10px 10px 30px;
    border-left: 3px solid #58b25e;
    position: relative
}

.main-timeline10 .timeline-content:before {
    content: "";
    position: absolute;
    top: 0;
    left: -1px;
    border: 10px solid transparent;
    border-top: 10px solid #58b25e;
    border-left: 10px solid #58b25e
}

.main-timeline10 .timeline-content:after {
    content: "";
    width: 25px;
    height: 19px;
    border-radius: 20px 0 0;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0
}

.main-timeline10 .post {
    font-size: 26px;
    color: #333
}

.main-timeline10 .description {
    font-size: 14px;
    color: #333
}

.main-timeline10 .timeline-icon {
    width: 70px;
    height: 70px;
    line-height: 65px;
    border-radius: 50%;
    border: 5px solid #58b25e;
    background: #fff;
    font-size: 30px;
    color: #555;
    z-index: 1;
    position: absolute;
    bottom: -35px;
    left: -35px
}

.main-timeline10 .timeline:nth-child(2n) .year {
    background: #9f84c4
}

.main-timeline10 .timeline:nth-child(2n) .year:before {
    border-bottom-color: #9f84c4;
    border-right-color: #9f84c4
}

.main-timeline10 .timeline:nth-child(2n) .timeline-content {
    border-left-color: #9f84c4
}

.main-timeline10 .timeline:nth-child(2n) .timeline-content:before {
    border-top-color: #9f84c4;
    border-left-color: #9f84c4
}

.main-timeline10 .timeline:nth-child(2n) .timeline-icon {
    border-color: #9f84c4
}

.main-timeline10 .timeline:nth-child(3n) .year {
    background: #f35958
}

.main-timeline10 .timeline:nth-child(3n) .year:before {
    border-bottom-color: #f35958;
    border-right-color: #f35958
}

.main-timeline10 .timeline:nth-child(3n) .timeline-content {
    border-left-color: #f35958
}

.main-timeline10 .timeline:nth-child(3n) .timeline-content:before {
    border-top-color: #f35958;
    border-left-color: #f35958
}

.main-timeline10 .timeline:nth-child(3n) .timeline-icon {
    border-color: #f35958
}

.main-timeline10 .timeline:nth-child(4n) .year {
    background: #e67e49
}

.main-timeline10 .timeline:nth-child(4n) .year:before {
    border-bottom-color: #e67e49;
    border-right-color: #e67e49
}

.main-timeline10 .timeline:nth-child(4n) .timeline-content {
    border-left-color: #e67e49
}

.main-timeline10 .timeline:nth-child(4n) .timeline-content:before {
    border-top-color: #e67e49;
    border-left-color: #e67e49
}

.main-timeline10 .timeline:nth-child(4n) .timeline-icon {
    border-color: #e67e49
}

@media only screen and (max-width:990px) {
    .main-timeline10 .timeline-inner:after {
        width: 110%
    }
    .main-timeline10 .timeline:nth-child(2n) .timeline-inner:after {
        width: 0
    }
}

@media only screen and (max-width:767px) {
    .main-timeline10 .timeline {
        margin-bottom: 50px
    }
    .main-timeline10 .timeline-inner:after,
    .main-timeline10 .timeline:nth-child(2n) .timeline-inner:after {
        width: 100%;
        height: 3px;
        left: 0
    }
}

.main-timeline11 {
    overflow: hidden;
    position: relative
}

.main-timeline11:before {
    content: "";
    width: 7px;
    height: 100%;
    background: #909090;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%)
}

.main-timeline11 .timeline {
    width: 50%;
    padding-left: 50px;
    float: right;
    position: relative
}

.main-timeline11 .timeline:after,
.main-timeline11 .timeline:before {
    position: absolute;
    content: "";
    top: 50%;
    transform: translateY(-50%)
}

.main-timeline11 .timeline:before {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #909090;
    border: 7px solid #fff;
    left: -15px
}

.main-timeline11 .timeline:after {
    display: block;
    border-right: 30px solid #ee4423;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    left: 24px
}

.main-timeline11 .timeline-content {
    display: block;
    padding: 25px;
    border-radius: 100px;
    background: #ee4423;
    position: relative
}

.main-timeline11 .timeline-content:after,
.main-timeline11 .timeline-content:before {
    content: "";
    display: block;
    width: 100%;
    clear: both
}

.main-timeline11 .inner-content {
    width: 70%;
    float: right;
    padding: 15px 20px 15px 15px;
    background: #fff;
    border-radius: 0 100px 100px 0;
    color: #ee4423
}

.main-timeline11 .year {
    display: inline-block;
    font-size: 50px;
    font-weight: 600;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 7%;
    transform: translateY(-50%)
}

.main-timeline11 .title {
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 5px
}

.main-timeline11 .description {
    font-size: 14px;
    margin: 0 0 5px
}

.main-timeline11 .timeline:nth-child(2n) {
    padding: 0 50px 0 0
}

.main-timeline11 .timeline:nth-child(2n) .year,
.main-timeline11 .timeline:nth-child(2n):before {
    left: auto;
    right: -15px
}

.main-timeline11 .timeline:nth-child(2n) .year {
    right: 7%
}

.main-timeline11 .timeline:nth-child(2n):after {
    border-right: none;
    border-left: 30px solid #ee4423;
    left: auto;
    right: 24px;
    border-left-color: #f68829
}

.main-timeline11 .timeline:nth-child(2n) .inner-content {
    float: none;
    border-radius: 100px 0 0 100px;
    text-align: right
}

.main-timeline11 .timeline:nth-child(2) {
    margin-top: 130px
}

.main-timeline11 .timeline:nth-child(odd) {
    margin: -130px 0 0
}

.main-timeline11 .timeline:nth-child(even) {
    margin-bottom: 80px
}

.main-timeline11 .timeline:first-child,
.main-timeline11 .timeline:last-child:nth-child(even) {
    margin: 0
}

.main-timeline11 .timeline:nth-child(2n) .timeline-content {
    background: #f68829
}

.main-timeline11 .timeline:nth-child(2n),
.main-timeline11 .timeline:nth-child(2n) .inner-content {
    color: #f68829
}

.main-timeline11 .timeline:nth-child(3n) .timeline-content {
    background: #2991d0
}

.main-timeline11 .timeline:nth-child(3n),
.main-timeline11 .timeline:nth-child(3n) .inner-content {
    color: #2991d0
}

.main-timeline11 .timeline:nth-child(3n):after {
    border-right-color: #2991d0
}

.main-timeline11 .timeline:nth-child(4n) .timeline-content {
    background: #9361aa
}

.main-timeline11 .timeline:nth-child(4n),
.main-timeline11 .timeline:nth-child(4n) .inner-content {
    color: #9361aa
}

.main-timeline11 .timeline:nth-child(4n):after {
    border-left-color: #9361aa
}

.main-timeline11 .timeline:nth-child(5n) .timeline-content {
    background: #a7be26
}

.main-timeline11 .timeline:nth-child(5n),
.main-timeline11 .timeline:nth-child(5n) .inner-content {
    color: #a7be26
}

.main-timeline11 .timeline:nth-child(5n):after {
    border-right-color: #a7be26
}

@media only screen and (max-width:1200px) {
    .main-timeline11 .inner-content {
        width: 80%
    }
    .main-timeline11 .year {
        font-size: 45px;
        left: 10px;
        transform: translateY(-50%) rotate(-90deg)
    }
    .main-timeline11 .timeline:nth-child(2n) .year {
        right: 10px
    }
}

@media only screen and (max-width:990px) {
    .main-timeline11 .year {
        font-size: 40px;
        left: 0
    }
    .main-timeline11 .timeline:nth-child(2n) .year {
        right: 0
    }
}

@media only screen and (max-width:767px) {
    .main-timeline11 .timeline:before,
    .main-timeline11:before {
        left: 10px;
        transform: translateX(0)
    }
    .main-timeline11 .timeline:nth-child(2n):after {
        border-left: none;
        border-right: 30px solid #ee4423;
        right: auto;
        left: 24px;
        border-right-color: #f68829
    }
    .main-timeline11 .timeline,
    .main-timeline11 .timeline:nth-child(even),
    .main-timeline11 .timeline:nth-child(odd) {
        width: 100%;
        float: none;
        margin: 0 0 30px
    }
    .main-timeline11 .timeline:last-child {
        margin-bottom: 0
    }
    .main-timeline11 .timeline:nth-child(2n) {
        padding: 0 0 0 50px
    }
    .main-timeline11 .timeline:before,
    .main-timeline11 .timeline:nth-child(2n):before {
        left: -2px
    }
    .main-timeline11 .inner-content {
        width: 85%
    }
    .main-timeline11 .timeline:nth-child(2n) .inner-content {
        float: right;
        border-radius: 0 100px 100px 0;
        text-align: left
    }
    .main-timeline11 .timeline:nth-child(2n) .year {
        right: auto;
        left: 0
    }
    .main-timeline11 .timeline:nth-child(3n):after {
        border-left-color: #2991d0
    }
    .main-timeline11 .timeline:nth-child(4n):after {
        border-right-color: #9361aa
    }
    .main-timeline11 .timeline:nth-child(5n):after {
        border-left-color: #a7be26
    }
}

@media only screen and (max-width:479px) {
    .main-timeline11 .timeline-content {
        padding: 15px
    }
    .main-timeline11 .inner-content {
        width: 80%
    }
    .main-timeline11 .year {
        font-size: 30px
    }
}

.main-timeline12 .timeline {
    padding: 0 2px;
    position: relative;
    display: inline-block
}

.main-timeline12 .col-md-2 {
    -ms-flex: 0 0 15.666667%;
    flex: 0 0 15.666667%;
    max-width: 15.666667%
}

.main-timeline12 .timeline-icon {
    display: block;
    text-align: center;
    padding: 20px 0 55px;
    z-index: 1;
    position: relative
}

.pos,
.pos2 {
    position: absolute
}

.main-timeline12 .timeline:nth-child(2n) .timeline-icon {
    padding: 55px 0 20px
}

.main-timeline12 .timeline-icon:before {
    content: "";
    width: 1px;
    height: 75%;
    background: #39ae99;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    transition: all .3s ease 0s
}

.main-timeline12 .timeline:nth-child(2n) .timeline-icon:before {
    bottom: auto;
    top: 0
}

.main-timeline12 .timeline:hover .timeline-icon:before {
    background: #555
}

.main-timeline12 .timeline-icon i {
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 50%;
    background: #39ae99;
    font-size: 14px;
    color: #fff;
    transition: all .3s ease 0s
}

.main-timeline12 .timeline:hover .timeline-icon i {
    background: #555;
    animation: icon-load 2.5s ease 0s infinite
}

.floating,
.main-timeline5 .year {
    animation-duration: 5s;
    animation-iteration-count: infinite
}

.main-timeline12 .border {
    height: 15px;
    background: #39ae99;
    margin-bottom: 0;
    transition: all .3s ease 0s
}

.main-timeline12 .timeline:hover .border {
    background: #555
}

.main-timeline12 .timeline:first-child .border {
    border-radius: 4px 0 0 4px
}

.main-timeline12 .timeline:last-child .border {
    border-radius: 0 4px 4px 0
}

.main-timeline12 .timeline:nth-child(2n) .border {
    margin: 18px 0 0
}

.main-timeline12 .timeline-content {
    padding: 15px;
    border: 1px solid #ddd;
    background: #f9f9f9;
    border-radius: 3px;
    transition: all .3s ease 0s
}

.main-timeline12 .timeline:hover .timeline-content {
    background: #555
}

.main-timeline12 .title {
    font-size: 18px;
    font-weight: 700;
    color: #39ae99;
    text-transform: uppercase;
    margin: 0 0 10px;
    transition: all .3s ease 0s
}

.main-timeline12 .timeline:hover .title {
    color: #fff
}

.main-timeline12 .timeline-content .description {
    font-size: 14px;
    color: #888;
    margin: 0;
    transition: all .3s ease 0s
}

.main-timeline12 .timeline:hover .description {
    color: #fff
}

@keyframes icon-load {
    0% {
        transform: rotate(-12deg)
    }
    8% {
        transform: rotate(12deg)
    }
    10%,
    28%,
    30%,
    48%,
    50%,
    68% {
        transform: rotate(24deg)
    }
    18%,
    20%,
    38%,
    40%,
    58%,
    60% {
        transform: rotate(-24deg)
    }
    100%,
    75% {
        transform: rotate(0)
    }
}

@media only screen and (max-width:990px) {
    .main-timeline12 .timeline {
        margin-bottom: 20px
    }
}

@media only screen and (max-width:767px) {
    .main-timeline12 .timeline-icon {
        padding-top: 0
    }
    .main-timeline12 .timeline:nth-child(2n) .timeline-icon {
        padding-bottom: 0
    }
    .main-timeline12 .border {
        margin-bottom: 10px
    }
    .main-timeline12 .timeline:nth-child(2n) .border {
        margin: 10px 0 0
    }
    .main-timeline12 .timeline-content {
        text-align: center
    }
}

.pos {
    top: 120px;
    left: 0
}

.pos2 {
    top: 0;
    right: 0
}

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

@keyframes floating {
    from,
    to {
        transform: translate(0, 0)
    }
    65% {
        transform: translate(0, -100px)
    }
}

.main-timeline5 .year {
    animation-name: spin;
    animation-timing-function: linear
}

@keyframes spin {
    from {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

.main-timeline5 .timeline-content2 {
    width: 35%;
    float: right;
    background: #ff4530;
    padding: 30px 20px;
    margin: 50px 0;
    z-index: 1;
    position: relative;
    box-shadow: 0 0 10px #505050
}

.main-timeline5 .timeline-content2:before {
    content: "";
    width: 20%;
    height: 15px;
    background: #ff4530;
    position: absolute;
    top: 50%;
    left: -20%;
    z-index: -1;
    transform: translateY(-50%)
}

.main-timeline5 .timeline-icon2 {
    width: 210px;
    height: 210px;
    border-radius: 50%;
    border: 25px solid transparent;
    border-top-color: #ff4530;
    border-right-color: #ff4530;
    z-index: 1;
    transform: rotate(45deg)
}

.main-timeline5 .timeline-icon2,
.main-timeline5 .year {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

@font-face {
    font-family: FontAwesome;
    font-display: swap;
    src: url(../../fonts/font-awesome/fontawesome-webfont.eot?v=4.5.0);
    src: url(../../fonts/font-awesome/fontawesome-webfont.eot?#iefix&v=4.5.0) format('embedded-opentype'), url(../../fonts/font-awesome/fontawesome-webfont.woff2?v=4.5.0) format('woff2'), url(../../fonts/font-awesome/fontawesome-webfont.woff?v=4.5.0) format('woff'), url(../../fonts/font-awesome/fontawesome-webfont.ttf?v=4.5.0) format('truetype'), url(../../fonts/font-awesome/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular) format('svg');
    font-weight: 400;
    font-style: normal
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571429em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}

.fa-ul>li {
    position: relative
}

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center
}

.fa-li.fa-lg {
    left: -1.85714286em
}

.fa-border {
    padding: .2em .25em .15em;
    border: solid .08em #eee;
    border-radius: .1em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right {
    margin-left: .3em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.fa.pull-left {
    margin-right: .3em
}

.fa.pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8)
}

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

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

.fa-rotate-90 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.fa-flip-vertical {
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1)
}

:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-rotate-90 {
    filter: none
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x,
.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-glass:before {
    content: "\f000"
}

.fa-music:before {
    content: "\f001"
}

.fa-search:before {
    content: "\f002"
}

.fa-envelope-o:before {
    content: "\f003"
}

.fa-heart:before {
    content: "\f004"
}

.fa-star:before {
    content: "\f005"
}

.fa-star-o:before {
    content: "\f006"
}

.fa-user:before {
    content: "\f007"
}

.fa-film:before {
    content: "\f008"
}

.fa-th-large:before {
    content: "\f009"
}

.fa-th:before {
    content: "\f00a"
}

.fa-th-list:before {
    content: "\f00b"
}

.fa-check:before {
    content: "\f00c"
}

.fa-close:before,
.fa-remove:before,
.fa-times:before {
    content: "\f00d"
}

.fa-search-plus:before {
    content: "\f00e"
}

.fa-search-minus:before {
    content: "\f010"
}

.fa-power-off:before {
    content: "\f011"
}

.fa-signal:before {
    content: "\f012"
}

.fa-cog:before,
.fa-gear:before {
    content: "\f013"
}

.fa-trash-o:before {
    content: "\f014"
}

.fa-home:before {
    content: "\f015"
}

.fa-file-o:before {
    content: "\f016"
}

.fa-clock-o:before {
    content: "\f017"
}

.fa-road:before {
    content: "\f018"
}

.fa-download:before {
    content: "\f019"
}

.fa-arrow-circle-o-down:before {
    content: "\f01a"
}

.fa-arrow-circle-o-up:before {
    content: "\f01b"
}

.fa-inbox:before {
    content: "\f01c"
}

.fa-play-circle-o:before {
    content: "\f01d"
}

.fa-repeat:before,
.fa-rotate-right:before {
    content: "\f01e"
}

.fa-refresh:before {
    content: "\f021"
}

.fa-list-alt:before {
    content: "\f022"
}

.fa-lock:before {
    content: "\f023"
}

.fa-flag:before {
    content: "\f024"
}

.fa-headphones:before {
    content: "\f025"
}

.fa-volume-off:before {
    content: "\f026"
}

.fa-volume-down:before {
    content: "\f027"
}

.fa-volume-up:before {
    content: "\f028"
}

.fa-qrcode:before {
    content: "\f029"
}

.fa-barcode:before {
    content: "\f02a"
}

.fa-tag:before {
    content: "\f02b"
}

.fa-tags:before {
    content: "\f02c"
}

.fa-book:before {
    content: "\f02d"
}

.fa-bookmark:before {
    content: "\f02e"
}

.fa-print:before {
    content: "\f02f"
}

.fa-camera:before {
    content: "\f030"
}

.fa-font:before {
    content: "\f031"
}

.fa-bold:before {
    content: "\f032"
}

.fa-italic:before {
    content: "\f033"
}

.fa-text-height:before {
    content: "\f034"
}

.fa-text-width:before {
    content: "\f035"
}

.fa-align-left:before {
    content: "\f036"
}

.fa-align-center:before {
    content: "\f037"
}

.fa-align-right:before {
    content: "\f038"
}

.fa-align-justify:before {
    content: "\f039"
}

.fa-list:before {
    content: "\f03a"
}

.fa-dedent:before,
.fa-outdent:before {
    content: "\f03b"
}

.fa-indent:before {
    content: "\f03c"
}

.fa-video-camera:before {
    content: "\f03d"
}

.fa-image:before,
.fa-photo:before,
.fa-picture-o:before {
    content: "\f03e"
}

.fa-pencil:before {
    content: "\f040"
}

.fa-map-marker:before {
    content: "\f041"
}

.fa-adjust:before {
    content: "\f042"
}

.fa-tint:before {
    content: "\f043"
}

.fa-edit:before,
.fa-pencil-square-o:before {
    content: "\f044"
}

.fa-share-square-o:before {
    content: "\f045"
}

.fa-check-square-o:before {
    content: "\f046"
}

.fa-arrows:before {
    content: "\f047"
}

.fa-step-backward:before {
    content: "\f048"
}

.fa-fast-backward:before {
    content: "\f049"
}

.fa-backward:before {
    content: "\f04a"
}

.fa-play:before {
    content: "\f04b"
}

.fa-pause:before {
    content: "\f04c"
}

.fa-stop:before {
    content: "\f04d"
}

.fa-forward:before {
    content: "\f04e"
}

.fa-fast-forward:before {
    content: "\f050"
}

.fa-step-forward:before {
    content: "\f051"
}

.fa-eject:before {
    content: "\f052"
}

.fa-chevron-left:before {
    content: "\f053"
}

.fa-chevron-right:before {
    content: "\f054"
}

.fa-plus-circle:before {
    content: "\f055"
}

.fa-minus-circle:before {
    content: "\f056"
}

.fa-times-circle:before {
    content: "\f057"
}

.fa-check-circle:before {
    content: "\f058"
}

.fa-question-circle:before {
    content: "\f059"
}

.fa-info-circle:before {
    content: "\f05a"
}

.fa-crosshairs:before {
    content: "\f05b"
}

.fa-times-circle-o:before {
    content: "\f05c"
}

.fa-check-circle-o:before {
    content: "\f05d"
}

.fa-ban:before {
    content: "\f05e"
}

.fa-arrow-left:before {
    content: "\f060"
}

.fa-arrow-right:before {
    content: "\f061"
}

.fa-arrow-up:before {
    content: "\f062"
}

.fa-arrow-down:before {
    content: "\f063"
}

.fa-mail-forward:before,
.fa-share:before {
    content: "\f064"
}

.fa-expand:before {
    content: "\f065"
}

.fa-compress:before {
    content: "\f066"
}

.fa-plus:before {
    content: "\f067"
}

.fa-minus:before {
    content: "\f068"
}

.fa-asterisk:before {
    content: "\f069"
}

.fa-exclamation-circle:before {
    content: "\f06a"
}

.fa-gift:before {
    content: "\f06b"
}

.fa-leaf:before {
    content: "\f06c"
}

.fa-fire:before {
    content: "\f06d"
}

.fa-eye:before {
    content: "\f06e"
}

.fa-eye-slash:before {
    content: "\f070"
}

.fa-exclamation-triangle:before,
.fa-warning:before {
    content: "\f071"
}

.fa-plane:before {
    content: "\f072"
}

.fa-calendar:before {
    content: "\f073"
}

.fa-random:before {
    content: "\f074"
}

.fa-comment:before {
    content: "\f075"
}

.fa-magnet:before {
    content: "\f076"
}

.fa-chevron-up:before {
    content: "\f077"
}

.fa-chevron-down:before {
    content: "\f078"
}

.fa-retweet:before {
    content: "\f079"
}

.fa-shopping-cart:before {
    content: "\f07a"
}

.fa-folder:before {
    content: "\f07b"
}

.fa-folder-open:before {
    content: "\f07c"
}

.fa-arrows-v:before {
    content: "\f07d"
}

.fa-arrows-h:before {
    content: "\f07e"
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
    content: "\f080"
}

.fa-twitter-square:before {
    content: "\f081"
}

.fa-facebook-square:before {
    content: "\f082"
}

.fa-camera-retro:before {
    content: "\f083"
}

.fa-key:before {
    content: "\f084"
}

.fa-cogs:before,
.fa-gears:before {
    content: "\f085"
}

.fa-comments:before {
    content: "\f086"
}

.fa-thumbs-o-up:before {
    content: "\f087"
}

.fa-thumbs-o-down:before {
    content: "\f088"
}

.fa-star-half:before {
    content: "\f089"
}

.fa-heart-o:before {
    content: "\f08a"
}

.fa-sign-out:before {
    content: "\f08b"
}

.fa-linkedin-square:before {
    content: "\f08c"
}

.fa-thumb-tack:before {
    content: "\f08d"
}

.fa-external-link:before {
    content: "\f08e"
}

.fa-sign-in:before {
    content: "\f090"
}

.fa-trophy:before {
    content: "\f091"
}

.fa-github-square:before {
    content: "\f092"
}

.fa-upload:before {
    content: "\f093"
}

.fa-lemon-o:before {
    content: "\f094"
}

.fa-phone:before {
    content: "\f095"
}

.fa-square-o:before {
    content: "\f096"
}

.fa-bookmark-o:before {
    content: "\f097"
}

.fa-phone-square:before {
    content: "\f098"
}

.fa-twitter:before {
    content: "\f099"
}

.fa-facebook-f:before,
.fa-facebook:before {
    content: "\f09a"
}

.fa-github:before {
    content: "\f09b"
}

.fa-unlock:before {
    content: "\f09c"
}

.fa-credit-card:before {
    content: "\f09d"
}

.fa-feed:before,
.fa-rss:before {
    content: "\f09e"
}

.fa-hdd-o:before {
    content: "\f0a0"
}

.fa-bullhorn:before {
    content: "\f0a1"
}

.fa-bell:before {
    content: "\f0f3"
}

.fa-certificate:before {
    content: "\f0a3"
}

.fa-hand-o-right:before {
    content: "\f0a4"
}

.fa-hand-o-left:before {
    content: "\f0a5"
}

.fa-hand-o-up:before {
    content: "\f0a6"
}

.fa-hand-o-down:before {
    content: "\f0a7"
}

.fa-arrow-circle-left:before {
    content: "\f0a8"
}

.fa-arrow-circle-right:before {
    content: "\f0a9"
}

.fa-arrow-circle-up:before {
    content: "\f0aa"
}

.fa-arrow-circle-down:before {
    content: "\f0ab"
}

.fa-globe:before {
    content: "\f0ac"
}

.fa-wrench:before {
    content: "\f0ad"
}

.fa-tasks:before {
    content: "\f0ae"
}

.fa-filter:before {
    content: "\f0b0"
}

.fa-briefcase:before {
    content: "\f0b1"
}

.fa-arrows-alt:before {
    content: "\f0b2"
}

.fa-group:before,
.fa-users:before {
    content: "\f0c0"
}

.fa-chain:before,
.fa-link:before {
    content: "\f0c1"
}

.fa-cloud:before {
    content: "\f0c2"
}

.fa-flask:before {
    content: "\f0c3"
}

.fa-cut:before,
.fa-scissors:before {
    content: "\f0c4"
}

.fa-copy:before,
.fa-files-o:before {
    content: "\f0c5"
}

.fa-paperclip:before {
    content: "\f0c6"
}

.fa-floppy-o:before,
.fa-save:before {
    content: "\f0c7"
}

.fa-square:before {
    content: "\f0c8"
}

.fa-bars:before,
.fa-navicon:before,
.fa-reorder:before {
    content: "\f0c9"
}

.fa-list-ul:before {
    content: "\f0ca"
}

.fa-list-ol:before {
    content: "\f0cb"
}

.fa-strikethrough:before {
    content: "\f0cc"
}

.fa-underline:before {
    content: "\f0cd"
}

.fa-table:before {
    content: "\f0ce"
}

.fa-magic:before {
    content: "\f0d0"
}

.fa-truck:before {
    content: "\f0d1"
}

.fa-pinterest:before {
    content: "\f0d2"
}

.fa-pinterest-square:before {
    content: "\f0d3"
}

.fa-google-plus-square:before {
    content: "\f0d4"
}

.fa-google-plus:before {
    content: "\f0d5"
}

.fa-money:before {
    content: "\f0d6"
}

.fa-caret-down:before {
    content: "\f0d7"
}

.fa-caret-up:before {
    content: "\f0d8"
}

.fa-caret-left:before {
    content: "\f0d9"
}

.fa-caret-right:before {
    content: "\f0da"
}

.fa-columns:before {
    content: "\f0db"
}

.fa-sort:before,
.fa-unsorted:before {
    content: "\f0dc"
}

.fa-sort-desc:before,
.fa-sort-down:before {
    content: "\f0dd"
}

.fa-sort-asc:before,
.fa-sort-up:before {
    content: "\f0de"
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-linkedin:before {
    content: "\f0e1"
}

.fa-rotate-left:before,
.fa-undo:before {
    content: "\f0e2"
}

.fa-gavel:before,
.fa-legal:before {
    content: "\f0e3"
}

.fa-dashboard:before,
.fa-tachometer:before {
    content: "\f0e4"
}

.fa-comment-o:before {
    content: "\f0e5"
}

.fa-comments-o:before {
    content: "\f0e6"
}

.fa-bolt:before,
.fa-flash:before {
    content: "\f0e7"
}

.fa-sitemap:before {
    content: "\f0e8"
}

.fa-umbrella:before {
    content: "\f0e9"
}

.fa-clipboard:before,
.fa-paste:before {
    content: "\f0ea"
}

.fa-lightbulb-o:before {
    content: "\f0eb"
}

.fa-exchange:before {
    content: "\f0ec"
}

.fa-cloud-download:before {
    content: "\f0ed"
}

.fa-cloud-upload:before {
    content: "\f0ee"
}

.fa-user-md:before {
    content: "\f0f0"
}

.fa-stethoscope:before {
    content: "\f0f1"
}

.fa-suitcase:before {
    content: "\f0f2"
}

.fa-bell-o:before {
    content: "\f0a2"
}

.fa-coffee:before {
    content: "\f0f4"
}

.fa-cutlery:before {
    content: "\f0f5"
}

.fa-file-text-o:before {
    content: "\f0f6"
}

.fa-building-o:before {
    content: "\f0f7"
}

.fa-hospital-o:before {
    content: "\f0f8"
}

.fa-ambulance:before {
    content: "\f0f9"
}

.fa-medkit:before {
    content: "\f0fa"
}

.fa-fighter-jet:before {
    content: "\f0fb"
}

.fa-beer:before {
    content: "\f0fc"
}

.fa-h-square:before {
    content: "\f0fd"
}

.fa-plus-square:before {
    content: "\f0fe"
}

.fa-angle-double-left:before {
    content: "\f100"
}

.fa-angle-double-right:before {
    content: "\f101"
}

.fa-angle-double-up:before {
    content: "\f102"
}

.fa-angle-double-down:before {
    content: "\f103"
}

.fa-angle-left:before {
    content: "\f104"
}

.fa-angle-right:before {
    content: "\f105"
}

.fa-angle-up:before {
    content: "\f106"
}

.fa-angle-down:before {
    content: "\f107"
}

.fa-desktop:before {
    content: "\f108"
}

.fa-laptop:before {
    content: "\f109"
}

.fa-tablet:before {
    content: "\f10a"
}

.fa-mobile-phone:before,
.fa-mobile:before {
    content: "\f10b"
}

.fa-circle-o:before {
    content: "\f10c"
}

.fa-quote-left:before {
    content: "\f10d"
}

.fa-quote-right:before {
    content: "\f10e"
}

.fa-spinner:before {
    content: "\f110"
}

.fa-circle:before {
    content: "\f111"
}

.fa-mail-reply:before,
.fa-reply:before {
    content: "\f112"
}

.fa-github-alt:before {
    content: "\f113"
}

.fa-folder-o:before {
    content: "\f114"
}

.fa-folder-open-o:before {
    content: "\f115"
}

.fa-smile-o:before {
    content: "\f118"
}

.fa-frown-o:before {
    content: "\f119"
}

.fa-meh-o:before {
    content: "\f11a"
}

.fa-gamepad:before {
    content: "\f11b"
}

.fa-keyboard-o:before {
    content: "\f11c"
}

.fa-flag-o:before {
    content: "\f11d"
}

.fa-flag-checkered:before {
    content: "\f11e"
}

.fa-terminal:before {
    content: "\f120"
}

.fa-code:before {
    content: "\f121"
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
    content: "\f122"
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
    content: "\f123"
}

.fa-location-arrow:before {
    content: "\f124"
}

.fa-crop:before {
    content: "\f125"
}

.fa-code-fork:before {
    content: "\f126"
}

.fa-chain-broken:before,
.fa-unlink:before {
    content: "\f127"
}

.fa-question:before {
    content: "\f128"
}

.fa-info:before {
    content: "\f129"
}

.fa-exclamation:before {
    content: "\f12a"
}

.fa-superscript:before {
    content: "\f12b"
}

.fa-subscript:before {
    content: "\f12c"
}

.fa-eraser:before {
    content: "\f12d"
}

.fa-puzzle-piece:before {
    content: "\f12e"
}

.fa-microphone:before {
    content: "\f130"
}

.fa-microphone-slash:before {
    content: "\f131"
}

.fa-shield:before {
    content: "\f132"
}

.fa-calendar-o:before {
    content: "\f133"
}

.fa-fire-extinguisher:before {
    content: "\f134"
}

.fa-rocket:before {
    content: "\f135"
}

.fa-maxcdn:before {
    content: "\f136"
}

.fa-chevron-circle-left:before {
    content: "\f137"
}

.fa-chevron-circle-right:before {
    content: "\f138"
}

.fa-chevron-circle-up:before {
    content: "\f139"
}

.fa-chevron-circle-down:before {
    content: "\f13a"
}

.fa-html5:before {
    content: "\f13b"
}

.fa-css3:before {
    content: "\f13c"
}

.fa-anchor:before {
    content: "\f13d"
}

.fa-unlock-alt:before {
    content: "\f13e"
}

.fa-bullseye:before {
    content: "\f140"
}

.fa-ellipsis-h:before {
    content: "\f141"
}

.fa-ellipsis-v:before {
    content: "\f142"
}

.fa-rss-square:before {
    content: "\f143"
}

.fa-play-circle:before {
    content: "\f144"
}

.fa-ticket:before {
    content: "\f145"
}

.fa-minus-square:before {
    content: "\f146"
}

.fa-minus-square-o:before {
    content: "\f147"
}

.fa-level-up:before {
    content: "\f148"
}

.fa-level-down:before {
    content: "\f149"
}

.fa-check-square:before {
    content: "\f14a"
}

.fa-pencil-square:before {
    content: "\f14b"
}

.fa-external-link-square:before {
    content: "\f14c"
}

.fa-share-square:before {
    content: "\f14d"
}

.fa-compass:before {
    content: "\f14e"
}

.fa-caret-square-o-down:before,
.fa-toggle-down:before {
    content: "\f150"
}

.fa-caret-square-o-up:before,
.fa-toggle-up:before {
    content: "\f151"
}

.fa-caret-square-o-right:before,
.fa-toggle-right:before {
    content: "\f152"
}

.fa-eur:before,
.fa-euro:before {
    content: "\f153"
}

.fa-gbp:before {
    content: "\f154"
}

.fa-dollar:before,
.fa-usd:before {
    content: "\f155"
}

.fa-inr:before,
.fa-rupee:before {
    content: "\f156"
}

.fa-cny:before,
.fa-jpy:before,
.fa-rmb:before,
.fa-yen:before {
    content: "\f157"
}

.fa-rouble:before,
.fa-rub:before,
.fa-ruble:before {
    content: "\f158"
}

.fa-krw:before,
.fa-won:before {
    content: "\f159"
}

.fa-bitcoin:before,
.fa-btc:before {
    content: "\f15a"
}

.fa-file:before {
    content: "\f15b"
}

.fa-file-text:before {
    content: "\f15c"
}

.fa-sort-alpha-asc:before {
    content: "\f15d"
}

.fa-sort-alpha-desc:before {
    content: "\f15e"
}

.fa-sort-amount-asc:before {
    content: "\f160"
}

.fa-sort-amount-desc:before {
    content: "\f161"
}

.fa-sort-numeric-asc:before {
    content: "\f162"
}

.fa-sort-numeric-desc:before {
    content: "\f163"
}

.fa-thumbs-up:before {
    content: "\f164"
}

.fa-thumbs-down:before {
    content: "\f165"
}

.fa-youtube-square:before {
    content: "\f166"
}

.fa-youtube:before {
    content: "\f167"
}

.fa-xing:before {
    content: "\f168"
}

.fa-xing-square:before {
    content: "\f169"
}

.fa-youtube-play:before {
    content: "\f16a"
}

.fa-dropbox:before {
    content: "\f16b"
}

.fa-stack-overflow:before {
    content: "\f16c"
}

.fa-instagram:before {
    content: "\f16d"
}

.fa-flickr:before {
    content: "\f16e"
}

.fa-adn:before {
    content: "\f170"
}

.fa-bitbucket:before {
    content: "\f171"
}

.fa-bitbucket-square:before {
    content: "\f172"
}

.fa-tumblr:before {
    content: "\f173"
}

.fa-tumblr-square:before {
    content: "\f174"
}

.fa-long-arrow-down:before {
    content: "\f175"
}

.fa-long-arrow-up:before {
    content: "\f176"
}

.fa-long-arrow-left:before {
    content: "\f177"
}

.fa-long-arrow-right:before {
    content: "\f178"
}

.fa-apple:before {
    content: "\f179"
}

.fa-windows:before {
    content: "\f17a"
}

.fa-android:before {
    content: "\f17b"
}

.fa-linux:before {
    content: "\f17c"
}

.fa-dribbble:before {
    content: "\f17d"
}

.fa-skype:before {
    content: "\f17e"
}

.fa-foursquare:before {
    content: "\f180"
}

.fa-trello:before {
    content: "\f181"
}

.fa-female:before {
    content: "\f182"
}

.fa-male:before {
    content: "\f183"
}

.fa-gittip:before,
.fa-gratipay:before {
    content: "\f184"
}

.fa-sun-o:before {
    content: "\f185"
}

.fa-moon-o:before {
    content: "\f186"
}

.fa-archive:before {
    content: "\f187"
}

.fa-bug:before {
    content: "\f188"
}

.fa-vk:before {
    content: "\f189"
}

.fa-weibo:before {
    content: "\f18a"
}

.fa-renren:before {
    content: "\f18b"
}

.fa-pagelines:before {
    content: "\f18c"
}

.fa-stack-exchange:before {
    content: "\f18d"
}

.fa-arrow-circle-o-right:before {
    content: "\f18e"
}

.fa-arrow-circle-o-left:before {
    content: "\f190"
}

.fa-caret-square-o-left:before,
.fa-toggle-left:before {
    content: "\f191"
}

.fa-dot-circle-o:before {
    content: "\f192"
}

.fa-wheelchair:before {
    content: "\f193"
}

.fa-vimeo-square:before {
    content: "\f194"
}

.fa-try:before,
.fa-turkish-lira:before {
    content: "\f195"
}

.fa-plus-square-o:before {
    content: "\f196"
}

.fa-space-shuttle:before {
    content: "\f197"
}

.fa-slack:before {
    content: "\f198"
}

.fa-envelope-square:before {
    content: "\f199"
}

.fa-wordpress:before {
    content: "\f19a"
}

.fa-openid:before {
    content: "\f19b"
}

.fa-bank:before,
.fa-institution:before,
.fa-university:before {
    content: "\f19c"
}

.fa-graduation-cap:before,
.fa-mortar-board:before {
    content: "\f19d"
}

.fa-yahoo:before {
    content: "\f19e"
}

.fa-google:before {
    content: "\f1a0"
}

.fa-reddit:before {
    content: "\f1a1"
}

.fa-reddit-square:before {
    content: "\f1a2"
}

.fa-stumbleupon-circle:before {
    content: "\f1a3"
}

.fa-stumbleupon:before {
    content: "\f1a4"
}

.fa-delicious:before {
    content: "\f1a5"
}

.fa-digg:before {
    content: "\f1a6"
}

.fa-pied-piper:before {
    content: "\f1a7"
}

.fa-pied-piper-alt:before {
    content: "\f1a8"
}

.fa-drupal:before {
    content: "\f1a9"
}

.fa-joomla:before {
    content: "\f1aa"
}

.fa-language:before {
    content: "\f1ab"
}

.fa-fax:before {
    content: "\f1ac"
}

.fa-building:before {
    content: "\f1ad"
}

.fa-child:before {
    content: "\f1ae"
}

.fa-paw:before {
    content: "\f1b0"
}

.fa-spoon:before {
    content: "\f1b1"
}

.fa-cube:before {
    content: "\f1b2"
}

.fa-cubes:before {
    content: "\f1b3"
}

.fa-behance:before {
    content: "\f1b4"
}

.fa-behance-square:before {
    content: "\f1b5"
}

.fa-steam:before {
    content: "\f1b6"
}

.fa-steam-square:before {
    content: "\f1b7"
}

.fa-recycle:before {
    content: "\f1b8"
}

.fa-automobile:before,
.fa-car:before {
    content: "\f1b9"
}

.fa-cab:before,
.fa-taxi:before {
    content: "\f1ba"
}

.fa-tree:before {
    content: "\f1bb"
}

.fa-spotify:before {
    content: "\f1bc"
}

.fa-deviantart:before {
    content: "\f1bd"
}

.fa-soundcloud:before {
    content: "\f1be"
}

.fa-database:before {
    content: "\f1c0"
}

.fa-file-pdf-o:before {
    content: "\f1c1"
}

.fa-file-word-o:before {
    content: "\f1c2"
}

.fa-file-excel-o:before {
    content: "\f1c3"
}

.fa-file-powerpoint-o:before {
    content: "\f1c4"
}

.fa-file-image-o:before,
.fa-file-photo-o:before,
.fa-file-picture-o:before {
    content: "\f1c5"
}

.fa-file-archive-o:before,
.fa-file-zip-o:before {
    content: "\f1c6"
}

.fa-file-audio-o:before,
.fa-file-sound-o:before {
    content: "\f1c7"
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
    content: "\f1c8"
}

.fa-file-code-o:before {
    content: "\f1c9"
}

.fa-vine:before {
    content: "\f1ca"
}

.fa-codepen:before {
    content: "\f1cb"
}

.fa-jsfiddle:before {
    content: "\f1cc"
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-ring:before,
.fa-life-saver:before,
.fa-support:before {
    content: "\f1cd"
}

.fa-circle-o-notch:before {
    content: "\f1ce"
}

.fa-ra:before,
.fa-rebel:before {
    content: "\f1d0"
}

.fa-empire:before,
.fa-ge:before {
    content: "\f1d1"
}

.fa-git-square:before {
    content: "\f1d2"
}

.fa-git:before {
    content: "\f1d3"
}

.fa-hacker-news:before,
.fa-y-combinator-square:before,
.fa-yc-square:before {
    content: "\f1d4"
}

.fa-tencent-weibo:before {
    content: "\f1d5"
}

.fa-qq:before {
    content: "\f1d6"
}

.fa-wechat:before,
.fa-weixin:before {
    content: "\f1d7"
}

.fa-paper-plane:before,
.fa-send:before {
    content: "\f1d8"
}

.fa-paper-plane-o:before,
.fa-send-o:before {
    content: "\f1d9"
}

.fa-history:before {
    content: "\f1da"
}

.fa-circle-thin:before {
    content: "\f1db"
}

.fa-header:before {
    content: "\f1dc"
}

.fa-paragraph:before {
    content: "\f1dd"
}

.fa-sliders:before {
    content: "\f1de"
}

.fa-share-alt:before {
    content: "\f1e0"
}

.fa-share-alt-square:before {
    content: "\f1e1"
}

.fa-bomb:before {
    content: "\f1e2"
}

.fa-futbol-o:before,
.fa-soccer-ball-o:before {
    content: "\f1e3"
}

.fa-tty:before {
    content: "\f1e4"
}

.fa-binoculars:before {
    content: "\f1e5"
}

.fa-plug:before {
    content: "\f1e6"
}

.fa-slideshare:before {
    content: "\f1e7"
}

.fa-twitch:before {
    content: "\f1e8"
}

.fa-yelp:before {
    content: "\f1e9"
}

.fa-newspaper-o:before {
    content: "\f1ea"
}

.fa-wifi:before {
    content: "\f1eb"
}

.fa-calculator:before {
    content: "\f1ec"
}

.fa-paypal:before {
    content: "\f1ed"
}

.fa-google-wallet:before {
    content: "\f1ee"
}

.fa-cc-visa:before {
    content: "\f1f0"
}

.fa-cc-mastercard:before {
    content: "\f1f1"
}

.fa-cc-discover:before {
    content: "\f1f2"
}

.fa-cc-amex:before {
    content: "\f1f3"
}

.fa-cc-paypal:before {
    content: "\f1f4"
}

.fa-cc-stripe:before {
    content: "\f1f5"
}

.fa-bell-slash:before {
    content: "\f1f6"
}

.fa-bell-slash-o:before {
    content: "\f1f7"
}

.fa-trash:before {
    content: "\f1f8"
}

.fa-copyright:before {
    content: "\f1f9"
}

.fa-at:before {
    content: "\f1fa"
}

.fa-eyedropper:before {
    content: "\f1fb"
}

.fa-paint-brush:before {
    content: "\f1fc"
}

.fa-birthday-cake:before {
    content: "\f1fd"
}

.fa-area-chart:before {
    content: "\f1fe"
}

.fa-pie-chart:before {
    content: "\f200"
}

.fa-line-chart:before {
    content: "\f201"
}

.fa-lastfm:before {
    content: "\f202"
}

.fa-lastfm-square:before {
    content: "\f203"
}

.fa-toggle-off:before {
    content: "\f204"
}

.fa-toggle-on:before {
    content: "\f205"
}

.fa-bicycle:before {
    content: "\f206"
}

.fa-bus:before {
    content: "\f207"
}

.fa-ioxhost:before {
    content: "\f208"
}

.fa-angellist:before {
    content: "\f209"
}

.fa-cc:before {
    content: "\f20a"
}

.fa-ils:before,
.fa-shekel:before,
.fa-sheqel:before {
    content: "\f20b"
}

.fa-meanpath:before {
    content: "\f20c"
}

.fa-buysellads:before {
    content: "\f20d"
}

.fa-connectdevelop:before {
    content: "\f20e"
}

.fa-dashcube:before {
    content: "\f210"
}

.fa-forumbee:before {
    content: "\f211"
}

.fa-leanpub:before {
    content: "\f212"
}

.fa-sellsy:before {
    content: "\f213"
}

.fa-shirtsinbulk:before {
    content: "\f214"
}

.fa-simplybuilt:before {
    content: "\f215"
}

.fa-skyatlas:before {
    content: "\f216"
}

.fa-cart-plus:before {
    content: "\f217"
}

.fa-cart-arrow-down:before {
    content: "\f218"
}

.fa-diamond:before {
    content: "\f219"
}

.fa-ship:before {
    content: "\f21a"
}

.fa-user-secret:before {
    content: "\f21b"
}

.fa-motorcycle:before {
    content: "\f21c"
}

.fa-street-view:before {
    content: "\f21d"
}

.fa-heartbeat:before {
    content: "\f21e"
}

.fa-venus:before {
    content: "\f221"
}

.fa-mars:before {
    content: "\f222"
}

.fa-mercury:before {
    content: "\f223"
}

.fa-intersex:before,
.fa-transgender:before {
    content: "\f224"
}

.fa-transgender-alt:before {
    content: "\f225"
}

.fa-venus-double:before {
    content: "\f226"
}

.fa-mars-double:before {
    content: "\f227"
}

.fa-venus-mars:before {
    content: "\f228"
}

.fa-mars-stroke:before {
    content: "\f229"
}

.fa-mars-stroke-v:before {
    content: "\f22a"
}

.fa-mars-stroke-h:before {
    content: "\f22b"
}

.fa-neuter:before {
    content: "\f22c"
}

.fa-genderless:before {
    content: "\f22d"
}

.fa-facebook-official:before {
    content: "\f230"
}

.fa-pinterest-p:before {
    content: "\f231"
}

.fa-whatsapp:before {
    content: "\f232"
}

.fa-server:before {
    content: "\f233"
}

.fa-user-plus:before {
    content: "\f234"
}

.fa-user-times:before {
    content: "\f235"
}

.fa-bed:before,
.fa-hotel:before {
    content: "\f236"
}

.fa-viacoin:before {
    content: "\f237"
}

.fa-train:before {
    content: "\f238"
}

.fa-subway:before {
    content: "\f239"
}

.fa-medium:before {
    content: "\f23a"
}

.fa-y-combinator:before,
.fa-yc:before {
    content: "\f23b"
}

.fa-optin-monster:before {
    content: "\f23c"
}

.fa-opencart:before {
    content: "\f23d"
}

.fa-expeditedssl:before {
    content: "\f23e"
}

.fa-battery-4:before,
.fa-battery-full:before {
    content: "\f240"
}

.fa-battery-3:before,
.fa-battery-three-quarters:before {
    content: "\f241"
}

.fa-battery-2:before,
.fa-battery-half:before {
    content: "\f242"
}

.fa-battery-1:before,
.fa-battery-quarter:before {
    content: "\f243"
}

.fa-battery-0:before,
.fa-battery-empty:before {
    content: "\f244"
}

.fa-mouse-pointer:before {
    content: "\f245"
}

.fa-i-cursor:before {
    content: "\f246"
}

.fa-object-group:before {
    content: "\f247"
}

.fa-object-ungroup:before {
    content: "\f248"
}

.fa-sticky-note:before {
    content: "\f249"
}

.fa-sticky-note-o:before {
    content: "\f24a"
}

.fa-cc-jcb:before {
    content: "\f24b"
}

.fa-cc-diners-club:before {
    content: "\f24c"
}

.fa-clone:before {
    content: "\f24d"
}

.fa-balance-scale:before {
    content: "\f24e"
}

.fa-hourglass-o:before {
    content: "\f250"
}

.fa-hourglass-1:before,
.fa-hourglass-start:before {
    content: "\f251"
}

.fa-hourglass-2:before,
.fa-hourglass-half:before {
    content: "\f252"
}

.fa-hourglass-3:before,
.fa-hourglass-end:before {
    content: "\f253"
}

.fa-hourglass:before {
    content: "\f254"
}

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
    content: "\f255"
}

.fa-hand-paper-o:before,
.fa-hand-stop-o:before {
    content: "\f256"
}

.fa-hand-scissors-o:before {
    content: "\f257"
}

.fa-hand-lizard-o:before {
    content: "\f258"
}

.fa-hand-spock-o:before {
    content: "\f259"
}

.fa-hand-pointer-o:before {
    content: "\f25a"
}

.fa-hand-peace-o:before {
    content: "\f25b"
}

.fa-trademark:before {
    content: "\f25c"
}

.fa-registered:before {
    content: "\f25d"
}

.fa-creative-commons:before {
    content: "\f25e"
}

.fa-gg:before {
    content: "\f260"
}

.fa-gg-circle:before {
    content: "\f261"
}

.fa-tripadvisor:before {
    content: "\f262"
}

.fa-odnoklassniki:before {
    content: "\f263"
}

.fa-odnoklassniki-square:before {
    content: "\f264"
}

.fa-get-pocket:before {
    content: "\f265"
}

.fa-wikipedia-w:before {
    content: "\f266"
}

.fa-safari:before {
    content: "\f267"
}

.fa-chrome:before {
    content: "\f268"
}

.fa-firefox:before {
    content: "\f269"
}

.fa-opera:before {
    content: "\f26a"
}

.fa-internet-explorer:before {
    content: "\f26b"
}

.fa-television:before,
.fa-tv:before {
    content: "\f26c"
}

.fa-contao:before {
    content: "\f26d"
}

.fa-500px:before {
    content: "\f26e"
}

.fa-amazon:before {
    content: "\f270"
}

.fa-calendar-plus-o:before {
    content: "\f271"
}

.fa-calendar-minus-o:before {
    content: "\f272"
}

.fa-calendar-times-o:before {
    content: "\f273"
}

.fa-calendar-check-o:before {
    content: "\f274"
}

.fa-industry:before {
    content: "\f275"
}

.fa-map-pin:before {
    content: "\f276"
}

.fa-map-signs:before {
    content: "\f277"
}

.fa-map-o:before {
    content: "\f278"
}

.fa-map:before {
    content: "\f279"
}

.fa-commenting:before {
    content: "\f27a"
}

.fa-commenting-o:before {
    content: "\f27b"
}

.fa-houzz:before {
    content: "\f27c"
}

.fa-vimeo:before {
    content: "\f27d"
}

.fa-black-tie:before {
    content: "\f27e"
}

.fa-fonticons:before {
    content: "\f280"
}

.fa-reddit-alien:before {
    content: "\f281"
}

.fa-edge:before {
    content: "\f282"
}

.fa-credit-card-alt:before {
    content: "\f283"
}

.fa-codiepie:before {
    content: "\f284"
}

.fa-modx:before {
    content: "\f285"
}

.fa-fort-awesome:before {
    content: "\f286"
}

.fa-usb:before {
    content: "\f287"
}

.fa-product-hunt:before {
    content: "\f288"
}

.fa-mixcloud:before {
    content: "\f289"
}

.fa-scribd:before {
    content: "\f28a"
}

.fa-pause-circle:before {
    content: "\f28b"
}

.fa-pause-circle-o:before {
    content: "\f28c"
}

.fa-stop-circle:before {
    content: "\f28d"
}

.fa-stop-circle-o:before {
    content: "\f28e"
}

.fa-shopping-bag:before {
    content: "\f290"
}

.fa-shopping-basket:before {
    content: "\f291"
}

.fa-hashtag:before {
    content: "\f292"
}

.fa-bluetooth:before {
    content: "\f293"
}

.fa-bluetooth-b:before {
    content: "\f294"
}

.fa-percent:before {
    content: "\f295"
}

.tr-bg {
    background: #fff
}

.tr-bg h2 {
    color: #a22410;
    text-transform: uppercase
}

.australia-map {
    background: url(../../img/bg/australia-map.webp) 0 0 no-repeat;
    background-size: cover
}

.trust-logo {
    margin: 20px 0
}

.trust-logo ul {
    display: flex;
    justify-content: space-around;
    padding-left: 0;
    text-decoration: none;
    list-style: none
}

.trust-logo ul li {
    padding: 0 2px;
    width: auto
}

.flashit {
    -webkit-animation: flash linear 1s infinite;
    animation: flash linear 1s infinite;
}

.swingit {
        animation: swing ease-in-out 2s infinite;
}

.nado-img-wrapper {
    background: #c3c2c2;
    border-radius: 50%;
    height: 60px;
    width: 60px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nado-img-wrapper img {
    height: 45px;
    width: 40px;
    animation: flipit ease-in-out 2s infinite;
}


@keyframes swing {
20% {
transform:rotate(15deg)
}
40% {
transform:rotate(-10deg)
}
60% {
transform:rotate(5deg)
}
80% {
transform:rotate(-5deg)
}
100% {
transform:rotate(0)
}
}


@-webkit-keyframes flash {
	0% { opacity: 1; } 
	50% { opacity: .1; } 
	100% { opacity: 1; }
}
@keyframes flash {
	0% { opacity: 1; } 
	50% { opacity: .1; } 
	100% { opacity: 1; }
}

@keyframes flipit {
0% {
transform:perspective(400px) rotateY(0);
animation-timing-function:ease-out
}
40% {
transform:perspective(400px)  rotateY(170deg);
animation-timing-function:ease-out
}
50% {
transform:perspective(400px)  rotateY(190deg) scale(1);
animation-timing-function:ease-in
}
80% {
transform:perspective(400px) rotateY(360deg) scale(.95);
animation-timing-function:ease-in
}
100% {
transform:perspective(400px) scale(1);
animation-timing-function:ease-in
}
}
@keyframes dm-fade {
0% {
    opacity: 1;
}

50% {
    opacity: 0.5;
}
100% {
    opacity: 1;
}
}

@keyframes dm-fade2 {
0% {
    opacity: 0;
}

50% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}
@keyframes xfade{
  17% {
    opacity:1;
  }
  25% {
    opacity:0;
  }
  92% {
    opacity:0;
  }
}
.img-main-new {
    position: absolute;
    top: 7px;
    width: 80px;
        left: 5px;
}

.mm1 {
    animation: xfade 5s 8s infinite;
}

.mm2 {
        animation: xfade 5s 4s infinite;
}

.mm3 {
        animation: xfade 5s 2s infinite
}

.mm4 {
        animation: xfade 5s 0s infinite;
}

@media only screen and (max-width:479px) {
    
    .img-main-new {
        position: static;
        top: 7px;
        width: 80px;
        left: 5px;
    }

.mm1 {
    animation: none;
}

.mm2 {
        animation: xfade 5s 4s infinite;
        display: none;
}

.mm3 {
        animation: xfade 5s 2s infinite;
        display: none;
}

.mm4 {
        animation: xfade 5s 0s infinite;
        display: none;
}
}