@import 'https://fonts.googleapis.com/css?family=Montserrat:400,700|Open+Sans';

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

.ui.menu .menu {
    margin-top:-37px;
}
.solarwindsMessage {
    padding: 8px 10px;
    background-color:#EEF2F3;
}

.btnSignUp {
    cursor: pointer;
    display: block;
    color: white;
    font-size: 15px;
    font-weight: 600;
    /*background: #8aad00;*/
    background-color: #30B91A;
    padding: 13px 15px;
    margin: 20px auto;
    width: 300px;
    text-align: center;
    word-spacing: 4px;
    text-transform:uppercase; 
}
a.btnSignUp, .tech-docs a.btnSignUp {
    color: #FFF;
    text-decoration: none;
}
a.btnSignUp:hover, .tech-docs a.btnSignUp:hover {
    color: #FFF;
    text-decoration: none;
}

.solarwindsMessage p {
    font-size: 13px;
    line-height: 18px;
}
.solarwindsMessage h2 {
    font-weight: bold;
    color:#FF9E00;
    font-size:26px;
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
    filter: alpha(opacity=80)
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #cccccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #cccccc
}

.mfp-preloader a:hover {
    color: white
}

.mfp-s-ready .mfp-preloader {
    display: none
}

.mfp-s-error .mfp-content {
    display: none
}

button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none
}

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

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    filter: alpha(opacity=65);
    padding: 0 0 18px 10px;
    color: white;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:hover,
.mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100)
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333333
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: white;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #cccccc;
    font-size: 12px;
    line-height: 18px
}

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    filter: alpha(opacity=65);
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100)
}

.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent
}

.mfp-arrow:after,
.mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow:before,
.mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px
}

.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px
}

.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto
}

.mfp-figure {
    line-height: 0
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444444
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width: 800px) and (orientation: landscape),
screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }
    .mfp-img-mobile img.mfp-img {
        padding: 0
    }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75)
    }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.mfp-ie7 .mfp-img {
    padding: 0
}

.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px
}

.mfp-ie7 .mfp-container {
    padding: 0
}

.mfp-ie7 .mfp-content {
    padding-top: 44px
}

.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0
}

.owl-origin {
    -webkit-perspective: 1200px;
    -webkit-perspective-origin-x: 50%;
    -webkit-perspective-origin-y: 50%;
    -moz-perspective: 1200px;
    -moz-perspective-origin-x: 50%;
    -moz-perspective-origin-y: 50%;
    perspective: 1200px
}

.owl-fade-out {
    z-index: 10;
    -webkit-animation: fadeOut .7s both ease;
    -moz-animation: fadeOut .7s both ease;
    animation: fadeOut .7s both ease
}

.owl-fade-in {
    -webkit-animation: fadeIn .7s both ease;
    -moz-animation: fadeIn .7s both ease;
    animation: fadeIn .7s both ease
}

.owl-backSlide-out {
    -webkit-animation: backSlideOut 1s both ease;
    -moz-animation: backSlideOut 1s both ease;
    animation: backSlideOut 1s both ease
}

.owl-backSlide-in {
    -webkit-animation: backSlideIn 1s both ease;
    -moz-animation: backSlideIn 1s both ease;
    animation: backSlideIn 1s both ease
}

.owl-goDown-out {
    -webkit-animation: scaleToFade .7s ease both;
    -moz-animation: scaleToFade .7s ease both;
    animation: scaleToFade .7s ease both
}

.owl-goDown-in {
    -webkit-animation: goDown .6s ease both;
    -moz-animation: goDown .6s ease both;
    animation: goDown .6s ease both
}

.owl-fadeUp-in {
    -webkit-animation: scaleUpFrom .5s ease both;
    -moz-animation: scaleUpFrom .5s ease both;
    animation: scaleUpFrom .5s ease both
}

.owl-fadeUp-out {
    -webkit-animation: scaleUpTo .5s ease both;
    -moz-animation: scaleUpTo .5s ease both;
    animation: scaleUpTo .5s ease both
}

@-webkit-keyframes empty {
    0% {
        opacity: 1
    }
}

@-moz-keyframes empty {
    0% {
        opacity: 1
    }
}

@keyframes empty {
    0% {
        opacity: 1
    }
}

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

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

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

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

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

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

@-webkit-keyframes backSlideOut {
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px)
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%)
    }
    100% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%)
    }
}

@-moz-keyframes backSlideOut {
    25% {
        opacity: .5;
        -moz-transform: translateZ(-500px)
    }
    75% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(-200%)
    }
    100% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(-200%)
    }
}

@keyframes backSlideOut {
    25% {
        opacity: .5;
        transform: translateZ(-500px)
    }
    75% {
        opacity: .5;
        transform: translateZ(-500px) translateX(-200%)
    }
    100% {
        opacity: .5;
        transform: translateZ(-500px) translateX(-200%)
    }
}

@-webkit-keyframes backSlideIn {
    0%,
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(200%)
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0)
    }
}

@-moz-keyframes backSlideIn {
    0%,
    25% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(200%)
    }
    75% {
        opacity: .5;
        -moz-transform: translateZ(-500px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateZ(0) translateX(0)
    }
}

@keyframes backSlideIn {
    0%,
    25% {
        opacity: .5;
        transform: translateZ(-500px) translateX(200%)
    }
    75% {
        opacity: .5;
        transform: translateZ(-500px)
    }
    100% {
        opacity: 1;
        transform: translateZ(0) translateX(0)
    }
}

@-webkit-keyframes scaleToFade {
    to {
        opacity: 0;
        -webkit-transform: scale(0.8)
    }
}

@-moz-keyframes scaleToFade {
    to {
        opacity: 0;
        -moz-transform: scale(0.8)
    }
}

@keyframes scaleToFade {
    to {
        opacity: 0;
        transform: scale(0.8)
    }
}

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

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

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

@-webkit-keyframes scaleUpFrom {
    from {
        opacity: 0;
        -webkit-transform: scale(1.5)
    }
}

@-moz-keyframes scaleUpFrom {
    from {
        opacity: 0;
        -moz-transform: scale(1.5)
    }
}

@keyframes scaleUpFrom {
    from {
        opacity: 0;
        transform: scale(1.5)
    }
}

@-webkit-keyframes scaleUpTo {
    to {
        opacity: 0;
        -webkit-transform: scale(1.5)
    }
}

@-moz-keyframes scaleUpTo {
    to {
        opacity: 0;
        -moz-transform: scale(1.5)
    }
}

@keyframes scaleUpTo {
    to {
        opacity: 0;
        transform: scale(1.5)
    }
}

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

.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px)
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out
}

.owl-carousel .owl-item {
    float: left
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

.grabbing {
    cursor: url(/images/vendor/grabbing.png) 8 8, move
}

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

.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center
}

.owl-theme .owl-controls .owl-buttons div {
    color: #FFF;
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin: 5px;
    padding: 3px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #869791;
    filter: Alpha(Opacity=50);
    opacity: 0.5
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    filter: Alpha(Opacity=100);
    opacity: 1;
    text-decoration: none
}

.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline
}

.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);
    opacity: 0.5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #869791
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);
    opacity: 1
}

.owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}

.owl-item.loading {
    min-height: 150px;
    background: url(/images/vendor/AjaxLoader.gif) no-repeat center center
}

@font-face {
    font-family: 'Montserrat', sans-serif;
  /*  src: url("/fonts/montserrat/montserrat-extrabold-webfont.eot");
    src: url("/fonts/montserrat/montserrat-extrabold-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/montserrat/montserrat-extrabold-webfont.woff2") format("woff2"), url("/fonts/montserrat/montserrat-extrabold-webfont.woff") format("woff"), url("/fonts/montserrat/montserrat-extrabold-webfont.ttf") format("truetype"), url("/fonts/montserrat/montserrat-extrabold-webfont.svg#montserratextra_bold") format("svg"); */
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'Montserrat', sans-serif;
   /* src: url("/fonts/montserrat/montserrat-ultralight-webfont.eot");
    src: url("/fonts/montserrat/montserrat-ultralight-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/montserrat/montserrat-ultralight-webfont.woff2") format("woff2"), url("/fonts/montserrat/montserrat-ultralight-webfont.woff") format("woff"), url("/fonts/montserrat/montserrat-ultralight-webfont.ttf") format("truetype"), url("/fonts/montserrat/montserrat-ultralight-webfont.svg#montserratultra_light") format("svg"); */
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Montserrat', sans-serif;
   /* src: url("/fonts/montserrat/montserrat-bold-webfont.eot");
    src: url("/fonts/montserrat/montserrat-bold-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/montserrat/montserrat-bold-webfont.woff2") format("woff2"), url("/fonts/montserrat/montserrat-bold-webfont.woff") format("woff"), url("/fonts/montserrat/montserrat-bold-webfont.ttf") format("truetype"), url("/fonts/montserrat/montserrat-bold-webfont.svg#montserratbold") format("svg"); */
    font-weight: bold;
    font-style: normal
}

@font-face {
    font-family: 'Montserrat', sans-serif;
   /* src: url("/fonts/montserrat/montserrat-regular-webfont.eot");
    src: url("/fonts/montserrat/montserrat-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/montserrat/montserrat-regular-webfont.woff2") format("woff2"), url("/fonts/montserrat/montserrat-regular-webfont.woff") format("woff"), url("/fonts/montserrat/montserrat-regular-webfont.ttf") format("truetype"), url("/fonts/montserrat/montserrat-regular-webfont.svg#montserratregular") format("svg");*/
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Open Sans', sans-serif;
 /*   src: url("/fonts/opensans/OpenSans-Regular-webfont.eot");
    src: url("/fonts/opensans/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/opensans/OpenSans-Regular-webfont.woff") format("woff"), url("/fonts/opensans/OpenSans-Regular-webfont.ttf") format("truetype"), url("/fonts/opensans/OpenSans-Regular-webfont.svg#OpenSansRegular") format("svg");
   */
    font-weight: normal;
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Open Sans', sans-serif;
    /* src: url("/fonts/opensans/OpenSans-Italic-webfont.eot");
    src: url("/fonts/opensans/OpenSans-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/opensans/OpenSans-Italic-webfont.woff") format("woff"), url("/fonts/opensans//OpenSans-Italic-webfont.ttf") format("truetype"), url("/fonts/opensans/OpenSans-Italic-webfont.svg#OpenSansItalic") format("svg");
   */
    font-weight: normal;
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: 'Open Sans', sans-serif;
   /* src: url("/fonts/opensans/OpenSans-Light-webfont.eot");
    src: url("/fonts/opensans/OpenSans-Light-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/opensans/OpenSans-Light-webfont.woff") format("woff"), url("/fonts/opensans/OpenSans-Light-webfont.ttf") format("truetype"), url("/fonts/opensans/OpenSans-Light-webfont.svg#OpenSansLight") format("svg");
    */
    font-weight: 200;
    font-style: normal
}

@font-face {
    font-family: 'Open Sans', sans-serif;
  /*  src: url("/fonts/opensans/OpenSans-LightItalic-webfont.eot");
    src: url("/fonts/opensans/OpenSans-LightItalic-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/opensans/OpenSans-LightItalic-webfont.woff") format("woff"), url("/fonts/opensans/OpenSans-LightItalic-webfont.ttf") format("truetype"), url("/fonts/opensans/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic") format("svg");
   */
    font-weight: 200;
    font-style: italic
}

@font-face {
    font-family: 'Open Sans', sans-serif;
 /*   src: url("/fonts/opensans/OpenSans-Semibold-webfont.eot");
    src: url("/fonts/opensans/OpenSans-Semibold-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/opensans/OpenSans-Semibold-webfont.woff") format("woff"), url("/fonts/opensans/OpenSans-Semibold-webfont.ttf") format("truetype"), url("/fonts/opensans/OpenSans-Semibold-webfont.svg#OpenSansSemibold") format("svg");
  */
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: 'Open Sans', sans-serif;
  /*  src: url("/fonts/opensans/OpenSans-SemiboldItalic-webfont.eot");
    src: url("/fonts/opensans/OpenSans-SemiboldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/opensans/OpenSans-SemiboldItalic-webfont.woff") format("woff"), url("/fonts/opensans/OpenSans-SemiboldItalic-webfont.ttf") format("truetype"), url("/fonts/opensans/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic") format("svg");
   */
    font-weight: 500;
    font-style: italic
}

@font-face {
   font-family: 'Open Sans', sans-serif;
   /* src: url("/fonts/opensans/OpenSans-Bold-webfont.eot");
    src: url("/fonts/opensans/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/opensans/OpenSans-Bold-webfont.woff") format("woff"), url("/fonts/opensans/OpenSans-Bold-webfont.ttf") format("truetype"), url("/fonts/opensans/OpenSans-Bold-webfont.svg#OpenSansBold") format("svg");
    */
    font-weight: bold;
    font-weight: 700;
    font-style: normal
}

@font-face {
   font-family: 'Open Sans', sans-serif;
  /*  src: url("/fonts/opensans/OpenSans-BoldItalic-webfont.eot");
    src: url("/fonts/opensans/OpenSans-BoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/opensans/OpenSans-BoldItalic-webfont.woff") format("woff"), url("/fonts/opensans/OpenSans-BoldItalic-webfont.ttf") format("truetype"), url("/fonts/opensans/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic") format("svg");
   */
    font-weight: bold;
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: 'Open Sans', sans-serif;
   /* src: url("/fonts/opensans/OpenSans-ExtraBold-webfont.eot");
    src: url("/fonts/opensans/OpenSans-ExtraBold-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/opensans/OpenSans-ExtraBold-webfont.woff") format("woff"), url("/fonts/opensans/OpenSans-ExtraBold-webfont.ttf") format("truetype"), url("/fonts/opensans/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold") format("svg");
   */
    font-weight: 900;
    font-style: normal
}

@font-face {
   font-family: 'Open Sans', sans-serif;
   /* src: url("/fonts/opensans/OpenSans-ExtraBoldItalic-webfont.eot");
    src: url("/fonts/opensans/OpenSans-ExtraBoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/opensans/OpenSans-ExtraBoldItalic-webfont.woff") format("woff"), url("/fonts/opensans/OpenSans-ExtraBoldItalic-webfont.ttf") format("truetype"), url("/fonts/opensans/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic") format("svg"); */
    font-weight: 900;
    font-style: italic
}


/*!
 *  Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */

/*@font-face {
    font-family: 'FontAwesome';
    src: url("/fonts/fontawesome-webfont.eot?v=4.3.0");
    src: url("/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"), url("/fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"), url("/fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"), url("/fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"), url("/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg");
    font-weight: normal;
    font-style: normal
} */

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0)
}

.fa-lg {
    font-size: 1.33333333em;
    line-height: 0.75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571429em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}

.fa-ul>li {
    position: relative
}

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: 0.14285714em;
    text-align: center
}

.fa-li.fa-lg {
    left: -1.85714286em
}

.fa-border {
    padding: .2em .25em .15em;
    border: solid 0.08em #eeeeee;
    border-radius: .1em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.fa.pull-left {
    margin-right: .3em
}

.fa.pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8)
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fa-rotate-90 {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.fa-flip-vertical {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1)
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
    filter: none
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x,
.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #ffffff
}

.fa-glass:before {
    content: "\f000"
}

.fa-music:before {
    content: "\f001"
}

.fa-search:before {
    content: "\f002"
}

.fa-envelope-o:before {
    content: "\f003"
}

.fa-heart:before {
    content: "\f004"
}

.fa-star:before {
    content: "\f005"
}

.fa-star-o:before {
    content: "\f006"
}

.fa-user:before {
    content: "\f007"
}

.fa-film:before {
    content: "\f008"
}

.fa-th-large:before {
    content: "\f009"
}

.fa-th:before {
    content: "\f00a"
}

.fa-th-list:before {
    content: "\f00b"
}

.fa-check:before {
    content: "\f00c"
}

.fa-remove:before,
.fa-close:before,
.fa-times:before {
    content: "\f00d"
}

.fa-search-plus:before {
    content: "\f00e"
}

.fa-search-minus:before {
    content: "\f010"
}

.fa-power-off:before {
    content: "\f011"
}

.fa-signal:before {
    content: "\f012"
}

.fa-gear:before,
.fa-cog:before {
    content: "\f013"
}

.fa-trash-o:before {
    content: "\f014"
}

.fa-home:before {
    content: "\f015"
}

.fa-file-o:before {
    content: "\f016"
}

.fa-clock-o:before {
    content: "\f017"
}

.fa-road:before {
    content: "\f018"
}

.fa-download:before {
    content: "\f019"
}

.fa-arrow-circle-o-down:before {
    content: "\f01a"
}

.fa-arrow-circle-o-up:before {
    content: "\f01b"
}

.fa-inbox:before {
    content: "\f01c"
}

.fa-play-circle-o:before {
    content: "\f01d"
}

.fa-rotate-right:before,
.fa-repeat:before {
    content: "\f01e"
}

.fa-refresh:before {
    content: "\f021"
}

.fa-list-alt:before {
    content: "\f022"
}

.fa-lock:before {
    content: "\f023"
}

.fa-flag:before {
    content: "\f024"
}

.fa-headphones:before {
    content: "\f025"
}

.fa-volume-off:before {
    content: "\f026"
}

.fa-volume-down:before {
    content: "\f027"
}

.fa-volume-up:before {
    content: "\f028"
}

.fa-qrcode:before {
    content: "\f029"
}

.fa-barcode:before {
    content: "\f02a"
}

.fa-tag:before {
    content: "\f02b"
}

.fa-tags:before {
    content: "\f02c"
}

.fa-book:before {
    content: "\f02d"
}

.fa-bookmark:before {
    content: "\f02e"
}

.fa-print:before {
    content: "\f02f"
}

.fa-camera:before {
    content: "\f030"
}

.fa-font:before {
    content: "\f031"
}

.fa-bold:before {
    content: "\f032"
}

.fa-italic:before {
    content: "\f033"
}

.fa-text-height:before {
    content: "\f034"
}

.fa-text-width:before {
    content: "\f035"
}

.fa-align-left:before {
    content: "\f036"
}

.fa-align-center:before {
    content: "\f037"
}

.fa-align-right:before {
    content: "\f038"
}

.fa-align-justify:before {
    content: "\f039"
}

.fa-list:before {
    content: "\f03a"
}

.fa-dedent:before,
.fa-outdent:before {
    content: "\f03b"
}

.fa-indent:before {
    content: "\f03c"
}

.fa-video-camera:before {
    content: "\f03d"
}

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
    content: "\f03e"
}

.fa-pencil:before {
    content: "\f040"
}

.fa-map-marker:before {
    content: "\f041"
}

.fa-adjust:before {
    content: "\f042"
}

.fa-tint:before {
    content: "\f043"
}

.fa-edit:before,
.fa-pencil-square-o:before {
    content: "\f044"
}

.fa-share-square-o:before {
    content: "\f045"
}

.fa-check-square-o:before {
    content: "\f046"
}

.fa-arrows:before {
    content: "\f047"
}

.fa-step-backward:before {
    content: "\f048"
}

.fa-fast-backward:before {
    content: "\f049"
}

.fa-backward:before {
    content: "\f04a"
}

.fa-play:before {
    content: "\f04b"
}

.fa-pause:before {
    content: "\f04c"
}

.fa-stop:before {
    content: "\f04d"
}

.fa-forward:before {
    content: "\f04e"
}

.fa-fast-forward:before {
    content: "\f050"
}

.fa-step-forward:before {
    content: "\f051"
}

.fa-eject:before {
    content: "\f052"
}

.fa-chevron-left:before {
    content: "\f053"
}

.fa-chevron-right:before {
    content: "\f054"
}

.fa-plus-circle:before {
    content: "\f055"
}

.fa-minus-circle:before {
    content: "\f056"
}

.fa-times-circle:before {
    content: "\f057"
}

.fa-check-circle:before {
    content: "\f058"
}

.fa-question-circle:before {
    content: "\f059"
}

.fa-info-circle:before {
    content: "\f05a"
}

.fa-crosshairs:before {
    content: "\f05b"
}

.fa-times-circle-o:before {
    content: "\f05c"
}

.fa-check-circle-o:before {
    content: "\f05d"
}

.fa-ban:before {
    content: "\f05e"
}

.fa-arrow-left:before {
    content: "\f060"
}

.fa-arrow-right:before {
    content: "\f061"
}

.fa-arrow-up:before {
    content: "\f062"
}

.fa-arrow-down:before {
    content: "\f063"
}

.fa-mail-forward:before,
.fa-share:before {
    content: "\f064"
}

.fa-expand:before {
    content: "\f065"
}

.fa-compress:before {
    content: "\f066"
}

.fa-plus:before {
    content: "\f067"
}

.fa-minus:before {
    content: "\f068"
}

.fa-asterisk:before {
    content: "\f069"
}

.fa-exclamation-circle:before {
    content: "\f06a"
}

.fa-gift:before {
    content: "\f06b"
}

.fa-leaf:before {
    content: "\f06c"
}

.fa-fire:before {
    content: "\f06d"
}

.fa-eye:before {
    content: "\f06e"
}

.fa-eye-slash:before {
    content: "\f070"
}

.fa-warning:before,
.fa-exclamation-triangle:before {
    content: "\f071"
}

.fa-plane:before {
    content: "\f072"
}

.fa-calendar:before {
    content: "\f073"
}

.fa-random:before {
    content: "\f074"
}

.fa-comment:before {
    content: "\f075"
}

.fa-magnet:before {
    content: "\f076"
}

.fa-chevron-up:before {
    content: "\f077"
}

.fa-chevron-down:before {
    content: "\f078"
}

.fa-retweet:before {
    content: "\f079"
}

.fa-shopping-cart:before {
    content: "\f07a"
}

.fa-folder:before {
    content: "\f07b"
}

.fa-folder-open:before {
    content: "\f07c"
}

.fa-arrows-v:before {
    content: "\f07d"
}

.fa-arrows-h:before {
    content: "\f07e"
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
    content: "\f080"
}

.fa-twitter-square:before {
    content: "\f081"
}

.fa-facebook-square:before {
    content: "\f082"
}

.fa-camera-retro:before {
    content: "\f083"
}

.fa-key:before {
    content: "\f084"
}

.fa-gears:before,
.fa-cogs:before {
    content: "\f085"
}

.fa-comments:before {
    content: "\f086"
}

.fa-thumbs-o-up:before {
    content: "\f087"
}

.fa-thumbs-o-down:before {
    content: "\f088"
}

.fa-star-half:before {
    content: "\f089"
}

.fa-heart-o:before {
    content: "\f08a"
}

.fa-sign-out:before {
    content: "\f08b"
}

.fa-linkedin-square:before {
    content: "\f08c"
}

.fa-thumb-tack:before {
    content: "\f08d"
}

.fa-external-link:before {
    content: "\f08e"
}

.fa-sign-in:before {
    content: "\f090"
}

.fa-trophy:before {
    content: "\f091"
}

.fa-github-square:before {
    content: "\f092"
}

.fa-upload:before {
    content: "\f093"
}

.fa-lemon-o:before {
    content: "\f094"
}

.fa-phone:before {
    content: "\f095"
}

.fa-square-o:before {
    content: "\f096"
}

.fa-bookmark-o:before {
    content: "\f097"
}

.fa-phone-square:before {
    content: "\f098"
}

.fa-twitter:before {
    content: "\f099"
}

.fa-facebook-f:before,
.fa-facebook:before {
    content: "\f09a"
}

.fa-github:before {
    content: "\f09b"
}

.fa-unlock:before {
    content: "\f09c"
}

.fa-credit-card:before {
    content: "\f09d"
}

.fa-rss:before {
    content: "\f09e"
}

.fa-hdd-o:before {
    content: "\f0a0"
}

.fa-bullhorn:before {
    content: "\f0a1"
}

.fa-bell:before {
    content: "\f0f3"
}

.fa-certificate:before {
    content: "\f0a3"
}

.fa-hand-o-right:before {
    content: "\f0a4"
}

.fa-hand-o-left:before {
    content: "\f0a5"
}

.fa-hand-o-up:before {
    content: "\f0a6"
}

.fa-hand-o-down:before {
    content: "\f0a7"
}

.fa-arrow-circle-left:before {
    content: "\f0a8"
}

.fa-arrow-circle-right:before {
    content: "\f0a9"
}

.fa-arrow-circle-up:before {
    content: "\f0aa"
}

.fa-arrow-circle-down:before {
    content: "\f0ab"
}

.fa-globe:before {
    content: "\f0ac"
}

.fa-wrench:before {
    content: "\f0ad"
}

.fa-tasks:before {
    content: "\f0ae"
}

.fa-filter:before {
    content: "\f0b0"
}

.fa-briefcase:before {
    content: "\f0b1"
}

.fa-arrows-alt:before {
    content: "\f0b2"
}

.fa-group:before,
.fa-users:before {
    content: "\f0c0"
}

.fa-chain:before,
.fa-link:before {
    content: "\f0c1"
}

.fa-cloud:before {
    content: "\f0c2"
}

.fa-flask:before {
    content: "\f0c3"
}

.fa-cut:before,
.fa-scissors:before {
    content: "\f0c4"
}

.fa-copy:before,
.fa-files-o:before {
    content: "\f0c5"
}

.fa-paperclip:before {
    content: "\f0c6"
}

.fa-save:before,
.fa-floppy-o:before {
    content: "\f0c7"
}

.fa-square:before {
    content: "\f0c8"
}

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
    content: "\f0c9"
}

.fa-list-ul:before {
    content: "\f0ca"
}

.fa-list-ol:before {
    content: "\f0cb"
}

.fa-strikethrough:before {
    content: "\f0cc"
}

.fa-underline:before {
    content: "\f0cd"
}

.fa-table:before {
    content: "\f0ce"
}

.fa-magic:before {
    content: "\f0d0"
}

.fa-truck:before {
    content: "\f0d1"
}

.fa-pinterest:before {
    content: "\f0d2"
}

.fa-pinterest-square:before {
    content: "\f0d3"
}

.fa-google-plus-square:before {
    content: "\f0d4"
}

.fa-google-plus:before {
    content: "\f0d5"
}

.fa-money:before {
    content: "\f0d6"
}

.fa-caret-down:before {
    content: "\f0d7"
}

.fa-caret-up:before {
    content: "\f0d8"
}

.fa-caret-left:before {
    content: "\f0d9"
}

.fa-caret-right:before {
    content: "\f0da"
}

.fa-columns:before {
    content: "\f0db"
}

.fa-unsorted:before,
.fa-sort:before {
    content: "\f0dc"
}

.fa-sort-down:before,
.fa-sort-desc:before {
    content: "\f0dd"
}

.fa-sort-up:before,
.fa-sort-asc:before {
    content: "\f0de"
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-linkedin:before {
    content: "\f0e1"
}

.fa-rotate-left:before,
.fa-undo:before {
    content: "\f0e2"
}

.fa-legal:before,
.fa-gavel:before {
    content: "\f0e3"
}

.fa-dashboard:before,
.fa-tachometer:before {
    content: "\f0e4"
}

.fa-comment-o:before {
    content: "\f0e5"
}

.fa-comments-o:before {
    content: "\f0e6"
}

.fa-flash:before,
.fa-bolt:before {
    content: "\f0e7"
}

.fa-sitemap:before {
    content: "\f0e8"
}

.fa-umbrella:before {
    content: "\f0e9"
}

.fa-paste:before,
.fa-clipboard:before {
    content: "\f0ea"
}

.fa-lightbulb-o:before {
    content: "\f0eb"
}

.fa-exchange:before {
    content: "\f0ec"
}

.fa-cloud-download:before {
    content: "\f0ed"
}

.fa-cloud-upload:before {
    content: "\f0ee"
}

.fa-user-md:before {
    content: "\f0f0"
}

.fa-stethoscope:before {
    content: "\f0f1"
}

.fa-suitcase:before {
    content: "\f0f2"
}

.fa-bell-o:before {
    content: "\f0a2"
}

.fa-coffee:before {
    content: "\f0f4"
}

.fa-cutlery:before {
    content: "\f0f5"
}

.fa-file-text-o:before {
    content: "\f0f6"
}

.fa-building-o:before {
    content: "\f0f7"
}

.fa-hospital-o:before {
    content: "\f0f8"
}

.fa-ambulance:before {
    content: "\f0f9"
}

.fa-medkit:before {
    content: "\f0fa"
}

.fa-fighter-jet:before {
    content: "\f0fb"
}

.fa-beer:before {
    content: "\f0fc"
}

.fa-h-square:before {
    content: "\f0fd"
}

.fa-plus-square:before {
    content: "\f0fe"
}

.fa-angle-double-left:before {
    content: "\f100"
}

.fa-angle-double-right:before {
    content: "\f101"
}

.fa-angle-double-up:before {
    content: "\f102"
}

.fa-angle-double-down:before {
    content: "\f103"
}

.fa-angle-left:before {
    content: "\f104"
}

.fa-angle-right:before {
    content: "\f105"
}

.fa-angle-up:before {
    content: "\f106"
}

.fa-angle-down:before {
    content: "\f107"
}

.fa-desktop:before {
    content: "\f108"
}

.fa-laptop:before {
    content: "\f109"
}

.fa-tablet:before {
    content: "\f10a"
}

.fa-mobile-phone:before,
.fa-mobile:before {
    content: "\f10b"
}

.fa-circle-o:before {
    content: "\f10c"
}

.fa-quote-left:before {
    content: "\f10d"
}

.fa-quote-right:before {
    content: "\f10e"
}

.fa-spinner:before {
    content: "\f110"
}

.fa-circle:before {
    content: "\f111"
}

.fa-mail-reply:before,
.fa-reply:before {
    content: "\f112"
}

.fa-github-alt:before {
    content: "\f113"
}

.fa-folder-o:before {
    content: "\f114"
}

.fa-folder-open-o:before {
    content: "\f115"
}

.fa-smile-o:before {
    content: "\f118"
}

.fa-frown-o:before {
    content: "\f119"
}

.fa-meh-o:before {
    content: "\f11a"
}

.fa-gamepad:before {
    content: "\f11b"
}

.fa-keyboard-o:before {
    content: "\f11c"
}

.fa-flag-o:before {
    content: "\f11d"
}

.fa-flag-checkered:before {
    content: "\f11e"
}

.fa-terminal:before {
    content: "\f120"
}

.fa-code:before {
    content: "\f121"
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
    content: "\f122"
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
    content: "\f123"
}

.fa-location-arrow:before {
    content: "\f124"
}

.fa-crop:before {
    content: "\f125"
}

.fa-code-fork:before {
    content: "\f126"
}

.fa-unlink:before,
.fa-chain-broken:before {
    content: "\f127"
}

.fa-question:before {
    content: "\f128"
}

.fa-info:before {
    content: "\f129"
}

.fa-exclamation:before {
    content: "\f12a"
}

.fa-superscript:before {
    content: "\f12b"
}

.fa-subscript:before {
    content: "\f12c"
}

.fa-eraser:before {
    content: "\f12d"
}

.fa-puzzle-piece:before {
    content: "\f12e"
}

.fa-microphone:before {
    content: "\f130"
}

.fa-microphone-slash:before {
    content: "\f131"
}

.fa-shield:before {
    content: "\f132"
}

.fa-calendar-o:before {
    content: "\f133"
}

.fa-fire-extinguisher:before {
    content: "\f134"
}

.fa-rocket:before {
    content: "\f135"
}

.fa-maxcdn:before {
    content: "\f136"
}

.fa-chevron-circle-left:before {
    content: "\f137"
}

.fa-chevron-circle-right:before {
    content: "\f138"
}

.fa-chevron-circle-up:before {
    content: "\f139"
}

.fa-chevron-circle-down:before {
    content: "\f13a"
}

.fa-html5:before {
    content: "\f13b"
}

.fa-css3:before {
    content: "\f13c"
}

.fa-anchor:before {
    content: "\f13d"
}

.fa-unlock-alt:before {
    content: "\f13e"
}

.fa-bullseye:before {
    content: "\f140"
}

.fa-ellipsis-h:before {
    content: "\f141"
}

.fa-ellipsis-v:before {
    content: "\f142"
}

.fa-rss-square:before {
    content: "\f143"
}

.fa-play-circle:before {
    content: "\f144"
}

.fa-ticket:before {
    content: "\f145"
}

.fa-minus-square:before {
    content: "\f146"
}

.fa-minus-square-o:before {
    content: "\f147"
}

.fa-level-up:before {
    content: "\f148"
}

.fa-level-down:before {
    content: "\f149"
}

.fa-check-square:before {
    content: "\f14a"
}

.fa-pencil-square:before {
    content: "\f14b"
}

.fa-external-link-square:before {
    content: "\f14c"
}

.fa-share-square:before {
    content: "\f14d"
}

.fa-compass:before {
    content: "\f14e"
}

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
    content: "\f150"
}

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
    content: "\f151"
}

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
    content: "\f152"
}

.fa-euro:before,
.fa-eur:before {
    content: "\f153"
}

.fa-gbp:before {
    content: "\f154"
}

.fa-dollar:before,
.fa-usd:before {
    content: "\f155"
}

.fa-rupee:before,
.fa-inr:before {
    content: "\f156"
}

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
    content: "\f157"
}

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
    content: "\f158"
}

.fa-won:before,
.fa-krw:before {
    content: "\f159"
}

.fa-bitcoin:before,
.fa-btc:before {
    content: "\f15a"
}

.fa-file:before {
    content: "\f15b"
}

.fa-file-text:before {
    content: "\f15c"
}

.fa-sort-alpha-asc:before {
    content: "\f15d"
}

.fa-sort-alpha-desc:before {
    content: "\f15e"
}

.fa-sort-amount-asc:before {
    content: "\f160"
}

.fa-sort-amount-desc:before {
    content: "\f161"
}

.fa-sort-numeric-asc:before {
    content: "\f162"
}

.fa-sort-numeric-desc:before {
    content: "\f163"
}

.fa-thumbs-up:before {
    content: "\f164"
}

.fa-thumbs-down:before {
    content: "\f165"
}

.fa-youtube-square:before {
    content: "\f166"
}

.fa-youtube:before {
    content: "\f167"
}

.fa-xing:before {
    content: "\f168"
}

.fa-xing-square:before {
    content: "\f169"
}

.fa-youtube-play:before {
    content: "\f16a"
}

.fa-dropbox:before {
    content: "\f16b"
}

.fa-stack-overflow:before {
    content: "\f16c"
}

.fa-instagram:before {
    content: "\f16d"
}

.fa-flickr:before {
    content: "\f16e"
}

.fa-adn:before {
    content: "\f170"
}

.fa-bitbucket:before {
    content: "\f171"
}

.fa-bitbucket-square:before {
    content: "\f172"
}

.fa-tumblr:before {
    content: "\f173"
}

.fa-tumblr-square:before {
    content: "\f174"
}

.fa-long-arrow-down:before {
    content: "\f175"
}

.fa-long-arrow-up:before {
    content: "\f176"
}

.fa-long-arrow-left:before {
    content: "\f177"
}

.fa-long-arrow-right:before {
    content: "\f178"
}

.fa-apple:before {
    content: "\f179"
}

.fa-windows:before {
    content: "\f17a"
}

.fa-android:before {
    content: "\f17b"
}

.fa-linux:before {
    content: "\f17c"
}

.fa-dribbble:before {
    content: "\f17d"
}

.fa-skype:before {
    content: "\f17e"
}

.fa-foursquare:before {
    content: "\f180"
}

.fa-trello:before {
    content: "\f181"
}

.fa-female:before {
    content: "\f182"
}

.fa-male:before {
    content: "\f183"
}

.fa-gittip:before,
.fa-gratipay:before {
    content: "\f184"
}

.fa-sun-o:before {
    content: "\f185"
}

.fa-moon-o:before {
    content: "\f186"
}

.fa-archive:before {
    content: "\f187"
}

.fa-bug:before {
    content: "\f188"
}

.fa-vk:before {
    content: "\f189"
}

.fa-weibo:before {
    content: "\f18a"
}

.fa-renren:before {
    content: "\f18b"
}

.fa-pagelines:before {
    content: "\f18c"
}

.fa-stack-exchange:before {
    content: "\f18d"
}

.fa-arrow-circle-o-right:before {
    content: "\f18e"
}

.fa-arrow-circle-o-left:before {
    content: "\f190"
}

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
    content: "\f191"
}

.fa-dot-circle-o:before {
    content: "\f192"
}

.fa-wheelchair:before {
    content: "\f193"
}

.fa-vimeo-square:before {
    content: "\f194"
}

.fa-turkish-lira:before,
.fa-try:before {
    content: "\f195"
}

.fa-plus-square-o:before {
    content: "\f196"
}

.fa-space-shuttle:before {
    content: "\f197"
}

.fa-slack:before {
    content: "\f198"
}

.fa-envelope-square:before {
    content: "\f199"
}

.fa-wordpress:before {
    content: "\f19a"
}

.fa-openid:before {
    content: "\f19b"
}

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
    content: "\f19c"
}

.fa-mortar-board:before,
.fa-graduation-cap:before {
    content: "\f19d"
}

.fa-yahoo:before {
    content: "\f19e"
}

.fa-google:before {
    content: "\f1a0"
}

.fa-reddit:before {
    content: "\f1a1"
}

.fa-reddit-square:before {
    content: "\f1a2"
}

.fa-stumbleupon-circle:before {
    content: "\f1a3"
}

.fa-stumbleupon:before {
    content: "\f1a4"
}

.fa-delicious:before {
    content: "\f1a5"
}

.fa-digg:before {
    content: "\f1a6"
}

.fa-pied-piper:before {
    content: "\f1a7"
}

.fa-pied-piper-alt:before {
    content: "\f1a8"
}

.fa-drupal:before {
    content: "\f1a9"
}

.fa-joomla:before {
    content: "\f1aa"
}

.fa-language:before {
    content: "\f1ab"
}

.fa-fax:before {
    content: "\f1ac"
}

.fa-building:before {
    content: "\f1ad"
}

.fa-child:before {
    content: "\f1ae"
}

.fa-paw:before {
    content: "\f1b0"
}

.fa-spoon:before {
    content: "\f1b1"
}

.fa-cube:before {
    content: "\f1b2"
}

.fa-cubes:before {
    content: "\f1b3"
}

.fa-behance:before {
    content: "\f1b4"
}

.fa-behance-square:before {
    content: "\f1b5"
}

.fa-steam:before {
    content: "\f1b6"
}

.fa-steam-square:before {
    content: "\f1b7"
}

.fa-recycle:before {
    content: "\f1b8"
}

.fa-automobile:before,
.fa-car:before {
    content: "\f1b9"
}

.fa-cab:before,
.fa-taxi:before {
    content: "\f1ba"
}

.fa-tree:before {
    content: "\f1bb"
}

