@import"https://fonts.googleapis.com/css?family=Cardo|Ubuntu|Work+Sans";

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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

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

pre {
    font-family: monospace, monospace;
    font-size: 1em
}
.aripo-modal
a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: none
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

.owl-carousel,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

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

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

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

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

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

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

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
    display: block
}

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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

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

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

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

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

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

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

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.df-abs-center {
    top: 50%;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.df-abs-h-center {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}

.df-container {
    min-height: 320px;
    background: no-repeat 50%;
    background-size: cover;
    width: 100%;
    position: relative;
    image-rendering: auto;
    direction: ltr
}

.df-container div {
    box-sizing: border-box !important
}

.df-container.df-transparent:not(.df-fullscreen) {
    background: transparent !important
}

.df-container.df-custom-fullscreen.df-fullscreen {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    z-index: 999999
}

.df-container .loading-info {
    position: absolute;
    top: 100%;
    margin-top: 20px;
    margin-left: 5px;
    padding: 6px 20px;
    background-color: rgba(0, 0, 0, .3);
    font-style: italic;
    border-radius: 5px;
    font-size: 11px;
    max-height: 30px;
    color: #fff;
    max-width: 200px;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    left: 50%;
    opacity: .7;
    transition: .3s top ease;
    -webkit-transition: .3s top ease
}

.loading-info.df-old-browser {
    color: gray;
    background-color: #fff;
    opacity: .9;
    text-align: center;
    max-height: none
}

.loading-info.df-old-browser a {
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
    color: #2196f3;
    display: block;
    text-decoration: underline;
    margin: 10px 0 0
}

.df-container.df-init .loading-info {
    top: 50%
}

.df-3dcanvas {
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0
}

.df-rtl .df-3dcanvas {
    right: auto;
    right: initial;
    left: 0
}

.df-container a {
    outline: 0;
    text-decoration: none;
    box-shadow: none
}

.df-container.df-zoom-enabled canvas.df-3dcanvas,
.df-container.df-zoom-enabled .df-book-stage {
    cursor: move;
    cursor: -webkit-grab
}

.df-container:before,
.df-container:after {
    content: " ";
    transition: .3s .1s opacity;
    -webkit-transition: .3s .1s opacity;
    opacity: 0;
    height: 50px;
    width: 50px;
    left: 50%;
    top: 50%;
    font-size: 12px;
    margin: -45px -25px -25px;
    box-sizing: border-box;
    position: absolute;
    pointer-events: none
}

.df-container.df-loading:before,
.df-container.df-loading:after {
    content: " ";
    z-index: 100;
    opacity: 1
}

.df-container.df-loading:after {
    content: " ";
    background-image: url("../images/loading.gif");
    background-repeat: no-repeat;
    background-size: 32px;
    background-position: 50%
}

.df-container.df-loading:before {
    background-color: #fff;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    border: 1px solid rgba(150, 150, 150, .2)
}

.df-book-stage {
    position: absolute;
    overflow: hidden;
    right: 0;
    bottom: 0;
    z-index: 1;
    top: 0;
    left: 0;
    filter: blur(0);
    -webkit-filter: blur(0);
    padding: 30px 50px 70px
}

.df-container.df-xs .df-book-stage {
    padding-left: 20px;
    padding-right: 20px
}

.df-container.df-sidemenu-open .df-book-stage {
    padding-left: 230px;
    padding-right: 10px
}

.df-container.df-sidemenu-open>.df-ui-btn.df-ui-prev {
    left: 220px
}

.df-rtl.df-container.df-sidemenu-open>.df-ui-btn.df-ui-prev {
    left: 0
}

.df-rtl.df-container.df-sidemenu-open>.df-ui-btn.df-ui-next {
    right: 220px
}

.df-book-stage.df-zoom-enabled {
    cursor: move
}

.df-page-front:before,
.df-page-back:before {
    content: " "
}

.df-book-page .df-page-front:before {
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.2) 10%, rgba(0, 0, 0, 0.15) 25%, rgba(0, 0, 0, 0) 70%);
    background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.2) 10%, rgba(0, 0, 0, 0.15) 25%, rgba(0, 0, 0, 0) 70%);
    background-image: -ms-linear-gradient(right, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.2) 10%, rgba(0, 0, 0, 0.15) 25%, rgba(0, 0, 0, 0) 70%)
}

.df-book-page .df-page-back:before {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.15) 15%, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.15) 15%, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0));
    background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.15) 15%, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0))
}

.df-book-wrapper,
.df-page-wrapper,
.df-book-page,
.df-page-content,
.df-page-front:before,
.df-page-wrapper:after,
.df-page-back:before,
.df-page-content:after,
.df-page-effects,
.df-page-effects:before,
.df-page-effects {
    position: absolute;
    height: 100%;
    display: block;
    top: 0
}

.df-page-content,
.df-book-page {
    width: 100%
}

.df-book-wrapper {
    position: relative;
    margin: 0 auto;
    transition: .3s left;
    -webkit-transition: .3s left;
    left: 0
}

.df-zoom-enabled .df-book-wrapper {
    transition: none;
    -webkit-transition: none
}

.df-loading.df-container .df-book-wrapper {
    left: 100%
}

.df-book-wrapper.close-right {
    left: 25%
}

.df-book-wrapper.close-left {
    left: -25%
}

.df-book-shadow {
    position: absolute;
    z-index: -1;
    height: 100%;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    box-shadow: 0 0 10px rgba(0, 0, 0, .3)
}

.df-book-wrapper .df-book-side-buttons {
    position: absolute;
    left: 100%;
    width: 40px;
    opacity: .3;
    height: 100%;
    cursor: pointer;
    z-index: 30;
    -webkit-border-radius: 0 20px 20px 0;
    -moz-border-radius: 0 20px 20px 0;
    border-radius: 0 20px 20px 0
}

.df-book-prev-button.df-book-side-buttons {
    -webkit-border-radius: 20px 0 0 20px;
    -moz-border-radius: 20px 0 0 20px;
    border-radius: 20px 0 0 20px
}

.df-book-wrapper .df-book-side-buttons:hover {
    opacity: .5;
    background-color: rgba(0, 0, 0, .18)
}

.df-book-wrapper .df-book-prev-button {
    right: 100%;
    left: auto;
    left: initial
}

.df-book-wrapper .df-book-side-buttons:before {
    position: absolute;
    font-size: 30px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%
}

.df-page-wrapper {
    overflow: hidden
}

.df-hard-page .df-page-wrapper {
    width: 100% !important;
    height: 100% !important;
    overflow: visible;
    transform-style: preserve-3d;
    -webkit-transform-origin: 0 50% 0;
    -moz-transform-origin: 0 50% 0;
    -ms-transform-origin: 0 50% 0;
    transform-origin: 0 50% 0
}

.df-book-page.df-flipping,
.df-book-page.df-folding {
    box-shadow: -2px 0 10px rgba(0, 0, 0, 0)
}

.df-book-page.df-left-side {
    left: 0;
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right
}

.df-book-page.df-right-side {
    left: 50%;
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left
}

.df-book-page.df-right-side+.df-page-wrapper.df-right-side {
    z-index: -1
}

.df-book-page .df-page-front,
.df-book-page .df-page-back {
    width: 100%;
    background-size: 100.5% 100%;
    background-size: 100% 100%;
    height: 100%;
    background-color: #fff;
    position: absolute;
    box-sizing: border-box
}

.df-page-back>canvas,
.df-page-front>canvas {
    width: 100%;
    position: relative;
    z-index: -1
}

.df-quick-turn:before {
    opacity: 0
}

.df-book-page.df-flipping.df-left-side:before {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
    width: 10px;
    left: -10px
}

.df-book-page {
    width: 50%
}

.df-book-page.df-flipping,
.df-book-page.df-folding {
    z-index: 200 !important
}

.df-page-content {
    background-size: 100.25% !important;
    background-repeat: no-repeat !important;
    transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    width: 100%;
    overflow: hidden
}

.df-book-page.df-left-side .df-page-front {
    z-index: 2
}

.df-book-page.df-left-side .df-page-back {
    z-index: 1
}

.df-book-page.df-left-side.df-folding:not(.df-hard-page) .df-page-back {
    z-index: 3
}

.df-book-page.df-right-side .df-page-front {
    top: 0;
    left: 0;
    z-index: 0
}

.df-book-page,
.df-page-front,
.df-page-back,
.df-page-fold-inner-shadow,
.df-page-fold-outer-shadow,
.df-page-wrapper {
    position: absolute;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0
}

.df-page-front,
.df-page-back {
    overflow: hidden
}

.df-page-fold-outer-shadow {
    z-index: -1;
    width: 100%;
    height: 100%
}

.df-page-fold-inner-shadow {
    position: absolute;
    z-index: 5;
    display: none
}

.df-book-page.df-folding .df-page-fold-inner-shadow {
    display: block
}

.df-book-page.df-right-side .df-page-back {
    left: 0;
    z-index: 1
}

.df-book-page.df-right-side.df-folding .df-page-front {
    z-index: 2
}

.df-page-wrapper.df-right-side .df-page-back {
    left: 100%;
    z-index: 1;
    overflow: hidden
}

.df-hard-page .df-page-front,
.df-hard-page .df-page-back {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden
}

.df-hard-page.df-right-side .df-page-front {
    -webkit-transform-origin: right 50%;
    -moz-transform-origin: right 50%;
    -ms-transform-origin: right 50%;
    transform-origin: right 50%;
    z-index: 3 !important
}

.df-hard-page.df-left-side .df-page-front {
    -webkit-transform-origin: right 50%;
    -moz-transform-origin: right 50%;
    -ms-transform-origin: right 50%;
    transform-origin: right 50%
}

.df-hard-page.df-right-side .df-page-back {
    -webkit-transform-origin: left 50%;
    -moz-transform-origin: left 50%;
    -ms-transform-origin: left 50%;
    transform-origin: left 50%;
    z-index: 3
}

.df-hard-page.df-left-side .df-page-back {
    -webkit-transform-origin: left 50%;
    -moz-transform-origin: left 50%;
    -ms-transform-origin: left 50%;
    transform-origin: left 50%
}

.df-page-front:before,
.df-page-back:before {
    width: 20%;
    z-index: 5;
    pointer-events: none
}

.df-page-front:before {
    right: 0
}

.df-page-wrapper.df-right-side.df-flipping {
    z-index: 4
}

.df-ui {
    height: 60px;
    padding: 20px 16px 0
}

.df-ui-wrapper,
.df-ui-btn {
    color: #888;
    vertical-align: top;
    background-color: #f7f7f7;
    box-sizing: border-box;
    text-align: center
}

.df-ui-wrapper {
    box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
    background-color: #f7f7f7;
    position: absolute
}

.df-share-wrapper {
    z-index: 2;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .35);
    display: none
}

.df-share-box {
    position: absolute;
    top: 50%;
    width: 280px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    left: 50%;
    background-color: #fff;
    border-radius: 10px;
    padding: 10px 15px 5px;
    text-align: center
}

span.df-share-title {
    color: #777;
    margin-bottom: 10px;
    display: block
}

.df-share-url {
    background-color: #fff;
    height: 60px;
    color: #666;
    padding: 2px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 100%;
    font-size: 12px;
    box-sizing: border-box;
    margin-bottom: 0
}

.df-share-button {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    padding: 10px;
    margin: 3px;
    color: #aaa
}

.df-share-button:hover {
    color: #444
}

.df-ui-btn {
    position: relative;
    width: 35px;
    right: 0;
    height: 40px;
    font-size: 17px;
    cursor: pointer;
    z-index: 2;
    display: inline-block;
    padding: 12px 5px;
    line-height: 1
}

.df-floating .df-ui-controls>.df-ui-btn:first-child {
    border-radius: 5px 0 0 5px
}

.df-floating .df-ui-controls>.df-ui-btn:last-child {
    border-radius: 0 5px 5px 0
}

.df-ui-btn:before {
    box-sizing: border-box
}

.df-ui-thumbnail,
.df-ui-share,
.df-ui-outline,
.df-ui-help,
.df-ui-sound {
    float: left
}

.df-ui-btn:hover {
    color: #00acce
}

.df-ui-btn.disabled,
.df-ui-btn.disabled:hover {
    color: #ccc
}

.df-ui-page {
    padding: 8px 5px 2px;
    font-size: 12px;
    width: auto;
    width: 50px;
    margin: 0;
    border-radius: 0;
    background-color: rgba(0, 0, 0, .03)
}

.df-ui-page input {
    width: 100%;
    background-color: transparent;
    height: 25px;
    margin: 0;
    padding: 0 !important;
    border: 1px solid #8f8f8f;
    text-align: center;
    vertical-align: top;
    color: transparent;
    font-size: 14px;
    top: 0;
    box-sizing: border-box;
    z-index: -1;
    display: inline-block;
    opacity: 0
}

.df-ui-page input:focus {
    z-index: 2;
    opacity: 1;
    color: inherit
}

.df-ui-page input:focus+label {
    opacity: 0;
    display: none
}

.df-ui-page label {
    position: absolute;
    height: 30px;
    width: 100%;
    display: block;
    top: 0;
    padding-top: 14px;
    line-height: 1.1em;
    color: #999;
    font-size: 13px;
    font-weight: normal;
    left: 0;
    cursor: pointer;
    background-color: transparent;
    z-index: 1;
    box-sizing: border-box
}

.df-ui-share {
    float: left
}

.df-ui-fullscreen {
    bottom: 0
}

