Font Awesome icon usage statistics

  • 4 types of Font Awesome iconic font are used and found 6 times in total.
  • ROCKYPATEL.COM used 1.5 Font Awesome classes per each class in average.
  • Font Awesome usage statistics of ROCKYPATEL.COM are based on first landing page and within top 1M websites only. Click the font icon to see all websites using it.
  • ROCKYPATEL.COM includes "http://www.rockypatel.com/wp-content/cache/autoptimize/css/autoptimize_5f1c88c83dc46d786cd5aae75b61381d.css" to use Font Awesome and information from CSS is like below.
  • /**/h1,h2,h3,h4,h5{font-family:'PT Serif',Georgia,serif;font-weight:lighter}h1{font-size:32px;letter-spacing:.09em}h2{font-size:23px;letter-spacing:.09em}h3{font-weight:normal;font-size:19px;letter-spacing:.09em}h4{font-size:16px;letter-spacing:.09em}h5{font-size:13px;letter-spacing:.04em}p{font-family:'Lato',verdana,sans-serif;font-weight:normal;font-size:12px;letter-spacing:.09em;line-height:1.4em}.AvenirB{font-family:'Lato',sans-serif;font-weight:700;font-size:16px}.AvenirH{font-family:'Lato',sans-serif;font-weight:900;font-size:13px}.em{font-style:italic}.semi{font-family:'PT Serif',Georgia,serif;font-weight:700}.content{width:1024px;margin:auto;display:block;position:relative}#dstoy.mw1700 .content{width:100%;min-width:1024px;max-width:1800px}a{color:#fff}a.dstoy,a:active{color:#f1592a}a:hover{color:#818284}html,body{background:#000}body>header{background:#000;height:118px;position:relative;width:100%;min-width:1024px;z-index:1000;border-bottom:2px solid rgba(22,22,22,1)}body>header .content{padding-top:15px}body>header .logo{background:url(//www.rockypatel.com/wp-content/themes/rocky/_site/css/../images/header_logo.png) center center no-repeat;background-size:cover;display:block;height:60px;margin:auto;text-indent:-999999px;width:250px;opacity:1;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}body>header .logo:hover{opacity:.5}body>header nav{text-align:center;margin-top:5px}body>header nav a{display:inline-block;line-height:39px;margin:0 -2px;padding:0 21px;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s}body>header nav a.act,body>header nav a:hover{opacity:.8;color:#818284}body>header nav a.dstoy{opacity:.8;color:#f1592a}body>header h4{font-size:14px}body>header h4.em{font-size:12px}body>header .right{position:absolute;bottom:11px;right:16px}body>header .right a{display:inline-block}section.dropDownMenu{width:100%;min-width:1024px;height:300px;overflow:hidden;position:absolute;top:-351px;z-index:999;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;background:#000;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEyJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC44NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(top,rgba(0,0,0,1) 0,rgba(0,0,0,1) 12%,rgba(0,0,0,0.85) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,1)),color-stop(12%,rgba(0,0,0,1)),color-stop(100%,rgba(0,0,0,0.85)));background:-webkit-linear-gradient(top,rgba(0,0,0,1) 0,rgba(0,0,0,1) 12%,rgba(0,0,0,0.85) 100%);background:-o-linear-gradient(top,rgba(0,0,0,1) 0,rgba(0,0,0,1) 12%,rgba(0,0,0,0.85) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,1) 0,rgba(0,0,0,1) 12%,rgba(0,0,0,0.85) 100%);background:linear-gradient(to bottom,rgba(0,0,0,1) 0,rgba(0,0,0,1) 12%,rgba(0,0,0,0.85) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#d9000000',GradientType=0);border-bottom:rgba(255,255,255,.1) 1px solid}section.dropDownMenu.show{top:118px}section.dropDownMenu *{display:block}section.dropDownMenu article .content>div{float:left;height:280px;overflow:hidden}section.dropDownMenu .c1{padding-left:21px;padding-right:6px;width:234px}section.dropDownMenu .c1 .title{font-family:'PT Serif',Georgia,serif;font-weight:normal;font-size:25px;line-height:25px;margin-top:18px;padding-bottom:4px;letter-spacing:.1em;display:inline-block;margin-bottom:2px}section.dropDownMenu .c1 .other{font-family:'PT Serif',Georgia,serif;font-weight:normal;font-style:italic;font-size:11px;line-height:12px;margin-top:8px;letter-spacing:.08em;margin-bottom:30px}section.dropDownMenu .c1 ul{margin-top:25px}section.dropDownMenu .c1 li{margin-bottom:9px}section.dropDownMenu .c1 ul a{font-family:'Lato',verdana,sans-serif;font-weight:normal;font-size:12px;display:inline-block;letter-spacing:.09em}section.dropDownMenu .c2{width:476px}section.dropDownMenu .c2 img{width:100%;margin:20px 0 0 0}section.dropDownMenu .c3{padding-left:50px;width:230px;padding-top:25px}section.dropDownMenu .c3 .title{font-family:'Lato',verdana,sans-serif;font-weight:normal;font-size:13px;line-height:16px;margin-top:18px;letter-spacing:.08em;padding-bottom:4px}section.dropDownMenu .c3 p{font-family:'Lato',verdana,sans-serif;font-weight:normal;font-size:12px;line-height:16px;margin-top:10px}section.dropDownMenu .c3 .other{font-family:'Lato',verdana,sans-serif;font-weight:normal;font-size:12px;line-height:16px;margin-top:12px}section.dropDownMenu .news .c3 .fecha,section.dropDownMenu .events .c3 .fecha{font-family:'Lato',verdana,sans-serif;font-weight:normal;font-size:11px;line-height:11px;padding-bottom:10px;letter-spacing:.1em}section.dropDownMenu .news .c3 .posted{margin-top:13px;font-family:'PT Serif',Georgia,serif;font-weight:normal;font-size:15px;line-height:16px}section.dropDownMenu .news .c3 .posted .u{text-transform:uppercase;display:inline-block}section.dropDownMenu .events .c3 .title,section.dropDownMenu .news .c3 .title{margin-top:-4px;font-family:'Lato',verdana,sans-serif;font-weight:normal;font-size:16px;line-height:18px;text-transform:uppercase}section.dropDownMenu .retailers .c3 .other{margin-top:19px;font-family:'Lato',verdana,sans-serif;font-weight:normal;font-size:11px;line-height:13px}section.dropDownMenu .shop .c3{padding-left:0;width:263px}section.dropDownMenu .shop .c3 img{margin-top:30px;width:100%}section.dropDownMenu>article{display:none;opacity:0;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}section.dropDownMenu>article.show{display:block;opacity:1}body>footer{width:100%;min-width:1024px;background-color:#000;overflow:hidden}body>footer.fixed{position:absolute;bottom:0;left:0;width:100%;min-width:1024px}body>footer .content *{line-height:50px;height:50px;font-size:12px;font-family:'PT Serif',Georgia,serif;font-weight:normal}body>footer .copy,body>footer p,body>footer .contact{float:right}body>footer p{margin:0 29px 0 40px}body>footer .social{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAARCAYAAAEK3NTGAAACeElEQVR42mL8//8/AxCACEYGKGBkZGQAii9ngfJ5GZDAf6gORiiNDn4AdXMABBBI1WqQAhiG6nQCYlNGqBGMyKZC7WVkQpMAgZVADBJnAAggmHH/kdjYMAhoQun/pGgM+o8AmSC1AAEE9zIeTXxI6v6AaCYgIwBIBzLgBleAap6BQgTIZgaZDvIgNxTjAtOBWBKI90L5eYxQm0BgAzYd0Kj8j8RnxBcAMMwBxD+BeDpMI0AAwSTMoIHxHogvEGEQtqgxQzKT+T8q+AvErciKYeAxGZYd/48f3EP2WQBUMIBAGsGKoXrO47IJ5mMmBuqBTixizeAIhgKAAIK5ShqIvxBIxDh9hQ1AgxZkpiwQOyLnkv9kJgwVIH6NZskjtFBciWIROfEEymhIBtYBMSOW6OJi/I/pf0YS48cQiLdCcywDjszJCLJIAMh+DxUTBOIPpNiCnsNxWcQExB+QBD6QmepK8cgtggcTvJaA+JCBVB9BzQAlCBFsvqFaXgJaIgykbqILI5vPBPMMnmqPGOABxDJQ9mUgdoFGC9xAgABDLkpAll7GVZrQGLMA8TUgViMQcr7QAhsdvADih0B8B5SVkD0VgKYwEq12oSVWQrL3FxBXAzE7moeM/xMGh0FVPiwZPABiLiAWRTIHlGi/ATGoLaDCQFsASqMxQLwQh/x7qHvwxSSoxcaJ3KTDl8BPALEljT3FBnU0HwVmbAR6KgA9T6EnvwB6JT+oHaAA7gC1Ev+TDn4DsSQtmhEUAWjptYkMrd+BWBWo//mg8xTUY8eAmAWavxcQoWUyUD0XED9AFmQZDJ4BJp0IINUOxApEKL8ExPlAjxzApQAAFT68/pVSPt8AAAAASUVORK5CYII=) no-repeat;*background:url(mhtml:http://www.rockypatel.com/wp-content/cache/autoptimize//autoptimize_1d36c74665a8da0c6be8ac75bf627954.txt!3) no-repeat;_background:url(//www.rockypatel.com/wp-content/themes/rocky/_site/css/../images/footer_bg_social.png) no-repeat;display:inline-block}body>footer .social.facebook{background-position:left center;width:10px;margin-right:23px;margin-left:40px}body>footer .social.twitter{background-position:right center;width:20px}.headers.top,.headers.top.special{width:100%;min-width:1024px;background:rgba(34,34,34,0.7);height:60px}.headers.top h3,.headers.top.special h3{font-size:14px;line-height:60px;width:100%;text-align:center;color:#fff;text-transform:uppercase}.fancybox-close,.fancybox-next span,.fancybox-prev span{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAABFCAMAAAHcJ9yeAAAAe1BMVEX////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////QYBnOAAAAKHRSTlMAAQQFBgwOJScsLzA0OD1JS2doaXZ6kpaxssDCzM3O0NHT4uTs9/j+zxYdrgAAAOJJREFUKM+lksmSwjAMRB9gs++rzU4I0P//hRzsJA5TU5ka+mC1ulqWXBbUcaxlLwT0AMijdk8NCsHhcfha7Qa4AOuPDgJmwDXRPA7yGD9xAmjJhtAN4vmn7xZnn4eh1OdXeO99FZowHgBoAhyy6tX7LPSZAgxHjdeoDbB7hGQBoCWwfQKo0zyIDEYYWRmwskQe9O/Quar4+/5T20iX0qxwLKR5ae89tCuT9lE3vsboPCz5VKr2pptp3yqzi4oNtJkOUZ+8tCkMg9P43zOsnAHAuBXGy5t4gvHKA0t56klr/4A3ULwRL4XagS8AAAAASUVORK5CYII=);*background-image:url(mhtml:http://www.rockypatel.com/wp-content/cache/autoptimize//autoptimize_1d36c74665a8da0c6be8ac75bf627954.txt!4);_background-image:url(//www.rockypatel.com/wp-content/themes/rocky/_site/css/../images/about/lifestyle/fancybox_sprite.png);background-repeat:no-repeat}.fancybox-close{background-position:4px -47px;height:20px;right:13px;top:13px;width:20px}.fancybox-nav span{font-family:verdana;font-size:10px;height:23px;line-height:23px;margin-top:auto;text-transform:uppercase;visibility:visible}.fancybox-next span{background-position:40px -24px;padding-right:11px}.fancybox-prev span{background-position:0 0;padding-left:15px}.fancybox-skin{background:#000;border-radius:0}.fancybox-nav{bottom:-4px;height:auto;top:auto}.single.sol{padding-bottom:15px}.single h1{text-transform:uppercase;margin-top:44px}.single .sp{width:67px;display:block;border-bottom:1px solid #fff;margin:9px 0 18px}.single .contt img{border-radius:2px;float:left;margin:0 15px 15px 0;max-width:400px}.share{margin-top:10px}.share a{font-size:11px;line-height:25px;text-align:center;text-transform:uppercase;font-family:'PT Serif',Georgia,serif}.share a{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJ0AAAAUCAMAAACgR8/0AAABL1BMVEUAAADkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCXkiCWs10eGAAAAZHRSTlMAAgQGCAoOEhQaHB4gIiQoKiwwNDY4Ojw+REZISkxOUFRWWFpcXmJmaGpsbnB2eoGDiYuRk5WXmZudn6Glq62vsbO1t7m7v8PFx8nLzc/R09XX2dvd4ePl5+nr7e/x8/X3+fv9B2U8cgAAAkFJREFUSMfNlv1b0lAUx0+gQQVlpFjCUNwgUospIzCE8KUA0QIRGWh7Pf//39BlAxxsu3vgsR6+P3C5Z2f3fHZ2zt0F+McSJNWQ3HkHy6dyg0sNJYi30YUWQBc9Cd33gjkminExunR0lWNz3K3604NND+edjj3skETksxbxogfdyktzTHbxciPGUDyrI7rYoNVUWnS4Nd0hLA6N9dCjIVQnBp1Gx/wODodNY7m7bXdHThbGzxMOfdGPqHSfEf+USrN03XgfUUqN5ykJsR/v0ug47L4nwzejArQEpezw0HoXPXk5xBN73XUhWCVRyoHhLFAmf6tBoNK9IT4X7Kszg849Ib4PV8SNG4ktkTQ/d180coJ4GonY6QDSMmJvC2CrhyiniYFKt3Zq6Z599+3E3mo1r+5Unegg3CCXBIH8NMLgRcdYA7q/WNlOJ3nR3TrSQUrTjCrSzAKk0vnbloABd7rrLD+l7A+ZUnbXiO3cgSNdUmPXyXbTWWe1pCcdvL6awJ25e+lfZy0Znd4VJaeuIHu5wgKsFgqrAKyS8KR7oU7oKFusXgSGP5yI/wgH2iJ0BtxYBh6dDrYHI7giUOkqSr0xUr0vwt4idFNwBE9NeNHBRt+A+7lC+0YeQ8VCv3cH+zg/XVzNzJSHGqPS7RzVzMzl/bQnaGnNh9zj9JPWvO/PTSfLGVv1yjK1Z7nze9Rv8m/p+Y2ct6UpupsaMzcdKr9sUp74BGXQ9XxeX7LSfz5BXUQnyveeLdnZWHiwqOGb7+a/uSDei8O03voAAAAASUVORK5CYII=) no-repeat;*background:url(mhtml:http://www.rockypatel.com/wp-content/cache/autoptimize//autoptimize_1d36c74665a8da0c6be8ac75bf627954.txt!5) no-repeat;_background:url(//www.rockypatel.com/wp-content/themes/rocky/_site/css/../images/share/sprites.png) no-repeat;text-indent:-999999px;width:30px;height:20px;display:inline-block}.share .facebook{background-position:-127px 0}.share .twitter{background-position:-47px 0}.share .print{background-position:-88px 0;padding-right:5px;margin-left:10px}.share .mail{background-position:0 0}#hmpg_wrap{min-width:1024px}.line{position:relative;width:100%;overflow:hidden;margin-top:5px}.line#line-1{margin-top:5px}.line#line-1:before{content:"";display:block;padding-top:60%}.line#line-2:before{content:"";display:block;padding-top:20%}.line#line-3:before{content:"";display:block;padding-top:30%}.line-content{position:absolute;top:0;left:0;bottom:0;right:0;color:white}.line-content>.bucket{float:left;display:block;position:relative}.line-content>.bucket.bucket-1{width:50%;height:100%}.line-content>.bucket.bucket-2{width:50%;height:50%}.line-content>.bucket.bucket-3{width:100%;height:100%}.bucket header.bucket-head{position:absolute;width:90%;background:rgba(0,0,0,.8);bottom:0;right:0;padding:1em 1em;text-align:right;z-index:3;transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-webkit-transition:all .35s ease-in-out;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42OCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,0.68) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.68)));background:-webkit-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,0.68) 100%);background:-o-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,0.68) 100%);background:-ms-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,0.68) 100%);background:linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,0.68) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#ad000000',GradientType=1)}.line#line-3 .bucket header.bucket-head{position:absolute;background:rgba(255,255,255,0);bottom:0;right:0;text-align:right;z-index:3;transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-webkit-transition:all .35s ease-in-out}.line#line-3 .bucket header.bucket-head h3,.line#line-3 .bucket header.bucket-head h5{color:black}.bucket:hover header.bucket-head{background:rgba(0,0,0,0);color:rgba(255,255,255,0.1);z-index:2}.bucket header.bucket-head h3{font-weight:100;text-transform:uppercase}.bucket header.bucket-head h5{font-style:italic;font-weight:100;text-transform:capitalize}.show-bucket-text{position:absolute;top:0;bottom:0;left:0;right:0;margin:10px;background:rgba(51,51,51,0.0);transition:all .25s ease-in;-moz-transition:all .25s ease-in;-webkit-transition:all .25s ease-in}.show-bucket-text>div{width:400px;text-align:center;top:29%;position:absolute;left:50%;margin-left:-200px}.show-bucket-text h1{font-weight:100;font-size:2em;text-transform:uppercase;padding-bottom:.12em}.show-bucket-text h2,.button.hm_link_arrow{position:relative;text-align:center;color:white}.button.hm_link_arrow{margin:25px auto 0;font-size:12px;padding:.9em 2.2em .8em 3.1em;background:rgba(255,255,255,0.9);border:0;transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out}.button.hm_link_arrow.alter{width:170px}.button.hm_link_arrow a{color:#242424;text-transform:uppercase}.button.hm_link_arrow:hover{margin-top:25px;cursor:pointer;background:rgba(255,255,255,1);color:black}.button.hm_link_arrow a:before{width:13px;height:13px;margin-left:-26px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeBAMAAADJHrORAAAAElBMVEUAAAAYHREYHREYHREYHREYHRFdtY/qAAAABXRSTlMAQGC/32SZ6J4AAABVSURBVBjTfdG7DcAgEARRZImCpgS7h+2/FQJ+vg2W7E2A4K49rZ7+mfWahbmErhq6api+YfmE7R2OV7ie4WdhFmaRTbyP+B7if4jzIM6TuA/bl+1zAPNMQp2BE7AlAAAAAElFTkSuQmCC);*background:url(mhtml:http://www.rockypatel.com/wp-content/cache/autoptimize//autoptimize_1d36c74665a8da0c6be8ac75bf627954.txt!7);_background:url(//www.rockypatel.com/wp-content/themes/rocky/_site/css/../images/cigar_retailer_pointer.png);background-size:contain;background-repeat:no-repeat;display:inline;content:"";position:absolute;bottom:.9em;transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out}.button.hm_link_arrow:hover a:before{margin-left:-20px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeBAMAAADJHrORAAAAElBMVEUAAAAYHREYHREYHREYHREYHRFdtY/qAAAABXRSTlMAQGC/32SZ6J4AAABVSURBVBjTfdG7DcAgEARRZImCpgS7h+2/FQJ+vg2W7E2A4K49rZ7+mfWahbmErhq6api+YfmE7R2OV7ie4WdhFmaRTbyP+B7if4jzIM6TuA/bl+1zAPNMQp2BE7AlAAAAAElFTkSuQmCC);*background:url(mhtml:http://www.rockypatel.com/wp-content/cache/autoptimize//autoptimize_1d36c74665a8da0c6be8ac75bf627954.txt!7);_background:url(//www.rockypatel.com/wp-content/themes/rocky/_site/css/../images/cigar_retailer_pointer.png);background-size:contain;background-repeat:no-repeat}.bucket.bucket-3 h2,.bucket.bucket-3 h3,.bucket.bucket-3 .hide-bucket-text h5{position:absolute;text-align:center;width:100%;z-index:5;transition:top .35s ease-in-out;-moz-transition:top .35s ease-in-out;-webkit-transition:top .35s ease-in-out}.bucket.bucket-3 h2{top:45%;font-size:2em}.bucket.bucket-3 h3{top:33%;font-size:1em}.divide_line.eventline{position:absolute;top:63%;right:50%;margin-right:-20px;transition:top .35s ease-in-out;-moz-transition:top .35s ease-in-out;-webkit-transition:top .35s ease-in-out}.bucket.bucket-3:hover .divide_line.eventline{top:60%}.bucket.bucket-3 .hide-bucket-text h3{top:76%}.bucket.bucket-3:hover h2{top:40%}.bucket.bucket-3:hover h3{top:28%}.bucket.bucket-3:hover .hide-bucket-text h3{top:73%}.hide-bucket-text{position:absolute;display:table;height:100.1%;width:100.1%;z-index:3;left:0;top:0;opacity:0;visibility:hidden;transition:all .45s ease-in-out;-moz-transition:all .45s ease-in-out;-webkit-transition:all .45s ease-in-out;background:#fff;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjg5Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC45Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);background:-moz-linear-gradient(top,rgba(0,0,0,0.15) 0,rgba(0,0,0,0.89) 99%,rgba(0,0,0,0.9) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0.15)),color-stop(99%,rgba(0,0,0,0.89)),color-stop(100%,rgba(0,0,0,0.9)));background:-webkit-linear-gradient(top,rgba(0,0,0,0.15) 0,rgba(0,0,0,0.89) 99%,rgba(0,0,0,0.9) 100%);background:-o-linear-gradient(top,rgba(0,0,0,0.15) 0,rgba(0,0,0,0.89) 99%,rgba(0,0,0,0.9) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0.15) 0,rgba(0,0,0,0.89) 99%,rgba(0,0,0,0.9) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0.15) 0,rgba(0,0,0,0.89) 99%,rgba(0,0,0,0.9) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#26000000',endColorstr='#e6000000',GradientType=0);cursor:pointer}.hide-bucket-text>div{display:table-cell;vertical-align:middle}.bucket:hover .hide-bucket-text{visibility:visible;opacity:1}.hide-bucket-text h2,.hide-bucket-text h3,.hide-bucket-text h5,.hide-bucket-text p,.hide-bucket-text>div>.bucket-links{width:350px;height:auto;margin:0 auto;position:relative;display:block;clear:both}.hide-bucket-text h2{text-align:center;text-transform:uppercase;font-weight:lighter;font-size:2em;line-height:1.2em;padding-bottom:.2em}.hide-bucket-text h3.upperborder{padding-top:2.2em;border-top:1px solid rgba(255,255,255,.3)}.hide-bucket-text h3{font-size:1em;padding-bottom:.25em;transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out}.hide-bucket-text h3.hov:hover,.hide-bucket-text p em.hov:hover{color:#f1592a}.hide-bucket-text h3,.hide-bucket-text h5,.bucket.bucket-3 h3{text-align:center;text-transform:capitalize;font-weight:lighter;font-style:italic}.hide-bucket-text p{text-align:left;line-height:1.5em;font-size:1em;font-weight:lighter;transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out}.hide-bucket-text>div>.bucket-links{text-align:center;border-top:1px solid rgba(255,255,255,.3);padding-top:2em;margin-top:2em;text-align:center;font-family:'Lato',verdana,helveitca,sans-serif;letter-spacing:1px}.hide-bucket-text>div>.bucket-links>a{padding-left:15px;padding-top:2.2em;padding-bottom:1em;text-transform:uppercase;font-weight:lighter;color:rgba(255,255,255,.8)}.hide-bucket-text>div>.bucket-links>a:hover{color:rgba(255,255,255,1)}.hide-bucket-text>div>.bucket-links>a:first-child{padding-right:60px}.hide-bucket-text>div>.bucket-links>a:before{width:13px;height:13px;margin-left:-33px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAABOUlEQVR42sSXsUsCYRjG79MgAh0canBQyMGhBhcHW/obW1t1CZwEaXJVMFAhQQ4sUqjoBgULbKiu3we+y2HjPT3w8Mgtv8fv7r57vyBAcRy7QKyDXWaAH5I/zrlPBTiT+J2nQBEfqf5x8loJ+DcZsQIbFdiUw8cU8Eu/oMBKBTYVsF/+dzKkwJsKbDrBZQqsyTEFnlVgUxFXKBCRAwo8qcCmMq5S4JXsUWCuAptO8RkFlmSXAjMV2FTFNQo8kG0K3KvApnNcp0BINikwUoFNNdygwJS8psDwry0zLdVxiwI3+EIJNnloB/gtvlSCZfc4qT6+4l73VeC7fQ9XmuCJ+nWaqjeQUL1lPqo/Egv1Z/FFPQhE6tHHjzoT5bD34R8c5Xj7hZcAt2luZ253dsoS0iNM8F+Htl8BBgCQIX38Mjyj5AAAAABJRU5ErkJggg==);*background:url(mhtml:http://www.rockypatel.com/wp-content/cache/autoptimize//autoptimize_1d36c74665a8da0c6be8ac75bf627954.txt!8);_background:url(//www.rockypatel.com/wp-content/themes/rocky/_site/css/../images/cigar_pointer.png);background-size:contain;background-repeat:no-repeat;display:inline;content:"";position:absolute;bottom:2px;transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out}.hide-bucket-text>div>.bucket-links>a:hover:before{margin-left:-25px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAABJklEQVR42sSXzWrCQBhFM+rjlKogLS2CD9iVG1EXikgLLkREcOFaKoqo+FOtz6B9hfQMZECkSLTJ9cJhVuHc0STzxfOI7/svnjgmEFdYfqBnjPlUi03AEeoU+FaLHXvoUmCnFicC7M47FNiqxZYk2J23KbBRix125y0KrP8jTt1wzQOkKfvF+kGBpUrs8ghZCtidNymwUIldMpCjwIq1RoFZmIsSEd6oWShToAo5pdjFSuvIG/CsFLs8wTvyFrwqxS72AGoj70JeKXax0j7yARSU4sgfp7AZwhuP21AlHkHx/JyPUzyBEsKx6qeeQhXhVPUfz695ZUYhXqgPiaX6WFyrB4FNlKNPGPE2jmHvkngX53j7l/igGOhPxUflJ4x3r4+2XwEGAPWqf/xlRLLUAAAAAElFTkSuQmCC);*background:url(mhtml:http://www.rockypatel.com/wp-content/cache/autoptimize//autoptimize_1d36c74665a8da0c6be8ac75bf627954.txt!9);_background:url(//www.rockypatel.com/wp-content/themes/rocky/_site/css/../images/cigar_pointer_hov.png);background-size:contain;background-repeat:no-repeat}.divide_line{width:40px;border-bottom:2px solid rgba(255,255,255,.5);margin:0 auto;display:block;position:relative;padding-top:.7em;margin-bottom:1.2em}.bucket img{height:auto;width:100%;float:left;opacity:1;transition:opacity .25s ease-in-out;-moz-transition:opacity .25s ease-in-out;-webkit-transition:opacity .25s ease-in-out}.event{width:100%;min-width:1024px}.event>div{width:50%}.event:nth-child(odd)>div{float:right}.event:nth-child(even)>div{float:left;right:0;left:inherit}.event .img{float:left;overflow:hidden;position:relative;width:50%;height:0 !important;padding-bottom:40%}.event .img img{position:absolute;top:0;left:50%;height:100%;cursor:pointer}.event .img img.loading{position:absolute;top:50%;left:50%;width:32px;height:32px;margin:-16px 0 0 -16px}.event .img img.landscape{width:101%;height:auto}.event .img img.portrait{height:101%;width:auto}.event .img.awrds img{height:auto;width:100%}.event .img.awrds iframe{position:absolute;top:0;height:100%;width:100%;cursor:pointer}.event .info{text-align:center;position:absolute;top:0;bottom:0;left:0}.event .info:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-.25em}.event .info .c{display:inline-block;vertical-align:middle;width:330px;text-align:left}.event .info h5{font-size:14px;padding-bottom:8px}.event .info .description{margin:0 auto}.event .info h4{font-size:22px;margin:0 auto;padding-bottom:8px;text-transform:uppercase}.event .info .bt{margin-top:21px}.event .info .bt a{font-family:'PT Serif',Georgia,serif;font-weight:normal;font-style:normal;font-size:12px}.event .info .bt a.facebook,.event .info .bt a.twitter{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAALCAYAAAFg/R/tAAACD0lEQVR42mL5//8/BwMDww8GBHBiYWBgMGNgYDgEFWBiYGDIAwAAAP//Yvn///91BgYGTZgyFmQOAwPDVwAAAAD//2L5////fwYGhrsMDAwqDKiAlYGB4RcDAwMDAAAA//9i+f///zMGBgYpBuyAiYGB4R8LAwODJA4FfxgYGJgZGBjWsTAwMLzFoUgN6oxgAAAAAP//lNCxDUBQGEXhr3iFQmcWA9jKBIxiBwvYQa/TShTi1zyJDqe8xTnJTRFRY0SF0zsFVpTo0WJLOXt8lMindojH1tyi3T8GTJixwAUAAP//lNIxCsJQEIThT9guVxByD2/gAeytPIInEQSbtIJVLmOvlhZaSLrwbF5AUrnT7cIs/zITpZQtOizktayvPgMHbBLmPW7o8Zh2gQaXBNEd51m8x8CAdYKon81vfOKnfv+qwQ6nStNOZR8wJg69cMWqJge+AAAA//+s1LFKQnEcxfGPdH2BCBc3B5fmaG5pjMA3cWzwFfQFamxrsi10CJJWJ19A3GwTQdHbci7cLYh74Ad//vCDw/mf778oy7KPaVr6gy88aE5t3OAS77lr4RpvgXOND3wXec0ednjFXLM6J9ZpEvzMeZAQoBtjoyKotgJKJ8tNG9oG8yvcZeo6YoFNgTHusU8xZg0bKrHEI15qqVQ64BlPVRmrv9I/6f9LF7jFsGbmhFV4naQu4HcASh9ow19iqdUAAAAASUVORK5CYII=) no-repeat;*background:url(mhtml:http://www.rockypatel.com/wp-content/cache/autoptimize//autoptimize_1d36c74665a8da0c6be8ac75bf627954.txt!10) no-repeat;_background:url(//www.rockypatel.com/wp-content/themes/rocky/_site/css/../images/events/bg1.png) no-repeat;height:11px;display:inline-block}.event .info .bt a.facebook{background-position:left center;width:5px}.event .info .bt a.twitter{background-position:right 1px;width:11px}.seperator{width:40px;padding-top:15px;margin-bottom:15px;border-bottom:thin #a5a5a5 solid}.dropDownMenu .seperator,.step_ls .seperator{width:40px;border-bottom:thin #f1592a solid;position:relative;padding-top:5px;margin-bottom:5px}.dropDownMenu .seperator{border-bottom:thin #a5a5a5 solid}.slider{height:1%;margin:0;overflow:hidden;position:relative;padding:0}.slider .viewport{height:100px;overflow:hidden;position:relative}.slider .buttons{background:#c14722;border-radius:100%;color:#fff;display:block !important;font-size:13px;font-weight:bold;height:20px !important;left:5px;line-height:20px;position:absolute;text-align:center;text-decoration:none;top:50%;width:20px !important;z-index:1}.slider .next{right:5px;left:auto;top:50%}.slider .buttons:hover{color:#c01313;background:#fff}.slider .disable{visibility:hidden}.slider .overview{list-style:none;position:absolute;padding:0;margin:0;width:342px;left:0;top:0}.slider .overview li{float:left;margin:0;padding:1px;height:257px;border:1px solid #dcdcdc;width:342px}.wishlist_table .add_to_cart,.yith-wcwl-add-button>a.button.alt{border-radius:16px;-moz-border-radius:16px;-webkit-border-radius:16px}img.wp-smiley,img.emoji{display:inline !important;border:0 !important;box-shadow:none !important;height:1em !important;width:1em !important;margin:0 .07em !important;vertical-align:-.1em !important;background:none !important;padding:0 !important}.wds_more{font-size:12px}div[id^="wds_container"] *{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;line-height:1}div[id^="wds_container"] p{padding:0 !important;margin:0 !important}.wds_layer a,.wds_layer a:hover{color:inherit !important;font-size:inherit !important;font-style:inherit !important;font-weight:inherit !important;text-decoration:none}.wds_loading_img{border:0 !important;float:none;width:50px;animation:spin 2.5s infinite linear;-moz-animation:spin 2.5s infinite linear;-o-animation:spin 2.5s infinite linear;-webkit-animation:spin 2.5s infinite linear}.wds_loading{text-align:center}div[id^="wds_container"] .wds_btn_cont{height:100%;left:0;position:absolute;top:0;vertical-align:middle;width:100%}div[id^="wds_container"] .wds_contTableCell{display:table-cell}div[id^="wds_container"] .wds_contTable{display:table}div[id^="wds_container"] .wds_left_btn_cont,div[id^="wds_container"] .wds_right_btn_cont,div[id^="wds_container"] .wds_pp_btn_cont{display:inline-block;position:relative;text-align:center;vertical-align:middle;z-index:16}div[id^="wds_container"] .wds_left_btn_cont{margin-left:10px}div[id^="wds_container"] .wds_right_btn_cont{margin-right:10px}@-webkit-keyframes wdszoom0{100%{background-size:170%}}@-webkit-keyframes wdszoom70{100%{background-size:100%}}@-moz-keyframes wdszoom0{100%{background-size:170%}}@-moz-keyframes wdszoom70{100%{background-size:100%}}@keyframes wdszoom0{100%{background-size:170%}}@keyframes wdszoom70{100%{background-size:100%}}.animated{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,20%,53%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.05,.855,.06);transition-timing-function:cubic-bezier(0.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.05,.855,.06);transition-timing-function:cubic-bezier(0.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.05,.855,.06);transition-timing-function:cubic-bezier(0.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.05,.855,.06);transition-timing-function:cubic-bezier(0.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);-ms-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);-ms-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);-ms-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);-ms-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);-ms-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);-ms-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);-ms-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);-ms-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);-ms-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);-ms-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);-ms-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);-ms-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);-ms-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);-ms-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);-ms-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);-ms-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;-ms-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);-ms-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);-ms-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);-ms-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);-ms-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);-ms-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);-ms-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);-ms-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,60%,75%,90%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);-ms-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);-ms-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,60%,75%,90%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);-ms-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);-ms-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);-ms-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);-ms-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,60%,75%,90%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);-ms-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);-ms-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);-ms-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);-ms-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{0%,60%,75%,90%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);-ms-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);-ms-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);-ms-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);-ms-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);-ms-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);-ms-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);-ms-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);-ms-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);-ms-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1;filter:"Alpha(opacity=100)"}100%{opacity:0;filter:"Alpha(opacity=0)"}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1;filter:"Alpha(opacity=100)"}100%{opacity:0;filter:"Alpha(opacity=0)";-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1;filter:"Alpha(opacity=100)"}100%{opacity:0;filter:"Alpha(opacity=0)";-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-200px,0,0);transform:translate3d(-200px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-200px,0,0);-ms-transform:translate3d(-200px,0,0);transform:translate3d(-200px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-ms-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-ms-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);-ms-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);-ms-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);-ms-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible !important;-ms-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);-ms-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);-ms-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible !important;-ms-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);-ms-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-animation-duration:3.75s;animation-duration:3.75s;-webkit-backface-visibility:visible !important;-ms-backface-visibility:visible !important;backface-visibility:visible !important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);-ms-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible !important;-ms-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);-ms-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);-ms-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);-ms-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);-ms-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);-ms-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(10,50,10,95deg);transform:rotate3d(10,50,10,95deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:.5}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,95deg);-ms-transform:rotate3d(0,0,1,95deg);transform:rotate3d(0,0,1,95deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);-ms-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);-ms-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);-ms-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);-ms-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);-ms-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);-ms-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-50%,0,0) rotate3d(10,10,10,-200deg);transform:translate3d(-50%,0,0) rotate3d(10,10,10,-200deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);-ms-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(20%,0,0) rotate3d(10,10,10,160deg);transform:translate3d(20%,0,0) rotate3d(10,10,10,160deg)}}@keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);-ms-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,.055,.675,.19);animation-timing-function:cubic-bezier(0.550,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,.055,.675,.19);animation-timing-function:cubic-bezier(0.550,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,.055,.675,.19);animation-timing-function:cubic-bezier(0.550,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-ms-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,.055,.675,.19);animation-timing-function:cubic-bezier(0.550,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,.055,.675,.19);animation-timing-function:cubic-bezier(0.550,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-ms-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,.055,.675,.19);animation-timing-function:cubic-bezier(0.550,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,.055,.675,.19);animation-timing-function:cubic-bezier(0.550,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,.055,.675,.19);animation-timing-function:cubic-bezier(0.550,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,.055,.675,.19);animation-timing-function:cubic-bezier(0.550,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,.055,.675,.19);animation-timing-function:cubic-bezier(0.550,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-50%,0,0);transform:scale(.1) translate3d(-50%,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-200px,0,0);-ms-transform:scale(.1) translate3d(-200px,0,0);transform:scale(.1) translate3d(-200px,0,0);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(200px,0,0);transform:scale(.1) translate3d(200px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);-ms-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,.055,.675,.19);animation-timing-function:cubic-bezier(0.550,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,.055,.675,.19);animation-timing-function:cubic-bezier(0.550,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}
    /*!
     *  Font Awesome 4.0.1
     *  the iconic font designed for Bootstrap
     *  ------------------------------------------------------------------------------
     *  The full suite of pictographic icons, examples, and documentation can be
     *  found at http://fontawesome.io.  Stay up to date on Twitter at
     *  http://twitter.com/fontawesome.
     *
     *  License
     *  ------------------------------------------------------------------------------
     *  - The Font Awesome font is licensed under SIL OFL 1.1 -
     *    http://scripts.sil.org/OFL
     *  - Font Awesome CSS, LESS, and SASS files are licensed under MIT License -
     *    http://opensource.org/licenses/mit-license.html
     *  - Font Awesome documentation licensed under CC BY 3.0 -
     *    http://creativecommons.org/licenses/by/3.0/
     *  - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
     *    "Font Awesome by Dave Gandy - http://fontawesome.io"
     *
     *  Author - Dave Gandy
     *  ------------------------------------------------------------------------------
     *  Email: dave@fontawesome.io
     *  Twitter: http://twitter.com/davegandy
     *  Work: Lead Product Designer @ Kyruus - http://kyruus.com
     */

