├── .gitignore ├── src ├── images │ ├── p.jpg │ ├── cac.jpg │ ├── for.jpg │ ├── girl.jpg │ ├── hand.jpg │ ├── p10.jpg │ ├── p11.jpg │ ├── p13.jpg │ ├── p14.jpg │ ├── p18.jpg │ ├── p20.jpg │ ├── p23.jpg │ ├── p26.jpg │ ├── p3.jpg │ ├── p4.jpg │ ├── p5.jpg │ ├── p9.jpg │ └── back3.jpg ├── fonts │ ├── FontAwesome.otf │ ├── colabthi-webfont.eot │ ├── colabthi-webfont.ttf │ ├── colabthi-webfont.woff │ ├── colabthi-webfont.woff2 │ ├── fontawesome-webfont.eot │ ├── fontawesome-webfont.ttf │ ├── fontawesome-webfont.woff │ ├── fontawesome-webfont.woff2 │ └── stylesheet.css ├── css │ ├── font-awesome.min.css │ ├── effects.css │ └── effectspre.css └── js │ └── rbootstrap.min.js ├── dist ├── images │ ├── cac.jpg │ ├── for.jpg │ ├── p.jpg │ ├── p10.jpg │ ├── p11.jpg │ ├── p13.jpg │ ├── p14.jpg │ ├── p18.jpg │ ├── p20.jpg │ ├── p23.jpg │ ├── p26.jpg │ ├── p3.jpg │ ├── p4.jpg │ ├── p5.jpg │ ├── p9.jpg │ ├── back3.jpg │ ├── girl.jpg │ └── hand.jpg ├── fonts │ ├── FontAwesome.otf │ ├── colabthi-webfont.eot │ ├── colabthi-webfont.ttf │ ├── colabthi-webfont.woff │ ├── colabthi-webfont.woff2 │ ├── fontawesome-webfont.eot │ ├── fontawesome-webfont.ttf │ ├── fontawesome-webfont.woff │ ├── fontawesome-webfont.woff2 │ └── stylesheet.css └── css │ ├── effects.min.css │ └── font-awesome.min.css ├── package.json ├── LICENSE ├── gruntfile.js └── README.md /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules/ -------------------------------------------------------------------------------- /src/images/p.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/miketricking/bootstrap-image-hover/HEAD/src/images/p.jpg -------------------------------------------------------------------------------- /dist/images/cac.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/miketricking/bootstrap-image-hover/HEAD/dist/images/cac.jpg -------------------------------------------------------------------------------- /dist/images/for.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/miketricking/bootstrap-image-hover/HEAD/dist/images/for.jpg -------------------------------------------------------------------------------- /dist/images/p.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/miketricking/bootstrap-image-hover/HEAD/dist/images/p.jpg -------------------------------------------------------------------------------- /dist/images/p10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/miketricking/bootstrap-image-hover/HEAD/dist/images/p10.jpg -------------------------------------------------------------------------------- /dist/images/p11.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/miketricking/bootstrap-image-hover/HEAD/dist/images/p11.jpg -------------------------------------------------------------------------------- /dist/images/p13.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/miketricking/bootstrap-image-hover/HEAD/dist/images/p13.jpg -------------------------------------------------------------------------------- /dist/images/p14.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/miketricking/bootstrap-image-hover/HEAD/dist/images/p14.jpg -------------------------------------------------------------------------------- /dist/images/p18.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/miketricking/bootstrap-image-hover/HEAD/dist/images/p18.jpg -------------------------------------------------------------------------------- /dist/images/p20.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/miketricking/bootstrap-image-hover/HEAD/dist/images/p20.jpg -------------------------------------------------------------------------------- /dist/images/p23.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/miketricking/bootstrap-image-hover/HEAD/dist/images/p23.jpg -------------------------------------------------------------------------------- /dist/images/p26.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/miketricking/bootstrap-image-hover/HEAD/dist/images/p26.jpg -------------------------------------------------------------------------------- /dist/images/p3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/miketricking/bootstrap-image-hover/HEAD/dist/images/p3.jpg -------------------------------------------------------------------------------- /dist/images/p4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/miketricking/bootstrap-image-hover/HEAD/dist/images/p4.jpg -------------------------------------------------------------------------------- /dist/images/p5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/miketricking/bootstrap-image-hover/HEAD/dist/images/p5.jpg -------------------------------------------------------------------------------- /dist/images/p9.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/miketricking/bootstrap-image-hover/HEAD/dist/images/p9.jpg -------------------------------------------------------------------------------- /src/images/cac.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/miketricking/bootstrap-image-hover/HEAD/src/images/cac.jpg -------------------------------------------------------------------------------- /src/images/for.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/miketricking/bootstrap-image-hover/HEAD/src/images/for.jpg -------------------------------------------------------------------------------- /src/images/girl.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/miketricking/bootstrap-image-hover/HEAD/src/images/girl.jpg -------------------------------------------------------------------------------- /src/images/hand.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/miketricking/bootstrap-image-hover/HEAD/src/images/hand.jpg -------------------------------------------------------------------------------- /src/images/p10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/miketricking/bootstrap-image-hover/HEAD/src/images/p10.jpg -------------------------------------------------------------------------------- /src/images/p11.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/miketricking/bootstrap-image-hover/HEAD/src/images/p11.jpg -------------------------------------------------------------------------------- /src/images/p13.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/miketricking/bootstrap-image-hover/HEAD/src/images/p13.jpg -------------------------------------------------------------------------------- /src/images/p14.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/miketricking/bootstrap-image-hover/HEAD/src/images/p14.jpg -------------------------------------------------------------------------------- /src/images/p18.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/miketricking/bootstrap-image-hover/HEAD/src/images/p18.jpg -------------------------------------------------------------------------------- /src/images/p20.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/miketricking/bootstrap-image-hover/HEAD/src/images/p20.jpg -------------------------------------------------------------------------------- /src/images/p23.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/miketricking/bootstrap-image-hover/HEAD/src/images/p23.jpg -------------------------------------------------------------------------------- /src/images/p26.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/miketricking/bootstrap-image-hover/HEAD/src/images/p26.jpg -------------------------------------------------------------------------------- /src/images/p3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/miketricking/bootstrap-image-hover/HEAD/src/images/p3.jpg -------------------------------------------------------------------------------- /src/images/p4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/miketricking/bootstrap-image-hover/HEAD/src/images/p4.jpg -------------------------------------------------------------------------------- /src/images/p5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/miketricking/bootstrap-image-hover/HEAD/src/images/p5.jpg -------------------------------------------------------------------------------- /src/images/p9.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/miketricking/bootstrap-image-hover/HEAD/src/images/p9.jpg -------------------------------------------------------------------------------- /dist/images/back3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/miketricking/bootstrap-image-hover/HEAD/dist/images/back3.jpg -------------------------------------------------------------------------------- /dist/images/girl.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/miketricking/bootstrap-image-hover/HEAD/dist/images/girl.jpg -------------------------------------------------------------------------------- /dist/images/hand.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/miketricking/bootstrap-image-hover/HEAD/dist/images/hand.jpg -------------------------------------------------------------------------------- /src/images/back3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/miketricking/bootstrap-image-hover/HEAD/src/images/back3.jpg -------------------------------------------------------------------------------- /dist/fonts/FontAwesome.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/miketricking/bootstrap-image-hover/HEAD/dist/fonts/FontAwesome.otf -------------------------------------------------------------------------------- /src/fonts/FontAwesome.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/miketricking/bootstrap-image-hover/HEAD/src/fonts/FontAwesome.otf -------------------------------------------------------------------------------- /dist/fonts/colabthi-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/miketricking/bootstrap-image-hover/HEAD/dist/fonts/colabthi-webfont.eot -------------------------------------------------------------------------------- /dist/fonts/colabthi-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/miketricking/bootstrap-image-hover/HEAD/dist/fonts/colabthi-webfont.ttf -------------------------------------------------------------------------------- /src/fonts/colabthi-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/miketricking/bootstrap-image-hover/HEAD/src/fonts/colabthi-webfont.eot -------------------------------------------------------------------------------- /src/fonts/colabthi-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/miketricking/bootstrap-image-hover/HEAD/src/fonts/colabthi-webfont.ttf -------------------------------------------------------------------------------- /src/fonts/colabthi-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/miketricking/bootstrap-image-hover/HEAD/src/fonts/colabthi-webfont.woff -------------------------------------------------------------------------------- /dist/fonts/colabthi-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/miketricking/bootstrap-image-hover/HEAD/dist/fonts/colabthi-webfont.woff -------------------------------------------------------------------------------- /dist/fonts/colabthi-webfont.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/miketricking/bootstrap-image-hover/HEAD/dist/fonts/colabthi-webfont.woff2 -------------------------------------------------------------------------------- /dist/fonts/fontawesome-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/miketricking/bootstrap-image-hover/HEAD/dist/fonts/fontawesome-webfont.eot -------------------------------------------------------------------------------- /dist/fonts/fontawesome-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/miketricking/bootstrap-image-hover/HEAD/dist/fonts/fontawesome-webfont.ttf -------------------------------------------------------------------------------- /src/fonts/colabthi-webfont.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/miketricking/bootstrap-image-hover/HEAD/src/fonts/colabthi-webfont.woff2 -------------------------------------------------------------------------------- /src/fonts/fontawesome-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/miketricking/bootstrap-image-hover/HEAD/src/fonts/fontawesome-webfont.eot -------------------------------------------------------------------------------- /src/fonts/fontawesome-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/miketricking/bootstrap-image-hover/HEAD/src/fonts/fontawesome-webfont.ttf -------------------------------------------------------------------------------- /src/fonts/fontawesome-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/miketricking/bootstrap-image-hover/HEAD/src/fonts/fontawesome-webfont.woff -------------------------------------------------------------------------------- /dist/fonts/fontawesome-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/miketricking/bootstrap-image-hover/HEAD/dist/fonts/fontawesome-webfont.woff -------------------------------------------------------------------------------- /dist/fonts/fontawesome-webfont.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/miketricking/bootstrap-image-hover/HEAD/dist/fonts/fontawesome-webfont.woff2 -------------------------------------------------------------------------------- /src/fonts/fontawesome-webfont.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/miketricking/bootstrap-image-hover/HEAD/src/fonts/fontawesome-webfont.woff2 -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Imagehover", 3 | "version": "1.0.2", 4 | "devDependencies": { 5 | "grunt": "^0.4.5", 6 | "grunt-autoprefixer": "^3.0.3", 7 | "grunt-contrib-clean": "^1.0.0", 8 | "grunt-contrib-concat": "^0.5.1", 9 | "grunt-contrib-copy": "^1.0.0", 10 | "grunt-contrib-cssmin": "^0.13.0", 11 | "grunt-contrib-imagemin": "^0.9.4", 12 | "grunt-contrib-jshint": "^0.11.2", 13 | "grunt-contrib-uglify": "^0.9.1" 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /src/fonts/stylesheet.css: -------------------------------------------------------------------------------- 1 | /* Generated by Font Squirrel (http://www.fontsquirrel.com) on July 22, 2015 */ 2 | 3 | 4 | 5 | @font-face { 6 | font-family: 'colaborate-thinregular'; 7 | src: url('colabthi-webfont.eot'); 8 | src: url('colabthi-webfont.eot?#iefix') format('embedded-opentype'), 9 | url('colabthi-webfont.woff2') format('woff2'), 10 | url('colabthi-webfont.woff') format('woff'), 11 | url('colabthi-webfont.ttf') format('truetype'), 12 | url('colabthi-webfont.svg#colaborate-thinregular') format('svg'); 13 | font-weight: normal; 14 | font-style: normal; 15 | 16 | } -------------------------------------------------------------------------------- /dist/fonts/stylesheet.css: -------------------------------------------------------------------------------- 1 | /* Generated by Font Squirrel (http://www.fontsquirrel.com) on July 22, 2015 */ 2 | 3 | 4 | 5 | @font-face { 6 | font-family: 'colaborate-thinregular'; 7 | src: url('colabthi-webfont.eot'); 8 | src: url('colabthi-webfont.eot?#iefix') format('embedded-opentype'), 9 | url('colabthi-webfont.woff2') format('woff2'), 10 | url('colabthi-webfont.woff') format('woff'), 11 | url('colabthi-webfont.ttf') format('truetype'), 12 | url('colabthi-webfont.svg#colaborate-thinregular') format('svg'); 13 | font-weight: normal; 14 | font-style: normal; 15 | 16 | } -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2015 Michael Young https://twitter.com/mikeyoungg 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | 23 | -------------------------------------------------------------------------------- /gruntfile.js: -------------------------------------------------------------------------------- 1 | module.exports = function(grunt) { 2 | 3 | // 1. All configuration goes here 4 | grunt.initConfig({ 5 | pkg: grunt.file.readJSON('package.json'), 6 | 7 | concat: { 8 | dist: { 9 | src: [ 10 | 'src/js/*.js', // All JS files 11 | ], 12 | dest: 'src/js/production.js', 13 | } 14 | }, 15 | 16 | clean: { 17 | build: { 18 | src: ['src/js/production.js'] 19 | } 20 | }, 21 | 22 | 23 | 24 | uglify: { 25 | build: { 26 | files: { 27 | 'dist/js/production.min.js': ['src/js/production.js'] 28 | } 29 | } 30 | }, 31 | 32 | copy: { 33 | main: { 34 | files: [ 35 | {expand: true, flatten: true, src: ['src/index.html'], dest: 'dist/'} 36 | ] 37 | } 38 | }, 39 | 40 | 41 | imagemin: { 42 | dynamic: { 43 | files: [{ 44 | expand: true, 45 | cwd: 'src/images/', 46 | src: ['**/*.{png,jpg,gif}'], 47 | dest: 'dist/images' 48 | }] 49 | } 50 | }, 51 | 52 | autoprefixer: { 53 | dist: { 54 | files: { 55 | 'src/css/effectspre.css': 'src/css/effects.css' 56 | } 57 | } 58 | }, 59 | 60 | // configure cssmin to minify css files ------------------------------------ 61 | cssmin: { 62 | build: { 63 | files: { 64 | 'dist/css/effects.min.css': 'src/css/effectspre.css' 65 | } 66 | } 67 | }, 68 | 69 | }); 70 | 71 | 72 | 73 | 74 | // 3. Where we tell Grunt we plan to use this plug-in. 75 | 76 | grunt.loadNpmTasks('grunt-contrib-concat'); 77 | 78 | grunt.loadNpmTasks('grunt-contrib-cssmin'); 79 | 80 | grunt.loadNpmTasks('grunt-contrib-uglify'); 81 | 82 | grunt.loadNpmTasks('grunt-contrib-imagemin'); 83 | 84 | grunt.loadNpmTasks('grunt-autoprefixer'); 85 | 86 | grunt.loadNpmTasks('grunt-contrib-copy'); 87 | 88 | grunt.loadNpmTasks('grunt-contrib-clean'); 89 | 90 | 91 | grunt.registerTask('default', ['clean', 'concat', 'uglify', 'imagemin', 'autoprefixer','cssmin', 'copy']); 92 | 93 | }; -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # imagehover 2 | html and css code for image hover effects with or without bootstrap 3 | 4 | Have tested all individually in codepen using bootstrap. 5 | 6 | TIPS: 7 | 8 | If you wish to use these without bootstrap just remove the col classes from the top level div. 9 | 10 | We need to consider mobile, the hovers that reveal social icons are great except for many these will be inaccessible as some mobiles do not understand a hover state. One way would be to put some visible soical icons else where and leave the hover social icons there as a nice effect for those who find them. Another option is to use CSS media queries so on small screen sizes the styles are already in place. They will not be able to see the cool effect but atlest you are making any content hidden by the hover styles more accessible. 11 | 12 | For example on the first effect these are the styles that are applied during a :hover state. So you'd simply copy the styles again and wrap them inside and media query and remove the :hover part of it. 13 | 14 | For example you would copy the following: 15 | 16 | hovereffect:hover img { 17 | -ms-transform:scale(1.2); 18 | -webkit-transform:scale(1.2); 19 | transform:scale(1.2); 20 | } 21 | 22 | .hovereffect:hover .overlay { 23 | opacity:1; 24 | filter:alpha(opacity=100); 25 | } 26 | 27 | .hovereffect:hover h2,.hovereffect:hover a.info { 28 | opacity:1; 29 | filter:alpha(opacity=100); 30 | -ms-transform:translatey(0); 31 | -webkit-transform:translatey(0); 32 | transform:translatey(0); 33 | } 34 | 35 | 36 | And then wrap it inside a media quiery and remove all the :hover from the styles. 37 | 38 | @media (max-width: 750px) { 39 | 40 | hovereffect img { 41 | -ms-transform:scale(1.2); 42 | -webkit-transform:scale(1.2); 43 | transform:scale(1.2); 44 | } 45 | 46 | .hovereffect .overlay { 47 | opacity:1; 48 | filter:alpha(opacity=100); 49 | } 50 | 51 | .hovereffect h2,.hovereffect a.info { 52 | opacity:1; 53 | filter:alpha(opacity=100); 54 | -ms-transform:translatey(0); 55 | -webkit-transform:translatey(0); 56 | transform:translatey(0); 57 | } 58 | 59 | } 60 | 61 | 62 | TO DO: 63 | 64 | Make all the effects fully responsive. Some are already/some need slight changes depending on sizes. 65 | 66 | Create the effects using SASS. 67 | 68 | 69 | 70 | Special thanks to: 71 | 72 | codrops (http://tympanus.net/codrops/) 73 | start boot strap (http://startbootstrap.com) 74 | bootstrap (http://getbootstrap.com/) 75 | font awesome (http://fortawesome.github.io/Font-Awesome/) 76 | github (http://github.com) 77 | unsplash for images (https://unsplash.com/) 78 | font squirrel (http://fontsquirrel.com/) 79 | codepen (http://codepen.com/) 80 | -------------------------------------------------------------------------------- /dist/css/effects.min.css: -------------------------------------------------------------------------------- 1 | .hover,.hover .overlay{width:100%;height:100%;overflow:hidden}.hover,.hover h2{text-align:center}.ehover11 .overlay::before,.ehover12 h2::after,.ehover7 .overlay::before{content:''}body{font-family:colaborate-thinregular,sans-serif;letter-spacing:2px;text-transform:uppercase;background-image:url(../images/back3.jpg);background-size:cover;background-repeat:no-repeat;color:#FFF}.modal-body p,pre{text-transform:none;letter-spacing:0}h1{font-size:50px}.titlep{letter-spacing:0;padding-bottom:60px;font-size:18px}.breath{padding-top:80px}.topinfo{position:absolute;bottom:1px;left:96px}.page-header{display:inline-block;margin:40px 0 20px;border:1px solid #eee;padding:15px;border-radius:12px}.modal-content{color:#000}.modal-body p{font-size:16px}.hover button.info,.hover h2{text-transform:uppercase;color:#fff}.navbar-inverse{color:#fff;background-color:rgba(255,255,255,.2);border-bottom:1px solid #fff}ul.nav.navbar-nav{float:right}.navbar-inverse .navbar-brand,.navbar-inverse .navbar-nav>li>a{color:#fff}.col-lg-3,.col-md-4,.col-sm-6,.col-xs-12{padding:0}.hover{float:left;position:relative;cursor:default}.hover .overlay{position:absolute;top:0;left:0}.hover img{display:block;position:relative}.ehover10 button,.hover button.info{display:inline-block}.hover h2{position:relative;font-size:17px;padding:10px;background:rgba(0,0,0,.6)}.hover button.info{text-decoration:none;padding:7px 14px;border:1px solid #fff;margin:50px 0 0;border-radius:0;background-color:transparent}.hover button.info:hover{box-shadow:0 0 5px #fff}.ehover5 button.info:hover,.hover button.nullbutton:hover{box-shadow:none}.hover button.nullbutton{border:none;padding:0;margin:0}.ehover4 button.info,.ehover42 button.info{margin:-55px 0 0;padding:73px 90px;font-weight:400;border:1px solid #fff}.modal-open .modal,button:focus{outline:0!important}.point{cursor:pointer}.ehover1 img{-webkit-transition:all .4s linear;transition:all .4s linear}.ehover1 .overlay{opacity:0;background-color:rgba(0,0,0,.5);-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.ehover1 h2{-webkit-transform:translatey(-100px);transform:translatey(-100px);opacity:0;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.ehover1 button.info{opacity:0;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.ehover1:hover img{-webkit-transform:scale(1.2);transform:scale(1.2)}.ehover1:hover .overlay{opacity:1}.ehover1:hover button.info,.ehover1:hover h2{opacity:1;-webkit-transform:translatey(0);transform:translatey(0)}.ehover1:hover button.info{-webkit-transition-delay:.2s;transition-delay:.2s}.ehover2 img{-webkit-transition:all .2s ease-in;transition:all .2s ease-in}.ehover2 .overlay{background-color:rgba(0,0,0,.6);opacity:0;-webkit-transform:translate(460px,-100px) rotate(180deg);transform:translate(460px,-100px) rotate(180deg);-webkit-transition:all .2s .4s ease-in-out;transition:all .2s .4s ease-in-out}.ehover2 button.info,.ehover9 h2{-webkit-transform:translateY(-200px)}.ehover2 button.info{transform:translateY(-200px);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.ehover2:hover .overlay{opacity:1;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transform:translate(0,0);transform:translate(0,0)}.ehover2:hover h2{-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition-delay:.5s;transition-delay:.5s}.ehover2:hover button.info,.ehover9:hover h2{-webkit-transform:translateY(0);-webkit-transition-delay:.3s}.ehover2:hover button.info{transform:translateY(0);transition-delay:.3s}.ehover3 img{-webkit-transition:all .4s ease-in;transition:all .4s ease-in}.ehover3 button.info,.ehover3 h2{-webkit-transform:scale(.7);transform:scale(.7);-webkit-transition:all .4s ease-in;transition:all .4s ease-in;opacity:0}.ehover4 .overlay,.ehover4 h2{-webkit-transition:all .4s ease-in-out}.ehover3:hover img{filter:grayscale(1) blur(3px);-webkit-filter:grayscale(1) blur(3px);-webkit-transform:scale(1.2);transform:scale(1.2)}.ehover3:hover button.info,.ehover3:hover h2{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.ehover4 h2{-webkit-transform:translateY(55px);transform:translateY(55px);transition:all .4s ease-in-out}.ehover4:hover h2{-webkit-transform:translateY(15px);transform:translateY(15px)}.ehover4 .overlay{background-color:rgba(75,75,75,.7);transition:all .4s ease-in-out}.ehover4:hover .overlay{background-color:rgba(48,152,157,.4)}.ehover4 button.info{opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.ehover42 .overlay,.ehover42 h2{-webkit-transition:all .4s cubic-bezier(.88,-.99,0,1.81)}.ehover4:hover button.info{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.ehover42 h2{-webkit-transform:translateY(55px);transform:translateY(55px);transition:all .4s cubic-bezier(.88,-.99,0,1.81)}.ehover42:hover h2{-webkit-transform:translateY(15px);transform:translateY(15px)}.ehover42 .overlay{background-color:rgba(75,75,75,.7);transition:all .4s cubic-bezier(.88,-.99,0,1.81)}.ehover1v2 img,.ehover42 button.info{-webkit-transition:all .4s cubic-bezier(.88,-.99,0,1.81)}.ehover42:hover .overlay{background-color:rgba(48,152,157,.4)}.ehover42 button.info{opacity:0;-webkit-transform:scale(0);transform:scale(0);transition:all .4s cubic-bezier(.88,-.99,0,1.81)}.ehover42:hover button.info{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.ehover1v2 img{transition:all .4s cubic-bezier(.88,-.99,0,1.81)}.ehover1v2 .overlay{opacity:0;background-color:rgba(0,0,0,.5);-webkit-transition:all .4s cubic-bezier(.88,-.99,0,1.81);transition:all .4s cubic-bezier(.88,-.99,0,1.81)}.ehover1v2 h2{-webkit-transform:translatey(-100px);transform:translatey(-100px);opacity:0;-webkit-transition:all .2s cubic-bezier(.88,-.99,0,1.81);transition:all .2s cubic-bezier(.88,-.99,0,1.81)}.ehover1v2 button.info{opacity:0;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.ehover1v2:hover img{-webkit-transform:scale(1.2);transform:scale(1.2)}.ehover1v2:hover .overlay{opacity:1}.ehover1v2:hover button.info,.ehover1v2:hover h2{opacity:1;-webkit-transform:translatey(0);transform:translatey(0)}.ehover1v2:hover button.info{-webkit-transition-delay:.2s;transition-delay:.2s}.ehover5 h2,.ehover5 img{-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.ehover5 img{-webkit-transform:scale(1.1);transform:scale(1.1)}.ehover5:hover img{-webkit-transform:scale(1);transform:scale(1)}.ehover5 .overlay{-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.ehover5:hover .overlay{background-color:rgba(170,170,170,.4)}.ehover5 button.info{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5);-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;font-weight:400;border:1px solid #fff;height:85%;width:85%;position:absolute;top:-20%;left:8%;padding:70px}.ehover6 h2,.ehover6 hr,.group1,.group2{left:50%;position:absolute;-webkit-transition:opacity .35s,-webkit-transform .35s}.ehover5:hover button.info{opacity:1;-webkit-transform:scale(1);transform:scale(1);background-color:rgba(0,0,0,.4)}.ehover6 h2,.ehover6 hr,.ehover7 h2,.ehover7 p,.group1,.group2{background-color:transparent;margin:0}.ehover6 .rotate{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);width:100%;height:100%;position:absolute;bottom:0}.ehover6 hr{width:50%;opacity:0}.ehover6 hr:nth-child(2){-webkit-transform:translate3d(-50%,-50%,0) rotate(0) scale3d(0,0,1);transform:translate3d(-50%,-50%,0) rotate(0) scale3d(0,0,1)}.ehover6 hr:nth-child(3){-webkit-transform:translate3d(-50%,-50%,0) rotate(90deg) scale3d(0,0,1);transform:translate3d(-50%,-50%,0) rotate(90deg) scale3d(0,0,1)}.ehover6 h2,.ehover6 hr{top:50%;transition:opacity .35s,transform .35s;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);-webkit-transform-origin:50%;transform-origin:50%}.group1,.group2{transition:opacity .35s,transform .35s;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);-webkit-transform-origin:50%;transform-origin:50%;padding:0;letter-spacing:0}.group1{top:40%}.group2{top:60%}.ehover6 h2{width:100%}.ehover6 p{width:30%;text-transform:none;font-size:15px;line-height:2}.ehover6 p a{color:#fff}.ehover6 p a:focus,.ehover6 p a:hover{opacity:.6}.ehover6 a i{opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;padding:10px;font-size:20px}.ehover7 p,.ehover8 p{text-transform:none;font-size:15px;line-height:2}.group1 a:first-child i{-webkit-transform:translate3d(-60px,-60px,0) rotate(45deg) scale(2);transform:translate3d(-60px,-60px,0) rotate(45deg) scale(2)}.group1 a:nth-child(2) i{-webkit-transform:translate3d(60px,-60px,0) rotate(45deg) scale(2);transform:translate3d(60px,-60px,0) rotate(45deg) scale(2)}.group2 a:first-child i{-webkit-transform:translate3d(-60px,60px,0) rotate(45deg) scale(2);transform:translate3d(-60px,60px,0) rotate(45deg) scale(2)}.group2 a:nth-child(2) i{-webkit-transform:translate3d(60px,60px,0) rotate(45deg) scale(2);transform:translate3d(60px,60px,0) rotate(45deg) scale(2)}.ehover6:hover h2{opacity:0;-webkit-transform:translate3d(-50%,-50%,0) scale3d(.8,.8,1);transform:translate3d(-50%,-50%,0) scale3d(.8,.8,1)}.ehover6:hover hr:nth-child(2){opacity:1;-webkit-transform:translate3d(-50%,-50%,0) rotate(0) scale3d(1,1,1);transform:translate3d(-50%,-50%,0) rotate(0) scale3d(1,1,1)}.ehover6:hover hr:nth-child(3){opacity:1;-webkit-transform:translate3d(-50%,-50%,0) rotate(90deg) scale3d(1,1,1);transform:translate3d(-50%,-50%,0) rotate(90deg) scale3d(1,1,1)}.ehover6:hover .group1 i:empty,.ehover6:hover .group2 i:empty{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0) rotate(45deg) scale(1);opacity:1}.ehover6 img{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transition:all .35s;transition:all .35s}.ehover7 .overlay::before,.ehover7 h2,.ehover7 p{position:absolute;left:50%;-webkit-transition:opacity .35s,-webkit-transform .35s}.ehover6:hover img{-webkit-transform:scale(1);transform:scale(1);filter:brightness(.7);-webkit-filter:brightness(.7)}.ehover7 h2,.ehover7 p,.ehover8 h2,.ehover8 hr{top:50%;-webkit-transform:translate3d(-50%,-50%,0)}.ehover7 h2,.ehover7 p{transition:opacity .35s,transform .35s;transform:translate3d(-50%,-50%,0);-webkit-transform-origin:50%;transform-origin:50%;padding:0}.ehover7 .overlay::before{top:50%;width:40%;height:60%;border:2px solid #fff;opacity:0;transition:opacity .35s,transform .35s;-webkit-transform:translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1);transform:translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1);-webkit-transform-origin:50%;transform-origin:50%}.ehover7 p{width:20%}.ehover7 p a{color:#fff}.ehover7 p a:focus,.ehover7 p a:hover{opacity:.6}.ehover7 a i{opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;padding:0 5px}.ehover7 p a:first-child i{-webkit-transform:translate3d(-60px,-60px,0);transform:translate3d(-60px,-60px,0)}.ehover7 p a:nth-child(2) i{-webkit-transform:translate3d(60px,-60px,0);transform:translate3d(60px,-60px,0)}.ehover7 p a:nth-child(3) i{-webkit-transform:translate3d(-60px,60px,0);transform:translate3d(-60px,60px,0)}.ehover7 p a:nth-child(4) i{-webkit-transform:translate3d(60px,60px,0);transform:translate3d(60px,60px,0)}.ehover7:hover .overlay::before{opacity:1;background-color:rgba(0,0,0,.2);-webkit-transform:translate3d(-50%,-50%,0) rotate3d(0,0,1,-135deg) scale3d(1,1,1);transform:translate3d(-50%,-50%,0) rotate3d(0,0,1,-135deg) scale3d(1,1,1)}.ehover8 h2,.ehover8 hr,.set1,.set2{left:50%;-webkit-transition:opacity .35s,-webkit-transform .35s;background-color:transparent;position:absolute;margin:0}.ehover7:hover h2{opacity:0;-webkit-transform:translate3d(-50%,-50%,0) scale3d(.8,.8,1);transform:translate3d(-50%,-50%,0) scale3d(.8,.8,1)}.ehover7:hover p i:empty{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.ehover8 hr{width:40%;opacity:0;border:1px solid #FFF}.ehover8 hr:nth-child(3){-webkit-transform:translate3d(-50%,-50%,0) rotate3d(0,0,1,90deg) scale3d(0,0,1);transform:translate3d(-50%,-50%,0) rotate3d(0,0,1,90deg) scale3d(0,0,1)}.ehover8 hr:nth-child(4){-webkit-transform:translate3d(-50%,-50%,0) rotate3d(0,0,1,180deg) scale3d(0,0,1);transform:translate3d(-50%,-50%,0) rotate3d(0,0,1,180deg) scale3d(0,0,1)}.ehover8 h2,.ehover8 hr{transition:opacity .35s,transform .35s;transform:translate3d(-50%,-50%,0);-webkit-transform-origin:50%;transform-origin:50%}.set1,.set2{transition:opacity .35s,transform .35s;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);-webkit-transform-origin:50%;transform-origin:50%;padding:0}.set1{top:40%}.set2{top:60%}.ehover8 p{width:30%}.ehover8 p a{color:#fff}.ehover8 p a:focus,.ehover8 p a:hover{opacity:.6}.ehover8 a i{opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;padding:10px;font-size:20px}.set1 a:first-child i{-webkit-transform:translate3d(-60px,-60px,0);transform:translate3d(-60px,-60px,0)}.set1 a:nth-child(2) i{-webkit-transform:translate3d(60px,-60px,0);transform:translate3d(60px,-60px,0)}.set2 a:first-child i{-webkit-transform:translate3d(-60px,60px,0);transform:translate3d(-60px,60px,0)}.set2 a:nth-child(2) i{-webkit-transform:translate3d(60px,60px,0);transform:translate3d(60px,60px,0)}.ehover8:hover h2{opacity:0;-webkit-transform:translate3d(-50%,-50%,0) scale3d(.8,.8,1);transform:translate3d(-50%,-50%,0) scale3d(.8,.8,1)}.ehover8:hover hr:nth-child(3){opacity:1;-webkit-transform:translate3d(-50%,-50%,0) rotate3d(0,0,1,-90deg) scale3d(1,1,1);transform:translate3d(-50%,-50%,0) rotate3d(0,0,1,-90deg) scale3d(1,1,1)}.ehover8:hover hr:nth-child(4){opacity:1;-webkit-transform:translate3d(-50%,-50%,0) rotate3d(0,0,1,-180deg) scale3d(1,1,1);transform:translate3d(-50%,-50%,0) rotate3d(0,0,1,-180deg) scale3d(1,1,1)}.ehover8:hover .set1 i:empty,.ehover8:hover .set2 i:empty{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.ehover9 .overlay{background-color:rgba(255,255,255,.7);top:-200px;opacity:0;-webkit-transition:all .1s ease-out .5s;transition:all .1s ease-out .5s}.ehover9 h2{transform:translateY(-200px);-webkit-transition:all ease-in-out .1s;transition:all ease-in-out .1s;-webkit-transition-delay:.3s;transition-delay:.3s}.ehover9 button.info{-webkit-transform:translateY(-200px);transform:translateY(-200px);color:#000;border:1px solid #000;-webkit-transition:all ease-in-out .3s;transition:all ease-in-out .3s}.ehover10 .overlay,.ehover10 img{-webkit-transition:-webkit-transform .35s}.ehover9:hover .overlay{opacity:1;top:0;-webkit-transition-delay:0s;transition-delay:0s}.ehover9:hover h2{transform:translateY(0);transition-delay:.3s}.ehover9:hover button.info{-webkit-transform:translateY(0);transform:translateY(0);box-shadow:0 0 5px #000;color:#000;border:1px solid #000;-webkit-transition-delay:.3s;transition-delay:.3s}.ehover10 img{transition:transform .35s}.ehover10:hover img{-webkit-transform:translate3d(0,-10%,0);transform:translate3d(0,-10%,0)}.ehover10 .overlay{visibility:hidden;top:auto;bottom:0;padding:1em;height:4.75em;background:#79FAC4;color:#3c4a50;transition:transform .35s;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.ehover10 button.info{float:left;margin:0;text-transform:uppercase;color:#fff;font-size:17px;background:rgba(0,0,0,.6)}.ehover10 p.icon-links a{float:right;color:#3c4a50;font-size:1.4em}.ehover10:hover p.icon-links a:focus,.ehover10:hover p.icon-links a:hover{color:#252d31}.ehover10 button,.ehover10 p.icon-links a{-webkit-transition:-webkit-transform .35s;transition:transform .35s;-webkit-transform:translate3d(0,200%,0);transform:translate3d(0,200%,0)}.ehover11 .overlay::before,.ehover11 img{-webkit-transition:opacity .35s,-webkit-transform .45s}.ehover10 p.icon-links a span::before{display:inline-block;padding:8px 10px;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ehover10:hover .overlay,.ehover10:hover button,.ehover10:hover p.icon-links a{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:visible}.ehover10:hover h2{-webkit-transition-delay:.05s;transition-delay:.05s}.ehover10:hover p.icon-links a:nth-child(3){-webkit-transition-delay:.1s;transition-delay:.1s}.ehover10:hover p.icon-links a:nth-child(2){-webkit-transition-delay:.15s;transition-delay:.15s}.ehover10:hover p.icon-links a:first-child{-webkit-transition-delay:.2s;transition-delay:.2s}.ehover11{background:-webkit-linear-gradient(45deg,#ff89e9 0,#05abe0 100%);background:linear-gradient(45deg,#ff89e9 0,#05abe0 100%)}.ehover11 img{max-width:none;width:calc(100% + 60px);transition:opacity .35s,transform .45s;-webkit-transform:translate3d(-40px,0,0);transform:translate3d(-40px,0,0)}.ehover11 .overlay::before{position:absolute;top:20px;right:20px;bottom:20px;left:20px;border:1px solid #fff;opacity:0;transition:opacity .35s,transform .45s;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}.ehover11 .overlay{padding:3em;text-align:left}.ehover11 h2{background-color:transparent;padding:15% 0 10px;text-align:left}.ehover11 button.info{color:#FFF;opacity:0;margin:0;padding:0;border:none;-webkit-transition:opacity .35s,-webkit-transform .45s;transition:opacity .35s,transform .45s;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}.ehover11:hover img{opacity:.6;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.ehover11:hover .overlay::before,.ehover11:hover button.info{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.ehover12{background:#42b078}.ehover12 img{max-width:none;width:calc(100% + 20px);-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.ehover12:hover img{opacity:.4;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.ehover12 .overlay{padding:50px 20px}.ehover12 h2{position:relative;overflow:hidden;padding:.5em 0;background-color:transparent}.ehover12 h2::after{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#fff;-webkit-transition:-webkit-transform .35s;transition:transform .35s;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.ehover12:hover h2::after{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.ehover12 button{color:#FFF;opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.ehover12:hover button{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.ehover13 img{-webkit-transition:all .35s;transition:all .35s}.ehover13 .overlay,.ehover13 button{-webkit-transition:opacity .35s,-webkit-transform .35s}.ehover13:hover img{filter:brightness(.6);-webkit-filter:brightness(.6)}.ehover13 .overlay{width:80%;height:80%;left:10%;top:10%;border-bottom:1px solid #FFF;border-top:1px solid #FFF;transition:opacity .35s,transform .35s;-webkit-transform:scale(0,1);transform:scale(0,1)}.ehover13:hover .overlay{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.ehover13 button,.ehover13 h2{opacity:0;color:#FFF;padding:1em 0}.ehover13 button{transition:opacity .35s,transform .35s;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.ehover13 h2{background-color:transparent;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.ehover13:hover button,.ehover13:hover h2{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.ehover14 img{-webkit-transition:all .35s;transition:all .35s}.ehover14 .overlay,.ehover14 button{-webkit-transition:opacity .35s,-webkit-transform .35s;opacity:0}.ehover14:hover img{filter:brightness(1.4);-webkit-filter:brightness(1.4)}.ehover14 .overlay{width:55%;height:81%;left:22%;top:10%;border-radius:80%;border:2px solid #FFF;transition:opacity .35s,transform .35s;-webkit-transform:translate3d(50%,50%,0);transform:translate3d(50%,50%,0)}.ehover14:hover .overlay{background-color:rgba(0,0,0,.3)}.ehover14 button{color:#FFF;padding:1em 0;transition:opacity .35s,transform .35s;-webkit-transform:translate3d(-150%,-400%,0);transform:translate3d(-150%,-400%,0)}.ehover14 h2{background-color:transparent;color:#FFF;padding:1em 0;opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:translate3d(-150%,-400%,0);transform:translate3d(-150%,-400%,0)}.ehover14:hover .overlay,.ehover14:hover button,.ehover14:hover h2{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} -------------------------------------------------------------------------------- /dist/css/font-awesome.min.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome 3 | * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) 4 | */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.3.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0)}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-genderless:before,.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"} -------------------------------------------------------------------------------- /src/css/font-awesome.min.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome 3 | * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) 4 | */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.3.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0)}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-genderless:before,.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"} -------------------------------------------------------------------------------- /src/css/effects.css: -------------------------------------------------------------------------------- 1 | 2 | 3 | /* general styling for the hover page */ 4 | 5 | body { 6 | font-family: 'colaborate-thinregular', sans-serif; 7 | letter-spacing: 2px; 8 | text-transform: uppercase; 9 | background-image: url("../images/back3.jpg"); 10 | background-size: cover; 11 | background-repeat: no-repeat; 12 | color: #FFF; 13 | } 14 | 15 | 16 | h1 { 17 | font-size: 50px; 18 | } 19 | 20 | pre { 21 | letter-spacing: 0px; 22 | text-transform: none; 23 | } 24 | 25 | .titlep { 26 | letter-spacing: 0px; 27 | padding-bottom: 60px; 28 | font-size: 18px; 29 | } 30 | 31 | .breath { 32 | padding-top: 80px; 33 | } 34 | 35 | .topinfo { 36 | position: absolute; 37 | bottom: 1px; 38 | left: 96px; 39 | } 40 | 41 | .page-header { 42 | display: inline-block; 43 | padding-bottom: 9px; 44 | margin: 40px 0 20px; 45 | border: 1px solid #eee; 46 | padding: 15px; 47 | border-radius: 12px 48 | } 49 | 50 | .modal-content{ 51 | color: #000; 52 | } 53 | 54 | .modal-body p 55 | { 56 | letter-spacing: 0px; 57 | text-transform: none; 58 | font-size: 16px; 59 | } 60 | 61 | .navbar-inverse { 62 | color: #fff; 63 | background-color: rgba(255,255,255,0.2); 64 | border-bottom: 1px solid #fff; 65 | } 66 | 67 | ul.nav.navbar-nav { 68 | float: right; 69 | } 70 | 71 | .navbar-inverse .navbar-brand , .navbar-inverse .navbar-nav>li>a { 72 | color: #fff; 73 | } 74 | 75 | 76 | 77 | /* remove bootstrap padding so images sit right next to each other with no gaps */ 78 | 79 | .col-lg-3, .col-md-4, .col-sm-6, .col-xs-12 { 80 | padding: 0px; 81 | } 82 | 83 | 84 | /* general styling for all the hovers */ 85 | 86 | .hover { 87 | width: 100%; 88 | height: 100%; 89 | float: left; 90 | overflow: hidden; 91 | position: relative; 92 | text-align: center; 93 | cursor: default; 94 | } 95 | 96 | .hover .overlay { 97 | width: 100%; 98 | height: 100%; 99 | position: absolute; 100 | overflow: hidden; 101 | top: 0; 102 | left: 0; 103 | } 104 | 105 | .hover img { 106 | display: block; 107 | position: relative; 108 | } 109 | 110 | .hover h2 { 111 | text-transform: uppercase; 112 | color: #fff; 113 | text-align: center; 114 | position: relative; 115 | font-size: 17px; 116 | padding: 10px; 117 | background: rgba(0, 0, 0, 0.6); 118 | } 119 | 120 | .hover button.info { 121 | display: inline-block; 122 | text-decoration: none; 123 | padding: 7px 14px; 124 | text-transform: uppercase; 125 | color: #fff; 126 | border: 1px solid #fff; 127 | margin: 50px 0 0 0; 128 | border-radius: 0px; 129 | background-color: transparent; 130 | } 131 | 132 | .hover button.info:hover { 133 | box-shadow: 0 0 5px #fff; 134 | } 135 | 136 | /* styling to remove box shadow and border from buttons for last few effects */ 137 | 138 | .hover button.nullbutton { 139 | border: none; 140 | padding: 0px; 141 | margin: 0px; 142 | } 143 | 144 | .hover button.nullbutton:hover { 145 | box-shadow: none; 146 | } 147 | 148 | /* remove the blue line that shows on modal buttons after you have open and close a modal */ 149 | 150 | .modal-open .modal, button:focus { 151 | outline:none!important 152 | } 153 | 154 | /* styling so when hovering over a div that opens a modal the cursor changes to a pointer */ 155 | .point { 156 | cursor: pointer; 157 | } 158 | 159 | /* effect hover 1 */ 160 | 161 | .ehover1 img { 162 | transition: all 0.4s linear; 163 | -moz-transition: all 0.4s linear; 164 | -o-transition: all 0.4s linear; 165 | -webkit-transition: all 0.4s linear; 166 | transition: all 0.4s linear; 167 | } 168 | 169 | .ehover1 .overlay { 170 | opacity: 0; 171 | background-color: rgba(0,0,0, 0.5); 172 | -moz-transition: all 0.4s ease-in-out; 173 | -o-transition: all 0.4s ease-in-out; 174 | -webkit-transition: all 0.4s ease-in-out; 175 | transition: all 0.4s ease-in-out; 176 | } 177 | 178 | .ehover1 h2 { 179 | -moz-transform: translatey(-100px); 180 | -ms-transform: translatey(-100px); 181 | -o-transform: translatey(-100px); 182 | -webkit-transform: translatey(-100px); 183 | transform: translatey(-100px); 184 | opacity: 0; 185 | -moz-transition: all 0.2s ease-in-out; 186 | -o-transition: all 0.2s ease-in-out; 187 | -webkit-transition: all 0.2s ease-in-out; 188 | transition: all 0.2s ease-in-out; 189 | } 190 | 191 | .ehover1 button.info { 192 | opacity: 0; 193 | -moz-transition: all 0.2s ease-in-out; 194 | -o-transition: all 0.2s ease-in-out; 195 | -webkit-transition: all 0.2s ease-in-out; 196 | transition: all 0.2s ease-in-out; 197 | } 198 | 199 | .ehover1:hover img { 200 | -moz-transform: scale(1.2); 201 | -ms-transform: scale(1.2); 202 | -o-transform: scale(1.2); 203 | -webkit-transform: scale(1.2); 204 | transform: scale(1.2); 205 | } 206 | 207 | .ehover1:hover .overlay { 208 | opacity: 1; 209 | } 210 | 211 | .ehover1:hover h2, .ehover1:hover button.info { 212 | opacity: 1; 213 | -moz-transform: translatey(0); 214 | -ms-transform: translatey(0); 215 | -o-transform: translatey(0); 216 | -webkit-transform: translatey(0); 217 | transform: translatey(0); 218 | } 219 | 220 | .ehover1:hover button.info { 221 | -moz-transition-delay: 0.2s; 222 | -o-transition-delay: 0.2s; 223 | -webkit-transition-delay: 0.2s; 224 | transition-delay: 0.2s; 225 | } 226 | 227 | /* effect hover 2 */ 228 | 229 | .ehover2 img { 230 | transition: all 0.2s ease-in; 231 | } 232 | 233 | .ehover2 .overlay { 234 | background-color: rgba(0,0,0,0.6); 235 | opacity: 0; 236 | transform: translate(460px, -100px) rotate(180deg); 237 | transition: all 0.2s 0.4s ease-in-out; 238 | } 239 | 240 | .ehover2 button.info { 241 | transform: translateY(-200px); 242 | transition: all 0.2s ease-in-out; 243 | } 244 | 245 | .ehover2:hover .overlay { 246 | opacity: 1; 247 | transition-delay: 0s; 248 | transform: translate(0px, 0px); 249 | } 250 | 251 | .ehover2:hover h2 { 252 | transform: translateY(0px); 253 | transition-delay: 0.5s; 254 | } 255 | 256 | .ehover2:hover button.info { 257 | transform: translateY(0px); 258 | transition-delay: 0.3s; 259 | } 260 | 261 | 262 | /* effect hover 3 */ 263 | 264 | .ehover3 img { 265 | transition: all 0.4s ease-in; 266 | } 267 | 268 | .ehover3 button.info, .ehover3 h2 { 269 | transform: scale(0.7); 270 | transition: all 0.4s ease-in; 271 | opacity: 0; 272 | } 273 | 274 | .ehover3:hover img { 275 | filter: grayscale(1) blur(3px); 276 | -webkit-filter: grayscale(1) blur(3px); 277 | transform: scale(1.2); 278 | } 279 | 280 | .ehover3:hover button.info, .ehover3:hover h2 { 281 | opacity: 1; 282 | transform: scale(1); 283 | } 284 | 285 | 286 | /* effect hover 4 */ 287 | 288 | .ehover4 h2 { 289 | transform: translateY(55px); 290 | transition: all 0.4s ease-in-out; 291 | } 292 | 293 | .ehover4:hover h2 { 294 | transform: translateY(15px); 295 | } 296 | 297 | .ehover4 .overlay { 298 | background-color: rgba(75,75,75,0.7); 299 | transition: all 0.4s ease-in-out; 300 | } 301 | 302 | .ehover4:hover .overlay { 303 | background-color: rgba(48, 152, 157, 0.4); 304 | } 305 | 306 | .ehover4 button.info { 307 | opacity: 0; 308 | transform: scale(0); 309 | transition: all 0.4s ease-in-out; 310 | font-weight: normal; 311 | border: 1px solid white; 312 | margin: -55px 0 0 0; 313 | padding: 73px 90px; 314 | } 315 | 316 | .ehover4:hover button.info { 317 | opacity: 1; 318 | transform: scale(1); 319 | } 320 | 321 | /* effect 4 transitionV2 */ 322 | 323 | .ehover42 h2 { 324 | transform: translateY(55px); 325 | transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81); 326 | } 327 | 328 | .ehover42:hover h2 { 329 | transform: translateY(15px); 330 | } 331 | 332 | .ehover42 .overlay { 333 | background-color: rgba(75,75,75,0.7); 334 | transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81); 335 | } 336 | 337 | .ehover42:hover .overlay { 338 | background-color: rgba(48, 152, 157, 0.4); 339 | } 340 | 341 | .ehover42 button.info { 342 | opacity: 0; 343 | transform: scale(0); 344 | transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81); 345 | font-weight: normal; 346 | border: 1px solid white; 347 | margin: -55px 0 0 0; 348 | padding: 73px 90px; 349 | } 350 | 351 | .ehover42:hover button.info { 352 | opacity: 1; 353 | transform: scale(1); 354 | } 355 | 356 | 357 | 358 | /* effect hover 1 v2 */ 359 | 360 | .ehover1v2 img { 361 | transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81); 362 | } 363 | 364 | .ehover1v2 .overlay { 365 | opacity: 0; 366 | background-color: rgba(0,0,0, 0.5); 367 | transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81); 368 | } 369 | 370 | .ehover1v2 h2 { 371 | -moz-transform: translatey(-100px); 372 | -ms-transform: translatey(-100px); 373 | -o-transform: translatey(-100px); 374 | -webkit-transform: translatey(-100px); 375 | transform: translatey(-100px); 376 | opacity: 0; 377 | transition: all 0.2s cubic-bezier(0.88,-0.99, 0, 1.81); 378 | } 379 | 380 | .ehover1v2 button.info { 381 | opacity: 0; 382 | -moz-transition: all 0.2s ease-in-out; 383 | -o-transition: all 0.2s ease-in-out; 384 | -webkit-transition: all 0.2s ease-in-out; 385 | transition: all 0.2s ease-in-out; 386 | } 387 | 388 | .ehover1v2:hover img { 389 | -moz-transform: scale(1.2); 390 | -ms-transform: scale(1.2); 391 | -o-transform: scale(1.2); 392 | -webkit-transform: scale(1.2); 393 | transform: scale(1.2); 394 | } 395 | 396 | .ehover1v2:hover .overlay { 397 | opacity: 1; 398 | } 399 | 400 | .ehover1v2:hover h2, .ehover1v2:hover button.info { 401 | opacity: 1; 402 | -moz-transform: translatey(0); 403 | -ms-transform: translatey(0); 404 | -o-transform: translatey(0); 405 | -webkit-transform: translatey(0); 406 | transform: translatey(0); 407 | } 408 | 409 | .ehover1v2:hover button.info { 410 | -moz-transition-delay: 0.2s; 411 | -o-transition-delay: 0.2s; 412 | -webkit-transition-delay: 0.2s; 413 | transition-delay: 0.2s; 414 | } 415 | 416 | /* effect hover 5 */ 417 | 418 | .ehover5 h2, .ehover5 img { 419 | transition: all 0.4s ease-in-out; 420 | } 421 | 422 | .ehover5 img { 423 | transform: scale(1.1); 424 | } 425 | 426 | .ehover5:hover img { 427 | transform: scale(1); 428 | } 429 | 430 | .ehover5 .overlay { 431 | transition: all 0.4s ease-in-out; 432 | } 433 | 434 | .ehover5:hover .overlay { 435 | background-color: rgba(170,170,170,0.4); 436 | } 437 | 438 | .ehover5 button.info { 439 | opacity: 0; 440 | transform: scale(1.5); 441 | transition: all 0.4s ease-in-out; 442 | font-weight: normal; 443 | border: 1px solid white; 444 | height: 85%; 445 | width: 85%; 446 | position: absolute; 447 | top: -20%; 448 | left: 8%; 449 | padding: 70px; 450 | } 451 | 452 | .ehover5:hover button.info { 453 | opacity: 1; 454 | transform: scale(1); 455 | background-color: rgba(0,0,0,0.4); 456 | } 457 | 458 | .ehover5 button.info:hover { 459 | box-shadow: none; 460 | } 461 | 462 | /* effect hover 6 */ 463 | 464 | .ehover6 .rotate { 465 | transform: rotate(-45deg); 466 | width: 100%; 467 | height: 100%; 468 | position: absolute; 469 | /* production only due to the button, the line below is only needed for the demo site so the whole div can be a button for the modal to show, it is not needed in example code */ 470 | bottom: 0px; 471 | } 472 | 473 | .ehover6 hr { 474 | width: 50%; 475 | opacity: 0; 476 | } 477 | 478 | .ehover6 hr:nth-child(2) { 479 | -webkit-transform: translate3d(-50%,-50%,0) rotate(0deg) scale3d(0,0,1); 480 | transform: translate3d(-50%,-50%,0) rotate(0deg) scale3d(0,0,1); 481 | } 482 | 483 | .ehover6 hr:nth-child(3) { 484 | -webkit-transform: translate3d(-50%,-50%,0) rotate(90deg) scale3d(0,0,1); 485 | transform: translate3d(-50%,-50%,0) rotate(90deg) scale3d(0,0,1); 486 | } 487 | 488 | .ehover6 h2, .ehover6 hr { 489 | position: absolute; 490 | top: 50%; 491 | left: 50%; 492 | -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; 493 | transition: opacity 0.35s, transform 0.35s; 494 | -webkit-transform: translate3d(-50%,-50%,0); 495 | transform: translate3d(-50%,-50%,0); 496 | -webkit-transform-origin: 50%; 497 | transform-origin: 50%; 498 | background-color: transparent; 499 | margin: 0px; 500 | } 501 | 502 | .group1, .group2 { 503 | left: 50%; 504 | position: absolute; 505 | -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; 506 | transition: opacity 0.35s, transform 0.35s; 507 | -webkit-transform: translate3d(-50%,-50%,0); 508 | transform: translate3d(-50%,-50%,0); 509 | -webkit-transform-origin: 50%; 510 | transform-origin: 50%; 511 | background-color: transparent; 512 | margin: 0px; 513 | padding: 0px; 514 | /* take out of production */ 515 | letter-spacing: 0px; 516 | } 517 | 518 | .group1 { 519 | top: 40%; 520 | } 521 | 522 | .group2 { 523 | top: 60%; 524 | } 525 | 526 | .ehover6 h2 { 527 | width: 100%; 528 | } 529 | 530 | .ehover6 p { 531 | width: 30%; 532 | text-transform: none; 533 | font-size: 15px; 534 | line-height: 2; 535 | } 536 | 537 | .ehover6 p a { 538 | color: #fff; 539 | } 540 | 541 | .ehover6 p a:hover, 542 | .ehover6 p a:focus { 543 | opacity: 0.6; 544 | } 545 | 546 | .ehover6 a i { 547 | opacity: 0; 548 | -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; 549 | transition: opacity 0.35s, transform 0.35s; 550 | padding: 10px; 551 | font-size: 20px; 552 | } 553 | 554 | .group1 a:first-child i { 555 | -webkit-transform: translate3d(-60px,-60px,0) rotate(45deg) scale(2); 556 | transform: translate3d(-60px,-60px,0) rotate(45deg) scale(2); 557 | } 558 | 559 | .group1 a:nth-child(2) i { 560 | -webkit-transform: translate3d(60px,-60px,0) rotate(45deg) scale(2); 561 | transform: translate3d(60px,-60px,0) rotate(45deg) scale(2); 562 | } 563 | 564 | .group2 a:first-child i { 565 | -webkit-transform: translate3d(-60px,60px,0) rotate(45deg) scale(2); 566 | transform: translate3d(-60px,60px,0) rotate(45deg) scale(2); 567 | } 568 | 569 | .group2 a:nth-child(2) i { 570 | -webkit-transform: translate3d(60px,60px,0) rotate(45deg) scale(2); 571 | transform: translate3d(60px,60px,0) rotate(45deg) scale(2); 572 | } 573 | 574 | .ehover6:hover h2 { 575 | opacity: 0; 576 | -webkit-transform: translate3d(-50%,-50%,0) scale3d(0.8,0.8,1); 577 | transform: translate3d(-50%,-50%,0) scale3d(0.8,0.8,1); 578 | } 579 | 580 | .ehover6:hover hr:nth-child(2) { 581 | opacity: 1; 582 | -webkit-transform: translate3d(-50%,-50%,0) rotate(0deg) scale3d(1,1,1); 583 | transform: translate3d(-50%,-50%,0) rotate(0deg) scale3d(1,1,1); 584 | } 585 | 586 | .ehover6:hover hr:nth-child(3) { 587 | opacity: 1; 588 | -webkit-transform: translate3d(-50%,-50%,0) rotate(90deg) scale3d(1,1,1); 589 | transform: translate3d(-50%,-50%,0) rotate(90deg) scale3d(1,1,1); 590 | } 591 | 592 | .ehover6:hover .group1 i:empty, .ehover6:hover .group2 i:empty { 593 | -webkit-transform: translate3d(0,0,0); 594 | transform: translate3d(0,0,0) rotate(45deg) scale(1); 595 | /* just because it's stronger than nth-child */ 596 | opacity: 1; 597 | } 598 | 599 | .ehover6 img { 600 | transform: scale(1.1); 601 | transition: all 0.35s; 602 | } 603 | .ehover6:hover img 604 | { 605 | transform: scale(1); 606 | filter: brightness(0.7); 607 | -webkit-filter: brightness(0.7); 608 | 609 | 610 | } 611 | 612 | /* effect hover 7 */ 613 | 614 | .ehover7 h2, 615 | .ehover7 p { 616 | position: absolute; 617 | top: 50%; 618 | left: 50%; 619 | -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; 620 | transition: opacity 0.35s, transform 0.35s; 621 | -webkit-transform: translate3d(-50%,-50%,0); 622 | transform: translate3d(-50%,-50%,0); 623 | -webkit-transform-origin: 50%; 624 | transform-origin: 50%; 625 | background-color: transparent; 626 | margin: 0px; 627 | padding: 0px; 628 | } 629 | 630 | .ehover7 .overlay::before { 631 | position: absolute; 632 | top: 50%; 633 | left: 50%; 634 | width: 40%; 635 | height: 60%; 636 | border: 2px solid #fff; 637 | content: ''; 638 | opacity: 0; 639 | -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; 640 | transition: opacity 0.35s, transform 0.35s; 641 | -webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1); 642 | transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1); 643 | -webkit-transform-origin: 50%; 644 | transform-origin: 50%; 645 | } 646 | 647 | 648 | .ehover7 p { 649 | width: 20%; 650 | text-transform: none; 651 | font-size: 15px; 652 | line-height: 2; 653 | } 654 | 655 | .ehover7 p a { 656 | color: #fff; 657 | } 658 | 659 | .ehover7 p a:hover, 660 | .ehover7 p a:focus { 661 | opacity: 0.6; 662 | } 663 | 664 | .ehover7 a i { 665 | opacity: 0; 666 | -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; 667 | transition: opacity 0.35s, transform 0.35s; 668 | padding: 0px 5px; 669 | } 670 | 671 | 672 | .ehover7 p a:first-child i { 673 | -webkit-transform: translate3d(-60px,-60px,0); 674 | transform: translate3d(-60px,-60px,0); 675 | } 676 | 677 | .ehover7 p a:nth-child(2) i { 678 | -webkit-transform: translate3d(60px,-60px,0); 679 | transform: translate3d(60px,-60px,0); 680 | } 681 | 682 | .ehover7 p a:nth-child(3) i { 683 | -webkit-transform: translate3d(-60px,60px,0); 684 | transform: translate3d(-60px,60px,0); 685 | } 686 | 687 | .ehover7 p a:nth-child(4) i { 688 | -webkit-transform: translate3d(60px,60px,0); 689 | transform: translate3d(60px,60px,0); 690 | } 691 | 692 | .ehover7:hover .overlay::before { 693 | opacity: 1; 694 | background-color: rgba(0,0,0,0.2); 695 | -webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-135deg) scale3d(1,1,1); 696 | transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-135deg) scale3d(1,1,1); 697 | } 698 | 699 | .ehover7:hover h2 { 700 | opacity: 0; 701 | -webkit-transform: translate3d(-50%,-50%,0) scale3d(0.8,0.8,1); 702 | transform: translate3d(-50%,-50%,0) scale3d(0.8,0.8,1); 703 | } 704 | 705 | .ehover7:hover p i:empty { 706 | -webkit-transform: translate3d(0,0,0); 707 | transform: translate3d(0,0,0); /* just because it's stronger than nth-child */ 708 | opacity: 1; 709 | } 710 | 711 | 712 | /* effect hover 8 */ 713 | 714 | .ehover8 hr { 715 | width: 40%; 716 | opacity: 0; 717 | border: 1px solid #FFF; 718 | } 719 | 720 | .ehover8 hr:nth-child(3) { 721 | -webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,90deg) scale3d(0,0,1); 722 | transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,90deg) scale3d(0,0,1); 723 | } 724 | 725 | .ehover8 hr:nth-child(4) { 726 | -webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,180deg) scale3d(0,0,1); 727 | transform: translate3d(-50%,-50%,0) rotate3d(0,0,1, 180deg) scale3d(0,0,1); 728 | } 729 | 730 | .ehover8 h2, .ehover8 hr { 731 | position: absolute; 732 | top: 50%; 733 | left: 50%; 734 | -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; 735 | transition: opacity 0.35s, transform 0.35s; 736 | -webkit-transform: translate3d(-50%,-50%,0); 737 | transform: translate3d(-50%,-50%,0); 738 | -webkit-transform-origin: 50%; 739 | transform-origin: 50%; 740 | background-color: transparent; 741 | margin: 0px; 742 | } 743 | 744 | .set1, .set2 { 745 | left: 50%; 746 | position: absolute; 747 | -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; 748 | transition: opacity 0.35s, transform 0.35s; 749 | -webkit-transform: translate3d(-50%,-50%,0); 750 | transform: translate3d(-50%,-50%,0); 751 | -webkit-transform-origin: 50%; 752 | transform-origin: 50%; 753 | background-color: transparent; 754 | margin: 0px; 755 | padding: 0px; 756 | } 757 | 758 | .set1 { 759 | top: 40%; 760 | } 761 | 762 | .set2 { 763 | top: 60%; 764 | } 765 | 766 | .ehover8 p { 767 | width: 30%; 768 | text-transform: none; 769 | font-size: 15px; 770 | line-height: 2; 771 | } 772 | 773 | .ehover8 p a { 774 | color: #fff; 775 | } 776 | 777 | .ehover8 p a:hover, 778 | .ehover8 p a:focus { 779 | opacity: 0.6; 780 | } 781 | 782 | .ehover8 a i { 783 | opacity: 0; 784 | -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; 785 | transition: opacity 0.35s, transform 0.35s; 786 | padding: 10px; 787 | font-size: 20px; 788 | } 789 | 790 | .set1 a:first-child i { 791 | -webkit-transform: translate3d(-60px,-60px,0); 792 | transform: translate3d(-60px,-60px,0); 793 | } 794 | 795 | .set1 a:nth-child(2) i { 796 | -webkit-transform: translate3d(60px,-60px,0); 797 | transform: translate3d(60px,-60px,0); 798 | } 799 | 800 | .set2 a:first-child i { 801 | -webkit-transform: translate3d(-60px,60px,0); 802 | transform: translate3d(-60px,60px,0); 803 | } 804 | 805 | .set2 a:nth-child(2) i { 806 | -webkit-transform: translate3d(60px,60px,0); 807 | transform: translate3d(60px,60px,0); 808 | } 809 | 810 | .ehover8:hover h2 { 811 | opacity: 0; 812 | -webkit-transform: translate3d(-50%,-50%,0) scale3d(0.8,0.8,1); 813 | transform: translate3d(-50%,-50%,0) scale3d(0.8,0.8,1); 814 | } 815 | 816 | .ehover8:hover hr:nth-child(3) { 817 | opacity: 1; 818 | -webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-90deg) scale3d(1,1,1); 819 | transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-90deg) scale3d(1,1,1); 820 | } 821 | 822 | .ehover8:hover hr:nth-child(4) { 823 | opacity: 1; 824 | -webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-180deg) scale3d(1,1,1); 825 | transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-180deg) scale3d(1,1,1); 826 | } 827 | 828 | .ehover8:hover .set1 i:empty, .ehover8:hover .set2 i:empty { 829 | -webkit-transform: translate3d(0,0,0); 830 | transform: translate3d(0,0,0); 831 | /* just because it's stronger than nth-child */ 832 | opacity: 1; 833 | } 834 | 835 | /* effect hover 9 */ 836 | 837 | .ehover9 .overlay { 838 | background-color: rgba(255, 255, 255, 0.7); 839 | top: -200px; 840 | opacity: 0; 841 | transition: all 0.1s ease-out 0.5s; 842 | } 843 | .ehover9 h2{ 844 | transform: translateY(-200px); 845 | transition: all ease-in-out 0.1s; 846 | transition-delay: 0.3s; 847 | } 848 | 849 | .ehover9 button.info { 850 | transform: translateY(-200px); 851 | color: #000; 852 | border: 1px solid #000; 853 | transition: all ease-in-out 0.3s; 854 | } 855 | 856 | .ehover9:hover .overlay { 857 | opacity: 1; 858 | top: 0px; 859 | transition-delay: 0s 860 | } 861 | .ehover9:hover h2 { 862 | transform: translateY(0px); 863 | transition-delay: 0.3s; 864 | } 865 | 866 | .ehover9:hover button.info { 867 | transform: translateY(0px); 868 | box-shadow: 0 0 5px #000; 869 | color: #000; 870 | border: 1px solid #000; 871 | transition-delay: 0.3s; 872 | } 873 | 874 | /* effect hover 10 */ 875 | 876 | .ehover10 img { 877 | -webkit-transition: -webkit-transform 0.35s; 878 | transition: transform 0.35s; 879 | } 880 | .ehover10:hover img { 881 | -webkit-transform: translate3d(0,-10%,0); 882 | transform: translate3d(0,-10%,0); 883 | } 884 | 885 | .ehover10 .overlay { 886 | visibility: hidden; 887 | top: auto; 888 | bottom: 0; 889 | padding: 1em; 890 | height: 4.75em; 891 | background: #79FAC4; 892 | color: #3c4a50; 893 | -webkit-transition: -webkit-transform 0.35s; 894 | transition: transform 0.35s; 895 | -webkit-transform: translate3d(0,100%,0); 896 | transform: translate3d(0,100%,0); 897 | } 898 | 899 | .ehover10 button.info 900 | { 901 | float: left; 902 | margin: 0px; 903 | text-transform: uppercase; 904 | color: #fff; 905 | font-size: 17px; 906 | background: rgba(0, 0, 0, 0.6); 907 | 908 | } 909 | 910 | .ehover10 p.icon-links a { 911 | float: right; 912 | color: #3c4a50; 913 | font-size: 1.4em; 914 | } 915 | 916 | .ehover10:hover p.icon-links a:hover, 917 | .ehover10:hover p.icon-links a:focus { 918 | color: #252d31; 919 | } 920 | 921 | .ehover10 button, 922 | .ehover10 p.icon-links a { 923 | -webkit-transition: -webkit-transform 0.35s; 924 | transition: transform 0.35s; 925 | -webkit-transform: translate3d(0,200%,0); 926 | transform: translate3d(0,200%,0); 927 | } 928 | 929 | .ehover10 p.icon-links a span::before { 930 | display: inline-block; 931 | padding: 8px 10px; 932 | speak: none; 933 | -webkit-font-smoothing: antialiased; 934 | -moz-osx-font-smoothing: grayscale; 935 | } 936 | 937 | 938 | .ehover10 button { 939 | display: inline-block; 940 | } 941 | 942 | 943 | .ehover10:hover .overlay, 944 | .ehover10:hover button, 945 | .ehover10:hover p.icon-links a { 946 | -webkit-transform: translate3d(0,0,0); 947 | transform: translate3d(0,0,0); 948 | visibility: visible; 949 | } 950 | 951 | .ehover10:hover h2 { 952 | -webkit-transition-delay: 0.05s; 953 | transition-delay: 0.05s; 954 | } 955 | 956 | .ehover10:hover p.icon-links a:nth-child(3) { 957 | -webkit-transition-delay: 0.1s; 958 | transition-delay: 0.1s; 959 | } 960 | 961 | .ehover10:hover p.icon-links a:nth-child(2) { 962 | -webkit-transition-delay: 0.15s; 963 | transition-delay: 0.15s; 964 | } 965 | 966 | .ehover10:hover p.icon-links a:first-child { 967 | -webkit-transition-delay: 0.2s; 968 | transition-delay: 0.2s; 969 | } 970 | 971 | /* effect 11 */ 972 | 973 | .ehover11 { 974 | background: -webkit-linear-gradient(45deg, #ff89e9 0%, #05abe0 100%); 975 | background: linear-gradient(45deg, #ff89e9 0%,#05abe0 100%); 976 | } 977 | 978 | .ehover11 img { 979 | max-width: none; 980 | width: -webkit-calc(100% + 60px); 981 | width: calc(100% + 60px); 982 | -webkit-transition: opacity 0.35s, -webkit-transform 0.45s; 983 | transition: opacity 0.35s, transform 0.45s; 984 | -webkit-transform: translate3d(-40px,0,0); 985 | transform: translate3d(-40px,0,0); 986 | } 987 | 988 | .ehover11 .overlay::before { 989 | position: absolute; 990 | top: 20px; 991 | right: 20px; 992 | bottom: 20px; 993 | left: 20px; 994 | border: 1px solid #fff; 995 | content: ''; 996 | opacity: 0; 997 | -webkit-transition: opacity 0.35s, -webkit-transform 0.45s; 998 | transition: opacity 0.35s, transform 0.45s; 999 | -webkit-transform: translate3d(-20px,0,0); 1000 | transform: translate3d(-20px,0,0); 1001 | } 1002 | 1003 | .ehover11 .overlay { 1004 | padding: 3em; 1005 | text-align: left; 1006 | } 1007 | 1008 | .ehover11 h2 { 1009 | background-color: transparent; 1010 | padding: 15% 0 10px 0; 1011 | text-align: left; 1012 | } 1013 | 1014 | .ehover11 button.info { 1015 | color: #FFF; 1016 | opacity: 0; 1017 | margin: 0px; 1018 | padding: 0px; 1019 | border: none; 1020 | -webkit-transition: opacity 0.35s, -webkit-transform 0.45s; 1021 | transition: opacity 0.35s, transform 0.45s; 1022 | -webkit-transform: translate3d(-10px,0,0); 1023 | transform: translate3d(-10px,0,0); 1024 | } 1025 | 1026 | 1027 | .ehover11:hover img { 1028 | opacity: 0.6; 1029 | -webkit-transform: translate3d(0,0,0); 1030 | transform: translate3d(0,0,0); 1031 | } 1032 | 1033 | .ehover11:hover .overlay::before, 1034 | .ehover11:hover button.info { 1035 | opacity: 1; 1036 | -webkit-transform: translate3d(0,0,0); 1037 | transform: translate3d(0,0,0); 1038 | } 1039 | 1040 | /* effect 12 */ 1041 | 1042 | .ehover12 { 1043 | background: #42b078; 1044 | } 1045 | 1046 | .ehover12 img { 1047 | max-width: none; 1048 | width: -webkit-calc(100% + 20px); 1049 | width: calc(100% + 20px); 1050 | -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; 1051 | transition: opacity 0.35s, transform 0.35s; 1052 | -webkit-transform: translate3d(-10px,0,0); 1053 | transform: translate3d(-10px,0,0); 1054 | -webkit-backface-visibility: hidden; 1055 | backface-visibility: hidden; 1056 | } 1057 | 1058 | .ehover12:hover img { 1059 | opacity: 0.4; 1060 | -webkit-transform: translate3d(0,0,0); 1061 | transform: translate3d(0,0,0); 1062 | } 1063 | 1064 | .ehover12 .overlay { 1065 | padding: 50px 20px; 1066 | } 1067 | 1068 | .ehover12 h2 { 1069 | position: relative; 1070 | overflow: hidden; 1071 | padding: 0.5em 0; 1072 | background-color: transparent; 1073 | } 1074 | 1075 | .ehover12 h2::after { 1076 | position: absolute; 1077 | bottom: 0; 1078 | left: 0; 1079 | width: 100%; 1080 | height: 2px; 1081 | background: #fff; 1082 | content: ''; 1083 | -webkit-transition: -webkit-transform 0.35s; 1084 | transition: transform 0.35s; 1085 | -webkit-transform: translate3d(-100%,0,0); 1086 | transform: translate3d(-100%,0,0); 1087 | } 1088 | 1089 | .ehover12:hover h2::after { 1090 | -webkit-transform: translate3d(0,0,0); 1091 | transform: translate3d(0,0,0); 1092 | } 1093 | 1094 | .ehover12 button { 1095 | color: #FFF; 1096 | opacity: 0; 1097 | -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; 1098 | transition: opacity 0.35s, transform 0.35s; 1099 | -webkit-transform: translate3d(100%,0,0); 1100 | transform: translate3d(100%,0,0); 1101 | } 1102 | 1103 | .ehover12:hover button{ 1104 | opacity: 1; 1105 | -webkit-transform: translate3d(0,0,0); 1106 | transform: translate3d(0,0,0); 1107 | } 1108 | 1109 | /* effect 13 */ 1110 | 1111 | 1112 | 1113 | .ehover13 img 1114 | { 1115 | transition: all 0.35s; 1116 | } 1117 | 1118 | .ehover13:hover img 1119 | { 1120 | filter: brightness(0.6); 1121 | -webkit-filter: brightness(0.6); 1122 | } 1123 | 1124 | .ehover13 .overlay { 1125 | width: 80%; 1126 | height: 80%; 1127 | left: 10%; 1128 | top: 10%; 1129 | border-bottom: 1px solid #FFF; 1130 | border-top: 1px solid #FFF; 1131 | transition: opacity 0.35s, transform 0.35s; 1132 | -webkit-transform: scale(0,1); 1133 | transform: scale(0,1); 1134 | } 1135 | 1136 | 1137 | 1138 | .ehover13:hover .overlay { 1139 | opacity: 1; 1140 | -webkit-transform: scale(1); 1141 | transform: scale(1); 1142 | 1143 | } 1144 | 1145 | .ehover13 button { 1146 | color: #FFF; 1147 | padding: 1em 0; 1148 | opacity: 0; 1149 | -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; 1150 | transition: opacity 0.35s, transform 0.35s; 1151 | -webkit-transform: translate3d(0,100%,0); 1152 | transform: translate3d(0,100%,0); 1153 | } 1154 | 1155 | .ehover13 h2 { 1156 | background-color: transparent; 1157 | color: #FFF; 1158 | padding: 1em 0; 1159 | opacity: 0; 1160 | -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; 1161 | transition: opacity 0.35s, transform 0.35s; 1162 | -webkit-transform: translate3d(0,-100%,0); 1163 | transform: translate3d(0,-100%,0); 1164 | } 1165 | 1166 | 1167 | 1168 | .ehover13:hover button, .ehover13:hover h2{ 1169 | opacity: 1; 1170 | -webkit-transform: translate3d(0,0,0); 1171 | transform: translate3d(0,0,0); 1172 | } 1173 | 1174 | 1175 | 1176 | 1177 | /* effect 14 */ 1178 | 1179 | 1180 | 1181 | .ehover14 img 1182 | { 1183 | transition: all 0.35s; 1184 | } 1185 | 1186 | .ehover14:hover img 1187 | { 1188 | filter: brightness(1.4); 1189 | -webkit-filter: brightness(1.4); 1190 | } 1191 | 1192 | .ehover14 .overlay { 1193 | opacity: 0; 1194 | width: 55%; 1195 | height: 81%; 1196 | left: 22%; 1197 | top: 10%; 1198 | border-radius: 80%; 1199 | border: 2px solid #FFF; 1200 | transition: opacity 0.35s, transform 0.35s; 1201 | -webkit-transform: translate3d(50%,50%,0); 1202 | transform: translate3d(50%,50%,0); 1203 | } 1204 | 1205 | 1206 | .ehover14:hover .overlay { 1207 | background-color: rgba(0,0,0,0.3); 1208 | } 1209 | 1210 | .ehover14 button { 1211 | color: #FFF; 1212 | padding: 1em 0; 1213 | opacity: 0; 1214 | -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; 1215 | transition: opacity 0.35s, transform 0.35s; 1216 | -webkit-transform: translate3d(-150%,-400%,0); 1217 | transform: translate3d(-150%,-400%,0); 1218 | } 1219 | 1220 | .ehover14 h2 { 1221 | background-color: transparent; 1222 | color: #FFF; 1223 | padding: 1em 0; 1224 | opacity: 0; 1225 | -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; 1226 | transition: opacity 0.35s, transform 0.35s; 1227 | -webkit-transform: translate3d(-150%,-400%,0); 1228 | transform: translate3d(-150%,-400%,0); 1229 | } 1230 | 1231 | 1232 | 1233 | .ehover14:hover button, .ehover14:hover h2, .ehover14:hover .overlay 1234 | { 1235 | opacity: 1; 1236 | -webkit-transform: translate3d(0,0,0); 1237 | transform: translate3d(0,0,0); 1238 | } -------------------------------------------------------------------------------- /src/css/effectspre.css: -------------------------------------------------------------------------------- 1 | 2 | 3 | /* general styling for the hover page */ 4 | 5 | body { 6 | font-family: 'colaborate-thinregular', sans-serif; 7 | letter-spacing: 2px; 8 | text-transform: uppercase; 9 | background-image: url("../images/back3.jpg"); 10 | background-size: cover; 11 | background-repeat: no-repeat; 12 | color: #FFF; 13 | } 14 | 15 | 16 | h1 { 17 | font-size: 50px; 18 | } 19 | 20 | pre { 21 | letter-spacing: 0px; 22 | text-transform: none; 23 | } 24 | 25 | .titlep { 26 | letter-spacing: 0px; 27 | padding-bottom: 60px; 28 | font-size: 18px; 29 | } 30 | 31 | .breath { 32 | padding-top: 80px; 33 | } 34 | 35 | .topinfo { 36 | position: absolute; 37 | bottom: 1px; 38 | left: 96px; 39 | } 40 | 41 | .page-header { 42 | display: inline-block; 43 | padding-bottom: 9px; 44 | margin: 40px 0 20px; 45 | border: 1px solid #eee; 46 | padding: 15px; 47 | border-radius: 12px 48 | } 49 | 50 | .modal-content{ 51 | color: #000; 52 | } 53 | 54 | .modal-body p 55 | { 56 | letter-spacing: 0px; 57 | text-transform: none; 58 | font-size: 16px; 59 | } 60 | 61 | .navbar-inverse { 62 | color: #fff; 63 | background-color: rgba(255,255,255,0.2); 64 | border-bottom: 1px solid #fff; 65 | } 66 | 67 | ul.nav.navbar-nav { 68 | float: right; 69 | } 70 | 71 | .navbar-inverse .navbar-brand , .navbar-inverse .navbar-nav>li>a { 72 | color: #fff; 73 | } 74 | 75 | 76 | 77 | /* remove bootstrap padding so images sit right next to each other with no gaps */ 78 | 79 | .col-lg-3, .col-md-4, .col-sm-6, .col-xs-12 { 80 | padding: 0px; 81 | } 82 | 83 | 84 | /* general styling for all the hovers */ 85 | 86 | .hover { 87 | width: 100%; 88 | height: 100%; 89 | float: left; 90 | overflow: hidden; 91 | position: relative; 92 | text-align: center; 93 | cursor: default; 94 | } 95 | 96 | .hover .overlay { 97 | width: 100%; 98 | height: 100%; 99 | position: absolute; 100 | overflow: hidden; 101 | top: 0; 102 | left: 0; 103 | } 104 | 105 | .hover img { 106 | display: block; 107 | position: relative; 108 | } 109 | 110 | .hover h2 { 111 | text-transform: uppercase; 112 | color: #fff; 113 | text-align: center; 114 | position: relative; 115 | font-size: 17px; 116 | padding: 10px; 117 | background: rgba(0, 0, 0, 0.6); 118 | } 119 | 120 | .hover button.info { 121 | display: inline-block; 122 | text-decoration: none; 123 | padding: 7px 14px; 124 | text-transform: uppercase; 125 | color: #fff; 126 | border: 1px solid #fff; 127 | margin: 50px 0 0 0; 128 | border-radius: 0px; 129 | background-color: transparent; 130 | } 131 | 132 | .hover button.info:hover { 133 | box-shadow: 0 0 5px #fff; 134 | } 135 | 136 | /* styling to remove box shadow and border from buttons for last few effects */ 137 | 138 | .hover button.nullbutton { 139 | border: none; 140 | padding: 0px; 141 | margin: 0px; 142 | } 143 | 144 | .hover button.nullbutton:hover { 145 | box-shadow: none; 146 | } 147 | 148 | /* remove the blue line that shows on modal buttons after you have open and close a modal */ 149 | 150 | .modal-open .modal, button:focus { 151 | outline:none!important 152 | } 153 | 154 | /* styling so when hovering over a div that opens a modal the cursor changes to a pointer */ 155 | .point { 156 | cursor: pointer; 157 | } 158 | 159 | /* effect hover 1 */ 160 | 161 | .ehover1 img { 162 | transition: all 0.4s linear; 163 | -webkit-transition: all 0.4s linear; 164 | transition: all 0.4s linear; 165 | } 166 | 167 | .ehover1 .overlay { 168 | opacity: 0; 169 | background-color: rgba(0,0,0, 0.5); 170 | -webkit-transition: all 0.4s ease-in-out; 171 | transition: all 0.4s ease-in-out; 172 | } 173 | 174 | .ehover1 h2 { 175 | -webkit-transform: translatey(-100px); 176 | transform: translatey(-100px); 177 | opacity: 0; 178 | -webkit-transition: all 0.2s ease-in-out; 179 | transition: all 0.2s ease-in-out; 180 | } 181 | 182 | .ehover1 button.info { 183 | opacity: 0; 184 | -webkit-transition: all 0.2s ease-in-out; 185 | transition: all 0.2s ease-in-out; 186 | } 187 | 188 | .ehover1:hover img { 189 | -webkit-transform: scale(1.2); 190 | transform: scale(1.2); 191 | } 192 | 193 | .ehover1:hover .overlay { 194 | opacity: 1; 195 | } 196 | 197 | .ehover1:hover h2, .ehover1:hover button.info { 198 | opacity: 1; 199 | -webkit-transform: translatey(0); 200 | transform: translatey(0); 201 | } 202 | 203 | .ehover1:hover button.info { 204 | -webkit-transition-delay: 0.2s; 205 | transition-delay: 0.2s; 206 | } 207 | 208 | /* effect hover 2 */ 209 | 210 | .ehover2 img { 211 | -webkit-transition: all 0.2s ease-in; 212 | transition: all 0.2s ease-in; 213 | } 214 | 215 | .ehover2 .overlay { 216 | background-color: rgba(0,0,0,0.6); 217 | opacity: 0; 218 | -webkit-transform: translate(460px, -100px) rotate(180deg); 219 | transform: translate(460px, -100px) rotate(180deg); 220 | -webkit-transition: all 0.2s 0.4s ease-in-out; 221 | transition: all 0.2s 0.4s ease-in-out; 222 | } 223 | 224 | .ehover2 button.info { 225 | -webkit-transform: translateY(-200px); 226 | transform: translateY(-200px); 227 | -webkit-transition: all 0.2s ease-in-out; 228 | transition: all 0.2s ease-in-out; 229 | } 230 | 231 | .ehover2:hover .overlay { 232 | opacity: 1; 233 | -webkit-transition-delay: 0s; 234 | transition-delay: 0s; 235 | -webkit-transform: translate(0px, 0px); 236 | transform: translate(0px, 0px); 237 | } 238 | 239 | .ehover2:hover h2 { 240 | -webkit-transform: translateY(0px); 241 | transform: translateY(0px); 242 | -webkit-transition-delay: 0.5s; 243 | transition-delay: 0.5s; 244 | } 245 | 246 | .ehover2:hover button.info { 247 | -webkit-transform: translateY(0px); 248 | transform: translateY(0px); 249 | -webkit-transition-delay: 0.3s; 250 | transition-delay: 0.3s; 251 | } 252 | 253 | 254 | /* effect hover 3 */ 255 | 256 | .ehover3 img { 257 | -webkit-transition: all 0.4s ease-in; 258 | transition: all 0.4s ease-in; 259 | } 260 | 261 | .ehover3 button.info, .ehover3 h2 { 262 | -webkit-transform: scale(0.7); 263 | transform: scale(0.7); 264 | -webkit-transition: all 0.4s ease-in; 265 | transition: all 0.4s ease-in; 266 | opacity: 0; 267 | } 268 | 269 | .ehover3:hover img { 270 | filter: grayscale(1) blur(3px); 271 | -webkit-filter: grayscale(1) blur(3px); 272 | -webkit-transform: scale(1.2); 273 | transform: scale(1.2); 274 | } 275 | 276 | .ehover3:hover button.info, .ehover3:hover h2 { 277 | opacity: 1; 278 | -webkit-transform: scale(1); 279 | transform: scale(1); 280 | } 281 | 282 | 283 | /* effect hover 4 */ 284 | 285 | .ehover4 h2 { 286 | -webkit-transform: translateY(55px); 287 | transform: translateY(55px); 288 | -webkit-transition: all 0.4s ease-in-out; 289 | transition: all 0.4s ease-in-out; 290 | } 291 | 292 | .ehover4:hover h2 { 293 | -webkit-transform: translateY(15px); 294 | transform: translateY(15px); 295 | } 296 | 297 | .ehover4 .overlay { 298 | background-color: rgba(75,75,75,0.7); 299 | -webkit-transition: all 0.4s ease-in-out; 300 | transition: all 0.4s ease-in-out; 301 | } 302 | 303 | .ehover4:hover .overlay { 304 | background-color: rgba(48, 152, 157, 0.4); 305 | } 306 | 307 | .ehover4 button.info { 308 | opacity: 0; 309 | -webkit-transform: scale(0); 310 | transform: scale(0); 311 | -webkit-transition: all 0.4s ease-in-out; 312 | transition: all 0.4s ease-in-out; 313 | font-weight: normal; 314 | border: 1px solid white; 315 | margin: -55px 0 0 0; 316 | padding: 73px 90px; 317 | } 318 | 319 | .ehover4:hover button.info { 320 | opacity: 1; 321 | -webkit-transform: scale(1); 322 | transform: scale(1); 323 | } 324 | 325 | /* effect 4 transitionV2 */ 326 | 327 | .ehover42 h2 { 328 | -webkit-transform: translateY(55px); 329 | transform: translateY(55px); 330 | -webkit-transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81); 331 | transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81); 332 | } 333 | 334 | .ehover42:hover h2 { 335 | -webkit-transform: translateY(15px); 336 | transform: translateY(15px); 337 | } 338 | 339 | .ehover42 .overlay { 340 | background-color: rgba(75,75,75,0.7); 341 | -webkit-transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81); 342 | transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81); 343 | } 344 | 345 | .ehover42:hover .overlay { 346 | background-color: rgba(48, 152, 157, 0.4); 347 | } 348 | 349 | .ehover42 button.info { 350 | opacity: 0; 351 | -webkit-transform: scale(0); 352 | transform: scale(0); 353 | -webkit-transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81); 354 | transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81); 355 | font-weight: normal; 356 | border: 1px solid white; 357 | margin: -55px 0 0 0; 358 | padding: 73px 90px; 359 | } 360 | 361 | .ehover42:hover button.info { 362 | opacity: 1; 363 | -webkit-transform: scale(1); 364 | transform: scale(1); 365 | } 366 | 367 | 368 | 369 | /* effect hover 1 v2 */ 370 | 371 | .ehover1v2 img { 372 | -webkit-transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81); 373 | transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81); 374 | } 375 | 376 | .ehover1v2 .overlay { 377 | opacity: 0; 378 | background-color: rgba(0,0,0, 0.5); 379 | -webkit-transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81); 380 | transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81); 381 | } 382 | 383 | .ehover1v2 h2 { 384 | -webkit-transform: translatey(-100px); 385 | transform: translatey(-100px); 386 | opacity: 0; 387 | -webkit-transition: all 0.2s cubic-bezier(0.88,-0.99, 0, 1.81); 388 | transition: all 0.2s cubic-bezier(0.88,-0.99, 0, 1.81); 389 | } 390 | 391 | .ehover1v2 button.info { 392 | opacity: 0; 393 | -webkit-transition: all 0.2s ease-in-out; 394 | transition: all 0.2s ease-in-out; 395 | } 396 | 397 | .ehover1v2:hover img { 398 | -webkit-transform: scale(1.2); 399 | transform: scale(1.2); 400 | } 401 | 402 | .ehover1v2:hover .overlay { 403 | opacity: 1; 404 | } 405 | 406 | .ehover1v2:hover h2, .ehover1v2:hover button.info { 407 | opacity: 1; 408 | -webkit-transform: translatey(0); 409 | transform: translatey(0); 410 | } 411 | 412 | .ehover1v2:hover button.info { 413 | -webkit-transition-delay: 0.2s; 414 | transition-delay: 0.2s; 415 | } 416 | 417 | /* effect hover 5 */ 418 | 419 | .ehover5 h2, .ehover5 img { 420 | -webkit-transition: all 0.4s ease-in-out; 421 | transition: all 0.4s ease-in-out; 422 | } 423 | 424 | .ehover5 img { 425 | -webkit-transform: scale(1.1); 426 | transform: scale(1.1); 427 | } 428 | 429 | .ehover5:hover img { 430 | -webkit-transform: scale(1); 431 | transform: scale(1); 432 | } 433 | 434 | .ehover5 .overlay { 435 | -webkit-transition: all 0.4s ease-in-out; 436 | transition: all 0.4s ease-in-out; 437 | } 438 | 439 | .ehover5:hover .overlay { 440 | background-color: rgba(170,170,170,0.4); 441 | } 442 | 443 | .ehover5 button.info { 444 | opacity: 0; 445 | -webkit-transform: scale(1.5); 446 | transform: scale(1.5); 447 | -webkit-transition: all 0.4s ease-in-out; 448 | transition: all 0.4s ease-in-out; 449 | font-weight: normal; 450 | border: 1px solid white; 451 | height: 85%; 452 | width: 85%; 453 | position: absolute; 454 | top: -20%; 455 | left: 8%; 456 | padding: 70px; 457 | } 458 | 459 | .ehover5:hover button.info { 460 | opacity: 1; 461 | -webkit-transform: scale(1); 462 | transform: scale(1); 463 | background-color: rgba(0,0,0,0.4); 464 | } 465 | 466 | .ehover5 button.info:hover { 467 | box-shadow: none; 468 | } 469 | 470 | /* effect hover 6 */ 471 | 472 | .ehover6 .rotate { 473 | -webkit-transform: rotate(-45deg); 474 | transform: rotate(-45deg); 475 | width: 100%; 476 | height: 100%; 477 | position: absolute; 478 | /* production only due to the button, the line below is only needed for the demo site so the whole div can be a button for the modal to show, it is not needed in example code */ 479 | bottom: 0px; 480 | } 481 | 482 | .ehover6 hr { 483 | width: 50%; 484 | opacity: 0; 485 | } 486 | 487 | .ehover6 hr:nth-child(2) { 488 | -webkit-transform: translate3d(-50%,-50%,0) rotate(0deg) scale3d(0,0,1); 489 | transform: translate3d(-50%,-50%,0) rotate(0deg) scale3d(0,0,1); 490 | } 491 | 492 | .ehover6 hr:nth-child(3) { 493 | -webkit-transform: translate3d(-50%,-50%,0) rotate(90deg) scale3d(0,0,1); 494 | transform: translate3d(-50%,-50%,0) rotate(90deg) scale3d(0,0,1); 495 | } 496 | 497 | .ehover6 h2, .ehover6 hr { 498 | position: absolute; 499 | top: 50%; 500 | left: 50%; 501 | -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; 502 | transition: opacity 0.35s, transform 0.35s; 503 | -webkit-transform: translate3d(-50%,-50%,0); 504 | transform: translate3d(-50%,-50%,0); 505 | -webkit-transform-origin: 50%; 506 | transform-origin: 50%; 507 | background-color: transparent; 508 | margin: 0px; 509 | } 510 | 511 | .group1, .group2 { 512 | left: 50%; 513 | position: absolute; 514 | -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; 515 | transition: opacity 0.35s, transform 0.35s; 516 | -webkit-transform: translate3d(-50%,-50%,0); 517 | transform: translate3d(-50%,-50%,0); 518 | -webkit-transform-origin: 50%; 519 | transform-origin: 50%; 520 | background-color: transparent; 521 | margin: 0px; 522 | padding: 0px; 523 | /* take out of production */ 524 | letter-spacing: 0px; 525 | } 526 | 527 | .group1 { 528 | top: 40%; 529 | } 530 | 531 | .group2 { 532 | top: 60%; 533 | } 534 | 535 | .ehover6 h2 { 536 | width: 100%; 537 | } 538 | 539 | .ehover6 p { 540 | width: 30%; 541 | text-transform: none; 542 | font-size: 15px; 543 | line-height: 2; 544 | } 545 | 546 | .ehover6 p a { 547 | color: #fff; 548 | } 549 | 550 | .ehover6 p a:hover, 551 | .ehover6 p a:focus { 552 | opacity: 0.6; 553 | } 554 | 555 | .ehover6 a i { 556 | opacity: 0; 557 | -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; 558 | transition: opacity 0.35s, transform 0.35s; 559 | padding: 10px; 560 | font-size: 20px; 561 | } 562 | 563 | .group1 a:first-child i { 564 | -webkit-transform: translate3d(-60px,-60px,0) rotate(45deg) scale(2); 565 | transform: translate3d(-60px,-60px,0) rotate(45deg) scale(2); 566 | } 567 | 568 | .group1 a:nth-child(2) i { 569 | -webkit-transform: translate3d(60px,-60px,0) rotate(45deg) scale(2); 570 | transform: translate3d(60px,-60px,0) rotate(45deg) scale(2); 571 | } 572 | 573 | .group2 a:first-child i { 574 | -webkit-transform: translate3d(-60px,60px,0) rotate(45deg) scale(2); 575 | transform: translate3d(-60px,60px,0) rotate(45deg) scale(2); 576 | } 577 | 578 | .group2 a:nth-child(2) i { 579 | -webkit-transform: translate3d(60px,60px,0) rotate(45deg) scale(2); 580 | transform: translate3d(60px,60px,0) rotate(45deg) scale(2); 581 | } 582 | 583 | .ehover6:hover h2 { 584 | opacity: 0; 585 | -webkit-transform: translate3d(-50%,-50%,0) scale3d(0.8,0.8,1); 586 | transform: translate3d(-50%,-50%,0) scale3d(0.8,0.8,1); 587 | } 588 | 589 | .ehover6:hover hr:nth-child(2) { 590 | opacity: 1; 591 | -webkit-transform: translate3d(-50%,-50%,0) rotate(0deg) scale3d(1,1,1); 592 | transform: translate3d(-50%,-50%,0) rotate(0deg) scale3d(1,1,1); 593 | } 594 | 595 | .ehover6:hover hr:nth-child(3) { 596 | opacity: 1; 597 | -webkit-transform: translate3d(-50%,-50%,0) rotate(90deg) scale3d(1,1,1); 598 | transform: translate3d(-50%,-50%,0) rotate(90deg) scale3d(1,1,1); 599 | } 600 | 601 | .ehover6:hover .group1 i:empty, .ehover6:hover .group2 i:empty { 602 | -webkit-transform: translate3d(0,0,0); 603 | transform: translate3d(0,0,0) rotate(45deg) scale(1); 604 | /* just because it's stronger than nth-child */ 605 | opacity: 1; 606 | } 607 | 608 | .ehover6 img { 609 | -webkit-transform: scale(1.1); 610 | transform: scale(1.1); 611 | -webkit-transition: all 0.35s; 612 | transition: all 0.35s; 613 | } 614 | .ehover6:hover img 615 | { 616 | -webkit-transform: scale(1); 617 | transform: scale(1); 618 | filter: brightness(0.7); 619 | -webkit-filter: brightness(0.7); 620 | 621 | 622 | } 623 | 624 | /* effect hover 7 */ 625 | 626 | .ehover7 h2, 627 | .ehover7 p { 628 | position: absolute; 629 | top: 50%; 630 | left: 50%; 631 | -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; 632 | transition: opacity 0.35s, transform 0.35s; 633 | -webkit-transform: translate3d(-50%,-50%,0); 634 | transform: translate3d(-50%,-50%,0); 635 | -webkit-transform-origin: 50%; 636 | transform-origin: 50%; 637 | background-color: transparent; 638 | margin: 0px; 639 | padding: 0px; 640 | } 641 | 642 | .ehover7 .overlay::before { 643 | position: absolute; 644 | top: 50%; 645 | left: 50%; 646 | width: 40%; 647 | height: 60%; 648 | border: 2px solid #fff; 649 | content: ''; 650 | opacity: 0; 651 | -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; 652 | transition: opacity 0.35s, transform 0.35s; 653 | -webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1); 654 | transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1); 655 | -webkit-transform-origin: 50%; 656 | transform-origin: 50%; 657 | } 658 | 659 | 660 | .ehover7 p { 661 | width: 20%; 662 | text-transform: none; 663 | font-size: 15px; 664 | line-height: 2; 665 | } 666 | 667 | .ehover7 p a { 668 | color: #fff; 669 | } 670 | 671 | .ehover7 p a:hover, 672 | .ehover7 p a:focus { 673 | opacity: 0.6; 674 | } 675 | 676 | .ehover7 a i { 677 | opacity: 0; 678 | -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; 679 | transition: opacity 0.35s, transform 0.35s; 680 | padding: 0px 5px; 681 | } 682 | 683 | 684 | .ehover7 p a:first-child i { 685 | -webkit-transform: translate3d(-60px,-60px,0); 686 | transform: translate3d(-60px,-60px,0); 687 | } 688 | 689 | .ehover7 p a:nth-child(2) i { 690 | -webkit-transform: translate3d(60px,-60px,0); 691 | transform: translate3d(60px,-60px,0); 692 | } 693 | 694 | .ehover7 p a:nth-child(3) i { 695 | -webkit-transform: translate3d(-60px,60px,0); 696 | transform: translate3d(-60px,60px,0); 697 | } 698 | 699 | .ehover7 p a:nth-child(4) i { 700 | -webkit-transform: translate3d(60px,60px,0); 701 | transform: translate3d(60px,60px,0); 702 | } 703 | 704 | .ehover7:hover .overlay::before { 705 | opacity: 1; 706 | background-color: rgba(0,0,0,0.2); 707 | -webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-135deg) scale3d(1,1,1); 708 | transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-135deg) scale3d(1,1,1); 709 | } 710 | 711 | .ehover7:hover h2 { 712 | opacity: 0; 713 | -webkit-transform: translate3d(-50%,-50%,0) scale3d(0.8,0.8,1); 714 | transform: translate3d(-50%,-50%,0) scale3d(0.8,0.8,1); 715 | } 716 | 717 | .ehover7:hover p i:empty { 718 | -webkit-transform: translate3d(0,0,0); 719 | transform: translate3d(0,0,0); /* just because it's stronger than nth-child */ 720 | opacity: 1; 721 | } 722 | 723 | 724 | /* effect hover 8 */ 725 | 726 | .ehover8 hr { 727 | width: 40%; 728 | opacity: 0; 729 | border: 1px solid #FFF; 730 | } 731 | 732 | .ehover8 hr:nth-child(3) { 733 | -webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,90deg) scale3d(0,0,1); 734 | transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,90deg) scale3d(0,0,1); 735 | } 736 | 737 | .ehover8 hr:nth-child(4) { 738 | -webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,180deg) scale3d(0,0,1); 739 | transform: translate3d(-50%,-50%,0) rotate3d(0,0,1, 180deg) scale3d(0,0,1); 740 | } 741 | 742 | .ehover8 h2, .ehover8 hr { 743 | position: absolute; 744 | top: 50%; 745 | left: 50%; 746 | -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; 747 | transition: opacity 0.35s, transform 0.35s; 748 | -webkit-transform: translate3d(-50%,-50%,0); 749 | transform: translate3d(-50%,-50%,0); 750 | -webkit-transform-origin: 50%; 751 | transform-origin: 50%; 752 | background-color: transparent; 753 | margin: 0px; 754 | } 755 | 756 | .set1, .set2 { 757 | left: 50%; 758 | position: absolute; 759 | -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; 760 | transition: opacity 0.35s, transform 0.35s; 761 | -webkit-transform: translate3d(-50%,-50%,0); 762 | transform: translate3d(-50%,-50%,0); 763 | -webkit-transform-origin: 50%; 764 | transform-origin: 50%; 765 | background-color: transparent; 766 | margin: 0px; 767 | padding: 0px; 768 | } 769 | 770 | .set1 { 771 | top: 40%; 772 | } 773 | 774 | .set2 { 775 | top: 60%; 776 | } 777 | 778 | .ehover8 p { 779 | width: 30%; 780 | text-transform: none; 781 | font-size: 15px; 782 | line-height: 2; 783 | } 784 | 785 | .ehover8 p a { 786 | color: #fff; 787 | } 788 | 789 | .ehover8 p a:hover, 790 | .ehover8 p a:focus { 791 | opacity: 0.6; 792 | } 793 | 794 | .ehover8 a i { 795 | opacity: 0; 796 | -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; 797 | transition: opacity 0.35s, transform 0.35s; 798 | padding: 10px; 799 | font-size: 20px; 800 | } 801 | 802 | .set1 a:first-child i { 803 | -webkit-transform: translate3d(-60px,-60px,0); 804 | transform: translate3d(-60px,-60px,0); 805 | } 806 | 807 | .set1 a:nth-child(2) i { 808 | -webkit-transform: translate3d(60px,-60px,0); 809 | transform: translate3d(60px,-60px,0); 810 | } 811 | 812 | .set2 a:first-child i { 813 | -webkit-transform: translate3d(-60px,60px,0); 814 | transform: translate3d(-60px,60px,0); 815 | } 816 | 817 | .set2 a:nth-child(2) i { 818 | -webkit-transform: translate3d(60px,60px,0); 819 | transform: translate3d(60px,60px,0); 820 | } 821 | 822 | .ehover8:hover h2 { 823 | opacity: 0; 824 | -webkit-transform: translate3d(-50%,-50%,0) scale3d(0.8,0.8,1); 825 | transform: translate3d(-50%,-50%,0) scale3d(0.8,0.8,1); 826 | } 827 | 828 | .ehover8:hover hr:nth-child(3) { 829 | opacity: 1; 830 | -webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-90deg) scale3d(1,1,1); 831 | transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-90deg) scale3d(1,1,1); 832 | } 833 | 834 | .ehover8:hover hr:nth-child(4) { 835 | opacity: 1; 836 | -webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-180deg) scale3d(1,1,1); 837 | transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-180deg) scale3d(1,1,1); 838 | } 839 | 840 | .ehover8:hover .set1 i:empty, .ehover8:hover .set2 i:empty { 841 | -webkit-transform: translate3d(0,0,0); 842 | transform: translate3d(0,0,0); 843 | /* just because it's stronger than nth-child */ 844 | opacity: 1; 845 | } 846 | 847 | /* effect hover 9 */ 848 | 849 | .ehover9 .overlay { 850 | background-color: rgba(255, 255, 255, 0.7); 851 | top: -200px; 852 | opacity: 0; 853 | -webkit-transition: all 0.1s ease-out 0.5s; 854 | transition: all 0.1s ease-out 0.5s; 855 | } 856 | .ehover9 h2{ 857 | -webkit-transform: translateY(-200px); 858 | transform: translateY(-200px); 859 | -webkit-transition: all ease-in-out 0.1s; 860 | transition: all ease-in-out 0.1s; 861 | -webkit-transition-delay: 0.3s; 862 | transition-delay: 0.3s; 863 | } 864 | 865 | .ehover9 button.info { 866 | -webkit-transform: translateY(-200px); 867 | transform: translateY(-200px); 868 | color: #000; 869 | border: 1px solid #000; 870 | -webkit-transition: all ease-in-out 0.3s; 871 | transition: all ease-in-out 0.3s; 872 | } 873 | 874 | .ehover9:hover .overlay { 875 | opacity: 1; 876 | top: 0px; 877 | -webkit-transition-delay: 0s; 878 | transition-delay: 0s 879 | } 880 | .ehover9:hover h2 { 881 | -webkit-transform: translateY(0px); 882 | transform: translateY(0px); 883 | -webkit-transition-delay: 0.3s; 884 | transition-delay: 0.3s; 885 | } 886 | 887 | .ehover9:hover button.info { 888 | -webkit-transform: translateY(0px); 889 | transform: translateY(0px); 890 | box-shadow: 0 0 5px #000; 891 | color: #000; 892 | border: 1px solid #000; 893 | -webkit-transition-delay: 0.3s; 894 | transition-delay: 0.3s; 895 | } 896 | 897 | /* effect hover 10 */ 898 | 899 | .ehover10 img { 900 | -webkit-transition: -webkit-transform 0.35s; 901 | transition: transform 0.35s; 902 | } 903 | .ehover10:hover img { 904 | -webkit-transform: translate3d(0,-10%,0); 905 | transform: translate3d(0,-10%,0); 906 | } 907 | 908 | .ehover10 .overlay { 909 | visibility: hidden; 910 | top: auto; 911 | bottom: 0; 912 | padding: 1em; 913 | height: 4.75em; 914 | background: #79FAC4; 915 | color: #3c4a50; 916 | -webkit-transition: -webkit-transform 0.35s; 917 | transition: transform 0.35s; 918 | -webkit-transform: translate3d(0,100%,0); 919 | transform: translate3d(0,100%,0); 920 | } 921 | 922 | .ehover10 button.info 923 | { 924 | float: left; 925 | margin: 0px; 926 | text-transform: uppercase; 927 | color: #fff; 928 | font-size: 17px; 929 | background: rgba(0, 0, 0, 0.6); 930 | 931 | } 932 | 933 | .ehover10 p.icon-links a { 934 | float: right; 935 | color: #3c4a50; 936 | font-size: 1.4em; 937 | } 938 | 939 | .ehover10:hover p.icon-links a:hover, 940 | .ehover10:hover p.icon-links a:focus { 941 | color: #252d31; 942 | } 943 | 944 | .ehover10 button, 945 | .ehover10 p.icon-links a { 946 | -webkit-transition: -webkit-transform 0.35s; 947 | transition: transform 0.35s; 948 | -webkit-transform: translate3d(0,200%,0); 949 | transform: translate3d(0,200%,0); 950 | } 951 | 952 | .ehover10 p.icon-links a span::before { 953 | display: inline-block; 954 | padding: 8px 10px; 955 | speak: none; 956 | -webkit-font-smoothing: antialiased; 957 | -moz-osx-font-smoothing: grayscale; 958 | } 959 | 960 | 961 | .ehover10 button { 962 | display: inline-block; 963 | } 964 | 965 | 966 | .ehover10:hover .overlay, 967 | .ehover10:hover button, 968 | .ehover10:hover p.icon-links a { 969 | -webkit-transform: translate3d(0,0,0); 970 | transform: translate3d(0,0,0); 971 | visibility: visible; 972 | } 973 | 974 | .ehover10:hover h2 { 975 | -webkit-transition-delay: 0.05s; 976 | transition-delay: 0.05s; 977 | } 978 | 979 | .ehover10:hover p.icon-links a:nth-child(3) { 980 | -webkit-transition-delay: 0.1s; 981 | transition-delay: 0.1s; 982 | } 983 | 984 | .ehover10:hover p.icon-links a:nth-child(2) { 985 | -webkit-transition-delay: 0.15s; 986 | transition-delay: 0.15s; 987 | } 988 | 989 | .ehover10:hover p.icon-links a:first-child { 990 | -webkit-transition-delay: 0.2s; 991 | transition-delay: 0.2s; 992 | } 993 | 994 | /* effect 11 */ 995 | 996 | .ehover11 { 997 | background: -webkit-linear-gradient(45deg, #ff89e9 0%, #05abe0 100%); 998 | background: linear-gradient(45deg, #ff89e9 0%,#05abe0 100%); 999 | } 1000 | 1001 | .ehover11 img { 1002 | max-width: none; 1003 | width: calc(100% + 60px); 1004 | -webkit-transition: opacity 0.35s, -webkit-transform 0.45s; 1005 | transition: opacity 0.35s, transform 0.45s; 1006 | -webkit-transform: translate3d(-40px,0,0); 1007 | transform: translate3d(-40px,0,0); 1008 | } 1009 | 1010 | .ehover11 .overlay::before { 1011 | position: absolute; 1012 | top: 20px; 1013 | right: 20px; 1014 | bottom: 20px; 1015 | left: 20px; 1016 | border: 1px solid #fff; 1017 | content: ''; 1018 | opacity: 0; 1019 | -webkit-transition: opacity 0.35s, -webkit-transform 0.45s; 1020 | transition: opacity 0.35s, transform 0.45s; 1021 | -webkit-transform: translate3d(-20px,0,0); 1022 | transform: translate3d(-20px,0,0); 1023 | } 1024 | 1025 | .ehover11 .overlay { 1026 | padding: 3em; 1027 | text-align: left; 1028 | } 1029 | 1030 | .ehover11 h2 { 1031 | background-color: transparent; 1032 | padding: 15% 0 10px 0; 1033 | text-align: left; 1034 | } 1035 | 1036 | .ehover11 button.info { 1037 | color: #FFF; 1038 | opacity: 0; 1039 | margin: 0px; 1040 | padding: 0px; 1041 | border: none; 1042 | -webkit-transition: opacity 0.35s, -webkit-transform 0.45s; 1043 | transition: opacity 0.35s, transform 0.45s; 1044 | -webkit-transform: translate3d(-10px,0,0); 1045 | transform: translate3d(-10px,0,0); 1046 | } 1047 | 1048 | 1049 | .ehover11:hover img { 1050 | opacity: 0.6; 1051 | -webkit-transform: translate3d(0,0,0); 1052 | transform: translate3d(0,0,0); 1053 | } 1054 | 1055 | .ehover11:hover .overlay::before, 1056 | .ehover11:hover button.info { 1057 | opacity: 1; 1058 | -webkit-transform: translate3d(0,0,0); 1059 | transform: translate3d(0,0,0); 1060 | } 1061 | 1062 | /* effect 12 */ 1063 | 1064 | .ehover12 { 1065 | background: #42b078; 1066 | } 1067 | 1068 | .ehover12 img { 1069 | max-width: none; 1070 | width: calc(100% + 20px); 1071 | -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; 1072 | transition: opacity 0.35s, transform 0.35s; 1073 | -webkit-transform: translate3d(-10px,0,0); 1074 | transform: translate3d(-10px,0,0); 1075 | -webkit-backface-visibility: hidden; 1076 | backface-visibility: hidden; 1077 | } 1078 | 1079 | .ehover12:hover img { 1080 | opacity: 0.4; 1081 | -webkit-transform: translate3d(0,0,0); 1082 | transform: translate3d(0,0,0); 1083 | } 1084 | 1085 | .ehover12 .overlay { 1086 | padding: 50px 20px; 1087 | } 1088 | 1089 | .ehover12 h2 { 1090 | position: relative; 1091 | overflow: hidden; 1092 | padding: 0.5em 0; 1093 | background-color: transparent; 1094 | } 1095 | 1096 | .ehover12 h2::after { 1097 | position: absolute; 1098 | bottom: 0; 1099 | left: 0; 1100 | width: 100%; 1101 | height: 2px; 1102 | background: #fff; 1103 | content: ''; 1104 | -webkit-transition: -webkit-transform 0.35s; 1105 | transition: transform 0.35s; 1106 | -webkit-transform: translate3d(-100%,0,0); 1107 | transform: translate3d(-100%,0,0); 1108 | } 1109 | 1110 | .ehover12:hover h2::after { 1111 | -webkit-transform: translate3d(0,0,0); 1112 | transform: translate3d(0,0,0); 1113 | } 1114 | 1115 | .ehover12 button { 1116 | color: #FFF; 1117 | opacity: 0; 1118 | -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; 1119 | transition: opacity 0.35s, transform 0.35s; 1120 | -webkit-transform: translate3d(100%,0,0); 1121 | transform: translate3d(100%,0,0); 1122 | } 1123 | 1124 | .ehover12:hover button{ 1125 | opacity: 1; 1126 | -webkit-transform: translate3d(0,0,0); 1127 | transform: translate3d(0,0,0); 1128 | } 1129 | 1130 | /* effect 13 */ 1131 | 1132 | 1133 | 1134 | .ehover13 img 1135 | { 1136 | -webkit-transition: all 0.35s; 1137 | transition: all 0.35s; 1138 | } 1139 | 1140 | .ehover13:hover img 1141 | { 1142 | filter: brightness(0.6); 1143 | -webkit-filter: brightness(0.6); 1144 | } 1145 | 1146 | .ehover13 .overlay { 1147 | width: 80%; 1148 | height: 80%; 1149 | left: 10%; 1150 | top: 10%; 1151 | border-bottom: 1px solid #FFF; 1152 | border-top: 1px solid #FFF; 1153 | -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; 1154 | transition: opacity 0.35s, transform 0.35s; 1155 | -webkit-transform: scale(0,1); 1156 | transform: scale(0,1); 1157 | } 1158 | 1159 | 1160 | 1161 | .ehover13:hover .overlay { 1162 | opacity: 1; 1163 | -webkit-transform: scale(1); 1164 | transform: scale(1); 1165 | 1166 | } 1167 | 1168 | .ehover13 button { 1169 | color: #FFF; 1170 | padding: 1em 0; 1171 | opacity: 0; 1172 | -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; 1173 | transition: opacity 0.35s, transform 0.35s; 1174 | -webkit-transform: translate3d(0,100%,0); 1175 | transform: translate3d(0,100%,0); 1176 | } 1177 | 1178 | .ehover13 h2 { 1179 | background-color: transparent; 1180 | color: #FFF; 1181 | padding: 1em 0; 1182 | opacity: 0; 1183 | -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; 1184 | transition: opacity 0.35s, transform 0.35s; 1185 | -webkit-transform: translate3d(0,-100%,0); 1186 | transform: translate3d(0,-100%,0); 1187 | } 1188 | 1189 | 1190 | 1191 | .ehover13:hover button, .ehover13:hover h2{ 1192 | opacity: 1; 1193 | -webkit-transform: translate3d(0,0,0); 1194 | transform: translate3d(0,0,0); 1195 | } 1196 | 1197 | 1198 | 1199 | 1200 | /* effect 14 */ 1201 | 1202 | 1203 | 1204 | .ehover14 img 1205 | { 1206 | -webkit-transition: all 0.35s; 1207 | transition: all 0.35s; 1208 | } 1209 | 1210 | .ehover14:hover img 1211 | { 1212 | filter: brightness(1.4); 1213 | -webkit-filter: brightness(1.4); 1214 | } 1215 | 1216 | .ehover14 .overlay { 1217 | opacity: 0; 1218 | width: 55%; 1219 | height: 81%; 1220 | left: 22%; 1221 | top: 10%; 1222 | border-radius: 80%; 1223 | border: 2px solid #FFF; 1224 | -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; 1225 | transition: opacity 0.35s, transform 0.35s; 1226 | -webkit-transform: translate3d(50%,50%,0); 1227 | transform: translate3d(50%,50%,0); 1228 | } 1229 | 1230 | 1231 | .ehover14:hover .overlay { 1232 | background-color: rgba(0,0,0,0.3); 1233 | } 1234 | 1235 | .ehover14 button { 1236 | color: #FFF; 1237 | padding: 1em 0; 1238 | opacity: 0; 1239 | -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; 1240 | transition: opacity 0.35s, transform 0.35s; 1241 | -webkit-transform: translate3d(-150%,-400%,0); 1242 | transform: translate3d(-150%,-400%,0); 1243 | } 1244 | 1245 | .ehover14 h2 { 1246 | background-color: transparent; 1247 | color: #FFF; 1248 | padding: 1em 0; 1249 | opacity: 0; 1250 | -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; 1251 | transition: opacity 0.35s, transform 0.35s; 1252 | -webkit-transform: translate3d(-150%,-400%,0); 1253 | transform: translate3d(-150%,-400%,0); 1254 | } 1255 | 1256 | 1257 | 1258 | .ehover14:hover button, .ehover14:hover h2, .ehover14:hover .overlay 1259 | { 1260 | opacity: 1; 1261 | -webkit-transform: translate3d(0,0,0); 1262 | transform: translate3d(0,0,0); 1263 | } -------------------------------------------------------------------------------- /src/js/rbootstrap.min.js: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap v3.3.5 (http://getbootstrap.com) 3 | * Copyright 2011-2015 Twitter, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | if("undefined"==typeof jQuery)throw new Error("Bootstrap's JavaScript requires jQuery");+function(a){"use strict";var b=a.fn.jquery.split(" ")[0].split(".");if(b[0]<2&&b[1]<9||1==b[0]&&9==b[1]&&b[2]<1)throw new Error("Bootstrap's JavaScript requires jQuery version 1.9.1 or higher")}(jQuery),+function(a){"use strict";function b(){var a=document.createElement("bootstrap"),b={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(var c in b)if(void 0!==a.style[c])return{end:b[c]};return!1}a.fn.emulateTransitionEnd=function(b){var c=!1,d=this;a(this).one("bsTransitionEnd",function(){c=!0});var e=function(){c||a(d).trigger(a.support.transition.end)};return setTimeout(e,b),this},a(function(){a.support.transition=b(),a.support.transition&&(a.event.special.bsTransitionEnd={bindType:a.support.transition.end,delegateType:a.support.transition.end,handle:function(b){return a(b.target).is(this)?b.handleObj.handler.apply(this,arguments):void 0}})})}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var c=a(this),e=c.data("bs.alert");e||c.data("bs.alert",e=new d(this)),"string"==typeof b&&e[b].call(c)})}var c='[data-dismiss="alert"]',d=function(b){a(b).on("click",c,this.close)};d.VERSION="3.3.5",d.TRANSITION_DURATION=150,d.prototype.close=function(b){function c(){g.detach().trigger("closed.bs.alert").remove()}var e=a(this),f=e.attr("data-target");f||(f=e.attr("href"),f=f&&f.replace(/.*(?=#[^\s]*$)/,""));var g=a(f);b&&b.preventDefault(),g.length||(g=e.closest(".alert")),g.trigger(b=a.Event("close.bs.alert")),b.isDefaultPrevented()||(g.removeClass("in"),a.support.transition&&g.hasClass("fade")?g.one("bsTransitionEnd",c).emulateTransitionEnd(d.TRANSITION_DURATION):c())};var e=a.fn.alert;a.fn.alert=b,a.fn.alert.Constructor=d,a.fn.alert.noConflict=function(){return a.fn.alert=e,this},a(document).on("click.bs.alert.data-api",c,d.prototype.close)}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.button"),f="object"==typeof b&&b;e||d.data("bs.button",e=new c(this,f)),"toggle"==b?e.toggle():b&&e.setState(b)})}var c=function(b,d){this.$element=a(b),this.options=a.extend({},c.DEFAULTS,d),this.isLoading=!1};c.VERSION="3.3.5",c.DEFAULTS={loadingText:"loading..."},c.prototype.setState=function(b){var c="disabled",d=this.$element,e=d.is("input")?"val":"html",f=d.data();b+="Text",null==f.resetText&&d.data("resetText",d[e]()),setTimeout(a.proxy(function(){d[e](null==f[b]?this.options[b]:f[b]),"loadingText"==b?(this.isLoading=!0,d.addClass(c).attr(c,c)):this.isLoading&&(this.isLoading=!1,d.removeClass(c).removeAttr(c))},this),0)},c.prototype.toggle=function(){var a=!0,b=this.$element.closest('[data-toggle="buttons"]');if(b.length){var c=this.$element.find("input");"radio"==c.prop("type")?(c.prop("checked")&&(a=!1),b.find(".active").removeClass("active"),this.$element.addClass("active")):"checkbox"==c.prop("type")&&(c.prop("checked")!==this.$element.hasClass("active")&&(a=!1),this.$element.toggleClass("active")),c.prop("checked",this.$element.hasClass("active")),a&&c.trigger("change")}else this.$element.attr("aria-pressed",!this.$element.hasClass("active")),this.$element.toggleClass("active")};var d=a.fn.button;a.fn.button=b,a.fn.button.Constructor=c,a.fn.button.noConflict=function(){return a.fn.button=d,this},a(document).on("click.bs.button.data-api",'[data-toggle^="button"]',function(c){var d=a(c.target);d.hasClass("btn")||(d=d.closest(".btn")),b.call(d,"toggle"),a(c.target).is('input[type="radio"]')||a(c.target).is('input[type="checkbox"]')||c.preventDefault()}).on("focus.bs.button.data-api blur.bs.button.data-api",'[data-toggle^="button"]',function(b){a(b.target).closest(".btn").toggleClass("focus",/^focus(in)?$/.test(b.type))})}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.carousel"),f=a.extend({},c.DEFAULTS,d.data(),"object"==typeof b&&b),g="string"==typeof b?b:f.slide;e||d.data("bs.carousel",e=new c(this,f)),"number"==typeof b?e.to(b):g?e[g]():f.interval&&e.pause().cycle()})}var c=function(b,c){this.$element=a(b),this.$indicators=this.$element.find(".carousel-indicators"),this.options=c,this.paused=null,this.sliding=null,this.interval=null,this.$active=null,this.$items=null,this.options.keyboard&&this.$element.on("keydown.bs.carousel",a.proxy(this.keydown,this)),"hover"==this.options.pause&&!("ontouchstart"in document.documentElement)&&this.$element.on("mouseenter.bs.carousel",a.proxy(this.pause,this)).on("mouseleave.bs.carousel",a.proxy(this.cycle,this))};c.VERSION="3.3.5",c.TRANSITION_DURATION=600,c.DEFAULTS={interval:5e3,pause:"hover",wrap:!0,keyboard:!0},c.prototype.keydown=function(a){if(!/input|textarea/i.test(a.target.tagName)){switch(a.which){case 37:this.prev();break;case 39:this.next();break;default:return}a.preventDefault()}},c.prototype.cycle=function(b){return b||(this.paused=!1),this.interval&&clearInterval(this.interval),this.options.interval&&!this.paused&&(this.interval=setInterval(a.proxy(this.next,this),this.options.interval)),this},c.prototype.getItemIndex=function(a){return this.$items=a.parent().children(".item"),this.$items.index(a||this.$active)},c.prototype.getItemForDirection=function(a,b){var c=this.getItemIndex(b),d="prev"==a&&0===c||"next"==a&&c==this.$items.length-1;if(d&&!this.options.wrap)return b;var e="prev"==a?-1:1,f=(c+e)%this.$items.length;return this.$items.eq(f)},c.prototype.to=function(a){var b=this,c=this.getItemIndex(this.$active=this.$element.find(".item.active"));return a>this.$items.length-1||0>a?void 0:this.sliding?this.$element.one("slid.bs.carousel",function(){b.to(a)}):c==a?this.pause().cycle():this.slide(a>c?"next":"prev",this.$items.eq(a))},c.prototype.pause=function(b){return b||(this.paused=!0),this.$element.find(".next, .prev").length&&a.support.transition&&(this.$element.trigger(a.support.transition.end),this.cycle(!0)),this.interval=clearInterval(this.interval),this},c.prototype.next=function(){return this.sliding?void 0:this.slide("next")},c.prototype.prev=function(){return this.sliding?void 0:this.slide("prev")},c.prototype.slide=function(b,d){var e=this.$element.find(".item.active"),f=d||this.getItemForDirection(b,e),g=this.interval,h="next"==b?"left":"right",i=this;if(f.hasClass("active"))return this.sliding=!1;var j=f[0],k=a.Event("slide.bs.carousel",{relatedTarget:j,direction:h});if(this.$element.trigger(k),!k.isDefaultPrevented()){if(this.sliding=!0,g&&this.pause(),this.$indicators.length){this.$indicators.find(".active").removeClass("active");var l=a(this.$indicators.children()[this.getItemIndex(f)]);l&&l.addClass("active")}var m=a.Event("slid.bs.carousel",{relatedTarget:j,direction:h});return a.support.transition&&this.$element.hasClass("slide")?(f.addClass(b),f[0].offsetWidth,e.addClass(h),f.addClass(h),e.one("bsTransitionEnd",function(){f.removeClass([b,h].join(" ")).addClass("active"),e.removeClass(["active",h].join(" ")),i.sliding=!1,setTimeout(function(){i.$element.trigger(m)},0)}).emulateTransitionEnd(c.TRANSITION_DURATION)):(e.removeClass("active"),f.addClass("active"),this.sliding=!1,this.$element.trigger(m)),g&&this.cycle(),this}};var d=a.fn.carousel;a.fn.carousel=b,a.fn.carousel.Constructor=c,a.fn.carousel.noConflict=function(){return a.fn.carousel=d,this};var e=function(c){var d,e=a(this),f=a(e.attr("data-target")||(d=e.attr("href"))&&d.replace(/.*(?=#[^\s]+$)/,""));if(f.hasClass("carousel")){var g=a.extend({},f.data(),e.data()),h=e.attr("data-slide-to");h&&(g.interval=!1),b.call(f,g),h&&f.data("bs.carousel").to(h),c.preventDefault()}};a(document).on("click.bs.carousel.data-api","[data-slide]",e).on("click.bs.carousel.data-api","[data-slide-to]",e),a(window).on("load",function(){a('[data-ride="carousel"]').each(function(){var c=a(this);b.call(c,c.data())})})}(jQuery),+function(a){"use strict";function b(b){var c,d=b.attr("data-target")||(c=b.attr("href"))&&c.replace(/.*(?=#[^\s]+$)/,"");return a(d)}function c(b){return this.each(function(){var c=a(this),e=c.data("bs.collapse"),f=a.extend({},d.DEFAULTS,c.data(),"object"==typeof b&&b);!e&&f.toggle&&/show|hide/.test(b)&&(f.toggle=!1),e||c.data("bs.collapse",e=new d(this,f)),"string"==typeof b&&e[b]()})}var d=function(b,c){this.$element=a(b),this.options=a.extend({},d.DEFAULTS,c),this.$trigger=a('[data-toggle="collapse"][href="#'+b.id+'"],[data-toggle="collapse"][data-target="#'+b.id+'"]'),this.transitioning=null,this.options.parent?this.$parent=this.getParent():this.addAriaAndCollapsedClass(this.$element,this.$trigger),this.options.toggle&&this.toggle()};d.VERSION="3.3.5",d.TRANSITION_DURATION=350,d.DEFAULTS={toggle:!0},d.prototype.dimension=function(){var a=this.$element.hasClass("width");return a?"width":"height"},d.prototype.show=function(){if(!this.transitioning&&!this.$element.hasClass("in")){var b,e=this.$parent&&this.$parent.children(".panel").children(".in, .collapsing");if(!(e&&e.length&&(b=e.data("bs.collapse"),b&&b.transitioning))){var f=a.Event("show.bs.collapse");if(this.$element.trigger(f),!f.isDefaultPrevented()){e&&e.length&&(c.call(e,"hide"),b||e.data("bs.collapse",null));var g=this.dimension();this.$element.removeClass("collapse").addClass("collapsing")[g](0).attr("aria-expanded",!0),this.$trigger.removeClass("collapsed").attr("aria-expanded",!0),this.transitioning=1;var h=function(){this.$element.removeClass("collapsing").addClass("collapse in")[g](""),this.transitioning=0,this.$element.trigger("shown.bs.collapse")};if(!a.support.transition)return h.call(this);var i=a.camelCase(["scroll",g].join("-"));this.$element.one("bsTransitionEnd",a.proxy(h,this)).emulateTransitionEnd(d.TRANSITION_DURATION)[g](this.$element[0][i])}}}},d.prototype.hide=function(){if(!this.transitioning&&this.$element.hasClass("in")){var b=a.Event("hide.bs.collapse");if(this.$element.trigger(b),!b.isDefaultPrevented()){var c=this.dimension();this.$element[c](this.$element[c]())[0].offsetHeight,this.$element.addClass("collapsing").removeClass("collapse in").attr("aria-expanded",!1),this.$trigger.addClass("collapsed").attr("aria-expanded",!1),this.transitioning=1;var e=function(){this.transitioning=0,this.$element.removeClass("collapsing").addClass("collapse").trigger("hidden.bs.collapse")};return a.support.transition?void this.$element[c](0).one("bsTransitionEnd",a.proxy(e,this)).emulateTransitionEnd(d.TRANSITION_DURATION):e.call(this)}}},d.prototype.toggle=function(){this[this.$element.hasClass("in")?"hide":"show"]()},d.prototype.getParent=function(){return a(this.options.parent).find('[data-toggle="collapse"][data-parent="'+this.options.parent+'"]').each(a.proxy(function(c,d){var e=a(d);this.addAriaAndCollapsedClass(b(e),e)},this)).end()},d.prototype.addAriaAndCollapsedClass=function(a,b){var c=a.hasClass("in");a.attr("aria-expanded",c),b.toggleClass("collapsed",!c).attr("aria-expanded",c)};var e=a.fn.collapse;a.fn.collapse=c,a.fn.collapse.Constructor=d,a.fn.collapse.noConflict=function(){return a.fn.collapse=e,this},a(document).on("click.bs.collapse.data-api",'[data-toggle="collapse"]',function(d){var e=a(this);e.attr("data-target")||d.preventDefault();var f=b(e),g=f.data("bs.collapse"),h=g?"toggle":e.data();c.call(f,h)})}(jQuery),+function(a){"use strict";function b(b){var c=b.attr("data-target");c||(c=b.attr("href"),c=c&&/#[A-Za-z]/.test(c)&&c.replace(/.*(?=#[^\s]*$)/,""));var d=c&&a(c);return d&&d.length?d:b.parent()}function c(c){c&&3===c.which||(a(e).remove(),a(f).each(function(){var d=a(this),e=b(d),f={relatedTarget:this};e.hasClass("open")&&(c&&"click"==c.type&&/input|textarea/i.test(c.target.tagName)&&a.contains(e[0],c.target)||(e.trigger(c=a.Event("hide.bs.dropdown",f)),c.isDefaultPrevented()||(d.attr("aria-expanded","false"),e.removeClass("open").trigger("hidden.bs.dropdown",f))))}))}function d(b){return this.each(function(){var c=a(this),d=c.data("bs.dropdown");d||c.data("bs.dropdown",d=new g(this)),"string"==typeof b&&d[b].call(c)})}var e=".dropdown-backdrop",f='[data-toggle="dropdown"]',g=function(b){a(b).on("click.bs.dropdown",this.toggle)};g.VERSION="3.3.5",g.prototype.toggle=function(d){var e=a(this);if(!e.is(".disabled, :disabled")){var f=b(e),g=f.hasClass("open");if(c(),!g){"ontouchstart"in document.documentElement&&!f.closest(".navbar-nav").length&&a(document.createElement("div")).addClass("dropdown-backdrop").insertAfter(a(this)).on("click",c);var h={relatedTarget:this};if(f.trigger(d=a.Event("show.bs.dropdown",h)),d.isDefaultPrevented())return;e.trigger("focus").attr("aria-expanded","true"),f.toggleClass("open").trigger("shown.bs.dropdown",h)}return!1}},g.prototype.keydown=function(c){if(/(38|40|27|32)/.test(c.which)&&!/input|textarea/i.test(c.target.tagName)){var d=a(this);if(c.preventDefault(),c.stopPropagation(),!d.is(".disabled, :disabled")){var e=b(d),g=e.hasClass("open");if(!g&&27!=c.which||g&&27==c.which)return 27==c.which&&e.find(f).trigger("focus"),d.trigger("click");var h=" li:not(.disabled):visible a",i=e.find(".dropdown-menu"+h);if(i.length){var j=i.index(c.target);38==c.which&&j>0&&j--,40==c.which&&jdocument.documentElement.clientHeight;this.$element.css({paddingLeft:!this.bodyIsOverflowing&&a?this.scrollbarWidth:"",paddingRight:this.bodyIsOverflowing&&!a?this.scrollbarWidth:""})},c.prototype.resetAdjustments=function(){this.$element.css({paddingLeft:"",paddingRight:""})},c.prototype.checkScrollbar=function(){var a=window.innerWidth;if(!a){var b=document.documentElement.getBoundingClientRect();a=b.right-Math.abs(b.left)}this.bodyIsOverflowing=document.body.clientWidth
',trigger:"hover focus",title:"",delay:0,html:!1,container:!1,viewport:{selector:"body",padding:0}},c.prototype.init=function(b,c,d){if(this.enabled=!0,this.type=b,this.$element=a(c),this.options=this.getOptions(d),this.$viewport=this.options.viewport&&a(a.isFunction(this.options.viewport)?this.options.viewport.call(this,this.$element):this.options.viewport.selector||this.options.viewport),this.inState={click:!1,hover:!1,focus:!1},this.$element[0]instanceof document.constructor&&!this.options.selector)throw new Error("`selector` option must be specified when initializing "+this.type+" on the window.document object!");for(var e=this.options.trigger.split(" "),f=e.length;f--;){var g=e[f];if("click"==g)this.$element.on("click."+this.type,this.options.selector,a.proxy(this.toggle,this));else if("manual"!=g){var h="hover"==g?"mouseenter":"focusin",i="hover"==g?"mouseleave":"focusout";this.$element.on(h+"."+this.type,this.options.selector,a.proxy(this.enter,this)),this.$element.on(i+"."+this.type,this.options.selector,a.proxy(this.leave,this))}}this.options.selector?this._options=a.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},c.prototype.getDefaults=function(){return c.DEFAULTS},c.prototype.getOptions=function(b){return b=a.extend({},this.getDefaults(),this.$element.data(),b),b.delay&&"number"==typeof b.delay&&(b.delay={show:b.delay,hide:b.delay}),b},c.prototype.getDelegateOptions=function(){var b={},c=this.getDefaults();return this._options&&a.each(this._options,function(a,d){c[a]!=d&&(b[a]=d)}),b},c.prototype.enter=function(b){var c=b instanceof this.constructor?b:a(b.currentTarget).data("bs."+this.type);return c||(c=new this.constructor(b.currentTarget,this.getDelegateOptions()),a(b.currentTarget).data("bs."+this.type,c)),b instanceof a.Event&&(c.inState["focusin"==b.type?"focus":"hover"]=!0),c.tip().hasClass("in")||"in"==c.hoverState?void(c.hoverState="in"):(clearTimeout(c.timeout),c.hoverState="in",c.options.delay&&c.options.delay.show?void(c.timeout=setTimeout(function(){"in"==c.hoverState&&c.show()},c.options.delay.show)):c.show())},c.prototype.isInStateTrue=function(){for(var a in this.inState)if(this.inState[a])return!0;return!1},c.prototype.leave=function(b){var c=b instanceof this.constructor?b:a(b.currentTarget).data("bs."+this.type);return c||(c=new this.constructor(b.currentTarget,this.getDelegateOptions()),a(b.currentTarget).data("bs."+this.type,c)),b instanceof a.Event&&(c.inState["focusout"==b.type?"focus":"hover"]=!1),c.isInStateTrue()?void 0:(clearTimeout(c.timeout),c.hoverState="out",c.options.delay&&c.options.delay.hide?void(c.timeout=setTimeout(function(){"out"==c.hoverState&&c.hide()},c.options.delay.hide)):c.hide())},c.prototype.show=function(){var b=a.Event("show.bs."+this.type);if(this.hasContent()&&this.enabled){this.$element.trigger(b);var d=a.contains(this.$element[0].ownerDocument.documentElement,this.$element[0]);if(b.isDefaultPrevented()||!d)return;var e=this,f=this.tip(),g=this.getUID(this.type);this.setContent(),f.attr("id",g),this.$element.attr("aria-describedby",g),this.options.animation&&f.addClass("fade");var h="function"==typeof this.options.placement?this.options.placement.call(this,f[0],this.$element[0]):this.options.placement,i=/\s?auto?\s?/i,j=i.test(h);j&&(h=h.replace(i,"")||"top"),f.detach().css({top:0,left:0,display:"block"}).addClass(h).data("bs."+this.type,this),this.options.container?f.appendTo(this.options.container):f.insertAfter(this.$element),this.$element.trigger("inserted.bs."+this.type);var k=this.getPosition(),l=f[0].offsetWidth,m=f[0].offsetHeight;if(j){var n=h,o=this.getPosition(this.$viewport);h="bottom"==h&&k.bottom+m>o.bottom?"top":"top"==h&&k.top-mo.width?"left":"left"==h&&k.left-lg.top+g.height&&(e.top=g.top+g.height-i)}else{var j=b.left-f,k=b.left+f+c;jg.right&&(e.left=g.left+g.width-k)}return e},c.prototype.getTitle=function(){var a,b=this.$element,c=this.options;return a=b.attr("data-original-title")||("function"==typeof c.title?c.title.call(b[0]):c.title)},c.prototype.getUID=function(a){do a+=~~(1e6*Math.random());while(document.getElementById(a));return a},c.prototype.tip=function(){if(!this.$tip&&(this.$tip=a(this.options.template),1!=this.$tip.length))throw new Error(this.type+" `template` option must consist of exactly 1 top-level element!");return this.$tip},c.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".tooltip-arrow")},c.prototype.enable=function(){this.enabled=!0},c.prototype.disable=function(){this.enabled=!1},c.prototype.toggleEnabled=function(){this.enabled=!this.enabled},c.prototype.toggle=function(b){var c=this;b&&(c=a(b.currentTarget).data("bs."+this.type),c||(c=new this.constructor(b.currentTarget,this.getDelegateOptions()),a(b.currentTarget).data("bs."+this.type,c))),b?(c.inState.click=!c.inState.click,c.isInStateTrue()?c.enter(c):c.leave(c)):c.tip().hasClass("in")?c.leave(c):c.enter(c)},c.prototype.destroy=function(){var a=this;clearTimeout(this.timeout),this.hide(function(){a.$element.off("."+a.type).removeData("bs."+a.type),a.$tip&&a.$tip.detach(),a.$tip=null,a.$arrow=null,a.$viewport=null})};var d=a.fn.tooltip;a.fn.tooltip=b,a.fn.tooltip.Constructor=c,a.fn.tooltip.noConflict=function(){return a.fn.tooltip=d,this}}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.popover"),f="object"==typeof b&&b;(e||!/destroy|hide/.test(b))&&(e||d.data("bs.popover",e=new c(this,f)),"string"==typeof b&&e[b]())})}var c=function(a,b){this.init("popover",a,b)};if(!a.fn.tooltip)throw new Error("Popover requires tooltip.js");c.VERSION="3.3.5",c.DEFAULTS=a.extend({},a.fn.tooltip.Constructor.DEFAULTS,{placement:"right",trigger:"click",content:"",template:''}),c.prototype=a.extend({},a.fn.tooltip.Constructor.prototype),c.prototype.constructor=c,c.prototype.getDefaults=function(){return c.DEFAULTS},c.prototype.setContent=function(){var a=this.tip(),b=this.getTitle(),c=this.getContent();a.find(".popover-title")[this.options.html?"html":"text"](b),a.find(".popover-content").children().detach().end()[this.options.html?"string"==typeof c?"html":"append":"text"](c),a.removeClass("fade top bottom left right in"),a.find(".popover-title").html()||a.find(".popover-title").hide()},c.prototype.hasContent=function(){return this.getTitle()||this.getContent()},c.prototype.getContent=function(){var a=this.$element,b=this.options;return a.attr("data-content")||("function"==typeof b.content?b.content.call(a[0]):b.content)},c.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".arrow")};var d=a.fn.popover;a.fn.popover=b,a.fn.popover.Constructor=c,a.fn.popover.noConflict=function(){return a.fn.popover=d,this}}(jQuery),+function(a){"use strict";function b(c,d){this.$body=a(document.body),this.$scrollElement=a(a(c).is(document.body)?window:c),this.options=a.extend({},b.DEFAULTS,d),this.selector=(this.options.target||"")+" .nav li > a",this.offsets=[],this.targets=[],this.activeTarget=null,this.scrollHeight=0,this.$scrollElement.on("scroll.bs.scrollspy",a.proxy(this.process,this)),this.refresh(),this.process()}function c(c){return this.each(function(){var d=a(this),e=d.data("bs.scrollspy"),f="object"==typeof c&&c;e||d.data("bs.scrollspy",e=new b(this,f)),"string"==typeof c&&e[c]()})}b.VERSION="3.3.5",b.DEFAULTS={offset:10},b.prototype.getScrollHeight=function(){return this.$scrollElement[0].scrollHeight||Math.max(this.$body[0].scrollHeight,document.documentElement.scrollHeight)},b.prototype.refresh=function(){var b=this,c="offset",d=0;this.offsets=[],this.targets=[],this.scrollHeight=this.getScrollHeight(),a.isWindow(this.$scrollElement[0])||(c="position",d=this.$scrollElement.scrollTop()),this.$body.find(this.selector).map(function(){var b=a(this),e=b.data("target")||b.attr("href"),f=/^#./.test(e)&&a(e);return f&&f.length&&f.is(":visible")&&[[f[c]().top+d,e]]||null}).sort(function(a,b){return a[0]-b[0]}).each(function(){b.offsets.push(this[0]),b.targets.push(this[1])})},b.prototype.process=function(){var a,b=this.$scrollElement.scrollTop()+this.options.offset,c=this.getScrollHeight(),d=this.options.offset+c-this.$scrollElement.height(),e=this.offsets,f=this.targets,g=this.activeTarget;if(this.scrollHeight!=c&&this.refresh(),b>=d)return g!=(a=f[f.length-1])&&this.activate(a);if(g&&b=e[a]&&(void 0===e[a+1]||b .dropdown-menu > .active").removeClass("active").end().find('[data-toggle="tab"]').attr("aria-expanded",!1),b.addClass("active").find('[data-toggle="tab"]').attr("aria-expanded",!0),h?(b[0].offsetWidth,b.addClass("in")):b.removeClass("fade"),b.parent(".dropdown-menu").length&&b.closest("li.dropdown").addClass("active").end().find('[data-toggle="tab"]').attr("aria-expanded",!0),e&&e()}var g=d.find("> .active"),h=e&&a.support.transition&&(g.length&&g.hasClass("fade")||!!d.find("> .fade").length);g.length&&h?g.one("bsTransitionEnd",f).emulateTransitionEnd(c.TRANSITION_DURATION):f(),g.removeClass("in")};var d=a.fn.tab;a.fn.tab=b,a.fn.tab.Constructor=c,a.fn.tab.noConflict=function(){return a.fn.tab=d,this};var e=function(c){c.preventDefault(),b.call(a(this),"show")};a(document).on("click.bs.tab.data-api",'[data-toggle="tab"]',e).on("click.bs.tab.data-api",'[data-toggle="pill"]',e)}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.affix"),f="object"==typeof b&&b;e||d.data("bs.affix",e=new c(this,f)),"string"==typeof b&&e[b]()})}var c=function(b,d){this.options=a.extend({},c.DEFAULTS,d),this.$target=a(this.options.target).on("scroll.bs.affix.data-api",a.proxy(this.checkPosition,this)).on("click.bs.affix.data-api",a.proxy(this.checkPositionWithEventLoop,this)),this.$element=a(b),this.affixed=null,this.unpin=null,this.pinnedOffset=null,this.checkPosition()};c.VERSION="3.3.5",c.RESET="affix affix-top affix-bottom",c.DEFAULTS={offset:0,target:window},c.prototype.getState=function(a,b,c,d){var e=this.$target.scrollTop(),f=this.$element.offset(),g=this.$target.height();if(null!=c&&"top"==this.affixed)return c>e?"top":!1;if("bottom"==this.affixed)return null!=c?e+this.unpin<=f.top?!1:"bottom":a-d>=e+g?!1:"bottom";var h=null==this.affixed,i=h?e:f.top,j=h?g:b;return null!=c&&c>=e?"top":null!=d&&i+j>=a-d?"bottom":!1},c.prototype.getPinnedOffset=function(){if(this.pinnedOffset)return this.pinnedOffset;this.$element.removeClass(c.RESET).addClass("affix");var a=this.$target.scrollTop(),b=this.$element.offset();return this.pinnedOffset=b.top-a},c.prototype.checkPositionWithEventLoop=function(){setTimeout(a.proxy(this.checkPosition,this),1)},c.prototype.checkPosition=function(){if(this.$element.is(":visible")){var b=this.$element.height(),d=this.options.offset,e=d.top,f=d.bottom,g=Math.max(a(document).height(),a(document.body).height());"object"!=typeof d&&(f=e=d),"function"==typeof e&&(e=d.top(this.$element)),"function"==typeof f&&(f=d.bottom(this.$element));var h=this.getState(g,b,e,f);if(this.affixed!=h){null!=this.unpin&&this.$element.css("top","");var i="affix"+(h?"-"+h:""),j=a.Event(i+".bs.affix");if(this.$element.trigger(j),j.isDefaultPrevented())return;this.affixed=h,this.unpin="bottom"==h?this.getPinnedOffset():null,this.$element.removeClass(c.RESET).addClass(i).trigger(i.replace("affix","affixed")+".bs.affix")}"bottom"==h&&this.$element.offset({top:g-b-f})}};var d=a.fn.affix;a.fn.affix=b,a.fn.affix.Constructor=c,a.fn.affix.noConflict=function(){return a.fn.affix=d,this},a(window).on("load",function(){a('[data-spy="affix"]').each(function(){var c=a(this),d=c.data();d.offset=d.offset||{},null!=d.offsetBottom&&(d.offset.bottom=d.offsetBottom),null!=d.offsetTop&&(d.offset.top=d.offsetTop),b.call(c,d)})})}(jQuery); --------------------------------------------------------------------------------