.fa-spotify:before {
    content: "\f1bc"
}

.fa-deviantart:before {
    content: "\f1bd"
}

.fa-soundcloud:before {
    content: "\f1be"
}

.fa-database:before {
    content: "\f1c0"
}

.fa-file-pdf-o:before {
    content: "\f1c1"
}

.fa-file-word-o:before {
    content: "\f1c2"
}

.fa-file-excel-o:before {
    content: "\f1c3"
}

.fa-file-powerpoint-o:before {
    content: "\f1c4"
}

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
    content: "\f1c5"
}

.fa-file-zip-o:before,
.fa-file-archive-o:before {
    content: "\f1c6"
}

.fa-file-sound-o:before,
.fa-file-audio-o:before {
    content: "\f1c7"
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
    content: "\f1c8"
}

.fa-file-code-o:before {
    content: "\f1c9"
}

.fa-vine:before {
    content: "\f1ca"
}

.fa-codepen:before {
    content: "\f1cb"
}

.fa-jsfiddle:before {
    content: "\f1cc"
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
    content: "\f1cd"
}

.fa-circle-o-notch:before {
    content: "\f1ce"
}

.fa-ra:before,
.fa-rebel:before {
    content: "\f1d0"
}

.fa-ge:before,
.fa-empire:before {
    content: "\f1d1"
}

.fa-git-square:before {
    content: "\f1d2"
}

.fa-git:before {
    content: "\f1d3"
}

.fa-hacker-news:before {
    content: "\f1d4"
}

.fa-tencent-weibo:before {
    content: "\f1d5"
}

.fa-qq:before {
    content: "\f1d6"
}

.fa-wechat:before,
.fa-weixin:before {
    content: "\f1d7"
}

.fa-send:before,
.fa-paper-plane:before {
    content: "\f1d8"
}

.fa-send-o:before,
.fa-paper-plane-o:before {
    content: "\f1d9"
}

.fa-history:before {
    content: "\f1da"
}

.fa-genderless:before,
.fa-circle-thin:before {
    content: "\f1db"
}

.fa-header:before {
    content: "\f1dc"
}

.fa-paragraph:before {
    content: "\f1dd"
}

.fa-sliders:before {
    content: "\f1de"
}

.fa-share-alt:before {
    content: "\f1e0"
}

.fa-share-alt-square:before {
    content: "\f1e1"
}

.fa-bomb:before {
    content: "\f1e2"
}

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
    content: "\f1e3"
}

.fa-tty:before {
    content: "\f1e4"
}

.fa-binoculars:before {
    content: "\f1e5"
}

.fa-plug:before {
    content: "\f1e6"
}

.fa-slideshare:before {
    content: "\f1e7"
}

.fa-twitch:before {
    content: "\f1e8"
}

.fa-yelp:before {
    content: "\f1e9"
}

.fa-newspaper-o:before {
    content: "\f1ea"
}

.fa-wifi:before {
    content: "\f1eb"
}

.fa-calculator:before {
    content: "\f1ec"
}

.fa-paypal:before {
    content: "\f1ed"
}

.fa-google-wallet:before {
    content: "\f1ee"
}

.fa-cc-visa:before {
    content: "\f1f0"
}

.fa-cc-mastercard:before {
    content: "\f1f1"
}

.fa-cc-discover:before {
    content: "\f1f2"
}

.fa-cc-amex:before {
    content: "\f1f3"
}

.fa-cc-paypal:before {
    content: "\f1f4"
}

.fa-cc-stripe:before {
    content: "\f1f5"
}

.fa-bell-slash:before {
    content: "\f1f6"
}

.fa-bell-slash-o:before {
    content: "\f1f7"
}

.fa-trash:before {
    content: "\f1f8"
}

.fa-copyright:before {
    content: "\f1f9"
}

.fa-at:before {
    content: "\f1fa"
}

.fa-eyedropper:before {
    content: "\f1fb"
}

.fa-paint-brush:before {
    content: "\f1fc"
}

.fa-birthday-cake:before {
    content: "\f1fd"
}

.fa-area-chart:before {
    content: "\f1fe"
}

.fa-pie-chart:before {
    content: "\f200"
}

.fa-line-chart:before {
    content: "\f201"
}

.fa-lastfm:before {
    content: "\f202"
}

.fa-lastfm-square:before {
    content: "\f203"
}

.fa-toggle-off:before {
    content: "\f204"
}

.fa-toggle-on:before {
    content: "\f205"
}

.fa-bicycle:before {
    content: "\f206"
}

.fa-bus:before {
    content: "\f207"
}

.fa-ioxhost:before {
    content: "\f208"
}

.fa-angellist:before {
    content: "\f209"
}

.fa-cc:before {
    content: "\f20a"
}

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
    content: "\f20b"
}

.fa-meanpath:before {
    content: "\f20c"
}

.fa-buysellads:before {
    content: "\f20d"
}

.fa-connectdevelop:before {
    content: "\f20e"
}

.fa-dashcube:before {
    content: "\f210"
}

.fa-forumbee:before {
    content: "\f211"
}

.fa-leanpub:before {
    content: "\f212"
}

.fa-sellsy:before {
    content: "\f213"
}

.fa-shirtsinbulk:before {
    content: "\f214"
}

.fa-simplybuilt:before {
    content: "\f215"
}

.fa-skyatlas:before {
    content: "\f216"
}

.fa-cart-plus:before {
    content: "\f217"
}

.fa-cart-arrow-down:before {
    content: "\f218"
}

.fa-diamond:before {
    content: "\f219"
}

.fa-ship:before {
    content: "\f21a"
}

.fa-user-secret:before {
    content: "\f21b"
}

.fa-motorcycle:before {
    content: "\f21c"
}

.fa-street-view:before {
    content: "\f21d"
}

.fa-heartbeat:before {
    content: "\f21e"
}

.fa-venus:before {
    content: "\f221"
}

.fa-mars:before {
    content: "\f222"
}

.fa-mercury:before {
    content: "\f223"
}

.fa-transgender:before {
    content: "\f224"
}

.fa-transgender-alt:before {
    content: "\f225"
}

.fa-venus-double:before {
    content: "\f226"
}

.fa-mars-double:before {
    content: "\f227"
}

.fa-venus-mars:before {
    content: "\f228"
}

.fa-mars-stroke:before {
    content: "\f229"
}

.fa-mars-stroke-v:before {
    content: "\f22a"
}

.fa-mars-stroke-h:before {
    content: "\f22b"
}

.fa-neuter:before {
    content: "\f22c"
}

.fa-facebook-official:before {
    content: "\f230"
}

.fa-pinterest-p:before {
    content: "\f231"
}

.fa-whatsapp:before {
    content: "\f232"
}

.fa-server:before {
    content: "\f233"
}

.fa-user-plus:before {
    content: "\f234"
}

.fa-user-times:before {
    content: "\f235"
}

.fa-hotel:before,
.fa-bed:before {
    content: "\f236"
}

.fa-viacoin:before {
    content: "\f237"
}

.fa-train:before {
    content: "\f238"
}

.fa-subway:before {
    content: "\f239"
}

.fa-medium:before {
    content: "\f23a"
}


/*!
 * Hover.css (http://ianlunn.github.io/Hover/)
 * Version: 2.0.1
 * Author: Ian Lunn @IanLunn
 * Author URL: http://ianlunn.co.uk/
 * Github: https://github.com/IanLunn/Hover

 * Made available under a MIT License:
 * http://www.opensource.org/licenses/mit-license.php

 * Hover.css Copyright Ian Lunn 2014. Generated with Sass.
 */

.hvr-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .5s;
    transition-duration: 0.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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .5s;
    transition-duration: 0.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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.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-fade {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    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, 0.75)
    }
}

@keyframes hvr-back-pulse {
    50% {
        background-color: rgba(32, 152, 209, 0.75)
    }
}

.hvr-back-pulse {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: 0.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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: 0.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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: 0.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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: 0.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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .5s;
    transition-duration: 0.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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .5s;
    transition-duration: 0.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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .5s;
    transition-duration: 0.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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .5s;
    transition-duration: 0.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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: 0.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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
    background: #2098d1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: 0.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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #2098d1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: 0.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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: 0.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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #2098d1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: 0.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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: 0.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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #2098d1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: 0.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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: 0.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: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -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 transparent
}

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

.hvr-hollow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -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 transparent
}

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

.hvr-trim {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: 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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden
}

.hvr-underline-from-center:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden
}

.hvr-overline-from-center:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow
}

.hvr-glow:active,
.hvr-glow:focus,
.hvr-glow:hover {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6)
}

.hvr-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: 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, 0.5)
}

.hvr-grow-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: 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, 0.5);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.hvr-box-shadow-outset {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: 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, 0.6)
}

.hvr-box-shadow-inset {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -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, 0.6), 0 0 1px transparent
}

.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, 0.6), 0 0 1px transparent
}

.hvr-float-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    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, transparent 80%);
    background: radial, ellipse center, rgba(0, 0, 0, 0.35) 0, transparent 80%;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity
}

.hvr-float-shadow:active,
.hvr-float-shadow:focus,
.hvr-float-shadow:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.hvr-float-shadow:active:before,
.hvr-float-shadow:focus:before,
.hvr-float-shadow:hover:before {
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px)
}

.hvr-shadow-radial {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    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, transparent 80%);
    background: radial, ellipse 50% 150%, rgba(0, 0, 0, 0.6) 0, transparent 80%
}

.hvr-shadow-radial:after {
    top: 100%;
    background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0, transparent 80%);
    background: radial, ellipse 50% -50%, rgba(0, 0, 0, 0.6) 0, transparent 80%
}

.hvr-shadow-radial:active:after,
.hvr-shadow-radial:active:before,
.hvr-shadow-radial:focus:after,
.hvr-shadow-radial:focus:before,
.hvr-shadow-radial:hover:after,
.hvr-shadow-radial:hover:before {
    opacity: 1
}

.hvr-bubble-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-left: 2.2em;
    -webkit-transition-duration: .1s;
    transition-duration: 0.1s
}

.hvr-icon-back:before {
    content: "\f137";
    position: absolute;
    left: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -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:before,
.hvr-icon-back:focus:before,
.hvr-icon-back:hover:before {
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px)
}

.hvr-icon-forward {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .1s;
    transition-duration: 0.1s
}