Examples and source code

fa-circle-o

Place Font Awesome icons just about anywhere with the <i> tag.

<i class="fa fa-circle-o"></i> fa-circle-o
Icon classes are echoed via CSS :before.

fa-circle-o

fa-circle-o

fa-circle-o

fa-circle-o

fa-circle-o

To increase icon sizes relative to their container, use the fa-lg (33% increase), fa-2x, fa-3x, fa-4x, or fa-5x classes.

<p><i class="fa fa-circle-o fa-lg"></i> fa-circle-o</p>
<p><i class="fa fa-circle-o fa-2x"></i> fa-circle-o</p>
<p><i class="fa fa-circle-o fa-3x"></i> fa-circle-o</p>
<p><i class="fa fa-circle-o fa-4x"></i> fa-circle-o</p>
<p><i class="fa fa-circle-o fa-5x"></i> fa-circle-o</p>
If your icons are getting chopped off on top and bottom, make sure you have sufficient line-height.

Use fa-fw to set icons at a fixed width. Great to use when variable icon widths throw off alignment. Especially useful in things like nav lists.

<ul class="nav nav-pills nav-stacked">
  <li class="active"><a href="#"><i class="fa fa-circle-o fa-fw"></i> Home</a></li>
  <li><a href="#"><i class="fa fa-circle-o fa-fw"></i> Library</a></li>