.df-ui-zoom {
    top: 24px;
    height: 60px;
    right: 24px;
    width: 30px;
    display: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.df-ui-sidemenu-close {
    position: absolute;
    top: 10px;
    right: -32px;
    font-size: 14px;
    width: 32px;
    height: 35px;
    cursor: pointer;
    padding: 10px 0;
    background: inherit;
    border-radius: 0 5px 5px 0;
    z-index: -1;
    transition: .5s ease;
    -webkit-transition: .5s ease
}

.df-ui-controls {
    bottom: 0;
    width: 100%;
    height: 40px;
    padding: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 4;
    display: block
}

.df-floating .df-ui-controls {
    bottom: 10px;
    width: auto;
    width: initial;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    margin: 0 auto;
    display: table;
    display: flex;
    border-radius: 5px
}

.df-floating.df-controls-top .df-ui-controls {
    bottom: auto;
    bottom: initial;
    top: 10px
}

.df-floating.df-controls-hide .df-ui-controls {
    display: none
}

.df-ui-wrapper.df-ui-controls .df-ui-btn {
    float: none
}

.df-ui-size {
    bottom: 24px;
    height: 60px;
    right: 24px
}

.df-ui-zoom:before,
.df-ui-size:before {
    height: 0;
    border-bottom: 1px solid;
    content: " ";
    right: 5px;
    opacity: .3;
    display: block;
    position: absolute;
    top: 30px;
    left: 5px;
    z-index: 2
}

.df-ui-zoomin {
    top: 0
}

.df-ui-zoomout {
    bottom: 0
}

.df-ui-next {
    right: 0;
    border-radius: 0
}

.df-container.df-floating>.df-ui-next {
    right: 8px
}

.df-container.df-floating>.df-ui-prev {
    left: 2px
}

.df-container>.df-ui-next,
.df-container>.df-ui-prev {
    margin-top: -5px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    position: absolute;
    opacity: .3;
    font-size: 36px;
    color: #000;
    text-align: center;
    background-color: transparent;
    height: auto;
    height: initial;
    width: auto;
    width: initial
}

.df-container>.df-ui-next:hover,
.df-container>.df-ui-prev:hover {
    opacity: .7
}

.df-container.df-floating>.df-ui-next,
.df-container.df-floating>.df-ui-prev {
    border-radius: 50%;
    width: 40px
}

.df-ui-prev {
    left: 0;
    right: auto;
    border-radius: 0
}

.df-ui-alt {
    position: relative !important;
    right: auto;
    right: initial;
    left: auto;
    left: initial;
    box-shadow: none !important
}

.df-ui-alt.df-ui-next {
    border-right: 1px solid #ddd
}

.df-ui-btn.df-active {
    color: #00acce;
    background-color: #e7e7e7
}

.df-ui-fit {
    display: none
}

.df-ui-zoomin,
.df-ui-zoomout,
.df-ui-fullscreen,
.df-ui-more {
    float: right
}

.df-ui-fit {
    top: 0
}

.df-ui-more .more-container,
.df-ui-search .search-container {
    display: none;
    position: absolute;
    bottom: 100%;
    margin-bottom: 8px !important;
    right: 10px;
    background-color: #f7f7f7;
    z-index: 20;
    border-radius: 5px;
    box-shadow: 0 -1px 3px rgba(0, 0, 0, .2)
}

.df-controls-top .df-ui-more .more-container,
.df-controls-top .df-ui-search .search-container {
    bottom: auto;
    bottom: initial;
    margin-top: 8px !important;
    top: 100%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2)
}

.more-container:before,
.search-container:before {
    content: " ";
    position: absolute;
    border: 7px solid transparent;
    border-top-color: #eee;
    height: 0;
    width: 0;
    bottom: -14px;
    right: 13px;
    margin-right: -8px;
    pointer-events: none
}

.df-controls-top .more-container:before,
.df-controls-top .search-container:before {
    border: 7px solid transparent;
    border-bottom-color: #eee;
    top: -14px
}

.more-container .df-ui-btn {
    width: auto;
    width: initial;
    width: 170px;
    text-align: left;
    padding: 8px 10px;
    height: 36px;
    border-top: 1px solid #e4e4e4;
    border-radius: 0
}

.more-container .df-ui-btn:hover {
    background-color: #eee
}

.more-container>.df-ui-btn:first-child {
    border-radius: 5px;
    border-top: 0
}

.more-container>.df-ui-btn:last-child {
    border-radius: 0 0 5px 5px
}

.more-container .df-ui-btn:before {
    position: absolute;
    top: 11px;
    font-size: 14px
}

.df-ui-btn span {
    display: none
}

.more-container .df-ui-btn span {
    font-size: 12px;
    padding-left: 20px;
    vertical-align: middle;
    display: inline-block
}

.df-ui-more.df-active .more-container,
.df-ui-search.df-active .search-container {
    display: block
}

.df-container section {
    padding: 0
}

.annotationLayer section,
.annotationDiv section,
.customLinkAnnotation,
.customHtmlAnnotation,
.customVideoAnnotation,
.linkAnnotation,
.highlightAnnotation,
.popupAnnotation {
    position: absolute;
    z-index: 5;
    cursor: pointer;
    pointer-events: all
}

.annotationDiv .popupWrapper {
    position: absolute;
    width: 20em
}

.annotationDiv .popup {
    position: absolute;
    z-index: 200;
    max-width: 20em;
    background-color: #ff9;
    box-shadow: 0 2px 5px #333;
    border-radius: 2px;
    padding: .6em;
    margin-left: 5px;
    cursor: pointer;
    word-wrap: break-word
}

.annotationDiv .popup h1 {
    font-size: 1em;
    border-bottom: 1px solid #000;
    padding-bottom: .2em
}

.annotationDiv .popup p {
    padding-top: .2em
}

.annotationDiv .highlightAnnotation,
.annotationDiv .underlineAnnotation,
.annotationDiv .squigglyAnnotation,
.annotationDiv .strikeoutAnnotation,
.annotationDiv .fileAttachmentAnnotation {
    cursor: pointer
}

.annotationDiv .textAnnotation img {
    position: absolute;
    cursor: pointer
}

section.linkAnnotation a,
.annotationDiv .buttonWidgetAnnotation.pushButton>a {
    display: block;
    height: 100%
}

section.linkAnnotation a,
a.linkAnnotation,
a.customLinkAnnotation,
.customHtmlAnnotation,
.customVideoAnnotation {
    background-color: transparent;
    background-color: #ff0;
    opacity: .1
}

section.linkAnnotation a:hover,
a.linkAnnotation:hover,
.highlightAnnotation:hover,
a.customLinkAnnotation:hover {
    opacity: .4;
    border-color: transparent;
    background-color: #2196f3
}

.annotationDiv,
.textLayerDiv {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden
}

.textLayerDiv {
    line-height: 1
}

.textLayerDiv>div {
    position: absolute;
    white-space: pre;
    cursor: text;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0
}

section.linkAnnotation a .annotationLayer>a {
    display: block;
    position: absolute;
    height: 100%;
    cursor: pointer;
    box-sizing: border-box
}

.df-page-loading:after,
.df-page-loading:before {
    content: " ";
    height: 44px;
    width: 44px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -22px -22px
}

.df-page-loading:before {
    background-color: #fff;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    box-sizing: border-box
}

.df-page-loading:after {
    background-image: url("../images/loading.gif");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px
}

.df-thumb-container .df-vrow {
    height: 124px;
    left: 0;
    width: 90%;
    margin: 10px auto;
    background-position: 50%;
    cursor: pointer;
    background-repeat: no-repeat;
    right: 0;
    border-radius: 5px
}

.df-thumb-container .df-vrow:before {
    content: "";
    background-image: url("../images/loading.gif");
    background-size: 22px;
    height: 22px;
    width: 22px;
    display: block;
    top: 60px;
    margin: 0 auto;
    position: relative;
    z-index: 0
}

.df-thumb-container .df-vrow:hover {
    background-color: #bbb
}

.df-floating .df-thumb-container .df-vrow:hover,
.df-vrow.df-selected {
    background-color: #ccc;
    opacity: 1
}

.df-thumb-container .df-vrow.df-thumb-loaded {
    background-size: contain
}

.df-thumb-container .df-vrow.df-thumb-loaded:before {
    display: none
}

.df-vrow>div {
    height: 20px;
    background-color: rgba(170, 170, 170, .54);
    width: 40px;
    margin: 0 auto
}

.df-sidemenu {
    float: left;
    width: 220px;
    height: auto !important;
    position: absolute !important;
    top: 0;
    z-index: 3;
    transition: .5s transform ease;
    -webkit-transition: .5s -webkit-transform ease;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    left: -50px;
    background-color: rgba(238, 238, 238, .9)
}

.df-rtl .df-sidemenu {
    left: auto;
    left: initial;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    right: -50px;
    direction: rtl
}

.df-thumb-container {
    text-align: center
}

.df-outline-container {
    color: #666;
    font-size: 12px
}

.df-outline-wrapper,
.df-thumb-wrapper {
    position: absolute !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: auto !important;
    box-shadow: 1px 0 4px rgba(102, 102, 102, .38)
}

.df-outline-wrapper {
    overflow: auto;
    padding: 10px 10px 5px 10px
}

.df-floating .df-outline-container,
.df-floating .df-thumb-container {
    bottom: 0
}

.df-sidemenu.df-sidemenu-visible {
    display: block;
    transform: translateX(0);
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    left: 0
}

.df-outline-toggle {
    cursor: pointer;
    float: left;
    width: 18px;
    padding: 5px 0;
    margin-left: -18px;
    text-align: center
}

.df-outline-toggle.df-outlines-hidden~.df-outline-items {
    display: none
}

.df-outline-items>.df-outline-item {
    margin-left: 18px
}

.df-outline-item a:hover,
.df-outline-toggle:hover {
    background-color: #e7e7e7
}

.df-outline-item a {
    color: inherit !important;
    text-decoration: none !important;
    display: block;
    padding: 5px 0 5px 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    border: none !important;
    box-shadow: none !important
}

.df-outline-toggle:before {
    content: "";
    font-size: 10px;
    font-family: "themify"
}

.df-outline-toggle.df-outlines-hidden:before {
    content: ""
}

.df-lightbox-wrapper {
    position: fixed !important;
    top: 0;
    bottom: 0;
    right: 0;
    height: auto !important;
    left: 0;
    background-color: #fff;
    z-index: 99999
}

.df-lightbox-controls {
    float: right;
    padding: 5px;
    z-index: 1000;
    position: relative
}

.df-lightbox-close {
    float: right;
    height: 40px;
    text-align: center;
    font-size: 50px;
    cursor: pointer;
    color: #444;
    border-radius: 50%;
    border-color: transparent;
    width: 40px;
    background-color: transparent;
    transition: .2s;
    -webkit-transition: .2s
}

.df-lightbox-close:hover {
    color: #fff;
    background-color: rgba(0, 0, 0, .21);
    border-color: #000
}

.df-lightbox-close:before {
    top: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    font-size: 24px
}

.df-lightbox-wrapper .df-container {
    position: absolute !important;
    width: 100%;
    top: 0;
    bottom: 0;
    height: auto !important
}

.df-container.df-xs .df-ui-controls .df-ui-btn.df-ui-page {
    display: none !important
}

._df_button,
._df_thumb,
._df_custom {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    cursor: pointer
}

._df_button {
    padding: 5px 15px;
    background: #0085ba;
    color: #fff;
    font-size: 14px;
    border-color: #0073aa #006799 #006799;
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
    -webkit-appearance: none;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    white-space: nowrap
}

._df_thumb {
    border: 0;
    width: 140px;
    height: 200px;
    text-align: center
}

._df_thumb {
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .22);
    display: inline-block;
    -webkit-transform-style: flat;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    box-sizing: border-box;
    -webkit-transition: .2s;
    margin: 30px 10px 10px;
    -moz-perspective: 1200px;
    perspective: 1200px
}

._df_books ._df_thumb,
._df_books .df-dummy {
    width: 140px;
    height: 200px;
    text-align: center;
    display: inline-block;
    position: relative;
    margin: 20px 10px;
    vertical-align: top
}

._df_thumb[thumbtype=img] {
    height: auto
}

._df_thumb[thumbtype=img] img {
    max-width: 100%;
    max-height: 200px;
    margin: 0;
    padding: 0;
    border: 0
}

._df_book-cover {
    background-size: 100% 100%;
    height: 100%;
    width: 100%;
    -webkit-transform-origin: left;
    transform-origin: left;
    top: 0;
    background-color: #eee;
    position: relative;
    overflow: hidden;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .22)
}

._df_thumb ._df_book-title {
    bottom: -100%;
    position: absolute;
    width: 100%;
    left: 0;
    padding: 5px;
    font-size: 12px;
    background: rgba(60, 60, 60, .8);
    box-sizing: border-box;
    display: block;
    color: #fff;
    transition: .4s;
    -webkit-transition: .4s;
    opacity: 0
}

._df_thumb ._df_book-tag {
    float: left;
    padding: 0 4px 2px;
    background-color: rgba(0, 0, 0, .26);
    text-transform: uppercase;
    font-size: 10px;
    margin: -15px 0 0 2px;
    z-index: -1;
    color: rgba(255, 255, 255, .8);
    position: relative
}

._df_thumb:hover ._df_book-title,
._df_thumb-not-found ._df_book-title {
    opacity: 1;
    bottom: 0
}

._df_thumb:hover ._df_book-cover {
    -webkit-transform: rotateY(-20deg) rotateZ(0);
    -moz-transform: rotateY(-20deg) rotateZ(0);
    -ms-transform: rotateY(-20deg) rotateZ(0);
    transform: rotateY(-20deg) rotateZ(0);
    box-shadow: 3px 0 12px rgba(0, 0, 0, .6)
}

.df-webkit ._df_thumb:hover ._df_book-cover {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
    box-shadow: 1px 0 12px rgba(0, 0, 0, .6)
}

._df_books {
    max-width: 960px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
    padding: 20px 5px 150px
}

._df_books-break {
    color: rgba(255, 255, 255, .3);
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 600;
    margin-top: 25px;
    text-transform: uppercase
}

._df_books-break:after {
    content: " ";
    bottom: 0;
    width: 50px;
    height: 1px;
    background-color: rgba(255, 255, 255, .24);
    display: block;
    margin: 10px auto
}

.df-page-wrapper {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0)
}

.df-container ::-webkit-scrollbar {
    width: 8px
}

.df-container ::-webkit-scrollbar-button {
    height: 8px
}

.df-container ::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, .3);
    border: 0 none #fff;
    border-radius: 100px
}

.df-container ::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, .5)
}

.df-container ::-webkit-scrollbar-thumb:active {
    background: rgba(0, 0, 0, .5)
}

.df-container ::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, .2);
    border: 0 none #fff;
    border-radius: 100px
}

.df-container ::-webkit-scrollbar-track:hover {
    background: rgba(0, 0, 0, .2)
}

.df-container ::-webkit-scrollbar-track:active {
    background: rgba(0, 0, 0, .15)
}

.df-container ::-webkit-scrollbar-corner {
    background: transparent
}

.df-skipTransition {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    transition: none !important
}

.df-container.df-fullscreen {
    height: 100% !important;
    max-height: 100% !important;
    width: 100% !important;
    max-width: 100% !important
}

.df-container.df-double-internal .df-page-front {
    background-position: left;
    background-size: cover
}

.df-container.df-double-internal .df-page-back {
    background-position: right;
    background-size: cover
}

.customHtmlAnnotation iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important
}

.df-rtl .more-container .df-ui-btn {
    text-align: right;
    direction: rtl
}

.df-rtl .more-container .df-ui-btn:before {
    right: 10px
}

.df-rtl .more-container .df-ui-btn span {
    padding: 0 20px 0 0
}

.df-rtl .df-outline-items>.df-outline-item {
    margin: 0 18px 0 0;
    text-align: right;
    direction: rtl
}

.df-rtl .df-outline-toggle {
    float: right;
    margin: 0 -18px 0 0
}

.df-rtl .df-outline-toggle.df-outlines-hidden:before {
    content: ""
}

.df-rtl .df-sidemenu.df-sidemenu-visible {
    left: auto;
    left: initial;
    right: 0
}