.hvr-icon-forward:before {
    content: "\f138";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -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:before,
.hvr-icon-forward:focus:before,
.hvr-icon-forward:hover:before {
    -webkit-transform: translateX(4px);
    transform: translateX(4px)
}

@-webkit-keyframes hvr-icon-down {
    0%,
    100%,
    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    25%,
    75% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

@keyframes hvr-icon-down {
    0%,
    100%,
    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    25%,
    75% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

.hvr-icon-down {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-down:before {
    content: "\f01a";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-down:active:before,
.hvr-icon-down:focus:before,
.hvr-icon-down:hover:before {
    -webkit-animation-name: hvr-icon-down;
    animation-name: hvr-icon-down;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes hvr-icon-up {
    0%,
    100%,
    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    25%,
    75% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

@keyframes hvr-icon-up {
    0%,
    100%,
    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    25%,
    75% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

.hvr-icon-up {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-up:before {
    content: "\f01b";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-up:active:before,
.hvr-icon-up:focus:before,
.hvr-icon-up:hover:before {
    -webkit-animation-name: hvr-icon-up;
    animation-name: hvr-icon-up;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.hvr-icon-spin {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-spin:before {
    content: "\f021";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -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:before,
.hvr-icon-spin:focus:before,
.hvr-icon-spin:hover:before {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
}

@-webkit-keyframes hvr-icon-drop {
    0% {
        opacity: 0
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    100%,
    51% {
        opacity: 1
    }
}

@keyframes hvr-icon-drop {
    0% {
        opacity: 0
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    100%,
    51% {
        opacity: 1
    }
}

.hvr-icon-drop {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-drop:before {
    content: "\f041";
    position: absolute;
    right: 1em;
    opacity: 1;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-drop:active:before,
.hvr-icon-drop:focus:before,
.hvr-icon-drop:hover:before {
    opacity: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-animation-name: hvr-icon-drop;
    animation-name: hvr-icon-drop;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: cubic-bezier(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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-fade:before {
    content: "\f00c";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: color;
    transition-property: color
}

.hvr-icon-fade:active:before,
.hvr-icon-fade:focus:before,
.hvr-icon-fade:hover:before {
    color: #0F9E5E
}

@-webkit-keyframes hvr-icon-float-away {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-1em);
        transform: translateY(-1em)
    }
}

@keyframes hvr-icon-float-away {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-1em);
        transform: translateY(-1em)
    }
}

.hvr-icon-float-away {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-float-away:after,
.hvr-icon-float-away:before {
    content: "\f055";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome
}

.hvr-icon-float-away:after {
    opacity: 0;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.hvr-icon-float-away:active:after,
.hvr-icon-float-away:focus:after,
.hvr-icon-float-away:hover:after {
    -webkit-animation-name: hvr-icon-float-away;
    animation-name: hvr-icon-float-away;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes hvr-icon-sink-away {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(1em);
        transform: translateY(1em)
    }
}

@keyframes hvr-icon-sink-away {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(1em);
        transform: translateY(1em)
    }
}

.hvr-icon-sink-away {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-sink-away:after,
.hvr-icon-sink-away:before {
    content: "\f056";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-sink-away:after {
    opacity: 0;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.hvr-icon-sink-away:active:after,
.hvr-icon-sink-away:focus:after,
.hvr-icon-sink-away:hover:after {
    -webkit-animation-name: hvr-icon-sink-away;
    animation-name: hvr-icon-sink-away;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.hvr-icon-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: 0.3s
}

.hvr-icon-grow:before {
    content: "\f118";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-grow:active:before,
.hvr-icon-grow:focus:before,
.hvr-icon-grow:hover:before {
    -webkit-transform: scale(1.3) translateZ(0);
    transform: scale(1.3) translateZ(0)
}

.hvr-icon-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: 0.3s
}

.hvr-icon-shrink:before {
    content: "\f119";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-shrink:active:before,
.hvr-icon-shrink:focus:before,
.hvr-icon-shrink:hover:before {
    -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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-pulse:before {
    content: "\f015";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

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

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

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

.hvr-icon-pulse-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-pulse-grow:before {
    content: "\f015";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

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

@-webkit-keyframes hvr-icon-pulse-shrink {
    to {
        -webkit-transform: scale(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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-pulse-shrink:before {
    content: "\f015";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

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

@-webkit-keyframes hvr-icon-push {
    50% {
        -webkit-transform: scale(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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: 0.3s
}

.hvr-icon-push:before {
    content: "\f006";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-push:active:before,
.hvr-icon-push:focus:before,
.hvr-icon-push:hover:before {
    -webkit-animation-name: hvr-icon-push;
    animation-name: hvr-icon-push;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-icon-pop {
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

@keyframes hvr-icon-pop {
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

.hvr-icon-pop {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: 0.3s
}

.hvr-icon-pop:before {
    content: "\f005";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-pop:active:before,
.hvr-icon-pop:focus:before,
.hvr-icon-pop:hover:before {
    -webkit-animation-name: hvr-icon-pop;
    animation-name: hvr-icon-pop;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.hvr-icon-bounce {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: 0.3s
}

.hvr-icon-bounce:before {
    content: "\f087";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-bounce:active:before,
.hvr-icon-bounce:focus:before,
.hvr-icon-bounce:hover:before {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition-timing-function: cubic-bezier(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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: 0.3s
}

.hvr-icon-rotate:before {
    content: "\f0c6";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-rotate:active:before,
.hvr-icon-rotate:focus:before,
.hvr-icon-rotate:hover:before {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg)
}

.hvr-icon-grow-rotate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: 0.3s
}

.hvr-icon-grow-rotate:before {
    content: "\f095";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-grow-rotate:active:before,
.hvr-icon-grow-rotate:focus:before,
.hvr-icon-grow-rotate:hover:before {
    -webkit-transform: scale(1.5) rotate(12deg);
    transform: scale(1.5) rotate(12deg)
}

.hvr-icon-float {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: 0.3s
}

.hvr-icon-float:before {
    content: "\f01b";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-float:active:before,
.hvr-icon-float:focus:before,
.hvr-icon-float:hover:before {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px)
}

.hvr-icon-sink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: 0.3s
}

.hvr-icon-sink:before {
    content: "\f01a";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-sink:active:before,
.hvr-icon-sink:focus:before,
.hvr-icon-sink:hover:before {
    -webkit-transform: translateY(4px);
    transform: translateY(4px)
}

@-webkit-keyframes hvr-icon-bob {
    0% {
        -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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: 0.3s
}

.hvr-icon-bob:before {
    content: "\f077";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-bob:active:before,
.hvr-icon-bob:focus:before,
.hvr-icon-bob:hover:before {
    -webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob;
    animation-name: hvr-icon-bob-float, hvr-icon-bob;
    -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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: 0.3s
}

.hvr-icon-hang:before {
    content: "\f078";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-hang:active:before,
.hvr-icon-hang:focus:before,
.hvr-icon-hang:hover:before {
    -webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang;
    animation-name: hvr-icon-hang-sink, hvr-icon-hang;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate
}

@-webkit-keyframes hvr-icon-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px)
    }
    33.3% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }
    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }
    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }
    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes hvr-icon-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px)
    }
    33.3% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }
    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }
    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }
    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.hvr-icon-wobble-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: 0.3s
}

.hvr-icon-wobble-horizontal:before {
    content: "\f061";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-wobble-horizontal:active:before,
.hvr-icon-wobble-horizontal:focus:before,
.hvr-icon-wobble-horizontal:hover:before {
    -webkit-animation-name: hvr-icon-wobble-horizontal;
    animation-name: hvr-icon-wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-icon-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
    33.3% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }
    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }
    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }
    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes hvr-icon-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
    33.3% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }
    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }
    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }
    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.hvr-icon-wobble-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: 0.3s
}

.hvr-icon-wobble-vertical:before {
    content: "\f062";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-wobble-vertical:active:before,
.hvr-icon-wobble-vertical:focus:before,
.hvr-icon-wobble-vertical:hover:before {
    -webkit-animation-name: hvr-icon-wobble-vertical;
    animation-name: hvr-icon-wobble-vertical;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-icon-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }
    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
}

@keyframes hvr-icon-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }
    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
}

.hvr-icon-buzz {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: 0.3s
}

.hvr-icon-buzz:before {
    content: "\f017";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-buzz:active:before,
.hvr-icon-buzz:focus:before,
.hvr-icon-buzz:hover:before {
    -webkit-animation-name: hvr-icon-buzz;
    animation-name: hvr-icon-buzz;
    -webkit-animation-duration: .15s;
    animation-duration: .15s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes hvr-icon-buzz-out {
    10% {
        -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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: 0.3s
}

.hvr-icon-buzz-out:before {
    content: "\f023";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-buzz-out:active:before,
.hvr-icon-buzz-out:focus:before,
.hvr-icon-buzz-out:hover:before {
    -webkit-animation-name: hvr-icon-buzz-out;
    animation-name: hvr-icon-buzz-out;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.hvr-curl-top-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    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, 135deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%;
    z-index: 1000;
    box-shadow: 1px 1px 1px rgba(0, 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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    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, 225deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%;
    box-shadow: -1px 1px 1px rgba(0, 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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    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, 315deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%;
    box-shadow: -1px -1px 1px rgba(0, 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: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    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, 45deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%;
    box-shadow: 1px -1px 1px rgba(0, 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
}

.icon-arrow-down:before {
    content: "\f100";
    font-family: "FontAwesome"
}

.icon-arrow-left:before {
    content: "\f104";
    font-family: "FontAwesome"
}

.icon-arrow-right:before {
    content: "\f105";
    font-family: "FontAwesome"
}

.icon-arrow-up:before {
    content: "\f103";
    font-family: "FontAwesome"
}

.icon-checkmark:before,
.list-check li:before,
.label-radio.selected:before {
    content: "\f00c";
    font-family: "FontAwesome"
}

.icon-facebook:before {
    content: "\f105";
    font-family: "FontAwesome"
}

.icon-googleplus:before {
    content: "\f106";
    font-family: "FontAwesome"
}

.icon-linkedin:before {
    content: "\f107";
    font-family: "FontAwesome"
}

.icon-menu:before {
    content: "\f108";
    font-family: "FontAwesome"
}

.icon-twitter:before {
    content: "\f109";
    font-family: "FontAwesome"
}

.main i.green.icon {
    color: #21ba45 !important;
}

.main i.inverted.circular.green.icon {
    background-color: #F99D1C;
}

.main i.red.icon {
    color: #cd2e2d !important
}

.main i.inverted.circular.red.icon {
    background-color: #cd2e2d !important
}

.main i.yellow.icon {
    color: #fecf0a !important
}

.main i.inverted.circular.yellow.icon {
    background-color: #fecf0a !important
}

.main i.blue.icon {
    color: #2ba3b9 !important
}

.main i.inverted.circular.blue.icon {
    background-color: #2ba3b9 !important
}

header,
footer,
article,
section,
hgroup,
nav,
figure {
    display: block
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
input,
textarea,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    margin: 0;
    padding: 0
}

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

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: none
}

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

:focus {
    outline: none
}

::-moz-focus-inner {
    border: 0
}

body,
html {
    overflow-x: hidden;
    background: #ffffff;
    height: auto !important
}

body {
    position: static !important
}

canvas {
    max-width: 100%;
    height: auto
}

.main {
    background: #2D343E
}

@media (min-width: 841px) {
    .main {
        padding-top: 75px
    }
}

.table-grid .cell,
.list-awards li {
    display: table-cell;
    padding: 0 10px;
    vertical-align: middle
}

.table-grid .cell:first-child,
.list-awards li:first-child {
    padding-left: 0
}

.table-grid .cell:last-child,
.list-awards li:last-child {
    padding-right: 0
}

.table-grid .last.cell,
.list-awards li.last {
    padding-right: 0
}

.container,
.row,
.span1,
.span2,
.span3,
.span4,
.span5,
.span6,
.span7,
.span8,
.span9,
.span10,
.span11,
.span12,
.footer-content,
.form-row,
.section-header,
.subsection {
    *zoom: 1
}

.container:before,
.row:before,
.span1:before,
.span2:before,
.span3:before,
.span4:before,
.span5:before,
.span6:before,
.span7:before,
.span8:before,
.span9:before,
.span10:before,
.span11:before,
.span12:before,
.footer-content:before,
.form-row:before,
.section-header:before,
.subsection:before,
.container:after,
.row:after,
.span1:after,
.span2:after,
.span3:after,
.span4:after,
.span5:after,
.span6:after,
.span7:after,
.span8:after,
.span9:after,
.span10:after,
.span11:after,
.span12:after,
.footer-content:after,
.form-row:after,
.section-header:after,
.subsection:after {
    content: " ";
    display: table
}

.container:after,
.row:after,
.span1:after,
.span2:after,
.span3:after,
.span4:after,
.span5:after,
.span6:after,
.span7:after,
.span8:after,
.span9:after,
.span10:after,
.span11:after,
.span12:after,
.footer-content:after,
.form-row:after,
.section-header:after,
.subsection:after {
    clear: both
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 10px
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
    margin-top: 0
}

.text-container {
    max-width: 700px;
    margin: 0 auto;
    padding: 0px 10px
}

@media (max-width: 840px) {
    .text-container {
        max-width: none;
        width: 100%
    }
}

.text-container.wide {
    max-width: 900px
}

@media (max-width: 840px) {
    .text-container.wide {
        max-width: none;
        width: 100%
    }
}

.container {
    margin: 0 auto;
    padding: 0 20px;
    max-width: 1200px
}

.container.wide {
    max-width: 100%
}

.lt-ie9 .container {
    width: 1200px
}

@media all and (max-width: 480px) {
    .container {
        padding: 0 10px
    }
}

.span1 {
    display: block;
    float: left;
    margin-left: 2.35765%;
    width: 6.17215%
}

.span1:first-child {
    margin-left: 0
}

.span2 {
    display: block;
    float: left;
    margin-left: 2.35765%;
    width: 14.70196%
}

.span2:first-child {
    margin-left: 0
}

.span3 {
    display: block;
    float: left;
    margin-left: 2.35765%;
    width: 23.23176%
}

.span3:first-child {
    margin-left: 0
}

.span4 {
    display: block;
    float: left;
    margin-left: 2.35765%;
    width: 31.76157%
}

.span4:first-child {
    margin-left: 0
}

.span5 {
    display: block;
    float: left;
    margin-left: 2.35765%;
    width: 40.29137%
}

.span5:first-child {
    margin-left: 0
}

.span6 {
    display: block;
    float: left;
    margin-left: 2.35765%;
    width: 48.82117%
}

.span6:first-child {
    margin-left: 0
}

.span7 {
    display: block;
    float: left;
    margin-left: 2.35765%;
    width: 57.35098%
}

.span7:first-child {
    margin-left: 0
}

.span8 {
    display: block;
    float: left;
    margin-left: 2.35765%;
    width: 65.88078%
}

.span8:first-child {
    margin-left: 0
}

.span9 {
    display: block;
    float: left;
    margin-left: 2.35765%;
    width: 74.41059%
}

.span9:first-child {
    margin-left: 0
}

.span10 {
    display: block;
    float: left;
    margin-left: 2.35765%;
    width: 82.94039%
}

.span10:first-child {
    margin-left: 0
}

.span11 {
    display: block;
    float: left;
    margin-left: 2.35765%;
    width: 91.4702%
}

.span11:first-child {
    margin-left: 0
}

.span12 {
    display: block;
    float: left;
    margin-left: 2.35765%;
    width: 100%
}

.span12:first-child {
    margin-left: 0
}

@media all and (max-width: 720px) {
    .span1 {
        display: block;
        float: none;
        margin-left: 0;
        width: auto
    }
    .span2 {
        display: block;
        float: none;
        margin-left: 0;
        width: auto
    }
    .span3 {
        display: block;
        float: none;
        margin-left: 0;
        width: auto
    }
    .span4 {
        display: block;
        float: none;
        margin-left: 0;
        width: auto
    }
    .span5 {
        display: block;
        float: none;
        margin-left: 0;
        width: auto
    }
    .span6 {
        display: block;
        float: none;
        margin-left: 0;
        width: auto
    }
    .span7 {
        display: block;
        float: none;
        margin-left: 0;
        width: auto
    }
    .span8 {
        display: block;
        float: none;
        margin-left: 0;
        width: auto
    }
    .span9 {
        display: block;
        float: none;
        margin-left: 0;
        width: auto
    }
    .span10 {
        display: block;
        float: none;
        margin-left: 0;
        width: auto
    }
    .span11 {
        display: block;
        float: none;
        margin-left: 0;
        width: auto
    }
    .span12 {
        display: block;
        float: none;
        margin-left: 0;
        width: auto
    }
}

.table-grid {
    display: table;
    width: 100%
}

@media all and (max-width: 720px) {
    .table-grid {
        display: block;
        width: auto
    }
    .table-grid .cell {
        display: block;
        padding: 10px 0;
        width: auto
    }
}

.cell1 {
    padding: 0 25px;
    display: table-cell;
    width: 14.87299%;
    vertical-align: middle
}

.cell1:first-child {
    width: 10.76207%
}

@media all and (max-width: 720px) {
    .cell1 {
        display: block;
        padding: 10px 0;
        width: auto
    }
}

.cell2 {
    padding: 0 25px;
    display: table-cell;
    width: 29.74598%;
    vertical-align: middle
}

.cell2:first-child {
    width: 25.63506%
}

@media all and (max-width: 720px) {
    .cell2 {
        display: block;
        padding: 10px 0;
        width: auto
    }
}

.cell3 {
    padding: 0 25px;
    display: table-cell;
    width: 44.61896%;
    vertical-align: middle
}

.cell3:first-child {
    width: 40.50805%
}

@media all and (max-width: 720px) {
    .cell3 {
        display: block;
        padding: 10px 0;
        width: auto
    }
}

.cell4 {
    padding: 0 25px;
    display: table-cell;
    width: 59.49195%;
    vertical-align: middle
}

.cell4:first-child {
    width: 55.38104%
}

@media all and (max-width: 720px) {
    .cell4 {
        display: block;
        padding: 10px 0;
        width: auto
    }
}

.cell5 {
    padding: 0 25px;
    display: table-cell;
    width: 74.36494%;
    vertical-align: middle
}

.cell5:first-child {
    width: 70.25402%
}

@media all and (max-width: 720px) {
    .cell5 {
        display: block;
        padding: 10px 0;
        width: auto
    }
}

.cell6 {
    padding: 0 25px;
    display: table-cell;
    width: 89.23793%;
    vertical-align: middle
}

.cell6:first-child {
    width: 85.12701%
}

@media all and (max-width: 720px) {
    .cell6 {
        display: block;
        padding: 10px 0;
        width: auto
    }
}

.cell7 {
    padding: 0 25px;
    display: table-cell;
    width: 104.11092%;
    vertical-align: middle
}

.cell7:first-child {
    width: 100%
}

@media all and (max-width: 720px) {
    .cell7 {
        display: block;
        padding: 10px 0;
        width: auto
    }
}

.pull-left {
    float: left
}

.pull-right {
    float: right
}

.align-center {
    text-align: center
}

.align-left {
    text-align: left
}

.align-right {
    text-align: right
}

.inline {
    display: inline-block
}

.product-logo {
    font-family: 'Open Sans';
    font-weight: 400
}
.logo-wrap img {
    /*width: 215px; */
}


@media (max-width: 720px) {
    .hidden-mobile-small {
        display: none !important
    }
}

.visible-mobile-small {
    display: none !important
}

@media (max-width: 720px) {
    .visible-mobile-small {
        display: block !important
    }
}

@media (max-width: 1024px) {
    .hidden-mobile-large {
        display: none !important
    }
}

.award-ribbon {
    width: 15%
}

@media (max-width: 1575px) {
    .award-ribbon {
        width: 13%
    }
}

@media (max-width: 1400px) {
    .award-ribbon {
        width: 11%
    }
}

@media (max-width: 1250px) {
    .award-ribbon {
        display: none
    }
}

@media (min-width: 1250px) {
    .award-ribbon-mobile {
        display: none
    }
}

@media (min-width: 886px) and (max-width: 1249px) {
    .award-ribbon-mobile {
        position: absolute;
        right: 0;
        top: 159px;
        z-index: 1;
        width: 19%
    }
}

@media (min-width: 721px) and (max-width: 885px) {
    .award-ribbon-mobile {
        position: absolute;
        right: 0;
        top: 172px;
        z-index: 1;
        width: 22%
    }
}

@media (min-width: 663px) and (max-width: 720px) {
    .award-ribbon-mobile {
        position: absolute;
        right: 0;
        top: 220px;
        z-index: 1;
        width: 24%
    }
}

@media (min-width: 481px) and (max-width: 662px) {
    .award-ribbon-mobile {
        position: absolute;
        right: 0;
        top: 462px;
        z-index: 1;
        width: 31%
    }
}

@media (min-width: 200px) and (max-width: 481px) {
    .award-ribbon-mobile {
        position: absolute;
        right: 0;
        top: 460px;
        z-index: 1;
        width: 35%
    }
}

@media all and (max-width: 850px) {
    .desktop {
        left: -9999px;
        position: absolute;
        top: -9999px
    }
}

@media all and (min-width: 721px) {
    .mobile {
        left: -9999px;
        position: absolute;
        top: -9999px
    }
}

.lt-ie9 .mobile {
    display: none
}

.invisible {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease
}

.wow {
    visibility: hidden
}

.uppercase {
    text-transform: uppercase
}

.traceview-green {
    color: #F99D1C
}

.appview-red {
    color: #cd2e2d
}

.flowview-yellow {
    color: #fecf0a
}

.traceview-light-green {
  
}

.appview-light-red {
    color: #cd2e2d
}

.flowview-light-yellow {
    color: #fecf0a
}

.pathview-blue {
    color: #2ba3b9
}

.word-break {
    word-break: break-word
}

.parallax-100 {
    min-height: 100vh
}

@media (max-width: 1050px) {
    .parallax-100 {
        min-height: 0
    }
}

.parallax-80 {
    min-height: 80vh
}

@media (max-width: 1050px) {
    .parallax-80 {
        min-height: 0
    }
}

.parallax-70 {
    min-height: 70vh
}

@media (max-width: 1050px) {
    .parallax-70 {
        min-height: 0;
        margin-bottom: -5px
    }
}

.parallax-60 {
    min-height: 59vh
}

@media (max-width: 1050px) {
    .parallax-60 {
        min-height: 0;
        margin-bottom: -5px
    }
}

.parallax-50 {
    min-height: 50vh
}

@media (max-width: 1050px) {
    .parallax-50 {
        min-height: 0
    }
}

.parallax-40 {
    min-height: 40vh
}

@media (max-width: 1050px) {
    .parallax-40 {
        min-height: 0
    }
}

.parallax-30 {
    min-height: 30vh
}

@media (max-width: 1050px) {
    .parallax-30 {
        min-height: 0
    }
}

.parallax-20 {
    min-height: 20vh
}

@media (max-width: 1050px) {
    .parallax-20 {
        min-height: 0
    }
}

.parallax-10 {
    min-height: 10vh
}

@media (max-width: 1050px) {
    .parallax-10 {
        min-height: 0
    }
}

@-webkit-keyframes pulse {
    0% {
        box-shadow: 0
    }
    50% {
        box-shadow: 0 0 0 20px rgba(60, 174, 189, 0.3)
    }
    100% {
        box-shadow: 0
    }
}

@-moz-keyframes pulse {
    0% {
        box-shadow: 0
    }
    50% {
        box-shadow: 0 0 0 20px rgba(60, 174, 189, 0.3)
    }
    100% {
        box-shadow: 0
    }
}

@-o-keyframes pulse {
    0% {
        box-shadow: 0
    }
    50% {
        box-shadow: 0 0 0 20px rgba(60, 174, 189, 0.3)
    }
    100% {
        box-shadow: 0
    }
}

@keyframes pulse {
    0% {
        box-shadow: 0
    }
    50% {
        box-shadow: 0 0 0 20px rgba(60, 174, 189, 0.3)
    }
    100% {
        box-shadow: 0
    }
}

.icon-quotation {
    background-color: #FFF;
    background-repeat: no-repeat;
    border-radius: 3px;
    display: inline-block;
    line-height: 1;
    background-image: url(../images/sprite.png);
    background-position: -232px -86px;
    width: 40px;
    height: 40px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .icon-quotation {
        background-image: url(/images/sprite2x.png) !important;
        background-size: 476px 250px
    }
}

.icon-circle {
    background-image: url(/images/sprite.png);
    height: 49px;
    display: inline-block;
    width: 49px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .icon-circle {
        background-image: url(/images/sprite2x.png) !important;
        background-size: 476px 250px
    }
}

.icon-circle.arrows {
    background-position: -102px -158px
}

.icon-circle.building {
    background-position: -153px -107px
}

.icon-circle.chain-break {
    background-position: -51px -56px
}

.icon-circle.cloud {
    background-position: -102px -56px
}

.icon-circle.code {
    background-position: -153px -56px
}

.icon-circle.globe {
    background-position: 0px -107px
}

.icon-circle.intersection {
    background-position: -51px -107px
}

.icon-circle.lightning {
    background-position: -102px -107px
}

.icon-circle.phone {
    background-position: 0px -56px
}

.icon-circle.server {
    background-position: 0px -158px
}

.icon-circle.settings {
    background-position: -51px -158px
}

.sprite-logo {
    clear: both;
    display: inline-block;
    color: transparent;
    font: 0/0 a;
    text-shadow: none;
    margin: 0 0 10px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .sprite-logo {
        background-image: url(/images/sprite2x.png) !important;
        background-size: 476px 250px
    }
}

.sprite-logo.traceview {
    background-image: url(/images/sprite.png);
    background-position: 0px -209px;
    width: 269px;
    height: 41px
}

.sprite-logo.appview {
    background-image: url(/images/sprite.png);
    background-position: 0px 0px;
    width: 230px;
    height: 54px
}

.sprite-logo.flowview {
    background-image: url(/images/sprite.png);
    background-position: -232px 0px;
    width: 244px;
    height: 41px
}

.sprite-logo.pathview {
    background-image: url(/images/sprite.png);
    background-position: -232px -43px;
    width: 244px;
    height: 41px
}

.pulse-marker {
    background: #d6d4d4;
    border-radius: 50%;
    height: 14px;
    width: 14px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 11px 0px 0px -12px;
    transform: rotateX(55deg);
    z-index: -2
}

.pulse-marker:after {
    content: "";
    border-radius: 50%;
    height: 40px;
    width: 40px;
    position: absolute;
    margin: -13px 0 0 -13px;
    animation: pulsate-marker 1s ease-out;
    animation-iteration-count: infinite;
    opacity: 0;
    box-shadow: 0 0 1px 2px #00cae9;
    animation-delay: 1.1s
}

@keyframes pulsate-marker {
    0% {
        transform: scale(0.1, 0.1);
        opacity: 0
    }
    50% {
        opacity: 1
    }
    100% {
        transform: scale(1.2, 1.2);
        opacity: 0
    }
}

body,
p {
    font-family: "Open Sans", sans-serif !important
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "montserratregular", sans-serif, "Helvetica Neue", "Arial", sans-serif !important;
    line-height: 1.4
}

h1 {
    color: #FFF;
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 1.3
}

h1 .page-title {
    color: #304C57;
    font-size: 50px;
    font-size: 3.125rem;
    font-weight: 300;
    line-height: 1.5
}

@media all and (max-width: 720px) {
    .hero h1 {
        color: #2D343E
    }
    .hero.persona h1 {
        color: #FFF
    }
}

@media all and (max-width: 480px) {
    h1 {
        font-size: 22px;
        font-size: 1.375rem;
        line-height: 1.3
    }
}

h1.ui.header {
    font-size: 2.2rem !important
}

h1.ui.header.large {
    font-size: 3.3rem !important
}

h2 {
    color: #2D343E;
    font-size: 20px;
    font-size: 1.25rem
}

@media all and (max-width: 480px) {
    h2 {
        font-size: 18px;
        font-size: 1.125rem
    }
}

h3 {
    font-size: 15px;
    font-size: 0.9375rem;
    font-weight: 700;
    letter-spacing: .03em;
    text-transform: uppercase
}

h4 {
    color: #2D343E;
    color: rgba(45, 52, 62, 0.8);
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.9
}

@media all and (max-width: 850px) {
    h4 {
        line-height: 1.6
    }
}

@media all and (max-width: 480px) {
    h4 {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 1.4
    }
}

h5 {
    font-size: 14px;
    font-size: 0.875rem
}

a {
    color: #2ba3b9;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

a.dark {
    color: #5f5f5f
}

a.dark:hover {
    color: #424141;
    text-decoration: none
}

a:hover,
a:focus {
    color: #238698;
    text-decoration: underline
}

blockquote p {
    font-size: 16px;
    font-size: 1rem;
    font-style: italic
}

blockquote .source {
    font-size: 14px;
    font-size: 0.875rem;
    font-style: normal
}

em {
    font-style: italic
}

p {
    font-size: 14px;
    font-size: 0.875rem;
    letter-spacing: .01rem;
    line-height: 1.8;
    margin-top: 5px
}

@media all and (max-width: 720px) {
    p {
        font-size: 13px;
        font-size: 0.8125rem;
        line-height: 1.5
    }
}

small {
    font-size: 12px;
    font-size: 0.75rem
}

strong {
    font-weight: 700
}

strong.italic {
    font-style: italic;
    font-weight: 500
}

.blue {
    color: #438FE1
}

.dark {
    color: #2D343E
}

.lime {
    color: #BEE800
}

.orange {
    color: #ffce00
}

.pink {
    color: #FF6862
}

.teal {
    color: #3CAEBD
}

.light {
    color: #FFF
}

.soft-text-shadow {
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3)
}

.lead {
    font-weight: 300;
    font-size: 1.25rem
}

.lead.content-heavy {
    line-height: 1.6
}

.oblique {
    font-style: oblique;
    max-width: 600px;
    text-align: center;
    margin: 0 auto;
    margin-top: 2%
}

@media (max-width: 625px) {
    .oblique {
        font-size: .6rem
    }
}

.soft-text-shadow {
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3)
}

.about-page-headings {
    margin-top: 13% !important;
    text-align: center
}

.about-page-headings h1 {
    font-size: 3.5rem;
    font-weight: bold;
    letter-spacing: -2px
}

@media (max-width: 625px) {
    .about-page-headings h1 {
        font-size: 1.5rem
    }
}

.about-page-headings h2 {
    margin: 0 auto;
    text-align: center;
    max-width: 600px
}

@media (max-width: 625px) {
    .about-page-headings h2 {
        font-size: 1rem
    }
}

.about-page-headings h4 {
    font-size: 1.15rem;
    margin-top: -11px
}

@media (max-width: 625px) {
    .about-page-headings h4 {
        font-size: .8rem;
        padding: 10px 0px
    }
}

.tech-docs a {
    color: #4C4C4C
}

.tech-docs p {
    font-size: 1rem
}

.tech-docs h2 {
    font-size: 2.9rem
}

.tech-docs h3 {
    font-size: 1.3rem;
    text-transform: none;
    color: rgba(0, 0, 0, 0.7)
}

.tech-docs h5 {
    color: rgba(0, 0, 0, 0.7)
}

.homepage-hero-heading {
    font-size: 4rem
}

@media (max-width: 925px) {
    .homepage-hero-heading {
        font-size: 3rem
    }
}

@media (max-width: 720px) {
    .homepage-hero-heading {
        font-size: 2rem
    }
}

@media (max-width: 480px) {
    .homepage-hero-heading {
        font-size: 1.3rem
    }
}

@media (max-width: 720px) {
    .moving-text-heading {
        font-size: 1.3rem
    }
}

@media (max-width: 480px) {
    .moving-text-heading {
        font-size: .75rem
    }
}

.large-light-heading {
    color: #fff;
    font-variant: normal;
    font-size: 2.5rem
}

@media (max-width: 675px) {
    .large-light-heading {
        font-size: 2rem
    }
}

@media (max-width: 460px) {
    .large-light-heading {
        font-size: 1.7rem
    }
}

.components-heading {
    padding-top: 20px
}

.article-caption {
    padding: 3%;
    max-width: 700px;
    margin: 0 auto
}

.article-caption p {
    letter-spacing: 0.01rem;
    font-weight: 400;
    font-style: italic;
    font-size: 1rem;
    line-height: 1.4;
    color: rgba(0, 0, 0, 0.6)
}

.appmap .ui.header {
    margin-bottom: 5px
}

.homepage-title h1 {
    font-size: 4vw;
    font-weight: 800;
    letter-spacing: 2px;
    padding-top: 2%
}

@media (max-width: 960px) {
    .homepage-title h1 {
        font-size: 2rem
    }
}

.trademark {
    font-size: 16px;
    vertical-align: super
}

.ui.grey.header {
    color: #eef2f3
}

.ui.grey.vertical.divider {
    color: #eef2f3
}

.ui.red.header.appview {
    color: #cd2e2d !important
}

.ui.green.header.traceview {
    color: #222222 !important
}

.ui.blue.header.pathview {
    color: #2ba3b9 !important
}

.ui.yellow.header.flowview {
    color: #fecf0a !important
}

.hvr-underline-from-center:before {
    height: 2px !important;
    background: #00A6F1 !important
}

.article-sub-nav {
    position: fixed;
    top: 0px;
    width: 100%;
    background-color: #ffffff;
    z-index: 9999;
    display: none;
    padding: 5px 0;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0px -2px 3px
}

.article-sub-nav h3 {
    margin-top: -5px
}

.article-sub-nav .fast-spin {
    -webkit-transition: -webkit-transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
}

.article-sub-nav a {
    position: relative;
    color: #00a6f1;
    text-decoration: none;
    font-weight: 600
}

.article-sub-nav a:hover {
    color: #00a6f1
}

.article-sub-nav a:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #00a6f1;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s
}

.article-sub-nav a:hover:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}


/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/

@keyframes headerDown {
    from {
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

.headerDown {
    animation-name: headerDown;
    -webkit-animation-duration: .3s;
    animation-duration: .3s
}

@keyframes headerUp {
    from {
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

.headerUp {
    animation-name: headerUp;
    -webkit-animation-duration: .3s;
    animation-duration: .3s
}

.fast-animate {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

#crossfade>img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    opacity: 0;
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 20s linear infinite 0s;
    -moz-animation: imageAnimation 20s linear infinite 0s;
    -o-animation: imageAnimation 20s linear infinite 0s;
    -ms-animation: imageAnimation 20s linear infinite 0s;
    animation: imageAnimation 20s linear infinite 0s
}

#crossfade>img:nth-child(2) {
    -webkit-animation-delay: 4s;
    -moz-animation-delay: 4s;
    -o-animation-delay: 4s;
    -ms-animation-delay: 4s;
    animation-delay: 4s
}

#crossfade>img:nth-child(3) {
    -webkit-animation-delay: 8s;
    -moz-animation-delay: 8s;
    -o-animation-delay: 8s;
    -ms-animation-delay: 8s;
    animation-delay: 8s
}

#crossfade>img:nth-child(4) {
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s
}

#crossfade>img:nth-child(5) {
    -webkit-animation-delay: 16s;
    -moz-animation-delay: 16s;
    -o-animation-delay: 16s;
    -ms-animation-delay: 16s;
    animation-delay: 16s
}

@-webkit-keyframes imageAnimation {
    0% {
        opacity: 0;
        -webkit-animation-timing-function: ease-in
    }
    8% {
        opacity: 1;
        -webkit-animation-timing-function: ease-out
    }
    17% {
        opacity: 1
    }
    25% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-moz-keyframes imageAnimation {
    0% {
        opacity: 0;
        -moz-animation-timing-function: ease-in
    }
    8% {
        opacity: 1;
        -moz-animation-timing-function: ease-out
    }
    17% {
        opacity: 1
    }
    25% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-o-keyframes imageAnimation {
    0% {
        opacity: 0;
        -o-animation-timing-function: ease-in
    }
    8% {
        opacity: 1;
        -o-animation-timing-function: ease-out
    }
    17% {
        opacity: 1
    }
    25% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-ms-keyframes imageAnimation {
    0% {
        opacity: 0;
        -ms-animation-timing-function: ease-in
    }
    8% {
        opacity: 1;
        -ms-animation-timing-function: ease-out
    }
    17% {
        opacity: 1
    }
    25% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@keyframes imageAnimation {
    0% {
        opacity: 0;
        animation-timing-function: ease-in
    }
    8% {
        opacity: 1;
        animation-timing-function: ease-out
    }
    17% {
        opacity: 1
    }
    25% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

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

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

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

@-webkit-keyframes bounce {
    0%,
    20%,
    53%,
    80%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%,
    43% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@keyframes bounce {
    0%,
    20%,
    53%,
    80%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%,
    43% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        -ms-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        -ms-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        -ms-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {
    0%,
    50%,
    100% {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {
    0%,
    50%,
    100% {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

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

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        -ms-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

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

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1)
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1)
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        -ms-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1)
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        -ms-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        -ms-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1)
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        -ms-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        -ms-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

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

@-webkit-keyframes shake {
    0%,
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes shake {
    0%,
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        -ms-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        -ms-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

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

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        -ms-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        -ms-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        -ms-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        -ms-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        -ms-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        -ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

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

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        -ms-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        -ms-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        -ms-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        -ms-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        -ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes bounceIn {
    0%,
    20%,
    40%,
    60%,
    80%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes bounceIn {
    0%,
    20%,
    40%,
    60%,
    80%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        -ms-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        -ms-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        -ms-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        -ms-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes bounceInDown {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInDown {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        -ms-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        -ms-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        -ms-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        -ms-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes bounceInLeft {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInLeft {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        -ms-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        -ms-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        -ms-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        -ms-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes bounceInRight {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInRight {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        -ms-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        -ms-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        -ms-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        -ms-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes bounceInUp {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInUp {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        -ms-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        -ms-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        -ms-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        -ms-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

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

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        -ms-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        -ms-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        -ms-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        -ms-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        -ms-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

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

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        -ms-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        -ms-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

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

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        -ms-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        -ms-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

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

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        -ms-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        -ms-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        -ms-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

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

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

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

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

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        -ms-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

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

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

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

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

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

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

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

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

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

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

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

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

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

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

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

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

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

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

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

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

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

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

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

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

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

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

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

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

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

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

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

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

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

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

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        -ms-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

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

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        -ms-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

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

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

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

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

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -ms-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    100% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    -ms-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-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-transition-timing-function: ease-in;
        transition-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)
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        -ms-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);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px)
    }
}

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

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px)
    }
}

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

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

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important
}

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

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        -ms-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        -ms-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        -ms-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }
    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1
    }
    100% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }
    100% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        -ms-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

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

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

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

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        -ms-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1
    }
}

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

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        -ms-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1
    }
}

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

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        -ms-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1
    }
}

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

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        -ms-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1
    }
}

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

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

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

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

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        -ms-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

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

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        -ms-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

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

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        -ms-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

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

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        -ms-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

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

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    100% {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        -ms-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        -ms-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    100% {
        -webkit-transform: translate3d(0, 700px, 0);
        -ms-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

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

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        -ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        -ms-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

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

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
    50% {
        opacity: 1
    }
}

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

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

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

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

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

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

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

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

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

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
    100% {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
    100% {
        opacity: 0
    }
}

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

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

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

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        -ms-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
        transform-origin: left center
    }
}

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

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        -ms-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        -ms-transform-origin: right center;
        transform-origin: right center
    }
}

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

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

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

.animateBg {
    animation-name: animateBg;
    -webkit-animation-name: animateBg;
    animation-duration: infinite;
    -webkit-animation-duration: infinite;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    visibility: visible !important
}

@keyframes animateBg {
    0% {
        background-position: 0 0
    }
    100% {
        background-position: 100% 0
    }
}

.slideDown {
    animation-name: slideDown;
    -webkit-animation-name: slideDown;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
    visibility: visible !important
}

@keyframes slideDown {
    0% {
        transform: translateY(-100%)
    }
    50% {
        transform: translateY(8%)
    }
    65% {
        transform: translateY(-4%)
    }
    80% {
        transform: translateY(4%)
    }
    95% {
        transform: translateY(-2%)
    }
    100% {
        transform: translateY(0%)
    }
}

@-webkit-keyframes slideDown {
    0% {
        -webkit-transform: translateY(-100%)
    }
    50% {
        -webkit-transform: translateY(8%)
    }
    65% {
        -webkit-transform: translateY(-4%)
    }
    80% {
        -webkit-transform: translateY(4%)
    }
    95% {
        -webkit-transform: translateY(-2%)
    }
    100% {
        -webkit-transform: translateY(0%)
    }
}

.slideUp {
    animation-name: slideUp;
    -webkit-animation-name: slideUp;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
    visibility: visible !important
}

@keyframes slideUp {
    0% {
        transform: translateY(100%)
    }
    50% {
        transform: translateY(-8%)
    }
    65% {
        transform: translateY(4%)
    }
    80% {
        transform: translateY(-4%)
    }
    95% {
        transform: translateY(2%)
    }
    100% {
        transform: translateY(0%)
    }
}

@-webkit-keyframes slideUp {
    0% {
        -webkit-transform: translateY(100%)
    }
    50% {
        -webkit-transform: translateY(-8%)
    }
    65% {
        -webkit-transform: translateY(4%)
    }
    80% {
        -webkit-transform: translateY(-4%)
    }
    95% {
        -webkit-transform: translateY(2%)
    }
    100% {
        -webkit-transform: translateY(0%)
    }
}

.slideLeft {
    animation-name: slideLeft;
    -webkit-animation-name: slideLeft;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    visibility: visible !important
}

@keyframes slideLeft {
    0% {
        transform: translateX(150%)
    }
    50% {
        transform: translateX(-8%)
    }
    65% {
        transform: translateX(4%)
    }
    80% {
        transform: translateX(-4%)
    }
    95% {
        transform: translateX(2%)
    }
    100% {
        transform: translateX(0%)
    }
}

@-webkit-keyframes slideLeft {
    0% {
        -webkit-transform: translateX(150%)
    }
    50% {
        -webkit-transform: translateX(-8%)
    }
    65% {
        -webkit-transform: translateX(4%)
    }
    80% {
        -webkit-transform: translateX(-4%)
    }
    95% {
        -webkit-transform: translateX(2%)
    }
    100% {
        -webkit-transform: translateX(0%)
    }
}

.slideRight {
    animation-name: slideRight;
    -webkit-animation-name: slideRight;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    visibility: visible !important
}

@keyframes slideRight {
    0% {
        transform: translateX(-150%)
    }
    50% {
        transform: translateX(8%)
    }
    65% {
        transform: translateX(-4%)
    }
    80% {
        transform: translateX(4%)
    }
    95% {
        transform: translateX(-2%)
    }
    100% {
        transform: translateX(0%)
    }
}

@-webkit-keyframes slideRight {
    0% {
        -webkit-transform: translateX(-150%)
    }
    50% {
        -webkit-transform: translateX(8%)
    }
    65% {
        -webkit-transform: translateX(-4%)
    }
    80% {
        -webkit-transform: translateX(4%)
    }
    95% {
        -webkit-transform: translateX(-2%)
    }
    100% {
        -webkit-transform: translateX(0%)
    }
}

.slideExpandUp {
    animation-name: slideExpandUp;
    -webkit-animation-name: slideExpandUp;
    animation-duration: 1.6s;
    -webkit-animation-duration: 1.6s;
    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease -out;
    visibility: visible !important
}

@keyframes slideExpandUp {
    0% {
        transform: translateY(100%) scaleX(0.5)
    }
    30% {
        transform: translateY(-8%) scaleX(0.5)
    }
    40% {
        transform: translateY(2%) scaleX(0.5)
    }
    50% {
        transform: translateY(0%) scaleX(1.1)
    }
    60% {
        transform: translateY(0%) scaleX(0.9)
    }
    70% {
        transform: translateY(0%) scaleX(1.05)
    }
    80% {
        transform: translateY(0%) scaleX(0.95)
    }
    90% {
        transform: translateY(0%) scaleX(1.02)
    }
    100% {
        transform: translateY(0%) scaleX(1)
    }
}

@-webkit-keyframes slideExpandUp {
    0% {
        -webkit-transform: translateY(100%) scaleX(0.5)
    }
    30% {
        -webkit-transform: translateY(-8%) scaleX(0.5)
    }
    40% {
        -webkit-transform: translateY(2%) scaleX(0.5)
    }
    50% {
        -webkit-transform: translateY(0%) scaleX(1.1)
    }
    60% {
        -webkit-transform: translateY(0%) scaleX(0.9)
    }
    70% {
        -webkit-transform: translateY(0%) scaleX(1.05)
    }
    80% {
        -webkit-transform: translateY(0%) scaleX(0.95)
    }
    90% {
        -webkit-transform: translateY(0%) scaleX(1.02)
    }
    100% {
        -webkit-transform: translateY(0%) scaleX(1)
    }
}

.expandUp {
    animation-name: expandUp;
    -webkit-animation-name: expandUp;
    animation-duration: 0.7s;
    -webkit-animation-duration: 0.7s;
    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
    visibility: visible !important
}

@keyframes expandUp {
    0% {
        transform: translateY(100%) scale(0.6) scaleY(0.5)
    }
    60% {
        transform: translateY(-7%) scaleY(1.12)
    }
    75% {
        transform: translateY(3%)
    }
    100% {
        transform: translateY(0%) scale(1) scaleY(1)
    }
}

@-webkit-keyframes expandUp {
    0% {
        -webkit-transform: translateY(100%) scale(0.6) scaleY(0.5)
    }
    60% {
        -webkit-transform: translateY(-7%) scaleY(1.12)
    }
    75% {
        -webkit-transform: translateY(3%)
    }
    100% {
        -webkit-transform: translateY(0%) scale(1) scaleY(1)
    }
}

.fadeIn {
    animation-name: fadeIn;
    -webkit-animation-name: fadeIn;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    visibility: visible !important
}

@keyframes fadeIn {
    0% {
        transform: scale(0);
        opacity: 0.0
    }
    60% {
        transform: scale(1.1)
    }
    80% {
        transform: scale(0.9);
        opacity: 1
    }
    100% {
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {
    0% {
        -webkit-transform: scale(0);
        opacity: 0.0
    }
    60% {
        -webkit-transform: scale(1.1)
    }
    80% {
        -webkit-transform: scale(0.9);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 1
    }
}

.expandOpen {
    animation-name: expandOpen;
    -webkit-animation-name: expandOpen;
    animation-duration: 1.2s;
    -webkit-animation-duration: 1.2s;
    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    visibility: visible !important
}

@keyframes expandOpen {
    0% {
        transform: scale(1.8)
    }
    50% {
        transform: scale(0.95)
    }
    80% {
        transform: scale(1.05)
    }
    90% {
        transform: scale(0.98)
    }
    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes expandOpen {
    0% {
        -webkit-transform: scale(1.8)
    }
    50% {
        -webkit-transform: scale(0.95)
    }
    80% {
        -webkit-transform: scale(1.05)
    }
    90% {
        -webkit-transform: scale(0.98)
    }
    100% {
        -webkit-transform: scale(1)
    }
}

.bigEntrance {
    animation-name: bigEntrance;
    -webkit-animation-name: bigEntrance;
    animation-duration: 1.6s;
    -webkit-animation-duration: 1.6s;
    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    visibility: visible !important
}

@keyframes bigEntrance {
    0% {
        transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
        opacity: 0.2
    }
    30% {
        transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
        opacity: 1
    }
    45% {
        transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
        opacity: 1
    }
    60% {
        transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
        opacity: 1
    }
    75% {
        transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
        opacity: 1
    }
    90% {
        transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
        opacity: 1
    }
    100% {
        transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
        opacity: 1
    }
}

@-webkit-keyframes bigEntrance {
    0% {
        -webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
        opacity: 0.2
    }
    30% {
        -webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
        opacity: 1
    }
    45% {
        -webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
        opacity: 1
    }
    60% {
        -webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
        opacity: 1
    }
    75% {
        -webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
        opacity: 1
    }
    90% {
        -webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
        opacity: 1
    }
}

.hatch {
    animation-name: hatch;
    -webkit-animation-name: hatch;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%;
    visibility: visible !important
}

@keyframes hatch {
    0% {
        transform: rotate(0deg) scaleY(0.6)
    }
    20% {
        transform: rotate(-2deg) scaleY(1.05)
    }
    35% {
        transform: rotate(2deg) scaleY(1)
    }
    50% {
        transform: rotate(-2deg)
    }
    65% {
        transform: rotate(1deg)
    }
    80% {
        transform: rotate(-1deg)
    }
    100% {
        transform: rotate(0deg)
    }
}

@-webkit-keyframes hatch {
    0% {
        -webkit-transform: rotate(0deg) scaleY(0.6)
    }
    20% {
        -webkit-transform: rotate(-2deg) scaleY(1.05)
    }
    35% {
        -webkit-transform: rotate(2deg) scaleY(1)
    }
    50% {
        -webkit-transform: rotate(-2deg)
    }
    65% {
        -webkit-transform: rotate(1deg)
    }
    80% {
        -webkit-transform: rotate(-1deg)
    }
    100% {
        -webkit-transform: rotate(0deg)
    }
}

.bounce {
    animation-name: bounce;
    -webkit-animation-name: bounce;
    animation-duration: 1.6s;
    -webkit-animation-duration: 1.6s;
    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
    transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%
}

@keyframes bounce {
    0% {
        transform: translateY(0%) scaleY(0.6)
    }
    60% {
        transform: translateY(-100%) scaleY(1.1)
    }
    70% {
        transform: translateY(0%) scaleY(0.95) scaleX(1.05)
    }
    80% {
        transform: translateY(0%) scaleY(1.05) scaleX(1)
    }
    90% {
        transform: translateY(0%) scaleY(0.95) scaleX(1)
    }
    100% {
        transform: translateY(0%) scaleY(1) scaleX(1)
    }
}

@-webkit-keyframes bounce {
    0% {
        -webkit-transform: translateY(0%) scaleY(0.6)
    }
    60% {
        -webkit-transform: translateY(-100%) scaleY(1.1)
    }
    70% {
        -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1.05)
    }
    80% {
        -webkit-transform: translateY(0%) scaleY(1.05) scaleX(1)
    }
    90% {
        -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1)
    }
    100% {
        -webkit-transform: translateY(0%) scaleY(1) scaleX(1)
    }
}

.pulse {
    animation-name: pulse;
    -webkit-animation-name: pulse;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite
}

@keyframes pulse {
    0% {
        transform: scale(0.9);
        opacity: 0.7
    }
    50% {
        transform: scale(1);
        opacity: 1
    }
    100% {
        transform: scale(0.9);
        opacity: 0.7
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0.95);
        opacity: 0.7
    }
    50% {
        -webkit-transform: scale(1);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(0.95);
        opacity: 0.7
    }
}

.floating {
    animation-name: floating;
    -webkit-animation-name: floating;
    animation-duration: 2.5s;
    -webkit-animation-duration: 2.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite
}

@keyframes floating {
    0% {
        transform: translateY(0%)
    }
    50% {
        transform: translateY(15%)
    }
    100% {
        transform: translateY(0%)
    }
}

@-webkit-keyframes floating {
    0% {
        -webkit-transform: translateY(0%)
    }
    50% {
        -webkit-transform: translateY(15%)
    }
    100% {
        -webkit-transform: translateY(0%)
    }
}

.floating-subtle {
    animation-name: floating-subtle;
    -webkit-animation-name: floating-subtle;
    animation-duration: 2.5s;
    -webkit-animation-duration: 2.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite
}

@keyframes floating-subtle {
    0% {
        transform: translateY(0%)
    }
    50% {
        transform: translateY(2%)
    }
    100% {
        transform: translateY(0%)
    }
}

@-webkit-keyframes floating-subtle {
    0% {
        -webkit-transform: translateY(0%)
    }
    50% {
        -webkit-transform: translateY(2%)
    }
    100% {
        -webkit-transform: translateY(0%)
    }
}

.tossing {
    animation-name: tossing;
    -webkit-animation-name: tossing;
    animation-duration: 2.5s;
    -webkit-animation-duration: 2.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite
}

@keyframes tossing {
    0% {
        transform: rotate(-4deg)
    }
    50% {
        transform: rotate(4deg)
    }
    100% {
        transform: rotate(-4deg)
    }
}

@-webkit-keyframes tossing {
    0% {
        -webkit-transform: rotate(-4deg)
    }
    50% {
        -webkit-transform: rotate(4deg)
    }
    100% {
        -webkit-transform: rotate(-4deg)
    }
}

.pullUp {
    animation-name: pullUp;
    -webkit-animation-name: pullUp;
    animation-duration: 1.1s;
    -webkit-animation-duration: 1.1s;
    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%
}

@keyframes pullUp {
    0% {
        transform: scaleY(0.1)
    }
    40% {
        transform: scaleY(1.02)
    }
    60% {
        transform: scaleY(0.98)
    }
    80% {
        transform: scaleY(1.01)
    }
    100% {
        transform: scaleY(0.98)
    }
    80% {
        transform: scaleY(1.01)
    }
    100% {
        transform: scaleY(1)
    }
}

@-webkit-keyframes pullUp {
    0% {
        -webkit-transform: scaleY(0.1)
    }
    40% {
        -webkit-transform: scaleY(1.02)
    }
    60% {
        -webkit-transform: scaleY(0.98)
    }
    80% {
        -webkit-transform: scaleY(1.01)
    }
    100% {
        -webkit-transform: scaleY(0.98)
    }
    80% {
        -webkit-transform: scaleY(1.01)
    }
    100% {
        -webkit-transform: scaleY(1)
    }
}

.pullDown {
    animation-name: pullDown;
    -webkit-animation-name: pullDown;
    animation-duration: 1.1s;
    -webkit-animation-duration: 1.1s;
    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -webkit-transform-origin: 50% 0%
}

@keyframes pullDown {
    0% {
        transform: scaleY(0.1)
    }
    40% {
        transform: scaleY(1.02)
    }
    60% {
        transform: scaleY(0.98)
    }
    80% {
        transform: scaleY(1.01)
    }
    100% {
        transform: scaleY(0.98)
    }
    80% {
        transform: scaleY(1.01)
    }
    100% {
        transform: scaleY(1)
    }
}

@-webkit-keyframes pullDown {
    0% {
        -webkit-transform: scaleY(0.1)
    }
    40% {
        -webkit-transform: scaleY(1.02)
    }
    60% {
        -webkit-transform: scaleY(0.98)
    }
    80% {
        -webkit-transform: scaleY(1.01)
    }
    100% {
        -webkit-transform: scaleY(0.98)
    }
    80% {
        -webkit-transform: scaleY(1.01)
    }
    100% {
        -webkit-transform: scaleY(1)
    }
}

.stretchLeft {
    animation-name: stretchLeft;
    -webkit-animation-name: stretchLeft;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    transform-origin: 100% 0%;
    -ms-transform-origin: 100% 0%;
    -webkit-transform-origin: 100% 0%
}

@keyframes stretchLeft {
    0% {
        transform: scaleX(0.3)
    }
    40% {
        transform: scaleX(1.02)
    }
    60% {
        transform: scaleX(0.98)
    }
    80% {
        transform: scaleX(1.01)
    }
    100% {
        transform: scaleX(0.98)
    }
    80% {
        transform: scaleX(1.01)
    }
    100% {
        transform: scaleX(1)
    }
}

@-webkit-keyframes stretchLeft {
    0% {
        -webkit-transform: scaleX(0.3)
    }
    40% {
        -webkit-transform: scaleX(1.02)
    }
    60% {
        -webkit-transform: scaleX(0.98)
    }
    80% {
        -webkit-transform: scaleX(1.01)
    }
    100% {
        -webkit-transform: scaleX(0.98)
    }
    80% {
        -webkit-transform: scaleX(1.01)
    }
    100% {
        -webkit-transform: scaleX(1)
    }
}

.stretchRight {
    animation-name: stretchRight;
    -webkit-animation-name: stretchRight;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%
}

@keyframes stretchRight {
    0% {
        transform: scaleX(0.3)
    }
    40% {
        transform: scaleX(1.02)
    }
    60% {
        transform: scaleX(0.98)
    }
    80% {
        transform: scaleX(1.01)
    }
    100% {
        transform: scaleX(0.98)
    }
    80% {
        transform: scaleX(1.01)
    }
    100% {
        transform: scaleX(1)
    }
}

@-webkit-keyframes stretchRight {
    0% {
        -webkit-transform: scaleX(0.3)
    }
    40% {
        -webkit-transform: scaleX(1.02)
    }
    60% {
        -webkit-transform: scaleX(0.98)
    }
    80% {
        -webkit-transform: scaleX(1.01)
    }
    100% {
        -webkit-transform: scaleX(0.98)
    }
    80% {
        -webkit-transform: scaleX(1.01)
    }
    100% {
        -webkit-transform: scaleX(1)
    }
}


/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/

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

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

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

@-webkit-keyframes bounce {
    0%,
    20%,
    53%,
    80%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%,
    43% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@keyframes bounce {
    0%,
    20%,
    53%,
    80%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%,
    43% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        -ms-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        -ms-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        -ms-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {
    0%,
    50%,
    100% {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {
    0%,
    50%,
    100% {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

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

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        -ms-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

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

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1)
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1)
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        -ms-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1)
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        -ms-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        -ms-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1)
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        -ms-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        -ms-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

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

@-webkit-keyframes shake {
    0%,
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes shake {
    0%,
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        -ms-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        -ms-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

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

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        -ms-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        -ms-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        -ms-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        -ms-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        -ms-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        -ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

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

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        -ms-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        -ms-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        -ms-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        -ms-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        -ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes bounceIn {
    0%,
    20%,
    40%,
    60%,
    80%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes bounceIn {
    0%,
    20%,
    40%,
    60%,
    80%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        -ms-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        -ms-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        -ms-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        -ms-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes bounceInDown {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInDown {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        -ms-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        -ms-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        -ms-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        -ms-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes bounceInLeft {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInLeft {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        -ms-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        -ms-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        -ms-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        -ms-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes bounceInRight {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInRight {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        -ms-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        -ms-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        -ms-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        -ms-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes bounceInUp {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInUp {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        -ms-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        -ms-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        -ms-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        -ms-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

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

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        -ms-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        -ms-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        -ms-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        -ms-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        -ms-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

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

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        -ms-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        -ms-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

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

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        -ms-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        -ms-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

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

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        -ms-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        -ms-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        -ms-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

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

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

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

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

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        -ms-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

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

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

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

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

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

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

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

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

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

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

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

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

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

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

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

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

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

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

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

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

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

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

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

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

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

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

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

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

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

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

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

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

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

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

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        -ms-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

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

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        -ms-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

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

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

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

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

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -ms-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    100% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    -ms-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-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-transition-timing-function: ease-in;
        transition-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)
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        -ms-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);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px)
    }
}

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

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px)
    }
}

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

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

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important
}

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

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        -ms-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        -ms-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        -ms-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }
    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1
    }
    100% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }
    100% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        -ms-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

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

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

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

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        -ms-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1
    }
}

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

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        -ms-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1
    }
}

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

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        -ms-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1
    }
}

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

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        -ms-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1
    }
}

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

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

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

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

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        -ms-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

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

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        -ms-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

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

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        -ms-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

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

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        -ms-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

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

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    100% {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        -ms-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        -ms-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    100% {
        -webkit-transform: translate3d(0, 700px, 0);
        -ms-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

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

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        -ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        -ms-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

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

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
    50% {
        opacity: 1
    }
}

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

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

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

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

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

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

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

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

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

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
    100% {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
    100% {
        opacity: 0
    }
}

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

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

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

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        -ms-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
        transform-origin: left center
    }
}

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

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        -ms-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        -ms-transform-origin: right center;
        transform-origin: right center
    }
}

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

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

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

.typed-cursor {
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
    position: relative;
    top: -3px;
    color: #5F5F5F;
    font-size: 1rem
}

@keyframes blink {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

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

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

@-webkit-keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(1.2)
    }
    100% {
        -webkit-transform: scale(1)
    }
}

@-moz-keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -moz-transform: scale(0.5)
    }
    60% {
        opacity: 1;
        -moz-transform: scale(1.2)
    }
    100% {
        -moz-transform: scale(1)
    }
}

@keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2)
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(20px)
    }
    100% {
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100px)
    }
    60% {
        opacity: 1;
        -moz-transform: translateX(20px)
    }
    100% {
        -moz-transform: translateX(0)
    }
}

@keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
        -moz-transform: translateX(-100px);
        -ms-transform: translateX(-100px);
        -o-transform: translateX(-100px);
        transform: translateX(-100px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -o-transform: translateX(20px);
        transform: translateX(20px)
    }
    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-20px)
    }
    100% {
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        -moz-transform: translateX(100px)
    }
    60% {
        opacity: 1;
        -moz-transform: translateX(-20px)
    }
    100% {
        -moz-transform: translateX(0)
    }
}

@keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
        -moz-transform: translateX(100px);
        -ms-transform: translateX(100px);
        -o-transform: translateX(100px);
        transform: translateX(100px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        -o-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
}

.award-ribbon {
    width: 15%
}

@media (max-width: 1575px) {
    .award-ribbon {
        width: 13%
    }
}

@media (max-width: 1400px) {
    .award-ribbon {
        width: 11%
    }
}

@media (max-width: 1250px) {
    .award-ribbon {
        display: none
    }
}

@media (min-width: 1250px) {
    .award-ribbon-mobile {
        display: none
    }
}

@media (min-width: 886px) and (max-width: 1249px) {
    .award-ribbon-mobile {
        position: absolute;
        right: 0;
        top: 159px;
        z-index: 1;
        width: 19%
    }
}

@media (min-width: 721px) and (max-width: 885px) {
    .award-ribbon-mobile {
        position: absolute;
        right: 0;
        top: 172px;
        z-index: 1;
        width: 22%
    }
}

@media (min-width: 663px) and (max-width: 720px) {
    .award-ribbon-mobile {
        position: absolute;
        right: 0;
        top: 220px;
        z-index: 1;
        width: 24%
    }
}

@media (min-width: 481px) and (max-width: 662px) {
    .award-ribbon-mobile {
        position: absolute;
        right: 0;
        top: 462px;
        z-index: 1;
        width: 31%
    }
}

@media (min-width: 200px) and (max-width: 481px) {
    .award-ribbon-mobile {
        position: absolute;
        right: 0;
        top: 460px;
        z-index: 1;
        width: 35%
    }
}

.banner-section {
    background: #eef2f3;
    padding: 20px 0 0;
    text-align: justify
}

.banner-section .container:after {
    content: "";
    display: inline-block;
    line-height: 0;
    width: 100%
}

.banner-section .pod,
.banner-section .companies_pod {
    display: inline-block;
    vertical-align: middle
}

@media all and (max-width: 850px) {
    .banner-section .companies_pod {
        width: 20%
    }
    .banner-section .pod,
    .banner-section .companies_pod {
        float: left;
        display: block
    }
}

@media all and (max-width: 1080px) {
    .banner-section .companies_pod {
        width: 20%;
        float: left;
        display: block
    }
    .banner-section .pod {
        float: left;
        display: block;
        width: 16%
    }
}

.banner-message {
    background: #eef2f3;
    z-index: 2;
    position: relative
}

.banner-message .banner-inner {
    margin-top: -7px;
    margin-bottom: -11px
}

.banner-message .banner-inner a .icon {
    font-size: 2.7em;
    float: right
}

.banner-message .banner-inner .ui.basic.button {
    font-weight: 800
}

.banner-message .ui.items>.item>.image+.content {
    padding-left: 0px
}

.banner-message .ui.items>.item>.image>img,
.banner-message .banner-cta.basic.mini.button {
    margin-top: 4px
}

@media (max-width: 840px) {
    .banner-message .ui.items>.item>.image>img,
    .banner-message .banner-cta.basic.mini.button {
        margin-top: 0px
    }
}

@media (max-width: 450px) {
    .banner-message .ui.items>.item>.image>img,
    .banner-message .banner-cta.basic.mini.button {
        margin-top: -4px
    }
}

@media (max-width: 840px) {
    .banner-message .ui.items>.item>.image+.content {
        padding: 0px
    }
}

.banner-message .dismiss {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer
}

@media (max-width: 1250px) {
    .banner-message .dismiss {
        display: none
    }
}

.ui.button.white.fixed-width {
    width: 175px;
    background: #ffffff;
    color: rgba(0, 0, 0, 0.8)
}

.ui.button.white.fixed-width:hover {
    background: #ebebeb
}

.ui.green.button,
.ui.green.buttons .button {
    background-color: #F99D1C !important;
    transition: all .3s ease
}

.ui.green.button:hover,
.ui.green.buttons .button:hover {
    background-color: #8f9e3e !important
}

.ui.basic.green.button.traceview,
.ui.basic.green.buttons .button.traceview {
    box-shadow: 0 0 0 1px #F99D1C inset !important;
    color: #F99D1C !important
}

.ui.basic.green.button.traceview:hover,
.ui.basic.green.buttons .button.traceview:hover {
    box-shadow: 0 0 0 1px #8f9e3e inset !important;
    color: #8f9e3e !important
}

.ui.red.button,
.ui.red.buttons .button {
    background-color: #cd2e2d !important;
    transition: all .3s ease
}

.ui.red.button:hover,
.ui.red.buttons .button:hover {
    background-color: #ac2626 !important
}

.ui.basic.red.button.appview,
.ui.basic.red.buttons .button.appview {
    box-shadow: 0 0 0 1px #cd2e2d inset !important;
    color: #cd2e2d !important
}

.ui.basic.red.button.appview:hover,
.ui.basic.red.buttons .button.appview:hover {
    box-shadow: 0 0 0 1px #ac2626 inset !important;
    color: #ac2626 !important
}

.ui.yellow.button,
.ui.yellow.buttons .button {
    background-color: #fecf0a !important;
    transition: all .3s ease
}

.ui.yellow.button:hover,
.ui.yellow.buttons .button:hover {
    background-color: #deb401 !important
}

.ui.basic.yellow.button.flowview,
.ui.basic.yellow.buttons .button.flowview {
    box-shadow: 0 0 0 1px #fecf0a inset !important;
    color: #fecf0a !important
}

.ui.basic.yellow.button.flowview:hover,
.ui.basic.yellow.buttons .button.flowview:hover {
    box-shadow: 0 0 0 1px #deb401 inset !important;
    color: #deb401 !important
}

.ui.blue.button,
.ui.blue.buttons .button {
    background-color: #2ba3b9 !important;
    transition: all .3s ease
}

.ui.blue.button:hover,
.ui.blue.buttons .button:hover {
    background-color: #238698 !important
}

.ui.basic.blue.button.pathview,
.ui.basic.blue.buttons .button.pathview {
    box-shadow: 0 0 0 1px #2ba3b9 inset !important;
    color: #2ba3b9 !important
}

.ui.basic.blue.button.pathview:hover,
.ui.basic.blue.buttons .button.pathview:hover {
    box-shadow: 0 0 0 1px #238698 inset !important;
    color: #238698 !important
}

button,
.button {
    background: #00A6F1;
    border: 0;
    border-radius: 3px;
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    font-family: "montserratregular", sans-serif, "Helvetica Neue", "Arial", sans-serif;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1;
    padding: 17px 15px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased
}

button:hover,
.button:hover {
    background: #0083be;
    text-decoration: none
}

button.medium,
.button.medium {
    min-width: 0px;
    padding: 17px
}

@media (max-width: 800px) {
    button.medium,
    .button.medium {
        margin-bottom: 5%
    }
}

button.large,
.button.large {
    width: 28%;
    position: relative;
    top: 20px
}

@media (max-width: 720px) {
    button.large,
    .button.large {
        width: 100%;
        position: static
    }
}

button.ghost,
.button.ghost {
    border: 2px solid #ffffff;
    box-sizing: border-box;
    background: rgba(0, 182, 255, 0);
    height: 50px
}

button.ghost:hover,
.button.ghost:hover {
    border: 2px solid #9bb14a;
    background: rgba(255, 255, 255, 0.1)
}

button.ghost-dark,
.button.ghost-dark {
    border: 2px solid rgba(0, 0, 0, 0.7);
    box-sizing: border-box;
    background: rgba(0, 182, 255, 0);
    height: 50px;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.7)
}

@media (min-width: 720px) and (max-width: 980px) {
    button.ghost-dark,
    .button.ghost-dark {
        font-size: .6rem
    }
}

button.ghost-dark:hover,
.button.ghost-dark:hover {
    background: rgba(0, 0, 0, 0.7);
    color: #ffffff
}

button.ghost-light,
.button.ghost-light {
    border: 2px solid #ffffff;
    box-sizing: border-box;
    background: rgba(0, 182, 255, 0);
    height: 50px
}

button.ghost-light:hover,
.button.ghost-light:hover {
    border: 2px solid #ffffff;
    background: #ffffff;
    color: rgba(0, 0, 0, 0.7)
}

button.wide,
.button.wide {
    width: 100%;
    margin-top: 3%
}

@media all and (max-width: 720px) {
    button.wide,
    .button.wide {
        margin-top: 6%
    }
}

button.clear,
.button.clear {
    background: none;
    color: #525252;
    min-width: 0;
    padding: 10px 15px
}

button.clear i,
.button.clear i {
    font-weight: normal;
    margin: 0 5px 0 0
}

button.clear:hover,
button.clear:focus,
button.clear:active,
.button.clear:hover,
.button.clear:focus,
.button.clear:active {
    background: none;
    color: #898989
}

button.secondary,
.button.secondary {
    background: none;
    border: 1px solid #333;
    color: #333
}

button.secondary:hover,
button.secondary:focus,
button.secondary:active,
.button.secondary:hover,
.button.secondary:focus,
.button.secondary:active {
    background: #DEE2E6
}

.button.inline {
    padding: 12px;
    min-width: 160px;
    font-size: 13px;
    margin: 10px 0
}

.social-share-buttons {
    margin-top: -4.5%;
    float: right
}

@media all and (max-width: 720px) {
    .social-share-buttons {
        float: none;
        margin-top: 5%
    }
}

.global-navigation-transparent .ui.green.button {
    width: 100%
}

.global-navigation .ui.green.button {
    width: 100%;
    text-transform: none
}

@media (max-width: 540px) {
    .double-buttons .ui.button {
        font-size: .8rem
    }
}

@media (max-width: 940px) {
    .double-buttons h2 {
        font-size: 1rem
    }
}

.callout-container-transparent,
.callout-container {
    background: #eef2f3;
    border-radius: 3px;
    margin: 40px 0 0;
    padding: 30px
}

.callout-container-transparent h5,
.callout-container h5 {
    margin: 5px 0 0
}

.callout-container-transparent p,
.callout-container p {
    margin: 10px 0 0
}

.callout-container-transparent .seal,
.callout-container .seal {
    background: #FFF;
    border-radius: 5px;
    display: inline-block;
    height: 40px;
    line-height: 1;
    text-align: center;
    width: 40px
}

.dark-theme .callout-container-transparent,
.dark-theme .callout-container {
    background: #FFF
}

@media all and (max-width: 1040px) {
    .callout-container-transparent,
    .callout-container {
        padding: 30px 50px
    }
}

@media all and (max-width: 720px) {
    .callout-container-transparent,
    .callout-container {
        margin: 25px 0 0;
        padding: 20px 20px;
        text-align: center
    }
    .callout-container-transparent .button,
    .callout-container .button {
        display: block;
        margin: 0 auto
    }
}

.blockquote {
    padding: 30px 90px 50px;
    text-align: center
}

@media all and (max-width: 720px) {
    .blockquote {
        padding: 30px 15px
    }
    .blockquote .source {
        margin: 20px 0 0
    }
}

.callout-container-transparent {
    position: relative;
    top: 100px;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 3px;
    margin: 30px 0px 0px 0px;
    padding: 40px
}

.callout-container-transparent h5 {
    margin: 5px 0 0
}

.callout-container-transparent p {
    margin: 10px 0 0
}

.callout-container-transparent.seal {
    background: white;
    border-radius: 5px;
    display: inline-block;
    height: 40px;
    line-height: 1;
    text-align: center;
    width: 40px
}

.dark-theme .callout-container {
    background: white
}

@media all and (max-width: 1040px) {
    .callout-container-transparent {
        padding: 30px 50px
    }
}

@media all and (max-width: 1040px) and (max-width: 740px) {
    .callout-container-transparent {
        top: -50px
    }
}

@media all and (max-width: 1040px) and (max-width: 480px) {
    .callout-container-transparent {
        top: 20px
    }
}

@media all and (max-width: 1040px) {
    .callout-container-transparent .button {
        display: block;
        margin: 0 auto
    }
}

.xl-points.ct-chart .ct-point {
    stroke-width: 40px;
    transition: all 0.2s ease-in-out
}

.xl-points.ct-chart .ct-point:hover {
    stroke-width: 50px
}

.lg-points.ct-chart .ct-point {
    stroke-width: 30px;
    transition: all 0.2s ease-in-out
}

.lg-points.ct-chart .ct-point:hover {
    stroke-width: 40px
}

.md-points.ct-chart .ct-point {
    stroke-width: 20px;
    transition: all 0.2s ease-in-out
}

.md-points.ct-chart .ct-point:hover {
    stroke-width: 30px
}

.sm-points.ct-chart .ct-point {
    stroke-width: 10px;
    transition: all 0.2s ease-in-out
}

.sm-points.ct-chart .ct-point:hover {
    stroke-width: 20px
}

.ct-chart .ct-slice {
    opacity: 0.8;
    transition: all 0.2s ease-in-out;
    transform-origin: center center
}

.ct-chart .ct-slice:hover {
    opacity: 1;
    transform: scale(1.05)
}

.ct-chart .ct-series.ct-series-a .ct-bar,
.ct-chart .ct-series.ct-series-a .ct-line,
.ct-chart .ct-series.ct-series-a .ct-point,
.ct-chart .ct-series.ct-series-a .ct-slice.ct-donut {
    stroke: #CC2D2D !important
}

.ct-chart .ct-series.ct-series-a .ct-area,
.ct-chart .ct-series.ct-series-a .ct-slice:not(.ct-donut) {
    fill: #CC2D2D !important
}

.ct-chart .ct-series.ct-series-b .ct-bar,
.ct-chart .ct-series.ct-series-b .ct-line,
.ct-chart .ct-series.ct-series-b .ct-point,
.ct-chart .ct-series.ct-series-b .ct-slice.ct-donut {
    stroke: #39A2AE !important
}

.ct-chart .ct-series.ct-series-b .ct-area,
.ct-chart .ct-series.ct-series-b .ct-slice:not(.ct-donut) {
    fill: #39A2AE !important
}

.ct-chart .ct-series.ct-series-c .ct-bar,
.ct-chart .ct-series.ct-series-c .ct-line,
.ct-chart .ct-series.ct-series-c .ct-point,
.ct-chart .ct-series.ct-series-c .ct-slice.ct-donut {
    stroke: #FFCE00 !important
}

.ct-chart .ct-series.ct-series-c .ct-area,
.ct-chart .ct-series.ct-series-c .ct-slice:not(.ct-donut) {
    fill: #FFCE00 !important
}

.ct-chart .ct-series.ct-series-d .ct-bar,
.ct-chart .ct-series.ct-series-d .ct-line,
.ct-chart .ct-series.ct-series-d .ct-point,
.ct-chart .ct-series.ct-series-d .ct-slice.ct-donut {
    stroke: #79C99E !important
}

.ct-chart .ct-series.ct-series-d .ct-area,
.ct-chart .ct-series.ct-series-d .ct-slice:not(.ct-donut) {
    fill: #79C99E !important
}

.chart-key {
    text-align: center;
    padding: 10px;
    margin-bottom: 4%;
    margin-top: -3%
}

.chart-key p {
    color: #777 !important;
    display: inline;
    position: relative;
    top: -5px;
    padding-left: 5px;
    font-size: 14px !important
}

.key-a {
    background: #CC2D2D;
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 50%
}

.key-b {
    background: #39A2AE;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-left: 5%;
    border-radius: 50%
}

.key-c {
    background: #FFCE00;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-left: 5%;
    border-radius: 50%
}

.key-d {
    background: #79C99E;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-left: 5%;
    border-radius: 50%
}

.chart-key-vert {
    text-align: left;
    padding: 10px;
    margin-bottom: 4%;
    margin-top: -3%
}

.chart-key-vert p {
    color: #777 !important;
    display: inline;
    position: relative;
    top: -3px;
    padding-left: 5px;
    font-style: normal !important
}

.key-a-vert {
    background: #CC2D2D;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-left: 5%;
    border-radius: 50%
}

.key-b-vert {
    background: #39A2AE;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-left: 5%;
    border-radius: 50%
}

.key-c-vert {
    background: #FFCE00;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-left: 5%;
    border-radius: 50%
}

.key-d-vert {
    background: #79C99E;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-left: 5%;
    border-radius: 50%
}

.chart-arrow i {
    font-size: 1.5rem;
    position: relative;
    top: 50px;
    left: -5px
}

@media (min-width: 720px) and (max-width: 1170px) {
    .chart-arrow i {
        left: 5px
    }
}

@media (max-width: 720px) {
    .chart-arrow i {
        left: 12px
    }
}

@media (max-width: 600px) {
    .chart-arrow i {
        left: 18px
    }
}

@media (max-width: 500px) {
    .chart-arrow i {
        left: 25px
    }
}

.chart-arrow p {
    position: relative;
    top: 50px;
    font-style: italic
}

.carousel {
    padding: 0 10px;
    position: relative;
    text-align: center;
    width: 100%
}

.carousel .owl-theme .owl-controls {
    margin: 0
}

.carousel .owl-theme .owl-controls .owl-buttons>div {
    background: none;
    border-radius: 0;
    color: #FFF;
    margin-top: -30px;
    opacity: 1;
    position: absolute;
    right: -20px;
    top: 50%
}

.carousel .owl-theme .owl-controls .owl-buttons>div:first-child {
    left: -20px;
    right: auto
}

.carousel .owl-theme .owl-controls .owl-buttons>div:hover i,
.carousel .owl-theme .owl-controls .owl-buttons>div:focus i {
    background: #2D343E;
    background: rgba(45, 52, 62, 0.7)
}

.carousel .owl-theme .owl-controls .owl-buttons>div i {
    background: #4d596a;
    background: rgba(45, 52, 62, 0.3);
    border-radius: 40px;
    display: block;
    font-size: 30px;
    font-size: 1.875rem;
    height: 40px;
    line-height: 40px;
    -webkit-transition: background 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
    width: 40px
}

.feature-container .carousel .owl-theme .owl-controls .owl-buttons>div i {
    border-radius: 60px;
    font-size: 50px;
    font-size: 3.125rem;
    height: 60px;
    line-height: 55px;
    width: 60px
}

@media all and (max-width: 480px) {
    .feature-container .carousel .owl-theme .owl-controls .owl-buttons>div i {
        border-radius: 40px;
        font-size: 30px;
        font-size: 1.875rem;
        height: 40px;
        line-height: 35px;
        width: 40px
    }
}

.carousel-navigation li {
    background: #FFF;
    border-radius: 3px;
    padding: 12px 15px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.carousel-navigation li.active {
    background: #eef2f3;
    color: #2D343E
}

.carousel-navigation li strong {
    color: #2D343E
}

.carousel-navigation li p {
    letter-spacing: 0;
    line-height: 1.7
}

@media all and (max-width: 850px) {
    .carousel-navigation {
        padding: 0;
        text-align: center
    }
    .carousel-navigation li {
        height: 0;
        margin: 0;
        opacity: 0;
        overflow: hidden;
        padding: 0
    }
    .carousel-navigation li.active {
        background: none;
        height: auto;
        opacity: 1
    }
}

.carousel-text {
    padding: 60px 0
}

@media all and (max-width: 720px) {
    .carousel-text {
        padding: 10px;
        text-align: center
    }
}

.apm-it-capabilties-wrap {
    width: 70%;
    margin: auto
}

@media (max-width: 775px) {
    .apm-it-capabilties-wrap {
        width: 100%
    }
}

.Collage {
    padding: 10px;
    margin-top: 3%
}

.Collage img {
    vertical-align: bottom;
    opacity: 0;
    border-radius: 4px 4px 0px 0px
}

.effect-parent {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px
}

.effect-1 {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50% -300px;
    -moz-transform-origin: 50% 50% -300px;
    transform-origin: 50% 50% -300px;
    -webkit-transform: rotateX(-180deg);
    -moz-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
    -webkit-animation: fly ease-in-out forwards;
    -moz-animation: fly ease-in-out forwards;
    animation: fly ease-in-out forwards
}

@-webkit-keyframes fly {
    100% {
        -webkit-transform: rotateX(0deg);
        opacity: 1;
        -webkit-transform-origin: 50% 50% 0
    }
}

@-moz-keyframes fly {
    100% {
        -moz-transform: rotateX(0deg);
        opacity: 1;
        -moz-transform-origin: 50% 50% 0
    }
}

@keyframes fly {
    100% {
        transform: rotateX(0deg);
        opacity: 1;
        transform-origin: 50% 50% 0
    }
}

.effect-2 {
    -webkit-transform: translateY(200px);
    -moz-transform: translateY(200px);
    transform: translateY(200px);
    -webkit-animation: moveUp ease forwards;
    -moz-animation: moveUp ease forwards;
    animation: moveUp ease forwards
}

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

@-moz-keyframes moveUp {
    to {
        -moz-transform: translateY(0);
        opacity: 1
    }
}

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

.effect-3 {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(400px) translateY(300px) rotateX(-90deg);
    -moz-transform: translateZ(400px) translateY(300px) rotateX(-90deg);
    transform: translateZ(400px) translateY(300px) rotateX(-90deg);
    -webkit-animation: fallPerspective ease-in-out forwards;
    -moz-animation: fallPerspective ease-in-out forwards;
    animation: fallPerspective ease-in-out forwards
}

@-webkit-keyframes fallPerspective {
    100% {
        -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg);
        opacity: 1
    }
}

@-moz-keyframes fallPerspective {
    100% {
        -moz-transform: translateZ(0px) translateY(0px) rotateX(0deg);
        opacity: 1
    }
}

@keyframes fallPerspective {
    100% {
        transform: translateZ(0px) translateY(0px) rotateX(0deg);
        opacity: 1
    }
}

.effect-4 {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: rotateX(-80deg);
    -moz-transform: rotateX(-80deg);
    transform: rotateX(-80deg);
    -webkit-animation: flip ease-in-out forwards;
    -moz-animation: flip ease-in-out forwards;
    animation: flip ease-in-out forwards
}

@-webkit-keyframes flip {
    100% {
        -webkit-transform: rotateX(0deg);
        opacity: 1
    }
}

@-moz-keyframes flip {
    100% {
        -moz-transform: rotateX(0deg);
        opacity: 1
    }
}

@keyframes flip {
    100% {
        transform: rotateX(0deg);
        opacity: 1
    }
}

.effect-5 {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-animation: moveUp ease-in-out forwards;
    -moz-animation: moveUp ease-in-out forwards;
    animation: moveUp ease-in-out forwards
}

.effect-6 {
    -webkit-transform: scale(0.638) translate(-179px);
    -moz-transform: scale(0.638) translate(-179px);
    transform: scale(0.638) translate(-179px);
    -webkit-animation: moveUp ease-in-out forwards;
    -moz-animation: moveUp ease-in-out forwards;
    animation: moveUp ease-in-out forwards
}

.effect-duration-1 {
    -webkit-animation-duration: .4s;
    -moz-animation-duration: .4s;
    animation-duration: .4s
}

.effect-duration-2 {
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    animation-duration: .5s
}

.effect-duration-3 {
    -webkit-animation-duration: .6s;
    -moz-animation-duration: .6s;
    animation-duration: .6s
}

.effect-duration-4 {
    -webkit-animation-duration: .7s;
    -moz-animation-duration: .7s;
    animation-duration: .7s
}

.effect-duration-5 {
    -webkit-animation-duration: .8s;
    -moz-animation-duration: .8s;
    animation-duration: .8s
}

.effect-duration-6 {
    -webkit-animation-duration: .9s;
    -moz-animation-duration: .9s;
    animation-duration: .9s
}

.effect-duration-7 {
    -webkit-animation-duration: .95s;
    -moz-animation-duration: .95s;
    animation-duration: .95s
}

.effect-duration-8 {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s
}

.effect-duration-9 {
    -webkit-animation-duration: 1.05s;
    -moz-animation-duration: 1.05s;
    animation-duration: 1.05s
}

.effect-duration-10 {
    -webkit-animation-duration: 1.1s;
    -moz-animation-duration: 1.1s;
    animation-duration: 1.1s
}

.device-mockup {
    position: relative;
    width: 100%;
    padding-bottom: 61.775701%;
    margin-top: -15px
}

.device-mockup>.device {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url("/images/graphics/device-mockups/macbook.png")
}

.device-mockup>.device>.screen {
    position: absolute;
    top: 11.0438729%;
    bottom: 14.6747352%;
    left: 13.364486%;
    right: 13.364486%;
    overflow: hidden;
    background: #ffffff
}

.device-mockup>.device>.button {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    overflow: hidden;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    cursor: pointer
}

.device-mockup.imac {
    padding-bottom: 81.230769%
}

.device-mockup.imac>.device {
    background-image: url("/images/graphics/device-mockups/imac.png")
}

.device-mockup.imac>.device>.screen {
    top: 8.20707071%;
    bottom: 31.6919192%;
    left: 6.61538462%;
    right: 6.61538462%
}

.device-mockup.macbook {
    padding-bottom: 61.775701%
}

.device-mockup.macbook>.device {
    background-image: url("/images/graphics/device-mockups/macbook.png")
}

.device-mockup.macbook>.device>.screen {
    top: 11.0438729%;
    bottom: 14.6747352%;
    left: 13.364486%;
    right: 13.364486%
}

.dropdown-container {
    font-family: "Montserrat", "Helvetica Neue", "Arial", sans-serif;
    font-size: 16px;
    font-size: 1rem;
    text-align: left;
    position: relative
}

.dropdown-container .dropdown-link {
    color: #2d343e;
    display: block;
    border-right: 1px solid #eaeaeb;
    position: relative
}

.global-header .dropdown-link ul li span:before {
    display: inline-block;
    font-family: 'icons';
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 20px;
    position: relative;
    margin: 2px 0 0 20px;
    content: '\f100'
}

.global-header .dropdown-container.open .dropdown-link ul li span:before {
    content: '\f103'
}

.dropdown-container .dropdown-link:hover,
.dropdown-container .dropdown-link:focus,
.dropdown-container .dropdown-link:active {
    background: #fafbfb
}

.dropdown-container .dropdown-link ul {
    display: block
}

.dropdown-container .dropdown-link ul li {
    float: left;
    padding: 23px 30px
}

@media all and (max-width: 720px) {
    .dropdown-container .dropdown-link {
        border-top: 1px solid #eaeaeb;
        border-right: 0
    }
    .dropdown-container .dropdown-link:before {
        line-height: 42px;
        right: 20px
    }
    .dropdown-container .dropdown-link ul li {
        padding: 25px 5px;
        text-align: center;
        width: 50%
    }
    .dropdown-container .dropdown-link ul li:first-child {
        border-left: 0
    }
}

@media all and (max-width: 480px) {
    .dropdown-container {
        font-size: 14px;
        font-size: 0.875rem
    }
    .dropdown-container .dropdown-link:before {
        display: none
    }
}

.open .dropdown {
    background: white;
    background: rgba(255, 255, 255, 0.95);
    border-right: 1px solid #eaeaeb;
    font-size: 14px;
    font-size: 0.875rem;
    height: auto;
    overflow: auto;
    width: 100%
}

.open .dropdown a {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none
}

.open .dropdown ul {
    border-left: 1px solid #eaeaeb;
    float: left;
    padding: 20px 30px;
    width: 250px
}

.open .dropdown ul li {
    margin: 10px 0 0
}

.open .dropdown ul li:first-child {
    margin: 0
}

@media all and (max-width: 720px) {
    .dropdown {
        position: relative
    }
    .open .dropdown {
        border-right: 0
    }
    .open .dropdown ul {
        padding: 10px 20px 20px;
        width: 50%
    }
}

@media all and (max-width: 480px) {
    .global-header .dropdown-link ul li span:before {
        display: none
    }
}

.feature-container .carousel {
    padding: 0
}

.feature-container .stack-carousel,
.feature-container .stack-nav {
    float: left;
    margin-left: 2%
}

.feature-container .stack-carousel:first-child,
.feature-container .stack-nav:first-child {
    margin-left: 0
}

.feature-container .stack-carousel {
    text-align: center;
    width: 68%
}

.feature-container .stack-nav {
    width: 30%
}

@media all and (max-width: 850px) {
    .feature-container .carousel {
        margin-top: 0
    }
    .feature-container .stack-carousel,
    .feature-container .stack-nav {
        float: none;
        margin-left: 0;
        width: auto
    }
    .feature-container .stack-carousel {
        padding: 0 10px 20px
    }
    .feature-container .stack-carousel:first-child {
        padding: 20px 10px 10px
    }
    .feature-container .stack-nav {
        padding: 0 20px 20px
    }
    .feature-container .stack-nav:first-child {
        padding: 20px 20px 10px
    }
}

@media all and (max-width: 720px) {
    .feature-container .stack-carousel {
        padding: 0 0 20px
    }
    .feature-container .stack-carousel:first-child {
        padding: 20px 0 10px
    }
    .feature-container .stack-nav {
        padding: 0 0 20px
    }
    .feature-container .stack-nav:first-child {
        padding: 20px 0 10px
    }
}

@media all and (max-width: 480px) {
    .feature-container .stack-carousel {
        padding: 0 0 10px
    }
    .feature-container .stack-carousel:first-child {
        padding: 10px 0 5px
    }
    .feature-container .stack-nav {
        padding: 0 0 10px
    }
    .feature-container .stack-nav:first-child {
        padding: 10px 0 5px
    }
}

.coding-hero .feature-header h1 {
    color: #bee800;
    font-size: 45px;
    font-size: 2.8125rem
}

@media all and (max-width: 480px) {
    .coding-hero .feature-header h1 {
        font-size: 24px;
        font-size: 1.5rem
    }
}

.coding-hero .feature-header h4 {
    color: white;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.6;
    margin: 10px 0 0
}

@media all and (max-width: 480px) {
    .coding-hero .feature-header h4 {
        font-size: 16px;
        font-size: 1rem
    }
}

.feature-header {
    border-radius: 3px;
    text-align: center
}

.feature-header.theme-blue {
    background: #438FE1
}

.feature-header.theme-cerulean {
    background: #6FE1F0
}

.feature-header.theme-lime {
    background: #BEE800
}

.feature-header.theme-orange {
    background: #FFCE00
}

.feature-header.theme-pink {
    background: #FF6862
}

.feature-header.theme-teal {
    background: #3CAEBD
}

@media all and (max-width: 850px) {
    .feature-header {
        padding: 30px 40px
    }
}

@media all and (max-width: 480px) {
    .feature-header {
        padding: 20px
    }
}

.button-container {
    height: 114px;
    position: absolute;
    right: 7%;
    top: 14%;
    width: 114px
}

@media all and (max-width: 720px) {
    .button-container {
        left: -9999px;
        right: auto;
        top: -9999px
    }
}

.flip-container {
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    position: relative
}

.flip-container:hover .front,
.activated .flip-container .front {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.flip-container:hover .back,
.activated .flip-container .back {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg)
}

.flip-container:hover .front a,
.flip-container:hover .back a {
    background: #3CAEBD;
    color: #FFF;
    text-decoration: none
}

.flip-container .front,
.flip-container .back {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: 114px;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    width: 114px
}

.flip-container .front a,
.flip-container .back a {
    background: #2D343E;
    border-radius: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #FFF;
    display: block;
    font-family: "montserratregular", sans-serif, "Helvetica Neue", "Arial", sans-serif;
    height: 100%;
    padding: 35px 10px 0;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 100%
}

.flip-container .front a i,
.flip-container .back a i {
    display: block;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1
}

.flip-container .front {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
    z-index: 2
}

.flip-container .front a {
    -webkit-animation: pulse 3s ease-in-out infinite;
    -moz-animation: pulse 3s ease-in-out infinite;
    animation: pulse 3s ease-in-out infinite
}

.flip-container .back {
    -webkit-transform: rotateX(-180deg);
    -moz-transform: rotateX(-180deg);
    -ms-transform: rotateX(-180deg);
    -o-transform: rotateX(-180deg);
    transform: rotateX(-180deg)
}

.flipper {
    position: relative;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.input-text {
    border: 1px solid #ccc;
    display: block;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-size: 0.875rem;
    padding: 5px 10px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 100%
}

.poetry-page input {
    height: 50px;
    color: #4B4B4B !important;
    padding-left: 10px !important;
    margin-top: 5px !important;
    font-size: 18px !important;
    border: 1px solid #DADADA;
    display: inline;
    width: 495px !important;
    margin-top: 5px;
    background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#fff))
}

.poetry-page input:focus {
    background: #ffffff;
    box-shadow: 0 0 5px #3498db;
    padding: 3px 0px 3px 3px;
    margin: 5px 1px 3px 0px;
    border: 1px solid #3498db
}

@media (max-width: 1100px) {
    .poetry-page input {
        width: 100% !important
    }
}

@media all and (max-width: 600px) {
    .poetry-page input {
        width: 400px !important
    }
}

@media all and (max-width: 480px) {
    .poetry-page input {
        width: 100% !important
    }
}

.poetry-page .mktoButtonWrap {
    margin: 20px auto !important
}

.poetry-page button.mktoButton {
    padding: 2em 17em !important;
    margin-top: 6% !important;
    margin-bottom: 13% !important
}

@media (max-width: 1100px) {
    .poetry-page button.mktoButton {
        padding: 2em 11.5em !important
    }
}

@media all and (max-width: 600px) {
    .poetry-page button.mktoButton {
        padding: 2em 8.8em !important
    }
}

.poetry-page .mktoForm .mktoButtonWrap.mktoInset .mktoButton {
    padding: 2em 17em !important;
    margin-top: 6% !important;
    margin-bottom: 13% !important
}

@media (max-width: 1100px) {
    .poetry-page .mktoForm .mktoButtonWrap.mktoInset .mktoButton {
        padding: 2em 11.5em !important
    }
}

@media all and (max-width: 600px) {
    .poetry-page .mktoForm .mktoButtonWrap.mktoInset .mktoButton {
        padding: 2em 8.8em !important
    }
}

.poetry-page label {
    color: #4B4B4B !important;
    width: 110px !important
}

#mktoForm_468 {
    margin: 0 auto
}

.poetry-page select {
    padding: 15px 10px !important;
    margin: 5px 0px 0px 0px !important;
    font-size: 18px !important;
    width: 550px !important;
    border-radius: 0px !important;
    color: #4B4B4B;
    background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#fff));
    border: 1px solid #DADADA;
    outline: none;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer
}

@media all and (max-width: 600px) {
    .poetry-page select {
        width: 400px !important
    }
}

@media all and (max-width: 480px) {
    .poetry-page select {
        width: 100% !important
    }
}

.landing-page .appneta-signup {
    background: rgba(165, 165, 165, 0.16);
    border: none;
    border-radius: 0px 0px 3px 3px;
    padding: 25px;
    margin-bottom: 60px;
    min-width: 300px
}

@media (max-width: 767px) {
    .landing-page .appneta-signup {
        background: rgba(165, 165, 165, 0);
        margin-top: -10%
    }
}

.landing-page .appneta-signup fieldset {
    margin-top: 1%
}

.landing-page .appneta-signup label {
    display: block;
    color: #fff;
    font-weight: 600;
    position: relative;
    line-height: 1.5;
    font-size: 14px
}

.landing-page .appneta-signup .reqs {
    font-size: 12px;
    color: #fff
}

.landing-page .appneta-signup .product-dsc {
    color: #fff
}

.landing-page .appneta-signup p.site-name {
    color: #fff
}

.landing-page .appneta-signup .tos {
    color: #fff
}

.landing-page .appneta-signup input[type="submit"] {
    padding: 10px 35px
}

.landing-page .appneta-signup input[type="text"],
.landing-page .appneta-signup input[type="password"] {
    padding: 5px
}

.landing-page .appneta-signup.simple {
    margin-top: 60px
}

.landing-page-copy h1 {
    font-size: 3rem;
    font-weight: 800
}

@media (max-width: 1040px) {
    .landing-page-copy h1 {
        font-size: 2.3rem
    }
}

.landing-page-copy h2 {
    margin-top: 2%;
    font-size: 1.6rem
}

.bg-image {
    background-size: cover
}

@media (max-width: 767px) {
    .bg-image {
        background-position-x: 47%
    }
}

.existing-user {
    display: none
}

.select-company {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    background: white;
    border: 2px solid #094c79;
    z-index: 100
}

.select-company,
.select-company h2 {
    color: #094c79
}

.select-company h2 {
    font-size: 1.4em;
    padding: 0.6em 0;
    background-color: #dbeffc;
    text-align: center
}

.select-company li {
    border-top: 2px #dbeffc solid
}

.select-company a {
    padding: 1em;
    display: block
}

.select-company li span {
    display: block
}

.select-company li .name {
    font-weight: bold
}

.select {
    border: 1px solid #ccc;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-size: 0.875rem;
    padding: 5px;
    height: 31px;
    width: 100%
}

.trace-signup .main {
    background: #eef2f3;
    padding-bottom: 40px
}

.trace-signup h1.form-title {
    font-size: 35px;
    text-align: center;
    margin: 0px;
    padding: 20px;
    color: #2c2c28
}

@media (max-width: 720px) {
    .trace-signup h1.form-title {
        font-size: 25px
    }
}

.trace-signup p.reqs {
    font-size: 11px;
    margin-top: 0px;
    font-weight: 600;
    color: #a6a8ab
}

.trace-signup p.tos {
    text-align: center;
    font-size: 11px
}

.appneta-signup {
    position: relative;
    background: #ffffff;
    border: 3px solid #e6e6e6;
    padding: 30px;
    margin: 0 auto;
    min-width: 410px;
    max-width: 650px;
    width: 100%
}

.appneta-signup.is-loading {
    position: relative;
    cursor: default;
    text-shadow: none !important;
    color: transparent !important;
    -webkit-transition: all 0s linear;
    transition: all 0s linear;
    z-index: 1
}

.appneta-signup.is-loading:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.8);
    width: 100%;
    height: 100%;
    z-index: 100;
    background-image: url("/images/graphics/spinner-blue.gif");
    background-repeat: no-repeat;
    background-position: 50%
}

