.menu-container {
     width: 100%;
     position: relative;
     font-family: 'Open Sans', sans-serif;
     line-height: 1;
}
 .menu-container, .menu-container ul, .menu-container ul li, .menu-container ul li a {
     margin: 0;
     padding: 0;
     border: 0;
     list-style: none;
    /* line-height: 1em;
     */
     display: block;
     position: relative;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
 .menu-container .menu-bar {
     display: none;
}
 .menu-container .menu-line {
     position: absolute;
     z-index: 10001;
     top: 0;
     left: 0;
     height: 3px;
     background: #009ae1;
     -webkit-transition: all 0.25s ease-out;
     -moz-transition: all 0.25s ease-out;
     -ms-transition: all 0.25s ease-out;
     -o-transition: all 0.25s ease-out;
     transition: all 0.25s ease-out;
}
 .menu-container.vertical .menu-line {
     display: none !important;
}
 .menu-container > ul > li {
     float: left;
}
 .menu-container .menu-custom-html {
     display: none;
}
 .menu-container.open .menu-custom-html {
     display: block;
}
 .menu-container .menu-custom-html {
     padding: 10px;
     text-align: center;
}
 .menu-container .menu-custom-html .user-info {
     margin-bottom: 10px;
}
 .menu-container .menu-custom-html .icons {
     font-size: 0px;
}
 .menu-container .menu-custom-html .icons a {
     display: inline-block;
     text-align: center;
     color: inherit;
     background: #eee;
     padding: 10px 5px;
     font-size: 15px;
     margin-left: 1%;
     -moz-transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
}
 .menu-container .menu-custom-html .icons a:hover {
     background: #e5e5e5;
}
 .menu-container .menu-custom-html .icons a:first-child {
     margin-left: 0px !important;
}
 .menu-container .menu-custom-html .icons a .fa {
     font-size: 2em;
}
 .menu-container .menu-custom-html .icons a span {
     display: block;
     margin-top: 5px;
     text-transform: uppercase;
     font-size: 10px;
}
 .menu-container > ul > li > .item > a {
     padding: 20px;
     font-size: 15px;
     text-decoration: none;
     text-transform: uppercase;
     -webkit-transition: color .2s ease;
     -moz-transition: color .2s ease;
     -ms-transition: color .2s ease;
     -o-transition: color .2s ease;
     transition: color .2s ease;
}
 .menu-container ul > li > .item:hover > a, .menu-container ul > li.active > .item > a {
}
 .menu-container div.menu-button:hover::after {
     opacity: 0.8;
}
 .menu-container > ul > li.has-sub > .item > a {
     padding-right: 25px;
}
 .menu-container > ul > li.has-sub > .item > a::after {
     display: inline-block;
     margin-left: 7px;
     content: "\f107";
     font-family: fontAwesome;
     font-size: 15px;
     color: inherit;
}
 .menu-container > ul > li > ul.open {
     display: block !important;
}
 .menu-container[data-drop="0"] > ul > li.has-sub > .item > a::after, .menu-container[data-drop="0"] > ul > li.has-sub > ul {
     display: none !important;
}
 .menu-container ul ul {
     position: absolute;
     left: -9999px;
}
 .menu-container li:hover > ul {
     left: auto;
}
 .menu-container > ul > li:hover ul {
     z-index: 10001 !important;
}
 .menu-container ul ul ul {
     margin-left: 100%;
     top: 0;
}
 .menu-container ul ul li {
     height: 0;
     -webkit-transition: height .2s ease;
     -moz-transition: height .2s ease;
     -ms-transition: height .2s ease;
     -o-transition: height .2s ease;
     transition: height .2s ease;
}
 .menu-container ul li:hover > ul > li {
     height: auto;
}
 .menu-container ul ul {
}
 .menu-container ul ul li a {
     padding: 15px 20px;
     width: 220px;
     font-size: 15px;
     line-height: 1.4em;
     text-decoration: none;
     text-align: left;
     -webkit-transition: color .2s ease;
     -moz-transition: color .2s ease;
     -ms-transition: color .2s ease;
     -o-transition: color .2s ease;
     transition: color .2s ease;
}
 .menu-container ul ul li.has-sub > .item > a::after {
     position: absolute;
     right: 12px;
     content: "\f105";
     color: inherit;
     font-family: fontAwesome;
     font-size: 15px;
}
/** * VERTICAL MENU */
 .menu-container.vertical .menu-bar {
     display: block;
     padding: 10px 15px;
     color: #000000;
     text-align: right;
     text-transform: uppercase;
}
 .menu-container .menu-bar a {
     display: inline-block;
     text-align: center;
     text-decoration: none;
     cursor: pointer;
     font-size: 15px;
     margin-left: 5px;
}
 .menu-container .menu-bar a.menu-button span {
     position: absolute;
     top: 22px;
     left: 15px;
}
 .menu-container .menu-bar a .fa:hover, .menu-container .menu-bar a span:hover {
     opacity: 0.8;
}
 .menu-container .menu-bar a span {
     display: inline-block;
     vertical-align: middle;
}
 .menu-container .menu-bar a.cart-button {
     position: relative;
}
 .menu-container .menu-bar a.cart-button span {
     position: absolute;
     color: #000;
     z-index: 101;
     top: 9px;
     left: 10px;
     right: 0px;
     text-align: center;
     font-size: 12px;
     font-weight: bold;
}
 .menu-container .menu-bar a i.fa {
     font-size: 2.5em;
     margin: 0px 0px 0px 5px;
     vertical-align: middle;
}
 .menu-container.vertical {
     width: 100%;
}
 .menu-container.vertical ul {
     width: 100%;
     display: none;
}
 .menu-container.vertical[data-breakpoint="0"] > ul {
     display: block !important;
}
 .menu-container.vertical ul li.has-sub > .item > a {
     padding-right: 50px;
}
 .menu-container.vertical ul li, .menu-container.vertical ul ul li, .menu-container.vertical ul li:hover > ul > li {
     width: 100%;
     height: auto;
}
 .menu-container.vertical ul.level-1 > li, .menu-container ul ul li a {
}
 .menu-container.vertical ul.level-2 > li > .item > a {
     padding-left: 40px;
}
 .menu-container.vertical ul.level-3 > li > .item > a {
     padding-left: 55px;
}
 .menu-container.vertical ul.level-4 > li > .item > a {
     padding-left: 65px;
}
 .menu-container.vertical ul.level-5 > li > .item > a {
     padding-left: 75px;
}
 .menu-container.vertical ul li a, .menu-container.vertical ul ul li a {
     width: 100%;
}
 .menu-container.vertical > ul > li {
     float: none;
     display: block;
}
 .menu-container.vertical ul ul li a {
     padding: 15px 15px 15px 50px;
     font-size: 15px;
}
 .menu-container.vertical ul ul ul li a {
     padding-left: 45px;
}
 .menu-container.vertical ul ul, .menu-container.vertical ul ul ul {
     position: relative;
     left: 0;
     right: auto;
     width: 100%;
     margin: 0;
}
 .menu-container.vertical > ul > li.has-sub > .item > a::after, .menu-container.vertical ul ul li.has-sub > .item > a::after {
     display: none;
}
 .menu-container.vertical .menu-line {
     display: none;
}
 .menu-container.vertical .submenu-button {
     position: absolute;
     z-index: 101;
     right: 0;
     top: 0;
     display: block;
     height: 52px;
     width: 52px;
     cursor: pointer;
}
 .menu-container.vertical .submenu-button::after {
     content: '';
     position: absolute;
     top: 21px;
     left: 26px;
     display: block;
     width: 1px;
     height: 11px;
     background: #000000;
     z-index: 99;
}
 .menu-container.vertical .submenu-button::before {
     content: '';
     position: absolute;
     left: 21px;
     top: 26px;
     display: block;
     width: 11px;
     height: 1px;
     background: #000000;
     z-index: 99;
}
 .menu-container.vertical .submenu-button.submenu-opened:after {
     display: none;
}
 .menu-container.vertical ul > li.expanded > ul {
     display: block;
}
 html {
     overflow-y: scroll;
}
 body {
}
 html, body {
     min-height: 100%;
     height: auto;
}
 img {
     max-width: 100%;
}
 hr {
     display: block;
     height: 10px;
     border: none;
     background: url(/images/divider.png) top center no-repeat;
     height: 20px;
     background-size: 100% auto;
     margin: 20px 0px;
}
 input[type=text], input[type=password], input[type=email], select, textarea {
     padding: 8px 8px;
     border-radius: 4px;
     border: solid 1px #ddd;
     width: 100%;
}
 .chosen-container-single > a.chosen-single {
     padding: 8px 10px;
     border-radius: 4px;
     border: solid 1px #ddd;
     width: 100%;
     height: 38px;
     font-family: 'Lato';
     font-weight: 400;
     background: #fff;
     text-decoration: none !important;
     line-height: 1.5em;
     font-size: 14px;
     box-shadow: none;
}
 .chosen-container-single > a.chosen-single > span {
     font-size: inherit;
     line-height: inherit;
}
 .chosen-container-single > a.chosen-single > div > b {
     background-position: 0px 10px;
}
 #ajax-loader.fullscreen {
     position: fixed;
     top: 50%;
     left: 50%;
     min-width: 32px;
     min-height: 32px;
     z-index: 1000000000000000;
     text-align: center;
     max-width: 300px;
     background: url(../../../images/ajax-loader.gif) center no-repeat;
}
 #ajax-loader.regional {
     position: absolute;
     top: 50%;
     left: 50%;
     min-width: 32px;
     min-height: 32px;
     z-index: 1000000000000000;
     text-align: center;
     max-width: 300px;
     background: url(../../../images/ajax-loader.gif) center no-repeat;
}
 #ajax-loader-message {
     display: block;
     position: relative;
     top: 50px;
     min-width: 300px;
     background: #fff;
     background: rgba(255, 255, 255, 0.9);
     padding: 5px 10px;
}
 #ajax-loader-overlay {
     position: absolute;
     display: table;
     top: 0px;
     left: 0px;
     min-height: 100%;
     min-width: 100%;
     background: rgba(255, 255, 255, 0.7);
     z-index: 100000000000000000;
}
 #ajax-loader-overlay.nobg {
     background: none !important;
}
 .pagination {
     padding:2px;
     margin: 10px 0px;
     position: relative;
}
 .pagination ul {
     margin: 0px;
     padding: 0px;
     list-style: none;
}
 .pagination li {
     display: inline-block;
}
 .pagination a {
     color: #666666 !important;
     background-color: #eee !important;
     border-radius: 0px !important;
     border: none !important;
}
 .pagination a:hover, .pagination a.active {
     background-color: #63C4FF !important;
     color: #fff !important;
}
 .pagination a, .pagination .page_numbers a {
     display: inline-block;
     padding: 3px 6px;
     min-width: 25px;
     margin: 0px 5px;
     text-align: center;
     border-radius: 3px;
     font-size: 12px;
     line-height: 14px;
}
 .clear, .clearfix {
     display: block;
     clear: both;
     height: 0px;
     font-size: 0px;
     line-height: 0px;
}
 .clear-left {
     display: block;
     float: left;
     clear: left;
}
 .clear-right {
     display: block;
     float: left;
     clear: right;
}
/* CUSTOMIZE JQUERY UI */
 .ui-dialog {
     position:absolute;
     overflow:hidden 
}
 .ui-dialog a {
     text-decoration: underline;
}
 .ui-widget-content {
     background: #fff;
     border: none;
     border-radius: 2px;
     padding: 0px;
}
 .ui-dialog .ui-widget-content {
     padding: 30px;
}
 .ui-dialog .ui-dialog-titlebar {
     padding: 10px 15px;
}
 .ui-dialog .ui-dialog-titlebar-close {
     display: inline-block;
     right: 20px;
     font-size: 18px;
     height: 18px;
     width: 18px;
     line-height: 18px;
     color: inherit;
     text-decoration: none;
     padding: 0px;
}
 .ui-dialog .ui-dialog-titlebar-close.ui-state-hover {
     background: none!important;
     border: none !important;
     font-weight: normal;
     opacity: 0.8;
}
 .ui-dialog .ui-dialog-titlebar-close::before {
     font-family: FontAwesome;
     content: "\f00d";
}
 .ui-dialog .ui-dialog-titlebar-close span {
     display: none;
}
 .ui-dialog .ui-widget-header {
     background: #9e9c9c;
     color: #fff;
     border-radius: 0;
     border: none;
     font-weight: normal;
     font-size: 20px;
}
 .case-lower {
     text-transform: lowercase;
}
 .case-upper {
     text-transform: uppercase;
}
 .align-left {
     text-align: left;
}
 .align-center {
     text-align: center;
}
 .align-right {
     text-align: right;
}
 .screen-xs .align-xs-left {
     text-align: left !important;
}
 .screen-xs .align-xs-center {
     text-align: center !important;
}
 .screen-xs .align-xs-right {
     text-align: right !important;
}
 @media (min-width: 768px) {
     .screen-sm .align-sm-left {
         text-align: left !important;
    }
     .screen-sm .align-sm-center {
         text-align: center !important;
    }
     .screen-sm .align-sm-right {
         text-align: right !important;
    }
}
 @media (min-width: 992px) {
     .screen-md .align-md-left {
         text-align: left !important;
    }
     .screen-md .align-md-center {
         text-align: center !important;
    }
     .screen-md .align-md-right {
         text-align: right !important;
    }
}
 @media (min-width: 1200px) {
     .screen-lg .align-lg-left {
         text-align: left !important;
    }
     .screen-lg .align-lg-center {
         text-align: center !important;
    }
     .screen-lg .align-lg-right {
         text-align: right !important;
    }
}
 .nopadding {
     padding: 0px;
}
 .no-H-padding {
     padding-left: 0px;
     padding-right: 0px;
}
 .no-V-padding {
     padding-top: 0px;
     padding-bottom: 0px;
}
 .no-T-padding {
     padding-top: 0px;
}
 .no-R-padding {
     padding-right: 0px;
}
 .no-B-padding {
     padding-bottom: 0px;
}
 .no-L-padding {
     padding-left: 0px;
}
 .trans01 {
     -moz-transition: all 0.1s ease-in-out;
     -webkit-transition: all 0.1s ease-in-out;
     -o-transition: all 0.1s ease-in-out;
     transition: all 0.1s ease-in-out;
}
 .trans02 {
     -moz-transition: all 0.2s ease-in-out;
     -webkit-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
}
 .trans03 {
     -moz-transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
}
 .trans04 {
     -moz-transition: all 0.4s ease-in-out;
     -webkit-transition: all 0.4s ease-in-out;
     -o-transition: all 0.4s ease-in-out;
     transition: all 0.4s ease-in-out;
}
 .trans05 {
     -moz-transition: all 0.5s ease-in-out;
     -webkit-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
     transition: all 0.5s ease-in-out;
}
 .trans06 {
     -moz-transition: all 0.6s ease-in-out;
     -webkit-transition: all 0.6s ease-in-out;
     -o-transition: all 0.6s ease-in-out;
     transition: all 0.6s ease-in-out;
}
 .trans07 {
     -moz-transition: all 0.7s ease-in-out;
     -webkit-transition: all 0.7s ease-in-out;
     -o-transition: all 0.7s ease-in-out;
     transition: all 0.7s ease-in-out;
}
 .trans08 {
     -moz-transition: all 0.8s ease-in-out;
     -webkit-transition: all 0.8s ease-in-out;
     -o-transition: all 0.8s ease-in-out;
     transition: all 0.8s ease-in-out;
}
 .trans09 {
     -moz-transition: all 0.9s ease-in-out;
     -webkit-transition: all 0.9s ease-in-out;
     -o-transition: all 0.9s ease-in-out;
     transition: all 0.9s ease-in-out;
}
 .trans10 {
     -moz-transition: all 1s ease-in-out;
     -webkit-transition: all 1s ease-in-out;
     -o-transition: all 1s ease-in-out;
     transition: all 1s ease-in-out;
}
 .alerts {
     margin: 10px 0px 15px 0px;
     clear: both;
}
 .alerts .alert-sm {
     padding: 6px 10px;
}
 .alerts .alert {
     position: relative;
     margin-bottom: 5px;
}
 .alerts .alert .fa {
     font-size: 1.5em;
     margin-right: 6px;
}
 .alerts .alert-sm .fa {
     font-size: 1.2em;
}
 .alerts .alert .fa.dismiss {
     float: right;
     margin-right: 0px;
     opacity: 0.8;
}
 .alerts .alert .fa.dismiss:hover {
     opacity: 1;
     cursor: pointer;
}
 .alerts .alert span:first-letter {
     text-transform: uppercase;
}
 #fullscreen-message-overlay {
     top: 0px;
     left: 0px;
     display: none;
     height: 100%;
     width: 100%;
     position: absolute;
     z-index: 1000000000000;
    /* RGBa with 0.6 opacity */
     background: rgba(50, 50, 50, 0.9);
    /* For IE 5.5 - 7*/
     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99333333, endColorstr=#99333333);
    /* For IE 8*/
     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99333333, endColorstr=#99333333)";
}
 #fullscreen-message {
     position: absolute;
     left: 50%;
     margin-left: -215px;
     width: 430px;
     min-height: 170px;
     height: auto;
     background: #fff;
     z-index: 10000000000000;
}
 #fullscreen-message .wrap {
     margin: 10px;
     background: #f5f3f6;
     min-height: 90px;
     height: auto;
     padding: 30px;
     line-height: 22px;
     color: #333333;
}
 #fullscreen-message h1 {
     margin-bottom: 15px;
     color: #000000;
}
 #fullscreen-message #close {
     width: 53px;
     height: 52px;
     background: url(../images/close.png) center no-repeat;
     position: absolute;
     right: -10px;
     top: -10px;
     cursor: pointer;
     z-index: 100000000000000;
}
 #quick-message {
     width: 90%;
     max-width: 500px;
     min-width: 240px;
     position: fixed;
     top: 50%;
     left: 50%;
     z-index: 1000000;
     background: #fff;
     box-shadow: #555 2px 2px 10px;
     border-radius: 5px;
}
 #quick-message .wrap {
     margin: 40px 25px 20px 25px;
}
 #quick-message hr {
     margin-bottom: 5px;
}
 #quick-message #message {
     font-weight: bold;
     color: #555 !important;
}
 #quick-message #message .error, #quick-message #message .message_2 {
     color: red !important;
}
 #quick-message.error {
     color: red !important;
}
 #quick-message.error #message {
     color: red !important;
}
 #quick-message.success #message {
     color: green !important;
}
 #quick-message-close {
     color: #FD9F9F;
     position: absolute;
     right: 30px;
     top: 10px;
     display: inline-block;
     cursor: pointer;
     text-decoration: none;
     background: #fff;
     margin: 0 auto;
     font-size: 18px;
}
 #quick-message-close:hover {
     color: red;
}
 #quick-message .alerts {
     margin: 0px;
}
 #quick-message .alert {
     font-weight: normal;
     padding: 5px 10px;
     margin-top: 1px;
     margin-bottom: 0px;
     border-radius: 0px;
}
 #quick-message .alert .alerts:first-child {
     margin-top: 0px;
}
 #quick-message .alert .fa {
     font-size: 15px;
}
/*! * Hover.css (http://ianlunn.github.io/Hover/) * Version: 2.3.2 * Author: Ian Lunn @IanLunn * Author URL: http://ianlunn.co.uk/ * Github: https://github.com/IanLunn/Hover * Hover.css Copyright Ian Lunn 2017. Generated with Sass. */
/* 2D TRANSITIONS */
/* Grow */
 .hvr-grow {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     -webkit-transition-duration: 0.4s;
     transition-duration: 0.4s;
     -webkit-transition-property: transform;
     transition-property: transform;
}
 .hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
     -webkit-transform: scale(1.06);
     transform: scale(1.06);
}
/* Shrink */
 .hvr-shrink {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-property: transform;
     transition-property: transform;
}
 .hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
     -webkit-transform: scale(0.9);
     transform: scale(0.9);
}
/* Pulse */
 @-webkit-keyframes hvr-pulse {
     25% {
         -webkit-transform: scale(1.1);
         transform: scale(1.1);
    }
     75% {
         -webkit-transform: scale(0.9);
         transform: scale(0.9);
    }
}
 @keyframes hvr-pulse {
     25% {
         -webkit-transform: scale(1.1);
         transform: scale(1.1);
    }
     75% {
         -webkit-transform: scale(0.9);
         transform: scale(0.9);
    }
}
 .hvr-pulse {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
 .hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active {
     -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;
}
/* Pulse Grow */
 @-webkit-keyframes hvr-pulse-grow {
     to {
         -webkit-transform: scale(1.1);
         transform: scale(1.1);
    }
}
 @keyframes hvr-pulse-grow {
     to {
         -webkit-transform: scale(1.1);
         transform: scale(1.1);
    }
}
 .hvr-pulse-grow {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
 .hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active {
     -webkit-animation-name: hvr-pulse-grow;
     animation-name: hvr-pulse-grow;
     -webkit-animation-duration: 0.3s;
     animation-duration: 0.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;
}
/* Pulse Shrink */
 @-webkit-keyframes hvr-pulse-shrink {
     to {
         -webkit-transform: scale(0.9);
         transform: scale(0.9);
    }
}
 @keyframes hvr-pulse-shrink {
     to {
         -webkit-transform: scale(0.9);
         transform: scale(0.9);
    }
}
 .hvr-pulse-shrink {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
 .hvr-pulse-shrink:hover, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:active {
     -webkit-animation-name: hvr-pulse-shrink;
     animation-name: hvr-pulse-shrink;
     -webkit-animation-duration: 0.3s;
     animation-duration: 0.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;
}
/* Push */
 @-webkit-keyframes hvr-push {
     50% {
         -webkit-transform: scale(0.8);
         transform: scale(0.8);
    }
     100% {
         -webkit-transform: scale(1);
         transform: scale(1);
    }
}
 @keyframes hvr-push {
     50% {
         -webkit-transform: scale(0.8);
         transform: scale(0.8);
    }
     100% {
         -webkit-transform: scale(1);
         transform: scale(1);
    }
}
 .hvr-push {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
 .hvr-push:hover, .hvr-push:focus, .hvr-push:active {
     -webkit-animation-name: hvr-push;
     animation-name: hvr-push;
     -webkit-animation-duration: 0.3s;
     animation-duration: 0.3s;
     -webkit-animation-timing-function: linear;
     animation-timing-function: linear;
     -webkit-animation-iteration-count: 1;
     animation-iteration-count: 1;
}
/* Pop */
 @-webkit-keyframes hvr-pop {
     50% {
         -webkit-transform: scale(1.2);
         transform: scale(1.2);
    }
}
 @keyframes hvr-pop {
     50% {
         -webkit-transform: scale(1.2);
         transform: scale(1.2);
    }
}
 .hvr-pop {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
 .hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {
     -webkit-animation-name: hvr-pop;
     animation-name: hvr-pop;
     -webkit-animation-duration: 0.3s;
     animation-duration: 0.3s;
     -webkit-animation-timing-function: linear;
     animation-timing-function: linear;
     -webkit-animation-iteration-count: 1;
     animation-iteration-count: 1;
}
/* Bounce In */
 .hvr-bounce-in {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     -webkit-transition-duration: 0.5s;
     transition-duration: 0.5s;
}
 .hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
     -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);
}
/* Bounce Out */
 .hvr-bounce-out {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     -webkit-transition-duration: 0.5s;
     transition-duration: 0.5s;
}
 .hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active {
     -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);
}
/* Rotate */
 .hvr-rotate {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-property: transform;
     transition-property: transform;
}
 .hvr-rotate:hover, .hvr-rotate:focus, .hvr-rotate:active {
     -webkit-transform: rotate(4deg);
     transform: rotate(4deg);
}
/* Grow Rotate */
 .hvr-grow-rotate {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-property: transform;
     transition-property: transform;
}
 .hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active {
     -webkit-transform: scale(1.1) rotate(4deg);
     transform: scale(1.1) rotate(4deg);
}
/* Float */
 .hvr-float {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-property: transform;
     transition-property: transform;
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
}
 .hvr-float:hover, .hvr-float:focus, .hvr-float:active {
     -webkit-transform: translateY(-8px);
     transform: translateY(-8px);
}
/* Sink */
 .hvr-sink {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-property: transform;
     transition-property: transform;
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
}
 .hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active {
     -webkit-transform: translateY(8px);
     transform: translateY(8px);
}
/* Bob */
 @-webkit-keyframes hvr-bob {
     0% {
         -webkit-transform: translateY(-8px);
         transform: translateY(-8px);
    }
     50% {
         -webkit-transform: translateY(-4px);
         transform: translateY(-4px);
    }
     100% {
         -webkit-transform: translateY(-8px);
         transform: translateY(-8px);
    }
}
 @keyframes hvr-bob {
     0% {
         -webkit-transform: translateY(-8px);
         transform: translateY(-8px);
    }
     50% {
         -webkit-transform: translateY(-4px);
         transform: translateY(-4px);
    }
     100% {
         -webkit-transform: translateY(-8px);
         transform: translateY(-8px);
    }
}
 @-webkit-keyframes hvr-bob-float {
     100% {
         -webkit-transform: translateY(-8px);
         transform: translateY(-8px);
    }
}
 @keyframes hvr-bob-float {
     100% {
         -webkit-transform: translateY(-8px);
         transform: translateY(-8px);
    }
}
 .hvr-bob {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
 .hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {
     -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;
}
/* Hang */
 @-webkit-keyframes hvr-hang {
     0% {
         -webkit-transform: translateY(8px);
         transform: translateY(8px);
    }
     50% {
         -webkit-transform: translateY(4px);
         transform: translateY(4px);
    }
     100% {
         -webkit-transform: translateY(8px);
         transform: translateY(8px);
    }
}
 @keyframes hvr-hang {
     0% {
         -webkit-transform: translateY(8px);
         transform: translateY(8px);
    }
     50% {
         -webkit-transform: translateY(4px);
         transform: translateY(4px);
    }
     100% {
         -webkit-transform: translateY(8px);
         transform: translateY(8px);
    }
}
 @-webkit-keyframes hvr-hang-sink {
     100% {
         -webkit-transform: translateY(8px);
         transform: translateY(8px);
    }
}
 @keyframes hvr-hang-sink {
     100% {
         -webkit-transform: translateY(8px);
         transform: translateY(8px);
    }
}
 .hvr-hang {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
 .hvr-hang:hover, .hvr-hang:focus, .hvr-hang:active {
     -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;
}
/* Skew */
 .hvr-skew {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-property: transform;
     transition-property: transform;
}
 .hvr-skew:hover, .hvr-skew:focus, .hvr-skew:active {
     -webkit-transform: skew(-10deg);
     transform: skew(-10deg);
}
/* Skew Forward */
 .hvr-skew-forward {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-property: transform;
     transition-property: transform;
     -webkit-transform-origin: 0 100%;
     transform-origin: 0 100%;
}
 .hvr-skew-forward:hover, .hvr-skew-forward:focus, .hvr-skew-forward:active {
     -webkit-transform: skew(-10deg);
     transform: skew(-10deg);
}
/* Skew Backward */
 .hvr-skew-backward {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-property: transform;
     transition-property: transform;
     -webkit-transform-origin: 0 100%;
     transform-origin: 0 100%;
}
 .hvr-skew-backward:hover, .hvr-skew-backward:focus, .hvr-skew-backward:active {
     -webkit-transform: skew(10deg);
     transform: skew(10deg);
}
/* Wobble Vertical */
 @-webkit-keyframes hvr-wobble-vertical {
     16.65% {
         -webkit-transform: translateY(8px);
         transform: translateY(8px);
    }
     33.3% {
         -webkit-transform: translateY(-6px);
         transform: translateY(-6px);
    }
     49.95% {
         -webkit-transform: translateY(4px);
         transform: translateY(4px);
    }
     66.6% {
         -webkit-transform: translateY(-2px);
         transform: translateY(-2px);
    }
     83.25% {
         -webkit-transform: translateY(1px);
         transform: translateY(1px);
    }
     100% {
         -webkit-transform: translateY(0);
         transform: translateY(0);
    }
}
 @keyframes hvr-wobble-vertical {
     16.65% {
         -webkit-transform: translateY(8px);
         transform: translateY(8px);
    }
     33.3% {
         -webkit-transform: translateY(-6px);
         transform: translateY(-6px);
    }
     49.95% {
         -webkit-transform: translateY(4px);
         transform: translateY(4px);
    }
     66.6% {
         -webkit-transform: translateY(-2px);
         transform: translateY(-2px);
    }
     83.25% {
         -webkit-transform: translateY(1px);
         transform: translateY(1px);
    }
     100% {
         -webkit-transform: translateY(0);
         transform: translateY(0);
    }
}
 .hvr-wobble-vertical {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
 .hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active {
     -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;
}
/* Wobble Horizontal */
 @-webkit-keyframes hvr-wobble-horizontal {
     16.65% {
         -webkit-transform: translateX(8px);
         transform: translateX(8px);
    }
     33.3% {
         -webkit-transform: translateX(-6px);
         transform: translateX(-6px);
    }
     49.95% {
         -webkit-transform: translateX(4px);
         transform: translateX(4px);
    }
     66.6% {
         -webkit-transform: translateX(-2px);
         transform: translateX(-2px);
    }
     83.25% {
         -webkit-transform: translateX(1px);
         transform: translateX(1px);
    }
     100% {
         -webkit-transform: translateX(0);
         transform: translateX(0);
    }
}
 @keyframes hvr-wobble-horizontal {
     16.65% {
         -webkit-transform: translateX(8px);
         transform: translateX(8px);
    }
     33.3% {
         -webkit-transform: translateX(-6px);
         transform: translateX(-6px);
    }
     49.95% {
         -webkit-transform: translateX(4px);
         transform: translateX(4px);
    }
     66.6% {
         -webkit-transform: translateX(-2px);
         transform: translateX(-2px);
    }
     83.25% {
         -webkit-transform: translateX(1px);
         transform: translateX(1px);
    }
     100% {
         -webkit-transform: translateX(0);
         transform: translateX(0);
    }
}
 .hvr-wobble-horizontal {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
 .hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
     -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;
}
/* Wobble To Bottom Right */
 @-webkit-keyframes hvr-wobble-to-bottom-right {
     16.65% {
         -webkit-transform: translate(8px, 8px);
         transform: translate(8px, 8px);
    }
     33.3% {
         -webkit-transform: translate(-6px, -6px);
         transform: translate(-6px, -6px);
    }
     49.95% {
         -webkit-transform: translate(4px, 4px);
         transform: translate(4px, 4px);
    }
     66.6% {
         -webkit-transform: translate(-2px, -2px);
         transform: translate(-2px, -2px);
    }
     83.25% {
         -webkit-transform: translate(1px, 1px);
         transform: translate(1px, 1px);
    }
     100% {
         -webkit-transform: translate(0, 0);
         transform: translate(0, 0);
    }
}
 @keyframes hvr-wobble-to-bottom-right {
     16.65% {
         -webkit-transform: translate(8px, 8px);
         transform: translate(8px, 8px);
    }
     33.3% {
         -webkit-transform: translate(-6px, -6px);
         transform: translate(-6px, -6px);
    }
     49.95% {
         -webkit-transform: translate(4px, 4px);
         transform: translate(4px, 4px);
    }
     66.6% {
         -webkit-transform: translate(-2px, -2px);
         transform: translate(-2px, -2px);
    }
     83.25% {
         -webkit-transform: translate(1px, 1px);
         transform: translate(1px, 1px);
    }
     100% {
         -webkit-transform: translate(0, 0);
         transform: translate(0, 0);
    }
}
 .hvr-wobble-to-bottom-right {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
 .hvr-wobble-to-bottom-right:hover, .hvr-wobble-to-bottom-right:focus, .hvr-wobble-to-bottom-right:active {
     -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;
}
/* Wobble To Top Right */
 @-webkit-keyframes hvr-wobble-to-top-right {
     16.65% {
         -webkit-transform: translate(8px, -8px);
         transform: translate(8px, -8px);
    }
     33.3% {
         -webkit-transform: translate(-6px, 6px);
         transform: translate(-6px, 6px);
    }
     49.95% {
         -webkit-transform: translate(4px, -4px);
         transform: translate(4px, -4px);
    }
     66.6% {
         -webkit-transform: translate(-2px, 2px);
         transform: translate(-2px, 2px);
    }
     83.25% {
         -webkit-transform: translate(1px, -1px);
         transform: translate(1px, -1px);
    }
     100% {
         -webkit-transform: translate(0, 0);
         transform: translate(0, 0);
    }
}
 @keyframes hvr-wobble-to-top-right {
     16.65% {
         -webkit-transform: translate(8px, -8px);
         transform: translate(8px, -8px);
    }
     33.3% {
         -webkit-transform: translate(-6px, 6px);
         transform: translate(-6px, 6px);
    }
     49.95% {
         -webkit-transform: translate(4px, -4px);
         transform: translate(4px, -4px);
    }
     66.6% {
         -webkit-transform: translate(-2px, 2px);
         transform: translate(-2px, 2px);
    }
     83.25% {
         -webkit-transform: translate(1px, -1px);
         transform: translate(1px, -1px);
    }
     100% {
         -webkit-transform: translate(0, 0);
         transform: translate(0, 0);
    }
}
 .hvr-wobble-to-top-right {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
 .hvr-wobble-to-top-right:hover, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:active {
     -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;
}
/* Wobble Top */
 @-webkit-keyframes hvr-wobble-top {
     16.65% {
         -webkit-transform: skew(-12deg);
         transform: skew(-12deg);
    }
     33.3% {
         -webkit-transform: skew(10deg);
         transform: skew(10deg);
    }
     49.95% {
         -webkit-transform: skew(-6deg);
         transform: skew(-6deg);
    }
     66.6% {
         -webkit-transform: skew(4deg);
         transform: skew(4deg);
    }
     83.25% {
         -webkit-transform: skew(-2deg);
         transform: skew(-2deg);
    }
     100% {
         -webkit-transform: skew(0);
         transform: skew(0);
    }
}
 @keyframes hvr-wobble-top {
     16.65% {
         -webkit-transform: skew(-12deg);
         transform: skew(-12deg);
    }
     33.3% {
         -webkit-transform: skew(10deg);
         transform: skew(10deg);
    }
     49.95% {
         -webkit-transform: skew(-6deg);
         transform: skew(-6deg);
    }
     66.6% {
         -webkit-transform: skew(4deg);
         transform: skew(4deg);
    }
     83.25% {
         -webkit-transform: skew(-2deg);
         transform: skew(-2deg);
    }
     100% {
         -webkit-transform: skew(0);
         transform: skew(0);
    }
}
 .hvr-wobble-top {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     -webkit-transform-origin: 0 100%;
     transform-origin: 0 100%;
}
 .hvr-wobble-top:hover, .hvr-wobble-top:focus, .hvr-wobble-top:active {
     -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;
}
/* Wobble Bottom */
 @-webkit-keyframes hvr-wobble-bottom {
     16.65% {
         -webkit-transform: skew(-12deg);
         transform: skew(-12deg);
    }
     33.3% {
         -webkit-transform: skew(10deg);
         transform: skew(10deg);
    }
     49.95% {
         -webkit-transform: skew(-6deg);
         transform: skew(-6deg);
    }
     66.6% {
         -webkit-transform: skew(4deg);
         transform: skew(4deg);
    }
     83.25% {
         -webkit-transform: skew(-2deg);
         transform: skew(-2deg);
    }
     100% {
         -webkit-transform: skew(0);
         transform: skew(0);
    }
}
 @keyframes hvr-wobble-bottom {
     16.65% {
         -webkit-transform: skew(-12deg);
         transform: skew(-12deg);
    }
     33.3% {
         -webkit-transform: skew(10deg);
         transform: skew(10deg);
    }
     49.95% {
         -webkit-transform: skew(-6deg);
         transform: skew(-6deg);
    }
     66.6% {
         -webkit-transform: skew(4deg);
         transform: skew(4deg);
    }
     83.25% {
         -webkit-transform: skew(-2deg);
         transform: skew(-2deg);
    }
     100% {
         -webkit-transform: skew(0);
         transform: skew(0);
    }
}
 .hvr-wobble-bottom {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     -webkit-transform-origin: 100% 0;
     transform-origin: 100% 0;
}
 .hvr-wobble-bottom:hover, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:active {
     -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;
}
/* Wobble Skew */
 @-webkit-keyframes hvr-wobble-skew {
     16.65% {
         -webkit-transform: skew(-12deg);
         transform: skew(-12deg);
    }
     33.3% {
         -webkit-transform: skew(10deg);
         transform: skew(10deg);
    }
     49.95% {
         -webkit-transform: skew(-6deg);
         transform: skew(-6deg);
    }
     66.6% {
         -webkit-transform: skew(4deg);
         transform: skew(4deg);
    }
     83.25% {
         -webkit-transform: skew(-2deg);
         transform: skew(-2deg);
    }
     100% {
         -webkit-transform: skew(0);
         transform: skew(0);
    }
}
 @keyframes hvr-wobble-skew {
     16.65% {
         -webkit-transform: skew(-12deg);
         transform: skew(-12deg);
    }
     33.3% {
         -webkit-transform: skew(10deg);
         transform: skew(10deg);
    }
     49.95% {
         -webkit-transform: skew(-6deg);
         transform: skew(-6deg);
    }
     66.6% {
         -webkit-transform: skew(4deg);
         transform: skew(4deg);
    }
     83.25% {
         -webkit-transform: skew(-2deg);
         transform: skew(-2deg);
    }
     100% {
         -webkit-transform: skew(0);
         transform: skew(0);
    }
}
 .hvr-wobble-skew {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
 .hvr-wobble-skew:hover, .hvr-wobble-skew:focus, .hvr-wobble-skew:active {
     -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;
}
/* Buzz */
 @-webkit-keyframes hvr-buzz {
     50% {
         -webkit-transform: translateX(3px) rotate(2deg);
         transform: translateX(3px) rotate(2deg);
    }
     100% {
         -webkit-transform: translateX(-3px) rotate(-2deg);
         transform: translateX(-3px) rotate(-2deg);
    }
}
 @keyframes hvr-buzz {
     50% {
         -webkit-transform: translateX(3px) rotate(2deg);
         transform: translateX(3px) rotate(2deg);
    }
     100% {
         -webkit-transform: translateX(-3px) rotate(-2deg);
         transform: translateX(-3px) rotate(-2deg);
    }
}
 .hvr-buzz {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
 .hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active {
     -webkit-animation-name: hvr-buzz;
     animation-name: hvr-buzz;
     -webkit-animation-duration: 0.15s;
     animation-duration: 0.15s;
     -webkit-animation-timing-function: linear;
     animation-timing-function: linear;
     -webkit-animation-iteration-count: infinite;
     animation-iteration-count: infinite;
}
/* Buzz Out */
 @-webkit-keyframes hvr-buzz-out {
     10% {
         -webkit-transform: translateX(3px) rotate(2deg);
         transform: translateX(3px) rotate(2deg);
    }
     20% {
         -webkit-transform: translateX(-3px) rotate(-2deg);
         transform: translateX(-3px) rotate(-2deg);
    }
     30% {
         -webkit-transform: translateX(3px) rotate(2deg);
         transform: translateX(3px) rotate(2deg);
    }
     40% {
         -webkit-transform: translateX(-3px) rotate(-2deg);
         transform: translateX(-3px) rotate(-2deg);
    }
     50% {
         -webkit-transform: translateX(2px) rotate(1deg);
         transform: translateX(2px) rotate(1deg);
    }
     60% {
         -webkit-transform: translateX(-2px) rotate(-1deg);
         transform: translateX(-2px) rotate(-1deg);
    }
     70% {
         -webkit-transform: translateX(2px) rotate(1deg);
         transform: translateX(2px) rotate(1deg);
    }
     80% {
         -webkit-transform: translateX(-2px) rotate(-1deg);
         transform: translateX(-2px) rotate(-1deg);
    }
     90% {
         -webkit-transform: translateX(1px) rotate(0);
         transform: translateX(1px) rotate(0);
    }
     100% {
         -webkit-transform: translateX(-1px) rotate(0);
         transform: translateX(-1px) rotate(0);
    }
}
 @keyframes hvr-buzz-out {
     10% {
         -webkit-transform: translateX(3px) rotate(2deg);
         transform: translateX(3px) rotate(2deg);
    }
     20% {
         -webkit-transform: translateX(-3px) rotate(-2deg);
         transform: translateX(-3px) rotate(-2deg);
    }
     30% {
         -webkit-transform: translateX(3px) rotate(2deg);
         transform: translateX(3px) rotate(2deg);
    }
     40% {
         -webkit-transform: translateX(-3px) rotate(-2deg);
         transform: translateX(-3px) rotate(-2deg);
    }
     50% {
         -webkit-transform: translateX(2px) rotate(1deg);
         transform: translateX(2px) rotate(1deg);
    }
     60% {
         -webkit-transform: translateX(-2px) rotate(-1deg);
         transform: translateX(-2px) rotate(-1deg);
    }
     70% {
         -webkit-transform: translateX(2px) rotate(1deg);
         transform: translateX(2px) rotate(1deg);
    }
     80% {
         -webkit-transform: translateX(-2px) rotate(-1deg);
         transform: translateX(-2px) rotate(-1deg);
    }
     90% {
         -webkit-transform: translateX(1px) rotate(0);
         transform: translateX(1px) rotate(0);
    }
     100% {
         -webkit-transform: translateX(-1px) rotate(0);
         transform: translateX(-1px) rotate(0);
    }
}
 .hvr-buzz-out {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
 .hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {
     -webkit-animation-name: hvr-buzz-out;
     animation-name: hvr-buzz-out;
     -webkit-animation-duration: 0.75s;
     animation-duration: 0.75s;
     -webkit-animation-timing-function: linear;
     animation-timing-function: linear;
     -webkit-animation-iteration-count: 1;
     animation-iteration-count: 1;
}
/* Forward */
 .hvr-forward {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-property: transform;
     transition-property: transform;
}
 .hvr-forward:hover, .hvr-forward:focus, .hvr-forward:active {
     -webkit-transform: translateX(8px);
     transform: translateX(8px);
}
/* Backward */
 .hvr-backward {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-property: transform;
     transition-property: transform;
}
 .hvr-backward:hover, .hvr-backward:focus, .hvr-backward:active {
     -webkit-transform: translateX(-8px);
     transform: translateX(-8px);
}
/* BACKGROUND TRANSITIONS */
/* Fade */
 .hvr-fade {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     overflow: hidden;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-property: color, background-color;
     transition-property: color, background-color;
}
 .hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
     background-color: #2098D1;
     color: white;
}
/* Back Pulse */
 @-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: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     overflow: hidden;
     -webkit-transition-duration: 0.5s;
     transition-duration: 0.5s;
     -webkit-transition-property: color, background-color;
     transition-property: color, background-color;
}
 .hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active {
     -webkit-animation-name: hvr-back-pulse;
     animation-name: hvr-back-pulse;
     -webkit-animation-duration: 1s;
     animation-duration: 1s;
     -webkit-animation-delay: 0.5s;
     animation-delay: 0.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: white;
}
/* Sweep To Right */
 .hvr-sweep-to-right {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     position: relative;
     -webkit-transition-property: color;
     transition-property: color;
     -webkit-transition-duration: 0.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: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
}
 .hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
     color: white;
}
 .hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
     -webkit-transform: scaleX(1);
     transform: scaleX(1);
}
/* Sweep To Left */
 .hvr-sweep-to-left {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     position: relative;
     -webkit-transition-property: color;
     transition-property: color;
     -webkit-transition-duration: 0.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: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
}
 .hvr-sweep-to-left:hover, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:active {
     color: white;
}
 .hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before {
     -webkit-transform: scaleX(1);
     transform: scaleX(1);
}
/* Sweep To Bottom */
 .hvr-sweep-to-bottom {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     position: relative;
     -webkit-transition-property: color;
     transition-property: color;
     -webkit-transition-duration: 0.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: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
}
 .hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {
     color: white;
}
 .hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {
     -webkit-transform: scaleY(1);
     transform: scaleY(1);
}
/* Sweep To Top */
 .hvr-sweep-to-top {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     position: relative;
     -webkit-transition-property: color;
     transition-property: color;
     -webkit-transition-duration: 0.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: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
}
 .hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
     color: white;
}
 .hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
     -webkit-transform: scaleY(1);
     transform: scaleY(1);
}
/* Bounce To Right */
 .hvr-bounce-to-right {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     position: relative;
     -webkit-transition-property: color;
     transition-property: color;
     -webkit-transition-duration: 0.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: 0.5s;
     transition-duration: 0.5s;
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
}
 .hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
     color: white;
}
 .hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active: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);
}
/* Bounce To Left */
 .hvr-bounce-to-left {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     position: relative;
     -webkit-transition-property: color;
     transition-property: color;
     -webkit-transition-duration: 0.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: 0.5s;
     transition-duration: 0.5s;
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
}
 .hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active {
     color: white;
}
 .hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active: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);
}
/* Bounce To Bottom */
 .hvr-bounce-to-bottom {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     position: relative;
     -webkit-transition-property: color;
     transition-property: color;
     -webkit-transition-duration: 0.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: 0.5s;
     transition-duration: 0.5s;
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
}
 .hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
     color: white;
}
 .hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active: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);
}
/* Bounce To Top */
 .hvr-bounce-to-top {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     position: relative;
     -webkit-transition-property: color;
     transition-property: color;
     -webkit-transition-duration: 0.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: 0.5s;
     transition-duration: 0.5s;
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
}
 .hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active {
     color: white;
}
 .hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active: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);
}
/* Radial Out */
 .hvr-radial-out {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     position: relative;
     overflow: hidden;
     background: #e1e1e1;
     -webkit-transition-property: color;
     transition-property: color;
     -webkit-transition-duration: 0.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: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
}
 .hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {
     color: white;
}
 .hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {
     -webkit-transform: scale(2);
     transform: scale(2);
}
/* Radial In */
 .hvr-radial-in {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     position: relative;
     overflow: hidden;
     background: #2098D1;
     -webkit-transition-property: color;
     transition-property: color;
     -webkit-transition-duration: 0.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: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
}
 .hvr-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active {
     color: white;
}
 .hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before {
     -webkit-transform: scale(0);
     transform: scale(0);
}
/* Rectangle In */
 .hvr-rectangle-in {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     position: relative;
     background: #2098D1;
     -webkit-transition-property: color;
     transition-property: color;
     -webkit-transition-duration: 0.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: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
}
 .hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active {
     color: white;
}
 .hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before {
     -webkit-transform: scale(0);
     transform: scale(0);
}
/* Rectangle Out */
 .hvr-rectangle-out {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     position: relative;
     background: #e1e1e1;
     -webkit-transition-property: color;
     transition-property: color;
     -webkit-transition-duration: 0.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: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
}
 .hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {
     color: white;
}
 .hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {
     -webkit-transform: scale(1);
     transform: scale(1);
}
/* Shutter In Horizontal */
 .hvr-shutter-in-horizontal {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     position: relative;
     background: #2098D1;
     -webkit-transition-property: color;
     transition-property: color;
     -webkit-transition-duration: 0.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: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
}
 .hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active {
     color: white;
}
 .hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before {
     -webkit-transform: scaleX(0);
     transform: scaleX(0);
}
/* Shutter Out Horizontal */
 .hvr-shutter-out-horizontal {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     position: relative;
     background: #e1e1e1;
     -webkit-transition-property: color;
     transition-property: color;
     -webkit-transition-duration: 0.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: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
}
 .hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
     color: white;
}
 .hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
     -webkit-transform: scaleX(1);
     transform: scaleX(1);
}
/* Shutter In Vertical */
 .hvr-shutter-in-vertical {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     position: relative;
     background: #2098D1;
     -webkit-transition-property: color;
     transition-property: color;
     -webkit-transition-duration: 0.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: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
}
 .hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active {
     color: white;
}
 .hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before {
     -webkit-transform: scaleY(0);
     transform: scaleY(0);
}
/* Shutter Out Vertical */
 .hvr-shutter-out-vertical {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     position: relative;
     background: #e1e1e1;
     -webkit-transition-property: color;
     transition-property: color;
     -webkit-transition-duration: 0.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: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
}
 .hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active {
     color: white;
}
 .hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before {
     -webkit-transform: scaleY(1);
     transform: scaleY(1);
}
/* BORDER TRANSITIONS */
/* Border Fade */
 .hvr-border-fade {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-property: box-shadow;
     transition-property: box-shadow;
     box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0);
    /* Hack to improve aliasing on mobile/tablet devices */
}
 .hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active {
     box-shadow: inset 0 0 0 4px #2098D1, 0 0 1px rgba(0, 0, 0, 0);
    /* Hack to improve aliasing on mobile/tablet devices */
}
/* Hollow */
 .hvr-hollow {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-property: background;
     transition-property: background;
     box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0);
    /* Hack to improve aliasing on mobile/tablet devices */
}
 .hvr-hollow:hover, .hvr-hollow:focus, .hvr-hollow:active {
     background: none;
}
/* Trim */
 .hvr-trim {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     position: relative;
}
 .hvr-trim:before {
     content: '';
     position: absolute;
     border: white solid 4px;
     top: 4px;
     left: 4px;
     right: 4px;
     bottom: 4px;
     opacity: 0;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-property: opacity;
     transition-property: opacity;
}
 .hvr-trim:hover:before, .hvr-trim:focus:before, .hvr-trim:active:before {
     opacity: 1;
}
/* Ripple Out */
 @-webkit-keyframes hvr-ripple-out {
     100% {
         top: -12px;
         right: -12px;
         bottom: -12px;
         left: -12px;
         opacity: 0;
    }
}
 @keyframes hvr-ripple-out {
     100% {
         top: -12px;
         right: -12px;
         bottom: -12px;
         left: -12px;
         opacity: 0;
    }
}
 .hvr-ripple-out {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     position: relative;
}
 .hvr-ripple-out:before {
     content: '';
     position: absolute;
     border: #e1e1e1 solid 6px;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     -webkit-animation-duration: 1s;
     animation-duration: 1s;
}
 .hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {
     -webkit-animation-name: hvr-ripple-out;
     animation-name: hvr-ripple-out;
}
/* Ripple In */
 @-webkit-keyframes hvr-ripple-in {
     100% {
         top: 0;
         right: 0;
         bottom: 0;
         left: 0;
         opacity: 1;
    }
}
 @keyframes hvr-ripple-in {
     100% {
         top: 0;
         right: 0;
         bottom: 0;
         left: 0;
         opacity: 1;
    }
}
 .hvr-ripple-in {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     position: relative;
}
 .hvr-ripple-in:before {
     content: '';
     position: absolute;
     border: #e1e1e1 solid 4px;
     top: -12px;
     right: -12px;
     bottom: -12px;
     left: -12px;
     opacity: 0;
     -webkit-animation-duration: 1s;
     animation-duration: 1s;
}
 .hvr-ripple-in:hover:before, .hvr-ripple-in:focus:before, .hvr-ripple-in:active:before {
     -webkit-animation-name: hvr-ripple-in;
     animation-name: hvr-ripple-in;
}
/* Outline Out */
 .hvr-outline-out {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     position: relative;
}
 .hvr-outline-out:before {
     content: '';
     position: absolute;
     border: #e1e1e1 solid 4px;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-property: top, right, bottom, left;
     transition-property: top, right, bottom, left;
}
 .hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before {
     top: -8px;
     right: -8px;
     bottom: -8px;
     left: -8px;
}
/* Outline In */
 .hvr-outline-in {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     position: relative;
}
 .hvr-outline-in:before {
     pointer-events: none;
     content: '';
     position: absolute;
     border: #e1e1e1 solid 4px;
     top: -16px;
     right: -16px;
     bottom: -16px;
     left: -16px;
     opacity: 0;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-property: top, right, bottom, left;
     transition-property: top, right, bottom, left;
}
 .hvr-outline-in:hover:before, .hvr-outline-in:focus:before, .hvr-outline-in:active:before {
     top: -8px;
     right: -8px;
     bottom: -8px;
     left: -8px;
     opacity: 1;
}
/* Round Corners */
 .hvr-round-corners {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-property: border-radius;
     transition-property: border-radius;
}
 .hvr-round-corners:hover, .hvr-round-corners:focus, .hvr-round-corners:active {
     border-radius: 1em;
}
/* Underline From Left */
 .hvr-underline-from-left {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     position: relative;
     overflow: hidden;
}
 .hvr-underline-from-left:before {
     content: "";
     position: absolute;
     z-index: -1;
     left: 0;
     right: 100%;
     bottom: 0;
     background: #2098D1;
     height: 4px;
     -webkit-transition-property: right;
     transition-property: right;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
}
 .hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
     right: 0;
}
/* Underline From Center */
 .hvr-underline-from-center {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     position: relative;
     overflow: hidden;
}
 .hvr-underline-from-center:before {
     content: "";
     position: absolute;
     z-index: -1;
     left: 51%;
     right: 51%;
     bottom: 0;
     background: #2098D1;
     height: 4px;
     -webkit-transition-property: left, right;
     transition-property: left, right;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
}
 .hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
     left: 0;
     right: 0;
}
/* Underline From Right */
 .hvr-underline-from-right {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     position: relative;
     overflow: hidden;
}
 .hvr-underline-from-right:before {
     content: "";
     position: absolute;
     z-index: -1;
     left: 100%;
     right: 0;
     bottom: 0;
     background: #2098D1;
     height: 4px;
     -webkit-transition-property: left;
     transition-property: left;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
}
 .hvr-underline-from-right:hover:before, .hvr-underline-from-right:focus:before, .hvr-underline-from-right:active:before {
     left: 0;
}
/* Overline From Left */
 .hvr-overline-from-left {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     position: relative;
     overflow: hidden;
}
 .hvr-overline-from-left:before {
     content: "";
     position: absolute;
     z-index: -1;
     left: 0;
     right: 100%;
     top: 0;
     background: #2098D1;
     height: 4px;
     -webkit-transition-property: right;
     transition-property: right;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
}
 .hvr-overline-from-left:hover:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:active:before {
     right: 0;
}
/* Overline From Center */
 .hvr-overline-from-center {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     position: relative;
     overflow: hidden;
}
 .hvr-overline-from-center:before {
     content: "";
     position: absolute;
     z-index: -1;
     left: 51%;
     right: 51%;
     top: 0;
     background: #2098D1;
     height: 4px;
     -webkit-transition-property: left, right;
     transition-property: left, right;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
}
 .hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before {
     left: 0;
     right: 0;
}
/* Overline From Right */
 .hvr-overline-from-right {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     position: relative;
     overflow: hidden;
}
 .hvr-overline-from-right:before {
     content: "";
     position: absolute;
     z-index: -1;
     left: 100%;
     right: 0;
     top: 0;
     background: #2098D1;
     height: 4px;
     -webkit-transition-property: left;
     transition-property: left;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
}
 .hvr-overline-from-right:hover:before, .hvr-overline-from-right:focus:before, .hvr-overline-from-right:active:before {
     left: 0;
}
/* Reveal */
 .hvr-reveal {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     position: relative;
     overflow: hidden;
}
 .hvr-reveal:before {
     content: "";
     position: absolute;
     z-index: -1;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     border-color: #2098D1;
     border-style: solid;
     border-width: 0;
     -webkit-transition-property: border-width;
     transition-property: border-width;
     -webkit-transition-duration: 0.1s;
     transition-duration: 0.1s;
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
}
 .hvr-reveal:hover:before, .hvr-reveal:focus:before, .hvr-reveal:active:before {
     -webkit-transform: translateY(0);
     transform: translateY(0);
     border-width: 4px;
}
/* Underline Reveal */
 .hvr-underline-reveal {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     position: relative;
     overflow: hidden;
}
 .hvr-underline-reveal:before {
     content: "";
     position: absolute;
     z-index: -1;
     left: 0;
     right: 0;
     bottom: 0;
     background: #2098D1;
     height: 4px;
     -webkit-transform: translateY(4px);
     transform: translateY(4px);
     -webkit-transition-property: transform;
     transition-property: transform;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
}
 .hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before {
     -webkit-transform: translateY(0);
     transform: translateY(0);
}
/* Overline Reveal */
 .hvr-overline-reveal {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     position: relative;
     overflow: hidden;
}
 .hvr-overline-reveal:before {
     content: "";
     position: absolute;
     z-index: -1;
     left: 0;
     right: 0;
     top: 0;
     background: #2098D1;
     height: 4px;
     -webkit-transform: translateY(-4px);
     transform: translateY(-4px);
     -webkit-transition-property: transform;
     transition-property: transform;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
}
 .hvr-overline-reveal:hover:before, .hvr-overline-reveal:focus:before, .hvr-overline-reveal:active:before {
     -webkit-transform: translateY(0);
     transform: translateY(0);
}
/* SHADOW/GLOW TRANSITIONS */
/* Glow */
 .hvr-glow {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-property: box-shadow;
     transition-property: box-shadow;
}
 .hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active {
     box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
/* Shadow */
 .hvr-shadow {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-property: box-shadow;
     transition-property: box-shadow;
}
 .hvr-shadow:hover, .hvr-shadow:focus, .hvr-shadow:active {
     box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
}
/* Grow Shadow */
 .hvr-grow-shadow {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-property: box-shadow, transform;
     transition-property: box-shadow, transform;
}
 .hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
     box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
     -webkit-transform: scale(1.1);
     transform: scale(1.1);
}
/* Box Shadow Outset */
 .hvr-box-shadow-outset {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-property: box-shadow;
     transition-property: box-shadow;
}
 .hvr-box-shadow-outset:hover, .hvr-box-shadow-outset:focus, .hvr-box-shadow-outset:active {
     box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
}
/* Box Shadow Inset */
 .hvr-box-shadow-inset {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.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 rgba(0, 0, 0, 0);
    /* Hack to improve aliasing on mobile/tablet devices */
}
 .hvr-box-shadow-inset:hover, .hvr-box-shadow-inset:focus, .hvr-box-shadow-inset:active {
     box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0);
    /* Hack to improve aliasing on mobile/tablet devices */
}
/* Float Shadow */
 .hvr-float-shadow {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     position: relative;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-property: transform;
     transition-property: transform;
}
 .hvr-float-shadow:before {
     pointer-events: none;
     position: absolute;
     z-index: -1;
     content: '';
     top: 100%;
     left: 5%;
     height: 10px;
     width: 90%;
     opacity: 0;
     background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
     background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    /* W3C */
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-property: transform, opacity;
     transition-property: transform, opacity;
}
 .hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
     -webkit-transform: translateY(-5px);
     transform: translateY(-5px);
    /* move the element up by 5px */
}
 .hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
     opacity: 1;
     -webkit-transform: translateY(5px);
     transform: translateY(5px);
    /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}