.df-rtl .df-ui-sidemenu-close {
    right: auto;
    right: initial;
    left: -32px;
    border-radius: 5px 0 0 5px
}

._df_thumb[thumbtype=img] ._df_thumb-not-found {
    height: 200px;
    position: relative
}

body.admin-bar .df-lightbox-wrapper {
    top: 32px
}

@media screen and (max-width: 782px) {
    body.admin-bar .df-lightbox-wrapper {
        top: 46px
    }
}

.df-raw-loading {
    position: absolute;
    margin-top: 20px;
    margin-left: 5px;
    padding: 6px 20px;
    background-color: rgba(0, 0, 0, .3);
    font-style: italic;
    border-radius: 5px;
    font-size: 11px;
    max-height: 30px;
    color: #fff;
    max-width: 200px;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    left: 50%;
    top: 50%;
    opacity: .7
}

.df-raw-loading a {
    color: inherit !important
}

.df-container .df-raw-loading {
    top: 100%
}

[hidden] {
    display: none
}

html.df-lightbox-open,
body.df-lightbox-open {
    overflow: hidden !important
}

.df-custom-fullscreen.df-fullscreen[backgroundcolor=transparent] {
    background: gray !important
}

@font-face {
    font-family: "themify";
    src: url("../fonts/themify.eot");
    src: url("../fonts/themify.eot?#iefix") format("embedded-opentype"), url("../fonts/themify.woff") format("woff"), url("../fonts/themify.ttf") format("truetype"), url("../fonts/themify.svg") format("svg");
    font-weight: normal;
    font-style: normal
}

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

.ti-wand:before {
    content: ""
}

.ti-volume:before {
    content: ""
}

.ti-user:before {
    content: ""
}

.ti-unlock:before {
    content: ""
}

.ti-unlink:before {
    content: ""
}

.ti-trash:before {
    content: ""
}

.ti-thought:before {
    content: ""
}

.ti-target:before {
    content: ""
}

.ti-tag:before {
    content: ""
}

.ti-tablet:before {
    content: ""
}

.ti-star:before {
    content: ""
}

.ti-spray:before {
    content: ""
}

.ti-signal:before {
    content: ""
}

.ti-shopping-cart:before {
    content: ""
}

.ti-shopping-cart-full:before {
    content: ""
}

.ti-settings:before {
    content: ""
}

.ti-search:before {
    content: ""
}

.ti-zoom-in:before {
    content: ""
}

.ti-zoom-out:before {
    content: ""
}

.ti-cut:before {
    content: ""
}

.ti-ruler:before {
    content: ""
}

.ti-ruler-pencil:before {
    content: ""
}

.ti-ruler-alt:before {
    content: ""
}

.ti-bookmark:before {
    content: ""
}

.ti-bookmark-alt:before {
    content: ""
}

.ti-reload:before {
    content: ""
}

.ti-plus:before {
    content: ""
}

.ti-pin:before {
    content: ""
}

.ti-pencil:before {
    content: ""
}

.ti-pencil-alt:before {
    content: ""
}

.ti-paint-roller:before {
    content: ""
}

.ti-paint-bucket:before {
    content: ""
}

.ti-na:before {
    content: ""
}

.ti-mobile:before {
    content: ""
}

.ti-minus:before {
    content: ""
}

.ti-medall:before {
    content: ""
}

.ti-medall-alt:before {
    content: ""
}

.ti-marker:before {
    content: ""
}

.ti-marker-alt:before {
    content: ""
}

.ti-arrow-up:before {
    content: ""
}

.ti-arrow-right:before {
    content: ""
}

.ti-arrow-left:before {
    content: ""
}

.ti-arrow-down:before {
    content: ""
}

.ti-lock:before {
    content: ""
}

.ti-location-arrow:before {
    content: ""
}

.ti-link:before {
    content: ""
}

.ti-layout:before {
    content: ""
}

.ti-layers:before {
    content: ""
}

.ti-layers-alt:before {
    content: ""
}

.ti-key:before {
    content: ""
}

.ti-import:before {
    content: ""
}

.ti-image:before {
    content: ""
}

.ti-heart:before {
    content: ""
}

.ti-heart-broken:before {
    content: ""
}

.ti-hand-stop:before {
    content: ""
}

.ti-hand-open:before {
    content: ""
}

.ti-hand-drag:before {
    content: ""
}

.ti-folder:before {
    content: ""
}

.ti-flag:before {
    content: ""
}

.ti-flag-alt:before {
    content: ""
}

.ti-flag-alt-2:before {
    content: ""
}

.ti-eye:before {
    content: ""
}

.ti-export:before {
    content: ""
}

.ti-exchange-vertical:before {
    content: ""
}

.ti-desktop:before {
    content: ""
}

.ti-cup:before {
    content: ""
}

.ti-crown:before {
    content: ""
}

.ti-comments:before {
    content: ""
}

.ti-comment:before {
    content: ""
}

.ti-comment-alt:before {
    content: ""
}

.ti-close:before {
    content: ""
}

.ti-clip:before {
    content: ""
}

.ti-angle-up:before {
    content: ""
}

.ti-angle-right:before {
    content: ""
}

.ti-angle-left:before {
    content: ""
}

.ti-angle-down:before {
    content: ""
}

.ti-check:before {
    content: ""
}

.ti-check-box:before {
    content: ""
}

.ti-camera:before {
    content: ""
}

.ti-announcement:before {
    content: ""
}

.ti-brush:before {
    content: ""
}

.ti-briefcase:before {
    content: ""
}

.ti-bolt:before {
    content: ""
}

.ti-bolt-alt:before {
    content: ""
}

.ti-blackboard:before {
    content: ""
}

.ti-bag:before {
    content: ""
}

.ti-move:before {
    content: ""
}

.ti-arrows-vertical:before {
    content: ""
}

.ti-arrows-horizontal:before {
    content: ""
}

.ti-fullscreen:before {
    content: ""
}

.ti-arrow-top-right:before {
    content: ""
}

.ti-arrow-top-left:before {
    content: ""
}

.ti-arrow-circle-up:before {
    content: ""
}

.ti-arrow-circle-right:before {
    content: ""
}

.ti-arrow-circle-left:before {
    content: ""
}

.ti-arrow-circle-down:before {
    content: ""
}

.ti-angle-double-up:before {
    content: ""
}

.ti-angle-double-right:before {
    content: ""
}

.ti-angle-double-left:before {
    content: ""
}

.ti-angle-double-down:before {
    content: ""
}

.ti-zip:before {
    content: ""
}

.ti-world:before {
    content: ""
}

.ti-wheelchair:before {
    content: ""
}

.ti-view-list:before {
    content: ""
}

.ti-view-list-alt:before {
    content: ""
}

.ti-view-grid:before {
    content: ""
}

.ti-uppercase:before {
    content: ""
}

.ti-upload:before {
    content: ""
}

.ti-underline:before {
    content: ""
}

.ti-truck:before {
    content: ""
}

.ti-timer:before {
    content: ""
}

.ti-ticket:before {
    content: ""
}

.ti-thumb-up:before {
    content: ""
}

.ti-thumb-down:before {
    content: ""
}

.ti-text:before {
    content: ""
}

.ti-stats-up:before {
    content: ""
}

.ti-stats-down:before {
    content: ""
}

.ti-split-v:before {
    content: ""
}

.ti-split-h:before {
    content: ""
}

.ti-smallcap:before {
    content: ""
}

.ti-shine:before {
    content: ""
}

.ti-shift-right:before {
    content: ""
}

.ti-shift-left:before {
    content: ""
}

.ti-shield:before {
    content: ""
}

.ti-notepad:before {
    content: ""
}

.ti-server:before {
    content: ""
}

.ti-quote-right:before {
    content: ""
}

.ti-quote-left:before {
    content: ""
}

.ti-pulse:before {
    content: ""
}

.ti-printer:before {
    content: ""
}

.ti-power-off:before {
    content: ""
}

.ti-plug:before {
    content: ""
}

.ti-pie-chart:before {
    content: ""
}

.ti-paragraph:before {
    content: ""
}

.ti-panel:before {
    content: ""
}

.ti-package:before {
    content: ""
}

.ti-music:before {
    content: ""
}

.ti-music-alt:before {
    content: ""
}

.ti-mouse:before {
    content: ""
}

.ti-mouse-alt:before {
    content: ""
}

.ti-money:before {
    content: ""
}

.ti-microphone:before {
    content: ""
}

.ti-menu:before {
    content: ""
}

.ti-menu-alt:before {
    content: ""
}

.ti-map:before {
    content: ""
}

.ti-map-alt:before {
    content: ""
}

.ti-loop:before {
    content: ""
}

.ti-location-pin:before {
    content: ""
}

.ti-list:before {
    content: ""
}

.ti-light-bulb:before {
    content: ""
}

.ti-Italic:before {
    content: ""
}

.ti-info:before {
    content: ""
}

.ti-infinite:before {
    content: ""
}

.ti-id-badge:before {
    content: ""
}

.ti-hummer:before {
    content: ""
}

.ti-home:before {
    content: ""
}

.ti-help:before {
    content: ""
}

.ti-headphone:before {
    content: ""
}

.ti-harddrives:before {
    content: ""
}

.ti-harddrive:before {
    content: ""
}

.ti-gift:before {
    content: ""
}

.ti-game:before {
    content: ""
}

.ti-filter:before {
    content: ""
}

.ti-files:before {
    content: ""
}

.ti-file:before {
    content: ""
}

.ti-eraser:before {
    content: ""
}

.ti-envelope:before {
    content: ""
}

.ti-download:before {
    content: ""
}

.ti-direction:before {
    content: ""
}

.ti-direction-alt:before {
    content: ""
}

.ti-dashboard:before {
    content: ""
}

.ti-control-stop:before {
    content: ""
}

.ti-control-shuffle:before {
    content: ""
}

.ti-control-play:before {
    content: ""
}

.ti-control-pause:before {
    content: ""
}

.ti-control-forward:before {
    content: ""
}

.ti-control-backward:before {
    content: ""
}

.ti-cloud:before {
    content: ""
}

.ti-cloud-up:before {
    content: ""
}

.ti-cloud-down:before {
    content: ""
}

.ti-clipboard:before {
    content: ""
}

.ti-car:before {
    content: ""
}

.ti-calendar:before {
    content: ""
}

.ti-book:before {
    content: ""
}

.ti-bell:before {
    content: ""
}

.ti-basketball:before {
    content: ""
}

.ti-bar-chart:before {
    content: ""
}

.ti-bar-chart-alt:before {
    content: ""
}

.ti-back-right:before {
    content: ""
}

.ti-back-left:before {
    content: ""
}

.ti-arrows-corner:before {
    content: ""
}

.ti-archive:before {
    content: ""
}

.ti-anchor:before {
    content: ""
}

.ti-align-right:before {
    content: ""
}

.ti-align-left:before {
    content: ""
}

.ti-align-justify:before {
    content: ""
}

.ti-align-center:before {
    content: ""
}

.ti-alert:before {
    content: ""
}

.ti-alarm-clock:before {
    content: ""
}

.ti-agenda:before {
    content: ""
}

.ti-write:before {
    content: ""
}

.ti-window:before {
    content: ""
}

.ti-widgetized:before {
    content: ""
}

.ti-widget:before {
    content: ""
}

.ti-widget-alt:before {
    content: ""
}

.ti-wallet:before {
    content: ""
}

.ti-video-clapper:before {
    content: ""
}

.ti-video-camera:before {
    content: ""
}

.ti-vector:before {
    content: ""
}

.ti-themify-logo:before {
    content: ""
}

.ti-themify-favicon:before {
    content: ""
}

.ti-themify-favicon-alt:before {
    content: ""
}

.ti-support:before {
    content: ""
}

.ti-stamp:before {
    content: ""
}

.ti-split-v-alt:before {
    content: ""
}

.ti-slice:before {
    content: ""
}

.ti-shortcode:before {
    content: ""
}

.ti-shift-right-alt:before {
    content: ""
}

.ti-shift-left-alt:before {
    content: ""
}

.ti-ruler-alt-2:before {
    content: ""
}

.ti-receipt:before {
    content: ""
}

.ti-pin2:before {
    content: ""
}

.ti-pin-alt:before {
    content: ""
}

.ti-pencil-alt2:before {
    content: ""
}

.ti-palette:before {
    content: ""
}

.ti-more:before {
    content: ""
}

.ti-more-alt:before {
    content: ""
}

.ti-microphone-alt:before {
    content: ""
}

.ti-magnet:before {
    content: ""
}

.ti-line-double:before {
    content: ""
}

.ti-line-dotted:before {
    content: ""
}

.ti-line-dashed:before {
    content: ""
}

.ti-layout-width-full:before {
    content: ""
}

.ti-layout-width-default:before {
    content: ""
}

.ti-layout-width-default-alt:before {
    content: ""
}

.ti-layout-tab:before {
    content: ""
}

.ti-layout-tab-window:before {
    content: ""
}

.ti-layout-tab-v:before {
    content: ""
}

.ti-layout-tab-min:before {
    content: ""
}

.ti-layout-slider:before {
    content: ""
}

.ti-layout-slider-alt:before {
    content: ""
}

.ti-layout-sidebar-right:before {
    content: ""
}

.ti-layout-sidebar-none:before {
    content: ""
}

.ti-layout-sidebar-left:before {
    content: ""
}

.ti-layout-placeholder:before {
    content: ""
}

.ti-layout-menu:before {
    content: ""
}

.ti-layout-menu-v:before {
    content: ""
}

.ti-layout-menu-separated:before {
    content: ""
}

.ti-layout-menu-full:before {
    content: ""
}

.ti-layout-media-right-alt:before {
    content: ""
}

.ti-layout-media-right:before {
    content: ""
}

.ti-layout-media-overlay:before {
    content: ""
}

.ti-layout-media-overlay-alt:before {
    content: ""
}

.ti-layout-media-overlay-alt-2:before {
    content: ""
}

.ti-layout-media-left-alt:before {
    content: ""
}

.ti-layout-media-left:before {
    content: ""
}

.ti-layout-media-center-alt:before {
    content: ""
}

.ti-layout-media-center:before {
    content: ""
}

.ti-layout-list-thumb:before {
    content: ""
}

.ti-layout-list-thumb-alt:before {
    content: ""
}

.ti-layout-list-post:before {
    content: ""
}

.ti-layout-list-large-image:before {
    content: ""
}

.ti-layout-line-solid:before {
    content: ""
}

.ti-layout-grid4:before {
    content: ""
}

.ti-layout-grid3:before {
    content: ""
}

.ti-layout-grid2:before {
    content: ""
}

.ti-layout-grid2-thumb:before {
    content: ""
}

.ti-layout-cta-right:before {
    content: ""
}