.appneta-signup .lower {
    text-transform: lowercase
}

.appneta-signup .form-error {
    padding: 20px;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.8);
    width: 100%;
    height: 100%;
    z-index: 98
}

.appneta-signup .form-error .dismiss-x {
    float: right;
    margin-top: 100px
}

.appneta-signup .form-error p {
    position: relative;
    margin-top: 130px;
    padding: 20px 20px 20px 100px;
    color: #ec2028;
    background: #fff0f0
}

.appneta-signup .form-error p img {
    position: absolute;
    left: 17px;
    top: 20px
}

.appneta-signup .form-error p .dismiss {
    display: block;
    margin: 20px auto 5px auto;
    padding: 10px 20px;
    width: 100px;
    background-color: #ec2028;
    color: white;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
    position: relative;
    left: -50px
}

.appneta-signup.is-erroring .form-error {
    display: block
}

.appneta-signup a {
    cursor: pointer
}

.appneta-signup .product-title {
    margin: -15px auto -20px auto;
    display: block
}

.appneta-signup .product-dsc {
    text-align: center;
    margin-bottom: 20px;
    line-height: 1.5em;
    font-weight: bold
}

.appneta-signup .logo-appview {
    vertical-align: middle
}

.appneta-signup fieldset {
    margin-top: 3%
}

.appneta-signup label {
    display: block;
    color: #0086c2;
    font-weight: 800;
    position: relative;
    line-height: 1.6em
}

.appneta-signup label.is-invalid {
    color: #F04C52
}

.appneta-signup .col-2 {
    display: inline-block !important;
    width: 49% !important
}

.appneta-signup .col-2:nth-child(4) {
    margin-left: 1.35%
}

@media (max-width: 1060px) {
    .appneta-signup .col-2:nth-child(4) {
        margin-left: .5%
    }
}

.appneta-signup .col-2-site-name {
    display: inline-block !important;
    width: 80% !important
}

@media (max-width: 600px) {
    .appneta-signup .col-2-site-name {
        width: 49% !important
    }
}

.appneta-signup p.site-name {
    display: inline-block
}

.appneta-signup input[type="text"], 
.appneta-signup input[type="password"] {
    border: 1px solid #d9d9d9;
    padding: 8px;
    width: 100%;
    padding-right: 20px
}

.appneta-signup textarea {
    border: 1px solid #d9d9d9;
    padding: 8px;
    width: 100%;
    padding-right: 20px
}

.appneta-signup input[type="text"]:focus,
.appneta-signup input[type="password"]:focus {
    border: 1px solid rgba(59, 158, 216, 0.75);
    box-shadow: 1px 0 0 0 rgba(59, 158, 216, 0.5) inset
}

.appneta-signup input[type="text"].is-invalid,
.appneta-signup input[type="password"].is-invalid {
    background: url("/images/svg/icon_x.svg");
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: right 7px center;
    border-color: rgba(217, 92, 92, 0.18);
    color: #EC2028;
    box-shadow: 2px 0 0 0 #d95c5c inset
}

.appneta-signup input[type="submit"] {
    cursor: pointer;
    display: block;
    color: white;
    font-size: 20px;
    font-weight: bold;
    background: #2E8A00;
    padding: 20px 40px;
    margin: 20px auto;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px
}

.appneta-signup input[type="submit"]:hover,
.appneta-signup input[type="submit"]:focus {
    background: #2E8A00;
}

.appneta-signup input[type="submit"].is-disabled {
    background: #a7a7a7;
    opacity: .3
}

.appneta-signup input[type="submit"].is-disabled:hover,
.appneta-signup input[type="submit"].is-disabled:focus {
    background: #949494
}

.appneta-signup .required>label:before {
    content: '*';
    color: #ed1c24;
    position: absolute;
    left: -13px;
    top: 1px;
    font-size: 16px
}

@media (max-width: 720px) {
    .appneta-signup .required>label:before {
        position: relative;
        top: 2px;
        left: 0px;
        font-size: 16px;
        padding-right: 5px
    }
}

.appneta-signup .error-msg {
    color: #ec2028;
    background: #fff0f0;
    font-size: 12px;
    margin-bottom: 7px;
    padding: 4px;
    border: 1px solid rgba(217, 92, 92, 0.18)
}

.appneta-signup .error-msg:before {
    color: white;
    text-align: center;
    background: #ec2028;
    content: '!';
    display: inline-block;
    width: 18px;
    height: 18px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    margin: 4px 4px 0 0;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px
}

.appneta-signup.existing-user {
    text-align: center
}

.appneta-signup.existing-user .existing-user-msg {
    font-size: 17px
}

.appneta-signup.existing-user a.button {
    text-transform: none;
    line-height: 1.5em;
    margin: 10px 0 2px 0;
    font-size: 17px
}

.appneta-signup.existing-user a.go-back {
    display: block;
    margin-top: 10px
}

@media all and (max-width: 480px) {
    .list li {
        margin: 5px 0 0
    }
    .list li:first-child {
        margin: 0
    }
}

.list-awards {
    display: table;
    width: 100%
}

.list-awards li {
    padding: 0
}

@media (max-width: 480px) {
    .list-awards li {
        width: 54px !important
    }
}

.section.tight .list-check {
    margin: 0
}

.list-check {
    margin: 20px 0 0
}

.list-check li {
    display: inline-block;
    padding: 10px 30px 10px 35px;
    position: relative;
    vertical-align: top;
    width: 33%;
    font-weight: 600
}

.list-check li:before {
    color: #A5CF00; 
    display: inline-block;
    font-family: "FontAwesome";
    font-size: 18px;
    font-size: 1.125rem;
    left: 0;
    position: absolute;
    top: 7px
}

@media all and (max-width: 850px) {
    .list-check li {
        width: 49%
    }
}

@media all and (max-width: 720px) {
    .list-check li {
        display: block;
        padding: 5px 0 5px 30px;
        width: auto
    }
    .list-check li:before {
        top: 0
    }
}

.list-inline {
    display: inline-block;
    padding-left: 20px
}

@media all and (max-width: 480px) {
    .list-inline {
        display: block
    }
}

.list-inline li {
    display: inline-block;
    padding-right: 20px
}

@media all and (max-width: 480px) {
    .list-inline li {
        display: block
    }
}

.list-inline a {
    font-weight: 700
}

.list-ordered {
    list-style: decimal;
    padding: 0 0 0 20px
}

.list-ordered li {
    padding: 10px 0 0
}

.list-styled {
    list-style: disc;
    padding: 0 0 0 20px;
    font-size: 0.875rem
}

.list-styled.relaxed {
    line-height: 1.5
}

.list-styled li {
    padding: 10px 0 0
}

@media all and (max-width: 480px) {
    .list-styled li {
        padding: 5px 0 0
    }
}

.list-tags li {
    display: inline-block;
    margin: 0
}

.list-tags li .icon-circle {
    position: relative;
    text-align: center
}

.list-tags li .icon-circle:before,
.list-tags li .icon-circle:after {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    position: absolute;
    z-index: 20
}

.list-tags li .icon-circle:before {
    background: #4B4B4B;
    border-radius: 3px;
    color: #FFF;
    content: attr(data-tag);
    display: inline-block;
    font-size: 12px;
    font-size: 0.75rem;
    left: -13px;
    padding: 5px 0;
    right: -13px;
    text-align: center;
    top: -25px
}