/* Shadow Radial */
 .hvr-shadow-radial {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     position: relative;
}
 .hvr-shadow-radial:before, .hvr-shadow-radial:after {
     pointer-events: none;
     position: absolute;
     content: '';
     left: 0;
     width: 100%;
     box-sizing: border-box;
     background-repeat: no-repeat;
     height: 5px;
     opacity: 0;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-property: opacity;
     transition-property: opacity;
}
 .hvr-shadow-radial:before {
     bottom: 100%;
     background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
     background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}
 .hvr-shadow-radial:after {
     top: 100%;
     background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
     background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}
 .hvr-shadow-radial:hover:before, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:active:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:active:after {
     opacity: 1;
}
/* SPEECH BUBBLES */
/* Bubble Top */
 .hvr-bubble-top {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     position: relative;
}
 .hvr-bubble-top:before {
     pointer-events: none;
     position: absolute;
     z-index: -1;
     content: '';
     border-style: solid;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-property: transform;
     transition-property: transform;
     left: calc(50% - 10px);
     top: 0;
     border-width: 0 10px 10px 10px;
     border-color: transparent transparent #e1e1e1 transparent;
}
 .hvr-bubble-top:hover:before, .hvr-bubble-top:focus:before, .hvr-bubble-top:active:before {
     -webkit-transform: translateY(-10px);
     transform: translateY(-10px);
}
/* Bubble Right */
 .hvr-bubble-right {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     position: relative;
}
 .hvr-bubble-right:before {
     pointer-events: none;
     position: absolute;
     z-index: -1;
     content: '';
     border-style: solid;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.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:hover:before, .hvr-bubble-right:focus:before, .hvr-bubble-right:active:before {
     -webkit-transform: translateX(10px);
     transform: translateX(10px);
}
/* Bubble Bottom */
 .hvr-bubble-bottom {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     position: relative;
}
 .hvr-bubble-bottom:before {
     pointer-events: none;
     position: absolute;
     z-index: -1;
     content: '';
     border-style: solid;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-property: transform;
     transition-property: transform;
     left: calc(50% - 10px);
     bottom: 0;
     border-width: 10px 10px 0 10px;
     border-color: #e1e1e1 transparent transparent transparent;
}
 .hvr-bubble-bottom:hover:before, .hvr-bubble-bottom:focus:before, .hvr-bubble-bottom:active:before {
     -webkit-transform: translateY(10px);
     transform: translateY(10px);
}
/* Bubble Left */
 .hvr-bubble-left {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     position: relative;
}
 .hvr-bubble-left:before {
     pointer-events: none;
     position: absolute;
     z-index: -1;
     content: '';
     border-style: solid;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.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:hover:before, .hvr-bubble-left:focus:before, .hvr-bubble-left:active:before {
     -webkit-transform: translateX(-10px);
     transform: translateX(-10px);
}
/* Bubble Float Top */
 .hvr-bubble-float-top {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     position: relative;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.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 10px;
     border-color: transparent transparent #e1e1e1 transparent;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-property: transform;
     transition-property: transform;
}
 .hvr-bubble-float-top:hover, .hvr-bubble-float-top:focus, .hvr-bubble-float-top:active {
     -webkit-transform: translateY(10px);
     transform: translateY(10px);
}
 .hvr-bubble-float-top:hover:before, .hvr-bubble-float-top:focus:before, .hvr-bubble-float-top:active:before {
     -webkit-transform: translateY(-10px);
     transform: translateY(-10px);
}
/* Bubble Float Right */
 .hvr-bubble-float-right {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     position: relative;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.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: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-property: transform;
     transition-property: transform;
}
 .hvr-bubble-float-right:hover, .hvr-bubble-float-right:focus, .hvr-bubble-float-right:active {
     -webkit-transform: translateX(-10px);
     transform: translateX(-10px);
}
 .hvr-bubble-float-right:hover:before, .hvr-bubble-float-right:focus:before, .hvr-bubble-float-right:active:before {
     -webkit-transform: translateX(10px);
     transform: translateX(10px);
}
/* Bubble Float Bottom */
 .hvr-bubble-float-bottom {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     position: relative;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.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 10px;
     border-color: #e1e1e1 transparent transparent transparent;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-property: transform;
     transition-property: transform;
}
 .hvr-bubble-float-bottom:hover, .hvr-bubble-float-bottom:focus, .hvr-bubble-float-bottom:active {
     -webkit-transform: translateY(-10px);
     transform: translateY(-10px);
}
 .hvr-bubble-float-bottom:hover:before, .hvr-bubble-float-bottom:focus:before, .hvr-bubble-float-bottom:active:before {
     -webkit-transform: translateY(10px);
     transform: translateY(10px);
}
/* Bubble Float Left */
 .hvr-bubble-float-left {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     position: relative;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.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: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-property: transform;
     transition-property: transform;
}
 .hvr-bubble-float-left:hover, .hvr-bubble-float-left:focus, .hvr-bubble-float-left:active {
     -webkit-transform: translateX(10px);
     transform: translateX(10px);
}
 .hvr-bubble-float-left:hover:before, .hvr-bubble-float-left:focus:before, .hvr-bubble-float-left:active:before {
     -webkit-transform: translateX(-10px);
     transform: translateX(-10px);
}
/* ICONS */
/* Icon Back */
 .hvr-icon-back {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     -webkit-transition-duration: 0.1s;
     transition-duration: 0.1s;
}
 .hvr-icon-back .hvr-icon {
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
     -webkit-transition-duration: 0.1s;
     transition-duration: 0.1s;
     -webkit-transition-property: transform;
     transition-property: transform;
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
}
 .hvr-icon-back:hover .hvr-icon, .hvr-icon-back:focus .hvr-icon, .hvr-icon-back:active .hvr-icon {
     -webkit-transform: translateX(-4px);
     transform: translateX(-4px);
}
/* Icon Forward */
 .hvr-icon-forward {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     -webkit-transition-duration: 0.1s;
     transition-duration: 0.1s;
}
 .hvr-icon-forward .hvr-icon {
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
     -webkit-transition-duration: 0.1s;
     transition-duration: 0.1s;
     -webkit-transition-property: transform;
     transition-property: transform;
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
}
 .hvr-icon-forward:hover .hvr-icon, .hvr-icon-forward:focus .hvr-icon, .hvr-icon-forward:active .hvr-icon {
     -webkit-transform: translateX(4px);
     transform: translateX(4px);
}
/* Icon Down */
 @-webkit-keyframes hvr-icon-down {
     0%, 50%, 100% {
         -webkit-transform: translateY(0);
         transform: translateY(0);
    }
     25%, 75% {
         -webkit-transform: translateY(6px);
         transform: translateY(6px);
    }
}
 @keyframes hvr-icon-down {
     0%, 50%, 100% {
         -webkit-transform: translateY(0);
         transform: translateY(0);
    }
     25%, 75% {
         -webkit-transform: translateY(6px);
         transform: translateY(6px);
    }
}
/* Icon Down */
 .hvr-icon-down {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
 .hvr-icon-down .hvr-icon {
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
}
 .hvr-icon-down:hover .hvr-icon, .hvr-icon-down:focus .hvr-icon, .hvr-icon-down:active .hvr-icon {
     -webkit-animation-name: hvr-icon-down;
     animation-name: hvr-icon-down;
     -webkit-animation-duration: 0.75s;
     animation-duration: 0.75s;
     -webkit-animation-timing-function: ease-out;
     animation-timing-function: ease-out;
}
/* Icon Up */
 @-webkit-keyframes hvr-icon-up {
     0%, 50%, 100% {
         -webkit-transform: translateY(0);
         transform: translateY(0);
    }
     25%, 75% {
         -webkit-transform: translateY(-6px);
         transform: translateY(-6px);
    }
}
 @keyframes hvr-icon-up {
     0%, 50%, 100% {
         -webkit-transform: translateY(0);
         transform: translateY(0);
    }
     25%, 75% {
         -webkit-transform: translateY(-6px);
         transform: translateY(-6px);
    }
}
/* Icon Up */
 .hvr-icon-up {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
 .hvr-icon-up .hvr-icon {
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
}
 .hvr-icon-up:hover .hvr-icon, .hvr-icon-up:focus .hvr-icon, .hvr-icon-up:active .hvr-icon {
     -webkit-animation-name: hvr-icon-up;
     animation-name: hvr-icon-up;
     -webkit-animation-duration: 0.75s;
     animation-duration: 0.75s;
     -webkit-animation-timing-function: ease-out;
     animation-timing-function: ease-out;
}
/* Icon Spin */
 .hvr-icon-spin {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
 .hvr-icon-spin .hvr-icon {
     -webkit-transition-duration: 1s;
     transition-duration: 1s;
     -webkit-transition-property: transform;
     transition-property: transform;
     -webkit-transition-timing-function: ease-in-out;
     transition-timing-function: ease-in-out;
}
 .hvr-icon-spin:hover .hvr-icon, .hvr-icon-spin:focus .hvr-icon, .hvr-icon-spin:active .hvr-icon {
     -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
}
/* Icon Drop */
 @-webkit-keyframes hvr-icon-drop {
     0% {
         opacity: 0;
    }
     50% {
         opacity: 0;
         -webkit-transform: translateY(-100%);
         transform: translateY(-100%);
    }
     51%, 100% {
         opacity: 1;
    }
}
 @keyframes hvr-icon-drop {
     0% {
         opacity: 0;
    }
     50% {
         opacity: 0;
         -webkit-transform: translateY(-100%);
         transform: translateY(-100%);
    }
     51%, 100% {
         opacity: 1;
    }
}
/* Icon Drop */
 .hvr-icon-drop {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
 .hvr-icon-drop .hvr-icon {
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
}
 .hvr-icon-drop:hover .hvr-icon, .hvr-icon-drop:focus .hvr-icon, .hvr-icon-drop:active .hvr-icon {
     opacity: 0;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-animation-name: hvr-icon-drop;
     animation-name: hvr-icon-drop;
     -webkit-animation-duration: 0.5s;
     animation-duration: 0.5s;
     -webkit-animation-delay: 0.3s;
     animation-delay: 0.3s;
     -webkit-animation-fill-mode: forwards;
     animation-fill-mode: forwards;
     -webkit-animation-timing-function: ease-in-out;
     animation-timing-function: ease-in-out;
     -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);
}
/* Icon Fade */
 .hvr-icon-fade {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
 .hvr-icon-fade .hvr-icon {
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
     -webkit-transition-duration: 0.5s;
     transition-duration: 0.5s;
     -webkit-transition-property: color;
     transition-property: color;
}
 .hvr-icon-fade:hover .hvr-icon, .hvr-icon-fade:focus .hvr-icon, .hvr-icon-fade:active .hvr-icon {
     color: #0F9E5E;
}
/* Icon Float Away */
 @-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);
    }
}
/* Icon Float Away */
 .hvr-icon-float-away {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
 .hvr-icon-float-away .hvr-icon {
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
     -webkit-animation-duration: 0.5s;
     animation-duration: 0.5s;
     -webkit-animation-fill-mode: forwards;
     animation-fill-mode: forwards;
}
 .hvr-icon-float-away:hover .hvr-icon, .hvr-icon-float-away:focus .hvr-icon, .hvr-icon-float-away:active .hvr-icon {
     -webkit-animation-name: hvr-icon-float-away;
     animation-name: hvr-icon-float-away;
     -webkit-animation-timing-function: ease-out;
     animation-timing-function: ease-out;
}
/* Icon Sink Away */
 @-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);
    }
}
/* Icon Sink Away */
 .hvr-icon-sink-away {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
 .hvr-icon-sink-away .hvr-icon {
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
     -webkit-animation-duration: 0.5s;
     animation-duration: 0.5s;
     -webkit-animation-fill-mode: forwards;
     animation-fill-mode: forwards;
}
 .hvr-icon-sink-away:hover .hvr-icon, .hvr-icon-sink-away:focus .hvr-icon, .hvr-icon-sink-away:active .hvr-icon {
     -webkit-animation-name: hvr-icon-sink-away;
     animation-name: hvr-icon-sink-away;
     -webkit-animation-timing-function: ease-out;
     animation-timing-function: ease-out;
}
/* Icon Grow */
 .hvr-icon-grow {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
}
 .hvr-icon-grow .hvr-icon {
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-property: transform;
     transition-property: transform;
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
}
 .hvr-icon-grow:hover .hvr-icon, .hvr-icon-grow:focus .hvr-icon, .hvr-icon-grow:active .hvr-icon {
     -webkit-transform: scale(1.3) translateZ(0);
     transform: scale(1.3) translateZ(0);
}
/* Icon Shrink */
 .hvr-icon-shrink {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
}
 .hvr-icon-shrink .hvr-icon {
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-property: transform;
     transition-property: transform;
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
}
 .hvr-icon-shrink:hover .hvr-icon, .hvr-icon-shrink:focus .hvr-icon, .hvr-icon-shrink:active .hvr-icon {
     -webkit-transform: scale(0.8);
     transform: scale(0.8);
}
/* Icon Pulse */
 @-webkit-keyframes hvr-icon-pulse {
     25% {
         -webkit-transform: scale(1.3);
         transform: scale(1.3);
    }
     75% {
         -webkit-transform: scale(0.8);
         transform: scale(0.8);
    }
}
 @keyframes hvr-icon-pulse {
     25% {
         -webkit-transform: scale(1.3);
         transform: scale(1.3);
    }
     75% {
         -webkit-transform: scale(0.8);
         transform: scale(0.8);
    }
}
 .hvr-icon-pulse {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
 .hvr-icon-pulse .hvr-icon {
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
}
 .hvr-icon-pulse:hover .hvr-icon, .hvr-icon-pulse:focus .hvr-icon, .hvr-icon-pulse:active .hvr-icon {
     -webkit-animation-name: hvr-icon-pulse;
     animation-name: hvr-icon-pulse;
     -webkit-animation-duration: 1s;
     animation-duration: 1s;
     -webkit-animation-timing-function: linear;
     animation-timing-function: linear;
     -webkit-animation-iteration-count: infinite;
     animation-iteration-count: infinite;
}
/* Icon Pulse Grow */
 @-webkit-keyframes hvr-icon-pulse-grow {
     to {
         -webkit-transform: scale(1.3);
         transform: scale(1.3);
    }
}
 @keyframes hvr-icon-pulse-grow {
     to {
         -webkit-transform: scale(1.3);
         transform: scale(1.3);
    }
}
 .hvr-icon-pulse-grow {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
 .hvr-icon-pulse-grow .hvr-icon {
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
}
 .hvr-icon-pulse-grow:hover .hvr-icon, .hvr-icon-pulse-grow:focus .hvr-icon, .hvr-icon-pulse-grow:active .hvr-icon {
     -webkit-animation-name: hvr-icon-pulse-grow;
     animation-name: hvr-icon-pulse-grow;
     -webkit-animation-duration: 0.3s;
     animation-duration: 0.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;
}
/* Icon Pulse Shrink */
 @-webkit-keyframes hvr-icon-pulse-shrink {
     to {
         -webkit-transform: scale(0.8);
         transform: scale(0.8);
    }
}
 @keyframes hvr-icon-pulse-shrink {
     to {
         -webkit-transform: scale(0.8);
         transform: scale(0.8);
    }
}
 .hvr-icon-pulse-shrink {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
 .hvr-icon-pulse-shrink .hvr-icon {
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
}
 .hvr-icon-pulse-shrink:hover .hvr-icon, .hvr-icon-pulse-shrink:focus .hvr-icon, .hvr-icon-pulse-shrink:active .hvr-icon {
     -webkit-animation-name: hvr-icon-pulse-shrink;
     animation-name: hvr-icon-pulse-shrink;
     -webkit-animation-duration: 0.3s;
     animation-duration: 0.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;
}
/* Icon Push */
 @-webkit-keyframes hvr-icon-push {
     50% {
         -webkit-transform: scale(0.5);
         transform: scale(0.5);
    }
}
 @keyframes hvr-icon-push {
     50% {
         -webkit-transform: scale(0.5);
         transform: scale(0.5);
    }
}
 .hvr-icon-push {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
}
 .hvr-icon-push .hvr-icon {
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-property: transform;
     transition-property: transform;
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
}
 .hvr-icon-push:hover .hvr-icon, .hvr-icon-push:focus .hvr-icon, .hvr-icon-push:active .hvr-icon {
     -webkit-animation-name: hvr-icon-push;
     animation-name: hvr-icon-push;
     -webkit-animation-duration: 0.3s;
     animation-duration: 0.3s;
     -webkit-animation-timing-function: linear;
     animation-timing-function: linear;
     -webkit-animation-iteration-count: 1;
     animation-iteration-count: 1;
}
/* Icon Pop */
 @-webkit-keyframes hvr-icon-pop {
     50% {
         -webkit-transform: scale(1.5);
         transform: scale(1.5);
    }
}
 @keyframes hvr-icon-pop {
     50% {
         -webkit-transform: scale(1.5);
         transform: scale(1.5);
    }
}
 .hvr-icon-pop {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
}
 .hvr-icon-pop .hvr-icon {
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-property: transform;
     transition-property: transform;
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
}
 .hvr-icon-pop:hover .hvr-icon, .hvr-icon-pop:focus .hvr-icon, .hvr-icon-pop:active .hvr-icon {
     -webkit-animation-name: hvr-icon-pop;
     animation-name: hvr-icon-pop;
     -webkit-animation-duration: 0.3s;
     animation-duration: 0.3s;
     -webkit-animation-timing-function: linear;
     animation-timing-function: linear;
     -webkit-animation-iteration-count: 1;
     animation-iteration-count: 1;
}
/* Icon Bounce */
 .hvr-icon-bounce {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
}
 .hvr-icon-bounce .hvr-icon {
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-property: transform;
     transition-property: transform;
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
}
 .hvr-icon-bounce:hover .hvr-icon, .hvr-icon-bounce:focus .hvr-icon, .hvr-icon-bounce:active .hvr-icon {
     -webkit-transform: scale(1.5);
     transform: scale(1.5);
     -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
     transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
/* Icon Rotate */
 .hvr-icon-rotate {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
}
 .hvr-icon-rotate .hvr-icon {
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-property: transform;
     transition-property: transform;
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
}
 .hvr-icon-rotate:hover .hvr-icon, .hvr-icon-rotate:focus .hvr-icon, .hvr-icon-rotate:active .hvr-icon {
     -webkit-transform: rotate(20deg);
     transform: rotate(20deg);
}
/* Icon Grow Rotate */
 .hvr-icon-grow-rotate {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
}
 .hvr-icon-grow-rotate .hvr-icon {
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-property: transform;
     transition-property: transform;
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
}
 .hvr-icon-grow-rotate:hover .hvr-icon, .hvr-icon-grow-rotate:focus .hvr-icon, .hvr-icon-grow-rotate:active .hvr-icon {
     -webkit-transform: scale(1.5) rotate(12deg);
     transform: scale(1.5) rotate(12deg);
}
/* Icon Float */
 .hvr-icon-float {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
}
 .hvr-icon-float .hvr-icon {
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-property: transform;
     transition-property: transform;
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
}
 .hvr-icon-float:hover .hvr-icon, .hvr-icon-float:focus .hvr-icon, .hvr-icon-float:active .hvr-icon {
     -webkit-transform: translateY(-4px);
     transform: translateY(-4px);
}
/* Icon Sink */
 .hvr-icon-sink {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
}
 .hvr-icon-sink .hvr-icon {
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-property: transform;
     transition-property: transform;
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
}
 .hvr-icon-sink:hover .hvr-icon, .hvr-icon-sink:focus .hvr-icon, .hvr-icon-sink:active .hvr-icon {
     -webkit-transform: translateY(4px);
     transform: translateY(4px);
}
/* Icon Bob */
 @-webkit-keyframes hvr-icon-bob {
     0% {
         -webkit-transform: translateY(-6px);
         transform: translateY(-6px);
    }
     50% {
         -webkit-transform: translateY(-2px);
         transform: translateY(-2px);
    }
     100% {
         -webkit-transform: translateY(-6px);
         transform: translateY(-6px);
    }
}
 @keyframes hvr-icon-bob {
     0% {
         -webkit-transform: translateY(-6px);
         transform: translateY(-6px);
    }
     50% {
         -webkit-transform: translateY(-2px);
         transform: translateY(-2px);
    }
     100% {
         -webkit-transform: translateY(-6px);
         transform: translateY(-6px);
    }
}
 @-webkit-keyframes hvr-icon-bob-float {
     100% {
         -webkit-transform: translateY(-6px);
         transform: translateY(-6px);
    }
}
 @keyframes hvr-icon-bob-float {
     100% {
         -webkit-transform: translateY(-6px);
         transform: translateY(-6px);
    }
}
 .hvr-icon-bob {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
}
 .hvr-icon-bob .hvr-icon {
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
}
 .hvr-icon-bob:hover .hvr-icon, .hvr-icon-bob:focus .hvr-icon, .hvr-icon-bob:active .hvr-icon {
     -webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob;
     animation-name: hvr-icon-bob-float, hvr-icon-bob;
     -webkit-animation-duration: .3s, 1.5s;
     animation-duration: .3s, 1.5s;
     -webkit-animation-delay: 0s, .3s;
     animation-delay: 0s, .3s;
     -webkit-animation-timing-function: ease-out, ease-in-out;
     animation-timing-function: ease-out, ease-in-out;
     -webkit-animation-iteration-count: 1, infinite;
     animation-iteration-count: 1, infinite;
     -webkit-animation-fill-mode: forwards;
     animation-fill-mode: forwards;
     -webkit-animation-direction: normal, alternate;
     animation-direction: normal, alternate;
}
/* Icon Hang */
 @-webkit-keyframes hvr-icon-hang {
     0% {
         -webkit-transform: translateY(6px);
         transform: translateY(6px);
    }
     50% {
         -webkit-transform: translateY(2px);
         transform: translateY(2px);
    }
     100% {
         -webkit-transform: translateY(6px);
         transform: translateY(6px);
    }
}
 @keyframes hvr-icon-hang {
     0% {
         -webkit-transform: translateY(6px);
         transform: translateY(6px);
    }
     50% {
         -webkit-transform: translateY(2px);
         transform: translateY(2px);
    }
     100% {
         -webkit-transform: translateY(6px);
         transform: translateY(6px);
    }
}
 @-webkit-keyframes hvr-icon-hang-sink {
     100% {
         -webkit-transform: translateY(6px);
         transform: translateY(6px);
    }
}
 @keyframes hvr-icon-hang-sink {
     100% {
         -webkit-transform: translateY(6px);
         transform: translateY(6px);
    }
}
 .hvr-icon-hang {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
}
 .hvr-icon-hang .hvr-icon {
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
}
 .hvr-icon-hang:hover .hvr-icon, .hvr-icon-hang:focus .hvr-icon, .hvr-icon-hang:active .hvr-icon {
     -webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang;
     animation-name: hvr-icon-hang-sink, hvr-icon-hang;
     -webkit-animation-duration: .3s, 1.5s;
     animation-duration: .3s, 1.5s;
     -webkit-animation-delay: 0s, .3s;
     animation-delay: 0s, .3s;
     -webkit-animation-timing-function: ease-out, ease-in-out;
     animation-timing-function: ease-out, ease-in-out;
     -webkit-animation-iteration-count: 1, infinite;
     animation-iteration-count: 1, infinite;
     -webkit-animation-fill-mode: forwards;
     animation-fill-mode: forwards;
     -webkit-animation-direction: normal, alternate;
     animation-direction: normal, alternate;
}
/* Icon Wobble Horizontal */
 @-webkit-keyframes hvr-icon-wobble-horizontal {
     16.65% {
         -webkit-transform: translateX(6px);
         transform: translateX(6px);
    }
     33.3% {
         -webkit-transform: translateX(-5px);
         transform: translateX(-5px);
    }
     49.95% {
         -webkit-transform: translateX(4px);
         transform: translateX(4px);
    }
     66.6% {
         -webkit-transform: translateX(-2px);
         transform: translateX(-2px);
    }
     83.25% {
         -webkit-transform: translateX(1px);
         transform: translateX(1px);
    }
     100% {
         -webkit-transform: translateX(0);
         transform: translateX(0);
    }
}
 @keyframes hvr-icon-wobble-horizontal {
     16.65% {
         -webkit-transform: translateX(6px);
         transform: translateX(6px);
    }
     33.3% {
         -webkit-transform: translateX(-5px);
         transform: translateX(-5px);
    }
     49.95% {
         -webkit-transform: translateX(4px);
         transform: translateX(4px);
    }
     66.6% {
         -webkit-transform: translateX(-2px);
         transform: translateX(-2px);
    }
     83.25% {
         -webkit-transform: translateX(1px);
         transform: translateX(1px);
    }
     100% {
         -webkit-transform: translateX(0);
         transform: translateX(0);
    }
}
 .hvr-icon-wobble-horizontal {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
}
 .hvr-icon-wobble-horizontal .hvr-icon {
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
}
 .hvr-icon-wobble-horizontal:hover .hvr-icon, .hvr-icon-wobble-horizontal:focus .hvr-icon, .hvr-icon-wobble-horizontal:active .hvr-icon {
     -webkit-animation-name: hvr-icon-wobble-horizontal;
     animation-name: hvr-icon-wobble-horizontal;
     -webkit-animation-duration: 1s;
     animation-duration: 1s;
     -webkit-animation-timing-function: ease-in-out;
     animation-timing-function: ease-in-out;
     -webkit-animation-iteration-count: 1;
     animation-iteration-count: 1;
}
/* Icon Wobble Vertical */
 @-webkit-keyframes hvr-icon-wobble-vertical {
     16.65% {
         -webkit-transform: translateY(6px);
         transform: translateY(6px);
    }
     33.3% {
         -webkit-transform: translateY(-5px);
         transform: translateY(-5px);
    }
     49.95% {
         -webkit-transform: translateY(4px);
         transform: translateY(4px);
    }
     66.6% {
         -webkit-transform: translateY(-2px);
         transform: translateY(-2px);
    }
     83.25% {
         -webkit-transform: translateY(1px);
         transform: translateY(1px);
    }
     100% {
         -webkit-transform: translateY(0);
         transform: translateY(0);
    }
}
 @keyframes hvr-icon-wobble-vertical {
     16.65% {
         -webkit-transform: translateY(6px);
         transform: translateY(6px);
    }
     33.3% {
         -webkit-transform: translateY(-5px);
         transform: translateY(-5px);
    }
     49.95% {
         -webkit-transform: translateY(4px);
         transform: translateY(4px);
    }
     66.6% {
         -webkit-transform: translateY(-2px);
         transform: translateY(-2px);
    }
     83.25% {
         -webkit-transform: translateY(1px);
         transform: translateY(1px);
    }
     100% {
         -webkit-transform: translateY(0);
         transform: translateY(0);
    }
}
 .hvr-icon-wobble-vertical {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
}
 .hvr-icon-wobble-vertical .hvr-icon {
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
}
 .hvr-icon-wobble-vertical:hover .hvr-icon, .hvr-icon-wobble-vertical:focus .hvr-icon, .hvr-icon-wobble-vertical:active .hvr-icon {
     -webkit-animation-name: hvr-icon-wobble-vertical;
     animation-name: hvr-icon-wobble-vertical;
     -webkit-animation-duration: 1s;
     animation-duration: 1s;
     -webkit-animation-timing-function: ease-in-out;
     animation-timing-function: ease-in-out;
     -webkit-animation-iteration-count: 1;
     animation-iteration-count: 1;
}
/* Icon Buzz */
 @-webkit-keyframes hvr-icon-buzz {
     50% {
         -webkit-transform: translateX(3px) rotate(2deg);
         transform: translateX(3px) rotate(2deg);
    }
     100% {
         -webkit-transform: translateX(-3px) rotate(-2deg);
         transform: translateX(-3px) rotate(-2deg);
    }
}
 @keyframes hvr-icon-buzz {
     50% {
         -webkit-transform: translateX(3px) rotate(2deg);
         transform: translateX(3px) rotate(2deg);
    }
     100% {
         -webkit-transform: translateX(-3px) rotate(-2deg);
         transform: translateX(-3px) rotate(-2deg);
    }
}
 .hvr-icon-buzz {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
}
 .hvr-icon-buzz .hvr-icon {
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
}
 .hvr-icon-buzz:hover .hvr-icon, .hvr-icon-buzz:focus .hvr-icon, .hvr-icon-buzz:active .hvr-icon {
     -webkit-animation-name: hvr-icon-buzz;
     animation-name: hvr-icon-buzz;
     -webkit-animation-duration: 0.15s;
     animation-duration: 0.15s;
     -webkit-animation-timing-function: linear;
     animation-timing-function: linear;
     -webkit-animation-iteration-count: infinite;
     animation-iteration-count: infinite;
}
/* Icon Buzz Out */
 @-webkit-keyframes hvr-icon-buzz-out {
     10% {
         -webkit-transform: translateX(3px) rotate(2deg);
         transform: translateX(3px) rotate(2deg);
    }
     20% {
         -webkit-transform: translateX(-3px) rotate(-2deg);
         transform: translateX(-3px) rotate(-2deg);
    }
     30% {
         -webkit-transform: translateX(3px) rotate(2deg);
         transform: translateX(3px) rotate(2deg);
    }
     40% {
         -webkit-transform: translateX(-3px) rotate(-2deg);
         transform: translateX(-3px) rotate(-2deg);
    }
     50% {
         -webkit-transform: translateX(2px) rotate(1deg);
         transform: translateX(2px) rotate(1deg);
    }
     60% {
         -webkit-transform: translateX(-2px) rotate(-1deg);
         transform: translateX(-2px) rotate(-1deg);
    }
     70% {
         -webkit-transform: translateX(2px) rotate(1deg);
         transform: translateX(2px) rotate(1deg);
    }
     80% {
         -webkit-transform: translateX(-2px) rotate(-1deg);
         transform: translateX(-2px) rotate(-1deg);
    }
     90% {
         -webkit-transform: translateX(1px) rotate(0);
         transform: translateX(1px) rotate(0);
    }
     100% {
         -webkit-transform: translateX(-1px) rotate(0);
         transform: translateX(-1px) rotate(0);
    }
}
 @keyframes hvr-icon-buzz-out {
     10% {
         -webkit-transform: translateX(3px) rotate(2deg);
         transform: translateX(3px) rotate(2deg);
    }
     20% {
         -webkit-transform: translateX(-3px) rotate(-2deg);
         transform: translateX(-3px) rotate(-2deg);
    }
     30% {
         -webkit-transform: translateX(3px) rotate(2deg);
         transform: translateX(3px) rotate(2deg);
    }
     40% {
         -webkit-transform: translateX(-3px) rotate(-2deg);
         transform: translateX(-3px) rotate(-2deg);
    }
     50% {
         -webkit-transform: translateX(2px) rotate(1deg);
         transform: translateX(2px) rotate(1deg);
    }
     60% {
         -webkit-transform: translateX(-2px) rotate(-1deg);
         transform: translateX(-2px) rotate(-1deg);
    }
     70% {
         -webkit-transform: translateX(2px) rotate(1deg);
         transform: translateX(2px) rotate(1deg);
    }
     80% {
         -webkit-transform: translateX(-2px) rotate(-1deg);
         transform: translateX(-2px) rotate(-1deg);
    }
     90% {
         -webkit-transform: translateX(1px) rotate(0);
         transform: translateX(1px) rotate(0);
    }
     100% {
         -webkit-transform: translateX(-1px) rotate(0);
         transform: translateX(-1px) rotate(0);
    }
}
 .hvr-icon-buzz-out {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
}
 .hvr-icon-buzz-out .hvr-icon {
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
}
 .hvr-icon-buzz-out:hover .hvr-icon, .hvr-icon-buzz-out:focus .hvr-icon, .hvr-icon-buzz-out:active .hvr-icon {
     -webkit-animation-name: hvr-icon-buzz-out;
     animation-name: hvr-icon-buzz-out;
     -webkit-animation-duration: 0.75s;
     animation-duration: 0.75s;
     -webkit-animation-timing-function: linear;
     animation-timing-function: linear;
     -webkit-animation-iteration-count: 1;
     animation-iteration-count: 1;
}
/* CURLS */
/* Curl Top Left */
 .hvr-curl-top-left {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     position: relative;
}
 .hvr-curl-top-left:before {
     pointer-events: none;
     position: absolute;
     content: '';
     height: 0;
     width: 0;
     top: 0;
     left: 0;
     background: white;
    /* IE9 */
     background: linear-gradient(135deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
     filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#000000');
    /*For IE7-8-9*/
     z-index: 1000;
     box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-property: width, height;
     transition-property: width, height;
}
 .hvr-curl-top-left:hover:before, .hvr-curl-top-left:focus:before, .hvr-curl-top-left:active:before {
     width: 25px;
     height: 25px;
}
/* Curl Top Right */
 .hvr-curl-top-right {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     position: relative;
}
 .hvr-curl-top-right:before {
     pointer-events: none;
     position: absolute;
     content: '';
     height: 0;
     width: 0;
     top: 0;
     right: 0;
     background: white;
    /* IE9 */
     background: linear-gradient(225deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
     box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-property: width, height;
     transition-property: width, height;
}
 .hvr-curl-top-right:hover:before, .hvr-curl-top-right:focus:before, .hvr-curl-top-right:active:before {
     width: 25px;
     height: 25px;
}
/* Curl Bottom Right */
 .hvr-curl-bottom-right {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     position: relative;
}
 .hvr-curl-bottom-right:before {
     pointer-events: none;
     position: absolute;
     content: '';
     height: 0;
     width: 0;
     bottom: 0;
     right: 0;
     background: white;
    /* IE9 */
     background: linear-gradient(315deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
     box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-property: width, height;
     transition-property: width, height;
}
 .hvr-curl-bottom-right:hover:before, .hvr-curl-bottom-right:focus:before, .hvr-curl-bottom-right:active:before {
     width: 25px;
     height: 25px;
}
/* Curl Bottom Left */
 .hvr-curl-bottom-left {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     position: relative;
}
 .hvr-curl-bottom-left:before {
     pointer-events: none;
     position: absolute;
     content: '';
     height: 0;
     width: 0;
     bottom: 0;
     left: 0;
     background: white;
    /* IE9 */
     background: linear-gradient(45deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
     box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4);
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-property: width, height;
     transition-property: width, height;
}
 .hvr-curl-bottom-left:hover:before, .hvr-curl-bottom-left:focus:before, .hvr-curl-bottom-left:active:before {
     width: 25px;
     height: 25px;
}
/*# sourceMappingURL=hover.css.map */

/* The gallery overlay */

#galleryOverlay{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	opacity:0;
	z-index:100000;
	background-color:#222;
	background-color:rgba(0,0,0,0.8);
	overflow:hidden;
	display:none;
	
	-moz-transition:opacity 1s ease;
	-webkit-transition:opacity 1s ease;
	transition:opacity 1s ease;
}

/* This class will trigger the animation */

#galleryOverlay.visible{
	opacity:1;
}

#gallerySlider{
	height:100%;
	
	left:0;
	top:0;
	
	width:100%;
	white-space: nowrap;
	position:absolute;
	
	-moz-transition:left 0.4s ease;
	-webkit-transition:left 0.4s ease;
	transition:left 0.4s ease;
}

#gallerySlider .placeholder{
	background: url("../img/preloader.gif") no-repeat center center;
	height: 100%;
	line-height: 1px;
	text-align: center;
	width:100%;
	display:inline-block;
}

/* The before element moves the
 * image halfway from the top */

#gallerySlider .placeholder:before{
	content: "";
	display: inline-block;
	height: 50%;
	width: 1px;
	margin-right:-1px;
}

#gallerySlider .placeholder .wrapper,
#gallerySlider .placeholder img {
	display: inline-block;
	max-height: 100%;
	max-width: 100%;
	vertical-align: middle;
	position: relative;
}

#gallerySlider .placeholder .wrapper .close {
	position: absolute;
	top: 10px;
	right: 10px;
	display: block;
	background: url(../img/close.png) center no-repeat;
	width: 36px;
	height: 36px;
	opacity: 0.5;
}

#gallerySlider .placeholder .wrapper .close:hover {
	opacity: 1;
}

#gallerySlider .placeholder .wrapper .bottom {
	display: block;
	position: absolute;
	width: 100%;
	bottom: 0px;
	left: 0px;
	background: rgba(0, 0, 0, 0.5);
	color: #ddd;
	line-height: 15px;
	font-size: 15px;
	padding: 6px 30px 6px 10px;
}

