header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px} body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} .mod_visitors .invisible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; float: left; width:0px; height:0px; } .rsts-main,.rsts-main *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.rsts-header,.rsts-footer,.rsts-thumbs-header,.rsts-thumbs-footer{overflow:hidden}.rsts-view,.rsts-thumbs-view{position:relative}@media print{.rsts-view,.rsts-thumbs-view{position:static}}.rsts-crop,.rsts-thumbs-crop{position:relative;overflow:hidden}@media print{.rsts-crop,.rsts-thumbs-crop{position:static;overflow:visible;width:auto !important;height:auto !important;transform:none !important}}.rsts-slides,.rsts-slide,.rsts-thumbs-slides,.rsts-thumbs-slide{position:absolute;left:0;top:0}@media print{.rsts-slides,.rsts-slide,.rsts-thumbs-slides,.rsts-thumbs-slide{position:static;width:auto !important;height:auto !important;transform:none !important}.rsts-slides.rsts-slide-image img,.rsts-slides.rsts-slide-video img,.rsts-slides.rsts-thumbs-slide-image img,.rsts-slides.rsts-thumbs-slide-video img,.rsts-slide.rsts-slide-image img,.rsts-slide.rsts-slide-video img,.rsts-slide.rsts-thumbs-slide-image img,.rsts-slide.rsts-thumbs-slide-video img,.rsts-thumbs-slides.rsts-slide-image img,.rsts-thumbs-slides.rsts-slide-video img,.rsts-thumbs-slides.rsts-thumbs-slide-image img,.rsts-thumbs-slides.rsts-thumbs-slide-video img,.rsts-thumbs-slide.rsts-slide-image img,.rsts-thumbs-slide.rsts-slide-video img,.rsts-thumbs-slide.rsts-thumbs-slide-image img,.rsts-thumbs-slide.rsts-thumbs-slide-video img{width:100% !important;height:auto !important;margin:0 !important}}.rsts-slide,.rsts-thumbs-slide{overflow:hidden}@media print{.rsts-slide,.rsts-thumbs-slide{position:static}}.rsts-video-iframe,.rsts-thumbs-video-iframe{position:absolute;top:0;left:0;width:100%;height:100%}.rsts-type-slide .rsts-view,.rsts-thumbs-type-slide .rsts-thumbs-view{cursor:url("../../bundles/rocksolidslider/img/openhand.cur"),default;cursor:-webkit-grab;cursor:-moz-grab;cursor:-ms-grab;cursor:-o-grab;cursor:grab}.rsts-type-slide.rsts-dragging .rsts-view,.rsts-thumbs-type-slide.rsts-thumbs-dragging .rsts-thumbs-view{cursor:url("../../bundles/rocksolidslider/img/closedhand.cur"),default;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-ms-grabbing;cursor:-o-grabbing;cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.rsts-type-slide.rsts-dragging-disabled .rsts-view,.rsts-thumbs-type-slide.rsts-thumbs-dragging-disabled .rsts-thumbs-view{cursor:auto}@media print{.rsts-nav,.rsts-prev,.rsts-next,.rsts-overlay-prev,.rsts-overlay-next,.rsts-progress,.rsts-thumbs-nav,.rsts-thumbs-prev,.rsts-thumbs-next,.rsts-thumbs-overlay-prev,.rsts-thumbs-overlay-next,.rsts-thumbs-progress{display:none !important}} .rsts-skin-default.rsts-main{position:relative}.rsts-skin-default.rsts-type-fade .rsts-slide{background-color:#fff}.rsts-skin-default .rsts-caption{position:absolute;top:20px;left:20px;margin-right:20px;padding:5px 10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#fff;background-color:#000;background-color:rgba(0,0,0,0.4);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transform:translate(0, -20px);-moz-transform:translate(0, -20px);-ms-transform:translate(0, -20px);-o-transform:translate(0, -20px);transform:translate(0, -20px);-webkit-transition:opacity 0.5s,-webkit-transform 0.5s;-moz-transition:opacity 0.5s,-moz-transform 0.5s;-o-transition:opacity 0.5s,-o-transform 0.5s;transition:opacity 0.5s,transform 0.5s}.rsts-skin-default .rsts-active .rsts-caption{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}.rsts-skin-default .rsts-prev,.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-video-play,.rsts-skin-default .rsts-video-stop,.rsts-skin-default .rsts-thumbs-prev,.rsts-skin-default .rsts-thumbs-next{position:absolute;right:55px;bottom:15px;overflow:hidden;width:30px;height:30px;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.1);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:none;line-height:0;text-align:center;text-decoration:none;text-indent:-9999px;-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAilBMVEUHBwg/QEF5enp5ensCAwQHCAhzdHUAAQEGBwh8fX37+/svMDBub3COjo9yc3NtbW709fWvsLDm5uba2trR0dEuLi6Pj4/Q0NDl5eXZ2toFBgfz8/MuLy/09PT29vb8/Pz6+vp7e3x0dXZzdHT4+Pj39/f9/v3+/v79/f3///8EBQb5+fkAAAD19fVMP6q+AAAALnRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8hTP8QAAAJ1JREFUeNrV0lkPwiAMAOB53zrva2xOxQm0///vWZ4a1o3EN20gNPnSlFASRKVQIS2KFHPKaPvcH8St8WesXYzddVMIZn3NZ1tTZ9Y7QLa7MdfVWlgYZqk9lzML7VZPbGCdDsFekpI14GoN/fGoY6aqkbVaUvVg0lKN7v3wvcuwt/Tg5tIPRjA77I/i1dhX2dnEJnYq4vP+2a/4FX8AsSOXytKixMYAAAAASUVORK5CYII=');-webkit-box-shadow:0 0 2px rgba(0,0,0,0.1);-moz-box-shadow:0 0 2px rgba(0,0,0,0.1);box-shadow:0 0 2px rgba(0,0,0,0.1);background-position:50% 50%;-webkit-transition:opacity 0.05s linear;-moz-transition:opacity 0.05s linear;-o-transition:opacity 0.05s linear;transition:opacity 0.05s linear}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-prev,.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-video-play,.rsts-skin-default .rsts-video-stop,.rsts-skin-default .rsts-thumbs-prev,.rsts-skin-default .rsts-thumbs-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAIVBMVEWhoaE7PD15enqVlpaTk5N2d3h0dHVoaWpmZmcGBwj19fXsWX/bAAAAC3RSTlOAgICAgICAgICAgMiF55wAAAB9SURBVHja7dUxEoAgFANRFBTw/ge2YythEivHn/6VmU3XiwUOHPhPuGYf196zjLHPOi0tWsBYtICx/Zxgw4INCzYs2LBgw4INC55ZFadhN+NVbeh9jhf6mGJDgw0NNjTY0GBDgz0NXusiYDRWwGisgNHFL0Yrnwxd4MCBtd3+EosAicYyWQAAAABJRU5ErkJggg==');background-size:30px,30px}}.rsts-skin-default .rsts-prev:hover,.rsts-skin-default .rsts-next:hover,.rsts-skin-default .rsts-video-play:hover,.rsts-skin-default .rsts-video-stop:hover,.rsts-skin-default .rsts-thumbs-prev:hover,.rsts-skin-default .rsts-thumbs-next:hover{background-color:#eee;background-color:rgba(238,238,238,0.7)}.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-thumbs-next{right:20px;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAkFBMVEUBAQLPz9AlJiYlJifS0tIsLS0nJyjQ0dDR0tIBAQElJSYrLC2tra39/PwFBQYFBgf6+fmBgYKCgoL9/f339vZBQULIycnIyMiCg4PR0dEmJycmJyjMzMz8/Pzl5eXj4+MCAwQGBwghIiP09PT7+/shIiL6+vrNzs7Nzc0iIyP29vb39/cHCAkAAAD////19fV/WdL3AAAAMHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICRnvRdAAAAnklEQVR42tXSxw7CMAwG4LL3XqUtLdRQqNPY7/92WEJVDhkSN7B8iPTpl6M4ETMAA0t/ChmwPTELe+uPGKsQKywWflYUJxn5eI9xpOsneXidp7pp3Wa+dHrGbWY6d43bLD673nR9vLsZaL5cNfoAyp0eDyRdntxp6icy+/Ei981HqVGLq3xo1GaFm4kuRb1vvp1mFNzYLrzvn/2KX/MbXNOe099MDj0AAAAASUVORK5CYII=')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-thumbs-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAHlBMVEWhoaE7PD2VlpaTk5N2d3h0dHVoaWpmZmcGBwj19fXtfGSSAAAACnRSTlOAgICAgICAgICAXdxslAAAAHxJREFUeNrt1TEOgDAMxdDSAi33vzBbPVUoZkLE+1O2/HK9KHHixH/A9fS4jnGGMfZZl6VFBzAWHcLHQD9gocFCg4UGCw0WGiw0WGjwum3qEsb7tH1xWViwsGBhwcKChQULC5Z2jRs2itHdfc+GjWB094vR+ieHLnHixK4bjyV89TB6vlgAAAAASUVORK5CYII=');background-size:30px,30px}}.rsts-skin-default .rsts-thumbs-prev,.rsts-skin-default .rsts-thumbs-next{position:absolute;top:50%;right:10px;margin-top:-15px}.rsts-skin-default .rsts-thumbs-prev{right:auto;left:10px}.rsts-skin-default.rsts-direction-y .rsts-prev{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEUgISLDw8MgICGUlZaIiImSk5PCwsP9/f39/PyHh4iUlJWSkpLX2NgAAQIoKSkGBwgdHR7Ly8skJSYEBAXHyMj+/v739/ciIyMhIiImJyfNzc3S0tL8/Pz7+/v29vYHCAnNzs4AAAD////19fVh+HN2AAAAJHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC401waAAAAiUlEQVR42uXRyQ7CMAwE0LC2QHfaQkji1sP//yNR1csEiXMlfPFI7zCWbN7JCCVmnj9i738x2hbMpHPTzCAmfag+XyAmrWt2QzqV5URuSLWqdHXmsDMRbFHYuPbnkPBw0rtaBzgbw21IWPKjdg6xxHV68ZJ2j9mhXyrRX/34fblgLQyQLf57S/wBI9V2nx3O9QoAAAAASUVORK5CYII=')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default.rsts-direction-y .rsts-prev{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAG1BMVEWjpKQ5OTqVlpaTk5NmZmdoaWp2d3gGBwj19fXoTOf7AAAACXRSTlOAgICAgICAgIC7HeZcAAAAeUlEQVR42u3UMQ6AMAzF0A8BmvufGHVpyOIOFRJI8f5WyxcqXLhw4U9jLeCznYzRNtYi2zsIs2UttqzFlrXYshZb1mLLWmg31iJ7+YVaaJ210GY9x/awWdsc+z5s1uaEQ4cNbY449LChzQFn3W3S9qsBFi5cuPDr+AYQcW8C6kiUiAAAAABJRU5ErkJggg==');background-size:30px,30px}}.rsts-skin-default.rsts-direction-y .rsts-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEUwMTKKi4suLzAGBwja2trR0dEwMDEuLi/Q0NDZ2dmJiYp7e3x6e3t/gIEAAQL09PTn5+f6+vr8/Px0dHVwcHH8/f329vYFBgdzdHT+/v79/v339/f9/f3///90dXb4+Pj5+fkEBQYAAAD19fUC5l8BAAAAJHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC401waAAAAnElEQVR42uXSyQ4CIQwG4HEddRZmZUSEQnn/d7RkSAi4HI2Jf6AlfIceoHCOMcccrTXcMR5OtInf5k/YyLVL84qHjoHvwLrhmdW+0AJIhT6eVc79YYtYCQBRIZanPmO1QWuxVqr2/aIylqD9fdP4OoLMZ5sb+dK2i8Xr3cTZie+CRk49aOTUcSRNOfo8TXPUnB1QPj0J5z/5Hb7OD7UPdeTEuFeXAAAAAElFTkSuQmCC')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default.rsts-direction-y .rsts-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAG1BMVEWjpKQ5OTqVlpaTk5NmZmdoaWp2d3gGBwj19fXoTOf7AAAACXRSTlOAgICAgICAgIC7HeZcAAAAg0lEQVR42u3UMQ6EMAxE0WVDYu5/YhpLXzBSRkAF8i9tvXZ+24MKFy5c+HP4P06H0RzGRoyjjWgOY1Nj0YLFpsaip7hFNrBog3ug02brDKsWK3imxQqe6EWsxWi1HqOxHqONBTuN9RiN9Vg11mPVWI9V99tL0rEe6/dVA1i4cOHCl9oBak1vAkBKLfwAAAAASUVORK5CYII=');background-size:30px,30px}}.rsts-skin-default.rsts-video-playing .rsts-nav,.rsts-skin-default.rsts-video-playing .rsts-prev,.rsts-skin-default.rsts-video-playing .rsts-next{display:none}.rsts-skin-default.rsts-video-playing .rsts-nav-thumbs{display:block}.rsts-skin-default.rsts-touch .rsts-nav-numbers,.rsts-skin-default.rsts-touch .rsts-nav-tabs{display:none}.rsts-skin-default .rsts-nav{position:absolute;right:95px;bottom:12px;left:10px;text-align:right}.rsts-skin-default .rsts-nav ul{margin:0 !important;padding:0 !important}.rsts-skin-default .rsts-nav li{display:inline}.rsts-skin-default .rsts-nav-numbers a,.rsts-skin-default .rsts-nav-tabs a{display:inline-block;height:30px;min-width:30px;padding:0.65em 0.5em 0.5em;margin:0 2px 3px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:none;font-size:12px;text-align:center;text-decoration:none;color:#fff;background-color:#555;background-color:rgba(85,85,85,0.6);-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:0 0 2px rgba(0,0,0,0.2);-moz-box-shadow:0 0 2px rgba(0,0,0,0.2);box-shadow:0 0 2px rgba(0,0,0,0.2);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity 0.2s ease-in;-moz-transition:opacity 0.2s ease-in;-o-transition:opacity 0.2s ease-in;transition:opacity 0.2s ease-in}.rsts-skin-default .rsts-nav-numbers a:hover,.rsts-skin-default .rsts-nav-numbers a.active,.rsts-skin-default .rsts-nav-tabs a:hover,.rsts-skin-default .rsts-nav-tabs a.active{color:#333;background-color:#fff;background-color:rgba(255,255,255,0.5)}.rsts-skin-default:hover .rsts-nav-numbers a,.rsts-skin-default:hover .rsts-nav-tabs a{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.rsts-skin-default .rsts-nav-bullets{line-height:0}.rsts-skin-default .rsts-nav-bullets a{display:inline-block;width:9px;height:9px;overflow:hidden;margin:12px 4px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;outline:none;text-align:left;text-indent:-999px;background-color:#fff;background-color:rgba(255,255,255,0.8);-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:0 0 2px #777;-moz-box-shadow:0 0 2px #777;box-shadow:0 0 2px #777}.rsts-skin-default .rsts-nav-bullets a:hover,.rsts-skin-default .rsts-nav-bullets a.active{background-color:#777;-webkit-box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555;-moz-box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555;box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555}.rsts-skin-default .rsts-nav-thumbs{position:static;padding-top:5px}.rsts-skin-default .rsts-nav .rsts-nav-prev,.rsts-skin-default .rsts-nav .rsts-nav-next{display:none}.rsts-skin-default .rsts-video-play{top:50%;right:auto;bottom:auto;left:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAMAAABG8BK2AAAAb1BMVEU4ODgGBgbx8fGurq7i4uIODg5QUFD7+/vBwcEUFBQYGBggICC1tbXNzc0JCQkVFRWsrKwTExPExMTS0tImJibv7+9KSkozMzP4+PhYWFj+/v6Dg4MDAwPl5eVycnKenp4MDAza2toPDw////8AAACZ5/RyAAAAJXRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAwmBGiwAAALNJREFUeNrt1kcOwkAQRFFyxsYmBxtDc/8zIrGpA/xaWKhnO9KT5ncvZvCxnGSSSSaZv2GK0sIsFzMHM53MWwPzfkU8OwsT9cHCRHOyMHFpLYwCIUaBEKNAiFEgxCgQYhSIMQrEGAXijAJxJrZrC7NZGZjb/WF41PHqSLw/Owa+q9D6KQthlAUwykIYZSGMsiBGWRCjLIhRFsQoC2Ga0S8LZMqx7gAzLPr0aUsmmWSS6SXzBf8cqwAv1zglAAAAAElFTkSuQmCC')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-video-play{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAACMCAMAAACZHrEMAAAARVBMVEUJCQlOTk4nJyddXV1gYGD29vbh4eGTk5PAwMA2NjYYGBgGBga3t7dUVFQtLS0SEhKHh4fb29sDAwPz8/NaWlr///8AAACZTZFgAAAAF3RSTlOAgICAgICAgICAgICAgICAgICAgICAgCZn8kAAAAFfSURBVHja7dpZUsMwFAVR5gDRLMT+l8r1Cqjih/5oLyB1kurYlp4evkGXGDFixIgRI0aMGDFixIgRI0aMGDFifseQvsBfPvjrdgdhzvsnCHPePkCY8/oCwpxzu4MwCQeESTggTMIBYa5wQJiEA8IkHBAm4YAwVzggTMIBYRIOCJNwQJgrHBAm4YAwCQeESTggzBUOCJNwQJiEA8IkHBDmCgeESTggTMIBYRIOCHOFA8IkHBAm4YAw5/UZhDn7iYOZjfPLlM5pZizMv2lXzk1vNs4duHTOs2kszFN7V87L1WycN73SOe/AY2FWB7tyFnGzcVaUpXPW2mNhdiF25WwWzcbZuSqds6c3Fma3c1fOpvRsnB3y0jmzg7EwU5VdOcOv2TiTuNI5M8qxMNPbXTlD9tk4E//SOWchxsKcEnmsoMM8qGNOYsRgLjFixIgRI0aMGDFixIgRI0aMGDH/e/0Ai4OJ2+ZcrkwAAAAASUVORK5CYII=');background-size:70px,70px}}.rsts-skin-default .rsts-video-stop{top:20px;right:20px;left:auto;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEWnp6dOTk7x8fHv7+9HR0fw8PDu7u7e3t5NTU3f398UFBQTExP4+PhLS0tvb29xcXH09PRJSUn39/fn5+cWFhampqb29vZISEhMTExLS0ukpKT////r6+sAAAD///8AAABKSkr19fUAAAD///8df9PJAAAAJHRSTlN6e35+e35+e3t7fX1/fHl5fXt/e315fnt7e3p/foGBfnt9gIDdofLFAAAAk0lEQVR42u2SSQ7DIAxF03nKPBEC2Ni9/x3jsMXqsuqiljxITx/8EcX7Y/wxuOmUhmPhIMdlg4akzxGbMscrBu4IyHLANce+Ymb7WKRWPsdyqpCnZJzVzUmUEgvpxmAYA4dxAB3TIanvupqisJdkRwr2O403K9V43bdpgaLuu6/x3KY7sO7VN7+m4TI5+K3v8H28AYM7doAzbo6MAAAAAElFTkSuQmCC')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-video-stop{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAALVBMVEXo6OjGxsZjY2PKysq3t7ewsLCOjo7f39+Pj4/l5eVfX19hYWHj4+NRUVH///80A/15AAAAD3RSTlOGkL2PlZemiKWHvr2HyICcCOzTAAAAv0lEQVR42u3VSQ7DIAxA0bRJSBjs+x83mzYfNnatLqpKeM0THmRY9IuYeOKJJ7bwlsdTWwCfUpsS+Smni7EipfVW5PQwtte5iqAdvIvcGiuy25gs0e1ta7YwuqJ76+NRr6P1MbkSTM7HaKyP0QXK1HyMxgaxrjde1cBe1TV4MzZeMxYdm7OvF9OWR7H0YtpDG/ojnDurnc6hfT7Iw9tnImE7ney00bdFJ3Uw+mXpQoq822Nv8/Yf383EE0/8G3wBfh3Bcn7dsMIAAAAASUVORK5CYII=');background-size:30px,30px}}.rsts-skin-default .rsts-video-youtube>.rsts-video-stop{top:25px}.rsts-skin-default .rsts-video-vimeo>.rsts-video-stop{top:10px;right:auto;left:10px}.rsts-skin-default .rsts-progress{position:absolute;top:0;right:0;width:100%;height:2px;background-color:#000;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;-o-transition:opacity 0.2s linear;transition:opacity 0.2s linear}.rsts-skin-default .rsts-progress div{height:100%;background-color:#fff}.rsts-skin-default .rsts-progress.rsts-progress-active{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);opacity:0.3}.rsts-skin-default .rsts-thumbs-slide{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:0.8}.rsts-skin-default .rsts-thumbs-slide.rsts-thumbs-active-thumb{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1} .mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important} #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} .sf-menu { float:left; margin-bottom:1em; } .sf-menu ul { min-width:12em; background-color:rgba(255,255,255,.75); /* allow long menu items to determine submenu width */ /* no auto sub width for IE7, see white-space comment below */; } .sf-menu a { padding:.75em 1em; text-decoration:none; /* fallback colour must use full shorthand */ zoom: 1; /* IE7 */; } .sf-menu strong { display:block; padding:.75em 2em .75em 1em; background-color:#00B233; font-weight:normal; text-decoration:none; color:#fff; /* fallback colour must use full shorthand */ zoom: 1; /* IE7 */; } .sf-menu a:link { border: none !important; } .sf-menu a:hover { color:#292626; } .sf-menu li { white-space:nowrap; /* no need for Supersubs plugin */ *white-space: normal; /* ...unless you support IE7 (let it wrap) */ -webkit-transition: background .2s; transition: background .2s; } .sf-menu li.active span.active { display:block; } .sf-menu ul li { width:100%; display:block; } .sf-menu ul ul li { } .sf-menu li:hover, .sf-menu li.sfHover { /* only transition out, not in */ -webkit-transition: none; transition: none; } /* arrows (for all except IE7) */ .sf-arrows .sf-with-ul { padding-right:2.5em; *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */; } /* styling for both css and generated arrows */ .sf-arrows .sf-with-ul:after { width:0; height:0; top:50%; position:absolute; margin-top:-3px; content: ''; right: 1em; /* order of following 3 rules important for fallbacks to work */ border: 5px solid transparent; border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */ border-top-color: rgba(255,255,255,.5); } .sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after { border-top-color: white; /* IE8 fallback colour */; } /* styling for right-facing arrows */ .sf-arrows ul .sf-with-ul:after { margin-top:-5px; margin-right:-3px; border-color: transparent; border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */ border-left-color: rgba(255,255,255,.5); } .sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: white; } /* ESSENTIAL STYLES */ .sf-menu, .sf-menu * { margin:0; padding:0; list-style: none; } .sf-menu li { position:relative; } .sf-menu ul { top:100%; position:absolute; display:none; left: 0; z-index: 99; } .sf-menu > li { float:left; } .sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display:block; } .sf-menu a { position:relative; display:block; } .sf-menu ul ul { top:0; left:100%; } /* adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu */ .sf-navbar { position:relative; margin-bottom:5em; background: #BDD2FF; } /* you should just set the menu's container bg colour rather than use pseudo-elements */ .sf-navbar:before { width:100%; height:200%; left:0; position:absolute; background-color:#BDD2FF; content: ''; z-index: -1; } .sf-navbar ul { box-shadow: none; } .sf-navbar li { position:static; background: #AABDE6; } .sf-navbar > li > a, .sf-navbar > li > ul > li > a { border: none; } .sf-navbar > li > ul { min-width:36em; /* set this to whatever suits your design */; } .sf-navbar ul li { position:relative; background: #BDD2FF; } .sf-navbar ul ul { left:0; top:100%; } .sf-navbar ul ul li { width:100%; } .sf-navbar > li > ul > li { float:left; } .sf-navbar li.current { background: #BDD2FF; } .sf-navbar li:hover, .sf-navbar li.sfHover, .sf-navbar ul li.current { background: #BDD2FF; } .sf-navbar ul li:hover, .sf-navbar ul li.sfHover, .sf-navbar ul ul li { background: #D1DFFF; } .sf-navbar ul ul li:hover, .sf-navbar ul ul li.sfHover, .sf-navbar ul ul li.current { background: #E6EEFF; } .sf-navbar ul li.current > a { font-weight:bold; } /* point all arrows down */ .sf-arrows.sf-navbar ul .sf-with-ul:after { margin-top:-3px; margin-right:0; border-color: transparent; border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */ border-top-color: rgba(255,255,255,.5); } .sf-arrows.sf-navbar ul > li > .sf-with-ul:focus:after, .sf-arrows.sf-navbar ul > li:hover > .sf-with-ul:after, .sf-arrows.sf-navbar ul > .sfHover > .sf-with-ul:after { border-color: transparent; border-top-color: white; } /* eg. <ul class="sf-menu sf-vertical"> ... */ .sf-vertical { /* If you want the width of the closed menu to expand to its widest top-level menu item (like its "Supersubs" submenus do), replace the width rule above with the following two rules. */ /* */; } .sf-vertical ul { left:100%; top: 0; } .sf-vertical > li { float:none; } .sf-vertical li { width:100%; } /* alter arrow directions */ .sf-vertical.sf-arrows > li > .sf-with-ul:after { margin-top:-5px; margin-right:-3px; border-color: transparent; border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */ border-left-color: rgba(255,255,255,.5); } .sf-vertical.sf-arrows li > .sf-with-ul:focus:after, .sf-vertical.sf-arrows li:hover > .sf-with-ul:after, .sf-vertical.sf-arrows .sfHover > .sf-with-ul:after { border-left-color: white; } @-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:active, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:hover { -webkit-animation-name:hvr-wobble-vertical; animation-name:hvr-wobble-vertical; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; -webkit-animation-iteration-count:1; animation-iteration-count:1; } @-webkit-keyframes hvr-pulse-shrink { to{-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 transparent; } .hvr-pulse:active, .hvr-pulse:focus, .hvr-pulse:hover { -webkit-animation-name:hvr-pulse; animation-name:hvr-pulse; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-timing-function:linear; animation-timing-function:linear; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; } .hvr-grow { display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-property:transform; transition-property:transform; } .hvr-grow:active, .hvr-grow:focus, .hvr-grow:hover { -webkit-transform:scale(1.1); transform:scale(1.1); } .hvr-shrink { display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-property:transform; transition-property:transform; } .hvr-shrink:active, .hvr-shrink:focus, .hvr-shrink:hover { -webkit-transform:scale(0.9); transform:scale(0.9); } @-webkit-keyframes hvr-pulse { 25%{-webkit-transform:scale(1.1);transform:scale(1.1)}75%{-webkit-transform:scale(0.9);transform:scale(0.9)} } @keyframes hvr-pulse { 25%{-webkit-transform:scale(1.1);transform:scale(1.1)}75%{-webkit-transform:scale(0.9);transform:scale(0.9)} } .hvr-pulse { display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; } .hvr-pulse:active, .hvr-pulse:focus, .hvr-pulse:hover { -webkit-animation-name:hvr-pulse; animation-name:hvr-pulse; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-timing-function:linear; animation-timing-function:linear; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; } @-webkit-keyframes hvr-pulse-grow { to{-webkit-transform:scale(1.1);transform:scale(1.1)} } @keyframes hvr-pulse-grow { to{-webkit-transform:scale(1.1);transform:scale(1.1)} } .hvr-pulse-grow { display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; } .hvr-pulse-grow:active, .hvr-pulse-grow:focus, .hvr-pulse-grow:hover { -webkit-animation-name:hvr-pulse-grow; animation-name:hvr-pulse-grow; -webkit-animation-duration:.3s; animation-duration:.3s; -webkit-animation-timing-function:linear; animation-timing-function:linear; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; -webkit-animation-direction:alternate; animation-direction:alternate; } @-webkit-keyframes hvr-pulse-shrink { to{-webkit-transform:scale(0.9);transform:scale(0.9)} } @keyframes hvr-pulse-shrink { to{-webkit-transform:scale(0.9);transform:scale(0.9)} } .hvr-pulse-shrink { display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; } .hvr-pulse-shrink:active, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:hover { -webkit-animation-name:hvr-pulse-shrink; animation-name:hvr-pulse-shrink; -webkit-animation-duration:.3s; animation-duration:.3s; -webkit-animation-timing-function:linear; animation-timing-function:linear; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; -webkit-animation-direction:alternate; animation-direction:alternate; } @-webkit-keyframes hvr-push { 50%{-webkit-transform:scale(0.8);transform:scale(0.8)}100%{-webkit-transform:scale(1);transform:scale(1)} } @keyframes hvr-push { 50%{-webkit-transform:scale(0.8);transform:scale(0.8)}100%{-webkit-transform:scale(1);transform:scale(1)} } .hvr-push { display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; } .hvr-push:active, .hvr-push:focus, .hvr-push:hover { -webkit-animation-name:hvr-push; animation-name:hvr-push; -webkit-animation-duration:.3s; animation-duration:.3s; -webkit-animation-timing-function:linear; animation-timing-function:linear; -webkit-animation-iteration-count:1; animation-iteration-count:1; } @-webkit-keyframes hvr-pop { 50%{-webkit-transform:scale(1.2);transform:scale(1.2)} } @keyframes hvr-pop { 50%{-webkit-transform:scale(1.2);transform:scale(1.2)} } .hvr-pop { display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; } .hvr-pop:active, .hvr-pop:focus, .hvr-pop:hover { -webkit-animation-name:hvr-pop; animation-name:hvr-pop; -webkit-animation-duration:.3s; animation-duration:.3s; -webkit-animation-timing-function:linear; animation-timing-function:linear; -webkit-animation-iteration-count:1; animation-iteration-count:1; } .hvr-bounce-in { display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; -webkit-transition-duration:.5s; transition-duration:.5s; } .hvr-bounce-in:active, .hvr-bounce-in:focus, .hvr-bounce-in:hover { -webkit-transform:scale(1.2); transform:scale(1.2); -webkit-transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36); transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36); } .hvr-bounce-out { display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; -webkit-transition-duration:.5s; transition-duration:.5s; } .hvr-bounce-out:active, .hvr-bounce-out:focus, .hvr-bounce-out:hover { -webkit-transform:scale(0.8); transform:scale(0.8); -webkit-transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36); transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36); } .hvr-rotate { display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-property:transform; transition-property:transform; } .hvr-rotate:active, .hvr-rotate:focus, .hvr-rotate:hover { -webkit-transform:rotate(4deg); transform:rotate(4deg); } .hvr-grow-rotate { display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-property:transform; transition-property:transform; } .hvr-grow-rotate:active, .hvr-grow-rotate:focus, .hvr-grow-rotate:hover { -webkit-transform:scale(1.1) rotate(4deg); transform:scale(1.1) rotate(4deg); } .hvr-float { display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-property:transform; transition-property:transform; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out; } .hvr-float:active, .hvr-float:focus, .hvr-float:hover { -webkit-transform:translateY(-8px); transform:translateY(-8px); } .hvr-sink { display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-property:transform; transition-property:transform; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out; } .hvr-sink:active, .hvr-sink:focus, .hvr-sink:hover { -webkit-transform:translateY(8px); transform:translateY(8px); } @-webkit-keyframes hvr-bob { 0%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}50%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)} } @keyframes hvr-bob { 0%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}50%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)} } @-webkit-keyframes hvr-bob-float { 100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)} } @keyframes hvr-bob-float { 100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)} } .hvr-bob { display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; } .hvr-bob:active, .hvr-bob:focus, .hvr-bob:hover { -webkit-animation-name:hvr-bob-float,hvr-bob; animation-name:hvr-bob-float,hvr-bob; -webkit-animation-duration:.3s,1.5s; animation-duration:.3s,1.5s; -webkit-animation-delay:0s,.3s; animation-delay:0s,.3s; -webkit-animation-timing-function:ease-out,ease-in-out; animation-timing-function:ease-out,ease-in-out; -webkit-animation-iteration-count:1,infinite; animation-iteration-count:1,infinite; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; -webkit-animation-direction:normal,alternate; animation-direction:normal,alternate; } @-webkit-keyframes hvr-hang { 0%{-webkit-transform:translateY(8px);transform:translateY(8px)}50%{-webkit-transform:translateY(4px);transform:translateY(4px)}100%{-webkit-transform:translateY(8px);transform:translateY(8px)} } @keyframes hvr-hang { 0%{-webkit-transform:translateY(8px);transform:translateY(8px)}50%{-webkit-transform:translateY(4px);transform:translateY(4px)}100%{-webkit-transform:translateY(8px);transform:translateY(8px)} } @-webkit-keyframes hvr-hang-sink { 100%{-webkit-transform:translateY(8px);transform:translateY(8px)} } @keyframes hvr-hang-sink { 100%{-webkit-transform:translateY(8px);transform:translateY(8px)} } .hvr-hang { display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; } .hvr-hang:active, .hvr-hang:focus, .hvr-hang:hover { -webkit-animation-name:hvr-hang-sink,hvr-hang; animation-name:hvr-hang-sink,hvr-hang; -webkit-animation-duration:.3s,1.5s; animation-duration:.3s,1.5s; -webkit-animation-delay:0s,.3s; animation-delay:0s,.3s; -webkit-animation-timing-function:ease-out,ease-in-out; animation-timing-function:ease-out,ease-in-out; -webkit-animation-iteration-count:1,infinite; animation-iteration-count:1,infinite; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; -webkit-animation-direction:normal,alternate; animation-direction:normal,alternate; } .hvr-skew { display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-property:transform; transition-property:transform; } .hvr-skew:active, .hvr-skew:focus, .hvr-skew:hover { -webkit-transform:skew(-10deg); transform:skew(-10deg); } .hvr-skew-forward { display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-property:transform; transition-property:transform; -webkit-transform-origin:0 100%; transform-origin:0 100%; } .hvr-skew-forward:active, .hvr-skew-forward:focus, .hvr-skew-forward:hover { -webkit-transform:skew(-10deg); transform:skew(-10deg); } .hvr-skew-backward { display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-property:transform; transition-property:transform; -webkit-transform-origin:0 100%; transform-origin:0 100%; } .hvr-skew-backward:active, .hvr-skew-backward:focus, .hvr-skew-backward:hover { -webkit-transform:skew(10deg); transform:skew(10deg); } @-webkit-keyframes hvr-wobble-vertical { 16.65%{-webkit-transform:translateY(8px);transform:translateY(8px)}33.3%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)} } .hvr-wobble-vertical { display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; } .hvr-wobble-vertical:active, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:hover { -webkit-animation-name:hvr-wobble-vertical; animation-name:hvr-wobble-vertical; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; -webkit-animation-iteration-count:1; animation-iteration-count:1; } @-webkit-keyframes hvr-wobble-horizontal { 16.65%{-webkit-transform:translateX(8px);transform:translateX(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)} } @keyframes hvr-wobble-horizontal { 16.65%{-webkit-transform:translateX(8px);transform:translateX(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)} } .hvr-wobble-horizontal { display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; } .hvr-wobble-horizontal:active, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:hover { -webkit-animation-name:hvr-wobble-horizontal; animation-name:hvr-wobble-horizontal; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; -webkit-animation-iteration-count:1; animation-iteration-count:1; } @-webkit-keyframes hvr-wobble-to-bottom-right { 16.65%{-webkit-transform:translate(8px,8px);transform:translate(8px,8px)}33.3%{-webkit-transform:translate(-6px,-6px);transform:translate(-6px,-6px)}49.95%{-webkit-transform:translate(4px,4px);transform:translate(4px,4px)}66.6%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}83.25%{-webkit-transform:translate(1px,1px);transform:translate(1px,1px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)} } @keyframes hvr-wobble-to-bottom-right { 16.65%{-webkit-transform:translate(8px,8px);transform:translate(8px,8px)}33.3%{-webkit-transform:translate(-6px,-6px);transform:translate(-6px,-6px)}49.95%{-webkit-transform:translate(4px,4px);transform:translate(4px,4px)}66.6%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}83.25%{-webkit-transform:translate(1px,1px);transform:translate(1px,1px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)} } .hvr-wobble-to-bottom-right { display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; } .hvr-wobble-to-bottom-right:active, .hvr-wobble-to-bottom-right:focus, .hvr-wobble-to-bottom-right:hover { -webkit-animation-name:hvr-wobble-to-bottom-right; animation-name:hvr-wobble-to-bottom-right; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; -webkit-animation-iteration-count:1; animation-iteration-count:1; } @-webkit-keyframes hvr-wobble-to-top-right { 16.65%{-webkit-transform:translate(8px,-8px);transform:translate(8px,-8px)}33.3%{-webkit-transform:translate(-6px,6px);transform:translate(-6px,6px)}49.95%{-webkit-transform:translate(4px,-4px);transform:translate(4px,-4px)}66.6%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}83.25%{-webkit-transform:translate(1px,-1px);transform:translate(1px,-1px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)} } @keyframes hvr-wobble-to-top-right { 16.65%{-webkit-transform:translate(8px,-8px);transform:translate(8px,-8px)}33.3%{-webkit-transform:translate(-6px,6px);transform:translate(-6px,6px)}49.95%{-webkit-transform:translate(4px,-4px);transform:translate(4px,-4px)}66.6%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}83.25%{-webkit-transform:translate(1px,-1px);transform:translate(1px,-1px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)} } .hvr-wobble-to-top-right { display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; } .hvr-wobble-to-top-right:active, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:hover { -webkit-animation-name:hvr-wobble-to-top-right; animation-name:hvr-wobble-to-top-right; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; -webkit-animation-iteration-count:1; animation-iteration-count:1; } @-webkit-keyframes hvr-wobble-top { 16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)} } @keyframes hvr-wobble-top { 16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)} } .hvr-wobble-top { display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; -webkit-transform-origin:0 100%; transform-origin:0 100%; } .hvr-wobble-top:active, .hvr-wobble-top:focus, .hvr-wobble-top:hover { -webkit-animation-name:hvr-wobble-top; animation-name:hvr-wobble-top; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; -webkit-animation-iteration-count:1; animation-iteration-count:1; } @-webkit-keyframes hvr-wobble-bottom { 16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)} } @keyframes hvr-wobble-bottom { 16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)} } .hvr-wobble-bottom { display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; -webkit-transform-origin:100% 0; transform-origin:100% 0; } .hvr-wobble-bottom:active, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:hover { -webkit-animation-name:hvr-wobble-bottom; animation-name:hvr-wobble-bottom; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; -webkit-animation-iteration-count:1; animation-iteration-count:1; } @-webkit-keyframes hvr-wobble-skew { 16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)} } @keyframes hvr-wobble-skew { 16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)} } .hvr-wobble-skew { display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; } .hvr-wobble-skew:active, .hvr-wobble-skew:focus, .hvr-wobble-skew:hover { -webkit-animation-name:hvr-wobble-skew; animation-name:hvr-wobble-skew; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; -webkit-animation-iteration-count:1; animation-iteration-count:1; } @-webkit-keyframes hvr-buzz { 50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)} } @keyframes hvr-buzz { 50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)} } .hvr-buzz { display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; } .hvr-buzz:active, .hvr-buzz:focus, .hvr-buzz:hover { -webkit-animation-name:hvr-buzz; animation-name:hvr-buzz; -webkit-animation-duration:.15s; animation-duration:.15s; -webkit-animation-timing-function:linear; animation-timing-function:linear; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; } @-webkit-keyframes hvr-buzz-out { 10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)} } @keyframes hvr-buzz-out { 10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)} } .hvr-buzz-out { display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; } .hvr-buzz-out:active, .hvr-buzz-out:focus, .hvr-buzz-out:hover { -webkit-animation-name:hvr-buzz-out; animation-name:hvr-buzz-out; -webkit-animation-duration:.75s; animation-duration:.75s; -webkit-animation-timing-function:linear; animation-timing-function:linear; -webkit-animation-iteration-count:1; animation-iteration-count:1; } .hvr-forward { display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-property:transform; transition-property:transform; } .hvr-forward:active, .hvr-forward:focus, .hvr-forward:hover { -webkit-transform:translateX(8px); transform:translateX(8px); } .hvr-backward { display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-property:transform; transition-property:transform; } .hvr-backward:active, .hvr-backward:focus, .hvr-backward:hover { -webkit-transform:translateX(-8px); transform:translateX(-8px); } .hvr-fade { overflow:hidden; display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-property:color,background-color; transition-property:color,background-color; } .hvr-fade:active, .hvr-fade:focus, .hvr-fade:hover { background-color:#2098D1; color:#fff; } @-webkit-keyframes hvr-back-pulse { 50%{background-color:rgba(32,152,209,.75)} } @keyframes hvr-back-pulse { 50%{background-color:rgba(32,152,209,.75)} } .hvr-back-pulse { overflow:hidden; display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; -webkit-transition-duration:.5s; transition-duration:.5s; -webkit-transition-property:color,background-color; transition-property:color,background-color; } .hvr-back-pulse:active, .hvr-back-pulse:focus, .hvr-back-pulse:hover { background-color:#2098d1; color:#fff; -webkit-animation-name:hvr-back-pulse; animation-name:hvr-back-pulse; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-delay:.5s; animation-delay:.5s; -webkit-animation-timing-function:linear; animation-timing-function:linear; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; } .hvr-sweep-to-right { position:relative; display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; -webkit-transition-property:color; transition-property:color; -webkit-transition-duration:.3s; transition-duration:.3s; } .hvr-sweep-to-right:before { top:0; left:0; right:0; bottom:0; position:absolute; content:""; z-index:-1; background:#2098D1; -webkit-transform:scaleX(0); transform:scaleX(0); -webkit-transform-origin:0 50%; transform-origin:0 50%; -webkit-transition-property:transform; transition-property:transform; -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out; } .hvr-sweep-to-right:active, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:hover { color:#fff; } .hvr-sweep-to-right:active:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:hover:before { -webkit-transform:scaleX(1); transform:scaleX(1); } .hvr-sweep-to-left { position:relative; display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; -webkit-transition-property:color; transition-property:color; -webkit-transition-duration:.3s; transition-duration:.3s; } .hvr-sweep-to-left:before { top:0; left:0; right:0; bottom:0; position:absolute; content:""; z-index:-1; background:#2098D1; -webkit-transform:scaleX(0); transform:scaleX(0); -webkit-transform-origin:100% 50%; transform-origin:100% 50%; -webkit-transition-property:transform; transition-property:transform; -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out; } .hvr-sweep-to-left:active, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:hover { color:#fff; } .hvr-sweep-to-left:active:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:hover:before { -webkit-transform:scaleX(1); transform:scaleX(1); } .hvr-sweep-to-bottom { position:relative; display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; -webkit-transition-property:color; transition-property:color; -webkit-transition-duration:.3s; transition-duration:.3s; } .hvr-sweep-to-bottom:before { top:0; left:0; right:0; bottom:0; position:absolute; content:""; z-index:-1; background:#2098D1; -webkit-transform:scaleY(0); transform:scaleY(0); -webkit-transform-origin:50% 0; transform-origin:50% 0; -webkit-transition-property:transform; transition-property:transform; -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out; } .hvr-sweep-to-bottom:active, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:hover { color:#fff; } .hvr-sweep-to-bottom:active:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:hover:before { -webkit-transform:scaleY(1); transform:scaleY(1); } .hvr-sweep-to-top { position:relative; display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; -webkit-transition-property:color; transition-property:color; -webkit-transition-duration:.3s; transition-duration:.3s; } .hvr-sweep-to-top:before { top:0; left:0; right:0; bottom:0; position:absolute; content:""; z-index:-1; background:#2098D1; -webkit-transform:scaleY(0); transform:scaleY(0); -webkit-transform-origin:50% 100%; transform-origin:50% 100%; -webkit-transition-property:transform; transition-property:transform; -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out; } .hvr-sweep-to-top:active, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:hover { color:#fff; } .hvr-sweep-to-top:active:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:hover:before { -webkit-transform:scaleY(1); transform:scaleY(1); } .hvr-bounce-to-right { position:relative; display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; -webkit-transition-property:color; transition-property:color; -webkit-transition-duration:.5s; transition-duration:.5s; } .hvr-bounce-to-right:before { top:0; left:0; right:0; bottom:0; position:absolute; content:""; z-index:-1; background:#2098D1; -webkit-transform:scaleX(0); transform:scaleX(0); -webkit-transform-origin:0 50%; transform-origin:0 50%; -webkit-transition-property:transform; transition-property:transform; -webkit-transition-duration:.5s; transition-duration:.5s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out; } .hvr-bounce-to-right:active, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:hover { color:#fff; } .hvr-bounce-to-right:active:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:hover:before { -webkit-transform:scaleX(1); transform:scaleX(1); -webkit-transition-timing-function:cubic-bezier(0.52,1.64,.37,.66); transition-timing-function:cubic-bezier(0.52,1.64,.37,.66); } .hvr-bounce-to-left { position:relative; display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; -webkit-transition-property:color; transition-property:color; -webkit-transition-duration:.5s; transition-duration:.5s; } .hvr-bounce-to-left:before { top:0; left:0; right:0; bottom:0; position:absolute; content:""; z-index:-1; background:#2098D1; -webkit-transform:scaleX(0); transform:scaleX(0); -webkit-transform-origin:100% 50%; transform-origin:100% 50%; -webkit-transition-property:transform; transition-property:transform; -webkit-transition-duration:.5s; transition-duration:.5s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out; } .hvr-bounce-to-left:active, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:hover { color:#fff; } .hvr-bounce-to-left:active:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:hover:before { -webkit-transform:scaleX(1); transform:scaleX(1); -webkit-transition-timing-function:cubic-bezier(0.52,1.64,.37,.66); transition-timing-function:cubic-bezier(0.52,1.64,.37,.66); } .hvr-bounce-to-bottom { position:relative; display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; -webkit-transition-property:color; transition-property:color; -webkit-transition-duration:.5s; transition-duration:.5s; } .hvr-bounce-to-bottom:before { top:0; left:0; right:0; bottom:0; position:absolute; content:""; z-index:-1; background:#2098D1; -webkit-transform:scaleY(0); transform:scaleY(0); -webkit-transform-origin:50% 0; transform-origin:50% 0; -webkit-transition-property:transform; transition-property:transform; -webkit-transition-duration:.5s; transition-duration:.5s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out; } .hvr-bounce-to-bottom:active, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:hover { color:#fff; } .hvr-bounce-to-bottom:active:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:hover:before { -webkit-transform:scaleY(1); transform:scaleY(1); -webkit-transition-timing-function:cubic-bezier(0.52,1.64,.37,.66); transition-timing-function:cubic-bezier(0.52,1.64,.37,.66); } .hvr-bounce-to-top { position:relative; display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; -webkit-transition-property:color; transition-property:color; -webkit-transition-duration:.5s; transition-duration:.5s; } .hvr-bounce-to-top:before { top:0; left:0; right:0; bottom:0; position:absolute; content:""; z-index:-1; background:#2098D1; -webkit-transform:scaleY(0); transform:scaleY(0); -webkit-transform-origin:50% 100%; transform-origin:50% 100%; -webkit-transition-property:transform; transition-property:transform; -webkit-transition-duration:.5s; transition-duration:.5s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out; } .hvr-bounce-to-top:active, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:hover { color:#fff; } .hvr-bounce-to-top:active:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:hover:before { -webkit-transform:scaleY(1); transform:scaleY(1); -webkit-transition-timing-function:cubic-bezier(0.52,1.64,.37,.66); transition-timing-function:cubic-bezier(0.52,1.64,.37,.66); } .hvr-radial-out { position:relative; overflow:hidden; display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; background:#e1e1e1; -webkit-transition-property:color; transition-property:color; -webkit-transition-duration:.3s; transition-duration:.3s; } .hvr-radial-out:before { top:0; left:0; right:0; bottom:0; position:absolute; border-radius:100%; content:""; z-index:-1; background:#2098D1; -webkit-transform:scale(0); transform:scale(0); -webkit-transition-property:transform; transition-property:transform; -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out; } .hvr-radial-out:active, .hvr-radial-out:focus, .hvr-radial-out:hover { color:#fff; } .hvr-radial-out:active:before, .hvr-radial-out:focus:before, .hvr-radial-out:hover:before { -webkit-transform:scale(2); transform:scale(2); } .hvr-radial-in { position:relative; overflow:hidden; display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; background:#2098D1; -webkit-transition-property:color; transition-property:color; -webkit-transition-duration:.3s; transition-duration:.3s; } .hvr-radial-in:before { top:0; left:0; right:0; bottom:0; position:absolute; border-radius:100%; content:""; z-index:-1; background:#e1e1e1; -webkit-transform:scale(2); transform:scale(2); -webkit-transition-property:transform; transition-property:transform; -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out; } .hvr-radial-in:active, .hvr-radial-in:focus, .hvr-radial-in:hover { color:#fff; } .hvr-radial-in:active:before, .hvr-radial-in:focus:before, .hvr-radial-in:hover:before { -webkit-transform:scale(0); transform:scale(0); } .hvr-rectangle-in { position:relative; display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; background:#2098D1; -webkit-transition-property:color; transition-property:color; -webkit-transition-duration:.3s; transition-duration:.3s; } .hvr-rectangle-in:before { top:0; left:0; right:0; bottom:0; position:absolute; content:""; z-index:-1; background:#e1e1e1; -webkit-transform:scale(1); transform:scale(1); -webkit-transition-property:transform; transition-property:transform; -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out; } .hvr-rectangle-in:active, .hvr-rectangle-in:focus, .hvr-rectangle-in:hover { color:#fff; } .hvr-rectangle-in:active:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:hover:before { -webkit-transform:scale(0); transform:scale(0); } .hvr-rectangle-out { position:relative; display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; background:#e1e1e1; -webkit-transition-property:color; transition-property:color; -webkit-transition-duration:.3s; transition-duration:.3s; } .hvr-rectangle-out:before { top:0; left:0; right:0; bottom:0; position:absolute; content:""; z-index:-1; background:#2098D1; -webkit-transform:scale(0); transform:scale(0); -webkit-transition-property:transform; transition-property:transform; -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out; } .hvr-rectangle-out:active, .hvr-rectangle-out:focus, .hvr-rectangle-out:hover { color:#fff; } .hvr-rectangle-out:active:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:hover:before { -webkit-transform:scale(1); transform:scale(1); } .hvr-shutter-in-horizontal { position:relative; display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; background:#2098D1; -webkit-transition-property:color; transition-property:color; -webkit-transition-duration:.3s; transition-duration:.3s; } .hvr-shutter-in-horizontal:before { top:0; bottom:0; left:0; right:0; position:absolute; content:""; z-index:-1; background:#e1e1e1; -webkit-transform:scaleX(1); transform:scaleX(1); -webkit-transform-origin:50%; transform-origin:50%; -webkit-transition-property:transform; transition-property:transform; -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out; } .hvr-shutter-in-horizontal:active, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:hover { color:#fff; } .hvr-shutter-in-horizontal:active:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:hover:before { -webkit-transform:scaleX(0); transform:scaleX(0); } .hvr-shutter-out-horizontal { position:relative; display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; background:#e1e1e1; -webkit-transition-property:color; transition-property:color; -webkit-transition-duration:.3s; transition-duration:.3s; } .hvr-shutter-out-horizontal:before { top:0; bottom:0; left:0; right:0; position:absolute; content:""; z-index:-1; background:#2098D1; -webkit-transform:scaleX(0); transform:scaleX(0); -webkit-transform-origin:50%; transform-origin:50%; -webkit-transition-property:transform; transition-property:transform; -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out; } .hvr-shutter-out-horizontal:active, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:hover { color:#fff; } .hvr-shutter-out-horizontal:active:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:hover:before { -webkit-transform:scaleX(1); transform:scaleX(1); } .hvr-shutter-in-vertical { position:relative; display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; background:#2098D1; -webkit-transition-property:color; transition-property:color; -webkit-transition-duration:.3s; transition-duration:.3s; } .hvr-shutter-in-vertical:before { top:0; bottom:0; left:0; right:0; position:absolute; content:""; z-index:-1; background:#e1e1e1; -webkit-transform:scaleY(1); transform:scaleY(1); -webkit-transform-origin:50%; transform-origin:50%; -webkit-transition-property:transform; transition-property:transform; -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out; } .hvr-shutter-in-vertical:active, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:hover { color:#fff; } .hvr-shutter-in-vertical:active:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:hover:before { -webkit-transform:scaleY(0); transform:scaleY(0); } .hvr-shutter-out-vertical { position:relative; display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; background:#e1e1e1; -webkit-transition-property:color; transition-property:color; -webkit-transition-duration:.3s; transition-duration:.3s; } .hvr-shutter-out-vertical:before { top:0; bottom:0; left:0; right:0; position:absolute; content:""; z-index:-1; background:#2098D1; -webkit-transform:scaleY(0); transform:scaleY(0); -webkit-transform-origin:50%; transform-origin:50%; -webkit-transition-property:transform; transition-property:transform; -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out; } .hvr-shutter-out-vertical:active, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:hover { color:#fff; } .hvr-shutter-out-vertical:active:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:hover:before { -webkit-transform:scaleY(1); transform:scaleY(1); } .hvr-border-fade { display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-property:box-shadow; transition-property:box-shadow; box-shadow:inset 0 0 0 4px #e1e1e1,0 0 1px transparent; } .hvr-border-fade:active, .hvr-border-fade:focus, .hvr-border-fade:hover { box-shadow:inset 0 0 0 4px #2098D1,0 0 1px transparent; } .hvr-hollow { display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-property:background; transition-property:background; box-shadow:inset 0 0 0 4px #e1e1e1,0 0 1px transparent; } .hvr-hollow:active, .hvr-hollow:focus, .hvr-hollow:hover { background:0 0; } .hvr-trim { position:relative; display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; } .hvr-trim:before { top:4px; position:absolute; content:''; border:#fff solid 4px; left:4px; right:4px; bottom:4px; opacity:0; -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-property:opacity; transition-property:opacity; } .hvr-trim:active:before, .hvr-trim:focus:before, .hvr-trim:hover:before { opacity:1; } @-webkit-keyframes hvr-ripple-out { 100%{top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0} } @keyframes hvr-ripple-out { 100%{top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0} } .hvr-ripple-out { position:relative; display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; } .hvr-ripple-out:before { top:0; right:0; bottom:0; left:0; position:absolute; content:''; border:#e1e1e1 solid 6px; -webkit-animation-duration:1s; animation-duration:1s; } .hvr-ripple-out:active:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:hover:before { -webkit-animation-name:hvr-ripple-out; animation-name:hvr-ripple-out; } @-webkit-keyframes hvr-ripple-in { 100%{top:0;right:0;bottom:0;left:0;opacity:1} } @keyframes hvr-ripple-in { 100%{top:0;right:0;bottom:0;left:0;opacity:1} } .hvr-ripple-in { position:relative; display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; } .hvr-ripple-in:before { top:-12px; position:absolute; content:''; border:#e1e1e1 solid 4px; right:-12px; bottom:-12px; left:-12px; opacity:0; -webkit-animation-duration:1s; animation-duration:1s; } .hvr-ripple-in:active:before, .hvr-ripple-in:focus:before, .hvr-ripple-in:hover:before { -webkit-animation-name:hvr-ripple-in; animation-name:hvr-ripple-in; } .hvr-outline-out { position:relative; display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; } .hvr-outline-out:before { top:0; right:0; bottom:0; left:0; position:absolute; content:''; border:#e1e1e1 solid 4px; -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-property:top,right,bottom,left; transition-property:top,right,bottom,left; } .hvr-outline-out:active:before, .hvr-outline-out:focus:before, .hvr-outline-out:hover:before { top:-8px; right:-8px; bottom:-8px; left:-8px; } .hvr-outline-in { position:relative; display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; } .hvr-outline-in:before { top:-16px; position:absolute; pointer-events:none; content:''; border:#e1e1e1 solid 4px; right:-16px; bottom:-16px; left:-16px; opacity:0; -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-property:top,right,bottom,left; transition-property:top,right,bottom,left; } .hvr-outline-in:active:before, .hvr-outline-in:focus:before, .hvr-outline-in:hover:before { top:-8px; right:-8px; bottom:-8px; left:-8px; opacity:1; } .hvr-round-corners { display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-property:border-radius; transition-property:border-radius; } .hvr-round-corners:active, .hvr-round-corners:focus, .hvr-round-corners:hover { border-radius:1em; } .hvr-underline-from-left { position:relative; overflow:hidden; display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; } .hvr-underline-from-left:before { height:4px; left:0; right:100%; position:absolute; content:""; z-index:-1; bottom:0; background:#2098D1; -webkit-transition-property:right; transition-property:right; -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out; } .hvr-underline-from-left:active:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:hover:before { right:0; } .hvr-underline-from-center { position:relative; overflow:hidden; display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; } .hvr-underline-from-center:before { height:4px; left:50%; position:absolute; content:""; z-index:-1; right:50%; bottom:0; background:#2098D1; -webkit-transition-property:left,right; transition-property:left,right; -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out; } .hvr-underline-from-center:active:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:hover:before { left:0; right:0; } .hvr-underline-from-right { position:relative; overflow:hidden; display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; } .hvr-underline-from-right:before { height:4px; left:100%; position:absolute; content:""; z-index:-1; right:0; bottom:0; background:#2098D1; -webkit-transition-property:left; transition-property:left; -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out; } .hvr-underline-from-right:active:before, .hvr-underline-from-right:focus:before, .hvr-underline-from-right:hover:before { left:0; } .hvr-overline-from-left { position:relative; overflow:hidden; display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; } .hvr-overline-from-left:before { height:4px; left:0; right:100%; position:absolute; content:""; z-index:-1; top:0; background:#2098D1; -webkit-transition-property:right; transition-property:right; -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out; } .hvr-overline-from-left:active:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:hover:before { right:0; } .hvr-overline-from-center { position:relative; overflow:hidden; display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; } .hvr-overline-from-center:before { height:4px; left:50%; position:absolute; content:""; z-index:-1; right:50%; top:0; background:#2098D1; -webkit-transition-property:left,right; transition-property:left,right; -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out; } .hvr-overline-from-center:active:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:hover:before { left:0; right:0; } .hvr-overline-from-right { position:relative; overflow:hidden; display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; } .hvr-overline-from-right:before { height:4px; left:100%; position:absolute; content:""; z-index:-1; right:0; top:0; background:#2098D1; -webkit-transition-property:left; transition-property:left; -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out; } .hvr-overline-from-right:active:before, .hvr-overline-from-right:focus:before, .hvr-overline-from-right:hover:before { left:0; } .hvr-reveal { position:relative; overflow:hidden; display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; } .hvr-reveal:before { left:0; right:0; top:0; bottom:0; position:absolute; border:0 solid #2098D1; content:""; z-index:-1; -webkit-transition-property:border-width; transition-property:border-width; -webkit-transition-duration:.1s; transition-duration:.1s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out; } .hvr-reveal:active:before, .hvr-reveal:focus:before, .hvr-reveal:hover:before { border:4px; -webkit-transform:translateY(0); transform:translateY(0); } .hvr-underline-reveal { position:relative; overflow:hidden; display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; } .hvr-underline-reveal:before { height:4px; left:0; right:0; bottom:0; position:absolute; content:""; z-index:-1; background:#2098D1; -webkit-transform:translateY(4px); transform:translateY(4px); -webkit-transition-property:transform; transition-property:transform; -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out; } .hvr-underline-reveal:active:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:hover:before { -webkit-transform:translateY(0); transform:translateY(0); } .hvr-overline-reveal { position:relative; overflow:hidden; display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; } .hvr-overline-reveal:before { height:4px; left:0; right:0; top:0; position:absolute; content:""; z-index:-1; background:#2098D1; -webkit-transform:translateY(-4px); transform:translateY(-4px); -webkit-transition-property:transform; transition-property:transform; -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out; } .hvr-overline-reveal:active:before, .hvr-overline-reveal:focus:before, .hvr-overline-reveal:hover:before { -webkit-transform:translateY(0); transform:translateY(0); } .hvr-glow { display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-property:box-shadow; transition-property:box-shadow; } .hvr-glow:active, .hvr-glow:focus, .hvr-glow:hover { box-shadow:0 0 8px rgba(0,0,0,.6); } .hvr-shadow { display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-property:box-shadow; transition-property:box-shadow; } .hvr-shadow:active, .hvr-shadow:focus, .hvr-shadow:hover { box-shadow:0 10px 10px -10px rgba(0,0,0,.5); } .hvr-grow-shadow { display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-property:box-shadow,transform; transition-property:box-shadow,transform; } .hvr-grow-shadow:active, .hvr-grow-shadow:focus, .hvr-grow-shadow:hover { box-shadow:0 10px 10px -10px rgba(0,0,0,.5); -webkit-transform:scale(1.1); transform:scale(1.1); } .hvr-box-shadow-outset { display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-property:box-shadow; transition-property:box-shadow; } .hvr-box-shadow-outset:active, .hvr-box-shadow-outset:focus, .hvr-box-shadow-outset:hover { box-shadow:2px 2px 2px rgba(0,0,0,.6); } .hvr-box-shadow-inset { display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-property:box-shadow; transition-property:box-shadow; box-shadow:inset 0 0 0 rgba(0,0,0,.6),0 0 1px transparent; } .hvr-box-shadow-inset:active, .hvr-box-shadow-inset:focus, .hvr-box-shadow-inset:hover { box-shadow:inset 2px 2px 2px rgba(0,0,0,.6),0 0 1px transparent; } .hvr-float-shadow { position:relative; display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-property:transform; transition-property:transform; } .hvr-float-shadow:before { width:90%; height:10px; top:100%; position:absolute; pointer-events:none; z-index:-1; content:''; left:5%; opacity:0; background:-webkit-radial-gradient(center,ellipse,rgba(0,0,0,.35) 0,transparent 80%); background:radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,transparent 80%); -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-property:transform,opacity; transition-property:transform,opacity; } .hvr-float-shadow:active, .hvr-float-shadow:focus, .hvr-float-shadow:hover { -webkit-transform:translateY(-5px); transform:translateY(-5px); } .hvr-float-shadow:active:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:hover:before { opacity:1; -webkit-transform:translateY(5px); transform:translateY(5px); } .hvr-shadow-radial { position:relative; display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; } .hvr-shadow-radial:after, .hvr-shadow-radial:before { width:100%; height:5px; left:0; position:absolute; pointer-events:none; content:''; box-sizing:border-box; opacity:0; -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-property:opacity; transition-property:opacity; } .hvr-shadow-radial:before { bottom:100%; background:-webkit-radial-gradient(50% 150%,ellipse,rgba(0,0,0,.6) 0,transparent 80%); background:radial-gradient(ellipse at 50% 150%,rgba(0,0,0,.6) 0,transparent 80%); } .hvr-shadow-radial:after { top:100%; background:-webkit-radial-gradient(50% -50%,ellipse,rgba(0,0,0,.6) 0,transparent 80%); background:radial-gradient(ellipse at 50% -50%,rgba(0,0,0,.6) 0,transparent 80%); } .hvr-shadow-radial:active:after, .hvr-shadow-radial:active:before, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:hover:before { opacity:1; } .hvr-bubble-top { position:relative; display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; } .hvr-bubble-top:before { top:0; position:absolute; border-style:solid; pointer-events:none; z-index:-1; content:''; -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-property:transform; transition-property:transform; left:calc(50% - 10px); border-color:transparent transparent #e1e1e1; } .hvr-bubble-top:active:before, .hvr-bubble-top:focus:before, .hvr-bubble-top:hover:before { -webkit-transform:translateY(-10px); transform:translateY(-10px); } .hvr-bubble-right { position:relative; display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; } .hvr-bubble-right:before { right:0; position:absolute; border-top:10px solid; border-right:0px solid; border-bottom:10px solid; border-left:10px solid; pointer-events:none; z-index:-1; content:''; -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-property:transform; transition-property:transform; top:calc(50% - 10px); border-color:transparent transparent transparent #e1e1e1; } .hvr-bubble-right:active:before, .hvr-bubble-right:focus:before, .hvr-bubble-right:hover:before { -webkit-transform:translateX(10px); transform:translateX(10px); } .hvr-bubble-bottom { position:relative; display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; } .hvr-bubble-bottom:before { bottom:0; position:absolute; border-style:solid; pointer-events:none; z-index:-1; content:''; -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-property:transform; transition-property:transform; left:calc(50% - 10px); border-color:#e1e1e1 transparent transparent; } .hvr-bubble-bottom:active:before, .hvr-bubble-bottom:focus:before, .hvr-bubble-bottom:hover:before { -webkit-transform:translateY(10px); transform:translateY(10px); } .hvr-bubble-left { position:relative; display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; } .hvr-bubble-left:before { left:0; position:absolute; border-top:10px solid; border-right:10px solid; border-bottom:10px solid; border-left:0px solid; pointer-events:none; z-index:-1; content:''; -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-property:transform; transition-property:transform; top:calc(50% - 10px); border-color:transparent #e1e1e1 transparent transparent; } .hvr-bubble-left:active:before, .hvr-bubble-left:focus:before, .hvr-bubble-left:hover:before { -webkit-transform:translateX(-10px); transform:translateX(-10px); } .hvr-bubble-float-top { position:relative; display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-property:transform; transition-property:transform; } .hvr-bubble-float-top:before { top:0; position:absolute; border-style:solid; z-index:-1; content:''; left:calc(50% - 10px); border-color:transparent transparent #e1e1e1; -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-property:transform; transition-property:transform; } .hvr-bubble-float-top:active, .hvr-bubble-float-top:focus, .hvr-bubble-float-top:hover { -webkit-transform:translateY(10px); transform:translateY(10px); } .hvr-bubble-float-top:active:before, .hvr-bubble-float-top:focus:before, .hvr-bubble-float-top:hover:before { -webkit-transform:translateY(-10px); transform:translateY(-10px); } .hvr-bubble-float-right { position:relative; display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-property:transform; transition-property:transform; } .hvr-bubble-float-right:before { right:0; position:absolute; border-top:10px solid; border-right:0px solid; border-bottom:10px solid; border-left:10px solid; z-index:-1; top:calc(50% - 10px); content:''; border-color:transparent transparent transparent #e1e1e1; -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-property:transform; transition-property:transform; } .hvr-bubble-float-right:active, .hvr-bubble-float-right:focus, .hvr-bubble-float-right:hover { -webkit-transform:translateX(-10px); transform:translateX(-10px); } .hvr-bubble-float-right:active:before, .hvr-bubble-float-right:focus:before, .hvr-bubble-float-right:hover:before { -webkit-transform:translateX(10px); transform:translateX(10px); } .hvr-bubble-float-bottom { position:relative; display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-property:transform; transition-property:transform; } .hvr-bubble-float-bottom:before { bottom:0; position:absolute; border-style:solid; z-index:-1; content:''; left:calc(50% - 10px); border-color:#e1e1e1 transparent transparent; -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-property:transform; transition-property:transform; } .hvr-bubble-float-bottom:active, .hvr-bubble-float-bottom:focus, .hvr-bubble-float-bottom:hover { -webkit-transform:translateY(-10px); transform:translateY(-10px); } .hvr-bubble-float-bottom:active:before, .hvr-bubble-float-bottom:focus:before, .hvr-bubble-float-bottom:hover:before { -webkit-transform:translateY(10px); transform:translateY(10px); } .hvr-bubble-float-left { position:relative; display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-property:transform; transition-property:transform; } .hvr-bubble-float-left:before { left:0; position:absolute; border-top:10px solid; border-right:10px solid; border-bottom:10px solid; border-left:0px solid; z-index:-1; content:''; top:calc(50% - 10px); border-color:transparent #e1e1e1 transparent transparent; -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-property:transform; transition-property:transform; } .hvr-bubble-float-left:active, .hvr-bubble-float-left:focus, .hvr-bubble-float-left:hover { -webkit-transform:translateX(10px); transform:translateX(10px); } .hvr-bubble-float-left:active:before, .hvr-bubble-float-left:focus:before, .hvr-bubble-float-left:hover:before { -webkit-transform:translateX(-10px); transform:translateX(-10px); } .hvr-icon-back { position:relative; display:inline-block; padding-left:2.2em; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; -webkit-transition-duration:.1s; transition-duration:.1s; } .hvr-icon-back:before { left:1em; position:absolute; padding:0 1px; font-family:FontAwesome; content:"\f137"; -webkit-transform:translateZ(0); transform:translateZ(0); -webkit-transition-duration:.1s; transition-duration:.1s; -webkit-transition-property:transform; transition-property:transform; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out; } .hvr-icon-back:active:before, .hvr-icon-back:focus:before, .hvr-icon-back:hover:before { -webkit-transform:translateX(-4px); transform:translateX(-4px); } .hvr-icon-forward { position:relative; display:inline-block; padding-right:2.2em; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; -webkit-transition-duration:.1s; transition-duration:.1s; } .hvr-icon-forward:before { right:1em; position:absolute; padding:0 1px; font-family:FontAwesome; content:"\f138"; -webkit-transform:translateZ(0); transform:translateZ(0); -webkit-transition-duration:.1s; transition-duration:.1s; -webkit-transition-property:transform; transition-property:transform; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out; } .hvr-icon-forward:active:before, .hvr-icon-forward:focus:before, .hvr-icon-forward:hover:before { -webkit-transform:translateX(4px); transform:translateX(4px); } @-webkit-keyframes hvr-icon-down { 0%,100%,50%{-webkit-transform:translateY(0);transform:translateY(0)}25%,75%{-webkit-transform:translateY(6px);transform:translateY(6px)} } @keyframes hvr-icon-down { 0%,100%,50%{-webkit-transform:translateY(0);transform:translateY(0)}25%,75%{-webkit-transform:translateY(6px);transform:translateY(6px)} } .hvr-icon-down { position:relative; display:inline-block; padding-right:2.2em; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; } .hvr-icon-down:before { right:1em; position:absolute; padding:0 1px; font-family:FontAwesome; content:"\f01a"; -webkit-transform:translateZ(0); transform:translateZ(0); } .hvr-icon-down:active:before, .hvr-icon-down:focus:before, .hvr-icon-down:hover:before { -webkit-animation-name:hvr-icon-down; animation-name:hvr-icon-down; -webkit-animation-duration:.75s; animation-duration:.75s; -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out; } @-webkit-keyframes hvr-icon-up { 0%,100%,50%{-webkit-transform:translateY(0);transform:translateY(0)}25%,75%{-webkit-transform:translateY(-6px);transform:translateY(-6px)} } @keyframes hvr-icon-up { 0%,100%,50%{-webkit-transform:translateY(0);transform:translateY(0)}25%,75%{-webkit-transform:translateY(-6px);transform:translateY(-6px)} } .hvr-icon-up { position:relative; display:inline-block; padding-right:2.2em; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; } .hvr-icon-up:before { right:1em; position:absolute; padding:0 1px; font-family:FontAwesome; content:"\f01b"; -webkit-transform:translateZ(0); transform:translateZ(0); } .hvr-icon-up:active:before, .hvr-icon-up:focus:before, .hvr-icon-up:hover:before { -webkit-animation-name:hvr-icon-up; animation-name:hvr-icon-up; -webkit-animation-duration:.75s; animation-duration:.75s; -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out; } .hvr-icon-spin { position:relative; display:inline-block; padding-right:2.2em; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; } .hvr-icon-spin:before { right:1em; position:absolute; padding:0 1px; font-family:FontAwesome; content:"\f021"; -webkit-transition-duration:1s; transition-duration:1s; -webkit-transition-property:transform; transition-property:transform; -webkit-transition-timing-function:ease-in-out; transition-timing-function:ease-in-out; } .hvr-icon-spin:active:before, .hvr-icon-spin:focus:before, .hvr-icon-spin:hover:before { -webkit-transform:rotate(360deg); transform:rotate(360deg); } @-webkit-keyframes hvr-icon-drop { 0%{opacity:0}50%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}100%,51%{opacity:1} } @keyframes hvr-icon-drop { 0%{opacity:0}50%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}100%,51%{opacity:1} } .hvr-icon-drop { position:relative; display:inline-block; padding-right:2.2em; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; } .hvr-icon-drop:before { right:1em; position:absolute; padding:0 1px; font-family:FontAwesome; content:"\f041"; opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0); } .hvr-icon-drop:active:before, .hvr-icon-drop:focus:before, .hvr-icon-drop:hover:before { opacity:0; -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-animation-name:hvr-icon-drop; animation-name:hvr-icon-drop; -webkit-animation-duration:.5s; animation-duration:.5s; -webkit-animation-delay:.3s; animation-delay:.3s; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; -webkit-animation-timing-function:cubic-bezier(0.52,1.64,.37,.66); animation-timing-function:cubic-bezier(0.52,1.64,.37,.66); } .hvr-icon-fade { position:relative; display:inline-block; padding-right:2.2em; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; } .hvr-icon-fade:before { right:1em; position:absolute; padding:0 1px; font-family:FontAwesome; content:"\f00c"; -webkit-transform:translateZ(0); transform:translateZ(0); -webkit-transition-duration:.5s; transition-duration:.5s; -webkit-transition-property:color; transition-property:color; } .hvr-icon-fade:active:before, .hvr-icon-fade:focus:before, .hvr-icon-fade:hover:before { color:#0F9E5E; } @-webkit-keyframes hvr-icon-float-away { 0%{opacity:1}100%{opacity:0;-webkit-transform:translateY(-1em);transform:translateY(-1em)} } @keyframes hvr-icon-float-away { 0%{opacity:1}100%{opacity:0;-webkit-transform:translateY(-1em);transform:translateY(-1em)} } .hvr-icon-float-away { position:relative; display:inline-block; padding-right:2.2em; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; } .hvr-icon-float-away:after, .hvr-icon-float-away:before { right:1em; position:absolute; padding:0 1px; font-family:FontAwesome; content:"\f055"; } .hvr-icon-float-away:after { opacity:0; -webkit-animation-duration:.5s; animation-duration:.5s; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; } .hvr-icon-float-away:active:after, .hvr-icon-float-away:focus:after, .hvr-icon-float-away:hover:after { -webkit-animation-name:hvr-icon-float-away; animation-name:hvr-icon-float-away; -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out; } @-webkit-keyframes hvr-icon-sink-away { 0%{opacity:1}100%{opacity:0;-webkit-transform:translateY(1em);transform:translateY(1em)} } @keyframes hvr-icon-sink-away { 0%{opacity:1}100%{opacity:0;-webkit-transform:translateY(1em);transform:translateY(1em)} } .hvr-icon-sink-away { position:relative; display:inline-block; padding-right:2.2em; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; } .hvr-icon-sink-away:after, .hvr-icon-sink-away:before { right:1em; position:absolute; padding:0 1px; font-family:FontAwesome; content:"\f056"; -webkit-transform:translateZ(0); transform:translateZ(0); } .hvr-icon-sink-away:after { opacity:0; -webkit-animation-duration:.5s; animation-duration:.5s; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; } .hvr-icon-sink-away:active:after, .hvr-icon-sink-away:focus:after, .hvr-icon-sink-away:hover:after { -webkit-animation-name:hvr-icon-sink-away; animation-name:hvr-icon-sink-away; -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out; } .hvr-icon-grow { position:relative; display:inline-block; padding-right:2.2em; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; -webkit-transition-duration:.3s; transition-duration:.3s; } .hvr-icon-grow:before { right:1em; position:absolute; padding:0 1px; font-family:FontAwesome; content:"\f118"; -webkit-transform:translateZ(0); transform:translateZ(0); -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-property:transform; transition-property:transform; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out; } .hvr-icon-grow:active:before, .hvr-icon-grow:focus:before, .hvr-icon-grow:hover:before { -webkit-transform:scale(1.3) translateZ(0); transform:scale(1.3) translateZ(0); } .hvr-icon-shrink { position:relative; display:inline-block; padding-right:2.2em; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; -webkit-transition-duration:.3s; transition-duration:.3s; } .hvr-icon-shrink:before { right:1em; position:absolute; padding:0 1px; font-family:FontAwesome; content:"\f119"; -webkit-transform:translateZ(0); transform:translateZ(0); -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-property:transform; transition-property:transform; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out; } .hvr-icon-shrink:active:before, .hvr-icon-shrink:focus:before, .hvr-icon-shrink:hover:before { -webkit-transform:scale(0.8); transform:scale(0.8); } @-webkit-keyframes hvr-icon-pulse { 25%{-webkit-transform:scale(1.3);transform:scale(1.3)}75%{-webkit-transform:scale(0.8);transform:scale(0.8)} } @keyframes hvr-icon-pulse { 25%{-webkit-transform:scale(1.3);transform:scale(1.3)}75%{-webkit-transform:scale(0.8);transform:scale(0.8)} } .hvr-icon-pulse { position:relative; display:inline-block; padding-right:2.2em; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; } .hvr-icon-pulse:before { right:1em; position:absolute; padding:0 1px; font-family:FontAwesome; content:"\f015"; -webkit-transform:translateZ(0); transform:translateZ(0); -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out; } .hvr-icon-pulse:active:before, .hvr-icon-pulse:focus:before, .hvr-icon-pulse:hover:before { -webkit-animation-name:hvr-icon-pulse; animation-name:hvr-icon-pulse; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-timing-function:linear; animation-timing-function:linear; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; } @-webkit-keyframes hvr-icon-pulse-grow { to{-webkit-transform:scale(1.3);transform:scale(1.3)} } @keyframes hvr-icon-pulse-grow { to{-webkit-transform:scale(1.3);transform:scale(1.3)} } .hvr-icon-pulse-grow { position:relative; display:inline-block; padding-right:2.2em; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; } .hvr-icon-pulse-grow:before { right:1em; position:absolute; padding:0 1px; font-family:FontAwesome; content:"\f015"; -webkit-transform:translateZ(0); transform:translateZ(0); -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out; } .hvr-icon-pulse-grow:active:before, .hvr-icon-pulse-grow:focus:before, .hvr-icon-pulse-grow:hover:before { -webkit-animation-name:hvr-icon-pulse-grow; animation-name:hvr-icon-pulse-grow; -webkit-animation-duration:.3s; animation-duration:.3s; -webkit-animation-timing-function:linear; animation-timing-function:linear; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; -webkit-animation-direction:alternate; animation-direction:alternate; } @-webkit-keyframes hvr-icon-pulse-shrink { to{-webkit-transform:scale(0.8);transform:scale(0.8)} } @keyframes hvr-icon-pulse-shrink { to{-webkit-transform:scale(0.8);transform:scale(0.8)} } .hvr-icon-pulse-shrink { position:relative; display:inline-block; padding-right:2.2em; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; } .hvr-icon-pulse-shrink:before { right:1em; position:absolute; padding:0 1px; font-family:FontAwesome; content:"\f015"; -webkit-transform:translateZ(0); transform:translateZ(0); -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out; } .hvr-icon-pulse-shrink:active:before, .hvr-icon-pulse-shrink:focus:before, .hvr-icon-pulse-shrink:hover:before { -webkit-animation-name:hvr-icon-pulse-shrink; animation-name:hvr-icon-pulse-shrink; -webkit-animation-duration:.3s; animation-duration:.3s; -webkit-animation-timing-function:linear; animation-timing-function:linear; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; -webkit-animation-direction:alternate; animation-direction:alternate; } @-webkit-keyframes hvr-icon-push { 50%{-webkit-transform:scale(0.5);transform:scale(0.5)} } @keyframes hvr-icon-push { 50%{-webkit-transform:scale(0.5);transform:scale(0.5)} } .hvr-icon-push { position:relative; display:inline-block; padding-right:2.2em; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; -webkit-transition-duration:.3s; transition-duration:.3s; } .hvr-icon-push:before { right:1em; position:absolute; padding:0 1px; font-family:FontAwesome; content:"\f006"; -webkit-transform:translateZ(0); transform:translateZ(0); -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-property:transform; transition-property:transform; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out; } .hvr-icon-push:active:before, .hvr-icon-push:focus:before, .hvr-icon-push:hover:before { -webkit-animation-name:hvr-icon-push; animation-name:hvr-icon-push; -webkit-animation-duration:.3s; animation-duration:.3s; -webkit-animation-timing-function:linear; animation-timing-function:linear; -webkit-animation-iteration-count:1; animation-iteration-count:1; } @-webkit-keyframes hvr-icon-pop { 50%{-webkit-transform:scale(1.5);transform:scale(1.5)} } @keyframes hvr-icon-pop { 50%{-webkit-transform:scale(1.5);transform:scale(1.5)} } .hvr-icon-pop { position:relative; display:inline-block; padding-right:2.2em; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; -webkit-transition-duration:.3s; transition-duration:.3s; } .hvr-icon-pop:before { right:1em; position:absolute; padding:0 1px; font-family:FontAwesome; content:"\f005"; -webkit-transform:translateZ(0); transform:translateZ(0); -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-property:transform; transition-property:transform; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out; } .hvr-icon-pop:active:before, .hvr-icon-pop:focus:before, .hvr-icon-pop:hover:before { -webkit-animation-name:hvr-icon-pop; animation-name:hvr-icon-pop; -webkit-animation-duration:.3s; animation-duration:.3s; -webkit-animation-timing-function:linear; animation-timing-function:linear; -webkit-animation-iteration-count:1; animation-iteration-count:1; } .hvr-icon-bounce { position:relative; display:inline-block; padding-right:2.2em; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; -webkit-transition-duration:.3s; transition-duration:.3s; } .hvr-icon-bounce:before { right:1em; position:absolute; padding:0 1px; font-family:FontAwesome; content:"\f087"; -webkit-transform:translateZ(0); transform:translateZ(0); -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-property:transform; transition-property:transform; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out; } .hvr-icon-bounce:active:before, .hvr-icon-bounce:focus:before, .hvr-icon-bounce:hover:before { -webkit-transform:scale(1.5); transform:scale(1.5); -webkit-transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36); transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36); } .hvr-icon-rotate { position:relative; display:inline-block; padding-right:2.2em; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; -webkit-transition-duration:.3s; transition-duration:.3s; } .hvr-icon-rotate:before { right:1em; position:absolute; padding:0 1px; font-family:FontAwesome; content:"\f0c6"; -webkit-transform:translateZ(0); transform:translateZ(0); -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-property:transform; transition-property:transform; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out; } .hvr-icon-rotate:active:before, .hvr-icon-rotate:focus:before, .hvr-icon-rotate:hover:before { -webkit-transform:rotate(20deg); transform:rotate(20deg); } .hvr-icon-grow-rotate { position:relative; display:inline-block; padding-right:2.2em; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; -webkit-transition-duration:.3s; transition-duration:.3s; } .hvr-icon-grow-rotate:before { right:1em; position:absolute; padding:0 1px; font-family:FontAwesome; content:"\f095"; -webkit-transform:translateZ(0); transform:translateZ(0); -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-property:transform; transition-property:transform; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out; } .hvr-icon-grow-rotate:active:before, .hvr-icon-grow-rotate:focus:before, .hvr-icon-grow-rotate:hover:before { -webkit-transform:scale(1.5) rotate(12deg); transform:scale(1.5) rotate(12deg); } .hvr-icon-float { position:relative; display:inline-block; padding-right:2.2em; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; -webkit-transition-duration:.3s; transition-duration:.3s; } .hvr-icon-float:before { right:1em; position:absolute; padding:0 1px; font-family:FontAwesome; content:"\f01b"; -webkit-transform:translateZ(0); transform:translateZ(0); -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-property:transform; transition-property:transform; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out; } .hvr-icon-float:active:before, .hvr-icon-float:focus:before, .hvr-icon-float:hover:before { -webkit-transform:translateY(-4px); transform:translateY(-4px); } .hvr-icon-sink { position:relative; display:inline-block; padding-right:2.2em; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; -webkit-transition-duration:.3s; transition-duration:.3s; } .hvr-icon-sink:before { right:1em; position:absolute; padding:0 1px; font-family:FontAwesome; content:"\f01a"; -webkit-transform:translateZ(0); transform:translateZ(0); -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-property:transform; transition-property:transform; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out; } .hvr-icon-sink:active:before, .hvr-icon-sink:focus:before, .hvr-icon-sink:hover:before { -webkit-transform:translateY(4px); transform:translateY(4px); } @-webkit-keyframes hvr-icon-bob { 0%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}50%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)} } @keyframes hvr-icon-bob { 0%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}50%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)} } @-webkit-keyframes hvr-icon-bob-float { 100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)} } @keyframes hvr-icon-bob-float { 100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)} } .hvr-icon-bob { position:relative; display:inline-block; padding-right:2.2em; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; -webkit-transition-duration:.3s; transition-duration:.3s; } .hvr-icon-bob:before { right:1em; position:absolute; padding:0 1px; font-family:FontAwesome; content:"\f077"; -webkit-transform:translateZ(0); transform:translateZ(0); } .hvr-icon-bob:active:before, .hvr-icon-bob:focus:before, .hvr-icon-bob:hover:before { -webkit-animation-name:hvr-icon-bob-float,hvr-icon-bob; animation-name:hvr-icon-bob-float,hvr-icon-bob; -webkit-animation-duration:.3s,1.5s; animation-duration:.3s,1.5s; -webkit-animation-delay:0s,.3s; animation-delay:0s,.3s; -webkit-animation-timing-function:ease-out,ease-in-out; animation-timing-function:ease-out,ease-in-out; -webkit-animation-iteration-count:1,infinite; animation-iteration-count:1,infinite; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; -webkit-animation-direction:normal,alternate; animation-direction:normal,alternate; } @-webkit-keyframes hvr-icon-hang { 0%{-webkit-transform:translateY(6px);transform:translateY(6px)}50%{-webkit-transform:translateY(2px);transform:translateY(2px)}100%{-webkit-transform:translateY(6px);transform:translateY(6px)} } @keyframes hvr-icon-hang { 0%{-webkit-transform:translateY(6px);transform:translateY(6px)}50%{-webkit-transform:translateY(2px);transform:translateY(2px)}100%{-webkit-transform:translateY(6px);transform:translateY(6px)} } @-webkit-keyframes hvr-icon-hang-sink { 100%{-webkit-transform:translateY(6px);transform:translateY(6px)} } @keyframes hvr-icon-hang-sink { 100%{-webkit-transform:translateY(6px);transform:translateY(6px)} } .hvr-icon-hang { position:relative; display:inline-block; padding-right:2.2em; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; -webkit-transition-duration:.3s; transition-duration:.3s; } .hvr-icon-hang:before { right:1em; position:absolute; padding:0 1px; font-family:FontAwesome; content:"\f078"; -webkit-transform:translateZ(0); transform:translateZ(0); } .hvr-icon-hang:active:before, .hvr-icon-hang:focus:before, .hvr-icon-hang:hover:before { -webkit-animation-name:hvr-icon-hang-sink,hvr-icon-hang; animation-name:hvr-icon-hang-sink,hvr-icon-hang; -webkit-animation-duration:.3s,1.5s; animation-duration:.3s,1.5s; -webkit-animation-delay:0s,.3s; animation-delay:0s,.3s; -webkit-animation-timing-function:ease-out,ease-in-out; animation-timing-function:ease-out,ease-in-out; -webkit-animation-iteration-count:1,infinite; animation-iteration-count:1,infinite; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; -webkit-animation-direction:normal,alternate; animation-direction:normal,alternate; } @-webkit-keyframes hvr-icon-wobble-horizontal { 16.65%{-webkit-transform:translateX(6px);transform:translateX(6px)}33.3%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)} } @keyframes hvr-icon-wobble-horizontal { 16.65%{-webkit-transform:translateX(6px);transform:translateX(6px)}33.3%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)} } .hvr-icon-wobble-horizontal { position:relative; display:inline-block; padding-right:2.2em; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; -webkit-transition-duration:.3s; transition-duration:.3s; } .hvr-icon-wobble-horizontal:before { right:1em; position:absolute; padding:0 1px; font-family:FontAwesome; content:"\f061"; -webkit-transform:translateZ(0); transform:translateZ(0); } .hvr-icon-wobble-horizontal:active:before, .hvr-icon-wobble-horizontal:focus:before, .hvr-icon-wobble-horizontal:hover:before { -webkit-animation-name:hvr-icon-wobble-horizontal; animation-name:hvr-icon-wobble-horizontal; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; -webkit-animation-iteration-count:1; animation-iteration-count:1; } @-webkit-keyframes hvr-icon-wobble-vertical { 16.65%{-webkit-transform:translateY(6px);transform:translateY(6px)}33.3%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)} } @keyframes hvr-icon-wobble-vertical { 16.65%{-webkit-transform:translateY(6px);transform:translateY(6px)}33.3%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)} } .hvr-icon-wobble-vertical { position:relative; display:inline-block; padding-right:2.2em; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; -webkit-transition-duration:.3s; transition-duration:.3s; } .hvr-icon-wobble-vertical:before { right:1em; position:absolute; padding:0 1px; font-family:FontAwesome; content:"\f062"; -webkit-transform:translateZ(0); transform:translateZ(0); } .hvr-icon-wobble-vertical:active:before, .hvr-icon-wobble-vertical:focus:before, .hvr-icon-wobble-vertical:hover:before { -webkit-animation-name:hvr-icon-wobble-vertical; animation-name:hvr-icon-wobble-vertical; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; -webkit-animation-iteration-count:1; animation-iteration-count:1; } @-webkit-keyframes hvr-icon-buzz { 50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)} } @keyframes hvr-icon-buzz { 50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)} } .hvr-icon-buzz { position:relative; display:inline-block; padding-right:2.2em; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; -webkit-transition-duration:.3s; transition-duration:.3s; } .hvr-icon-buzz:before { right:1em; position:absolute; padding:0 1px; font-family:FontAwesome; content:"\f017"; -webkit-transform:translateZ(0); transform:translateZ(0); } .hvr-icon-buzz:active:before, .hvr-icon-buzz:focus:before, .hvr-icon-buzz:hover:before { -webkit-animation-name:hvr-icon-buzz; animation-name:hvr-icon-buzz; -webkit-animation-duration:.15s; animation-duration:.15s; -webkit-animation-timing-function:linear; animation-timing-function:linear; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; } @-webkit-keyframes hvr-icon-buzz-out { 10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)} } @keyframes hvr-icon-buzz-out { 10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)} } .hvr-icon-buzz-out { position:relative; display:inline-block; padding-right:2.2em; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; -webkit-transition-duration:.3s; transition-duration:.3s; } .hvr-icon-buzz-out:before { right:1em; position:absolute; padding:0 1px; font-family:FontAwesome; content:"\f023"; -webkit-transform:translateZ(0); transform:translateZ(0); } .hvr-icon-buzz-out:active:before, .hvr-icon-buzz-out:focus:before, .hvr-icon-buzz-out:hover:before { -webkit-animation-name:hvr-icon-buzz-out; animation-name:hvr-icon-buzz-out; -webkit-animation-duration:.75s; animation-duration:.75s; -webkit-animation-timing-function:linear; animation-timing-function:linear; -webkit-animation-iteration-count:1; animation-iteration-count:1; } .hvr-curl-top-left { position:relative; display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; } .hvr-curl-top-left:before { width:0; height:0; top:0; left:0; position:absolute; pointer-events:none; content:''; background:#fff; background:linear-gradient(135deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#000000'); z-index:1000; box-shadow:1px 1px 1px rgba(0,0,0,.4); -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-property:width,height; transition-property:width,height; } .hvr-curl-top-left:active:before, .hvr-curl-top-left:focus:before, .hvr-curl-top-left:hover:before { width:25px; height:25px; } .hvr-curl-top-right { position:relative; display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; } .hvr-curl-top-right:before { width:0; height:0; top:0; right:0; position:absolute; pointer-events:none; content:''; background:#fff; background:linear-gradient(225deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%); box-shadow:-1px 1px 1px rgba(0,0,0,.4); -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-property:width,height; transition-property:width,height; } .hvr-curl-top-right:active:before, .hvr-curl-top-right:focus:before, .hvr-curl-top-right:hover:before { width:25px; height:25px; } .hvr-curl-bottom-right { position:relative; display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; } .hvr-curl-bottom-right:before { width:0; height:0; bottom:0; right:0; position:absolute; pointer-events:none; content:''; background:#fff; background:linear-gradient(315deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%); box-shadow:-1px -1px 1px rgba(0,0,0,.4); -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-property:width,height; transition-property:width,height; } .hvr-curl-bottom-right:active:before, .hvr-curl-bottom-right:focus:before, .hvr-curl-bottom-right:hover:before { width:25px; height:25px; } .hvr-curl-bottom-left { position:relative; display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; } .hvr-curl-bottom-left:before { width:0; height:0; bottom:0; left:0; position:absolute; pointer-events:none; content:''; background:#fff; background:linear-gradient(45deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%); box-shadow:1px -1px 1px rgba(0,0,0,.4); -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-property:width,height; transition-property:width,height; } .hvr-curl-bottom-left:active:before, .hvr-curl-bottom-left:focus:before, .hvr-curl-bottom-left:hover:before { width:25px; height:25px; } @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 400; src: url('../../files/themes/fonts/raleway-v28-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/themes/fonts/raleway-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/themes/fonts/raleway-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/themes/fonts/raleway-v28-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../files/themes/fonts/raleway-v28-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/themes/fonts/raleway-v28-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */ font-display: swap; } body { background-image:url("../../files/themes/theme-visitenkarte/587178_original_R_K_B_by_twinlili_pixelio.de.jpg"); background-position:center bottom; background-repeat:no-repeat; font:18px Raleway,verdana,arial,sans-serif; font-weight:normal; color:#000; list-style-type:circle; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } a { font-weight:normal; text-decoration:none; color:#000; transition: all .35s linear 0s; outline: 0; } a:link { border-bottom:1px dotted #292626; } a:visited { border-bottom:1px dotted #292626; } a:hover { background-color:#00B233; color:#fff; border: none; } a:active { border-bottom:1px dotted #292626; } a:focus { border-bottom:1px dotted #292626; } h1 { margin:0 0 3rem; font:400% Raleway,verdana,arial,sans-serif; font-weight:normal; } h2 { margin:3rem 0 1rem; font:250% Raleway,verdana,arial,sans-serif; font-weight:normal; text-decoration:none; } h3 { margin:0 0 1rem; font:200% Raleway,verdana,arial,sans-serif; font-weight:normal; text-decoration:none; } h4 { margin:0 0 1rem; font:175% Raleway,verdana,arial,sans-serif; font-weight:normal; text-decoration:none; } h6 { margin:2rem 0 .5rem; font:125% Raleway,verdana,arial,sans-serif; font-weight:normal; text-decoration:none; color:#000; } button { margin-top:1rem; margin-bottom:1rem; padding:.5rem; } figure a { background: none !important; border: none !important; } form { margin:0 0 0 .15rem; } input { width:75%; margin-bottom:1rem; padding:.5rem; border: none; } input:focus { background-color:rgba(0,178,51,.25); } input[type='submit'] { margin-top:2rem; width: auto; } input[type='checkbox'] { float:left; margin-right:1rem; margin-bottom:2rem; padding:1rem; width: auto; } input[type='radio'] { float:left; margin:0 1rem 0 0; width: auto; } label { display:block; margin:0 0 .25rem; } nav.block { overflow:visible; display:inline-block; z-index: 1000; } p { margin-bottom:1rem; } select { background-color:rgba(255,255,255,.25); border: none; } textarea { width:75%; height:15rem; margin-bottom:2rem; padding:.5rem; border: none; } textarea:focus { background-color:rgba(0,178,51,.25); } ul { margin:0 0 1rem 1.25rem; list-style-type:circle; } li { margin-bottom:.25rem; } iframe { min-height:15rem; width: 100% !important; border: none !important; } img { max-width:100%; vertical-align:bottom; height: auto; } #cboxOverlay { background-color:rgba(0,0,0,.25); } #cboxTitle, #cboxCurrent { background-color:#000; } #header-sticky-wrapper { height: auto !important; } #statistik { display:none; } #totop { float:right; margin-top:2rem; margin-right:2rem; margin-bottom:2rem; background-color:rgba(255,255,255,.25); font-size:300%; } #totop a { padding:2rem; border: none; } input.abstand-unten { margin-bottom:.25rem; } .captcha { display:block; } .clearing { clear:both; } .extra-info div { margin-bottom:1rem; } .mod_cookiebarOpener { overflow:visible; display:inline-block; } .sticky_animation header { background-color:rgba(84,183,132,1); z-index: 1000; } .sticky_animation #logo { display:none; transition: all .75s linear; } .sticky_animation #textslider { display:none; transition: all .75s linear; } .yahoo-weather { background-color:rgba(0,178,51,.5); border-radius:.25rem; } @media screen { footer .inside { max-width:1000px; margin:1rem auto 2rem; } header { margin-bottom:2rem; background-color:rgba(0,178,51,.5); } header .inside { max-width:1000px; margin-right:auto; margin-left:auto; } header #logo { float:left; margin-top:1rem; margin-right:1rem; margin-bottom:1rem; } header #slogan { float:right; margin-top:1rem; margin-right:2rem; } header #hotline { float:right; margin-top:1rem; margin-right:2rem; font-size:400%; } header #textslider { width:65%; float:right; margin-top:.5rem; margin-right:0; text-align:right; color:#fff; } header #textslider ul { list-style-type:none; margin: 0; } header #textslider ul li:first-child { margin-bottom:1rem; font-size:175%; } #container { min-height:25rem; max-width:1000px; margin:1rem auto; } #hauptnavigation { position:relative; z-index: 1000; } #lageplan { margin-top:1rem; -webkit-filter: grayscale(1); filter: grayscale(1); } #lageplan:hover { -webkit-filter: none; filter: none; } #lageplan input { border:1px solid #00B233; } #main .inside { min-height:25rem; padding:2rem; background-color:rgba(255,255,255,.5); border-radius:.25rem; transition: all .35s linear 0s; } #main .inside:hover { background-color:rgba(255,255,255,.75); transition: all .35s linear 0s; } #navigationmobil { display:none; } #navipfad ul { margin: 0; } #navipfad li { display:inline; margin-right:1rem; font-size:75%; list-style-type:none; } #suche h3 { margin-top:2rem; } .ausrichtung { display: -webkit-flex; /* Safari */ display: flex; -webkit-justify-content: space-around; /* Safari 6.1+ */ justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .box1 { width:28%; float:left; margin-right:1rem; padding:1rem; box-sizing: border-box; transition: all .35s linear 0s; } .box1 ul { list-style-type:none; margin: 0; } .box1:hover { padding-top:2rem; padding-bottom:2rem; background-color:rgba(0,178,51,.25); transition: all .35s linear 0s; } .fotogalerie ul { display: -webkit-flex; /* Safari */ -webkit-justify-content: space-around; /* Safari 6.1+ */ display: flex; justify-content: space-between; } .fotogalerie li { margin: 0; } .fotogalerie figure { margin-bottom:1rem; } .fotogalerie:hover img:not(:hover) { -khtml-opacity: .3; -moz-opacity: .3; -ms-filter: alpha(opacity=30); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); filter: alpha(opacity=30); opacity: 0.3; transition: all .75s linear; } .box2 { width:240px; margin-bottom:1rem; padding:1rem; background-color:rgba(255,0,0,.25); border:2px solid #00000; border-radius:1rem; border: 3px dotted black !important; } .mod_visitors { padding:1rem; background-color:rgba(0,178,51,.25); } .mod_visitors div:nth-child(even) { margin-bottom:1rem; } } @media screen AND (max-width: 1000px) { h1 { margin:0 0 3rem; font-size:300%; } header .inside { max-width:1000px; padding-right:1rem; padding-left:1rem; } header #textslider { width:100%; float:right; } #hauptnavigation { display:none; } #main .inside { padding:1rem; } #menue { display:inline-block; margin-top:1rem; margin-bottom:1rem; font-size:200%; } #menue:hover { cursor: pointer; } #navigationmobil { display:block; } .box1 { width:48%; float:left; } .fotogalerie ul { float:left; display:inline-block; } .fotogalerie figure { margin-right:1.25rem; margin-bottom:1rem; } .mobile_menu .inner { background-color:#fff; } .schliessen { right:2rem; top:1rem; position:fixed; padding:.5rem 1rem; } .schliessen:hover { cursor: pointer; } } @media screen AND (max-width: 475px) { body { background-color:#d8e0ec; background-image: none; } h1 { font-size:175%; } h2 { font-size:175%; } h3 { font-size:175%; } h1 { margin:0 0 3rem; font-size:200%; } h2 { margin:2rem 0 1rem; font-size:175%; } header #textslider { width:100%; float:right; margin-top:.5rem; margin-right:0; padding-left:0; text-align:left; } input { width:95%; } textarea { width:95%; } .box1 { float:none; display:block; margin:0 0 2rem; width: auto; } #hauptnavigation { display:none; } #main .inside { min-height:25rem; padding:2rem 1rem; border-radius:0; } #menue { display:inline-block; margin-bottom:1rem; font-size:200%; } #menue:hover { cursor: pointer; } #navigationmobil { display:block; } #navigationmobil select { width:90%; margin-left:1rem; padding:.5rem; } .mobile_menu .inner { background-color:#fff; } .schliessen { right:1rem; top:1rem; position:fixed; } }