.ti-layout-cta-left:before {
    content: ""
}

.ti-layout-cta-center:before {
    content: ""
}

.ti-layout-cta-btn-right:before {
    content: ""
}

.ti-layout-cta-btn-left:before {
    content: ""
}

.ti-layout-column4:before {
    content: ""
}

.ti-layout-column3:before {
    content: ""
}

.ti-layout-column2:before {
    content: ""
}

.ti-layout-accordion-separated:before {
    content: ""
}

.ti-layout-accordion-merged:before {
    content: ""
}

.ti-layout-accordion-list:before {
    content: ""
}

.ti-ink-pen:before {
    content: ""
}

.ti-info-alt:before {
    content: ""
}

.ti-help-alt:before {
    content: ""
}

.ti-headphone-alt:before {
    content: ""
}

.ti-hand-point-up:before {
    content: ""
}

.ti-hand-point-right:before {
    content: ""
}

.ti-hand-point-left:before {
    content: ""
}

.ti-hand-point-down:before {
    content: ""
}

.ti-gallery:before {
    content: ""
}

.ti-face-smile:before {
    content: ""
}

.ti-face-sad:before {
    content: ""
}

.ti-credit-card:before {
    content: ""
}

.ti-control-skip-forward:before {
    content: ""
}

.ti-control-skip-backward:before {
    content: ""
}

.ti-control-record:before {
    content: ""
}

.ti-control-eject:before {
    content: ""
}

.ti-comments-smiley:before {
    content: ""
}

.ti-brush-alt:before {
    content: ""
}

.ti-youtube:before {
    content: ""
}

.ti-vimeo:before {
    content: ""
}

.ti-twitter:before {
    content: ""
}

.ti-time:before {
    content: ""
}

.ti-tumblr:before {
    content: ""
}

.ti-skype:before {
    content: ""
}

.ti-share:before {
    content: ""
}

.ti-share-alt:before {
    content: ""
}

.ti-rocket:before {
    content: ""
}

.ti-pinterest:before {
    content: ""
}

.ti-new-window:before {
    content: ""
}

.ti-microsoft:before {
    content: ""
}

.ti-list-ol:before {
    content: ""
}

.ti-linkedin:before {
    content: ""
}

.ti-layout-sidebar-2:before {
    content: ""
}

.ti-layout-grid4-alt:before {
    content: ""
}

.ti-layout-grid3-alt:before {
    content: ""
}

.ti-layout-grid2-alt:before {
    content: ""
}

.ti-layout-column4-alt:before {
    content: ""
}

.ti-layout-column3-alt:before {
    content: ""
}

.ti-layout-column2-alt:before {
    content: ""
}

.ti-instagram:before {
    content: ""
}

.ti-google:before {
    content: ""
}

.ti-github:before {
    content: ""
}

.ti-flickr:before {
    content: ""
}

.ti-facebook:before {
    content: ""
}

.ti-dropbox:before {
    content: ""
}

.ti-dribbble:before {
    content: ""
}

.ti-apple:before {
    content: ""
}

.ti-android:before {
    content: ""
}

.ti-save:before {
    content: ""
}

.ti-save-alt:before {
    content: ""
}

.ti-yahoo:before {
    content: ""
}

.ti-wordpress:before {
    content: ""
}

.ti-vimeo-alt:before {
    content: ""
}

.ti-twitter-alt:before {
    content: ""
}

.ti-tumblr-alt:before {
    content: ""
}

.ti-trello:before {
    content: ""
}

.ti-stack-overflow:before {
    content: ""
}

.ti-soundcloud:before {
    content: ""
}

.ti-sharethis:before {
    content: ""
}

.ti-sharethis-alt:before {
    content: ""
}

.ti-reddit:before {
    content: ""
}

.ti-pinterest-alt:before {
    content: ""
}

.ti-microsoft-alt:before {
    content: ""
}

.ti-linux:before {
    content: ""
}

.ti-jsfiddle:before {
    content: ""
}

.ti-joomla:before {
    content: ""
}

.ti-html5:before {
    content: ""
}

.ti-flickr-alt:before {
    content: ""
}

.ti-email:before {
    content: ""
}

.ti-drupal:before {
    content: ""
}

.ti-dropbox-alt:before {
    content: ""
}

.ti-css3:before {
    content: ""
}

.ti-rss:before {
    content: ""
}

.ti-rss-alt:before {
    content: ""
}

@font-face {
    font-family: "aripo-font";
    src: url("../fonts/aripo-font.eot?16518118");
    src: url("../fonts/aripo-font.eot?16518118#iefix") format("embedded-opentype"), url("../fonts/aripo-font.woff2?16518118") format("woff2"), url("../fonts/aripo-font.woff?16518118") format("woff"), url("../fonts/aripo-font.ttf?16518118") format("truetype"), url("../fonts/aripo-font.svg?16518118#aripo-font") format("svg");
    font-weight: normal;
    font-style: normal
}

[class^=icon-]:before,
[class*=" icon-"]:before {
    font-family: "aripo-font";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-adobe:before {
    content: ""
}

.icon-arrow:before {
    content: ""
}

.icon-cancel-plus:before {
    content: ""
}

.icon-document:before {
    content: ""
}

.icon-eservice:before {
    content: ""
}

.icon-information:before {
    content: ""
}

.icon-library:before {
    content: ""
}

.icon-menu:before {
    content: ""
}

.icon-training:before {
    content: ""
}

.icon-quote:before {
    content: "";
    color: #09bbd4
}

.icon-facebook:before,
.icon-flickr:before,
.icon-linkedin:before,
.icon-skype:before,
.icon-twitter:before,
.icon-youtube:before {
    font-size: 30px
}

.icon-facebook:before {
    content: "";
    color: #3b5998
}

.icon-flickr:before {
    content: "";
    color: #ff0084
}

.icon-linkedin:before {
    content: "";
    color: #0077b5
}

.icon-skype:before {
    content: "";
    color: #00aff0
}

.icon-twitter:before {
    content: "";
    color: #1da1f2
}

.icon-youtube:before {
    content: "";
    color: red
}

.hvr-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

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

.hvr-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

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

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

    75% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }
}

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

    75% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }
}

.hvr-pulse {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 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 {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 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(0.9);
        transform: scale(0.9)
    }
}

@keyframes hvr-pulse-shrink {
    to {
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }
}

.hvr-pulse-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 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(0.8);
        transform: scale(0.8)
    }

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

@keyframes hvr-push {
    50% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }

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

.hvr-push {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 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 {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 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 rgba(0, 0, 0, 0);
    -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(0.47, 2.02, 0.31, -0.36);
    transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.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 rgba(0, 0, 0, 0);
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.hvr-bounce-out:active,
.hvr-bounce-out:focus,
.hvr-bounce-out:hover {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.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 rgba(0, 0, 0, 0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.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 rgba(0, 0, 0, 0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.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 {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 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-float:active,
.hvr-float:focus,
.hvr-float:hover {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px)
}

.hvr-sink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 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-sink:active,
.hvr-sink:focus,
.hvr-sink:hover {
    -webkit-transform: translateY(8px);
    transform: translateY(8px)
}

@-webkit-keyframes hvr-bob {
    0% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }

    50% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }

    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}

@keyframes hvr-bob {
    0% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }

    50% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }

    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}

@-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 {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 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
}

@-webkit-keyframes hvr-hang {
    0% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }

    50% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
}

@keyframes hvr-hang {
    0% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }

    50% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
}

@-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 {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 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;
    -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-skew {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-skew:active,
.hvr-skew:focus,
.hvr-skew:hover {
    -webkit-transform: skew(-10deg);
    transform: skew(-10deg)
}

.hvr-skew-forward {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.hvr-skew-forward:active,
.hvr-skew-forward:focus,
.hvr-skew-forward:hover {
    -webkit-transform: skew(-10deg);
    transform: skew(-10deg)
}

.hvr-skew-backward {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.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 rgba(0, 0, 0, 0)
}

.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 rgba(0, 0, 0, 0)
}

.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 rgba(0, 0, 0, 0)
}

.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 rgba(0, 0, 0, 0)
}

.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 rgba(0, 0, 0, 0);
    -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 rgba(0, 0, 0, 0);
    -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 rgba(0, 0, 0, 0)
}