.list-tags li .icon-circle:hover:before {
    opacity: 1;
    text-decoration: none
}

.list-vertical-flex {
    display: table-cell;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-direction: column;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: center;
    -webkit-align-items: center;
    width: 100%;
    background: #eef2f3;
    border: 1px solid #DCDCDC;
    padding: 2%;
    margin-top: 10px;
    border-radius: 5px
}

@media all and (max-width: 850px) {
    .list-vertical-flex {
        flex-direction: row
    }
}

.list-vertical-flex p {
    font-size: .8rem
}

.list-vertical-flex li {
    width: 50%;
    text-align: center;
    padding: 4% 0px
}

.list-vertical-flex li img {
    max-height: 80px
}

.list-horizontal-flex {
    display: table-cell;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-content: flex-start;
    align-items: center;
    width: 100%;
    padding: 2%;
    margin-top: 10px
}

@media (max-width: 920px) {
    .list-horizontal-flex {
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap
    }
}

.list-horizontal-flex p {
    font-size: .8rem
}

.list-horizontal-flex h6 {
    color: #3D3C44
}

.list-horizontal-flex h6:hover {
    color: #00A6F1
}

.list-horizontal-flex li {
    text-align: center;
    min-width: 0
}

.list-horizontal-flex li img {
    max-height: 80px
}

@media (max-width: 635px) {
    .list-horizontal-flex li {
        width: 50%
    }
}

.list-horizontal-flex.languages img {
    max-height: 50px
}

.careers .list-horizontal-flex {
    align-items: stretch;
    align-content: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.careers .list-horizontal-flex p {
    padding: 10px
}

.banner-section .list-horizontal-flex {
    padding: 0;
    margin-top: 0
}

.banner-section .list-horizontal-flex li {
    padding: 10px
}

.list-stats {
    display: table-cell;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: flex-end;
    -webkit-flex-flow: row wrap;
    -ms-flex-wrap: row wrap;
    flex-flow: row wrap;
    width: 100%;
    padding: 2%;
    margin-top: 10px
}

.list-stats.dark {
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: space-between;
    -webkit-justify-content: space-between
}

@media (min-width: 510px) and (max-width: 1320px) {
    .list-stats {
        -webkit-flex-wrap: nowrap;
        -moz-flex-wrap: nowrap;
        justify-content: space-between;
        -webkit-justify-content: space-between
    }
}

@media (max-width: 625px) {
    .list-stats {
        justify-content: center;
        -webkit-justify-content: center
    }
}

.list-stats.dark {
    padding: 2% 5%
}

.list-stats p {
    color: #fff;
    margin-top: -10px;
    font-size: 1.3rem
}

.list-stats p.dark {
    color: #8C8C8C;
    font-size: .8rem
}

@media (max-width: 1320px) {
    .list-stats p {
        font-size: .8rem
    }
}

@media (max-width: 1050px) {
    .list-stats p.dark {
        font-size: .6rem;
        margin-top: 0
    }
}

@media (min-width: 300px) and (max-width: 600px) {
    .list-stats p.dark {
        font-size: .5rem
    }
}

.list-stats h3 {
    font-family: "Droid Sans Mono" !important;
    color: #fff;
    margin-top: 1%;
    font-size: 3rem
}

.list-stats h3.dark {
    color: #595959;
    font-size: 1.5rem
}

@media (max-width: 1320px) {
    .list-stats h3 {
        font-size: 2rem
    }
}

@media (max-width: 1050px) {
    .list-stats h3.dark {
        font-size: 1rem
    }
}

@media (min-width: 300px) and (max-width: 600px) {
    .list-stats h3.dark {
        font-size: .6rem
    }
}

.list-stats i {
    color: #fff;
    font-size: 3.7rem
}

@media (max-width: 1320px) {
    .list-stats i {
        font-size: 2.5rem
    }
}

.list-stats li {
    text-align: center;
    min-width: 0;
    padding: 0% 10px
}

@media (max-width: 1050px) {
    .list-stats li {
        margin: 5% 0%
    }
}

@media (min-width: 300px) and (max-width: 775px) {
    .list-stats li {
        padding: 0% 5px
    }
}

.col-4-flex-list {
    list-style-type: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width: 480px) {
    .col-4-flex-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.col-4-flex-list li {
    width: 25%;
    text-align: left;
    line-height: 1.5
}

@media (max-width: 980px) {
    .col-4-flex-list li {
        width: 33%
    }
}

@media (max-width: 720px) {
    .col-4-flex-list li {
        width: 50%
    }
}

@media (max-width: 480px) {
    .col-4-flex-list li {
        width: 100%
    }
}

#appview-map {
    width: 88.4%;
    height: 600px
}

@media (max-width: 1200px) {
    #appview-map {
        width: 100%
    }
}

.modal .container {
    background: #FFF;
    max-width: 1000px;
    padding: 20px
}

.modal h2 {
    margin: 0 0 20px
}

.modal .form-row {
    padding: 0 !important
}

.modal .form-row:first-child .label-radio {
    border-top: 1px solid #308a96
}

.modal .form-row:last-child {
    padding: 20px 0 0 !important
}

.modal .mfp-close {
    display: none
}

@media all and (max-width: 720px) {
    .modal .button {
        padding: 15px 3px;
        min-width: 0;
        max-width: none;
        width: 49%
    }
}

.noScroll {
    overflow: hidden
}

.contactForm iframe {
    width: 100%;
    height: 100%
}

#overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    background: #377bbf;
    background: #000;
    opacity: .81;
    height: 9000px;
    width: 100%;
    z-index: 99;
    display: none
}

#free-trial-form,
#free-demo-form {
    display: none;
    position: fixed;
    overflow-y: scroll;
    z-index: 99999999999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translateZ(0);
    -webkit-overflow-scrolling: touch
}

.double-form-wrap {
    padding-bottom: 2%
}

.double-form-wrap .button {
    padding: 6% 25%;
    width: 100%;
    border-bottom: 4px solid #3F95D8
}

@media all and (max-width: 720px) {
    .double-form-wrap .button {
        max-width: 90%;
        margin-left: 4.5%
    }
}

.double-form-wrap .button:hover {
    border-bottom: 4px solid #0473A5
}

.double-form-wrap h3 {
    text-align: center;
    padding: 20px 0px;
    font-size: .9rem
}

.free-trial-demo-form {
    position: relative;
    height: 100%;
    width: 70%;
    max-width: 500px;
    margin: 0 auto;
    border-radius: 3px;
    overflow: hidden;
    background: white
}

.double-form-wrap {
    position: relative;
    width: 90%;
    max-width: 500px;
    margin: 0 auto;
    border-radius: 3px;
    overflow: hidden;
    background: white
}

@media all and (max-width: 686px) {
    #free-trial-form,
    #free-demo-form {
        top: 0
    }
    .free-trial-demo-form,
    .double-form-wrap {
        width: 100%;
        height: 100%;
        overflow: hidden;
        -webkit-overflow-scrolling: touch
    }
}

.free-trial-demo-form iframe {
    position: relative;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important
}

a.close {
    background: transparent;
    margin: 0px 0 0 0;
    right: 0;
    z-index: 9999999;
    display: block;
    padding: 6px 0 6px 10px;
    margin-right: 20px;
    text-align: center;
    transition: all 0.2s ease-in 0s
}

a.modalclose {
    float: right;
    position: absolute;
    cursor: pointer;
    top: 5px;
    right: 5px;
    color: #616161;
    background: rgba(96, 95, 97, 0);
    font-size: 24px;
    font-weight: bold;
    display: inline-block;
    line-height: 0px;
    padding: 11px 3px
}

@media all and (max-width: 720px) {
    a.modalclose {
        top: 5px;
        right: 5px
    }
}

a.modalclose:hover {
    text-decoration: none;
    color: #9B9B9B
}

.modalclose:before {
    content: "×";
    cursor: pointer
}

.se-demo a img,
.se-demo a.button {
    display: block;
    margin: auto;
    width: 100%
}

#apps_build_details,
#apps_buy_details {
    display: none;
    background-color: #fff;
    height: 120px;
    position: absolute;
    width: 100%;
    z-index: 9999
}

#apps_build_details {
    bottom: 0
}

@media all and (max-width: 720px) {
    #apps_build_details {
        bottom: 70px
    }
}

#apps_buy_details {
    top: 165px
}

@media all and (max-width: 720px) {
    #apps_buy_details {
        top: 130px
    }
}

#mobile-apps-build,
#mobile-apps-buy {
    position: relative;
    left: 33%;
    top: 5px;
    display: none
}

@media all and (max-width: 690px) {
    #mobile-apps-build,
    #mobile-apps-buy {
        left: 35%
    }
}

@media all and (max-width: 480px) {
    #mobile-apps-build,
    #mobile-apps-buy {
        left: 28%
    }
}

#apps_build_details .modal-image-holder img {
    width: 75px;
    height: auto;
    text-align: justify;
    vertical-align: middle
}

@media all and (max-width: 480px) {
    #apps_build_details .modal-image-holder img {
        width: 65px
    }
}

.modal-image-holder {
    text-align: center;
    margin: 0 auto
}

.modal-image-holder img {
    text-align: justify;
    width: 85px;
    height: auto
}

@media all and (max-width: 720px) {
    .modal-image-holder img {
        width: 70px
    }
}

@media all and (max-width: 500px) {
    .modal-image-holder img {
        width: 55px
    }
}

.invisible {
    visibility: hidden
}

.step-bar {
    width: 100%;
    margin-top: 10%;
    margin-bottom: 5%
}

@media all and (max-width: 500px) {
    .step-bar {
        width: 92%;
        margin: 30px auto 0px auto
    }
}

.step1,
.step2 {
    display: inline-block;
    padding: 5px 10px 5px 10px;
    width: 50%;
    text-align: center
}

.step1 {
    background: #0473A5;
    color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 5px 5px 29px -5px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: inset 5px 5px 29px -5px rgba(0, 0, 0, 0.4);
    box-shadow: inset 5px 5px 29px -5px rgba(0, 0, 0, 0.4)
}

.step2 {
    border: 1px solid #ccc;
    opacity: .65
}

.agree {
    margin-top: 30% !important
}

.modal-back-link {
    position: relative;
    top: 8px;
    left: 22px;
    z-index: 9999
}

.footer_callout {
    background: #A8B94D;
    padding: 45px 0px 35px 0px
}

.footer_callout h2 {
    color: #ffffff
}

@media all and (max-width: 600px) {
    .footer_callout h2 {
        text-align: center
    }
}

.footer_callout h5 {
    margin-top: 1px
}

@media all and (max-width: 600px) {
    .footer_callout h5 {
        text-align: center
    }
}

.footer_callout .button {
    background: rgba(0, 182, 255, 0)
}

@media all and (max-width: 600px) {
    .footer_callout .button {
        margin-top: 25px;
        float: none
    }
}

.image-container {
    background-position: center bottom;
    background-repeat: no-repeat;
    margin-bottom: 30px
}

.image-container.acquia {
    background-image: url("/images/logo-acquia.png");
    background-position-y: 16px
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3 / 1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .image-container.acquia {
        background-image: url("/images/logo-acquia_2x.png");
        background-size: 178px 41px
    }
}

.image-container.beth-israel {
    background-image: url("/images/logo-beth-israel.png");
    background-size: contain
}

.image-container.cake {
    background-image: url(/images/logo-cake.png)
}

.image-container.citrix {
    background-image: url("/images/logo-citrix.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3 / 1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .image-container.citrix {
        background-image: url("/images/logo-citrix_2x.png");
        background-size: 163px 65px
    }
}

.image-container.co-operators {
    background-image: url("/images/logo-cooperators.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3 / 1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .image-container.co-operators {
        background-image: url("/images/logo-cooperators_2x.png");
        background-size: 257px 50px
    }
}

.image-container.ebay {
    background-image: url("/images/logo-ebay.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3 / 1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .image-container.ebay {
        background-image: url("/images/logo-ebay_2x.png");
        background-size: 155px 61px
    }
}

.image-container.map-my-fitness {
    background-image: url("/images/logo-mapmyfitness.png");
    background-size: contain
}

.image-container.national-instruments {
    background-image: url("../images/logos/national-instruments.png");
    background-size: contain
}

.image-container.recurly {
    background-image: url("../images/logos/recurly.png");
    background-size: 50%
}

.image-container.service-now {
    background-image: url("/images/logo-servicenow.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3 / 1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .image-container.service-now {
        background-image: url("/images/logo-servicenow_2x.png");
        background-size: 225px 28px
    }
}

.image-container.parchment {
    background-image: url(../images/logos/parchment-trans-large.png);
    background-position: 51% 2px
}

.image-container.hubspot {
    background-image: url(../images/logos/hubspot-logo.png)
}

.image-container.weather-channel {
    background-image: url(../images/logos/weather-channel-logo.png);
    background-size: contain
}

.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0
}

.rslides li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0
}

.rslides li:first-child {
    position: relative;
    display: block;
    float: left
}

.rslides img {
    display: block;
    height: auto;
    float: left;
    width: 100%;
    border: 0
}

.image-circle {
    display: inline-block;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    overflow: hidden;
    border: 7px solid rgba(236, 240, 241, 0.2);
    box-shadow: 0px 2px 3px rgba(199, 199, 199, 0.42);
    position: relative
}

.image-circle.red {
    border-color: #C12C2D
}

.image-circle.red:hover {
    border-color: #DB3434;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s
}

.image-circle.green {
    border-color: #A2B24A
}

.image-circle.green:hover {
    border-color: #B8C64C;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s
}

.image-circle.blue {
    border-color: #44B0BA
}

.image-circle.blue:hover {
    border-color: #67C8C6;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s
}

.image-circle.yellow {
    border-color: #D5B42C
}

.image-circle.yellow:hover {
    border-color: #F5D428;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s
}

.image-circle.small {
    width: 70px;
    height: 70px;
    border: 1px solid rgba(236, 240, 241, 0.2)
}

.list-photos {
    display: table-cell;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    width: 100%;
    margin-top: -22%;
    width: 100%;
    margin-bottom: 0%
}

@media (max-width: 1700px) {
    .list-photos {
        margin-top: -24%
    }
}

@media (min-width: 1701px) and (max-width: 2400px) {
    .list-photos {
        margin-top: -32%
    }
}

@media (max-width: 855px) {
    .list-photos {
        flex-direction: column;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column
    }
}

.list-photos li {
    text-align: center;
    display: inline-block;
    min-width: 0;
    width: 25%
}

@media (max-width: 855px) {
    .list-photos li {
        width: 100%
    }
}

.list-photos li p {
    padding: 5%
}

.list-photos li h6 {
    color: #8C8C8C
}

.list-photos-solo {
    display: table-cell;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    justify-content: center;
    -webkit-justify-content: center;
    width: 100%;
    margin-top: -165px
}

@media (max-width: 675px) {
    .list-photos-solo {
        flex-direction: column;
        -webkit-flex-direction: column;
        -moz-flex-direction: column
    }
}

.list-photos-solo li {
    text-align: center;
    min-width: 0;
    width: 100%
}

@media (max-width: 675px) {
    .list-photos-solo li {
        width: 100%
    }
}

.list-photos-solo li p {
    padding: 5%
}

.list-photos-solo li h6 {
    color: #8C8C8C
}

.location-images {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    width: 100%
}

.location-images>div {
    width: 33.333%;
    background-size: auto 650px;
    height: 400px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-filter: brightness(0.9);
    filter: brightness(0.9);
    cursor: pointer
}

.location-images>div a {
    padding: 10px
}

.location-images>div a:hover,
.location-images>div a:active {
    text-decoration: none
}

.location-images>div:hover {
    background-size: auto 660px
}

@media (max-width: 800px) {
    .location-images>div h1 {
        font-size: 1rem
    }
}

.boston-bg {
    background-image: url(../images/photography/boston.jpg);
    background-position: -90px -137px
}

.vancouver-bg {
    background-image: url(../images/photography/vancouver.jpg);
    background-position-y: -40px
}

.providence-bg {
    background-image: url(../images/photography/providence.jpg);
    background-position: -68px -10px
}

.image-framed {
    border: 1px solid #E1E1E1;
    padding: 5px;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    transition: all 1s ease
}

.image-framed:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.grayscale {
    -webkit-filter: grayscale(0.3);
    filter: grayscale(0.3);
    transition: all .5s ease
}

.grayscale:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.trans-pic-frame {
    box-shadow: 0px 0px 0px 4px rgba(0, 0, 0, 0.08)
}

.article-image {
    cursor: pointer;
    transition: all .5s ease
}

.article-image:hover {
    opacity: .7
}

.pricing-overview-wrap {
    padding-bottom: 5%
}

.pricing-overview-cubes {
    max-height: 110px;
    margin-bottom: 21%
}

@media (max-width: 767px) {
    .pricing-overview-cubes {
        margin-bottom: 5%
    }
}

.pricing-overview-logo {
    max-height: 40px
}

.pricing-overview-icons {
    height: 130px
}

@media (max-width: 767px) {
    .pricing-overview-icons {
        margin-top: 6%
    }
}

.pricing.ui.menu {
    margin: 0;
    border-radius: 0
}

.pricing.ui.menu .active.item {
    box-shadow: none
}

.pricing.ui.menu .item {
    font-size: 1.5rem
}

.pricing.ui.menu .item:hover {
    background: rgba(0, 0, 0, 0.03);
}

@media (max-width: 575px) {
    .pricing.ui.menu .item {
        font-size: .8rem
    }
}

.pricing.ui.menu .item:first-child {
    border-left: 1px solid #EFEFEF
}

.pricing-icon {
    height: 200px
}

@media (max-width: 1160px) {
    .pricing-icon {
        height: 120px
    }
}

.pricing__title__wrap {
    min-height: 100px;
    margin-top: 20px
}

@media (min-width: 951px) and (max-width: 1130px) {
    .pricing__title__wrap {
        min-height: 110px
    }
    .pricing__title__wrap.appview {
        min-height: 150px
    }
}

@media (min-width: 768px) and (max-width: 950px) {
    .pricing__title__wrap {
        min-height: 140px
    }
    .pricing__title__wrap.appview {
        min-height: 160px
    }
}

@media (max-width: 767px) {
    .pricing__title__wrap {
        min-height: 0
    }
}

.pricing__title {
    font-size: 1em;
    margin: 1.5em 0 0;
    color: #333
}

.pricing__item:hover i {
    color: #E03E3E
}

.pricing__price {
    font-size: 2em;
    font-weight: bold;
    margin: 0.5em 0 0.75em;
    overflow: hidden;
    color: #333
}

@media (min-width: 766px) and (max-width: 950px) {
    .pricing__price {
        font-size: 1.5em
    }
}

.pricing__currency {
    font-size: 0.5em;
    vertical-align: super
}

.pricing__period {
    font-size: 0.35em;
    color: #8b909d
}

.pricing__period-hour {
    font-size: 11px;
    color: #8b909d
}

.pricing__sentence {
    font-weight: bold;
    margin: .75em 0 1em 0;
    padding: 0 0 0.5em;
    line-height: 1.3
}

@media (max-width: 767px) {
    .pricing__sentence {
        max-width: 300px;
        margin: 1em auto
    }
}

.pricing__sentence.appview {
    color: #cd2e2d
}

.pricing__sentence.traceview {
    color: #222222;
}

.pricing__sentence.flowview {
    color: #deb401
}

.pricing__sentence.pathview {
    color: #2ba3b9
}

.pricing__feature-list__title {
    font-weight: 600
}

.pricing__feature-list {
    font-size: 0.85em;
    margin: 0;
    padding: 0.25em 0 1.25em;
    list-style: none;
    text-align: center;
    margin-top: 15%
}

@media (max-width: 767px) {
    .pricing__feature-list {
        margin-top: 5%
    }
}

.pricing__feature-list li {
    font-size: .9em
}

.pricing__feature-list .ui.accordion .title {
    display: none
}

.pricing__feature-list .ui.list .item a {
    color: #00A6F1 !important
}

.pricing__feature-list .ui.basic.table tbody tr {
    border-bottom: none
}

.pricing__feature-list .ui.basic.table tbody td {
    box-shadow: none
}

.ui.horizontal.divider.tiers {
    right: 2.5%
}

.ui.horizontal.divider.tiers:before,
.ui.horizontal.divider.tiers:after {
    border-top: 3px solid rgba(0, 0, 0, 0.1)
}

.compare-table.ui.table {
    border: none
}

.compare-table.ui.table td.indent {
    padding-left: 6.5%
}

.resource-card-item {
    border: 1px solid #CBCECF;
    padding: 12%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height: 345px;
    background: #ffffff;
    position: relative
}

.resource-card-item.open-source {
    height: 505px
}

@media (min-width: 768px) and (max-width: 1220px) {
    .resource-card-item {
        height: 445px
    }
}

.resource-card-logo {
    text-align: center
}

.resource-card-logo img {
    height: 60px
}

.resource-card-logo i.big.icon {
    font-size: 2.6em;
    margin: 0 auto
}

.resource-card-item-content {
    padding-top: 9%
}

.resource-card-button {
    text-align: center;
    position: relative;
    top: -40px
}

.resource-card-button>a {
    text-transform: none;
    padding: 13px 11px;
    min-width: 100%;
    border-right: 1px solid #CBCECF;
    border-left: 1px solid #CBCECF;
    border-bottom: 1px solid #CBCECF;
    border-radius: 0px;
    background: #fff;
    color: #2ba3b9;
    font-size: 1rem;
    color: #ffffff;
    background: #2ba3b9
}

.resource-card-button>a:hover {
    background: #ffffff;
    color: #2ba3b9
}

.related-resource {
    background: #ffffff;
    padding: 5px 0px
}

.related-resource .ui.ribbon.resource-card.label {
    left: -22.5%
}

@media (min-width: 720px) and (max-width: 991px) {
    .related-resource .ui.ribbon.resource-card.label {
        left: -20.5%
    }
}

@media (max-width: 480px) {
    .related-resource .ui.ribbon.resource-card.label {
        left: -22%;
        top: -22px
    }
}

.related-resource .resource-card-item {
    background: #fff;
    width: 100%;
    max-height: 350px !important;
    min-height: 350px !important;
    overflow: scroll
}

.title-ribbon {
    width: 60%;
    position: relative;
    background: #BAC83C;
    color: #fff;
    text-align: center;
    padding: 1em 2em;
    margin: 2em auto 3em
}

.title-ribbon:before,
.title-ribbon:after {
    content: "";
    position: absolute;
    display: block;
    bottom: -1em;
    border: 1.5em solid #A8B94D;
    z-index: -1
}

.title-ribbon:before {
    left: -2em;
    border-right-width: 1.5em;
    border-left-color: transparent
}

.title-ribbon:after {
    right: -2em;
    border-left-width: 1.5em;
    border-right-color: transparent
}

.title-ribbon .title-ribbon-content:before,
.title-ribbon .title-ribbon-content:after {
    content: "";
    position: absolute;
    display: block;
    border-style: solid;
    border-color: #7A863A transparent transparent transparent;
    bottom: -1em
}

.title-ribbon .title-ribbon-content:before {
    left: 0;
    border-width: 1em 0 0 1em
}

.title-ribbon .title-ribbon-content:after {
    right: 0;
    border-width: 1em 1em 0 0
}

.shadow-effect1 {
    -webkit-box-shadow: 0 10px 6px -6px #DEDEDE;
    -moz-box-shadow: 0 10px 6px -6px #DEDEDE;
    box-shadow: 0 10px 6px -6px #DEDEDE
}

.shadow-effect2 {
    position: relative
}

.shadow-effect2:before,
.shadow-effect2:after {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width: 300px;
    background: #777;
    -webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 15px 10px #777;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg)
}

.shadow-effect2:after {
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    right: 10px;
    left: auto
}

.shadow-effect3 {
    position: relative
}

.shadow-effect3:before {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width: 300px;
    background: #777;
    -webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 15px 10px #777;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg)
}

.shadow-effect4 {
    position: relative
}

.shadow-effect4:after {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    right: 10px;
    left: auto;
    width: 50%;
    top: 80%;
    max-width: 300px;
    background: #777;
    -webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 15px 10px #777;
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg)
}

.shadow-effect5 {
    position: relative
}

.shadow-effect5:before,
.shadow-effect5:after {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 25px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width: 300px;
    background: #777;
    -webkit-box-shadow: 0 35px 20px #777;
    -moz-box-shadow: 0 35px 20px #777;
    box-shadow: 0 35px 20px #777;
    -webkit-transform: rotate(-8deg);
    -moz-transform: rotate(-8deg);
    -o-transform: rotate(-8deg);
    -ms-transform: rotate(-8deg);
    transform: rotate(-8deg)
}

.shadow-effect5:after {
    -webkit-transform: rotate(8deg);
    -moz-transform: rotate(8deg);
    -o-transform: rotate(8deg);
    -ms-transform: rotate(8deg);
    transform: rotate(8deg);
    right: 10px;
    left: auto
}

.shadow-effect6 {
    position: relative;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset
}

.shadow-effect6:before,
.shadow-effect6:after {
    content: "";
    position: absolute;
    z-index: -1;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    top: 50%;
    bottom: 0;
    left: 10px;
    right: 10px;
    -moz-border-radius: 100px / 10px;
    border-radius: 100px / 10px
}

.shadow-effect6:after {
    right: 10px;
    left: auto;
    -webkit-transform: skew(8deg) rotate(3deg);
    -moz-transform: skew(8deg) rotate(3deg);
    -ms-transform: skew(8deg) rotate(3deg);
    -o-transform: skew(8deg) rotate(3deg);
    transform: skew(8deg) rotate(3deg)
}

.shadow-effect7 {
    position: relative;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset
}

.shadow-effect7:before,
.shadow-effect7:after {
    content: "";
    position: absolute;
    z-index: -1;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    top: 0;
    bottom: 0;
    left: 10px;
    right: 10px;
    -moz-border-radius: 100px / 10px;
    border-radius: 100px / 10px
}

.shadow-effect7:after {
    right: 10px;
    left: auto;
    -webkit-transform: skew(8deg) rotate(3deg);
    -moz-transform: skew(8deg) rotate(3deg);
    -ms-transform: skew(8deg) rotate(3deg);
    -o-transform: skew(8deg) rotate(3deg);
    transform: skew(8deg) rotate(3deg)
}

.shadow-effect8 {
    position: relative;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset
}

.shadow-effect8:before,
.shadow-effect8:after {
    content: "";
    position: absolute;
    z-index: -1;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    top: 10px;
    bottom: 10px;
    left: 0;
    right: 0;
    -moz-border-radius: 100px / 10px;
    border-radius: 100px / 10px
}

.shadow-effect8:after {
    right: 10px;
    left: auto;
    -webkit-transform: skew(8deg) rotate(3deg);
    -moz-transform: skew(8deg) rotate(3deg);
    -ms-transform: skew(8deg) rotate(3deg);
    -o-transform: skew(8deg) rotate(3deg);
    transform: skew(8deg) rotate(3deg)
}

.slant-neg {
    -webkit-transform: skewY(-3deg);
    -moz-transform: skewY(-3deg);
    -ms-transform: skewY(-3deg);
    -o-transform: skewY(-3deg);
    transform: skewY(-3deg)
}

.slant-pos {
    -webkit-transform: skewY(3deg);
    -moz-transform: skewY(3deg);
    -ms-transform: skewY(3deg);
    -o-transform: skewY(3deg);
    transform: skewY(3deg)
}

.list-stats {
    display: table-cell;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: flex-end;
    -webkit-flex-flow: row wrap;
    -ms-flex-wrap: row wrap;
    flex-flow: row wrap;
    width: 100%;
    padding: 2%;
    margin-top: 10px
}

.list-stats.dark {
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: space-between;
    -webkit-justify-content: space-between
}

@media (min-width: 510px) and (max-width: 1320px) {
    .list-stats {
        -webkit-flex-wrap: nowrap;
        -moz-flex-wrap: nowrap
    }
}

@media (max-width: 625px) {
    .list-stats {
        justify-content: center;
        -webkit-justify-content: center
    }
}

.list-stats.dark {
    padding: 2% 5%
}

.list-stats p {
    color: #fff;
    margin-top: -10px;
    font-size: 1.3rem
}

.list-stats p.dark {
    color: #8C8C8C;
    font-size: .8rem
}

@media (max-width: 1320px) {
    .list-stats p {
        font-size: .8rem
    }
}

@media (max-width: 1050px) {
    .list-stats p.dark {
        font-size: .6rem;
        margin-top: 0
    }
}

@media (min-width: 300px) and (max-width: 600px) {
    .list-stats p.dark {
        font-size: .5rem
    }
}

.list-stats h3 {
    font-family: 'Droid Sans Mono';
    color: #fff;
    margin-top: 1%;
    font-size: 3rem
}

.list-stats h3.dark {
    color: #595959;
    font-size: 1.5rem
}

@media (max-width: 1320px) {
    .list-stats h3 {
        font-size: 2rem
    }
}

@media (max-width: 1050px) {
    .list-stats h3.dark {
        font-size: 1rem
    }
}

@media (min-width: 300px) and (max-width: 600px) {
    .list-stats h3.dark {
        font-size: .6rem
    }
}

.list-stats i {
    color: #fff;
    font-size: 3.7rem !important
}

@media (max-width: 1320px) {
    .list-stats i {
        font-size: 2.5rem !important
    }
}

.list-stats li {
    text-align: center;
    min-width: 0;
    padding: 0% 10px
}

@media (max-width: 1050px) {
    .list-stats li {
        margin: 5% 0%
    }
}

@media (min-width: 300px) and (max-width: 775px) {
    .list-stats li {
        padding: 0% 5px
    }
}

.stats-container {
    text-align: center
}

.stat-wrap {
    padding: 5px;
    margin-bottom: 10%
}

.stat-wrap h3 {
    color: #fff;
    font-size: 3rem
}

.stat-wrap p {
    color: #fff !important;
    margin-top: -15px;
    padding-bottom: 3%
}

.stat-wrap i {
    color: #fff;
    font-size: 3rem;
    padding-top: 3%;
    transition: all 0.2s ease-in-out;
    transform-origin: center center
}

.stat-wrap i:hover {
    opacity: 1;
    transform: scale(1.3)
}

.stat-green {
    background: #79C99E;
    border-radius: 5px
}

.stat-red {
    background: #CC2D2D;
    border-radius: 5px
}

.stat-blue {
    background: #39A2AE;
    border-radius: 5px
}

.stat-yellow {
    background: #FFCE00;
    border-radius: 5px
}

.stat-dark {
    background: #989898;
    border-radius: 5px
}

.stat-plain h3,
.stat-plain p,
.stat-plain i {
    color: rgba(0, 0, 0, 0.75) !important
}

.sticky-cta.ui.fixed.sticky+section {
    margin-top: 110px
}

.highlight {
    background: rgba(0, 0, 0, 0.9);
    font-size: 18px;
    padding: 20px;
    box-shadow: 0px 0px 2px 0px #161206;
    margin: 30px 0
}

@media (max-width: 930px) {
    .highlight {
        font-size: 13px
    }
}

.highlight .c {
    color: #999988;
    font-style: italic
}

.highlight .err {
    color: #a61717;
    background-color: #e3d2d2
}

.highlight .k {
    font-weight: bold;
    color: #b33c73
}

.highlight .o {
    font-weight: bold
}

.highlight .cm {
    color: #999988;
    font-style: italic
}

.highlight .cp {
    color: #999999;
    font-weight: bold
}

.highlight .c1 {
    color: #999988;
    font-style: italic
}

.highlight .cs {
    color: #999999;
    font-weight: bold;
    font-style: italic
}

.highlight .gd {
    color: #000000;
    background-color: #fdd
}

.highlight .gd .x {
    color: #000000;
    background-color: #faa
}

.highlight .ge {
    font-style: italic
}

.highlight .gr {
    color: #a00
}

.highlight .gh {
    color: #999
}

.highlight .gi {
    color: #000000;
    background-color: #dfd
}

.highlight .gi .x {
    color: #000000;
    background-color: #afa
}

.highlight .go {
    color: #888
}

.highlight .gp {
    color: #555
}

.highlight .gs {
    font-weight: bold
}

.highlight .gu {
    color: #aaa
}

.highlight .gt {
    color: #a00
}

.highlight .kc {
    font-weight: bold
}

.highlight .kd {
    font-weight: bold
}

.highlight .kp {
    font-weight: bold
}

.highlight .kr {
    font-weight: bold
}

.highlight .kt {
    color: #445588;
    font-weight: bold
}

.highlight .m {
    color: #099
}

.highlight .s {
    color: #E15B10
}

.highlight .na {
    color: teal
}

.highlight .nb {
    color: #0086B3
}

.highlight .nc {
    color: #445588;
    font-weight: bold
}

.highlight .no {
    color: #118eb8
}

.highlight .ni {
    color: purple
}

.highlight .ne {
    color: #990000;
    font-weight: bold
}

.highlight .nf {
    color: #990000;
    font-weight: bold
}

.highlight .nn {
    color: #555
}

.highlight .nt {
    color: navy
}

.highlight .nv {
    color: teal
}

.highlight .ow {
    font-weight: bold
}

.highlight .w {
    color: #bbb
}

.highlight .mf {
    color: #099
}

.highlight .mh {
    color: #099
}

.highlight .mi {
    color: #099
}

.highlight .mo {
    color: #099
}

.highlight .sb {
    color: #E15B10
}

.highlight .sc {
    color: #E15B10
}

.highlight .sd {
    color: #E15B10
}

.highlight .s2 {
    color: #E15B10
}

.highlight .se {
    color: #E15B10
}

.highlight .sh {
    color: #E15B10
}

.highlight .si {
    color: #E15B10
}

.highlight .sx {
    color: #E15B10
}

.highlight .sr {
    color: #009926
}

.highlight .s1 {
    color: #E15B10
}

.highlight .ss {
    color: #990073
}

.highlight .bp {
    color: #999
}

.highlight .vc {
    color: teal
}

.highlight .vg {
    color: teal
}

.highlight .vi {
    color: teal
}

.highlight .il {
    color: #099
}

.highlight .lineno {
    padding-right: 20px
}

.tooltipster-default {
    border-radius: 5px;
    border: 2px solid #000;
    background: #4c4c4c;
    color: #fff
}

.tooltipster-default .tooltipster-content {
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 16px;
    padding: 8px 10px;
    overflow: hidden
}

.tooltipster-icon {
    cursor: help;
    margin-left: 4px
}

.tooltipster-base {
    padding: 0;
    font-size: 0;
    line-height: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999999;
    pointer-events: none;
    width: auto;
    overflow: visible
}

.tooltipster-base .tooltipster-content {
    overflow: hidden
}

.tooltipster-arrow {
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

.tooltipster-arrow span,
.tooltipster-arrow-border {
    display: block;
    width: 0;
    height: 0;
    position: absolute
}

.tooltipster-arrow-top span,
.tooltipster-arrow-top-right span,
.tooltipster-arrow-top-left span {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-top: 8px solid;
    bottom: -7px
}

.tooltipster-arrow-top .tooltipster-arrow-border,
.tooltipster-arrow-top-right .tooltipster-arrow-border,
.tooltipster-arrow-top-left .tooltipster-arrow-border {
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-top: 9px solid;
    bottom: -7px
}

.tooltipster-arrow-bottom span,
.tooltipster-arrow-bottom-right span,
.tooltipster-arrow-bottom-left span {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-bottom: 8px solid;
    top: -7px
}

.tooltipster-arrow-bottom .tooltipster-arrow-border,
.tooltipster-arrow-bottom-right .tooltipster-arrow-border,
.tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-bottom: 9px solid;
    top: -7px
}

.tooltipster-arrow-top span,
.tooltipster-arrow-top .tooltipster-arrow-border,
.tooltipster-arrow-bottom span,
.tooltipster-arrow-bottom .tooltipster-arrow-border {
    left: 0;
    right: 0;
    margin: 0 auto
}

.tooltipster-arrow-top-left span,
.tooltipster-arrow-bottom-left span {
    left: 6px
}

.tooltipster-arrow-top-left .tooltipster-arrow-border,
.tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    left: 5px
}

.tooltipster-arrow-top-right span,
.tooltipster-arrow-bottom-right span {
    right: 6px
}

.tooltipster-arrow-top-right .tooltipster-arrow-border,
.tooltipster-arrow-bottom-right .tooltipster-arrow-border {
    right: 5px
}

.tooltipster-arrow-left span,
.tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
    border-left: 8px solid;
    top: 50%;
    margin-top: -7px;
    right: -7px
}

.tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important;
    border-left: 9px solid;
    margin-top: -8px
}

.tooltipster-arrow-right span,
.tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
    border-right: 8px solid;
    top: 50%;
    margin-top: -7px;
    left: -7px
}

.tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important;
    border-right: 9px solid;
    margin-top: -8px
}

.tooltipster-fade {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity
}

.tooltipster-fade-show {
    opacity: 1
}

.tooltipster-grow {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-backface-visibility: hidden
}

.tooltipster-grow-show {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15)
}

.tooltipster-swing {
    opacity: 0;
    -webkit-transform: rotateZ(4deg);
    -moz-transform: rotateZ(4deg);
    -o-transform: rotateZ(4deg);
    -ms-transform: rotateZ(4deg);
    transform: rotateZ(4deg);
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform
}

.tooltipster-swing-show {
    opacity: 1;
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
    -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
    -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
    -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
    -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
    transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4)
}

.tooltipster-fall {
    top: 0;
    -webkit-transition-property: top;
    -moz-transition-property: top;
    -o-transition-property: top;
    -ms-transition-property: top;
    transition-property: top;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15)
}

.tooltipster-fall.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    top: 0px !important;
    opacity: 0
}

.tooltipster-slide {
    left: -40px;
    -webkit-transition-property: left;
    -moz-transition-property: left;
    -o-transition-property: left;
    -ms-transition-property: left;
    transition-property: left;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15)
}

.tooltipster-slide.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    left: 0px !important;
    opacity: 0
}

.tooltipster-content-changing {
    opacity: 0.5;
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1)
}

.tooltipster-light {
    border-radius: 5px;
    border: 1px solid #cccccc;
    background: #fcfcfc;
    color: #666666;
    padding: 10px;
    z-index: 9
}

.tooltipster-light-cloud {
    max-width: 800px;
    border-radius: 5px;
    border: 1px solid rgba(53, 81, 92, 0.13);
    background: #fff;
    color: #666666;
    padding-top: 5px
}

.tooltipster-light-cloud h5 {
    margin-top: 10px;
    text-align: center
}

.crossword_pattern {
    background-image: url(/images/graphics/crossword.png)
}

.fabric_pattern {
    background-image: url(/images/graphics/fabric_of_squares_gray.png)
}