</ul>
  • Font Awesome icon can be used
  • to easily replace lists

Use fa-ul and fa-li to easily replace default bullets in unordered lists.

<ul class="fa-ul">
  <li><i class="fa-li fa fa-circle-o"></i>Font Awesome icon can be used</li>
  <li><i class="fa-li fa fa-circle-o fa-spin"></i>to easily replace lists</li>
</ul>

Use a few styles together and you'll have easy pull quotes or a great introductory article icon.

Use fa-border and pull-right or pull-left for easy pull quotes or article graphics.

<i class="fa fa-circle-o fa-2x pull-left fa-border"></i>
Use a few styles together and you'll have easy pull quotes or a great introductory article icon.

  normal
  fa-rotate-90
  fa-rotate-180
  fa-rotate-270
  fa-flip-horizontal
  fa-flip-vertical

To arbitrarily rotate and flip icons, use the fa-rotate-* and fa-flip-* classes.

<i class="fa fa-circle-o"></i>  normal<br>
<i class="fa fa-circle-o fa-rotate-90"></i>  fa-rotate-90<br>
<i class="fa fa-circle-o fa-rotate-180"></i>  fa-rotate-180<br>
<i class="fa fa-circle-o fa-rotate-270"></i>  fa-rotate-270<br>
<i class="fa fa-circle-o fa-flip-horizontal"></i>  fa-flip-horizontal<br>
<i class="fa fa-circle-o fa-flip-vertical"></i>  fa-flip-vertical

