Sass mixin library for text hover
How do I make an sass mixin library for text hover?
Demo for sass mixin library for text hover effects. What is a sass mixin library for text hover? How do you make a sass mixin library for text hover? This script and codes were developed by Antonija Simic on 28 September 2022, Wednesday.
Sass mixin library for text hover Previews
Sass mixin library for text hover - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Sass mixin library for text hover</title> <link href='https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> <link rel="stylesheet" href="css/style.css">
</head>
<body> <button class="btn-nav"> <div class="bar arrow-top-r"></div> <div class="bar arrow-middle-r"></div> <div class="bar arrow-bottom-r"></div> </button> <div class="links-con"> <a href="https://antonijasimic.bitbucket.io/text_hover_effects/index.html" target="_blank" class="nav">Home</a> <a href="https://antonijasimic.bitbucket.io/text_hover_effects/documentation.html" target="_blank" class="nav">Docs</a> <a href="https://github.com/tonkec/text_hover_effects" class="nav" target="_blank">Download</a> </div> <main> <aside class="left-side hidden hideNav"> <ul class="effects-list"> <li class="item-divider">Underline</li> <li class="item item-active">underline-left</li> <li class="item">underline-right</li> <li class="item">underline-closing</li> <li class="item">underline-opening</li> <li class="item-divider">Double Underline</li> <li class="item">double-underline-left</li> <li class="item">double-underline-right</li> <li class="item">double-underline-opening</li> <li class="item">double-underline-left-right</li> <li class="item">double-underline-right-left</li> <li class="item-divider">Overline</li> <li class="item">overline-left</li> <li class="item">overline-right</li> <li class="item">overline-closing</li> <li class="item">overline-opening</li> <li class="item-divider">One Side</li> <li class="item">left-down</li> <li class="item">left-up</li> <li class="item">right-down</li> <li class="item">right-up</li> <li class="item-divider">Moves</li> <li class="item">move-down</li> <li class="item">move-up</li> <li class="item">move-right</li> <li class="item">move-left</li> <li class="item">move-vertical</li> <li class="item">move-horizontal</li> <li class="item-divider">Both Sides</li> <li class="item">both-down</li> <li class="item">both-up</li> <li class="item">both-right</li> <li class="item">both-left</li> <li class="item">left-up-right-down</li> <li class="item">left-down-right-up</li> <li class="item">both-opening-horizontal</li> <li class="item">overline-left-underline-right</li> <li class="item">overline-right-underline-left</li> <li class="item-divider">Fills</li> <li class="item">fill-left</li> <li class="item">fill-right</li> <li class="item">fill-down</li> <li class="item">fill-up</li> <li class="item">fill-closing-vertical</li> <li class="item">fill-closing-horizontal</li> <li class="item">fill-opening-horizontal</li> <li class="item-divider">Fill Corners</li> <li class="item">fill-top-left</li> <li class="item">fill-top-right</li> <li class="item">fill-bottom-left</li> <li class="item">fill-bottom-right</li> <li class="item-divider">Corners Close</li> <li class="item">left-bottom</li> <li class="item">left-top</li> <li class="item">right-top</li> <li class="item">right-bottom</li> <li class="item-divider">Corners Expand</li> <li class="item">bottom-right</li> <li class="item">bottom-left</li> <li class="item">top-left</li> <li class="item">top-right</li> <li class="item-divider">Linethrough</li> <li class="item">linethrough-left</li> <li class="item">linethrough-right</li> <li class="item">linethrough-opening</li> <li class="item">linethrough-closing</li> <li class="item-divider">Double Linethrough</li> <li class="item">double-linethrough-left</li> <li class="item">double-linethrough-right</li> <li class="item">double-linethrough-left-right</li> <li class="item">double-linethrough-right-left</li> <li class="item">double-linethrough-opening</li> <li class="item-divider">Delays</li> <li class="item">double-underline-right-delayed</li> <li class="item">top-left-delay</li> <li class="item">right-bottom-delay</li> <li class="item">double-underline-opening-delayed</li> <li class="item">double-linethrough-left-delayed</li> <li class="item">double-linethrough-opening-delayed</li> <li class="item">fill-closing-horizontal-delayed</li> <li class="item">both-left-delayed</li> </ul> </aside> <aside class="right-side"> <div class="text-con"> <span class="underline-left">Hover me</span> </div> </aside> <a href="https://codepen.io/tonkec" class="ua" target="_blank">
<i class="fa fa-user"></i></a> </main> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>
Sass mixin library for text hover - Script Codes CSS Codes
/* This is compiled code
See the source code here https://github.com/tonkec/text_hover_effects
*/
/* Compiled code and reset */
/* https://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block;
}
body { line-height: 1;
}
ol, ul { list-style: none;
}
blockquote, q { quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none;
}
table { border-collapse: collapse; border-spacing: 0;
}
.ua { position: absolute; right: 20px; bottom: 20px; color: #000; font-size: 2em;
}
.fa { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;
}
.ua:hover .fa { color: #17BEBB; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;
}
.both-down:after,.both-down:before,.both-left:after,.both-left:before,.both-opening-horizontal:after,.both-opening-horizontal:before,.both-right:after,.both-right:before,.both-up:after,.both-up:before,.double-underline-left-right:after,.double-underline-left-right:before,.double-underline-left:after,.double-underline-left:before,.double-underline-opening:after,.double-underline-opening:before,.double-underline-right-left:after,.double-underline-right:after,.double-underline-right:before,.left-down-right-up:after,.left-down-right-up:before,.left-down:after,.left-up-right-down:after,.left-up-right-down:before,.left-up:after,.overline-closing:after,.overline-closing:before,.overline-left-underline-right:after,.overline-left-underline-right:before,.overline-left:after,.overline-opening:after,.overline-opening:before,.overline-right-underline-left:after,.overline-right-underline-left:before,.overline-right:after,.right-down:after,.right-up:after,.underline-closing:after,.underline-closing:before,.underline-left:after,.underline-opening:after,.underline-opening:before,.underline-right:after{position:absolute;z-index:-1}.both-down:after,.both-down:before,.both-opening-horizontal:after,.both-right:after,.fill-down:before,.fill-left:before,.fill-opening-horizontal:before,.fill-right:before,.left-down-right-up:after,.left-down:after,.left-up-right-down:before,.overline-closing:after,.overline-closing:before,.overline-left-underline-right:after,.overline-left:after,.overline-opening:after,.overline-opening:before,.overline-right-underline-left:after,.overline-right:after,.right-down:after{content:"";top:0}.fill-down,.fill-up{display:inline;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;white-space:nowrap;overflow:hidden}.overline-right:after{width:3px;height:3px;left:0}.overline-right:focus:after,.overline-right:hover:after{width:100%;height:3px}.overline-left:after{width:3px;height:3px;right:0}.overline-left:focus:after,.overline-left:hover:after{width:100%;height:3px}.overline-closing:after{width:3px;height:3px;left:0}.overline-closing:focus:after,.overline-closing:hover:after{width:50%;height:3px}.overline-closing:before{width:3px;height:3px;right:0}.overline-closing:focus:before,.overline-closing:hover:before{width:50%;height:3px}.overline-opening:after{width:3px;height:3px;left:0;right:0;margin:0 auto}.overline-opening:focus:after,.overline-opening:hover:after{width:100%;height:3px}.overline-opening:before{width:3px;height:3px;right:0;left:0;margin:0 auto}.overline-opening:focus:before,.overline-opening:hover:before{width:100%;height:3px}.underline-left:after{content:"";width:3px;height:3px;right:0;bottom:0}.underline-left:focus:after,.underline-left:hover:after{width:100%;height:3px}.underline-closing:after{content:"";width:3px;height:3px;bottom:0;left:0}.underline-closing:focus:after,.underline-closing:hover:after{width:50%;height:3px}.underline-closing:before{content:"";width:3px;height:3px;bottom:0;right:0}.underline-closing:focus:before,.underline-closing:hover:before{width:50%;height:3px}.underline-opening:after{content:"";width:3px;height:3px;bottom:0;left:0;right:0;margin:0 auto}.underline-opening:focus:after,.underline-opening:hover:after{width:100%;height:3px}.underline-opening:before{content:"";width:3px;height:3px;bottom:0;right:0;left:0;margin:0 auto}.underline-opening:focus:before,.underline-opening:hover:before{width:100%;height:3px}.underline-right:after{content:"";width:3px;height:3px;left:0;bottom:0}.underline-right:focus:after,.underline-right:hover:after{width:100%;height:3px}.double-underline-left:after{content:"";width:3px;height:3px;right:0;bottom:0}.double-underline-left:focus:after,.double-underline-left:hover:after{width:100%;height:3px}.double-underline-left:before{content:"";width:3px;height:3px;right:0;bottom:10px}.double-underline-left:focus:before,.double-underline-left:hover:before{width:100%;height:3px}.double-underline-right:after{content:"";width:3px;height:3px;left:0;bottom:0}.double-underline-right:focus:after,.double-underline-right:hover:after{width:100%;height:3px}.double-underline-right:before{content:"";width:3px;height:3px;left:0;bottom:10px}.double-underline-right:focus:before,.double-underline-right:hover:before{width:100%;height:3px}.double-underline-opening:after{content:"";width:3px;height:3px;right:0;bottom:0;margin:0 auto;left:0}.double-underline-opening:focus:after,.double-underline-opening:hover:after{width:100%;height:3px}.double-underline-opening:before{content:"";width:3px;height:3px;right:0;bottom:10px;margin:0 auto;left:0}.double-underline-opening:focus:before,.double-underline-opening:hover:before{width:100%;height:3px}.double-underline-left-right:after{content:"";width:3px;height:3px;left:0;bottom:0}.double-underline-left-right:focus:after,.double-underline-left-right:hover:after{width:100%;height:3px}.double-underline-left-right:before{content:"";width:3px;height:3px;right:0;bottom:10px}.double-underline-left-right:focus:before,.double-underline-left-right:hover:before{width:100%;height:3px}.double-underline-right-left:after{content:"";width:3px;height:3px;right:0;bottom:0}.double-underline-right-left:focus:after,.double-underline-right-left:hover:after{width:100%;height:3px}.double-underline-right-left:before{content:"";position:absolute;z-index:-1;width:3px;height:3px;left:0;bottom:10px}.double-underline-right-left:focus:before,.double-underline-right-left:hover:before{width:100%;height:3px}.left-down:after{width:3px;height:3px;left:0}.left-down:focus:after,.left-down:hover:after{width:3px;height:100%}.left-up:after{content:"";width:3px;height:3px;bottom:0;left:0}.left-up:focus:after,.left-up:hover:after{width:3px;height:100%}.right-up:after{content:"";width:3px;height:3px;bottom:0;right:0}.right-up:focus:after,.right-up:hover:after{width:3px;height:100%}.right-down:after{width:3px;height:3px;right:0}.right-down:focus:after,.right-down:hover:after{width:3px;height:100%}.both-down:after{width:3px;height:3px;left:0}.both-down:focus:after,.both-down:hover:after{width:3px;height:100%}.both-down:before{width:3px;height:3px;right:0}.both-down:focus:before,.both-down:hover:before{width:3px;height:100%}.both-left:after{content:"";width:3px;height:3px;top:0;right:0}.both-left:focus:after,.both-left:hover:after{width:100%;height:3px}.both-left:before{content:"";width:3px;height:3px;bottom:0;right:0}.both-left:focus:before,.both-left:hover:before{width:100%;height:3px}.both-right:after{width:3px;height:3px;left:0}.both-right:focus:after,.both-right:hover:after{width:100%;height:3px}.both-right:before{content:"";width:3px;height:3px;bottom:0;left:0}.both-right:focus:before,.both-right:hover:before{width:100%;height:3px}.both-up:after{content:"";width:3px;height:3px;bottom:0;left:0}.both-up:focus:after,.both-up:hover:after{width:3px;height:100%}.both-up:before{content:"";width:3px;height:3px;bottom:0;right:0}.both-up:focus:before,.both-up:hover:before{width:3px;height:100%}.both-opening-horizontal:after{width:3px;height:3px;left:0;right:0;margin:0 auto}.both-opening-horizontal:focus:after,.both-opening-horizontal:hover:after{width:100%;height:3px}.both-opening-horizontal:before{content:"";width:3px;height:3px;bottom:0;left:0;right:0;margin:0 auto}.both-opening-horizontal:focus:before,.both-opening-horizontal:hover:before{width:100%;height:3px}.overline-left-underline-right:after{width:3px;height:3px;right:0}.overline-left-underline-right:focus:after,.overline-left-underline-right:hover:after{width:100%;height:3px}.overline-left-underline-right:before{content:"";width:3px;height:3px;bottom:0;left:0}.overline-left-underline-right:focus:before,.overline-left-underline-right:hover:before{width:100%;height:3px}.overline-right-underline-left:after{width:3px;height:3px;left:0}.overline-right-underline-left:focus:after,.overline-right-underline-left:hover:after{width:100%;height:3px}.overline-right-underline-left:before{content:"";width:3px;height:3px;bottom:0;right:0}.overline-right-underline-left:focus:before,.overline-right-underline-left:hover:before{width:100%;height:3px}.left-up-right-down:after{content:"";width:3px;height:3px;bottom:0;left:0}.left-up-right-down:focus:after,.left-up-right-down:hover:after{width:3px;height:100%}.left-up-right-down:before{width:3px;height:3px;right:0}.left-up-right-down:focus:before,.left-up-right-down:hover:before{width:3px;height:100%}.left-down-right-up:after{width:3px;height:3px;left:0}.left-down-right-up:focus:after,.left-down-right-up:hover:after{width:3px;height:100%}.left-down-right-up:before{content:"";width:3px;height:3px;bottom:0;right:0}.left-down-right-up:focus:before,.left-down-right-up:hover:before{width:3px;height:100%}.fill-up{position:relative;z-index:2;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-user-select:none;user-select:none;padding:10px;-webkit-transition:color 1s ease;-moz-transition:color 1s ease;-ms-transition:color 1s ease;-o-transition:color 1s ease;transition:color 1s ease}.fill-down,.fill-left{-ms-user-select:none;padding:10px}.fill-down,.fill-up:focus,.fill-up:hover{-webkit-transition:color 1s ease;-moz-transition:color 1s ease;-ms-transition:color 1s ease;-o-transition:color 1s ease}.fill-up:focus,.fill-up:hover{outline:0;color:#1B98E0;transition:color 1s ease;cursor:pointer}.fill-up:after,.fill-up:before{-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s}.fill-down:after,.fill-down:before,.fill-up:focus:after,.fill-up:focus:before,.fill-up:hover:after,.fill-up:hover:before{-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s}.fill-up:focus:after,.fill-up:focus:before,.fill-up:hover:after,.fill-up:hover:before{outline:0;background-color:#1B98E0;transition:all 1s ease 0s}.fill-up:before{content:"";position:absolute;z-index:-1;width:100%;height:3px;bottom:0;right:0}.fill-up:focus:before,.fill-up:hover:before{width:100%;height:100%}.fill-up:hover{color:#2C3E50!important}.fill-down{position:relative;z-index:2;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;user-select:none;transition:color 1s ease}.fill-left,.fill-right{display:inline;text-decoration:none;-webkit-user-select:none}.fill-down:focus,.fill-down:hover,.fill-left{-webkit-transition:color 1s ease;-moz-transition:color 1s ease;-ms-transition:color 1s ease;-o-transition:color 1s ease}.fill-down:focus,.fill-down:hover{outline:0;color:#1B98E0;transition:color 1s ease;cursor:pointer}.fill-down:after,.fill-down:before{transition:all 1s ease 0s}.fill-down:focus:after,.fill-down:focus:before,.fill-down:hover:after,.fill-down:hover:before{outline:0;background-color:#1B98E0;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s}.fill-down:before{position:absolute;z-index:-1;width:100%;height:3px;right:0}.fill-down:focus:before,.fill-down:hover:before{width:100%;height:100%}.fill-down:hover{color:#2C3E50!important}.fill-left{position:relative;z-index:2;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;white-space:nowrap;overflow:hidden;transition:color 1s ease}.fill-opening-horizontal,.fill-right{box-sizing:border-box;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;white-space:nowrap;overflow:hidden}.fill-left:focus,.fill-left:hover,.fill-right{-webkit-transition:color 1s ease;-moz-transition:color 1s ease;-ms-transition:color 1s ease;-o-transition:color 1s ease}.fill-left:focus,.fill-left:hover{outline:0;color:#1B98E0;transition:color 1s ease;cursor:pointer}.fill-left:after,.fill-left:before{-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s}.fill-left:focus:after,.fill-left:focus:before,.fill-left:hover:after,.fill-left:hover:before{outline:0;background-color:#1B98E0;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s}.fill-left:before{position:absolute;z-index:-1;width:3px;height:100%;right:0}.fill-left:focus:before,.fill-left:hover:before{width:100%;height:100%}.fill-left:hover{color:#2C3E50!important}.fill-right{position:relative;z-index:2;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;user-select:none;padding:10px;transition:color 1s ease}.fill-closing-horizontal,.fill-opening-horizontal{-webkit-user-select:none;display:inline;text-decoration:none;padding:10px}.fill-opening-horizontal,.fill-right:focus,.fill-right:hover{-webkit-transition:color 1s ease;-moz-transition:color 1s ease;-ms-transition:color 1s ease;-o-transition:color 1s ease}.fill-right:focus,.fill-right:hover{outline:0;color:#1B98E0;transition:color 1s ease;cursor:pointer}.fill-right:after,.fill-right:before{-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s}.fill-right:focus:after,.fill-right:focus:before,.fill-right:hover:after,.fill-right:hover:before{outline:0;background-color:#1B98E0;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s}.fill-right:before{position:absolute;z-index:-1;width:3px;height:100%;left:0}.fill-right:focus:before,.fill-right:hover:before{width:100%;height:100%}.fill-right:hover{color:#2C3E50!important}.fill-opening-horizontal{position:relative;z-index:2;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;user-select:none;transition:color 1s ease}.fill-closing-horizontal,.fill-opening-horizontal:focus,.fill-opening-horizontal:hover{-moz-transition:color 1s ease;-ms-transition:color 1s ease;-o-transition:color 1s ease}.fill-opening-horizontal:focus,.fill-opening-horizontal:hover{outline:0;color:#1B98E0;-webkit-transition:color 1s ease;transition:color 1s ease;cursor:pointer}.fill-opening-horizontal:after,.fill-opening-horizontal:before{-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s}.fill-opening-horizontal:focus:after,.fill-opening-horizontal:focus:before,.fill-opening-horizontal:hover:after,.fill-opening-horizontal:hover:before{outline:0;background-color:#1B98E0;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s}.fill-opening-horizontal:before{position:absolute;z-index:-1;width:3px;height:100%;left:0;right:0;margin:0 auto}.fill-opening-horizontal:focus:before,.fill-opening-horizontal:hover:before{width:100%;height:100%}.fill-opening-horizontal:hover{color:#2C3E50!important}.fill-closing-horizontal{position:relative;z-index:2;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;white-space:nowrap;overflow:hidden;-webkit-transition:color 1s ease;transition:color 1s ease}.fill-closing-horizontal:after,.fill-closing-horizontal:before{content:"";position:absolute;z-index:-1;height:100%;top:0}.fill-closing-vertical,.fill-top-left{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;white-space:nowrap;overflow:hidden}.fill-closing-horizontal:focus,.fill-closing-horizontal:hover,.fill-closing-vertical{-webkit-transition:color 1s ease;-moz-transition:color 1s ease;-ms-transition:color 1s ease;-o-transition:color 1s ease}.fill-closing-horizontal:focus,.fill-closing-horizontal:hover{outline:0;color:#1B98E0;transition:color 1s ease;cursor:pointer}.fill-closing-horizontal:after,.fill-closing-horizontal:before{-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s}.fill-closing-horizontal:focus:after,.fill-closing-horizontal:focus:before,.fill-closing-horizontal:hover:after,.fill-closing-horizontal:hover:before{outline:0;background-color:#1B98E0;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s}.fill-closing-horizontal:after{width:3px;right:0}.fill-closing-horizontal:focus:after,.fill-closing-horizontal:hover:after{width:50%;height:100%}.fill-closing-horizontal:before{width:3px;left:0}.fill-closing-horizontal:focus:before,.fill-closing-horizontal:hover:before{width:50%;height:100%}.fill-closing-horizontal:hover{color:#2C3E50!important}.fill-closing-vertical{display:inline;position:relative;z-index:2;text-decoration:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-user-select:none;user-select:none;padding:10px;transition:color 1s ease}.fill-closing-vertical:after,.fill-closing-vertical:before{content:"";position:absolute;z-index:-1;width:100%}.fill-closing-vertical:focus,.fill-closing-vertical:hover,.fill-top-left{-webkit-transition:color 1s ease;-moz-transition:color 1s ease;-ms-transition:color 1s ease;-o-transition:color 1s ease}.fill-closing-vertical:focus,.fill-closing-vertical:hover{outline:0;color:#1B98E0;transition:color 1s ease;cursor:pointer}.fill-closing-vertical:after,.fill-closing-vertical:before{-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s}.fill-closing-vertical:focus:after,.fill-closing-vertical:focus:before,.fill-closing-vertical:hover:after,.fill-closing-vertical:hover:before{outline:0;background-color:#1B98E0;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s}.fill-closing-vertical:before{height:3px;top:0;right:0}.fill-closing-vertical:focus:before,.fill-closing-vertical:hover:before{width:100%;height:50%}.fill-closing-vertical:after{height:3px;bottom:0;left:0}.fill-top-left,.fill-top-right{position:relative;-ms-user-select:none;display:inline;text-decoration:none;padding:10px}.fill-closing-vertical:focus:after,.fill-closing-vertical:hover:after{width:100%;height:50%}.fill-top-left:before,.fill-top-right:before{width:3px;content:"";top:0}.fill-closing-vertical:hover{color:#2C3E50!important}.fill-top-left{z-index:2;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;user-select:none;transition:color 1s ease}.fill-top-left:focus,.fill-top-left:hover,.fill-top-right{-moz-transition:color 1s ease;-ms-transition:color 1s ease;-o-transition:color 1s ease}.fill-top-left:focus,.fill-top-left:hover{outline:0;color:#1B98E0;-webkit-transition:color 1s ease;transition:color 1s ease;cursor:pointer}.fill-top-left:after,.fill-top-left:before{-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s}.fill-top-left:focus:after,.fill-top-left:focus:before,.fill-top-left:hover:after,.fill-top-left:hover:before{outline:0;background-color:#1B98E0;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s}.fill-top-left:before{position:absolute;z-index:-1;height:3px;right:0}.fill-top-left:focus:before,.fill-top-left:hover:before{width:100%;height:100%}.fill-top-left:hover{color:#2C3E50!important}.fill-top-right{z-index:2;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;white-space:nowrap;overflow:hidden;-webkit-transition:color 1s ease;transition:color 1s ease}.fill-bottom-left,.fill-bottom-right{box-sizing:border-box;-webkit-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;white-space:nowrap;overflow:hidden}.fill-bottom-left,.fill-top-right:focus,.fill-top-right:hover{-webkit-transition:color 1s ease;-moz-transition:color 1s ease;-ms-transition:color 1s ease;-o-transition:color 1s ease}.fill-top-right:focus,.fill-top-right:hover{outline:0;color:#1B98E0;transition:color 1s ease;cursor:pointer}.fill-top-right:after,.fill-top-right:before{-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s}.fill-top-right:focus:after,.fill-top-right:focus:before,.fill-top-right:hover:after,.fill-top-right:hover:before{outline:0;background-color:#1B98E0;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s}.fill-top-right:before{position:absolute;z-index:-1;height:3px;left:0}.fill-top-right:focus:before,.fill-top-right:hover:before{width:100%;height:100%}.fill-top-right:hover{color:#2C3E50!important}.fill-bottom-left{display:inline;position:relative;z-index:2;text-decoration:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-user-select:none;user-select:none;padding:10px;transition:color 1s ease}.fill-bottom-left:focus,.fill-bottom-left:hover,.fill-bottom-right{-webkit-transition:color 1s ease;-moz-transition:color 1s ease;-ms-transition:color 1s ease;-o-transition:color 1s ease}.fill-bottom-left:focus,.fill-bottom-left:hover{outline:0;color:#1B98E0;transition:color 1s ease;cursor:pointer}.fill-bottom-left:after,.fill-bottom-left:before{-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s}.fill-bottom-left:focus:after,.fill-bottom-left:focus:before,.fill-bottom-left:hover:after,.fill-bottom-left:hover:before{outline:0;background-color:#1B98E0;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s}.fill-bottom-left:before{content:"";position:absolute;z-index:-1;width:3px;height:3px;bottom:0;right:0}.double-underline-right-delayed,.fill-bottom-right{position:relative;text-decoration:none;-moz-user-select:none;padding:10px;display:inline}.fill-bottom-left:focus:before,.fill-bottom-left:hover:before{width:100%;height:100%}.fill-bottom-left:hover{color:#2C3E50!important}.fill-bottom-right{z-index:2;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;user-select:none;transition:color 1s ease}.bottom-left:after,.bottom-left:before,.bottom-right:after,.bottom-right:before,.fill-bottom-right:before,.left-bottom:after,.left-bottom:before,.left-top:after,.left-top:before,.right-bottom:after,.right-top:after,.right-top:before,.top-left:after,.top-left:before,.top-right:after,.top-right:before{content:"";position:absolute;z-index:-1}.double-underline-right-delayed,.fill-bottom-right:focus,.fill-bottom-right:hover{-moz-transition:color 1s ease;-ms-transition:color 1s ease;-o-transition:color 1s ease}.fill-bottom-right:focus,.fill-bottom-right:hover{outline:0;color:#1B98E0;-webkit-transition:color 1s ease;transition:color 1s ease;cursor:pointer}.fill-bottom-right:after,.fill-bottom-right:before{-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s}.fill-bottom-right:focus:after,.fill-bottom-right:focus:before,.fill-bottom-right:hover:after,.fill-bottom-right:hover:before{outline:0;background-color:#1B98E0;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s}.fill-bottom-right:before{width:3px;height:3px;bottom:0;left:0}.fill-bottom-right:focus:before,.fill-bottom-right:hover:before{width:100%;height:100%}.fill-bottom-right:hover{color:#2C3E50!important}.left-top:after{width:3px;height:3px;top:0;right:0}.left-top:focus:after,.left-top:hover:after{width:100%;height:3px}.left-top:before{width:3px;height:3px;bottom:0;left:0}.left-top:focus:before,.left-top:hover:before{width:3px;height:100%}.right-top:after{width:3px;height:3px;top:0;left:0}.right-top:focus:after,.right-top:hover:after{width:100%;height:3px}.right-top:before{width:3px;height:3px;bottom:0;right:0}.right-top:focus:before,.right-top:hover:before{width:3px;height:100%}.left-bottom:after{width:3px;height:3px;bottom:0;right:0}.left-bottom:focus:after,.left-bottom:hover:after{width:100%;height:3px}.left-bottom:before{width:3px;height:3px;top:0;left:0}.left-bottom:focus:before,.left-bottom:hover:before{width:3px;height:100%}.right-bottom:after{width:3px;height:3px;bottom:0;left:0}.right-bottom:focus:after,.right-bottom:hover:after{width:100%;height:3px}.right-bottom:before{content:"";position:absolute;z-index:-1;width:3px;height:3px;top:0;right:0}.right-bottom:focus:before,.right-bottom:hover:before{width:3px;height:100%}.top-right:after{width:3px;height:3px}.top-right:focus:after,.top-right:hover:after{width:100%;height:3px}.top-right:before{width:3px;height:3px}.top-right:focus:before,.top-right:hover:before{width:3px;height:100%}.top-right:after,.top-right:before{bottom:0;left:0}.top-left:after{width:3px;height:3px}.top-left:focus:after,.top-left:hover:after{width:100%;height:3px}.top-left:before{width:3px;height:3px}.top-left:focus:before,.top-left:hover:before{width:3px;height:100%}.top-left:after,.top-left:before{bottom:0;right:0}.bottom-left:after{width:3px;height:3px}.bottom-left:focus:after,.bottom-left:hover:after{width:100%;height:3px}.bottom-left:before{width:3px;height:3px}.bottom-left:focus:before,.bottom-left:hover:before{width:3px;height:100%}.bottom-left:after,.bottom-left:before{top:0;right:0}.bottom-right:after{width:3px;height:3px}.bottom-right:focus:after,.bottom-right:hover:after{width:100%;height:3px}.bottom-right:before{width:3px;height:3px}.double-linethrough-left-right:after,.double-linethrough-left-right:before,.double-linethrough-left:before,.double-linethrough-right:after,.double-linethrough-right:before,.linethrough-closing:after,.linethrough-closing:before,.linethrough-left:after,.linethrough-opening:after,.linethrough-right:after{z-index:9;content:"";position:absolute}.bottom-right:focus:before,.bottom-right:hover:before{width:3px;height:100%}.bottom-right:after,.bottom-right:before{top:0;left:0}.linethrough-opening:after{width:3px;height:5px;left:0;top:50%;right:0;margin:0 auto}.linethrough-opening:focus:after,.linethrough-opening:hover:after{width:100%;height:5px}.linethrough-closing:after{width:3px;height:5px;left:0;top:50%}.linethrough-closing:focus:after,.linethrough-closing:hover:after{width:50%;height:5px}.linethrough-closing:before{width:3px;height:5px;top:50%;right:0}.linethrough-closing:focus:before,.linethrough-closing:hover:before{width:50%;height:5px}.linethrough-left:after{width:3px;height:5px;right:0;top:50%}.linethrough-left:focus:after,.linethrough-left:hover:after{width:100%;height:5px}.linethrough-right:after{width:3px;height:5px;left:0;top:50%}.linethrough-right:focus:after,.linethrough-right:hover:after{width:100%;height:5px}.double-linethrough-left:after{content:"";position:absolute;width:3px;height:5px;right:0;top:45%;z-index:9}.double-linethrough-left:focus:after,.double-linethrough-left:hover:after{width:100%;height:5px}.double-linethrough-left:before{width:3px;height:5px;right:0;bottom:45%;top:54%}.double-linethrough-left:focus:before,.double-linethrough-left:hover:before{width:100%;height:5px}.double-linethrough-right:after{width:3px;height:5px;left:0;top:44%}.double-linethrough-right:focus:after,.double-linethrough-right:hover:after{width:100%;height:5px}.double-linethrough-right:before{width:3px;height:5px;left:0;bottom:10px;top:54%}.double-linethrough-right:focus:before,.double-linethrough-right:hover:before{width:100%;height:5px}.double-linethrough-left-right:after{width:3px;height:5px;right:0;top:44%}.double-linethrough-left-right:focus:after,.double-linethrough-left-right:hover:after{width:100%;height:5px}.double-linethrough-left-right:before{width:3px;height:5px;left:0;bottom:10px;top:54%}.double-linethrough-left-right:focus:before,.double-linethrough-left-right:hover:before{width:100%;height:5px}.double-linethrough-right-left:after{content:"";position:absolute;width:3px;height:5px;left:0;top:44%;z-index:9}.double-linethrough-opening:after,.double-linethrough-right-left:before{top:54%;content:"";position:absolute;z-index:9;height:5px;right:0}.double-linethrough-right-left:focus:after,.double-linethrough-right-left:hover:after{width:100%;height:5px}.double-linethrough-right-left:before{width:3px;bottom:10px}.double-linethrough-right-left:focus:before,.double-linethrough-right-left:hover:before{width:100%;height:5px}.double-linethrough-opening:after{width:3px;left:0;margin:0 auto}.double-linethrough-opening:focus:after,.double-linethrough-opening:hover:after{width:100%;height:5px}.double-linethrough-opening:before{content:"";position:absolute;width:3px;height:5px;left:0;top:44%;z-index:9;right:0;margin:0 auto}.double-linethrough-opening:focus:before,.double-linethrough-opening:hover:before{width:100%;height:5px}.double-underline-right-delayed{z-index:2;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;white-space:nowrap;overflow:hidden;-webkit-transition:color 1s ease;transition:color 1s ease}.double-underline-right-delayed:after,.double-underline-right-delayed:before{content:"";position:absolute;z-index:-1;left:0;height:3px}.double-underline-opening-delayed,.left-top-delay{box-sizing:border-box;-moz-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;white-space:nowrap;overflow:hidden;text-decoration:none}.double-underline-opening-delayed,.double-underline-right-delayed:focus,.double-underline-right-delayed:hover{-webkit-transition:color 1s ease;-moz-transition:color 1s ease;-ms-transition:color 1s ease;-o-transition:color 1s ease}.double-underline-right-delayed:focus,.double-underline-right-delayed:hover{outline:0;color:#1B98E0;transition:color 1s ease;cursor:pointer}.double-underline-right-delayed:before{-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s}.double-underline-right-delayed:after{-webkit-transition:all 1s ease 1s;-moz-transition:all 1s ease 1s;-ms-transition:all 1s ease 1s;-o-transition:all 1s ease 1s;transition:all 1s ease 1s;width:3px;bottom:0}.double-underline-right-delayed:focus:after,.double-underline-right-delayed:hover:after{outline:0;background-color:#1B98E0;-webkit-transition:all 1s ease 1s;-moz-transition:all 1s ease 1s;-ms-transition:all 1s ease 1s;-o-transition:all 1s ease 1s;transition:all 1s ease 1s}.double-underline-right-delayed:focus:after,.double-underline-right-delayed:hover:after{width:100%;height:3px}.double-underline-right-delayed:before{width:3px;bottom:10px}.double-underline-right-delayed:focus:before,.double-underline-right-delayed:hover:before{outline:0;background-color:#1B98E0;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s;width:100%;height:3px}.double-underline-opening-delayed{display:inline;position:relative;z-index:2;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-user-select:none;-ms-user-select:none;user-select:none;padding:10px;transition:color 1s ease}.double-underline-opening-delayed:after,.double-underline-opening-delayed:before,.move-down:after{content:"";position:absolute;z-index:-1;left:0}.left-top-delay,.right-top-delay{display:inline;-ms-user-select:none;padding:10px}.double-underline-opening-delayed:focus,.double-underline-opening-delayed:hover,.left-top-delay{-webkit-transition:color 1s ease;-moz-transition:color 1s ease;-ms-transition:color 1s ease;-o-transition:color 1s ease}.double-underline-opening-delayed:focus,.double-underline-opening-delayed:hover{outline:0;color:#1B98E0;transition:color 1s ease;cursor:pointer}.double-underline-opening-delayed:before{-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s}.double-underline-opening-delayed:after{-webkit-transition:all 1s ease 1s;-moz-transition:all 1s ease 1s;-ms-transition:all 1s ease 1s;-o-transition:all 1s ease 1s;transition:all 1s ease 1s;width:3px;height:3px;right:0;bottom:0;margin:0 auto}.double-underline-opening-delayed:focus:after,.double-underline-opening-delayed:hover:after,.left-top-delay:after{-webkit-transition:all 1s ease 1s;-moz-transition:all 1s ease 1s;-ms-transition:all 1s ease 1s;-o-transition:all 1s ease 1s}.double-underline-opening-delayed:focus:after,.double-underline-opening-delayed:hover:after{outline:0;background-color:#1B98E0;transition:all 1s ease 1s}.double-underline-opening-delayed:focus:after,.double-underline-opening-delayed:hover:after{width:100%;height:3px}.double-underline-opening-delayed:before{width:3px;height:3px;right:0;bottom:10px;margin:0 auto}.move-down:after,.move-down:focus:after,.move-down:hover:after,.move-up:after,.move-up:focus:after,.move-up:hover:after{width:100%;height:3px}.double-underline-opening-delayed:focus:before,.double-underline-opening-delayed:hover:before{outline:0;background-color:#1B98E0;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s;width:100%;height:3px}.move-down:after{top:50%}.move-down:hover:after{top:100%}.move-left:after,.move-right:after{top:0;content:"";position:absolute;z-index:-1}.move-up:after{content:"";position:absolute;z-index:-1;bottom:50%;left:0}.move-left:after,.move-left:focus:after,.move-left:hover:after,.move-right:after,.move-right:focus:after,.move-right:hover:after{width:3px;height:100%}.move-up:hover:after{bottom:100%}.move-right:after{right:50%}.move-right:hover:after{right:0}.move-left:after{left:50%}.move-vertical:after,.move-vertical:before,.move-vertical:focus:after,.move-vertical:focus:before,.move-vertical:hover:after,.move-vertical:hover:before{width:100%;height:3px}.move-left:hover:after{left:0}.move-vertical:after{content:"";position:absolute;z-index:-1;top:50%;left:0}.move-vertical:before{content:"";position:absolute;z-index:-1;bottom:50%;left:0}.move-horizontal:after,.move-horizontal:focus:after,.move-horizontal:focus:before,.move-horizontal:hover:after,.move-horizontal:hover:before{height:100%;width:3px}.move-vertical:hover:after{top:0}.move-vertical:hover:before{bottom:0}.move-horizontal:after{content:"";position:absolute;z-index:-1;top:0;right:50%}.move-horizontal:before{content:"";position:absolute;z-index:-1;width:3px;height:100%;top:0;left:50%}.move-horizontal:hover:after{right:0}.move-horizontal:hover:before{left:0}.left-top-delay{position:relative;z-index:2;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-user-select:none;user-select:none;transition:color 1s ease}.left-top-delay:after,.left-top-delay:before{content:"";position:absolute;z-index:-1;height:3px}.left-bottom-delay,.right-top-delay{box-sizing:border-box;-moz-user-select:none}.left-top-delay:focus,.left-top-delay:hover,.right-top-delay{-webkit-transition:color 1s ease;-moz-transition:color 1s ease;-ms-transition:color 1s ease;-o-transition:color 1s ease}.left-top-delay:focus,.left-top-delay:hover{outline:0;color:#1B98E0;transition:color 1s ease;cursor:pointer}.left-top-delay:before{-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s}.left-top-delay:after{transition:all 1s ease 1s;width:3px;top:0;right:0}.left-top-delay:focus:after,.left-top-delay:hover:after,.right-top-delay:after{-webkit-transition:all 1s ease 1s;-moz-transition:all 1s ease 1s;-ms-transition:all 1s ease 1s;-o-transition:all 1s ease 1s}.left-top-delay:focus:after,.left-top-delay:hover:after{outline:0;background-color:#1B98E0;transition:all 1s ease 1s}.left-top-delay:focus:after,.left-top-delay:hover:after{width:100%;height:3px}.left-top-delay:before{width:3px;bottom:0;left:0}.left-top-delay:focus:before,.left-top-delay:hover:before{outline:0;background-color:#1B98E0;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s;width:3px;height:100%}.right-top-delay{position:relative;z-index:2;text-decoration:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;white-space:nowrap;overflow:hidden;transition:color 1s ease}.right-top-delay:after,.right-top-delay:before{content:"";position:absolute;z-index:-1;height:3px}.left-bottom-delay,.right-bottom-delay{display:inline;text-decoration:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;white-space:nowrap;overflow:hidden}.left-bottom-delay,.right-top-delay:focus,.right-top-delay:hover{-webkit-transition:color 1s ease;-moz-transition:color 1s ease;-ms-transition:color 1s ease;-o-transition:color 1s ease}.right-top-delay:focus,.right-top-delay:hover{outline:0;color:#1B98E0;transition:color 1s ease;cursor:pointer}.right-top-delay:before{-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s}.right-top-delay:after{transition:all 1s ease 1s;width:3px;top:0;left:0}.left-bottom-delay:after,.right-top-delay:focus:after,.right-top-delay:hover:after{-webkit-transition:all 1s ease 1s;-moz-transition:all 1s ease 1s;-ms-transition:all 1s ease 1s;-o-transition:all 1s ease 1s}.right-top-delay:focus:after,.right-top-delay:hover:after{outline:0;background-color:#1B98E0;transition:all 1s ease 1s}.right-top-delay:focus:after,.right-top-delay:hover:after{width:100%;height:3px}.right-top-delay:before{width:3px;bottom:0;right:0}.right-top-delay:focus:before,.right-top-delay:hover:before{outline:0;background-color:#1B98E0;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s;width:3px;height:100%}.left-bottom-delay{position:relative;z-index:2;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-user-select:none;user-select:none;padding:10px;transition:color 1s ease}.left-bottom-delay:after,.left-bottom-delay:before{content:"";position:absolute;z-index:-1;height:3px}.double-linethrough-left-delayed,.right-bottom-delay{box-sizing:border-box;-moz-user-select:none;padding:10px}.left-bottom-delay:focus,.left-bottom-delay:hover,.right-bottom-delay{-webkit-transition:color 1s ease;-moz-transition:color 1s ease;-ms-transition:color 1s ease;-o-transition:color 1s ease}.left-bottom-delay:focus,.left-bottom-delay:hover{outline:0;color:#1B98E0;transition:color 1s ease;cursor:pointer}.left-bottom-delay:before{-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s}.left-bottom-delay:after{transition:all 1s ease 1s;width:3px;bottom:0;right:0}.left-bottom-delay:focus:after,.left-bottom-delay:hover:after,.right-bottom-delay:after{-webkit-transition:all 1s ease 1s;-moz-transition:all 1s ease 1s;-ms-transition:all 1s ease 1s;-o-transition:all 1s ease 1s}.left-bottom-delay:focus:after,.left-bottom-delay:hover:after{outline:0;background-color:#1B98E0;transition:all 1s ease 1s}.left-bottom-delay:focus:after,.left-bottom-delay:hover:after{width:100%;height:3px}.left-bottom-delay:before{width:3px;top:0;left:0}.left-bottom-delay:focus:before,.left-bottom-delay:hover:before{outline:0;background-color:#1B98E0;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s;width:3px;height:100%}.right-bottom-delay{position:relative;z-index:2;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-user-select:none;user-select:none;transition:color 1s ease}.right-bottom-delay:after,.right-bottom-delay:before{content:"";position:absolute;z-index:-1;height:3px}.double-linethrough-left-delayed,.double-linethrough-right-delayed{display:inline;text-decoration:none;-webkit-user-select:none;-ms-user-select:none}.double-linethrough-left-delayed,.right-bottom-delay:focus,.right-bottom-delay:hover{-webkit-transition:color 1s ease;-moz-transition:color 1s ease;-ms-transition:color 1s ease;-o-transition:color 1s ease}.right-bottom-delay:focus,.right-bottom-delay:hover{outline:0;color:#1B98E0;transition:color 1s ease;cursor:pointer}.right-bottom-delay:before{-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s}.right-bottom-delay:after{transition:all 1s ease 1s;width:3px;bottom:0;left:0}.double-linethrough-left-delayed:after,.right-bottom-delay:focus:after,.right-bottom-delay:hover:after{-webkit-transition:all 1s ease 1s;-moz-transition:all 1s ease 1s;-ms-transition:all 1s ease 1s;-o-transition:all 1s ease 1s}.right-bottom-delay:focus:after,.right-bottom-delay:hover:after{outline:0;background-color:#1B98E0;transition:all 1s ease 1s}.right-bottom-delay:focus:after,.right-bottom-delay:hover:after{width:100%;height:3px}.right-bottom-delay:before{width:3px;top:0;right:0}.right-bottom-delay:focus:before,.right-bottom-delay:hover:before{outline:0;background-color:#1B98E0;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s;width:3px;height:100%}.double-linethrough-left-delayed{position:relative;z-index:2;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;white-space:nowrap;overflow:hidden;transition:color 1s ease}.double-linethrough-left-delayed:after,.double-linethrough-left-delayed:before{content:"";position:absolute;z-index:9;height:5px;right:0}.double-linethrough-left-right-delayed,.double-linethrough-right-delayed{box-sizing:border-box;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;white-space:nowrap;overflow:hidden}.double-linethrough-left-delayed:focus,.double-linethrough-left-delayed:hover,.double-linethrough-right-delayed{-webkit-transition:color 1s ease;-moz-transition:color 1s ease;-ms-transition:color 1s ease;-o-transition:color 1s ease}.double-linethrough-left-delayed:focus,.double-linethrough-left-delayed:hover{outline:0;color:#1B98E0;transition:color 1s ease;cursor:pointer}.double-linethrough-left-delayed:before{-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s}.double-linethrough-left-delayed:after{transition:all 1s ease 1s;width:3px;top:45%}.double-linethrough-left-delayed:focus:after,.double-linethrough-left-delayed:hover:after{outline:0;background-color:#1B98E0;-webkit-transition:all 1s ease 1s;-moz-transition:all 1s ease 1s;-ms-transition:all 1s ease 1s;-o-transition:all 1s ease 1s;transition:all 1s ease 1s}.double-linethrough-left-delayed:focus:after,.double-linethrough-left-delayed:hover:after{width:100%;height:5px}.double-linethrough-left-delayed:before{width:3px;bottom:45%;top:54%}.double-linethrough-left-delayed:focus:before,.double-linethrough-left-delayed:hover:before{outline:0;background-color:#1B98E0;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s;width:100%;height:5px}.double-linethrough-right-delayed{position:relative;z-index:2;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-user-select:none;user-select:none;padding:10px;transition:color 1s ease}.double-linethrough-right-delayed:after,.double-linethrough-right-delayed:before{position:absolute;z-index:9;left:0;content:"";height:5px}.double-linethrough-left-right-delayed,.double-linethrough-right-left-delayed{display:inline;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;padding:10px}.double-linethrough-left-right-delayed,.double-linethrough-right-delayed:focus,.double-linethrough-right-delayed:hover{-webkit-transition:color 1s ease;-moz-transition:color 1s ease;-ms-transition:color 1s ease;-o-transition:color 1s ease}.double-linethrough-right-delayed:focus,.double-linethrough-right-delayed:hover{outline:0;color:#1B98E0;transition:color 1s ease;cursor:pointer}.double-linethrough-right-delayed:before{-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s}.double-linethrough-right-delayed:after{-webkit-transition:all 1s ease 1s;-moz-transition:all 1s ease 1s;-ms-transition:all 1s ease 1s;-o-transition:all 1s ease 1s;transition:all 1s ease 1s;width:3px;top:44%}.double-linethrough-right-delayed:focus:after,.double-linethrough-right-delayed:hover:after{outline:0;background-color:#1B98E0;-webkit-transition:all 1s ease 1s;-moz-transition:all 1s ease 1s;-ms-transition:all 1s ease 1s;-o-transition:all 1s ease 1s;transition:all 1s ease 1s}.double-linethrough-right-delayed:focus:after,.double-linethrough-right-delayed:hover:after{width:100%;height:5px}.double-linethrough-right-delayed:before{width:3px;bottom:10px;top:54%}.double-linethrough-right-delayed:focus:before,.double-linethrough-right-delayed:hover:before{outline:0;background-color:#1B98E0;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s;width:100%;height:5px}.double-linethrough-left-right-delayed{position:relative;z-index:2;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;user-select:none;transition:color 1s ease}.double-linethrough-left-right-delayed:focus,.double-linethrough-left-right-delayed:hover{outline:0;color:#1B98E0;-webkit-transition:color 1s ease;-moz-transition:color 1s ease;-ms-transition:color 1s ease;-o-transition:color 1s ease;transition:color 1s ease;cursor:pointer}.double-linethrough-left-right-delayed:before{-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s}.double-linethrough-left-right-delayed:after{-webkit-transition:all 1s ease 1s;-moz-transition:all 1s ease 1s;-ms-transition:all 1s ease 1s;-o-transition:all 1s ease 1s;transition:all 1s ease 1s;content:"";position:absolute;width:3px;height:5px;right:0;top:44%;z-index:9}.double-linethrough-left-right-delayed:focus:after,.double-linethrough-left-right-delayed:hover:after{outline:0;background-color:#1B98E0;-webkit-transition:all 1s ease 1s;-moz-transition:all 1s ease 1s;-ms-transition:all 1s ease 1s;-o-transition:all 1s ease 1s;transition:all 1s ease 1s}.double-linethrough-left-right-delayed:focus:after,.double-linethrough-left-right-delayed:hover:after{width:100%;height:5px}.double-linethrough-left-right-delayed:before{content:"";position:absolute;width:3px;height:5px;left:0;bottom:10px;z-index:9;top:54%}.double-linethrough-left-right-delayed:focus:before,.double-linethrough-left-right-delayed:hover:before{outline:0;background-color:#1B98E0;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s;width:100%;height:5px}.double-linethrough-right-left-delayed{position:relative;z-index:2;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;white-space:nowrap;overflow:hidden;-webkit-transition:color 1s ease;-moz-transition:color 1s ease;-ms-transition:color 1s ease;-o-transition:color 1s ease;transition:color 1s ease}.double-linethrough-opening-delayed,.fill-closing-horizontal-delayed{display:inline;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;white-space:nowrap;overflow:hidden;text-decoration:none}.double-linethrough-right-left-delayed:focus,.double-linethrough-right-left-delayed:hover{outline:0;color:#1B98E0;-webkit-transition:color 1s ease;-moz-transition:color 1s ease;-ms-transition:color 1s ease;-o-transition:color 1s ease;transition:color 1s ease;cursor:pointer}.double-linethrough-right-left-delayed:before{-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s}.double-linethrough-right-left-delayed:after{-webkit-transition:all 1s ease 1s;-moz-transition:all 1s ease 1s;-ms-transition:all 1s ease 1s;-o-transition:all 1s ease 1s;transition:all 1s ease 1s;content:"";position:absolute;width:3px;height:5px;left:0;top:44%;z-index:9}.double-linethrough-right-left-delayed:focus:after,.double-linethrough-right-left-delayed:hover:after{outline:0;background-color:#1B98E0;-webkit-transition:all 1s ease 1s;-moz-transition:all 1s ease 1s;-ms-transition:all 1s ease 1s;-o-transition:all 1s ease 1s;transition:all 1s ease 1s}.double-linethrough-right-left-delayed:focus:after,.double-linethrough-right-left-delayed:hover:after{width:100%;height:5px}.double-linethrough-right-left-delayed:before{content:"";position:absolute;width:3px;height:5px;right:0;bottom:10px;z-index:9;top:54%}.double-linethrough-right-left-delayed:focus:before,.double-linethrough-right-left-delayed:hover:before{outline:0;background-color:#1B98E0;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s;width:100%;height:5px}.double-linethrough-opening-delayed{position:relative;z-index:2;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-user-select:none;user-select:none;padding:10px;-webkit-transition:color 1s ease;-moz-transition:color 1s ease;-ms-transition:color 1s ease;-o-transition:color 1s ease;transition:color 1s ease}.double-linethrough-opening-delayed:after,.double-linethrough-opening-delayed:before{content:"";position:absolute;z-index:9;margin:0 auto;height:5px;right:0;left:0}.double-linethrough-opening-delayed:focus,.double-linethrough-opening-delayed:hover,.fill-closing-horizontal-delayed{-webkit-transition:color 1s ease;-moz-transition:color 1s ease;-ms-transition:color 1s ease;-o-transition:color 1s ease}.double-linethrough-opening-delayed:focus,.double-linethrough-opening-delayed:hover{outline:0;color:#1B98E0;transition:color 1s ease;cursor:pointer}.double-linethrough-opening-delayed:before{-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s}.double-linethrough-opening-delayed:after{-webkit-transition:all 1s ease 1s;-moz-transition:all 1s ease 1s;-ms-transition:all 1s ease 1s;-o-transition:all 1s ease 1s;transition:all 1s ease 1s;width:3px;top:54%}.double-linethrough-opening-delayed:focus:after,.double-linethrough-opening-delayed:hover:after{outline:0;background-color:#1B98E0;-webkit-transition:all 1s ease 1s;-moz-transition:all 1s ease 1s;-ms-transition:all 1s ease 1s;-o-transition:all 1s ease 1s;transition:all 1s ease 1s}.double-linethrough-opening-delayed:focus:after,.double-linethrough-opening-delayed:hover:after{width:100%;height:5px}.double-linethrough-opening-delayed:before{width:3px;top:44%}.double-linethrough-opening-delayed:focus:before,.double-linethrough-opening-delayed:hover:before{outline:0;background-color:#1B98E0;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s;width:100%;height:5px}.fill-closing-horizontal-delayed{position:relative;z-index:2;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-user-select:none;user-select:none;padding:10px;transition:color 1s ease}.fill-closing-horizontal-delayed:after,.fill-closing-horizontal-delayed:before{content:"";position:absolute;z-index:-1;height:100%;top:0}.both-left-delayed,.both-right-delayed{-moz-user-select:none;-ms-user-select:none;padding:10px;display:inline}.both-left-delayed,.fill-closing-horizontal-delayed:focus,.fill-closing-horizontal-delayed:hover{-webkit-transition:color 1s ease;-moz-transition:color 1s ease;-ms-transition:color 1s ease;-o-transition:color 1s ease}.fill-closing-horizontal-delayed:focus,.fill-closing-horizontal-delayed:hover{outline:0;color:#1B98E0;transition:color 1s ease;cursor:pointer}.fill-closing-horizontal-delayed:before{-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s}.fill-closing-horizontal-delayed:after{-webkit-transition:all 1s ease 1s;-moz-transition:all 1s ease 1s;-ms-transition:all 1s ease 1s;-o-transition:all 1s ease 1s;transition:all 1s ease 1s;width:3px;right:0}.both-left-delayed:after,.fill-closing-horizontal-delayed:focus:after,.fill-closing-horizontal-delayed:hover:after{-webkit-transition:all 1s ease 1s;-moz-transition:all 1s ease 1s;-ms-transition:all 1s ease 1s;-o-transition:all 1s ease 1s}.fill-closing-horizontal-delayed:focus:after,.fill-closing-horizontal-delayed:hover:after{outline:0;background-color:#1B98E0;transition:all 1s ease 1s}.fill-closing-horizontal-delayed:focus:after,.fill-closing-horizontal-delayed:hover:after{width:50%;height:100%}.fill-closing-horizontal-delayed:before{width:3px;left:0}.fill-closing-horizontal-delayed:focus:before,.fill-closing-horizontal-delayed:hover:before{outline:0;background-color:#1B98E0;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s;width:50%;height:100%}.fill-closing-horizontal-delayed:hover{color:#2C3E50!important}.both-left-delayed{position:relative;z-index:2;text-decoration:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;white-space:nowrap;overflow:hidden;transition:color 1s ease}.both-left-delayed:after,.both-left-delayed:before{content:"";position:absolute;z-index:-1;height:3px;right:0}.both-right-delayed,.top-right-delay{text-decoration:none;box-sizing:border-box;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;white-space:nowrap;overflow:hidden}.both-left-delayed:focus,.both-left-delayed:hover,.both-right-delayed{-webkit-transition:color 1s ease;-moz-transition:color 1s ease;-ms-transition:color 1s ease;-o-transition:color 1s ease}.both-left-delayed:focus,.both-left-delayed:hover{outline:0;color:#1B98E0;transition:color 1s ease;cursor:pointer}.both-left-delayed:before{-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s}.both-left-delayed:after{transition:all 1s ease 1s;width:3px;top:0}.both-left-delayed:focus:after,.both-left-delayed:hover:after,.both-right-delayed:after{-webkit-transition:all 1s ease 1s;-moz-transition:all 1s ease 1s;-ms-transition:all 1s ease 1s;-o-transition:all 1s ease 1s}.both-left-delayed:focus:after,.both-left-delayed:hover:after{outline:0;background-color:#1B98E0;transition:all 1s ease 1s}.both-left-delayed:focus:after,.both-left-delayed:hover:after{width:100%;height:3px}.both-left-delayed:before{width:3px;bottom:0}.both-left-delayed:focus:before,.both-left-delayed:hover:before{outline:0;background-color:#1B98E0;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s;width:100%;height:3px}.both-right-delayed{position:relative;z-index:2;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-user-select:none;user-select:none;transition:color 1s ease}.both-right-delayed:after,.both-right-delayed:before{content:"";position:absolute;z-index:-1;height:3px;left:0}.both-right-delayed:focus,.both-right-delayed:hover,.top-right-delay{-webkit-transition:color 1s ease;-moz-transition:color 1s ease;-ms-transition:color 1s ease;-o-transition:color 1s ease}.both-right-delayed:focus,.both-right-delayed:hover{outline:0;color:#1B98E0;transition:color 1s ease;cursor:pointer}.both-right-delayed:before{-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s}.both-right-delayed:after{transition:all 1s ease 1s;width:3px;top:0}.both-right-delayed:focus:after,.both-right-delayed:hover:after,.top-right-delay:after{-webkit-transition:all 1s ease 1s;-moz-transition:all 1s ease 1s;-ms-transition:all 1s ease 1s;-o-transition:all 1s ease 1s}.both-right-delayed:focus:after,.both-right-delayed:hover:after{outline:0;background-color:#1B98E0;transition:all 1s ease 1s}.both-right-delayed:focus:after,.both-right-delayed:hover:after{width:100%;height:3px}.both-right-delayed:before{width:3px;bottom:0}.top-left-delay,.top-right-delay{position:relative;-webkit-user-select:none;padding:10px}.both-right-delayed:focus:before,.both-right-delayed:hover:before{outline:0;background-color:#1B98E0;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s;width:100%;height:3px}.top-right-delay{display:inline;z-index:2;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:color 1s ease}.top-right-delay:after,.top-right-delay:before{content:"";position:absolute;z-index:-1;height:3px}.top-left-delay,.top-right-delay:focus,.top-right-delay:hover{-moz-transition:color 1s ease;-ms-transition:color 1s ease;-o-transition:color 1s ease}.top-right-delay:focus,.top-right-delay:hover{outline:0;color:#1B98E0;-webkit-transition:color 1s ease;transition:color 1s ease;cursor:pointer}.top-right-delay:before{-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s}.top-right-delay:after{transition:all 1s ease 1s;width:3px}.top-left-delay:after,.top-right-delay:focus:after,.top-right-delay:hover:after{-webkit-transition:all 1s ease 1s;-moz-transition:all 1s ease 1s;-ms-transition:all 1s ease 1s;-o-transition:all 1s ease 1s}.top-right-delay:focus:after,.top-right-delay:hover:after{outline:0;background-color:#1B98E0;transition:all 1s ease 1s;width:100%;height:3px}.top-right-delay:before{width:3px}.bottom-left-delay,.top-left-delay{z-index:2;-ms-user-select:none;display:inline;-moz-user-select:none;overflow:hidden;text-decoration:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;white-space:nowrap}.top-right-delay:focus:before,.top-right-delay:hover:before{outline:0;background-color:#1B98E0;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s;width:3px;height:100%}.top-right-delay:after,.top-right-delay:before{bottom:0;left:0}.top-left-delay{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;user-select:none;-webkit-transition:color 1s ease;transition:color 1s ease}.top-left-delay:after,.top-left-delay:before{content:"";position:absolute;z-index:-1;height:3px}.top-left-delay:focus,.top-left-delay:hover{outline:0;color:#1B98E0;-webkit-transition:color 1s ease;-moz-transition:color 1s ease;-ms-transition:color 1s ease;-o-transition:color 1s ease;transition:color 1s ease;cursor:pointer}.top-left-delay:before{-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s}.top-left-delay:after{transition:all 1s ease 1s;width:3px}.bottom-left-delay:after,.top-left-delay:focus:after,.top-left-delay:hover:after{-webkit-transition:all 1s ease 1s;-moz-transition:all 1s ease 1s;-ms-transition:all 1s ease 1s;-o-transition:all 1s ease 1s}.top-left-delay:focus:after,.top-left-delay:hover:after{outline:0;background-color:#1B98E0;transition:all 1s ease 1s;width:100%;height:3px}.top-left-delay:before{width:3px}.top-left-delay:focus:before,.top-left-delay:hover:before{outline:0;background-color:#1B98E0;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s;width:3px;height:100%}.top-left-delay:after,.top-left-delay:before{bottom:0;right:0}.bottom-left-delay{position:relative;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-user-select:none;user-select:none;padding:10px;-webkit-transition:color 1s ease;-moz-transition:color 1s ease;-ms-transition:color 1s ease;-o-transition:color 1s ease;transition:color 1s ease}.bottom-left-delay:after,.bottom-left-delay:before{content:"";position:absolute;z-index:-1;height:3px}.bottom-left-delay:focus,.bottom-left-delay:hover,.bottom-right-delay{-moz-transition:color 1s ease;-ms-transition:color 1s ease;-o-transition:color 1s ease}.bottom-left-delay:focus,.bottom-left-delay:hover{outline:0;color:#1B98E0;-webkit-transition:color 1s ease;transition:color 1s ease;cursor:pointer}.bottom-left-delay:before{-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s}.bottom-left-delay:after{transition:all 1s ease 1s;width:3px}.bottom-left-delay:focus:after,.bottom-left-delay:hover:after,.bottom-right-delay:after{-webkit-transition:all 1s ease 1s;-moz-transition:all 1s ease 1s;-ms-transition:all 1s ease 1s;-o-transition:all 1s ease 1s}.bottom-left-delay:focus:after,.bottom-left-delay:hover:after{outline:0;background-color:#1B98E0;transition:all 1s ease 1s;width:100%;height:3px}.bottom-left-delay:before{width:3px}.bottom-left-delay:focus:before,.bottom-left-delay:hover:before{outline:0;background-color:#1B98E0;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s;width:3px;height:100%}.bottom-left-delay:after,.bottom-left-delay:before{top:0;right:0}.bottom-right-delay{display:inline;position:relative;z-index:2;text-decoration:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;padding:10px;white-space:nowrap;overflow:hidden;-webkit-transition:color 1s ease;transition:color 1s ease}.bottom-right-delay:after,.bottom-right-delay:before{position:absolute;z-index:-1;height:3px;content:""}.bottom-right-delay:focus,.bottom-right-delay:hover{outline:0;color:#1B98E0;-webkit-transition:color 1s ease;-moz-transition:color 1s ease;-ms-transition:color 1s ease;-o-transition:color 1s ease;transition:color 1s ease;cursor:pointer}.bottom-right-delay:before{-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s}.bottom-right-delay:after{transition:all 1s ease 1s;width:3px}.bottom-right-delay:focus:after,.bottom-right-delay:hover:after{outline:0;background-color:#1B98E0;-webkit-transition:all 1s ease 1s;-moz-transition:all 1s ease 1s;-ms-transition:all 1s ease 1s;-o-transition:all 1s ease 1s;transition:all 1s ease 1s;width:100%;height:3px}.bottom-right-delay:focus:before,.bottom-right-delay:hover:before,.nav:after,.nav:before{-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s}.bottom-right-delay:before{width:3px}.bottom-right-delay:focus:before,.bottom-right-delay:hover:before{outline:0;background-color:#1B98E0;transition:all 1s ease 0s;width:3px;height:100%}.left-side,body,html{width:100%;height:100%}.bottom-right-delay:after,.bottom-right-delay:before{top:0;left:0}body,html{background:#E8F1F2;font-family:Lato,sans-serif}main{height:100%}.left-side{position:fixed;background:#2C3E50;overflow:auto;z-index:1;left:-100%}.animated,.btn-nav{z-index:9999}@media (min-width:1200px){.left-side{width:30%;left:0}}@media (min-width:1400px){.left-side{width:25%;left:0}}.right-side{position:absolute;right:0;height:100%;width:100%}@media (min-width:1200px){.right-side{width:70%}}@media (min-width:1400px){.right-side{width:75%}}.effects-list{margin:100px auto 0;text-align:center;padding-bottom:50px;list-style:none}@media (min-width:1200px){.effects-list{text-align:left;padding-left:30px}}.text-con{position:relative;top:50%;width:100%;text-align:center}.bar,.btn-nav{display:block;width:50px}button{background:0 0;border:none}button::-moz-focus-inner{border:0}:focus{outline:0}::-moz-focus-inner{border:0}.btn-nav:hover{cursor:pointer}.btn-nav:hover .bar{background-color:#1B98E0}.bar{height:5px;background:#2C3E50;margin:10px auto}.btn-nav,.middle{margin:0 auto}.btn-nav{padding:15px 0;position:fixed;left:20px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}@media (min-width:1200px){.btn-nav{display:none}}.btn-nav:focus{outline:0}.bar{-webkit-transition:all .7s ease;-moz-transition:all .7s ease;-ms-transition:all .7s ease;-o-transition:all .7s ease;transition:all .7s ease}.item a:focus,.item a:hover,.item:focus,.item:hover,.nav{-webkit-transition:color 1s ease;-moz-transition:color 1s ease;-ms-transition:color 1s ease;-o-transition:color 1s ease}.animated .bar{z-index:9999;background-color:#fff}.animated .arrow-top-r{-webkit-transform:rotateZ(-45deg) translateY(11px);-moz-transform:rotateZ(-45deg) translateY(11px);-ms-transform:rotateZ(-45deg) translateY(11px);-o-transform:rotateZ(-45deg) translateY(11px);transform:rotateZ(-45deg) translateY(11px);width:25px}.animated .arrow-middle-r{-webkit-transform:translateX(25px);-moz-transform:translateX(25px);-ms-transform:translateX(25px);-o-transform:translateX(25px);transform:translateX(25px)}.animated .arrow-bottom-r{-webkit-transform:rotateZ(45deg) translateY(-11px);-moz-transform:rotateZ(45deg) translateY(-11px);-ms-transform:rotateZ(45deg) translateY(-11px);-o-transform:rotateZ(45deg) translateY(-11px);transform:rotateZ(45deg) translateY(-11px);width:25px}@keyframes showNav{from{left:-100%}to{left:0}}@-webkit-keyframes showNav{from{left:-100%}to{left:0}}@-moz-keyframes showNav{from{left:-100%}to{left:0}}@-o-keyframes showNav{from{left:-100%}to{left:0}}.showNav{-webkit-animation:showNav .5s ease forwards;-moz-animation:showNav .5s ease forwards;-o-animation:showNav .5s ease forwards;animation:showNav .5s ease forwards;z-index:999}@keyframes hideNav{from{left:0}to{left:-100%}}@-webkit-keyframes hideNav{from{left:0}to{left:-100%}}@-moz-keyframes hideNav{from{left:0}to{left:-100%}}@-o-keyframes hideNav{from{left:0}to{left:-100%}}@media (max-width:1200px){.hideNav{-webkit-animation:hideNav 1s ease forwards;-moz-animation:hideNav 1s ease forwards;-o-animation:hideNav 1s ease forwards;animation:hideNav 1s ease forwards}.hidden{display:none}}.links-con{position:absolute;right:50px;top:20px;z-index:1}.item-divider{cursor:auto;text-transform:uppercase;font-weight:700;opacity:1;margin:40px 15px;color:#fff;font-size:2em}.styles{list-style:none;width:100%;margin:0 auto;border-top:1px solid rgba(225,225,225,.3);padding-bottom:30px}.item,.item a{color:#fff;font-weight:300;cursor:pointer;font-size:1.4em;line-height:2em;text-decoration:none}.item a:focus,.item a:hover,.item:focus,.item:hover{color:#E8F1F2;transition:color 1s ease}.item-active,.item-active a{color:#1B98E0!important;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}.nav{color:#2C3E50;top:10px;font-weight:700;font-size:1em;display:inline;position:relative;z-index:2;text-decoration:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;padding:10px;white-space:nowrap;overflow:hidden;transition:color 1s ease}.effect-demo,.nav:focus,.nav:hover{-webkit-transition:color 1s ease;-moz-transition:color 1s ease;-ms-transition:color 1s ease;-o-transition:color 1s ease}.nav:focus,.nav:hover{outline:0;color:#1B98E0;transition:color 1s ease;cursor:pointer}.nav:after,.nav:before{transition:all 1s ease 0s}.effect-demo:after,.effect-demo:before,.nav:focus:after,.nav:focus:before,.nav:hover:after,.nav:hover:before{-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s}.nav:focus:after,.nav:focus:before,.nav:hover:after,.nav:hover:before{outline:0;background-color:#1B98E0;transition:all 1s ease 0s}.nav:after{content:"";position:absolute;z-index:-1;width:3px;height:3px;left:0;bottom:0}.nav:focus:after,.nav:hover:after{width:100%;height:3px}.nav:focus{outline:0}@media (min-width:480px){.nav{font-size:1.2em;display:inline;position:relative;z-index:2;text-decoration:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;padding:10px;white-space:nowrap;overflow:hidden;-webkit-transition:color 1s ease;-moz-transition:color 1s ease;-ms-transition:color 1s ease;-o-transition:color 1s ease;transition:color 1s ease}.nav:focus,.nav:hover{outline:0;color:#1B98E0;-webkit-transition:color 1s ease;-moz-transition:color 1s ease;-ms-transition:color 1s ease;-o-transition:color 1s ease;transition:color 1s ease;cursor:pointer}.nav:after,.nav:before{-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s}.nav:focus:after,.nav:focus:before,.nav:hover:after,.nav:hover:before{outline:0;background-color:#1B98E0;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s}}.effect-demo,.effect-demo.block{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.sass{font-size:1em;color:#fff;font-weight:500}@media (min-width:768px){.sass{font-size:1.1em}}.em-git{color:#fff;font-size:.8em;font-weight:300}@media (min-width:480px){.em-git{font-size:1em}}@media (min-width:768px){.em-git{font-size:1.2em}}.div-git{background:#2C3E50;width:auto;margin:0 auto;padding:20px;text-align:center;display:block}.include{color:#F22613}.property{color:#E3B505}.value{color:#247BA0}.clone{color:#2C3E50}.comment{color:#E8F1F2;opacity:.7}.code{color:#fff;font-size:.6em;font-weight:500}@media (min-width:300px){.code{font-size:.7em}}@media (min-width:480px){.code{font-size:.9em}}@media (min-width:600px){.code{font-size:1em}}@media (min-width:768px){.code{font-size:1em}}@media (min-width:1200px){.code{font-size:1.1em}}@media (min-width:1500px){.code{font-size:1.3em}}.effect-demo,span{font-size:3em;font-weight:700;position:relative;z-index:2;text-decoration:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;padding:10px;white-space:nowrap;overflow:hidden}.pseudoem{color:red}.effect-demo{margin:0 auto;color:#2C3E50;display:inline;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;user-select:none;transition:color 1s ease}.effect-demo.block,.effect-demo:focus,.effect-demo:hover{-webkit-transition:color 1s ease;-moz-transition:color 1s ease;-ms-transition:color 1s ease;-o-transition:color 1s ease}.effect-demo:focus,.effect-demo:hover{outline:0;color:#1B98E0;transition:color 1s ease;cursor:pointer}.effect-demo:after,.effect-demo:before{transition:all 1s ease 0s}.effect-demo:focus:after,.effect-demo:focus:before,.effect-demo:hover:after,.effect-demo:hover:before{outline:0;background-color:#1B98E0;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s}.effect-demo.block{width:90%;display:block;position:relative;z-index:2;text-decoration:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;padding:10px;white-space:nowrap;overflow:hidden;transition:color 1s ease}.effect-demo.block:focus,.effect-demo.block:hover,span{-webkit-transition:color 1s ease;-moz-transition:color 1s ease;-ms-transition:color 1s ease;-o-transition:color 1s ease;cursor:pointer}.effect-demo.block:focus,.effect-demo.block:hover{outline:0;color:#1B98E0;transition:color 1s ease}.effect-demo.block:after,.effect-demo.block:before{-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s}.effect-demo.block:focus:after,.effect-demo.block:focus:before,.effect-demo.block:hover:after,.effect-demo.block:hover:before{outline:0;background-color:#1B98E0;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s}.effect-demo.block.half-width{width:50%}span{text-transform:uppercase;display:inline;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:color 1s ease}span:focus,span:hover{outline:0;color:#1B98E0;-webkit-transition:color 1s ease;-moz-transition:color 1s ease;-ms-transition:color 1s ease;-o-transition:color 1s ease;transition:color 1s ease;cursor:pointer}span:after,span:before{-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s}span:focus:after,span:focus:before,span:hover:after,span:hover:before{outline:0;background-color:#1B98E0;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s}Sass mixin library for text hover - Script Codes JS Codes
/* JS needed only for demo */
$(document).ready(function(){ /* code for navbar */ $(".btn-nav").on("click tap", function() { navbarMagic(); }); $(document).keyup(function(e) { if (e.keyCode == 27){ navbarMagic(); }; // esc
}); function navbarMagic() { $(".left-side").toggleClass("showNav hideNav").removeClass("hidden"); $(".btn-nav").toggleClass("animated"); } /* toggle classes for demo main span */ $(".item, .item a").click(function(){ var current = $(this); $(current).addClass("item-active"); $(".item, .item a").not(current).removeClass("item-active"); var newClass = $(this).text(); var p = $(".element"); $(".text-con span").removeAttr("class"); setTimeout(function(){ $(".text-con span").addClass(newClass) }, 100) }); /* smooth scroll for nav links */ $(function() { $('a[href*=#]:not([href=#])').click(function() { if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) { var target = $(this.hash); target = target.length ? target : $('[name=' + this.hash.slice(1) +']'); if (target.length) { $('html,body').animate({ scrollTop: target.offset().top - 100 }, 1000); return false; } } });
});
})
| Developer | Antonija Simic |
| Username | tonkec |
| Uploaded | September 28, 2022 |
| Rating | 4.5 |
| Size | 9,960 Kb |
| Views | 22,264 |
Do you need developer help for Sass mixin library for text hover?
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Antonija Simic (tonkec) Script Codes
| Name | Size |
| Pure css navigation revealed on hover | 2,142 Kb |
| Sidebar with smooth transition | 2,740 Kb |
| Pure CSS side reveal effect | 2,397 Kb |
| Pure CSS bread-loaf carousel | 2,559 Kb |
| A Pen by Antonija Simic | 1,664 Kb |
| Pure CSS hamburger icons transition | 2,243 Kb |
| CSS preloader | 1,832 Kb |
| Pure CSS animated hamburger icon | 1,928 Kb |
| Simple responsive slides | 3,419 Kb |
| CSS refrigerator | 5,764 Kb |
Create amazing art & images with AI!
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Similar Scripts & Codes
| Name | Username | Size |
| Foundation 5 Menu - Accessibility | Xporter | 1,999 Kb |
| A Pen by Alex Bergin | Abergin | 3,347 Kb |
| Image grid with captions | Mchernin34 | 2,222 Kb |
| BSP Dungeon Generation | Xgundam05 | 5,326 Kb |
| Classy Blockquote Styling | Andrewwright | 3,212 Kb |
| CMP5-Opdracht15 | SannevanGastel | 2,733 Kb |
| Navcube | Wbarlow | 4,775 Kb |
| Svg animation draw | SzymonDziewonski | 5,545 Kb |
| React Recipe Box | Krokodill | 5,347 Kb |
| 12 DAYS OF XMAS | Proto78 | 2,313 Kb |
Do you want hide your ip address?
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!