.topo_lines {
    background-image: url(/images/graphics/cartographer.png)
}

.noisy_grid {
    background-image: url(/images/graphics/noisy_grid.png)
}

.geomerty_pattern {
    background-image: url(/images/graphics/geometry2.png)
}

.china_pattern {
    background-image: url(/images/textures/contemporary_china.png)
}

.china_pattern_modern {
    background-image: url(/images/textures/contemporary_china_2.png)
}

.timeline-wrap {
    background-color: #eef2f3
}

.cd-container {
    width: 90%;
    margin: 0 auto
}

.cd-container::after {
    content: '';
    display: table;
    clear: both
}

#cd-timeline {
    position: relative;
    padding: 2em 0;
    margin-top: 2em;
    margin-bottom: 2em
}

#cd-timeline::before {
    content: '';
    position: absolute;
    top: 0;
    left: 18px;
    height: 95%;
    width: 1px;
    background: #D2D2D2
}

#cd-timeline.expanded::before {
    height: 100%
}

@media only screen and (min-width: 1170px) {
    #cd-timeline {
        margin-top: 3em;
        margin-bottom: 3em
    }
    #cd-timeline::before {
        left: 50%;
        margin-left: -2px
    }
}

.cd-timeline-block {
    position: relative;
    margin: 2em 0
}

.cd-timeline-block:after {
    content: "";
    display: table;
    clear: both
}

.cd-timeline-block:first-child {
    margin-top: 0
}

.cd-timeline-block:last-child {
    margin-bottom: 0
}

@media only screen and (min-width: 1170px) {
    .cd-timeline-block {
        margin: 3em 0
    }
    .cd-timeline-block:first-child {
        margin-top: 0
    }
    .cd-timeline-block:last-child {
        margin-bottom: 0
    }
}

.cd-timeline-img {
    background: transparent;
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px
}

@media (max-width: 1160px) {
    .cd-timeline-img {
        left: 7px
    }
}

.cd-timeline-img img {
    display: block;
    width: 24px;
    height: 24px;
    position: relative;
    left: 50%;
    top: 50%;
    margin-left: -12px;
    margin-top: -12px
}

.cd-timeline-img.cd-picture {
    background: #75ce66
}

.cd-timeline-img.cd-movie {
    background: #c03b44
}

.cd-timeline-img.cd-location {
    background: #f0ca45
}

@media only screen and (min-width: 1170px) {
    .cd-timeline-img {
        width: 60px;
        height: 60px;
        left: 50%;
        margin-left: -30px;
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden
    }
    .cssanimations .cd-timeline-img.is-hidden {
        visibility: hidden
    }
    .cssanimations .cd-timeline-img.bounce-in {
        visibility: visible;
        -webkit-animation: cd-bounce-1 0.6s;
        -moz-animation: cd-bounce-1 0.6s;
        animation: cd-bounce-1 0.6s
    }
}

.cd-timeline-content {
    position: relative;
    margin-left: 60px;
    background: white;
    border-radius: 0.25em;
    padding: 1em;
    border-bottom: 1px solid #CECECE
}

.cd-timeline-content:after {
    content: "";
    display: table;
    clear: both
}

.cd-timeline-content h2 {
    color: #404040
}

.cd-timeline-content .cd-read-more,
.cd-timeline-content .cd-date {
    display: inline-block
}

.cd-timeline-content p {
    margin: 1em 0
}

.cd-timeline-content .cd-read-more {
    float: right;
    padding: .8em 1em;
    background: #acb7c0;
    color: white;
    border-radius: 0.25em
}

.no-touch .cd-timeline-content .cd-read-more:hover {
    background-color: #bac4cb
}

.cd-timeline-content .cd-date {
    float: left;
    padding: .8em 0
}

@media only screen and (max-width: 1170px) {
    .cd-timeline-content .cd-date {
        padding: 2.8em 0
    }
}

.cd-timeline-content::before {
    content: '';
    position: absolute;
    top: 16px;
    right: 100%;
    height: 0;
    width: 0;
    border: 7px solid transparent;
    border-right: 7px solid white
}

@media only screen and (min-width: 768px) {
    .cd-timeline-content h2 {
        font-size: 1.2rem
    }
    .cd-timeline-content .cd-read-more,
    .cd-timeline-content .cd-date {
        font-size: 14px
    }
}

@media only screen and (min-width: 1170px) {
    .cd-timeline-content {
        margin-left: 0;
        padding: 1.6em;
        width: 45%
    }
    .cd-timeline-content::before {
        top: 24px;
        left: 100%;
        border-color: transparent;
        border-left-color: white
    }
    .cd-timeline-content .cd-read-more {
        float: left
    }
    .cd-timeline-content .cd-date {
        position: absolute;
        width: 100%;
        left: 128%;
        top: 6px;
        font-size: 16px;
        font-size: 1rem
    }
    .cd-timeline-block:nth-child(even) .cd-timeline-content {
        float: right
    }
    .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
        top: 24px;
        left: auto;
        right: 100%;
        border-color: transparent;
        border-right-color: white
    }
    .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
        float: right
    }
    .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
        left: auto;
        right: 128%;
        text-align: right
    }
    .cssanimations .cd-timeline-content.is-hidden {
        visibility: hidden
    }
    .cssanimations .cd-timeline-content.bounce-in {
        visibility: visible;
        -webkit-animation: cd-bounce-2 0.6s;
        -moz-animation: cd-bounce-2 0.6s;
        animation: cd-bounce-2 0.6s
    }
}

@media only screen and (min-width: 1170px) {
    .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
        -webkit-animation: cd-bounce-2-inverse 0.6s;
        -moz-animation: cd-bounce-2-inverse 0.6s;
        animation: cd-bounce-2-inverse 0.6s
    }
}

.video-container {
    box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.2);
    display: block;
    min-width: 442px;
    max-width: 442px;
    height: auto
}

@media all and (min-width: 1025px) {
    .video-container {
        height: 249px
    }
}

.video-container iframe {
    display: block
}

.hero .video-container {
    margin: 0 0 0 10px
}

@media all and (max-width: 1024px) {
    .video-container {
        min-width: 340px
    }
}

@media all and (max-width: 720px) {
    .video-container {
        min-width: 0
    }
    .hero .video-container {
        margin: 0 auto;
        max-width: 480px
    }
}

.video_wrap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden
}

.video_wrap iframe,
.video_wrap object,
.video_wrap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.pretty-embed iframe {
    border: none !important
}

.pretty-embed {
    width: 100%
}

.full-screen-video-overlay {
    background: rgba(0, 0, 0, 0.5);
    background-image: url(../images/textures/grid.png);
    position: absolute;
    height: 600px;
    top: 75px;
    width: 100%
}

@media (max-width: 840px) {
    .full-screen-video-overlay {
        top: 395px;
        height: 370px
    }
}

.texture-overlay {
    background: rgba(0, 0, 0, 0.5);
    background-image: url(../images/textures/grid.png);
    position: absolute
}

.homepage-video,
.about-video-hero,
.open-source-video {
    height: 600px
}

@media (max-width: 670px) {
    .homepage-video,
    .about-video-hero,
    .open-source-video {
        height: 370px
    }
}

.code-video {
    height: 600px;
    position: relative;
    margin-bottom: -600px;
    z-index: 1
}

@media (max-width: 720px) {
    .code-video {
        display: none
    }
}

.video-pods {
    position: relative;
    z-index: 2;
    color: #fff
}

@media (max-width: 720px) {
    .video-pods {
        position: static
    }
}

.wallpaper,
.wallpaper .wallpaper-container,
.wallpaper .wallpaper-media {
    -webkit-transition: none !important;
    transition: none !important
}

.wallpaper {
    overflow: hidden;
    position: relative
}

.wallpaper .wallpaper-container {
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.wallpaper .wallpaper-media {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0
}

.wallpaper .wallpaper-media.animated {
    -webkit-transition: opacity 0.5s linear !important;
    transition: opacity 0.5s linear !important
}

.wallpaper .wallpaper-media img,
.wallpaper .wallpaper-media video,
.wallpaper .wallpaper-media iframe {
    display: block;
    height: 100%;
    width: 100%
}

.wallpaper .wallpaper-embed.ready:after {
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.wallpaper .wallpaper-embed.ready iframe {
    z-index: 0
}

.wallpaper .wallpaper-media.native {
    background-position: center;
    background-size: cover;
    height: 100%;
    width: 100%
}

.wallpaper .wallpaper-media.native img {
    display: none
}

.wallpaper .wallpaper-media.fixed {
    background-position: center;
    background-attachment: fixed;
    height: 100%;
    width: 100%
}

.wallpaper .wallpaper-media.fixed img {
    display: none
}

body {
    color: #333;
    font-family: "Open Sans", sans-serif !important;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.4;
    -webkit-font-smoothing: antialiased
}

body::selection {
    background: #FE57A1;
    color: #FFF
}

body::-moz-selection {
    background: #FE57A1;
    color: #FFF
}

@media all and (max-width: 480px) {
    body {
        font-size: 13px;
        font-size: 0.8125rem
    }
}

p {
    font-family: "Open Sans", sans-serif !important
}

hr {
    background: #DEE2E6;
    height: 2px;
    margin: 40px 0
}

hr.tight {
    background: #DEDFDF;
    height: 1px;
    width: 60%;
    margin: 0 auto;
    max-width: 200px
}

hr.light-grey {
    background: #eee;
    height: 1px
}

img {
    max-width: 100%
}

.main {
    background: #FFF;
    display: block
}

.text-center {
    text-align: center
}

.space {
    margin-top: 50px
}

@media all and (max-width: 768px) {
    .owl-carousel .owl-wrapper,
    .owl-carousel .owl-item {
        padding-bottom: 7px
    }
    #resource-container ul li .icon {
        background-size: contain !important
    }
    .list-awards li {
        padding: 0;
        width: 120px;
        display: inline-block
    }
    .hidden-mobile {
        display: none !important
    }
}

.category .theme-blue {
    background-color: #438fe1
}

.category .theme-blue li a:hover {
    background-color: #3b81cc
}

.category .theme-cerulean {
    background-color: #6fe1f0
}

.category .theme-cerulean li a:hover {
    background-color: #68d1e0
}

.category .theme-lime {
    background: #bee800
}

.category .theme-lime li a:hover {
    background-color: #add301
}

.category .theme-orange {
    background: #FFCE00
}

.category .theme-orange li a:hover {
    background-color: #edaa00
}

.category .theme-pink {
    background: #ff6862
}

.category .theme-pink li a:hover {
    background-color: #db6560
}

.category .theme-teal {
    background: #3caebd
}

.category .theme-teal li a:hover {
    background-color: #359caa
}

.form {
    max-width: 60%;
    margin: 0 auto
}

.error_container {
    clear: both;
    color: #BF1E2E;
    display: none;
    font-size: 11px;
    margin: 0 0 0 220px;
    min-height: 22px;
    padding: 5px 0 0 5px;
    position: relative;
    width: 335px
}

#filter {
    position: relative;
    float: left;
    margin: 50px 0 0 0;
    width: 100%
}

#filter #industry {
    display: none
}

#filter ul {
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%
}

#filter ul .category {
    position: relative;
    float: left;
    display: inline-block;
    width: 240px;
    width: 30%;
    padding-bottom: 30px;
    text-align: center;
    font-size: 28px;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out
}

#filter ul .category.active {
    color: #333333 !important
}

#filter ul .category a {
    font-weight: 300;
    color: #8d8b8b
}

#filter ul .category ul {
    position: absolute;
    top: 50px;
    margin: 0;
    padding: 0;
    display: none;
    z-index: 10
}

#filter ul .category ul .pointer {
    left: 90px
}

#filter ul .category ul li {
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: left
}

#filter ul .category ul li a {
    font-size: 16px;
    position: relative;
    float: left;
    width: 100%;
    padding: 10px;
    color: #fff;
    text-decoration: none;
    -webkit-transition: background 0.2s ease-in-out;
    -moz-transition: background 0.2s ease-in-out;
    -o-transition: background 0.2s ease-in-out;
    -ms-transition: background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out;
    -webkit-transition: background 0.2s ease-in-out;
    -moz-transition: background 0.2s ease-in-out;
    -o-transition: background 0.2s ease-in-out;
    -ms-transition: background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out
}

#filter ul #topic.category {
    width: 20%
}

#filter ul #type.category {
    width: 20%
}

#resource-container {
    position: relative;
    float: left;
    overflow: hidden;
    width: 100%
}

#resource-container ul {
    position: relative;
    width: 100%;
    min-height: 700px !important;
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0;
    height: auto !important
}

#resource-container ul li {
    position: relative;
    float: left;
    margin: 30px 20px;
    padding: 0;
    width: 300px;
    height: 430px;
    height: auto;
    list-style: inherit;
    width: 30%;
    margin: 30px 5% 30px 0
}

#resource-container ul li:nth-child(3n+3) {
    margin-right: 0
}

#resource-container ul li:nth-child(3n+4) {
    clear: both
}

#resource-container ul li img {
    max-width: 90%
}

#resource-container ul li .icon {
    height: 170px;
    margin-bottom: 20px;
    background: url(/images/graphics/whitepapers.png) no-repeat center center
}

#resource-container ul li[data-tags*="Video"] .icon {
    height: 120px;
    background: url(/images/graphics/videos.png) no-repeat center center
}

#resource-container ul li[data-tags*="Datasheet"] .icon {
    height: 150px;
    background: url(/images/graphics/datasheets.png) no-repeat center center
}

#resource-container ul li[data-tags*="Webinar"] .icon {
    height: 150px;
    background: url(/images/graphics/webinar.png) no-repeat center center
}

#resource-container ul.hidden,
#resource-container .label-radio ul.input-radio,
.label-radio #resource-container ul.input-radio {
    display: none
}

.link-phone-number {
    color: #2D343E;
    font-weight: 700;
    white-space: nowrap
}

.smooth-scroll-top {
    color: #2D343E;
    display: inline-block;
    font-family: "montserratregular", sans-serif, "Helvetica Neue", "Arial", sans-serif;
    font-weight: 700;
    margin: 0 0 0 30px;
    position: relative;
    text-transform: uppercase
}

.smooth-scroll-top:hover,
.smooth-scroll-top:active,
.smooth-scroll-top:focus {
    color: #438FE1;
    text-decoration: none
}

.global-footer {
    background: #555555;
    color: #222;
    font-family: "montserratregular", sans-serif, "Helvetica Neue", "Arial", sans-serif;
    padding: 27px 0 25px 0;
    position: absolute;
    width: 100%;
    font-size:13px;
    text-align: center;
}

.global-footer span {
    color: #FFF;
}

.global-footer a{
    color: #FFF;
    text-decoration: none;
    margin:0 10px;
}
.global-footer a:hover{
    text-decoration: underline;
}

#copyright {
    padding-top: 10px;
}

@media all and (max-width: 720px) {
    .global-footer {
        padding: 30px 0
    }
}

.footer-content {
    border-bottom: 2px solid rgba(150, 151, 155, 0.16);
    padding: 0 0 30px
}

@media all and (max-width: 720px) {
    .footer-content .footer-logo {
        max-width: 50%;
        margin: 0 auto
    }
}

.footer-content nav {
    float: right;
    padding: 5% 0 0
}

.footer-content nav ul li {
    border-left: 2px solid #4B4B51;
    display: inline-block;
    padding: 0 10px
}

.footer-content nav ul li:first-child {
    border-left: 0
}

.footer-content nav ul a {
    color: #EEF2F3
}

@media all and (max-width: 720px) {
    .footer-content {
        text-align: center
    }
    .footer-content .footer-logo,
    .footer-content nav {
        display: block;
        float: none;
        padding: 5px 0
    }
}

@media all and (max-width: 480px) {
    .footer-content .footer-logo,
    .footer-content nav {
        margin: 0 auto
    }
}

.footer-navigation {
    padding: 30px 0
}

.footer-navigation h5 {
    color: #FFF
}

.footer-navigation .site-map a,
.footer-navigation .list-social a {
    color: rgba(238, 242, 243, 0.5)
}

.footer-navigation .site-map a:hover,
.footer-navigation .list-social a:hover {
    color: #ffffff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.footer-navigation .site-map ul {
    float: left;
    padding: 0 75px 0 0
}

.footer-navigation .site-map ul li {
    padding: 5px 0 0
}

@media all and (max-width: 1060px) {
    .footer-navigation .site-map ul {
        padding: 0 40px 0 0
    }
}

.footer-navigation .link-tel {
    display: inline-block;
    font-size: 16px;
    font-size: 1rem;
    margin: 0 0 50px
}

.footer-navigation .list-social {
    font-size: 1.7rem
}

@media all and (max-width: 1033px) and (min-width: 850px) {
    .footer-navigation .list-social {
        font-size: 1.3rem
    }
}

.footer-navigation .list-social li {
    display: inline-block;
    margin: 0 9px 0 0
}

.footer-navigation .list-social li i {
    vertical-align: baseline;
    display: inline;
    margin: 0
}

.footer-navigation .list-social li a {
    text-decoration: none
}

@media all and (max-width: 850px) {
    .footer-navigation {
        padding: 30px 0 10px
    }
    .footer-navigation [class^="span"],
    .footer-navigation [class*=" span"] {
        display: block;
        float: none;
        width: auto
    }
    .footer-navigation .site-map ul {
        width: 23%
    }
    .footer-navigation .site-map ul.long {
        width: 31%
    }
    .footer-navigation .list-social {
        display: block;
        margin: 30px 0 0;
        text-align: center
    }
}

@media all and (max-width: 720px) {
    .footer-navigation .site-map ul,
    .footer-navigation .site-map ul.long {
        display: inline-block;
        float: none;
        padding: 0 5px 0 0;
        vertical-align: top;
        width: 49%
    }
    .footer-navigation .site-map .list-map-title {
        width: 45%
    }
    .footer-navigation .site-map .list-map-title.long {
        width: 53%
    }
    .footer-navigation hr {
        background: #424952;
        margin: 20px 0
    }
    .footer-navigation .list-social {
        margin: 50px 0 0
    }
}

.footer-copyright {
    padding: 40px 0 0
}

@media all and (max-width: 850px) {
    .footer-copyright {
        padding: 0
    }
}

.hiring-footer-callout {
    text-align: right;
    margin-top: 5%
}

@media (max-width: 851px) {
    .hiring-footer-callout {
        text-align: center;
        margin-top: 2%
    }
}

.hiring-footer-callout a.ui.massive.button {
    height: 200px
}

@media (max-width: 1100px) {
    .hiring-footer-callout a.ui.massive.button {
        height: inherit
    }
}

.hiring-footer-callout a.ui.massive.button .visible.content {
    top: 41%
}

@media (max-width: 1100px) {
    .hiring-footer-callout a.ui.massive.button .visible.content {
        top: inherit
    }
}

#sb_super_bar {
    transition: all .35s ease;
    will-change: transform, opacity
}

.blog-bottom-bar-down {
    transform: translateY(80px);
    opacity: 0
}

.blog-bottom-bar-up {
    transform: translateY(0px);
    opacity: 1
}

.form {
    color: "montserratregular", sans-serif, "Helvetica Neue", "Arial", sans-serif
}

.form label {
    display: block;
    line-height: 1.6;
    margin: 0 0 5px
}

.form label.label-radio {
    margin: 0
}

.form-row {
    padding: 5px 0
}

.form-row:first-child {
    padding: 0 0 5px
}

.form-row .button {
    margin: 10px 0 0
}

@media all and (max-width: 720px) {
    .form-row .span7 {
        padding: 10px 0 0
    }
}

.label-radio {
    background: #addee5;
    border: 1px solid #308a96;
    border-top: 0;
    color: #2D343E;
    margin: 0;
    padding: 10px 20px
}

.label-radio strong {
    display: block;
    font-family: "montserratregular", sans-serif, "Helvetica Neue", "Arial", sans-serif;
    font-size: 16px;
    font-size: 1rem
}

.label-radio.selected {
    background: #3CAEBD;
    color: #FFF;
    padding: 10px 20px 10px 35px;
    position: relative
}

.label-radio.selected:before {
    color: #BEE800;
    font-family: 'icons';
    position: absolute;
    left: 10px;
    top: 10px
}

.fixed-nav {
    position: fixed;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    z-index: 98;
    width: 100%;
    will-change: transform;
    -webkit-will-change: transform;
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden
}

.fixed-nav.nav-up {
    transform: translateY(-90px);
    -webkit-transform: translateY(-90px);
    -moz-transform: translateY(-90px);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden
}

@media all and (max-width: 840px) {
    .fixed-nav {
        position: relative
    }
}

.global-header {
    background: #FFFFFF;
    /*border-bottom: 1px solid #3D3C44;*/
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    position: fixed;
    will-change: transform;
    -webkit-will-change: transform;
    transition: all .3s ease;
    width: 100%;
    z-index: 99;
    transition: all 0.3s ease;
   /* margin-top:-10px; */
}

@media all and (max-width: 840px) {
    .global-header {
        position: relative
    }
}

.global-header .header-content .container {
    padding: 0 0 0 10px
}

@media all and (max-width: 720px) {
    .global-header .header-content .container {
        padding: 0
    }
}

.global-header-transparent {
    background: rgba(255, 255, 255, 0);
    position: absolute;
    transition: all 0.3s ease-in;
    top: 0;
    width: 100%;
    z-index: 99
}

@media all and (max-width: 670px) {
    .global-header-transparent {
        position: relative
    }
}

.global-header-transparent .header-content .container {
    padding: 0 0 0 10px
}

@media all and (max-width: 720px) {
    .global-header-transparent .header-content .container {
        padding: 0
    }
}

.global-header-old {
    background: #FFF;
}

.global-header-old .header-content .container {
    padding: 0 0 0 10px
}

.global-header-old .dropdown-container {
    display: block;
    float: right
}

.global-header-old .logo {
    float: left;
    padding: 12px 0 6px;
    max-width: 175px
}

@media all and (max-width: 720px) {
    .global-header-old .header-content .container {
        padding: 0
    }
    .global-header-old .dropdown-container {
        float: none
    }
    .global-header-old .logo {
        float: none;
        padding: 10px 10px 5px
    }
    .global-header-old .logo img {
        /*max-width: 210px; */
        padding: 5px
    }
}

.header-simple .logo-wrap {
    padding: 10px 0px;
    margin:10px 0;
}

.logo-wrap {margin-top:25px;}

.header-simple .logo-wrap img {
    /*max-width: 200px; */
     margin:10px 0;
}

.global-navigation {
    transition: all .5s ease;
    will-change: transform;
    font-family: "montserratregular", sans-serif, "Helvetica Neue", "Arial", sans-serif;
    box-shadow: 0px 2px 3px rgba(61, 60, 68, 0.58);

}
.global-navigation .ui.menu .item:hover {
    color: #FFF !important;
}

.global-navigation .ui.menu .item.active {
    color: #FFF !important;
    background-color: #3D3C44;
}

.global-navigation .ui.menu {
    margin: 0;
    background: none !important; 
    box-shadow: none !important;
    float: right;
   /* margin-top: -39px; */
}

.global-navigation #top-menu  {
    margin-top:2px;
}
.global-navigation #top-menu .item.tvSignUp {
    color: #333;
}


.global-navigation a.link.item:hover{
    color: #FFF;
}

@media (max-width: 840px) {
    .global-navigation .ui.menu {
        float: none
    }
}

.global-navigation .ui.menu .item {
    font-size: .95rem;
    margin:0 0 0 6px;
}

@media (min-width: 841px) and (max-width: 851px) {
    .global-navigation .ui.menu .item {
        font-size: .9rem
    }
}

.global-navigation .ui.menu .item:last-child:before {
    width: 0px
}

.global-navigation .ui.menu .item .text,
.global-navigation .ui.menu .item i {
    color: #3d3c44;
}

.global-navigation .ui.menu .item .text:hover {
    color: #FFF;
}

.global-navigation .ui.menu .item:hover {
    color: #FFF;
}


@media (max-width: 840px) {
    .global-navigation .ui.menu .item {
        display: block !important;
        text-align: left;
        border-bottom: 1px solid rgba(255, 255, 255, 0.21)
    }
}

.global-navigation .ui.menu .item .item,
.global-navigation .ui.menu .item .item i {
    color: #565656
}

.global-navigation .ui.menu .menu>.link.item:hover,
.global-navigation .ui.menu .menu>.link.item:active,
.global-navigation .ui.menu .menu>.link.item:focus {
    background: #55545a
}

.global-navigation .ui.menu .ui.menu .ui.dropdown.active.visible {
    background-color: #55545a;
}

.global-navigation .ui.dropdown>.text {
    color: #ffffff;
}

.global-navigation .ui.pointing.dropdown>.menu:after {
    left: 20%
}

@media (max-width: 840px) {
    .global-navigation .nav-wrap {
        display: flex;
        display: -webkit-flex;
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse;
        transition: all .3s ease
    }
}

.global-navigation #top-menu {
    transition: all .5s ease
}

.global-navigation #top-menu.borderless.menu a.item:hover {
    background: rgba(0, 0, 0, 0.03)
}

@media (max-width: 840px) {
    .global-navigation #top-menu {
        -moz-box-ordinal-group: 2;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
}

.global-navigation #top-menu .item,
.global-navigation #top-menu .item span,
.global-navigation #top-menu .item a,
.global-navigation #top-menu .item i {
    font-size: 12px;
    text-decoration: none;
    color: rgba(255, 255, 255, 0.5)
}

@media (max-width: 840px) {
    .global-navigation #top-menu .item,
    .global-navigation #top-menu .item span,
    .global-navigation #top-menu .item a,
    .global-navigation #top-menu .item i {
        font-size: .95rem;
        color: #ffffff
    }
}

.global-navigation #top-menu .link.item:hover,
.global-navigation #top-menu .item span:hover,
.global-navigation #top-menu .link.item:focus,
.global-navigation #top-menu .item span:focus {
    color: #333;
    background: none
}

@media (max-width: 840px) {
    .global-navigation #top-menu .link.item:hover,
    .global-navigation #top-menu .item span:hover,
    .global-navigation #top-menu .link.item:focus,
    .global-navigation #top-menu .item span:focus {
        background: #55545a
    }
}

.global-navigation #top-menu .item:first-child {
    border-radius: 0px
}

@media (max-width: 840px) {
    .global-navigation #top-menu .item i {
        float: right;
        text-align: right
    }
}

@media (max-width: 840px) {
    .global-navigation #top-menu.ui.menu .item:last-child {
        border: none
    }
}

@media (max-width: 840px) {
    .global-navigation #main-nav {
        -moz-box-ordinal-group: 1;
        -webkit-box-ordinal-group: 1;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
}

.global-navigation svg {
    width: 200px;
    margin-top: 8px;
    padding-bottom: 8px;
    transition: all 0.3s ease
}

@media (max-width: 840px) {
    .global-navigation svg {
        padding-bottom: 0px
    }
}

.global-navigation a {
    color: #f7f7f7
}

@media all and (max-width: 720px) {
    .global-navigation {
        padding: 5px 0 0
    }
    .global-navigation .container {
        padding: 0
    }
}

@media (max-width: 840px) {
    .global-navigation .ui.grid>[class*="eleven wide"].column {
        width: 100% !important;
        padding-top: 0rem
    }
    .global-navigation .ui.grid>[class*="five wide"].column {
        padding-bottom: 0rem;
        width: 100% !important
    }
    .global-navigation .ui.grid>.column:not(.row) {
        display: block
    }
}

@media (max-width: 766px) {
    .global-navigation .logo-wrap {
        margin-bottom: -30px
    }
}

@media (min-width: 841px) {
    .mobile-nav {
        display: none !important
    }
}

@media (max-width: 840px) {
    .global-navigation .nav-wrap.closed {
        opacity: 0;
        max-height: 0;
        overflow: hidden;
        -webkit-transition: all .3s ease .15s;
        -moz-transition: all .3s ease .15s;
        -o-transition: all .3s ease .15s;
        -ms-transition: all .3s ease .15s;
        transition: all .3s ease .15s
    }
}

#mobile-nav-toggle {
    width: 30px;
    height: 26px;
    position: absolute;
    right: 30px;
    top: 40px
}

#mobile-nav-toggle input {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    cursor: pointer
}

#mobile-nav-toggle input:checked+span {
    background: transparent
}

#mobile-nav-toggle input:checked+span:after {
    transform: rotate(45deg) translate(-1px, -8px);
    -webkit-transform: rotate(45deg) translate(-1px, -8px);
    -ms-transform: rotate(45deg) translate(-1px, -8px)
}

#mobile-nav-toggle input:checked+span:before {
    transform: rotate(-45deg) translate(-4px, 12px);
    -webkit-transform: rotate(-45deg) translate(-4px, 12px);
    -ms-transform: rotate(-45deg) translate(-4px, 12px)
}

#mobile-nav-toggle span {
    position: absolute;
    width: 100%;
    height: 5px;
    background: #fff;
    margin-top: 10px
}

#mobile-nav-toggle span:before,
#mobile-nav-toggle span:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 5px;
    background: #fff;
    top: -9px;
    transition: 0.3s
}

#mobile-nav-toggle span:after {
    top: 9px
}

.section {
    padding: 50px 0
}

.section.tight {
    padding: 30px 0
}

.section.tight.very {
    padding: 10px 0
}

.section.tight.extremely {
    padding: 5px 0px
}

@media all and (max-width: 720px) {
    .section {
        padding: 40px 0
    }
}

.section.secondary {
    padding: 60px 100px
}

@media all and (max-width: 1024px) {
    .section.secondary {
        padding: 60px 30px
    }
}

@media all and (max-width: 850px) {
    .section.secondary {
        padding: 60px 0
    }
}

@media all and (max-width: 720px) {
    .section.secondary {
        padding: 40px 0
    }
}

.section-header {
    border-bottom: 2px solid #DEE2E6;
    color: #2D343E;
    margin: 0;
    padding: 0 0 10px
}

.section-header h3 {
    float: left
}

@media all and (max-width: 720px) {
    .section-header {
        padding: 0 76px 10px 0;
        position: relative
    }
    .section-header h3 {
        float: none
    }
    .section-header .smooth-scroll-top {
        position: absolute;
        right: 0;
        top: 2px
    }
}

.subsection {
    margin: 40px 0 0
}

.subsection:first-child {
    margin: 0
}

.subsection.relaxed {
    margin: 60px 0 0
}

.subsection.secondary {
    padding: 0 100px
}

@media all and (max-width: 1024px) {
    .subsection.secondary {
        padding: 0 30px
    }
}

@media all and (max-width: 1024px) {
    .subsection.secondary {
        padding: 0
    }
}

.subsection.half {
    margin: 20px 0 0
}

@media all and (max-width: 720px) {
    .subsection.mobile-carousel {
        border-top: 1px solid #DEE2E6;
        margin: 0;
        padding: 30px 0
    }
    .subsection.mobile-carousel:first-child {
        border-top: 0;
        padding-top: 0
    }
    .subsection.mobile-carousel .carousel {
        padding: 10px 0
    }
}

@media all and (max-width: 480px) {
    .subsection.mobile-carousel .carousel-text p {
        line-height: 1.4
    }
}

@media all and (max-width: 720px) {
    .subsection {
        margin: 25px 0 0
    }
}

.dark-theme {
    background: #eef2f3;
    border-bottom: 1px solid #DCDCDC;
    border-top: 1px solid #DCDCDC
}

.smooth-scroll-top:after {
    content: "\f0de";
    font-family: FontAwesome;
    padding-left: 5px
}

hr.light {
    background: #D1D4D5;
    height: 1px;
    margin: 40px 0
}

.hero {
    position: relative
}