.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 {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 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% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }

    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }

    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }

    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }

    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }

    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% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }

    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }

    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }

    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }

    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }

    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 {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 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 rgba(0, 0, 0, 0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    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 rgba(0, 0, 0, 0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-backward:active,
.hvr-backward:focus,
.hvr-backward:hover {
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px)
}

.hvr-fade {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    overflow: hidden;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color
}

.hvr-fade:active,
.hvr-fade:focus,
.hvr-fade:hover {
    background-color: #2098d1;
    color: #fff
}

@-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 {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    overflow: hidden;
    -webkit-transition-duration: .5s;
    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;
    background-color: #2098d1;
    color: #fff
}

.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 rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-sweep-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: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-sweep-to-right:active,
.hvr-sweep-to-right:focus,
.hvr-sweep-to-right:hover {
    color: #fff
}

.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 rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-sweep-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: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-sweep-to-left:active,
.hvr-sweep-to-left:focus,
.hvr-sweep-to-left:hover {
    color: #fff
}

.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 rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-sweep-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: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-sweep-to-bottom:active,
.hvr-sweep-to-bottom:focus,
.hvr-sweep-to-bottom:hover {
    color: #fff
}

.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 rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-sweep-to-top: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% 100%;
    transform-origin: 50% 100%;
    -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-sweep-to-top:active,
.hvr-sweep-to-top:focus,
.hvr-sweep-to-top:hover {
    color: #fff
}

.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 {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .5s;
    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,
.hvr-bounce-to-right:focus,
.hvr-bounce-to-right:hover {
    color: #fff
}

.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(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.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 rgba(0, 0, 0, 0);
    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,
.hvr-bounce-to-left:focus,
.hvr-bounce-to-left:hover {
    color: #fff
}

.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(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.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 rgba(0, 0, 0, 0);
    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(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.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 rgba(0, 0, 0, 0);
    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: #2098d1;
    -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,
.hvr-bounce-to-top:focus,
.hvr-bounce-to-top:hover {
    color: #fff
}

.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(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66)
}

.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 rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-radial-out:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    border-radius: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -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-radial-out:active,
.hvr-radial-out:focus,
.hvr-radial-out:hover {
    color: #fff
}

.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 rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
    background: #2098d1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-radial-in:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #e1e1e1;
    border-radius: 100%;
    -webkit-transform: scale(2);
    transform: scale(2);
    -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-radial-in:active,
.hvr-radial-in:focus,
.hvr-radial-in:hover {
    color: #fff
}

.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 rgba(0, 0, 0, 0);
    position: relative;
    background: #2098d1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-rectangle-in:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #e1e1e1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -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-rectangle-in:active,
.hvr-rectangle-in:focus,
.hvr-rectangle-in:hover {
    color: #fff
}

.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 rgba(0, 0, 0, 0);
    position: relative;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-rectangle-out:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scale(0);
    transform: scale(0);
    -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-rectangle-out:active,
.hvr-rectangle-out:focus,
.hvr-rectangle-out:hover {
    color: #fff
}

.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 rgba(0, 0, 0, 0);
    position: relative;
    background: #2098d1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-shutter-in-horizontal:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    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;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-shutter-in-horizontal:active,
.hvr-shutter-in-horizontal:focus,
.hvr-shutter-in-horizontal:hover {
    color: #fff
}

.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 rgba(0, 0, 0, 0);
    position: relative;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-shutter-out-horizontal:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #2098d1;
    -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;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-shutter-out-horizontal:active,
.hvr-shutter-out-horizontal:focus,
.hvr-shutter-out-horizontal:hover {
    color: #fff
}

.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 rgba(0, 0, 0, 0);
    position: relative;
    background: #2098d1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-shutter-in-vertical:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    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;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-shutter-in-vertical:active,
.hvr-shutter-in-vertical:focus,
.hvr-shutter-in-vertical:hover {
    color: #fff
}

.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 rgba(0, 0, 0, 0);
    position: relative;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-shutter-out-vertical:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #2098d1;
    -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
}

.hvr-shutter-out-vertical:active,
.hvr-shutter-out-vertical:focus,
.hvr-shutter-out-vertical:hover {
    color: #fff
}

.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 {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0)
}

.hvr-border-fade:active,
.hvr-border-fade:focus,
.hvr-border-fade:hover {
    box-shadow: inset 0 0 0 4px #2098d1, 0 0 1px rgba(0, 0, 0, 0)
}

.hvr-hollow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: background;
    transition-property: background;
    box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0)
}

.hvr-hollow:active,
.hvr-hollow:focus,
.hvr-hollow:hover {
    background: 0 0
}

.hvr-trim {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative
}

.hvr-trim:before {
    content: "";
    position: absolute;
    border: #fff solid 4px;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    opacity: 0;
    -webkit-transition-duration: .3s;
    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 {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative
}

.hvr-ripple-out:before {
    content: "";
    position: absolute;
    border: #e1e1e1 solid 6px;
    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-ripple-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative
}

.hvr-ripple-in:before {
    content: "";
    position: absolute;
    border: #e1e1e1 solid 4px;
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
    -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 {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative
}

.hvr-outline-out:before {
    content: "";
    position: absolute;
    border: #e1e1e1 solid 4px;
    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 {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative
}

.hvr-outline-in:before {
    pointer-events: none;
    content: "";
    position: absolute;
    border: #e1e1e1 solid 4px;
    top: -16px;
    right: -16px;
    bottom: -16px;
    left: -16px;
    opacity: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: top, right, bottom, left;
    transition-property: top, right, bottom, left
}

.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 {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: border-radius;
    transition-property: border-radius
}

.hvr-round-corners:active,
.hvr-round-corners:focus,
.hvr-round-corners:hover {
    border-radius: 1em
}

.hvr-underline-from-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden
}

.hvr-underline-from-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    bottom: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    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 {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden
}

.hvr-underline-from-center:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 51%;
    right: 51%;
    bottom: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.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 {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden
}

.hvr-underline-from-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 100%;
    right: 0;
    bottom: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transition-property: left;
    transition-property: left;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    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 {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden
}

.hvr-overline-from-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    top: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-overline-from-left:active:before,
.hvr-overline-from-left:focus:before,
.hvr-overline-from-left:hover:before {
    right: 0
}

.hvr-overline-from-center {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden
}

.hvr-overline-from-center:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 51%;
    right: 51%;
    top: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.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 {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden
}

.hvr-overline-from-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 100%;
    right: 0;
    top: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transition-property: left;
    transition-property: left;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.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 rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden
}

.hvr-reveal:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 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;
    -webkit-transition-timing-function: ease-out;
    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 rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden
}

.hvr-underline-reveal:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    bottom: 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-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 rgba(0, 0, 0, 0);
    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 {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: box-shadow;
    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 {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: box-shadow;
    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 rgba(0, 0, 0, 0);
    -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-outset {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: box-shadow;
    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 {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: .3s;
    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 rgba(0, 0, 0, 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 rgba(0, 0, 0, 0)
}

.hvr-float-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 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, 0.35) 0, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0, rgba(0, 0, 0, 0) 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 {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 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;
    height: 5px;
    opacity: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.hvr-shadow-radial:before {
    bottom: 100%;
    background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0, rgba(0, 0, 0, 0) 80%)
}

.hvr-shadow-radial:after {
    top: 100%;
    background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0, rgba(0, 0, 0, 0) 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 {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative
}

.hvr-bubble-top:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: "";
    border-style: solid;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    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 {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative
}

.hvr-bubble-right:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: "";
    border-style: solid;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    top: calc(50% - 10px);
    right: 0;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #e1e1e1
}

.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 {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative
}

.hvr-bubble-bottom:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: "";
    border-style: solid;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    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 {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative
}

.hvr-bubble-left:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: "";
    border-style: solid;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    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 {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 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-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 {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-bubble-float-right:before {
    position: absolute;
    z-index: -1;
    top: calc(50% - 10px);
    right: 0;
    content: "";
    border-style: solid;
    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 {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 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 {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-bubble-float-left:before {
    position: absolute;
    z-index: -1;
    content: "";
    top: calc(50% - 10px);
    left: 0;
    border-style: solid;
    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-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 {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}

.hvr-icon-back .hvr-icon {
    -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
}

.hvr-icon-back:active .hvr-icon,
.hvr-icon-back:focus .hvr-icon,
.hvr-icon-back:hover .hvr-icon {
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px)
}

.hvr-icon-forward {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}

.hvr-icon-forward .hvr-icon {
    -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
}

.hvr-icon-forward:active .hvr-icon,
.hvr-icon-forward:focus .hvr-icon,
.hvr-icon-forward:hover .hvr-icon {
    -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 {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0)
}

.hvr-icon-down .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-down:active .hvr-icon,
.hvr-icon-down:focus .hvr-icon,
.hvr-icon-down:hover .hvr-icon {
    -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 {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0)
}

.hvr-icon-up .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-up:active .hvr-icon,
.hvr-icon-up:focus .hvr-icon,
.hvr-icon-up:hover .hvr-icon {
    -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 {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0)
}

.hvr-icon-spin .hvr-icon {
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

.hvr-icon-spin:active .hvr-icon,
.hvr-icon-spin:focus .hvr-icon,
.hvr-icon-spin:hover .hvr-icon {
    -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 rgba(0, 0, 0, 0)
}

.hvr-icon-drop .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-drop:active .hvr-icon,
.hvr-icon-drop:focus .hvr-icon,
.hvr-icon-drop:hover .hvr-icon {
    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(0.52, 1.64, 0.37, 0.66);
    animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66)
}

.hvr-icon-fade {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0)
}

.hvr-icon-fade .hvr-icon {
    -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 .hvr-icon,
.hvr-icon-fade:focus .hvr-icon,
.hvr-icon-fade:hover .hvr-icon {
    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 {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0)
}

.hvr-icon-float-away .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.hvr-icon-float-away:active .hvr-icon,
.hvr-icon-float-away:focus .hvr-icon,
.hvr-icon-float-away:hover .hvr-icon {
    -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 {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0)
}

.hvr-icon-sink-away .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.hvr-icon-sink-away:active .hvr-icon,
.hvr-icon-sink-away:focus .hvr-icon,
.hvr-icon-sink-away:hover .hvr-icon {
    -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 {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-grow .hvr-icon {
    -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-grow:active .hvr-icon,
.hvr-icon-grow:focus .hvr-icon,
.hvr-icon-grow:hover .hvr-icon {
    -webkit-transform: scale(1.3) translateZ(0);
    transform: scale(1.3) translateZ(0)
}

.hvr-icon-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-shrink .hvr-icon {
    -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-shrink:active .hvr-icon,
.hvr-icon-shrink:focus .hvr-icon,
.hvr-icon-shrink:hover .hvr-icon {
    -webkit-transform: scale(0.8);
    transform: scale(0.8)
}

@-webkit-keyframes hvr-icon-pulse {
    25% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    75% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }
}

@keyframes hvr-icon-pulse {
    25% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    75% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }
}

.hvr-icon-pulse {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0)
}

.hvr-icon-pulse .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-pulse:active .hvr-icon,
.hvr-icon-pulse:focus .hvr-icon,
.hvr-icon-pulse:hover .hvr-icon {
    -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 {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0)
}

.hvr-icon-pulse-grow .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-pulse-grow:active .hvr-icon,
.hvr-icon-pulse-grow:focus .hvr-icon,
.hvr-icon-pulse-grow:hover .hvr-icon {
    -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(0.8);
        transform: scale(0.8)
    }
}

@keyframes hvr-icon-pulse-shrink {
    to {
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }
}

.hvr-icon-pulse-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0)
}

.hvr-icon-pulse-shrink .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-pulse-shrink:active .hvr-icon,
.hvr-icon-pulse-shrink:focus .hvr-icon,
.hvr-icon-pulse-shrink:hover .hvr-icon {
    -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(0.5);
        transform: scale(0.5)
    }
}

@keyframes hvr-icon-push {
    50% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5)
    }
}

.hvr-icon-push {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-push .hvr-icon {
    -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-push:active .hvr-icon,
.hvr-icon-push:focus .hvr-icon,
.hvr-icon-push:hover .hvr-icon {
    -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 {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-pop .hvr-icon {
    -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-pop:active .hvr-icon,
.hvr-icon-pop:focus .hvr-icon,
.hvr-icon-pop:hover .hvr-icon {
    -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 {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-bounce .hvr-icon {
    -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-bounce:active .hvr-icon,
.hvr-icon-bounce:focus .hvr-icon,
.hvr-icon-bounce:hover .hvr-icon {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36)
}

.hvr-icon-rotate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-rotate .hvr-icon {
    -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-rotate:active .hvr-icon,
.hvr-icon-rotate:focus .hvr-icon,
.hvr-icon-rotate:hover .hvr-icon {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg)
}

.hvr-icon-grow-rotate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-grow-rotate .hvr-icon {
    -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-grow-rotate:active .hvr-icon,
.hvr-icon-grow-rotate:focus .hvr-icon,
.hvr-icon-grow-rotate:hover .hvr-icon {
    -webkit-transform: scale(1.5) rotate(12deg);
    transform: scale(1.5) rotate(12deg)
}

.hvr-icon-float {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-float .hvr-icon {
    -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-float:active .hvr-icon,
.hvr-icon-float:focus .hvr-icon,
.hvr-icon-float:hover .hvr-icon {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px)
}

.hvr-icon-sink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-sink .hvr-icon {
    -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 .hvr-icon,
.hvr-icon-sink:focus .hvr-icon,
.hvr-icon-sink:hover .hvr-icon {
    -webkit-transform: translateY(4px);
    transform: translateY(4px)
}

@-webkit-keyframes hvr-icon-bob {
    0% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }

    50% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }

    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

@keyframes hvr-icon-bob {
    0% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }

    50% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }

    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

@-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 {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-bob .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-bob:active .hvr-icon,
.hvr-icon-bob:focus .hvr-icon,
.hvr-icon-bob:hover .hvr-icon {
    -webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob;
    animation-name: hvr-icon-bob-float, hvr-icon-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
}

@-webkit-keyframes hvr-icon-hang {
    0% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }

    50% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px)
    }

    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

@keyframes hvr-icon-hang {
    0% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }

    50% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px)
    }

    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

@-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 {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-hang .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-hang:active .hvr-icon,
.hvr-icon-hang:focus .hvr-icon,
.hvr-icon-hang:hover .hvr-icon {
    -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 {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-wobble-horizontal .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-wobble-horizontal:active .hvr-icon,
.hvr-icon-wobble-horizontal:focus .hvr-icon,
.hvr-icon-wobble-horizontal:hover .hvr-icon {
    -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 {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-wobble-vertical .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-wobble-vertical:active .hvr-icon,
.hvr-icon-wobble-vertical:focus .hvr-icon,
.hvr-icon-wobble-vertical:hover .hvr-icon {
    -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 {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-buzz .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-buzz:active .hvr-icon,
.hvr-icon-buzz:focus .hvr-icon,
.hvr-icon-buzz:hover .hvr-icon {
    -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% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }

    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }

    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }

    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }

    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }

    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% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }

    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }

    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }

    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }

    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }

    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-icon-buzz-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-buzz-out .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-buzz-out:active .hvr-icon,
.hvr-icon-buzz-out:focus .hvr-icon,
.hvr-icon-buzz-out:hover .hvr-icon {
    -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 {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative
}

.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%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#ffffff", endColorstr="#000000");
    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-top-left:active:before,
.hvr-curl-top-left:focus:before,
.hvr-curl-top-left:hover:before {
    width: 25px;
    height: 25px
}

.hvr-curl-top-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative
}

.hvr-curl-top-right:before {
    pointer-events: none;
    position: absolute;
    content: "";
    height: 0;
    width: 0;
    top: 0;
    right: 0;
    background: #fff;
    background: linear-gradient(225deg, #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
}

.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 {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative
}

.hvr-curl-bottom-right:before {
    pointer-events: none;
    position: absolute;
    content: "";
    height: 0;
    width: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    background: linear-gradient(315deg, #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
}

.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 rgba(0, 0, 0, 0);
    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
}

.hvr-curl-bottom-left:active:before,
.hvr-curl-bottom-left:focus:before,
.hvr-curl-bottom-left:hover:before {
    width: 25px;
    height: 25px
}

.tippy-touch {
    cursor: pointer !important
}

.tippy-popper {
    visibility: hidden;
    max-width: 400px;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    z-index: 9999
}

.tippy-popper.html-template {
    max-width: 95%;
    max-width: calc(100% - 2rem)
}

.tippy-popper[x-placement=top] [x-arrow] {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    bottom: -5px
}

.tippy-popper[x-placement=top] [x-circle] {
    -webkit-transform-origin: 0 33%;
    transform-origin: 0 33%
}

.tippy-popper[x-placement=top] [x-circle].enter {
    opacity: 1;
    -webkit-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%)
}

.tippy-popper[x-placement=top] [x-circle].leave {
    opacity: 0;
    -webkit-transform: scale(0) translate(-50%, -50%);
    transform: scale(0) translate(-50%, -50%)
}

.tippy-popper[x-placement=top] [data-animation=none].enter,
.tippy-popper[x-placement=top] [data-animation=none].leave {
    opacity: 1;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.tippy-popper[x-placement=top] [data-animation=perspective] {
    -webkit-transform-origin: bottom;
    transform-origin: bottom
}

.tippy-popper[x-placement=top] [data-animation=perspective].enter {
    opacity: 1;
    -webkit-transform: translateY(-10px) rotateX(0);
    transform: translateY(-10px) rotateX(0)
}

.tippy-popper[x-placement=top] [data-animation=perspective].leave {
    opacity: 0;
    -webkit-transform: translateY(0) rotateX(90deg);
    transform: translateY(0) rotateX(90deg)
}

.tippy-popper[x-placement=top] [data-animation=fade].enter {
    opacity: 1;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.tippy-popper[x-placement=top] [data-animation=fade].leave {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.tippy-popper[x-placement=top] [data-animation=shift].enter {
    opacity: 1;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.tippy-popper[x-placement=top] [data-animation=shift].leave {
    opacity: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.tippy-popper[x-placement=top] [data-animation=scale].enter {
    opacity: 1;
    -webkit-transform: translateY(-10px) scale(1);
    transform: translateY(-10px) scale(1)
}

.tippy-popper[x-placement=top] [data-animation=scale].leave {
    opacity: 0;
    -webkit-transform: translateY(0) scale(0);
    transform: translateY(0) scale(0)
}

.tippy-popper[x-placement=bottom] [x-arrow] {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    top: -5px
}

.tippy-popper[x-placement=bottom] [x-circle] {
    -webkit-transform-origin: 0 -33%;
    transform-origin: 0 -33%
}

.tippy-popper[x-placement=bottom] [x-circle].enter {
    opacity: 1;
    -webkit-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%)
}

.tippy-popper[x-placement=bottom] [x-circle].leave {
    opacity: 0;
    -webkit-transform: scale(0) translate(-50%, -50%);
    transform: scale(0) translate(-50%, -50%)
}

.tippy-popper[x-placement=bottom] [data-animation=none].enter,
.tippy-popper[x-placement=bottom] [data-animation=none].leave {
    opacity: 1;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.tippy-popper[x-placement=bottom] [data-animation=perspective] {
    -webkit-transform-origin: top;
    transform-origin: top
}

.tippy-popper[x-placement=bottom] [data-animation=perspective].enter {
    opacity: 1;
    -webkit-transform: translateY(10px) rotateX(0);
    transform: translateY(10px) rotateX(0)
}

.tippy-popper[x-placement=bottom] [data-animation=perspective].leave {
    opacity: 0;
    -webkit-transform: translateY(0) rotateX(-90deg);
    transform: translateY(0) rotateX(-90deg)
}

.tippy-popper[x-placement=bottom] [data-animation=fade].enter {
    opacity: 1;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.tippy-popper[x-placement=bottom] [data-animation=fade].leave {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.tippy-popper[x-placement=bottom] [data-animation=shift].enter {
    opacity: 1;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.tippy-popper[x-placement=bottom] [data-animation=shift].leave {
    opacity: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.tippy-popper[x-placement=bottom] [data-animation=scale].enter {
    opacity: 1;
    -webkit-transform: translateY(10px) scale(1);
    transform: translateY(10px) scale(1)
}

.tippy-popper[x-placement=bottom] [data-animation=scale].leave {
    opacity: 0;
    -webkit-transform: translateY(0) scale(0);
    transform: translateY(0) scale(0)
}

.tippy-popper[x-placement=left] [x-arrow] {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    right: -5px;
    top: 50%
}

.tippy-popper[x-placement=left] [x-circle] {
    -webkit-transform-origin: 50% 5%;
    transform-origin: 50% 5%
}

.tippy-popper[x-placement=left] [x-circle].enter {
    opacity: 1;
    -webkit-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%)
}

.tippy-popper[x-placement=left] [x-circle].leave {
    opacity: 0;
    -webkit-transform: scale(0) translate(-50%, -33%);
    transform: scale(0) translate(-50%, -33%)
}

.tippy-popper[x-placement=left] [data-animation=none].enter,
.tippy-popper[x-placement=left] [data-animation=none].leave {
    opacity: 1;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.tippy-popper[x-placement=left] [data-animation=perspective] {
    -webkit-transform-origin: right;
    transform-origin: right
}

.tippy-popper[x-placement=left] [data-animation=perspective].enter {
    opacity: 1;
    -webkit-transform: translateX(-10px) rotateY(0);
    transform: translateX(-10px) rotateY(0)
}

.tippy-popper[x-placement=left] [data-animation=perspective].leave {
    opacity: 0;
    -webkit-transform: translateX(0) rotateY(-90deg);
    transform: translateX(0) rotateY(-90deg)
}

.tippy-popper[x-placement=left] [data-animation=fade].enter {
    opacity: 1;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.tippy-popper[x-placement=left] [data-animation=fade].leave {
    opacity: 0;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.tippy-popper[x-placement=left] [data-animation=shift].enter {
    opacity: 1;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.tippy-popper[x-placement=left] [data-animation=shift].leave {
    opacity: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.tippy-popper[x-placement=left] [data-animation=scale].enter {
    opacity: 1;
    -webkit-transform: translateX(-10px) scale(1);
    transform: translateX(-10px) scale(1)
}

.tippy-popper[x-placement=left] [data-animation=scale].leave {
    opacity: 0;
    -webkit-transform: translateX(0) scale(0);
    transform: translateX(0) scale(0)
}

.tippy-popper[x-placement=right] [x-arrow] {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: -5px;
    top: 50%
}

.tippy-popper[x-placement=right] [x-circle] {
    -webkit-transform-origin: -50% 5%;
    transform-origin: -50% 5%
}

.tippy-popper[x-placement=right] [x-circle].enter {
    opacity: 1;
    -webkit-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%)
}

.tippy-popper[x-placement=right] [x-circle].leave {
    opacity: 0;
    -webkit-transform: scale(0) translate(-50%, -33%);
    transform: scale(0) translate(-50%, -33%)
}

.tippy-popper[x-placement=right] [data-animation=none].enter,
.tippy-popper[x-placement=right] [data-animation=none].leave {
    opacity: 1;
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.tippy-popper[x-placement=right] [data-animation=perspective] {
    -webkit-transform-origin: left;
    transform-origin: left
}

.tippy-popper[x-placement=right] [data-animation=perspective].enter {
    opacity: 1;
    -webkit-transform: translateX(10px) rotateY(0);
    transform: translateX(10px) rotateY(0)
}

.tippy-popper[x-placement=right] [data-animation=perspective].leave {
    opacity: 0;
    -webkit-transform: translateX(0) rotateY(90deg);
    transform: translateX(0) rotateY(90deg)
}

.tippy-popper[x-placement=right] [data-animation=fade].enter {
    opacity: 1;
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.tippy-popper[x-placement=right] [data-animation=fade].leave {
    opacity: 0;
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.tippy-popper[x-placement=right] [data-animation=shift].enter {
    opacity: 1;
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.tippy-popper[x-placement=right] [data-animation=shift].leave {
    opacity: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.tippy-popper[x-placement=right] [data-animation=scale].enter {
    opacity: 1;
    -webkit-transform: translateX(10px) scale(1);
    transform: translateX(10px) scale(1)
}

.tippy-popper[x-placement=right] [data-animation=scale].leave {
    opacity: 0;
    -webkit-transform: translateX(0) scale(0);
    transform: translateX(0) scale(0)
}

.tippy-tooltip {
    position: relative;
    color: #fff;
    border-radius: 4px;
    padding: .5rem 1rem;
    text-align: center;
    will-change: transform;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #333
}

.tippy-tooltip [x-arrow] {
    z-index: -1;
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #333;
    border: 1px solid;
    border-color: transparent transparent #333 #333
}

.tippy-tooltip[data-animatefill] {
    overflow: hidden;
    background-color: transparent
}

.tippy-tooltip[data-inertia] {
    -webkit-transition-timing-function: cubic-bezier(0.53, 1, 0.36, 0.85);
    transition-timing-function: cubic-bezier(0.53, 2, 0.36, 0.85)
}

.tippy-tooltip [x-circle] {
    position: absolute;
    will-change: transform;
    background-color: #333;
    border-radius: 50%;
    width: 130%;
    width: calc(125% + 2rem);
    height: 0;
    padding-bottom: 130%;
    padding-bottom: calc(125% + 2rem);
    left: 50%;
    -webkit-transition: all ease-out;
    transition: all ease-out;
    z-index: -1;
    opacity: 0
}

.tippy-tooltip.light-theme {
    color: #203d5d;
    box-shadow: 0 0 16px -4px rgba(0, 20, 40, .2), 0 0 80px -10px rgba(0, 20, 40, .3);
    background-color: #f3f6f9;
    border: 1px solid #ced2e2
}

.tippy-tooltip.light-theme [x-circle] {
    background-color: #f3f6f9
}

.tippy-tooltip.light-theme [x-arrow] {
    background-color: #f3f6f9;
    border-color: transparent transparent #ced2e2 #ced2e2
}

.tippy-tooltip.light-theme[data-animatefill] {
    background-color: transparent
}

@media(max-width: 500px) {
    .tippy-popper {
        max-width: 95%;
        max-width: calc(100% - 2rem)
    }
}

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

html {
    box-sizing: border-box
}

body {
    background: #fff
}

body,
button,
input,
select,
optgroup,
textarea {
    color: #404040;
    font-family: "Work Sans", sans-serif;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Ubuntu", sans-serif;
    clear: both
}

h2 {
    color: #003d7c
}

a,
a:visited {
    color: #0994a8;
    outline: 0;
    transition: all .5s
}

a:hover,
a:focus,
a:active,
a:visited:hover,
a:visited:focus,
a:visited:active {
    color: #003d7c
}

p {
    margin-bottom: 1em;
    text-align: justify
}

p em {
    font-style: italic
}

hr {
    border: 0;
    height: 1px !important;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
    margin: 50px 0
}

ul,
ol {
    margin: 0
}

ul {
    list-style: disc
}

ol {
    list-style: decimal
}

li>ul,
li>ol {
    margin-bottom: 0;
    margin-left: 1.5em
}

ul li {
    list-style: none
}

ul li::before {
    content: "•";
    color: #09bbd4;
    font-size: 1.5em;
    display: inline-block;
    width: 1em;
    margin-left: -1.2em
}

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

figure {
    margin: 1em 0
}

.wp-block-image figcaption {
    margin-top: 0;
    margin-bottom: 0;
    background: #09bbd4;
    color: #fff;
    text-align: center;
    font-size: 1em
}

.wp-caption-text {
    text-align: left !important;
    color: #8c8e8d;
    font-size: .8em
}

blockquote {
    margin: 0 1.5em
}

dfn,
cite,
em,
i {
    font-style: italic
}

dt {
    font-weight: bold
}

dd {
    margin: 0 1.5em 1.5em
}

address {
    margin: 0 0 1.5em
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: .9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em
}

code,
kbd,
tt,
var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 15px;
    font-size: .9375rem
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none
}

big {
    font-size: 125%
}

.aripo-hide {
    display: none
}

.hide-on-mobile {
    display: none
}

.hide-on-desktop {
    display: block
}

@media only screen and (min-width: 1024px) {
    .hide-on-mobile {
        display: block
    }

    .hide-on-desktop {
        display: none
    }
}

.magazine .aripo-loop {
    padding: 20px;
    width: 290px
}

.magazine img {
    width: 100px;
    height: 142px
}

.magazine .aripo-loop {
    width: 280px;
    height: 313px;
    text-align: center
}

.magazine {
    display: inline-block;
    margin-right: 59px
}

.magazine .read-more {
    display: inline-block
}

.magazine h2 {
    font-size: 1rem
}

#secondary .aripo-loop p,
.the-sucess-story .aripo-loop p {
    padding: 0 10px 0 0px;
    margin: 10px 0;
    text-transform: initial
}

.aripo-loop.main {
    min-height: 320px
}

.aripo-loop p {
    padding: 0 10px 0 10px;
    margin: 10px 0;
    text-align: left
}

.aripo-loop h4 p {
    padding-left: 0;
    font-size: 1.5em
}

.aripo-loop h4 {
    text-transform: initial;
    font-weight: normal
}

.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #f0f0f0;
    border-top: none;
    background: #fff;
    width: 100%
}

.flex-container {
    display: flex !important;
    flex-flow: row wrap;
    width: 100%
}

.flex-container .procurment {
    margin-top: 13px;
    flex-basis: 100%
}

.flex-loop h4>p {
    font-weight: normal
}

.flex-container .procurment .flex-loop {
    background: #fbfbfb;
    display: inline-block;
    margin: 10px 0px 0px 8px;
    height: 100%;
    width: 96%;
    box-shadow: 0px 3px 3px 0px #d9d9d9
}

.flex-container .procurment .flex-loop:nth-child(odd) {
    margin-right: 10px
}

.procurment .flex-loop h4,
.procurment .flex-loop h3 {
    padding: 0px 10px;
    text-decoration: none
}

.procurment .flex-loop h3 a {
    text-decoration: none;
    font-size: 1rem;
    color: #09bbd4
}

.procurment .flex-loop h3 a:hover {
    color: #09bbd4
}

.the-time,
.the-time a,
.flex-loop h4 a,
.flex-loop h4 {
    text-transform: initial;
    font-weight: normal;
    color: #929292;
    text-decoration: none
}

#opprtunity.flex-loop {
    height: 14em
}

#opprtunity h4 p {
    text-transform: capitalize
}

.the-time {
    font-size: .675rem
}

@media(min-width: 769px) {
    .flex-container .procurment {
        flex-basis: 50%
    }
}

.AripoMainNavContainer {
    width: 100%;
    margin-top: 0;
    float: none;
    border-bottom: none
}

.AripoMainNav .menu .menu-item::before {
    display: none
}

.AripoMainNav .menu {
    padding-left: 0
}

.AripoMainNav .menu,
.AripoMainNav .sub-menu {
    margin: 0;
    padding: 0
}

.AripoMainNav .menu .menu-item {
    display: block;
    border-bottom: 1px solid #000
}

.AripoMainNav .menu .menu-item:last-of-type {
    border-bottom: none
}

.AripoMainNav .menu .menu-item a {
    padding: 1em;
    display: flex;
    justify-content: space-between
}

@media only screen and (min-width: 1024px) {
    .AripoMainNavContainer {
        width: 78%;
        margin-top: -55px;
        float: right;
        font-size: 14px
    }

    .AripoMainNav .menu .sub-menu {
        visibility: hidden;
        height: 0;
        width: 0
    }

    .AripoMainNav .menu .menu-item:hover>.sub-menu,
    .AripoMainNav .menu .menu-item:active>.sub-menu,
    .AripoMainNav .menu .menu-item:focus>.sub-menu {
        visibility: visible;
        height: auto;
        width: auto
    }

    .AripoMainNav .menu {
        display: flex;
        flex-flow: row wrap
    }

    .AripoMainNav .menu .menu-item {
        border: none
    }

    .AripoMainNav .menu .menu-item:hover>.sub-menu,
    .AripoMainNav .menu .menu-item:active>.sub-menu,
    .AripoMainNav .menu .menu-item:focus>.sub-menu {
        width: auto;
        min-width: 230px;
        border: 1px solid #000
    }

    .AripoMainNav .menu .sub-menu {
        position: absolute;
        z-index: 3000;
        border-width: 0
    }

    .AripoMainNav .menu .sub-menu .sub-menu {
        top: 0;
        left: 100%
    }
}

.AripoMainNav {
    background-color: #fff;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    width: 100%;
    float: none;
    position: initial;
    top: auto;
    right: auto
}

.AripoMainNav .menu>.menu-item>a,
.AripoMainNav .sub-menu .menu-item,
.AripoMainNav .sub-menu .menu-item a {
    color: #003d7c;
    text-decoration: none
}

.AripoMainNav .menu>.menu-item>a:hover,
.AripoMainNav .menu>.menu-item>a:active,
.AripoMainNav .menu>.menu-item>a:focus,
.AripoMainNav .sub-menu .menu-item a:hover,
.AripoMainNav .sub-menu .menu-item a:active,
.AripoMainNav .sub-menu .menu-item a:focus,
.AripoMainNav .current-menu-item a,
.AripoMainNav .current-menu-parent>a {
    background-color: #09bbd4;
    color: #fff !important
}

.AripoMainNav .sub-menu {
    background-color: #fff
}

a#menu-trigger {
    text-decoration: none
}

#menu-trigger {
    display: block;
    background: #003d7c;
    color: #fff;
    padding: 10px;
    position: absolute;
    right: 20px;
    top: 80px;
    font-size: 25px;
    cursor: pointer
}

#menu-trigger>span {
    display: inline-block
}

img.aripo-logo {
    float: left
}

@media only screen and (max-width: 500px) {
    #menu-trigger>span {
        display: none
    }
}

.overflow-hidden {
    overflow: hidden
}

main.content_area {
    min-height: 100%;
    position: relative;
    z-index: 2;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    transition-duration: .5s
}

main.content_area.menu-is-open {
    -webkit-transform: translateX(260px);
    -moz-transform: translateX(260px);
    -ms-transform: translateX(260px);
    -o-transform: translateX(260px);
    transform: translateX(260px)
}

nav#mobileNav ul li::before {
    list-style: none;
    content: ""
}

ul#mobile-menu {
    padding: 0
}

nav#mobileNav>a.close-menu {
    color: #fff;
    padding: 10px 0 0 0;
    font-size: 1.4em
}

nav#mobileNav>a.close-menu::after {
    content: "X";
    padding-left: 20px
}

nav#mobileNav {
    position: fixed;
    height: 100%;
    left: 0;
    top: 0;
    visibility: hidden;
    z-index: 4;
    width: 260px;
    background-color: #002751;
    overflow-y: auto;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -webkit-transition: -webkit-transform .5s 0s, visibility 0s .5s;
    -moz-transition: -moz-transform .5s 0s, visibility 0s .5s;
    transition: transform .5s 0s, visibility 0s .5s
}

nav#mobileNav>ul {
    margin: 10px 0 16px
}

nav#mobileNav .sub-menu {
    padding: 0;
    margin: 0 0 0 10px;
    display: none
}

nav#mobileNav a {
    display: block;
    line-height: 2em;
    padding: 5px 0 5px 0;
    color: #fff;
    text-decoration: none
}

@media only screen and (min-width: 768px) {
    nav#mobileNav>ul {
        margin: 20px 0
    }
}

nav#mobileNav.menu-is-open {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    visibility: visible;
    -webkit-transition: -webkit-transform .4s 0s, visibility 0s 0s;
    -moz-transition: -moz-transform .4s 0s, visibility 0s 0s;
    transition: transform .4s 0s, visibility 0s 0s;
    -webkit-overflow-scrolling: touch
}

nav#mobileNav ul li a {
    border-bottom: 1px solid #fff
}

nav#mobileNav .menu-item-has-children>a {
    position: relative
}

nav#mobileNav .menu-item-has-children>a::after {
    content: "+";
    position: absolute;
    right: 0
}

nav#mobileNav .menu-item-has-children>a.submenu-open::after {
    content: "-"
}

nav#mobileNav ul li.current-menu-item a {
    color: #9bcbff
}

.AripoTopNavContainer {
    float: left;
    font-size: 14px
}

nav.AripoTopNav ul li::before {
    display: none
}

nav.AripoTopNav ul {
    padding-left: 0
}

nav.AripoTopNav>ul,
nav.AripoTopNav ul li ul {
    margin: 0;
    padding: 0
}

nav.AripoTopNav ul li,
nav.AripoTopNav ul li ul {
    border: 0 solid
}

nav.AripoTopNav ul li {
    display: block
}

nav.AripoTopNav>ul li.has-chidren,
nav.AripoTopNav>ul li.has-chidren ul li {
    position: relative
}

nav.AripoTopNav>ul li:not(:last-child) {
    border-width: 0 0 1px
}

.menu .menu-item a {
    padding: 1em;
    display: flex;
    justify-content: space-between
}

.AripoTopNav .menu .sub-menu {
    border-width: 1px 0 0;
    visibility: hidden;
    opacity: 0;
    height: 0;
    width: 0;
    transition: visibility .25s, opacity .25s ease-in-out
}

.AripoTopNav .menu .sub-menu .menu-item {
    visibility: hidden
}

.AripoTopNav .menu .menu-item:hover>.sub-menu,
.AripoTopNav .menu .menu-item:active>.sub-menu,
.AripoTopNav .menu .menu-item:focus>.sub-menu {
    opacity: 1;
    height: auto;
    width: auto
}

.AripoTopNav .menu .menu-item:hover>.sub-menu,
.AripoTopNav .menu .menu-item:hover>.sub-menu .menu-item,
.AripoTopNav .menu .menu-item:active>.sub-menu,
.AripoTopNav .menu .menu-item:active>.sub-menu .menu-item,
.AripoTopNav .menu .menu-item:focus>.sub-menu,
.AripoTopNav .menu .menu-item:focus>.sub-menu .menu-item {
    visibility: visible
}

@media only screen and (min-width: 1024px) {
    .AripoTopNav .menu {
        display: flex;
        flex-flow: row wrap
    }

    .AripoTopNav .menu>.menu-item {
        border: none
    }

    .AripoTopNav .menu .menu-item:hover>.sub-menu,
    .AripoTopNav .menu .menu-item:active>.sub-menu,
    .AripoTopNav .menu .menu-item:focus>.sub-menu {
        width: auto;
        min-width: 230px;
        border: 1px solid #000
    }

    .AripoTopNav .menu .sub-menu {
        position: absolute;
        z-index: 3000;
        border-width: 0
    }

    .AripoTopNav .menu .sub-menu .sub-menu {
        top: 0;
        left: 100%
    }
}

.AripoTopNav {
    background-color: #fff
}

.AripoTopNav .menu>.menu-item {
    border-color: #000
}

.AripoTopNav .menu>.menu-item,
.AripoTopNav .menu>.menu-item>a {
    color: #003d7c;
    text-decoration: none
}

.AripoTopNav .current-menu-item a,
.AripoTopNav .current-page-ancestor a,
.AripoTopNav .current-post-ancestor a {
    background-color: #09bbd4;
    color: #fff !important
}

.AripoTopNav .sub-menu {
    background-color: #fff
}

.AripoTopNav .sub-menu,
.AripoTopNav .sub-menu .menu-item {
    border-color: #000
}

.AripoTopNav .sub-menu .menu-item,
.AripoTopNav .sub-menu .menu-item a {
    color: #003d7c;
    text-decoration: none
}

.AripoTopNav .sub-menu .menu-item a:hover,
.AripoTopNav .sub-menu .menu-item a:active,
.AripoTopNav .sub-menu .menu-item a:focus {
    background-color: #09bbd4;
    color: #fff
}

.country-profile h2,
.country-profile h3>span {
    color: #003d7c
}

.country-profile h3 {
    color: #404040;
    font-weight: 400
}

.country-profile img {
    padding: 30px 0 0 0
}

.tabs p>span {
    color: #003d7c;
    font-weight: bolder
}

.tab-list li::before {
    content: ""
}

.tabs-wrapper {
    border: 1px solid #ddd;
    margin: 40px 0
}

@media(max-width: 767px) {
    .tab-list {
        display: none
    }

    .tabs.enabled .tab-heading {
        cursor: pointer
    }

    .tabs.enabled .tab-heading.active-tab-heading {
        cursor: default
    }

    .hidden-mobile {
        display: none
    }
}

@media(min-width: 768px) {
    .tabs.enabled .tab-heading {
        display: none
    }

    .tab-list li {
        display: inline;
        cursor: pointer
    }

    .hidden-mobile {
        display: block !important
    }
}

.tab-panel {
    margin-bottom: 30px;
    padding: 0 10px
}

.tabs.enabled .tab-heading:focus,
.tabs.enabled .tab-list li:focus {
    outline: 1px solid #003d7c
}

.tabs.enabled .tab-heading.active-tab-heading:focus,
.tabs.enabled .tab-list li.active-tab:focus {
    outline: none !important
}

@media(max-width: 767px) {
    .tabs.enabled .tab-heading {
        padding: .5em;
        border: 1px solid #003d7c;
        background: #f0f0f0;
        color: #000;
        position: relative
    }

    .tabs.enabled .tab-heading:after {
        content: "";
        display: block;
        position: absolute;
        right: 20px;
        top: 40%;
        width: 0px;
        height: 0px;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #000
    }

    .tabs.enabled .tab-heading:hover,
    .tabs.enabled .tab-heading.active-tab-heading:hover {
        background-color: #003d7c;
        color: #fff
    }

    .tabs.enabled .tab-heading.active-tab-heading {
        background: #003d7c;
        color: #fff
    }

    .tabs.enabled .tab-heading.active-tab-heading:after {
        border-bottom: 10px solid #fff;
        border-top: 0
    }
}

@media(min-width: 768px) {
    .tab-list {
        font-size: 1.2em;
        margin: 12px 0;
        padding: 0;
        border-bottom: 1px solid #ddd;
        padding-bottom: 11px;
        line-height: 1em
    }

    .tab-list li {
        background: #eee;
        padding: 10px 20px;
        border-right: 1px solid #ddd
    }

    .tab-list li:hover,
    .tab-list li.active-tab {
        background: #003d7c;
        color: #fff
    }
}

.partners-section {
    margin: 20px 0;
    width: 100%
}

.partners {
    margin-bottom: 20px;
    transition: all .5s
}

.partners a .partners-content img {
    filter: grayscale(0)
}

.partners a:hover .partners-content img {
    filter: grayscale(1)
}

.partners-content {
    padding: 15px
}

@media screen and (min-width: 768px) {
    .partners-section {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .partners {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex: 0 1 calc(50% - .5em);
        -ms-flex: 0 1 calc(50% - .5em);
        flex: 0 1 calc(50% - .5em)
    }
}

@media screen and (min-width: 1200px) {
    .partners {
        -webkit-flex: 0 1 calc(33% - 1em);
        -ms-flex: 0 1 calc(33% - 1em);
        flex: 0 1 calc(33% - 1em)
    }
}

.tippy-tooltip {
    top: 30px
}

.inland {
    fill: #ecf0f1;
    stroke: #042740;
    stroke-width: .5;
    stroke-miterlimit: 3.9745;
    transition: all .6s
}

.island {
    fill: #ecf0f1;
    stroke: #042740;
    stroke-width: .3;
    stroke-miterlimit: 3.9745;
    transition: all .6s
}

.member-state .inland,
.member-state .island {
    fill: #09bbd4
}

.member-state .inland:hover,
.member-state .island:hover {
    cursor: pointer;
    fill: #042740
}

.st2 {
    fill: green;
    fill-opacity: 0
}

.google-map {
    padding: 30px 0
}

footer {
    background-color: #042740;
    color: #fff;
    padding-bottom: 30px;
    margin-top: 40px
}

footer a,
footer a:visited,
footer a:link {
    text-decoration: none;
    color: #fff;
    transition: all .7s
}

footer a:hover {
    margin-left: 10px;
    color: #fff !important
}

footer a:hover.button {
    margin-left: 0
}

footer h4 {
    text-transform: uppercase
}

footer p,
footer div {
    margin-bottom: 0;
    line-height: 1.5em;
    font-size: 14px
}

footer p a::before,
footer p a::before,
footer div a::before,
footer div a::before {
    content: "";
    font-family: "aripo-font";
    margin-right: 10px
}

footer .copyright p a::before {
    content: ""
}

footer .divider {
    border-bottom: 1px solid #fff;
    padding-top: 25px;
    margin: 0 auto;
    max-width: 1200px
}

footer.africa {
    background-image: url(../img/africa.png);
    background-repeat: no-repeat;
    background-position: right top
}

.is-style-squared a,
a.is-style-squared,
.wp-block-button__link,
.search-submit,
.button a,
a.button {
    display: inline-block;
    background: #09bbd4;
    color: #fff;
    padding: 10px 20px;
    border: 0;
    border-bottom: 4px solid #0994a8;
    font-size: 14px;
    letter-spacing: .0625em;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    text-decoration: none;
    transition: all .6s
}

.is-style-squared a:hover,
.is-style-squared a:focus,
.is-style-squared a:active,
.wp-block-button__link:active,
.wp-block-button__link:focus,
.wp-block-button__link:hover,
.button a:hover,
.button a:focus,
.button a:active,
a.button:hover,
a.button:focus,
a.button:active {
    background: #0994a8;
    border-bottom: 4px solid #055c69
}

.is-style-squared a::after,
.button a::after {
    content: "";
    font-family: "aripo-font";
    padding-left: 15px
}

a.read-more,
.read-more a {
    color: #0994a8;
    border: none;
    border-bottom: 1.5px solid #0994a8;
    text-decoration: none;
    text-transform: uppercase;
    transition: all .6s
}

a.read-more:hover,
.read-more a:hover {
    margin-left: 10px
}

a.read-more::after,
.read-more a::after {
    font-family: "aripo-font";
    content: "";
    padding: 0 0 0 10px
}

.pagination {
    clear: both;
    padding: 10px 0 60px 0;
    position: relative;
    font-size: 1.2em;
    line-height: 13px
}

.pagination a,
.pagination span {
    display: block;
    float: left;
    margin: 2px 2px 2px 0;
    padding: 15px;
    text-decoration: none;
    width: auto;
    color: #fff;
    background: #09bbd4
}

.pagination a:hover {
    color: #fff;
    background: #003d7c
}

.pagination .current {
    padding: 15px;
    background: #003d7c;
    color: #fff
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 0 0 1.5em;
    overflow: hidden
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;
    width: 50%
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%
}

.aripo-page-title-dots {
    position: absolute;
    margin: 12px;
    width: 10px;
    height: 10px;
    background-color: #fff;
    border-radius: 50%
}

.aripo-page-title-dots::before,
.aripo-page-title-dots::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    background-color: inherit;
    border-radius: inherit
}

.aripo-page-title-dots::before {
    top: 25px
}

.aripo-page-title-dots::after {
    top: 50px
}

.aripo-page-title {
    background: #014683;
    background: -moz-linear-gradient(left, #014683 0%, #09bbd4 100%);
    background: -webkit-linear-gradient(left, #014683 0%, #09bbd4 100%);
    background: linear-gradient(to right, #014683 0%, #09bbd4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#014683", endColorstr="#09bbd4", GradientType=1);
    color: #fff;
    min-height: 85px;
    margin: 0;
    padding: 0 0 0 35px;
    font-size: 1.5em
}

.motto {
    font-family: "Cardo", serif;
    float: right;
    display: block;
    max-width: 800px;
    margin: 15px 0 0 0;
    z-index: -3 !important
}

.motto-caption {
    width: 100%
}

.motto-caption h4 {
    float: right;
    margin: 0;
    padding-right: 40px
}

.motto-caption h4::before,
.motto-caption h4::after {
    font-family: "aripo-font";
    font-size: 20px;
    color: #09bbd4
}

.motto-caption h4::before {
    content: "";
    padding-right: 12px
}

.motto-caption h4::after {
    content: "";
    padding-left: 5px;
    position: absolute;
    right: 0;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.motto .owl-theme .owl-dots .owl-dot {
    display: none;
    zoom: 1
}

@media only screen and (max-width: 1024px) {
    .motto {
        display: none
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.slider-container {
    margin: 0 auto;
    max-width: 800px;
    height: 100%
}

.slider-container a {
    text-decoration: none
}

.slider-background {
    background: rgba(0, 0, 0, .7);
    display: block;
    width: 100%;
    min-height: 80px;
    bottom: 0;
    position: absolute;
    z-index: 10
}

@media only screen and (max-width: 490px) {
    .slider-background {
        display: none
    }
}

.slider-caption {
    color: #fff;
    font-family: "Ubuntu", sans-serif;
    padding-left: 15px;
    width: 60%
}

.slider-caption h3 {
    font-size: 1rem;
    transition: all .6s
}

.slider-caption h4 {
    text-transform: uppercase;
    font-size: .7rem
}

.slider-caption h3:hover {
    padding-left: 20px
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin: 0;
    padding: 10px 10px 10px 0;
    position: absolute;
    bottom: 0;
    right: 0
}

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

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

.owl-theme .owl-dots .owl-dot span {
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    border-radius: 0;
    width: 30px;
    height: 10px;
    margin-left: 4px;
    margin-right: 4px;
    background: #fafafa;
    border: none
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #09bbd4
}

.flex-container#aripo-excutive .procurment .flex-loop {
    padding: 0;
    background: transparent
}

.flex-container#aripo-excutive .procurment .flex-loop:nth-child(even) {
    margin-right: 0
}

.aripo-excutive {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 100%;
    background-color: #000;
    color: #fff;
    text-align: left;
    font-size: 16px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .15)
}

.aripo-excutive * {
    -webkit-transition: all .35s;
    transition: all .35s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.aripo-excutive img {
    max-width: 100%;
    vertical-align: top
}

.aripo-excutive figcaption {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.8) 0%, transparent 100%);
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, transparent 100%);
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.aripo-excutive h3 {
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 3px 0
}

.aripo-excutive .name {
    font-weight: 700
}

.aripo-excutive .position {
    color: #a58e7c;
    font-weight: 300
}

.aripo-excutive a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.aripo-excutive h3 .country a {
    position: relative !important;
    top: auto !important;
}

.aripo-excutive:hover img,
.aripo-excutive.hover img {
    -webkit-transform: scale(1.5) rotate(8deg);
    transform: scale(1.5) rotate(8deg)
}

.aripo-modal-box {
    display: flex;
    justify-content: center;
    align-items: center
}

.aripo-modal {
    position: fixed;
    top: 0;
    right: 0;
    /*bottom: 0;*/
    left: 0;
    background: rgba(0, 0, 0, .8);
    z-index: 99999;
    opacity: 0;
    transition: opacity 400ms ease-in;
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    min-height: 100vh;
    padding-bottom: 100vh;
}

.aripo-content-modal {
    display: flex;
    flex-direction: column;
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    width: 90%;
    height: 90%;
    max-width: 900px;
    max-height: 500px;
    overflow-y: scroll;
    margin-top: 2%;
}

.aripo-content-modal a {
    background: #222;
    padding: 10px;
    color: #fff;
    float: right;
    position: absolute;
    cursor: pointer;
    opacity: 1
}

.aripo-content-modal a:hover {
    opacity: .8
}

.aripo-modal:target {
    opacity: 1;
    pointer-events: auto
}

.aripo-modal h2 {
    font-size: 20px;
    margin: 0
}

.aripo-modal h3 {
    font-size: 18px
}

.aripo-modal p {
    font-size: 16px
}

.aripo-close-modal {
    align-self: flex-end;
    text-decoration: none;
    text-transform: uppercase
}

#tribe-events ul li::before {
    content: " "
}

.latest-events .aripo-loop {
    height: 100px
}

.aripo-loop {
    background: #fbfbfb;
    display: inline-table;
    margin: 15px 0px;
    height: 100%;
    width: 100%;
    -webkit-box-shadow: 0px 3px 3px 0px #d9d9d9;
    -moz-box-shadow: 0px 3px 3px 0px #d9d9d9;
    box-shadow: 0px 3px 3px 0px #d9d9d9
}

.aripo-loop .text {
    float: left;
    width: 85%;
    padding: 0 3px 5px 10px
}

.aripo-loop h3,
.aripo-loop h3>a {
    font-size: 14px;
    color: #09bbd4;
    text-decoration: none
}

.aripo-loop h4,
.aripo-loop h4>a,
.aripo-loop h4 a {
    font-size: 12px;
    color: #929292;
    text-transform: uppercase;
    text-decoration: none
}

.aripo-loop a {
    text-decoration: none
}

.aripo-loop a:hover h3,
.aripo-loop a:hover h4 {
    color: #042741
}

.aripo-loop h3,
.aripo-loop h4 {
    padding: 0 10px 0 10px
}

.aripo-loop p {
    padding: 0 10px 0 10px;
    margin: 10px 0
}

.aripo-loop .news-type {
    background: #09bbd4;
    display: inline-block;
    padding: 5px 10px;
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    margin-top: 0px;
    font-weight: inherit
}

.trending-image {
    float: left;
    width: 150px;
    padding-right: 5px
}

.aripo-loop .trending-title {
    font-size: 15px;
    display: inline;
    margin: 0;
    padding: 0;
    color: #09bbd4
}

.aripo-loop .aripo-btn {
    float: right;
    width: 15%;
    margin: 25px 0 0 5px;
    position: absolute;
    cursor: pointer
}

.aripo-loop .aripo-btn {
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    background-color: #09bbd4;
    border-radius: 50%;
    transition: all .6s
}

.aripo-loop .aripo-btn:hover {
    background-color: #0994a8
}

.aripo-loop .aripo-btn::after {
    content: "";
    display: inline-block;
    margin-top: 10px;
    margin-left: -8px;
    width: 18px;
    height: 18px;
    border-top: 5px solid #fff;
    border-right: 5px solid #fff;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: all .6s
}

.social-networks {
    float: right;
    padding: 10px 0 0 0;
    position: relative;
    background-color: #fff;
    margin-top: 0
}

@media only screen and (max-width: 768px) {
    .social-networks {
        float: right;
        padding: 10px 0 0 0;
        position: relative;
        background-color: #fff;
        margin-top: -180px
    }
}

@media only screen and (max-width: 500px) {
    .social-networks {
        display: none
    }
}

.social-networks i {
    display: inline
}

@-webkit-keyframes aripo-pop {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@keyframes aripo-pop {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

.social-networks i {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0)
}

.social-networks i:hover,
.social-networks i:focus,
.social-networks i:active {
    -webkit-animation-name: aripo-pop;
    animation-name: aripo-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
}

#sb_super_bar .sb_share {
    float: right;
    margin: -20px 0;
    padding: 0;
    border-left: none
}

.sb_text-size {
    display: none
}

.sb_share li::before {
    content: "";
    list-style: none
}

.su-accordion {
    margin-bottom: 1.5em;
    margin-top: 1.5em
}

.su-spoiler-title {
    background: #09bbd4;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase
}

.su-spoiler-content.su-clearfix {
    border: 1px solid #ddd;
    border-radius: 5px
}

.su-accordion td>strong {
    font-size: 16px !important
}

.su-spoiler-style-default>.su-spoiler-content {
    padding: 1em 0 im !important
}

#mc_embed_signup form {
    display: block;
    position: relative;
    text-align: left;
    padding: 20px 0 10px 0
}

#mc_embed_signup h2 {
    font-weight: bold;
    padding: 0;
    margin: 15px 0;
    font-size: 14px
}