Use the fa-spin class to get any icon to rotate. Works well with fa-spinner, fa-refresh, and fa-cog.

<i class="fa fa-circle-o fa-2x fa-spin"></i>
<i class="fa fa-circle-o fa-3x fa-spin"></i>
<i class="fa fa-circle-o fa-4x fa-spin"></i>

CSS3 animations aren't supported in IE8 - IE9.

fa-circle-o on fa-square-o
fa-circle-o on fa-circle
fa-circle-ol on fa-square
fa-ban on fa-circle-o

To stack multiple icons, use the fa-stack class on the parent, the fa-stack-1x for the regularly sized icon, and fa-stack-2x for the larger icon. fa-inverse can be used as an alternative icon color. You can even throw larger icon classes on the parent to get further control of sizing.

<span class="fa-stack fa-lg">
  <i class="fa fa-square-o fa-stack-2x"></i>
  <i class="fa fa-circle-o fa-stack-1x"></i>
</span>
fa-circle-o on fa-square-o<br>
<span class="fa-stack fa-lg">
  <i class="fa fa-circle fa-stack-2x"></i>
  <i class="fa fa-circle-o fa-stack-1x fa-inverse"></i>
</span>
fa-circle-o on fa-circle<br>
<span class="fa-stack fa-lg">
  <i class="fa fa-square fa-stack-2x"></i>
  <i class="fa fa-circle-o fa-stack-1x fa-inverse"></i>
</span>
fa-circle-o on fa-square<br>
<span class="fa-stack fa-lg">
  <i class="fa fa-circle-o fa-stack-1x"></i>
  <i class="fa fa-ban fa-stack-2x text-danger"></i>
</span>
fa-ban on fa-circle-o

Font Awesome works great with the full range of Bootstrap components.

<a class="btn btn-danger" href="#">
  <i class="fa fa-circle-o fa-lg"></i> fa-circle-o</a>
<a class="btn btn-default btn-sm" href="#">
  <i class="fa fa-circle-o"></i> fa-circle-o</a>

<a class="btn btn-lg btn-success" href="#">
  <i class="fa fa-circle-o fa-2x pull-left"></i> Font Awesome<br>fa-circle-o



<div class="input-group margin-bottom-sm">
  <span class="input-group-addon"><i class="fa fa-circle-o fa-fw"></i></span>
  <input class="form-control" type="text" placeholder="fa-circle-o">
</div>
<div class="input-group">
  <span class="input-group-addon"><i class="fa fa-circle-o fa-fw"></i></span>
  <input class="form-control" type="password" placeholder="fa-circle-o">
</div>