#gallerySlider .placeholder .wrapper .bottom:hover {
	background: none;
}
#gallerySlider .placeholder .wrapper .bottom:hover * {
	visibility: hidden;
}

#gallerySlider .placeholder .wrapper .title {
	float: left;
}

#gallerySlider .placeholder .wrapper .nr {
	float: right;
}

#gallerySlider.rightSpring{
	-moz-animation: rightSpring 0.3s;
	-webkit-animation: rightSpring 0.3s;
}

#gallerySlider.leftSpring{
	-moz-animation: leftSpring 0.3s;
	-webkit-animation: leftSpring 0.3s;
}

/* Firefox Keyframe Animations */

@-moz-keyframes rightSpring{
	0%{		margin-left:0px;}
	50%{	margin-left:-30px;}
	100%{	margin-left:0px;}
}

@-moz-keyframes leftSpring{
	0%{		margin-left:0px;}
	50%{	margin-left:30px;}
	100%{	margin-left:0px;}
}

/* Safari and Chrome Keyframe Animations */

@-webkit-keyframes rightSpring{
	0%{		margin-left:0px;}
	50%{	margin-left:-30px;}
	100%{	margin-left:0px;}
}

@-webkit-keyframes leftSpring{
	0%{		margin-left:0px;}
	50%{	margin-left:30px;}
	100%{	margin-left:0px;}
}

/* Arrows */

#prevArrow,#nextArrow{
	border:none;
	text-decoration:none;
	background:url('../img/arrows.png') no-repeat;
	opacity:0.5;
	cursor:pointer;
	position:absolute;
	width:43px;
	height:58px;
	
	top:50%;
	margin-top:-29px;
	
	-moz-transition:opacity 0.2s ease;
	-webkit-transition:opacity 0.2s ease;
	transition:opacity 0.2s ease;
}

#prevArrow:hover, #nextArrow:hover{
	opacity:1;
}

#prevArrow{
	background-position:left top;
	left:40px;
}

#nextArrow{
	background-position:right top;
	right:40px;
}