#mc_embed_signup input {
    border: none;
    -webkit-appearance: none
}

#mc_embed_signup input[type=checkbox] {
    -webkit-appearance: checkbox
}

#mc_embed_signup input[type=radio] {
    -webkit-appearance: radio
}

#mc_embed_signup input:focus {
    border-color: none
}

#mc_embed_signup .button {
    display: inline-block;
    background: #09bbd4;
    color: #fff;
    padding: 10px 20px;
    border: 0;
    border-bottom: 4px solid #0994a8;
    letter-spacing: .0625em;
    text-transform: uppercase;
    cursor: pointer;
    transition: all .6s
}

#mc_embed_signup .button:hover {
    background: #0994a8;
    border-bottom: 4px solid #055c69
}

#mc_embed_signup .button:focus {
    border-bottom: none
}

#mc_embed_signup .button::after {
    content: "";
    font-family: "aripo-font";
    padding-left: 15px
}

#mc_embed_signup .small-meta {
    font-size: 11px
}

#mc_embed_signup .nowrap {
    white-space: nowrap
}

#mc_embed_signup .clear {
    clear: none;
    display: inline
}

#mc_embed_signup label {
    display: block;
    font-size: 16px;
    padding-bottom: 10px;
    font-weight: bold
}

#mc_embed_signup input.email {
    font-size: 15px;
    border-bottom: 5px solid #e4e4e4;
    display: block;
    padding: 10px 15px;
    margin: 0 4% 10px 0;
    min-height: 32px;
    width: 70%;
    min-width: 130px
}