.hero:before,
.hero:after {
    content: "";
    display: block;
    height: 100%;
    left: 0;
    background-color: #007089 0%;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(100%, #007089 0%, #36c7d3 16.7%, #40c7d9 33.4%, #9fe3ed 50%, #40c7d9 66.7%, #36c7d3 83.4%, #007089 100%));
    background-image: -webkit-linear-gradient(left, #007089 0%, #36c7d3 16.7%, #40c7d9 33.4%, #9fe3ed 50%, #40c7d9 66.7%, #36c7d3 83.4%, #007089 100%);
    background-image: linear-gradient(to right, #007089 0%, #36c7d3 16.7%, #40c7d9 33.4%, #9fe3ed 50%, #40c7d9 66.7%, #36c7d3 83.4%, #007089 100%);
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.hero:after {
    background-color: #9fe3ed 0%;
    background-image: -webkit-gradient(radial, center center, 0, center center, 460, color-stop(100%, #9fe3ed 0%, #40c7d9 33%, #168b92 66%, #007089 100%));
    background-image: -webkit-radial-gradient(50% 0, circle, #9fe3ed 0%, #40c7d9 33%, #168b92 66%, #007089 100%);
    background-image: radial-gradient( circle at 50% 0, #9fe3ed 0%, #40c7d9 33%, #168b92 66%, #007089 100%);
    opacity: .5;
    z-index: 2
}

.hero .container {
    position: relative;
    z-index: 10
}

.hero .table-grid {
    margin: 25px 0
}

.hero.lighter:before {
    background-color: #D4FFFF 0%;
    background-image: -webkit-gradient(radial, center center, 0, center center, 460, color-stop(100%, #D4FFFF 0%, #6AE1F0 33%, #55C7D6 66%, #3CAEBD 100%));
    background-image: -webkit-radial-gradient(50% 0, circle, #D4FFFF 0%, #6AE1F0 33%, #55C7D6 66%, #3CAEBD 100%);
    background-image: radial-gradient( circle at 50% 0, #D4FFFF 0%, #6AE1F0 33%, #55C7D6 66%, #3CAEBD 100%)
}

.hero.lighter:after {
    background-color: #3CAEBD 0%;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(100%, #3CAEBD 0%, #55C7D6 16.7%, #6AE1F0 33.4%, #D4FFFF 50%, #6AE1F0 66.7%, #55C7D6 83.4%, #3CAEBD 100%));
    background-image: -webkit-linear-gradient(left, #3CAEBD 0%, #55C7D6 16.7%, #6AE1F0 33.4%, #D4FFFF 50%, #6AE1F0 66.7%, #55C7D6 83.4%, #3CAEBD 100%);
    background-image: linear-gradient(to right, #3CAEBD 0%, #55C7D6 16.7%, #6AE1F0 33.4%, #D4FFFF 50%, #6AE1F0 66.7%, #55C7D6 83.4%, #3CAEBD 100%)
}

@media all and (max-width: 720px) {
    .hero {
        text-align: center
    }
    .hero:before {
        background-color: #007089;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #007089), color-stop(33.4%, #40c7d9), color-stop(50%, #74d6e5), color-stop(66.7%, #40c7d9), color-stop(100%, #007089));
        background-image: -webkit-linear-gradient(left, #007089 0%, #40c7d9 33.4%, #74d6e5 50%, #40c7d9 66.7%, #007089 100%);
        background-image: linear-gradient(to right, #007089 0%, #40c7d9 33.4%, #74d6e5 50%, #40c7d9 66.7%, #007089 100%)
    }
    .hero.lighter:before {
        background-color: #3CAEBD;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3CAEBD), color-stop(33.4%, #6AE1F0), color-stop(50%, #a1ffff), color-stop(66.7%, #6AE1F0), color-stop(100%, #3CAEBD));
        background-image: -webkit-linear-gradient(#3CAEBD 0%, #6AE1F0 33.4%, #a1ffff 50%, #6AE1F0 66.7%, #3CAEBD 100%);
        background-image: linear-gradient(#3CAEBD 0%, #6AE1F0 33.4%, #a1ffff 50%, #6AE1F0 66.7%, #3CAEBD 100%)
    }
}

.lt-ie10 .hero {
    background: #304C57 url(/images/gradient-bg.png) no-repeat center center
}

.lt-ie10 .hero.lighter {
    background-image: url(/images/gradient-light-bg.png)
}

@media all and (min-width: 1280px) {
    .lt-ie10 .hero {
        background-size: cover
    }
}

.hero.persona {
    background: url(../images/photography/hero-typing.jpg) no-repeat top center;
    background-size: cover
}

.hero.persona:before,
.hero.persona:after {
    display: none
}

.hero.persona h4 {
    color: #FFF;
    margin: 20px 0 0
}

.hero.homepage {
    background-image: url(../images/photography/hero-coding.jpg);
    background-size: cover;
    background-repeat: no-repeat
}

.hero.homepage:before {
    background-color: #3CAEBD 0%;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(100%, #3CAEBD 0%, #55C7D6 16.7%, #6AE1F0 33.4%, #D4FFFF 50%, #6AE1F0 66.7%, #55C7D6 83.4%, #3CAEBD 100%));
    background-image: -webkit-linear-gradient(left, #3CAEBD 0%, #55C7D6 16.7%, #6AE1F0 33.4%, #D4FFFF 50%, #6AE1F0 66.7%, #55C7D6 83.4%, #3CAEBD 100%);
    background-image: linear-gradient(to right, #3CAEBD 0%, #55C7D6 16.7%, #6AE1F0 33.4%, #D4FFFF 50%, #6AE1F0 66.7%, #55C7D6 83.4%, #3CAEBD 100%);
    opacity: .3
}

.hero.homepage:after {
    background-color: #3CAEBD 0%;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(100%, #3CAEBD 0%, #55C7D6 16.7%, #6AE1F0 33.4%, #D4FFFF 50%, #6AE1F0 66.7%, #55C7D6 83.4%, #3CAEBD 100%));
    background-image: -webkit-linear-gradient(left, #3CAEBD 0%, #55C7D6 16.7%, #6AE1F0 33.4%, #D4FFFF 50%, #6AE1F0 66.7%, #55C7D6 83.4%, #3CAEBD 100%);
    background-image: linear-gradient(to right, #3CAEBD 0%, #55C7D6 16.7%, #6AE1F0 33.4%, #D4FFFF 50%, #6AE1F0 66.7%, #55C7D6 83.4%, #3CAEBD 100%);
    opacity: .15
}

.hero.homepage.bridge,
.hero.homepage.glasses {
    background-color: #333;
    background-image: url(../images/photography/hero-glasses.jpg);
    background-position: center bottom;
    background-repeat: no-repeat;
    height: 525px
}

.hero.homepage.bridge .container,
.hero.homepage.glasses .container {
    height: 100%
}

.hero.homepage.bridge .container .container-box,
.hero.homepage.glasses .container .container-box {
    height: 50%
}

.hero.homepage.bridge:before,
.hero.homepage.bridge:after,
.hero.homepage.glasses:before,
.hero.homepage.glasses:after {
    display: none
}

.hero.homepage.bridge .feature-header,
.hero.homepage.glasses .feature-header {
    padding: 20px 0 40px
}

.hero.homepage.bridge .feature-header h1,
.hero.homepage.glasses .feature-header h1 {
    color: #BEE800;
    font-size: 45px;
    font-size: 2.8125rem
}

.hero.homepage.bridge .feature-header h4,
.hero.homepage.glasses .feature-header h4 {
    color: #FFF;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.6;
    margin: 10px 0 0
}

.hero.homepage.bridge .callout-container,
.hero.homepage.glasses .callout-container {
    background: rgba(255, 255, 255, 0.7);
    margin: 70px 0 0;
    padding: 40px
}

.hero.homepage.bridge .callout-container .table-grid,
.hero.homepage.glasses .callout-container .table-grid {
    margin: 0
}

@media all and (min-width: 1440px) {
    .hero.homepage.bridge,
    .hero.homepage.glasses {
        background-size: cover
    }
}

@media all and (max-width: 720px) {
    .hero.homepage.bridge,
    .hero.homepage.glasses {
        padding: 20px 0 0
    }
    .hero.homepage.bridge .feature-header h1,
    .hero.homepage.glasses .feature-header h1 {
        font-size: 30px;
        font-size: 1.875rem
    }
    .hero.homepage.bridge .feature-header h4,
    .hero.homepage.glasses .feature-header h4 {
        font-size: 18px;
        font-size: 1.125rem
    }
    .hero.homepage.bridge .callout-container,
    .hero.homepage.glasses .callout-container {
        margin: 30px 0 0;
        padding: 20px
    }
}

@media all and (max-width: 480px) {
    .hero.homepage.bridge .feature-header h1,
    .hero.homepage.glasses .feature-header h1 {
        font-size: 24px;
        font-size: 1.5rem
    }
    .hero.homepage.bridge .feature-header h4,
    .hero.homepage.glasses .feature-header h4 {
        font-size: 16px;
        font-size: 1rem
    }
}

.hero.homepage.bridge {
    background-image: url(../images/photography/hero-bridge.jpg)
}

.hero.homepage.glasses {
    background-image: url(../images/photography/hero-glasses.jpg)
}

.hero.homepage .feature-header h1 {
    color: #FFF
}

.hero.homepage .feature-header h4 {
    margin: 20px 0 0
}

.hero.homepage .feature-header .slide-1,
.hero.homepage .feature-header .slide-2 {
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out
}

.hero.homepage .feature-header .slide-1 {
    opacity: 1
}

.hero.homepage .feature-header .slide-2 {
    opacity: 0;
    position: absolute;
    left: -9999px;
    top: -9999px
}

@media all and (max-width: 720px) {
    .hero.homepage .feature-header .slide-1 {
        opacity: 0;
        position: absolute;
        left: -9999px;
        top: -9999px
    }
    .hero.homepage .feature-header .slide-2 {
        opacity: 1;
        position: static;
        left: auto;
        top: auto
    }
}

.hero.homepage.activated .feature-header .slide-1 {
    opacity: 0;
    position: absolute;
    left: -9999px;
    top: -9999px
}

.hero.homepage.activated .feature-header .slide-2 {
    opacity: 1;
    position: static;
    left: 0;
    top: 0
}

.slide-map-container {
    margin: 0 0 20px;
    position: relative
}

.slide-map-container .slide-2 {
    left: 0;
    position: absolute;
    opacity: 0;
    top: 0;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out
}

.activated .slide-map-container .slide-2 {
    opacity: 1
}

@media all and (max-width: 720px) {
    .slide-map-container .slide-2 {
        opacity: 1
    }
}

.hero-footer {
    background: rgba(45, 52, 62, 0.7);
    padding: 15px 0;
    position: relative;
    z-index: 10
}

.hero-footer.double-buttons {
    margin-bottom: 20px;
    padding-bottom: 25px
}

.hero-footer.double-buttons .ui.vertical.divider:after {
    top: auto;
    bottom: 15px;
    height: 20px
}

.hero-footer.double-buttons .ui.vertical.divider:before {
    top: -70%;
    height: 20px
}

.hero-footer h2 {
    color: #FFF
}

.hero-footer h5 {
    color: #B0F2FF;
    margin: 5px 0 0
}

@media all and (max-width: 850px) {
    .hero-footer {
        padding: 10px 0
    }
    .hero-footer .cell {
        text-align: center
    }
}

@media all and (max-width: 480px) {
    .hero-footer {
        padding: 0
    }
}

.absolute-text-wrap {
    width: 100%
}

@media (max-width: 720px) {
    .absolute-text-wrap {
        position: absolute;
        bottom: 30%;
        left: 0px
    }
}

.absolute-text-wrap-career {
    width: 100%;
    position: relative;
    top: -60vh;
    margin-bottom: -50vh
}

@media (max-width: 720px) {
    .absolute-text-wrap-career {
        position: absolute;
        top: 360px;
        left: 0px;
        margin-bottom: 0
    }
    .absolute-text-wrap-career h2 {
        font-size: .7rem
    }
}

.engineering-hero {
    position: relative;
    top: -300px
}

.engineering-hero h3.career-heading {
    color: #fff
}

.engineering-hero p.career-heading {
    color: #fff
}

.engineering-hero .button.secondary {
    transition: all .6s ease;
    background: transparent;
    border: 1px solid #FFFFFF;
    color: #FFFFFF
}

.engineering-hero .button.secondary:hover {
    background: #fff;
    color: #000
}

.customer-quote-hero {
    background: #eef2f3;
    padding: 50px 0;
    border-top: 1px solid #DCDCDC;
    border-bottom: 1px solid #DCDCDC;
    padding: 50px 0
}

.customer-quote-hero h3 {
    text-transform: none;
    border-left: 4px solid #dcdcdc;
    padding-left: 3.5%;
    line-height: 1.6;
    font-size: 1.1rem;
    font-weight: 100;
}

@media (max-width: 480px) {
    .customer-quote-hero h3 {
        border-top: 2px solid #dcdcdc;
        border-left: none;
        padding-left: 0%;
        padding-top: 5%;
        font-size: .8rem
    }
}

.customer-quote-hero img {
    padding-bottom: 10px;
    padding-top: 20%
}

@media (max-width: 720px) {
    .customer-quote-hero img {
        padding-top: 0px
    }
}

.company-culture-hero {
    position: relative;
    top: -64vh;
    margin-bottom: -27vh
}

.hero-top-shadow {
    box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.08);
    border-top: 1px solid #e1e1e1
}

.white-hero {
    background: #F5F6F7
}

.light-grey-hero {
    background: #eef2f3
}

.blue-grey-hero {
    background: #D8DBE2
}

.salmon-hero {
    background: #E3655B
}

.trace-black-hero {
    padding: 13px 0;
    background: -webkit-linear-gradient(90deg, #3d3c44 10%, #34333A 90%);
    background: -moz-linear-gradient(90deg, #3d3c44 10%, #34333A 90%);
    background: -ms-linear-gradient(90deg, #3d3c44 10%, #34333A 90%);
    background: -o-linear-gradient(90deg, #3d3c44 10%, #34333A 90%);
    background: linear, 90deg, #3d3c44 10%, #34333A 90%
}

.appneta-dark-hero {
    background: #3d3c44;
    padding: 30px 0px
}

.apm-gradient-hero {
    padding: 25px 0;
    background: #0f1b58;
    background-image: -webkit--webkit-radial-gradient(closest-corner, rgba(16, 47, 70, 0) 60%, rgba(16, 47, 70, 0.2)), -webkit--webkit-linear-gradient(342deg, #E6C07F, #D9B96A 10%, #377BBF 90%);
    background-image: -webkit--moz-radial-gradient(closest-corner, rgba(16, 47, 70, 0) 60%, rgba(16, 47, 70, 0.2)), -webkit--moz-linear-gradient(342deg, #E6C07F, #D9B96A 10%, #377BBF 90%);
    background-image: -webkit--o-radial-gradient(closest-corner, rgba(16, 47, 70, 0) 60%, rgba(16, 47, 70, 0.2)), -webkit--o-linear-gradient(342deg, #E6C07F, #D9B96A 10%, #377BBF 90%);
    background-image: -webkit--ms-radial-gradient(closest-corner, rgba(16, 47, 70, 0) 60%, rgba(16, 47, 70, 0.2)), -webkit--ms-linear-gradient(342deg, #E6C07F, #D9B96A 10%, #377BBF 90%);
    background-image: -webkit-radial-gradient(closest-corner, rgba(16, 47, 70, 0) 60%, rgba(16, 47, 70, 0.2)), -webkit-linear-gradient(108deg, #E6C07F, #D9B96A 10%, #377BBF 90%);
    background-image: -moz--webkit-radial-gradient(closest-corner, rgba(16, 47, 70, 0) 60%, rgba(16, 47, 70, 0.2)), -moz--webkit-linear-gradient(342deg, #E6C07F, #D9B96A 10%, #377BBF 90%);
    background-image: -moz--moz-radial-gradient(closest-corner, rgba(16, 47, 70, 0) 60%, rgba(16, 47, 70, 0.2)), -moz--moz-linear-gradient(342deg, #E6C07F, #D9B96A 10%, #377BBF 90%);
    background-image: -moz--o-radial-gradient(closest-corner, rgba(16, 47, 70, 0) 60%, rgba(16, 47, 70, 0.2)), -moz--o-linear-gradient(342deg, #E6C07F, #D9B96A 10%, #377BBF 90%);
    background-image: -moz--ms-radial-gradient(closest-corner, rgba(16, 47, 70, 0) 60%, rgba(16, 47, 70, 0.2)), -moz--ms-linear-gradient(342deg, #E6C07F, #D9B96A 10%, #377BBF 90%);
    background-image: -moz-radial-gradient(closest-corner, rgba(16, 47, 70, 0) 60%, rgba(16, 47, 70, 0.2)), -moz-linear-gradient(108deg, #E6C07F, #D9B96A 10%, #377BBF 90%);
    background-image: -ms--webkit-radial-gradient(closest-corner, rgba(16, 47, 70, 0) 60%, rgba(16, 47, 70, 0.2)), -ms--webkit-linear-gradient(342deg, #E6C07F, #D9B96A 10%, #377BBF 90%);
    background-image: -ms--moz-radial-gradient(closest-corner, rgba(16, 47, 70, 0) 60%, rgba(16, 47, 70, 0.2)), -ms--moz-linear-gradient(342deg, #E6C07F, #D9B96A 10%, #377BBF 90%);
    background-image: -ms--o-radial-gradient(closest-corner, rgba(16, 47, 70, 0) 60%, rgba(16, 47, 70, 0.2)), -ms--o-linear-gradient(342deg, #E6C07F, #D9B96A 10%, #377BBF 90%);
    background-image: -ms--ms-radial-gradient(closest-corner, rgba(16, 47, 70, 0) 60%, rgba(16, 47, 70, 0.2)), -ms--ms-linear-gradient(342deg, #E6C07F, #D9B96A 10%, #377BBF 90%);
    background-image: -ms-radial-gradient(closest-corner, rgba(16, 47, 70, 0) 60%, rgba(16, 47, 70, 0.2)), -ms-linear-gradient(108deg, #E6C07F, #D9B96A 10%, #377BBF 90%)
}

.trace-green-hero {
    background-color: #BEE800
}

.heatmap-hero {
    background-image: url(/images/slides/traceview_layer_summary.png);
    background-size: cover;
    background-position-y: -300px
}

.appview-pricing-hero {
    background-image: url(/images/slides/appview/functionality_1.png);
    background-size: cover;
    background-position-y: -370px;
    background-attachment: fixed
}

.metalic-gradient-hero {
    background: -webkit-linear-gradient(90deg, #EEF2F3 10%, #fff 90%);
    background: -moz-linear-gradient(90deg, #EEF2F3 10%, #fff 90%);
    background: -ms-linear-gradient(90deg, #EEF2F3 10%, #fff 90%);
    background: -o-linear-gradient(90deg, #EEF2F3 10%, #fff 90%);
    background: linear, 90deg, #EEF2F3 10%, #fff 90%
}

.smooth-gradient-hero-blue {
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15)), -webkit-linear-gradient(bottom right, #5EC4C2, #5EC4C2 50%, #2B9CB2);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15)), -o-linear-gradient(bottom right, #5EC4C2, #5EC4C2 50%, #2B9CB2);
    background: linear, to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15), linear, to top left, #5EC4C2, #5EC4C2 50%, #2B9CB2;
    background: -moz-linear-gradient(bottom right, #5EC4C2, #5EC4C2 50%, #2B9CB2);
    background-blend-mode: soft-light;
    color: #fff;
    padding: 2% 0
}

@media (max-width: 721px) {
    .smooth-gradient-hero-blue {
        padding: 3% 0
    }
}

@media (max-width: 600px) {
    .smooth-gradient-hero-blue {
        padding: 8% 0
    }
}

.smooth-gradient-hero-yellow {
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15)), -webkit-linear-gradient(bottom right, #FFE000, #E5BF45 50%, #C3A811);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15)), -webkit-linear-gradient(bottom right, #FFE000, #E5BF45 50%, #C3A811);
    background: linear, to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15), linear, to top left, #FFE000, #E5BF45 50%, #C3A811;
    background: -moz-linear-gradient(bottom right, #FFE000, #E5BF45 50%, #C3A811);
    background-blend-mode: soft-light;
    color: #fff;
    padding: 2% 0
}

@media (max-width: 721px) {
    .smooth-gradient-hero-yellow {
        padding: 3% 0
    }
}

@media (max-width: 600px) {
    .smooth-gradient-hero-yellow {
        padding: 8% 0
    }
}

.smooth-gradient-hero-green {
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15)), -webkit-linear-gradient(bottom right, #BAC73D, #A8BA4D 50%, #96A245);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15)), -webkit-linear-gradient(bottom right, #BAC73D, #A8BA4D 50%, #96A245);
    background: linear, to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15), linear, to top left, #BAC73D, #A8BA4D 50%, #96A245;
    background: -moz-linear-gradient(bottom right, #BAC73D, #A8BA4D 50%, #96A245);
    background-blend-mode: soft-light;
    color: #fff;
    padding: 2% 0
}

@media (max-width: 721px) {
    .smooth-gradient-hero-green {
        padding: 3% 0
    }
}

@media (max-width: 600px) {
    .smooth-gradient-hero-green {
        padding: 8% 0
    }
}

.smooth-gradient-hero-red {
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15)), -webkit-linear-gradient(bottom right, #E82929, #CC2E2E 50%, #B32B2D);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15)), -o-linear-gradient(bottom right, #E82929, #CC2E2E 50%, #B32B2D);
    background: linear, to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15), linear, to top left, #E82929, #CC2E2E 50%, #B32B2D;
    background: -moz-linear-gradient(bottom right, #E82929, #CC2E2E 50%, #B32B2D);
    background-blend-mode: soft-light;
    color: #fff;
    padding: 2% 0
}

@media (max-width: 721px) {
    .smooth-gradient-hero-red {
        padding: 3% 0
    }
}

@media (max-width: 600px) {
    .smooth-gradient-hero-red {
        padding: 8% 0
    }
}

.smooth-gradient-hero-col1 {
    padding-right: 5%
}

.smooth-gradient-hero-col1 p {
    font-size: 1rem;
    line-height: 1.5
}

.smooth-gradient-hero-col1 h5 {
    font-size: 1.2rem
}

@media (max-width: 720px) {
    .smooth-gradient-hero-col1 {
        padding: 0%
    }
}

.smooth-gradient-hero-col2 {
    padding-left: 5%
}

.smooth-gradient-hero-col2 p {
    font-size: 1rem;
    line-height: 1.5
}

.smooth-gradient-hero-col2 h5 {
    font-size: 1.2rem
}

@media (max-width: 720px) {
    .smooth-gradient-hero-col2 {
        padding: 3% 0% 0% 0%
    }
}

.green-cube-hero {
    background-image: url(../images/wallpapers/appneta_cube_tile_green_dark.png);
    box-shadow: inset 0 10px 20px rgba(0, 0, 0, 0.15)
}

.appneta-cube-hero {
    background-image: url(../images/wallpapers/grid_cube3_dark.png);
    box-shadow: inset 0 10px 20px rgba(0, 0, 0, 0.3);
    padding: 3% 0%
}

@media (max-width: 905px) {
    .appneta-cube-hero {
        padding: 30px 0px
    }
}

.docker-dark-hero {
    background: #253237
}

.clouds-mountain {
    background-image: url("../images/photography/clouds-mountain.jpg");
    background-size: cover;
    background-repeat: none
}

.page-homepage .ui.vertical.divider:before {
    left: 45%
}

@media (max-width: 650px) {
    .page-homepage .ct-label.ct-horizontal.ct-end {
        display: none
    }
}

.page-homepage .ui.relaxed.grid>.column:not(.row),
.page-homepage .ui.relaxed.grid>.row>.column,
.page-homepage .ui.grid>.relaxed.row>.column {
    padding-left: 3rem;
    padding-right: 3rem
}

.page-homepage .cloud {
    cursor: inherit
}

@media (max-width: 850px) and (min-width: 770px) {
    .page-homepage .ui.horizontal.divider {
        font-size: .8rem
    }
}

@media (max-width: 1100px) {
    .page-homepage .ui.horizontal.divider:before,
    .page-homepage .ui.horizontal.divider:after {
        display: none
    }
}

.page-homepage .full.ui.vertical.divider:before,
.page-homepage .full.ui.vertical.divider:after {
    height: 100%
}

.page-homepage .pods {
    text-align: center
}

.page-homepage .pods a:hover {
    text-decoration: none
}

.page-homepage .pods .span3 p {
    padding: 0 10px
}

@media all and (max-width: 720px) {
    .page-homepage .pods .span3 {
        text-align: center;
        padding: 40px 0 0
    }
    .page-homepage .pods .span3:first-child {
        padding: 0
    }
    .page-homepage .pods .span3 img {
        display: inline-block;
        margin: 0 0 10px
    }
    .page-homepage .pods .span3 .sprite-logo {
        display: table;
        margin: 0 auto
    }
}

.page-homepage .pod-button {
    position: relative;
    top: 10px
}

.page-homepage .pod-link p {
    font-size: 1.1rem
}

.page-homepage .pod-link a:hover {
    text-decoration: none
}

.page-homepage #client-pod .owl-controls,
.page-homepage #product-pods .owl-controls {
    margin-top: 0
}

.page-homepage #client-pod .owl-controls .owl-buttons>div,
.page-homepage #product-pods .owl-controls .owl-buttons>div {
    background: none;
    border-radius: 0;
    color: #FFF;
    margin-top: -30px;
    opacity: 1;
    position: absolute;
    right: -20px;
    top: 50%
}

.page-homepage #client-pod .owl-controls .owl-buttons>div:first-child,
.page-homepage #product-pods .owl-controls .owl-buttons>div:first-child {
    left: -20px;
    right: auto
}

.page-homepage #client-pod .owl-controls .owl-buttons>div:hover i,
.page-homepage #client-pod .owl-controls .owl-buttons>div:focus i,
.page-homepage #product-pods .owl-controls .owl-buttons>div:hover i,
.page-homepage #product-pods .owl-controls .owl-buttons>div:focus i {
    background: #2D343E;
    background: rgba(45, 52, 62, 0.7)
}

.page-homepage #client-pod .owl-controls .owl-buttons>div i,
.page-homepage #product-pods .owl-controls .owl-buttons>div i {
    background: #4d596a;
    background: rgba(45, 52, 62, 0.3);
    border-radius: 40px;
    display: block;
    font-size: 30px;
    font-size: 1.875rem;
    height: 40px;
    line-height: 40px;
    -webkit-transition: background 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
    width: 40px
}

.page-homepage .client-pod {
    display: inline-block;
    padding: 0 20px 20px 0;
    text-align: center;
    vertical-align: top;
    position: relative;
    width: 33%
}

.page-homepage .client-pod.break {
    padding: 0 0 20px
}

.page-homepage .client-pod .image-container {
    height: 70px;
    text-align: center
}

@media all and (max-width: 850px) {
    .page-homepage .client-pod {
        padding: 0 10px 40px 0;
        width: 32.6%
    }
}

@media all and (max-width: 720px) {
    .page-homepage .client-pod {
        display: block;
        float: left;
        padding: 0 10px 20px;
        width: 50%
    }
    .page-homepage .client-pod.break {
        padding: 0 0 20px
    }
}

@media all and (max-width: 720px) {
    .page-homepage .client-pod {
        float: none;
        padding: 10px 20px;
        width: 100%
    }
    .page-homepage .client-pod.break {
        padding: 0
    }
}

.page-homepage .client-pod-bubble {
    border-radius: 3px;
    box-shadow: 0 1px 5px #c4cad1;
    margin: 20px 0 0;
    min-height: 205px;
    padding: 20px 30px 30px;
    position: relative;
    background: #ffffff;
    transition: all .2s ease;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.page-homepage .client-pod-bubble:hover {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)
}

.page-homepage .client-pod-bubble i {
    color: #676B6E;
    border-radius: 50%;
    padding: 10px;
    background-color: #FFFFFF;
    position: absolute;
    top: -18px;
    left: 45.6%;
    z-index: 9;
    box-shadow: 0px -1px 0px #E4E4E4;
    width: auto;
    height: auto
}

.page-homepage .client-pod-bubble .lt-ie9 {
    border: 1px solid #99A4B0
}

.page-homepage .client-pod-bubble:before {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 13px solid #FFF;
    content: "";
    left: 50%;
    margin-left: -10px;
    position: absolute;
    top: -12px;
    z-index: 5
}

.page-homepage .client-pod-bubble:after {
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 15px solid #F1F2F4;
    content: "";
    left: 50%;
    margin-left: -12px;
    position: absolute;
    top: -15px
}

@media all and (max-width: 720px) {
    .page-homepage .client-pod-bubble {
        min-height: 0
    }
}

.page-homepage .homepage-subsection {
    padding: 3% 0
}

@media all and (max-width: 720px) {
    .page-homepage .homepage-subsection .span5,
    .page-homepage .homepage-subsection .span7 {
        text-align: center
    }
    .page-homepage .homepage-subsection .span5:first-child,
    .page-homepage .homepage-subsection .span7:first-child {
        margin: 0 0 20px
    }
}

.product-pods-bg {
    height: 600px;
    position: relative;
    margin-bottom: -600px;
    z-index: 1;
    background-repeat: none;
    -webkit-transition: background-image 0.2s;
    -webkit-moz-transition: background-image 0.2s;
    transition: background-image 0.2s
}

.video-pods {
    position: relative;
    z-index: 2;
    color: #fff
}

@media (max-width: 720px) {
    .video-pods {
        position: static
    }
}

.video-pod-overlay {
    background: rgba(61, 60, 68, 0.75);
    background-image: url(../images/textures/grid.png);
    position: relative;
    height: 65vh;
    min-height: 605px;
    width: 100%
}

.section-emblem {
    width: 75px;
    height: 75px;
    padding: 20px;
    margin: 0 auto;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #E7E4E4
}

.section-emblem i {
    font-size: 2rem
}

.page-homepage .ui.divider>.icon {
    vertical-align: top
}

#persona-consume {
    text-decoration: none
}

#persona-consume i {
    background: #E4BE44;
    color: #FFFFFF;
    transition: all .35s ease;
    font-size: 1.8rem
}

@media (max-width: 1100px) {
    #persona-consume i {
        font-size: 1em
    }
}

#persona-build {
    text-decoration: none
}

#persona-build i {
    background: #A8B94D;
    color: #FFFFFF;
    transition: all .35s ease;
    font-size: 1.8rem
}

@media (max-width: 1100px) {
    #persona-build i {
        font-size: 1em
    }
}

.yellow_text {
    color: #E4BE44
}

.green_text {
    color: #A8B94D
}

#apps-consume-section a {
    text-decoration: none
}

#apps-consume-section h2 {
    font-size: 1.15rem
}

#apps-consume-section i.consume-icon {
    font-size: 3em;
    margin-bottom: -30px;
    transition: all .3s ease;
    color: #545B63;
    background: #FFFFFF;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)
}

@media (max-width: 720px) {
    #apps-consume-section i.consume-icon {
        margin-bottom: 0px
    }
}

#apps-build-section a {
    text-decoration: none
}

#apps-build-section h2 {
    font-size: 1.15rem
}

#apps-build-section i.build-icon {
    font-size: 3em;
    margin-bottom: -30px;
    transition: all .3s ease;
    color: #545B63;
    background: #EEF2F3;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)
}

@media (max-width: 720px) {
    #apps-build-section i.build-icon {
        margin-bottom: 0px
    }
}

.use-case-icon-build {
    position: relative;
    z-index: 2;
    top: -30px;
    background: #EEF2F3
}

@media (max-width: 720px) {
    .use-case-icon-build {
        top: 13px
    }
}

.use-case-icon-consume {
    position: relative;
    z-index: 2;
    top: -30px;
    background: #ffffff
}

@media (max-width: 720px) {
    .use-case-icon-consume {
        top: 5px
    }
}

.persona-divider-wrap p {
    text-decoration: none;
    color: #ffffff
}

h2.persona-heading {
    margin-top: 4%;
    color: #ffffff;
    font-weight: 900;
    font-size: 3rem;
    display: inline;
    vertical-align: middle
}

@media (max-width: 1200px) {
    h2.persona-heading {
        font-size: 2em
    }
}

@media (max-width: 720px) {
    h2.persona-heading {
        font-size: 1.3em
    }
}

.trace-black-hero .ui.horizontal.divider {
    color: #ffffff
}

@media (max-width: 720px) {
    .trace-black-hero .ui.horizontal.divider {
        font-size: .8rem
    }
}

.angle-down {
    width: 0;
    height: 0;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-top: 25px solid #FFFFFF;
    position: relative;
    bottom: -25px;
    margin: 0 auto;
    z-index: 3
}

@media (max-width: 770px) {
    .angle-down {
        display: none
    }
}

.still-image-hero {
    background-image: url(/images/photography/clouds-blue.jpg);
    padding: 1.5% 0;
    background-size: cover;
    min-height: 360px
}

@media (min-width: 2180px) {
    .still-image-hero {
        background-position-y: -370px
    }
}

@media (max-width: 2179px) and (min-width: 2100px) {
    .still-image-hero {
        background-position-y: -330px
    }
}

@media (max-width: 2099px) and (min-width: 1820px) {
    .still-image-hero {
        background-position-y: -290px
    }
}

@media (max-width: 1819px) and (min-width: 1600px) {
    .still-image-hero {
        background-position-y: -230px
    }
}

@media (max-width: 1599px) and (min-width: 1400px) {
    .still-image-hero {
        background-position-y: -180px
    }
}

@media (max-width: 1399px) and (min-width: 1050px) {
    .still-image-hero {
        background-position-y: -92px
    }
}

@media (min-width: 671px) and (max-width: 720px) {
    .still-image-hero {
        padding: 5.5% 0
    }
}

.still-image-hero h4 {
    font-size: 1.02rem;
    max-width: 660px;
    margin: 0 auto;
    text-align: center
}

i.modal-video {
    transition: all .5s ease;
    position: absolute;
    top: 44%;
    left: 46%;
    cursor: pointer;
    color: rgba(143, 179, 57, 0.9)
}

i.modal-video:hover {
    color: #8fb339
}

.page-homepage .screen {
    cursor: pointer
}

.page-homepage .ui.yellow.button {
    background-color: #E4BE44;
    transition: all .5s ease
}

.page-homepage .ui.yellow.button:hover {
    background-color: #C7A63E
}

.homepage-mockup-container {
    position: relative;
    width: 42%;
    margin: 0 auto
}

@media (max-width: 990px) {
    .homepage-mockup-container {
        width: 48%
    }
}

@media (max-width: 860px) {
    .homepage-mockup-container {
        width: 56%
    }
}

@media (max-width: 762px) {
    .homepage-mockup-container {
        width: 59%
    }
}

@media (max-width: 670px) {
    .homepage-mockup-container {
        width: 73%
    }
}

@media (max-width: 669px) {
    .homepage-mockup-container {
        width: 100%
    }
}

@media all and (max-width: 720px) {
    .pricing-pod {
        display: table;
        margin: 0 0 10px;
        width: 100%
    }
    .pricing-pod .pricing-summary,
    .pricing-pod .pricing-details {
        display: table-cell;
        vertical-align: top
    }
    .pricing-pod .pricing-summary {
        width: 35%
    }
    .pricing-pod .pricing-details {
        min-height: 0;
        padding: 10px 25px;
        text-align: left;
        width: 65%
    }
}

@media all and (max-width: 480px) {
    .pricing-pod .pricing-details {
        font-size: 12px;
        font-size: 0.75rem
    }
    .pricing-pod .pricing-details li {
        padding: 5px 0
    }
}

.pricing-summary {
    position: relative;
    z-index: 2
}

.theme-lime .pricing-summary {
    background: #BEE800
}

.theme-pink .pricing-summary {
    background: #FF6862
}

.theme-orange .pricing-summary {
    background: #FFCE00
}

.theme-blue .pricing-summary {
    background: #438FE1
}

.pricing-header {
    background: #2D343E;
    color: #FFF;
    padding: 15px 20px;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    align-items: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    min-height: 85px
}

.pricing-header h2 {
    color: #FFF
}

@media (max-width: 995px) {
    .pricing-header h2 {
        font-size: 1rem
    }
}

@media (max-width: 840px) {
    .pricing-header h2 {
        font-size: .8rem
    }
}

@media all and (max-width: 720px) {
    .pricing-header {
        padding: 10px
    }
    .pricing-header h2 {
        font-size: 16px;
        font-size: 1rem
    }
}

.pricing-tag {
    color: #2D343E;
    padding: 20px
}

.pricing-tag .bottom.attached.label {
    border-radius: 0px;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    align-items: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    min-height: 45px
}

.pricing-tag .bottom.attached.label p {
    font-size: 12px;
    line-height: 1
}

.pricing-tag h1 {
    color: #2D343E;
    font-size: 50px;
    font-size: 3.125rem;
    line-height: 50px
}

@media (max-width: 840px) {
    .pricing-tag h1 {
        font-size: 2rem
    }
}

.pricing-tag h1 span {
    display: inline-block;
    font-size: 30px;
    font-size: 1.875rem;
    vertical-align: text-top
}

@media (max-width: 840px) {
    .pricing-tag h1 span {
        font-size: 1rem;
        vertical-align: text-bottom
    }
}

.pricing-tag h5 {
    margin-bottom: 40px
}

.theme-lime .pricing-tag {
    background: #BEE800
}

.theme-pink .pricing-tag {
    background: #FF6862
}

.theme-orange .pricing-tag {
    background: #FFCE00
}

.theme-blue .pricing-tag {
    background: #438FE1
}

@media all and (max-width: 720px) {
    .pricing-tag {
        padding: 10px 10px 20px
    }
    .pricing-tag h1 {
        font-size: 40px;
        font-size: 2.5rem
    }
    .pricing-tag h1 span {
        font-size: 16px;
        font-size: 1rem
    }
}

.pricing-details {
    position: relative;
    z-index: 1;
    top: -2px
}

.pricing-details .ui.list .item a {
    color: #00A6F1 !important
}

.pricing-details .ui.table td {
    vertical-align: baseline
}

.pricing-overlay {
    background-image: url(../images/textures/grid.png);
    background-color: rgba(0, 0, 0, 0.5);
    height: 40vh
}

.pricing-overlay-small {
    background-image: url(../images/textures/grid.png);
    background-color: rgba(0, 0, 0, 0.3);
    height: 300px
}

.pricing-filter {
    padding-top: 2%;
    padding-bottom: 2%
}

@media (max-width: 721px) {
    #Filters {
        padding-top: 20px
    }
}

.persona-pricing-table-heading {
    font-weight: 800;
    font-size: 2.5rem
}

@media (max-width: 721px) {
    .persona-pricing-table-heading {
        font-size: 2.1rem
    }
}

.poetry-page .section-header h3,
.thanks-poetry-page .section-header h3 {
    float: none;
    text-align: center;
    padding-top: 4%
}

@media all and (max-width: 600px) {
    .poetry-page .section-header h3,
    .thanks-poetry-page .section-header h3 {
        margin-left: 25%
    }
}

.poetry-page .subsection {
    margin: 30px 0 0
}

.poetry-page .subsection p {
    text-align: center;
    padding-bottom: 3%
}

.poetry-hero {
    height: 400px;
    width: 100%
}

@media all and (max-width: 600px) {
    .poetry-hero {
        height: 200px
    }
}

.thanks-poetry-page h3 {
    padding: 30% 0
}

.black-hero {
    background-color: #000
}

.black-hero p,
.black-hero h1,
.black-hero h4,
.black-hero h6 {
    font-family: 'Press Start 2P', cursive;
    color: #fff
}

.invader-score {
    margin-top: 22%
}

@media all and (max-width: 720px) {
    .invader-score {
        position: relative;
        top: 385px;
        margin-top: 0px
    }
}

.invader-wrap {
    font-size: 3px;
    height: 120em;
    overflow: hidden;
    position: relative;
    width: 100%
}

ul.line,
ul.barrier_line,
ul.ship_line {
    height: 14em;
    width: 166em
}

ul.line {
    -moz-animation: linedance 5s steps(10, end) 0s alternate none 100;
    -webkit-animation: linedance 5s steps(10, end) 0s alternate none 100;
    animation: linedance 5s step(10, end) 0s alternate none 100
}

@-moz-keyframes linedance {
    0% {
        margin-left: 0
    }
    100% {
        margin-left: 30em
    }
}

@-webkit-keyframes linedance {
    0% {
        margin-left: 0
    }
    100% {
        margin-left: 30em
    }
}

@keyframes linedance {
    0% {
        margin-left: 0
    }
    100% {
        margin-left: 30em
    }
}

.invader1 li,
.invader2 li,
.invader3 li,
.barrier_line li,
.ship_line li {
    float: left;
    height: 1em;
    width: 1em
}

ul.line li {
    -moz-animation: invader-1 1s step-end 0s normal none 100;
    -webkit-animation: invader-1 1s step-end 0s normal none 100;
    -ms-animation: invader-1 1s step-end 0s normal none 100;
    animation: invader-1 1s step-end 0s normal none 100;
    margin: 0 14em 0 0;
    position: relative
}

ul.line li:before {
    content: " ";
    display: block;
    height: 1em;
    left: 0;
    position: absolute;
    top: 0;
    width: 1em
}

ul.line.invader1 li:before {
    box-shadow: 1em 3em #f70277, 1em 4em #f70277, 2em 2em #f70277, 2em 3em #f70277, 2em 4em #f70277, 2em 6em #f70277, 3em 1em #f70277, 3em 2em #f70277, 3em 4em #f70277, 3em 5em #f70277, 3em 7em #f70277, 4em 0 #f70277, 4em 1em #f70277, 4em 2em #f70277, 4em 3em #f70277, 4em 4em #f70277, 5em 0 #f70277, 5em 1em #f70277, 5em 2em #f70277, 5em 3em #f70277, 5em 4em #f70277, 6em 1em #f70277, 6em 2em #f70277, 6em 4em #f70277, 6em 5em #f70277, 6em 7em #f70277, 7em 2em #f70277, 7em 3em #f70277, 7em 4em #f70277, 7em 6em #f70277, 8em 3em #f70277, 8em 4em #f70277
}

ul.line.invader2 li {
    -moz-animation-name: invader-2;
    -webkit-animation-name: invader-2;
    -ms-animation-name: invader-2;
    animation-name: invader-2
}

ul.line.invader2 li:before {
    box-shadow: 0 3em #ff7701, 0 4em #ff7701, 1em 3em #ff7701, 1em 4em #ff7701, 1em 5em #ff7701, 2em 0 #ff7701, 2em 2em #ff7701, 2em 3em #ff7701, 2em 4em #ff7701, 2em 5em #ff7701, 2em 6em #ff7701, 3em 1em #ff7701, 3em 2em #ff7701, 3em 4em #ff7701, 3em 5em #ff7701, 4em 2em #ff7701, 4em 3em #ff7701, 4em 4em #ff7701, 4em 5em #ff7701, 5em 2em #ff7701, 5em 3em #ff7701, 5em 4em #ff7701, 5em 5em #ff7701, 6em 1em #ff7701, 6em 2em #ff7701, 6em 4em #ff7701, 6em 5em #ff7701, 7em 0 #ff7701, 7em 2em #ff7701, 7em 3em #ff7701, 7em 4em #ff7701, 7em 5em #ff7701, 7em 6em #ff7701, 8em 3em #ff7701, 8em 4em #ff7701, 8em 5em #ff7701, 9em 3em #ff7701, 9em 4em #ff7701
}

ul.line.invader3 li {
    -moz-animation-name: invader-3;
    -webkit-animation-name: invader-3;
    -ms-animation-name: invader-3;
    animation-name: invader-3
}

ul.line.invader3 li:before {
    box-shadow: 0 2em #008dd5, 0 3em #008dd5, 0 4em #008dd5, 1em 1em #008dd5, 1em 2em #008dd5, 1em 3em #008dd5, 1em 4em #008dd5, 1em 6em #008dd5, 2em 1em #008dd5, 2em 2em #008dd5, 2em 4em #008dd5, 2em 5em #008dd5, 2em 6em #008dd5, 3em 1em #008dd5, 3em 2em #008dd5, 3em 4em #008dd5, 3em 5em #008dd5, 4em 0 #008dd5, 4em 1em #008dd5, 4em 2em #008dd5, 4em 3em #008dd5, 4em 4em #008dd5, 4em 6em #008dd5, 5em 0 #008dd5, 5em 1em #008dd5, 5em 2em #008dd5, 5em 3em #008dd5, 5em 4em #008dd5, 5em 6em #008dd5, 6em 1em #008dd5, 6em 2em #008dd5, 6em 4em #008dd5, 6em 5em #008dd5, 7em 1em #008dd5, 7em 2em #008dd5, 7em 4em #008dd5, 7em 5em #008dd5, 7em 6em #008dd5, 8em 1em #008dd5, 8em 2em #008dd5, 8em 3em #008dd5, 8em 4em #008dd5, 8em 6em #008dd5, 9em 2em #008dd5, 9em 3em #008dd5, 9em 4em #008dd5
}

@-moz-keyframes invader-1 {
    0% {
        box-shadow: 1em 7em #f70277, 4em 6em #f70277, 5em 6em #f70277, 8em 7em #f70277
    }
    50% {
        box-shadow: none
    }
}

@-moz-keyframes invader-2 {
    0% {
        box-shadow: 0 1em #ff7701, 0 2em #ff7701, 1em 7em #ff7701, 8em 7em #ff7701, 9em 1em #ff7701, 9em 2em #ff7701
    }
    50% {
        box-shadow: 0 5em #ff7701, 0 6em #ff7701, 3em 7em #ff7701, 6em 7em #ff7701, 9em 5em #ff7701, 9em 6em #ff7701
    }
}

@-moz-keyframes invader-3 {
    0% {
        box-shadow: 0 7em #008dd5, 1em 7em #008dd5, 8em 7em #008dd5, 9em 7em #008dd5
    }
    50% {
        box-shadow: 2em 7em #008dd5, 3em 7em #008dd5, 6em 7em #008dd5, 7em 7em #008dd5
    }
}

@-webkit-keyframes invader-1 {
    0% {
        box-shadow: 1em 7em #f70277, 4em 6em #f70277, 5em 6em #f70277, 8em 7em #f70277
    }
    50% {
        box-shadow: none
    }
}

@-webkit-keyframes invader-2 {
    0% {
        box-shadow: 0 1em #ff7701, 0 2em #ff7701, 1em 7em #ff7701, 8em 7em #ff7701, 9em 1em #ff7701, 9em 2em #ff7701
    }
    50% {
        box-shadow: 0 5em #ff7701, 0 6em #ff7701, 3em 7em #ff7701, 6em 7em #ff7701, 9em 5em #ff7701, 9em 6em #ff7701
    }
}

@-webkit-keyframes invader-3 {
    0% {
        box-shadow: 0 7em #008dd5, 1em 7em #008dd5, 8em 7em #008dd5, 9em 7em #008dd5
    }
    50% {
        box-shadow: 2em 7em #008dd5, 3em 7em #008dd5, 6em 7em #008dd5, 7em 7em #008dd5
    }
}

@keyframes invader-1 {
    0% {
        box-shadow: 1em 7em #f70277, 4em 6em #f70277, 5em 6em #f70277, 8em 7em #f70277
    }
    50% {
        box-shadow: none
    }
}

@keyframes invader-2 {
    0% {
        box-shadow: 0 1em #ff7701, 0 2em #ff7701, 1em 7em #ff7701, 8em 7em #ff7701, 9em 1em #ff7701, 9em 2em #ff7701
    }
    50% {
        box-shadow: 0 5em #ff7701, 0 6em #ff7701, 3em 7em #ff7701, 6em 7em #ff7701, 9em 5em #ff7701, 9em 6em #ff7701
    }
}

@keyframes invader-3 {
    0% {
        box-shadow: 0 7em #008dd5, 1em 7em #008dd5, 8em 7em #008dd5, 9em 7em #008dd5
    }
    50% {
        box-shadow: 2em 7em #008dd5, 3em 7em #008dd5, 6em 7em #008dd5, 7em 7em #008dd5
    }
}

ul.barrier_line,
ul.ship_line {
    margin: 0 auto
}

ul.barrier_line {
    height: 15em;
    margin-top: 20em
}

.barrier_line li {
    margin: 0 18em;
    box-shadow: 0 3em #33ff00, 0 4em #33ff00, 0 5em #33ff00, 0 6em #33ff00, 0 7em #33ff00, 0 8em #33ff00, 0 9em #33ff00, 0 10em #33ff00, 0 11em #33ff00, 0 12em #33ff00, 0 13em #33ff00, 1em 2em #33ff00, 1em 3em #33ff00, 1em 4em #33ff00, 1em 5em #33ff00, 1em 6em #33ff00, 1em 7em #33ff00, 1em 8em #33ff00, 1em 9em #33ff00, 1em 10em #33ff00, 1em 11em #33ff00, 1em 12em #33ff00, 1em 13em #33ff00, 2em 1em #33ff00, 2em 2em #33ff00, 2em 3em #33ff00, 2em 4em #33ff00, 2em 5em #33ff00, 2em 6em #33ff00, 2em 7em #33ff00, 2em 8em #33ff00, 2em 9em #33ff00, 2em 10em #33ff00, 2em 11em #33ff00, 2em 12em #33ff00, 2em 13em #33ff00, 3em 0 #33ff00, 3em 1em #33ff00, 3em 2em #33ff00, 3em 3em #33ff00, 3em 4em #33ff00, 3em 5em #33ff00, 3em 6em #33ff00, 3em 7em #33ff00, 3em 8em #33ff00, 3em 9em #33ff00, 3em 10em #33ff00, 3em 11em #33ff00, 3em 12em #33ff00, 3em 13em #33ff00, 4em 0 #33ff00, 4em 1em #33ff00, 4em 2em #33ff00, 4em 3em #33ff00, 4em 4em #33ff00, 4em 5em #33ff00, 4em 6em #33ff00, 4em 7em #33ff00, 4em 8em #33ff00, 5em 0 #33ff00, 5em 1em #33ff00, 5em 2em #33ff00, 5em 3em #33ff00, 5em 4em #33ff00, 5em 5em #33ff00, 5em 6em #33ff00, 5em 7em #33ff00, 6em 0 #33ff00, 6em 1em #33ff00, 6em 2em #33ff00, 6em 3em #33ff00, 6em 4em #33ff00, 6em 5em #33ff00, 6em 6em #33ff00, 7em 0 #33ff00, 7em 1em #33ff00, 7em 2em #33ff00, 7em 3em #33ff00, 7em 4em #33ff00, 7em 5em #33ff00, 8em 0 #33ff00, 8em 1em #33ff00, 8em 2em #33ff00, 8em 3em #33ff00, 8em 4em #33ff00, 8em 5em #33ff00, 9em 0 #33ff00, 9em 1em #33ff00, 9em 2em #33ff00, 9em 3em #33ff00, 9em 4em #33ff00, 9em 5em #33ff00, 10em 0 #33ff00, 10em 1em #33ff00, 10em 2em #33ff00, 10em 3em #33ff00, 10em 4em #33ff00, 10em 5em #33ff00, 10em 6em #33ff00, 11em 0 #33ff00, 11em 1em #33ff00, 11em 2em #33ff00, 11em 3em #33ff00, 11em 4em #33ff00, 11em 5em #33ff00, 11em 6em #33ff00, 11em 7em #33ff00, 12em 0 #33ff00, 12em 1em #33ff00, 12em 2em #33ff00, 12em 3em #33ff00, 12em 4em #33ff00, 12em 5em #33ff00, 12em 6em #33ff00, 12em 7em #33ff00, 12em 8em #33ff00, 13em 0 #33ff00, 13em 1em #33ff00, 13em 2em #33ff00, 13em 3em #33ff00, 13em 4em #33ff00, 13em 5em #33ff00, 13em 6em #33ff00, 13em 7em #33ff00, 13em 8em #33ff00, 13em 9em #33ff00, 13em 10em #33ff00, 13em 11em #33ff00, 13em 12em #33ff00, 13em 13em #33ff00, 14em 1em #33ff00, 14em 2em #33ff00, 14em 3em #33ff00, 14em 4em #33ff00, 14em 5em #33ff00, 14em 6em #33ff00, 14em 7em #33ff00, 14em 8em #33ff00, 14em 9em #33ff00, 14em 10em #33ff00, 14em 11em #33ff00, 14em 12em #33ff00, 14em 13em #33ff00, 15em 2em #33ff00, 15em 3em #33ff00, 15em 4em #33ff00, 15em 5em #33ff00, 15em 6em #33ff00, 15em 7em #33ff00, 15em 8em #33ff00, 15em 9em #33ff00, 15em 10em #33ff00, 15em 11em #33ff00, 15em 12em #33ff00, 15em 13em #33ff00, 16em 3em #33ff00, 16em 4em #33ff00, 16em 5em #33ff00, 16em 6em #33ff00, 16em 7em #33ff00, 16em 8em #33ff00, 16em 9em #33ff00, 16em 10em #33ff00, 16em 11em #33ff00, 16em 12em #33ff00, 16em 13em #33ff00
}

ul.ship_line {
    height: 9em;
    margin-top: 5em
}

.ship_line li {
    margin-left: 100em;
    box-shadow: 0 5em #33ff00, 0 6em #33ff00, 0 7em #33ff00, 1em 4em #33ff00, 1em 5em #33ff00, 1em 6em #33ff00, 1em 7em #33ff00, 2em 4em #33ff00, 2em 5em #33ff00, 2em 6em #33ff00, 2em 7em #33ff00, 3em 4em #33ff00, 3em 5em #33ff00, 3em 6em #33ff00, 3em 7em #33ff00, 4em 2em #33ff00, 4em 3em #33ff00, 4em 4em #33ff00, 4em 5em #33ff00, 4em 6em #33ff00, 4em 7em #33ff00, 5em 1em #33ff00, 5em 2em #33ff00, 5em 3em #33ff00, 5em 4em #33ff00, 5em 5em #33ff00, 5em 6em #33ff00, 5em 7em #33ff00, 6em 2em #33ff00, 6em 3em #33ff00, 6em 4em #33ff00, 6em 5em #33ff00, 6em 6em #33ff00, 6em 7em #33ff00, 7em 4em #33ff00, 7em 5em #33ff00, 7em 6em #33ff00, 7em 7em #33ff00, 8em 4em #33ff00, 8em 5em #33ff00, 8em 6em #33ff00, 8em 7em #33ff00, 9em 4em #33ff00, 9em 5em #33ff00, 9em 6em #33ff00, 9em 7em #33ff00, 10em 5em #33ff00, 10em 6em #33ff00, 10em 7em #33ff00
}

.blink {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1.3s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: blinker;
    -moz-animation-duration: 1.3s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    animation-name: blinker;
    animation-duration: 1.3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

@-moz-keyframes blinker {
    0% {
        opacity: 1.0
    }
    50% {
        opacity: 0.0
    }
    100% {
        opacity: 1.0
    }
}

@-webkit-keyframes blinker {
    0% {
        opacity: 1.0
    }
    50% {
        opacity: 0.0
    }
    100% {
        opacity: 1.0
    }
}

@keyframes blinker {
    0% {
        opacity: 1.0
    }
    50% {
        opacity: 0.0
    }
    100% {
        opacity: 1.0
    }
}

.open-source-about {
    box-shadow: inset 0 10px 20px rgba(0, 0, 0, 0.1);
    background-color: #2AA4BB;
    background-image: url(../images/textures/diagmonds.png);
    border-top: 5px solid #E0E0E0;
    border-bottom: 5px solid #E0E0E0
}

.open-source-about a {
    text-decoration: none
}

.open-source-about #about-octo:hover {
    fill: #FFCE00;
    transition: all .6s ease
}

.contactForm input {
    box-shadow: none !important;
    color: #4B4B4B !important;
    padding-left: 10px !important;
    margin-top: 5px !important;
    font-size: 18px !important;
    border: 1px solid #DADADA;
    display: inline;
    width: 450px !important;
    margin-top: 5px;
    background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#fff))
}

.contactForm input:focus {
    background: #ffffff;
    vertical-align: middle !important;
    padding: 3px 0px 3px 3px;
    margin: 5px 1px 3px 0px;
    border: 1px solid #3498db
}

@media all and (max-width: 940px) {
    .contactForm input {
        width: 350px !important
    }
}

@media all and (max-width: 480px) {
    .contactForm input {
        width: 100% !important
    }
}

.contactForm .mktoButtonWrap {
    margin: 20px auto !important
}

.contactForm .mktoButton {
    margin-top: 8% !important;
    margin-bottom: 13% !important;
    background: #fff !important;
    border: 1px solid #ddd !important;
    box-shadow: none !important;
    padding: 1.4em 5em !important
}

.contactForm .mktoButton:hover {
    background: #eff1f3 !important
}

.contactForm label {
    color: #4B4B4B !important;
    width: 110px !important
}

#mktoForm_468 {
    margin: 0 auto
}

.contactForm select {
    margin: 5px 0px 0px 0px !important;
    font-size: 18px !important;
    width: 450px !important;
    border-radius: 0px !important;
    color: #4B4B4B;
    background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#fff));
    border: 1px solid #DADADA;
    outline: none;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer
}

@media all and (max-width: 940px) {
    .contactForm select {
        width: 350px !important
    }
}

@media all and (max-width: 480px) {
    .contactForm select {
        width: 100% !important
    }
}

.contactForm .mktoOffset {
    width: 0px !important
}

.press-room-hero {
    background-color: #39A2AE;
    background-image: url(../images/textures/cubes.png);
    box-shadow: inset 0 10px 20px rgba(0, 0, 0, 0.1)
}

.page-about {
    position: relative;
    z-index: 2
}

.page-about .ui.cards>.card .content h5 {
    color: #575D65
}

.page-about .ui.cards>.card .content img {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    min-height: 60px;
    max-width: 200px
}

.page-about .ui.card>.content {
    min-height: 103px
}

@media (max-width: 981px) {
    .page-about .ui.card>.content {
        min-height: 116px
    }
}

.page-about h2.persona-heading {
    color: #343333;
    font-size: 2rem
}

.page-about .ui.list .list>.item .header,
.page-about .ui.list>.item .header {
    font-family: "montserratregular", sans-serif, "Helvetica Neue", "Arial", sans-serif !important
}

.page-about .ui.card>.content>.header,
.page-about .ui.cards>.card>.content>.header {
    font-family: "montserratregular", sans-serif, "Helvetica Neue", "Arial", sans-serif !important
}

.page-about .list-horizontal-flex p {
    font-size: 0.875rem
}

.award-image {
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
    height: 130px
}

.award-image img {
    max-height: 100px
}

.award-slider-caption {
    width: 90%
}

#pixie {
    position: absolute;
    top: 0px;
    z-index: 1
}

.article-container {
    padding: 3% 0
}

@media (max-width: 720px) {
    .article-container {
        padding: 5%
    }
}

.article-container p {
    color: #000;
    letter-spacing: 0.01rem;
    font-weight: 400;
    font-style: normal;
    font-size: 1.16rem;
    line-height: 1.6
}

.article-container strong {
    color: rgba(0, 0, 0, 0.7)
}

.article-container a {
    position: relative;
    color: #00a6f1;
    text-decoration: none;
    font-weight: 600
}

.article-container a:hover {
    color: #00a6f1
}

.article-container a:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #00a6f1;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s
}

.article-container a:hover:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.article-container hr.article-divider {
    border: 0;
    height: 1px;
    background: #333;
    background-image: -webkit-linear-gradient(left, #ccc, #dadada, #ccc);
    background-image: -moz-linear-gradient(left, #ccc, #dadada, #ccc);
    background-image: -ms-linear-gradient(left, #ccc, #dadada, #ccc);
    background-image: -o-linear-gradient(left, #ccc, #dadada, #ccc)
}

.article-container .title-image {
    height: 94vh
}

.article-container .article-blockquote {
    padding: 2%;
    margin-top: 3%
}

.article-container .article-blockquote p {
    display: inline;
    font-weight: 100;
    font-style: italic;
    color: #272727;
    font-size: 1.15rem
}

.article-container .article-blockquote h6 {
    color: #414040
}

.article-container .article-blockquote i {
    color: #424141;
    font-size: 20px
}

.article-container .article-cite h6 {
    padding-top: 4%
}

.article-container .article-image {
    border: 1px solid #eef2f3;
    padding: 9px;
    border-radius: 5px;
    margin-bottom: 30px
}

.article-container .article-image .caption {
    text-align: center;
    padding: 4px 0px
}

.article-container .article-title h2,
.article-container .article-title-light h2 {
    text-align: center;
    font-size: 60px;
    color: rgba(0, 0, 0, 0.8);
    line-height: 1.1;
    font-weight: 600;
    letter-spacing: -0.02em
}

@media (max-width: 720px) {
    .article-container .article-title h2,
    .article-container .article-title-light h2 {
        font-size: 32px
    }
}

.article-container .article-title p,
.article-container .article-title-light p {
    letter-spacing: -0.02em;
    font-weight: 300;
    font-style: normal;
    font-size: 32px;
    line-height: 1.2;
    color: rgba(0, 0, 0, 0.44);
    margin-top: 20px;
    margin-bottom: 30px;
    text-align: center
}

@media (max-width: 720px) {
    .article-container .article-title p,
    .article-container .article-title-light p {
        font-size: 18px
    }
}

.article-container .article-title hr,
.article-container .article-title-light hr {
    display: block;
    width: 100px;
    margin: 51px auto 41px auto;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.15)
}

@media (max-width: 720px) {
    .article-container .article-title hr,
    .article-container .article-title-light hr {
        margin: 31px auto 21px auto
    }
}

.article-container .article-title-light h2,
.article-container .article-title-light p {
    color: #ffffff
}

.article-container .article-title-light i {
    color: #ffffff;
    text-align: center
}

.article-container .sub-heading p {
    letter-spacing: -0.02em;
    font-weight: 300;
    font-style: normal;
    font-size: 32px;
    line-height: 1.2;
    color: rgba(0, 0, 0, 0.75);
    margin-top: 60px;
    margin-bottom: 20px;
    text-align: left
}

.article-container .paragraph {
    margin-bottom: 30px
}

.article-container .caption {
    letter-spacing: 0.01rem;
    font-weight: 400;
    font-style: italic;
    font-size: 14px;
    line-height: 1.4;
    color: rgba(0, 0, 0, 0.6)
}

.article-container .caption-border {
    width: 50px;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    margin-bottom: 10px;
    position: relative;
    left: 79%
}

.article-container .featured-left {
    position: absolute;
    left: 13%;
    width: 15%;
    text-align: right
}

@media (min-width: 2400px) {
    .article-container .featured-left {
        left: 20%
    }
}

@media (max-width: 1960px) {
    .article-container .featured-left {
        left: 13%
    }
}

@media (max-width: 1650px) {
    .article-container .featured-left {
        left: 10%
    }
}

@media (max-width: 1500px) {
    .article-container .featured-left {
        left: 5%
    }
}

@media (max-width: 1250px) {
    .article-container .featured-left {
        left: 3%
    }
}

@media (max-width: 1100px) {
    .article-container .featured-left {
        position: static;
        width: 100%;
        text-align: left;
        padding: 3% 0
    }
}

.article-container .featured-left .heading-and-text {
    border-top: 2px solid rgba(0, 0, 0, 0.4);
    padding-top: 10px;
    margin-top: 10px
}

@media (max-width: 1100px) {
    .article-container .featured-left .heading-and-text {
        border: none;
        padding: 3% 0%
    }
}

.article-container .featured-left .heading-and-text p {
    font-style: italic;
    color: #797979;
    line-height: 1.3;
    font-size: 14px;
    padding-top: 5px
}

.article-container .featured-left .heading-and-text h2 {
    letter-spacing: -1px;
    color: #454545
}

.article-container .featured-right {
    position: absolute;
    right: 13%;
    width: 15%;
    text-align: left
}

@media (min-width: 2400px) {
    .article-container .featured-right {
        right: 20%
    }
}

@media (max-width: 1960px) {
    .article-container .featured-right {
        right: 13%
    }
}

@media (max-width: 1650px) {
    .article-container .featured-right {
        right: 10%
    }
}

@media (max-width: 1500px) {
    .article-container .featured-right {
        right: 5%
    }
}

@media (max-width: 1250px) {
    .article-container .featured-right {
        right: 3%
    }
}

@media (max-width: 1100px) {
    .article-container .featured-right {
        position: static;
        width: 100%;
        text-align: left;
        padding: 3% 0
    }
}

.article-container .featured-right .heading-and-text {
    border-top: 2px solid rgba(0, 0, 0, 0.4);
    padding-top: 10px;
    margin-top: 10px
}

@media (max-width: 1100px) {
    .article-container .featured-right .heading-and-text {
        border: none;
        padding: 3% 0%
    }
}

.article-container .featured-right .heading-and-text p {
    font-style: italic;
    color: #797979;
    line-height: 1.3;
    font-size: 14px;
    padding-top: 5px
}

.article-container .featured-right .heading-and-text h2 {
    letter-spacing: -1px;
    color: #454545
}

.article-container .chart {
    padding: 5% 0%
}

.article-container .tooltip {
    position: absolute;
    display: inline-block;
    min-width: 5em;
    padding: 0.5em;
    background: #BAC83C;
    color: #ffffff;
    font-weight: 700;
    text-align: center;
    pointer-events: none;
    z-index: 1;
    border-radius: 8px
}

.article-container .tooltip:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top-color: #BAC83C
}

.dotted-border {
    border-bottom: 1px dotted #C9C9C9;
    padding-bottom: 30px
}

.arrow-down {
    width: 0;
    height: 0;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-top: 25px solid #202020;
    position: relative;
    bottom: -65px;
    margin: 0 auto
}

@media all and (max-width: 860px) {
    .arrow-down {
        display: none
    }
}

.engineering-hero {
    position: relative;
    top: -300px
}

.engineering-hero h3.career-heading {
    color: #fff
}

.engineering-hero p.career-heading {
    color: #fff
}

.engineering-hero .button.secondary {
    transition: all .6s ease;
    background: transparent;
    border: 1px solid #FFFFFF;
    color: #FFFFFF
}

.engineering-hero .button.secondary:hover {
    background: #fff;
    color: #000
}

.career-buttons-wrap {
    padding-bottom: 60px;
    margin-top: -40px
}

.career-listing-wrap .career-listing-wrap .location-listing {
    margin-top: 20px
}

@media all and (max-width: 720px) {
    .career-listing-wrap .career-listing-wrap a {
        text-decoration: underline
    }
}

@media all and (max-width: 720px) {
    .section-header {
        font-size: 12px
    }
    .section {
        padding: 25px 0px
    }
    .button.secondary {
        margin-top: 10px
    }
}

#culture-photos .item {
    margin: 3px
}

#culture-photos .item img {
    display: block;
    width: 100%;
    height: auto
}

.dev-video {
    border: 7px solid #e5bf45;
    border-radius: 4px 4px 0px 0px;
    box-shadow: 0px 0px 3px #ccc;
    margin-bottom: 60px;
    position: relative;
    top: 30px
}

.dev-video img,
.dev-video iframe {
    margin-bottom: -5px
}

.community-video {
    border: 7px solid #44B0BA;
    border-radius: 4px 4px 0px 0px;
    box-shadow: 0px 0px 3px #ccc
}

.d3-area canvas {
    width: 100vw;
    margin-top: -130vh;
    margin-bottom: 0;
    height: 130vh;
    display: block
}

.department-segment {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fff;
    padding: 20px;
    text-align: center;
    height: 240px;
    cursor: pointer;
    box-shadow: #c4cad1 0px 1px 1px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease
}

@media (max-width: 600px) {
    .department-segment {
        height: 350px
    }
}

@media (max-width: 480px) {
    .department-segment {
        height: 290px
    }
}

.department-segment a {
    text-decoration: none;
    color: #575d65
}

.department-segment a:hover {
    text-decoration: none
}

.department-segment:hover {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)
}

.department-segment:active {
    box-shadow: #c4cad1 0px 1px 1px
}

a.department-link {
    text-decoration: none;
    color: #575d65
}

a.department-link:hover {
    text-decoration: none;
    color: #575d65
}

.job-posting-segment {
    background: #fff;
    color: #575D65;
    padding: 20px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    font-size: 1rem;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    transition: all 0.1s ease
}

.job-posting-segment:hover {
    box-shadow: 3px 0 0 0 #06A8F1 inset, 0 1px 3px rgba(0, 0, 0, 0.4);
    background: #f7f7f7;
    color: #00A6F1
}

.job-list a {
    color: #575D65
}

.job-list a:hover,
.job-list a:visited {
    text-decoration: none;
    color: #00A6F1
}

.department-detail-link {
    margin-top: 10px;
    padding: 10px
}

.department-detail-link h6 {
    color: #2098d1
}

.ui.breadcrumb .active.section {
    color: rgba(0, 0, 0, 0.8)
}

.ui.breadcrumb a.section {
    font-weight: 700
}

.careers .ui.breadcrumb {
    font-size: .9em;
    background-color: rgba(0, 0, 0, 0.2);
    padding: 7px;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.04)
}

.careers .map-overlay .ui.breadcrumb {
    font-size: .9em;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 7px;
    border-radius: 0px;
    border: none
}

.careers .ui.breadcrumb .divider {
    color: #fff
}

.careers .appneta-cube-hero h1 {
    font-size: 3rem
}

.career-parallax-fallback {
    background: url(../images/photography/company-culture-blur.jpg);
    height: 80vh;
    background-size: cover
}

@media (max-width: 625px) {
    .career-parallax-fallback {
        height: 50vh
    }
}

.career-fallback-heading {
    padding-top: 15%
}

@media (max-width: 625px) {
    .career-fallback-heading {
        padding-top: 25%
    }
}

.career-fallback-heading h1 {
    font-size: 3.5rem;
    font-weight: bold;
    letter-spacing: -2px
}

@media (max-width: 625px) {
    .career-fallback-heading h1 {
        font-size: 1.5rem
    }
}

@media (max-width: 625px) {
    .careers .oblique {
        font-size: 1rem
    }
}

p.no-jobs {
    font-weight: 500;
    font-size: 1rem
}

.map-overlay {
    position: absolute;
    left: 0px;
    bottom: 340px;
    right: 0px;
    z-index: 1
}

@media (max-width: 650px) {
    .map-overlay {
        display: none
    }
}

.map-overlay h1 {
    font-size: 5rem
}

@media (max-width: 720px) {
    .map-overlay h1 {
        font-size: 3rem
    }
}

.bg-overlay {
    width: auto;
    height: auto;
    background: rgba(0, 0, 0, 0.6);
    background-blend-mode: multiply
}

.landing-page .list-styled li {
    padding: 25px 0 0
}

.language-image {
    border: 1px solid #DCDCDC;
    padding: 9px;
    border-radius: 5px;
    margin-bottom: 30px
}

.language-image .caption {
    text-align: center;
    padding: 4px 0px;
    letter-spacing: 0.01rem;
    font-weight: 400;
    font-style: italic;
    line-height: 1.4
}

.language-image .caption p {
    font-size: 14px
}

.tech-docs .section-header {
    width: 135%
}

@media (max-width: 720px) {
    .tech-docs .section-header {
        width: 100%
    }
}

.tech-docs .tech-docs-button {
    margin-top: 5%;
    float: right
}

@media (max-width: 840px) {
    .tech-docs .tech-docs-button {
        float: none
    }
}

#Container {
    margin-top: -30px
}

#Container .mix {
    display: none
}

.ui.divider.small {
    font-size: .9rem;
    text-transform: none;
    font-weight: normal
}

.ui.tight.segment {
    padding: .5em
}

.resource-page-wrap {
    padding-top: 20px
}

.resource-page-wrap .featured-resources-title {
    margin-bottom: 25px;
    color: #2BA3B9;
    background: #EEF2F3;
    width: 163px;
    position: relative;
    top: 20px;
    padding: 0px 3px;
    right: -13px;
    z-index: 9
}

.resource-page-wrap .ui.fixed.top.sticky+.section,
.featured-resources-homepage .ui.fixed.top.sticky+.section {
    margin-top: 138px
}

.resource-page-wrap .ui.menu .ui.dropdown.item.visible,
.featured-resources-homepage .ui.menu .ui.dropdown.item.visible {
    background: #fff
}

.resource-page-wrap .ui.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6),
.featured-resources-homepage .ui.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
    font-size: inherit
}

.resource-page-wrap .ui.cards>.card>.content>a.header:hover,
.featured-resources-homepage .ui.cards>.card>.content>a.header:hover {
    color: #238698
}

.resource-page-wrap .ui.cards>.card a,
.featured-resources-homepage .ui.cards>.card a {
    cursor: pointer;
    text-decoration: none;
    color: #575D65
}

.resource-page-wrap .ui.cards>.card a:hover,
.featured-resources-homepage .ui.cards>.card a:hover {
    color: #238698
}

.resource-page-wrap .ui.cards>.card,
.featured-resources-homepage .ui.cards>.card {
    box-shadow: 0 1px 0 0 #dcdcdc, 0 0 0 1px #dcdcdc;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px
}

.resource-page-wrap .ui.cards>.card>.content,
.featured-resources-homepage .ui.cards>.card>.content {
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.resource-page-wrap .ui.cards>.card>.image,
.featured-resources-homepage .ui.cards>.card>.image {
    padding: 10px
}

.resource-page-wrap .ui.dropdown>.default.text,
.featured-resources-homepage .ui.dropdown>.default.text {
    color: #8c8c8c
}

.resource-page-wrap .ui.dropdown>.default.text:hover,
.featured-resources-homepage .ui.dropdown>.default.text:hover {
    color: #8c8c8c
}

.resource-page-wrap .ui.items>.item>.content>.description,
.featured-resources-homepage .ui.items>.item>.content>.description {
    max-width: 610px
}

@media (max-width: 480px) {
    .resource-page-wrap .resource-card-button>a,
    .featured-resources-homepage .resource-card-button>a {
        font-size: 12px
    }
}

.resource-page-wrap .engineer-description-banner,
.featured-resources-homepage .engineer-description-banner {
    min-height: 0px
}

.resource-page-wrap .ui.ribbon.resource-card.label,
.featured-resources-homepage .ui.ribbon.resource-card.label {
    left: -22%;
    top: -4px
}

.resource-page-wrap .ui.ribbon.resource-card.label.blue-announcement,
.featured-resources-homepage .ui.ribbon.resource-card.label.blue-announcement {
    border-color: #238698;
    background-color: #2ba3b9;
    color: #fff
}

@media (max-width: 930px) {
    .resource-page-wrap .ui.ribbon.resource-card.label,
    .featured-resources-homepage .ui.ribbon.resource-card.label {
        left: -19%
    }
}

@media (max-width: 405px) {
    .resource-page-wrap .ui.ribbon.resource-card.label,
    .featured-resources-homepage .ui.ribbon.resource-card.label {
        left: -23%
    }
}

@media (max-width: 720px) {
    .resource-page-wrap .ui.buttons .button,
    .featured-resources-homepage .ui.buttons .button {
        margin-top: 10px
    }
}

.featured-resource-wrap {
    margin-bottom: 4%;
    border: 1px solid #DCDCDC;
    background: #eef2f3;
    padding: 2%
}

.featured-resource-wrap .image {
    text-align: center
}

@media (max-width: 720px) {
    .featured-resource-wrap .image {
        text-align: left
    }
}

.featured-resource-wrap a i {
    text-decoration: none
}

.featured-resource-wrap i {
    text-decoration: none;
    color: #575D65;
    transition: all .3s
}

.featured-resource-wrap i:hover {
    color: #00a6f1;
    transition: all .3s
}

.embed-pdf {
    width: 100%;
    height: 100vh;
    border-top: 1px solid #DEE2E6;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)
}

.resource-segment {
    background: #e0e0e0;
    padding: 20px;
    text-align: center;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    position: relative
}

.resource-segment:hover {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    background: #575d65;
    color: #fff
}

.resource-segment i {
    font-size: 3rem
}

@media (max-width: 800px) {
    .resource-segment i {
        font-size: 2rem !important
    }
}

@media (max-width: 600px) {
    .resource-segment i {
        font-size: 1.5rem !important
    }
}

@media (max-width: 700px) {
    .resource-segment h6 {
        font-size: .8rem
    }
}

@media (max-width: 540px) {
    .resource-segment h6 {
        font-size: .65rem
    }
}

.resources.ui.horizontal.divider:before {
    margin-left: -20%;
    width: 18%
}

.resources.ui.horizontal.divider:after {
    width: 18%;
    margin-left: 2%
}

.ribbon-wrap {
    margin-bottom: -15px
}

#Reset {
    cursor: pointer
}

#Reset.item {
    background: #e07c7c
}

#Reset.disabled {
    cursor: default
}

.resource-page-wrap .ui.secondary.menu>.item,
.ui.secondary.menu>.menu>.item {
    background: #fff;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08)
}

.resource-page-wrap .ui.secondary.menu>.item:first-child,
.ui.secondary.menu>.menu>.item:first-child {
    margin-left: 0;
    margin-right: .25em
}

@media (max-width: 800px) {
    .resource-page-wrap .ui.secondary.menu>.item:first-child,
    .ui.secondary.menu>.menu>.item:first-child {
        margin-left: .25em
    }
}

@media (max-width: 800px) {
    .resource-page-wrap .ui.secondary.menu>.item,
    .ui.secondary.menu>.menu>.item {
        width: 100%
    }
}

.resource-page-wrap .ui.secondary.menu>.item.disabled,
.ui.secondary.menu>.menu>.item.disabled {
    box-shadow: none
}

.resource-page-wrap .ui.menu .ui.dropdown.item.visible {
    background: #fff
}

.filters-nav-shadow {
    box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.02), 0px 1px 0px rgba(0, 0, 0, 0.04)
}

.background {
    background: skyblue
}

svg,
text {
    font-family: "Open Sans", sans-serif !important
}

.landscape text:hover {
    stroke-width: 0px !important;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s
}

.section-shrink {
    padding: 30px 0px !important
}

.section-shrink h1 {
    margin-top: 10px
}

.cloud-title-hero {
    background: rgba(53, 81, 92, 0.55);
    width: 100%;
    z-index: 4;
    position: absolute
}

@media (max-width: 850px) {
    .cloud-title-hero {
        background: rgba(53, 81, 92, 0.9)
    }
}

.cloud-title-hero i {
    -webkit-transition: all 0.75s;
    -moz-transition: all 0.75s;
    transition: all 0.75s;
    float: right;
    padding-right: 2vw;
    padding-top: 2vh;
    font-size: 1.5rem;
    cursor: pointer;
    color: #ffffff
}

@media (max-width: 850px) {
    .cloud-title-hero i {
        color: #ffffff
    }
}

.cloud-title-hero i:hover {
    color: #ffffff
}

.cloud-title h1 {
    font-size: 2.4rem;
    letter-spacing: -1px
}

.cloud-title h3 {
    text-transform: none;
    color: #666
}

.cloud-title p {
    font-weight: 600;
    color: #ffffff;
    font-size: 1rem
}

.landscape {
    margin-bottom: -8px;
    cursor: pointer
}

.tree {
    max-height: 112vh;
    margin-bottom: -200px;
    padding-top: 15vh
}

@media (max-width: 1350px) {
    .tree {
        margin-bottom: -140px
    }
}

@media (max-width: 850px) {
    .tree {
        margin-bottom: -220px
    }
}

@media (max-width: 670px) {
    .tree {
        margin-bottom: -140px
    }
}

.entire-company {
    fill: #DBDBDB;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s
}

.it-cloud {
    position: absolute;
    top: 30vh;
    left: 26vw;
    width: 16%
}

@media (min-width: 2550px) {
    .it-cloud {
        top: 21vh
    }
}

@media (min-width: 680px) and (max-width: 800px) {
    .it-cloud {
        top: 16vh;
        width: 30%;
        left: 10vw
    }
}

@media (min-width: 300px) and (max-width: 670px) {
    .it-cloud {
        top: 34vh;
        width: 30%;
        left: 5vw
    }
}

.engineering-cloud {
    position: absolute;
    top: 31vh;
    left: 56vw;
    width: 14%
}

@media (min-width: 2550px) {
    .engineering-cloud {
        top: 28vh
    }
}

@media (min-width: 680px) and (max-width: 800px) {
    .engineering-cloud {
        top: 18vh;
        width: 27%;
        left: 66vw
    }
}

@media (min-width: 300px) and (max-width: 670px) {
    .engineering-cloud {
        top: 34vh;
        width: 27%;
        left: 70vw
    }
}

.customer-service-cloud {
    position: absolute;
    top: 46vh;
    left: 47vw;
    width: 10%
}

@media (min-width: 2550px) {
    .customer-service-cloud {
        top: 42vh
    }
}

@media (min-width: 680px) and (max-width: 800px) {
    .customer-service-cloud {
        top: 30vh;
        width: 20%;
        left: 45vw
    }
}

@media (min-width: 300px) and (max-width: 670px) {
    .customer-service-cloud {
        top: 44vh;
        width: 23%
    }
}

.sales-cloud {
    position: absolute;
    top: 58vh;
    left: 61vw;
    width: 10%
}

@media (min-width: 2550px) {
    .sales-cloud {
        top: 53vh
    }
}

@media (min-width: 680px) and (max-width: 800px) {
    .sales-cloud {
        top: 43vh;
        width: 18%;
        left: 76vw
    }
}

@media (min-width: 300px) and (max-width: 670px) {
    .sales-cloud {
        top: 55vh;
        width: 18%;
        left: 81vw
    }
}

.human-resources-cloud {
    position: absolute;
    top: 72vh;
    left: 55vw;
    width: 10%
}

@media (min-width: 2550px) {
    .human-resources-cloud {
        top: 68vh
    }
}

@media (min-width: 680px) and (max-width: 800px) {
    .human-resources-cloud {
        top: 57vh;
        width: 23%
    }
}

@media (min-width: 300px) and (max-width: 670px) {
    .human-resources-cloud {
        top: 67vh;
        width: 23%
    }
}

.marketing-cloud {
    position: absolute;
    top: 59vh;
    left: 29vw;
    width: 11%
}

@media (min-width: 2550px) {
    .marketing-cloud {
        top: 54vh
    }
}

@media (min-width: 680px) and (max-width: 800px) {
    .marketing-cloud {
        top: 40vh;
        width: 26%;
        left: 4vw
    }
}

@media (min-width: 300px) and (max-width: 670px) {
    .marketing-cloud {
        top: 56vh;
        width: 26%;
        left: 2vw
    }
}

.finance-cloud {
    position: absolute;
    top: 74vh;
    left: 36vw;
    width: 10%
}

@media (min-width: 2550px) {
    .finance-cloud {
        top: 70vh
    }
}

@media (min-width: 680px) and (max-width: 800px) {
    .finance-cloud {
        top: 58vh;
        width: 21%;
        left: 16vw
    }
}

@media (min-width: 300px) and (max-width: 670px) {
    .finance-cloud {
        top: 68vh;
        width: 21%;
        left: 17vw
    }
}

.cloud {
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
    cursor: pointer
}

.cloud1 {
    width: 10%;
    position: absolute;
    -webkit-animation: animateCloud 47s linear infinite;
    -moz-animation: animateCloud 47s linear infinite;
    animation: animateCloud 47s linear infinite;
    top: 20vh
}

.cloud2 {
    position: absolute;
    width: 14%;
    -webkit-animation: animateCloud 35s linear infinite;
    -moz-animation: animateCloud 35s linear infinite;
    animation: animateCloud 35s linear infinite;
    top: 40vh
}

.cloud3 {
    position: absolute;
    width: 20%;
    -webkit-animation: animateCloud 25s linear infinite;
    -moz-animation: animateCloud 25s linear infinite;
    animation: animateCloud 25s linear infinite;
    top: 34vh
}

@-webkit-keyframes animateCloud {
    0% {
        margin-left: -1000px
    }
    100% {
        margin-left: 100%
    }
}

@-moz-keyframes animateCloud {
    0% {
        margin-left: -1000px
    }
    100% {
        margin-left: 100%
    }
}

@keyframes animateCloud {
    0% {
        margin-left: -1000px
    }
    100% {
        margin-left: 100%
    }
}

.link.item.btnSignUp {
    background: #30B91A;
    color: white;
    width: 180px;
}

.existing-user p.lead.editable {
    text-align: center;
}