#mc_embed_signup input.button {
    display: block;
    min-width: 90px;
    text-transform: uppercase
}

#mc_embed_signup input.button::after {
    content: "";
    font-family: "aripo-font"
}

#mc_embed_signup div#mce-responses {
    float: left;
    top: -1.4em;
    padding: 0em .5em 0em .5em;
    overflow: hidden;
    width: 90%;
    margin: 0 5%;
    clear: both
}

#mc_embed_signup div.response {
    margin: 1em 0;
    padding: 1em .5em .5em 0;
    font-weight: bold;
    float: left;
    top: -1.5em;
    z-index: 1;
    width: 80%
}

#mc_embed_signup #mce-error-response {
    display: none
}

#mc_embed_signup #mce-success-response {
    color: #529214;
    display: none
}

#mc_embed_signup label.error {
    display: block;
    float: none;
    width: auto;
    margin-left: 1.05em;
    text-align: left;
    padding: .5em 0
}

.aripo-contact-form,
.wpcf7-form {
    padding: 20px 0
}

.wpcf7-form p {
    margin: 0
}

.aripo-contact-form input[type=text],
.aripo-contact-form input[type=email],
.wpcf7 input[type=text],
.wpcf7 input[type=email],
input[type=search].search-field {
    width: 100%;
    padding: 12px;
    margin: 10px 0;
    border: 1px solid #ccc;
    border-bottom: 4px solid #ccc
}

.aripo-contact-form select,
.wpcf7 select {
    height: 48px;
    width: 100%;
    margin: 10px 0;
    border-bottom: 4px solid #ccc
}

.aripo-contact-form textarea,
.wpcf7 textarea {
    margin: 20px 0;
    width: 100%
}

.aripo-contact-form input[type=submit],
.wpcf7 input[type=submit] {
    display: inline-block;
    background: #09bbd4;
    color: #fff;
    padding: 10px 20px;
    border: 0;
    border-bottom: 4px solid #0994a8;
    font-size: 14px;
    letter-spacing: .0625em;
    text-transform: uppercase;
    cursor: pointer;
    text-decoration: none;
    transition: all .6s
}

.aripo-contact-form input[type=submit]:hover,
.wpcf7 input[type=submit]:hover {
    background-color: #078596
}

div.wpcf7-mail-sent-ok {
    border: none;
    background: #398f14;
    border-radius: 10px;
    padding: 20px;
    color: #fff
}

span.wpcf7-not-valid-tip {
    color: #2f2f2f;
    background: #f9e5e5;
    border: 2px solid red;
    font-size: 1em;
    padding: 5px;
    font-weight: normal;
    display: block
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: .875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

#content[tabindex="-1"]:focus {
    outline: 0
}

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: "";
    display: table;
    table-layout: fixed
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both
}

.site-content {
    max-width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
    clear: both
}

.widget {
    margin: 0 0 1.5em
}

.widget select {
    max-width: 100%
}

.aripo-qucik-links {
    background: #09bbd4;
    min-height: 425px;
    width: 100%
}

.aripo-qucik-links p {
    height: 85px;
    margin-top: 0;
    margin-bottom: 0;
    padding: 10px 0;
    background: #09bbd4
}

.aripo-qucik-links p a {
    color: #fff;
    text-decoration: none
}

.aripo-qucik-links i {
    color: #fff;
    font-size: 2.5rem
}

.aripo-qucik-links p:hover,
.aripo-qucik-links p a:hover,
.aripo-qucik-links i:hover {
    color: #fff;
    background: #003d7c;
    cursor: pointer
}

.member-states-sidebar {
    margin-bottom: 30px
}

.member-states-sidebar a,
.member-states-sidebar a:visited,
.member-states-sidebar a:link {
    text-decoration: none;
    color: #5079a3;
    transition: all .6s
}

.member-states-sidebar a:hover {
    margin-left: 20px
}

.member-states-sidebar a::before {
    content: "";
    font-family: "aripo-font";
    margin-right: 10px
}

.member-states-sidebar p {
    margin-bottom: 5px
}

.sticky {
    display: block
}

.hentry {
    margin: 0 0 1.5em
}

.updated:not(.published) {
    display: none
}

.page-content,
.entry-content {
    margin: .8em 0 0
}

.page-links {
    clear: both;
    margin: 0 0 1.5em
}

.comment-content a {
    word-wrap: break-word
}

.bypostauthor {
    display: block
}

.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
    display: none
}

.infinity-end.neverending .site-footer {
    display: block
}

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0
}

embed,
iframe,
object {
    max-width: 100%
}

.custom-logo-link {
    display: inline-block
}

.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%
}

.wp-caption img[class*=wp-image-] {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption .wp-caption-text {
    margin: .8075em 0
}

.wp-caption-text {
    text-align: center
}

.gallery {
    margin-bottom: 1.5em
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%
}

.gallery-columns-2 .gallery-item {
    max-width: 50%
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%
}

.gallery-columns-4 .gallery-item {
    max-width: 25%
}

.gallery-columns-5 .gallery-item {
    max-width: 20%
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%
}

.gallery-caption {
    display: block
}

table a {
    color: #0994a8;
    text-decoration: none;
    transition: all .5s
}

table a:hover,
table a:active,
table a:focus {
    color: #000
}

table a i {
    padding-left: 10px
}

table {
    width: 100%;
    border-collapse: collapse;
    margin: 10px auto
}

tr:nth-of-type(odd) {
    background: #f6f6f6
}

th {
    background: #003d7c;
    color: #fff;
    font-weight: bold
}

td,
th {
    padding: 10px;
    border: 1px solid #ccc;
    text-align: left;
    font-size: 16px;
/*     width: 70% */
}

@media only screen and (max-width: 760px),
(min-device-width: 768px)and (max-device-width: 1024px) {
    table {
        width: 100%
    }

    table,
    thead,
    tbody,
    th,
    td,
    tr {
        display: block
    }

    td,
    th {
        width: auto
    }

    thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px
    }

    tr {
        border: 1px solid #ccc
    }

    td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%
    }

    td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        content: attr(data-column);
        color: #000;
        font-weight: bold
    }
}

select#AgentsInputSearch {
    width: 100%;
    padding: 12px;
    margin: 0 0 10px 0;
    border: 1px solid #ccc;
    border-bottom: 4px solid #ccc
}

@media(min-width: 769px) {
    select#AgentsInputSearch {
        width: 30%
    }
}

.content {
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    clear: both
}

.content .content {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
    clear: both
}

div.half.column {
    margin-top: 0px
}

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

.column {
    width: 100%;
    float: left;
    margin-top: 30px;
    box-sizing: border-box
}

@media(min-width: 769px) {
    .column {
        margin-left: 3%
    }

    .column:first-child {
        margin-left: 0
    }

    .quarter {
        width: 22.75%
    }

    .third {
        width: 31.3333333333%
    }

    .two-thirds {
        width: 65.6666666667%
    }

    .half {
        width: 48.5%
    }
}

/*Conference Block*/

.conference-wrapper .magazine .aripo-loop img {
	width: 100%;
	height: auto;
}


.conference-wrapper .magazine .aripo-loop {
	width: 263px;
	height: 340px;
	text-align: center;
}

.diplomatic .flex-container {
	display: flex !important;
	flex-flow: row wrap;
	width: 100%;
	gap: 30px;
}


.diplomatic .magazine {
	 margin-right: 0 !important; 
}

/*Password Protected Page*/

form.post-password-form {
    margin: 100px 0 200px 0;
}

form.post-password-form p {
    text-align: center;
}

.post-password-form input#pwbox-3795 {
    padding: 5px;
    border: 1px solid #042740;
}

.post-password-form input[type="submit"] {
    border: none;
    padding: 7px 30px;
    color: #fff;
    background: #042740;
    cursor: pointer;
}

.reg-form a {
	font-size: 1.5em;
}

.reg-form a {
	font-size: 1.5em;
	background: #042740;
	padding: 12px 30px;
	color: #fff;
	transition: 1s;
	text-decoration: none;
}

.gallery-btn a {
	font-size: 1.5em;
	background: #0994a8;
	padding: 12px 30px;
	color: #fff;
	transition: 1s;
	text-decoration: none;
}

.reg-form a:hover {
	color: #fff;
	background: #0994a8;
}

.gallery-btn a:hover {
	color: #fff;
	background: #042740;
}

.diplomatic {
	margin: 15px 0;
}

.reg-buttons {
    display: flex;
    gap: 20px;
}