/* @group Settings Theme.js */ .settings { position: relative; display: none; } /* @end */ /* @group Multithemes addons version 4 Plus Code Un-compressed */ /* @group Social icons background - colored */ .fa-box-custom { background-color: #ff6623; border-radius: .1em; color: #fefffe !important; width: 1.2857142857142858em; text-align: center; padding-top: .15em !important; padding-bottom: .15em !important; line-height: 1em !important; } /* ------CIRCLE icon----- */ .fa-box-o { border-radius: 1em !important;} .fa-box-o-half { border-radius: 1em !important; border-top-left-radius:0.1em !important; -webkit-border-top-left-radius:0.1em !important; -moz-border-radius-topleft:0.1em !important; border-top-right-radius:0.7em !important; -webkit-border-top-right-radius:0.7em !important; -moz-border-radius-topright:0.7em !important; border-bottom-left-radius:0.7em !important; -webkit-border-bottom-left-radius:0.7em !important; -moz-border-radius-bottomleft:0.7em !important; border-bottom-right-radius:0.1em !important; -webkit-border-bottom-right-radius:0.1em !important; -moz-border-radius-bottomright:0.1em !important; } /* ------CIRCLE icon hover----- */ .fa-box-o-square { border-radius: 1em !important; /* Prevent Webkit text rendering */ -webkit-transform: translateZ(0px); border-radius: 0.1em !important; transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -webkit-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition-delay: 23ms; -webkit-transition-delay: 23ms; -o-transition-delay: 23ms; -moz-transition-delay: 23ms } .fa-box-o-square:hover { border-radius: 1em !important; } /* ------CIRCLE end ----- */ .fa-box-silver { /* _____BETA STYLE_______ */ background: -webkit-linear-gradient(#fefffe, #858585); background: linear-gradient(#fefffe, #858585); background: -o-linear-gradient(#fefffe, #858585); color: #4c4b4c !important; /* MSIE */ filter: progid:DXImageTransform.Microsoft.Gradient( StartColorStr='#fefffe', EndColorStr='#858585', GradientType=0); border-radius: .1em; width: 1.2857142857142858em; text-align: center; padding-top: .15em !important; padding-bottom: .15em !important; text-shadow: #f0f0f0 0 1px 0 !important; line-height: 1em !important; } .fa-box-black { background-color: #0c0c0c; border-radius: .1em; color: #fefffe !important; width: 1.2857142857142858em; text-align: center; padding-top: .15em !important; padding-bottom: .15em !important; line-height: 1em !important; } .fa-box-grey { background-color: #919191; border-radius: .1em; color: #fefffe !important; width: 1.2857142857142858em; text-align: center; padding-top: .15em !important; padding-bottom: .15em !important; line-height: 1em !important; } .fa-box-white { background-color: #f9f9f9; border-radius: .1em; color: #5f5f5f !important; width: 1.2857142857142858em; text-align: center; padding-top: .15em !important; padding-bottom: .15em !important; line-height: 1em !important; } .fa-box-google-plus { background-color: #dd4b39; border-radius: .1em; color: #fefffe !important; width: 1.2857142857142858em; text-align: center; padding-top: .15em !important; padding-bottom: .15em !important; line-height: 1em !important; } .fa-box-blogger { background-color: #FF8833; border-radius: .1em; color: #fefffe !important; width: 1.2857142857142858em; text-align: center; padding-top: .15em !important; padding-bottom: .15em !important; line-height: 1em !important; } .fa-box-facebook { background-color: #3B5998 ; border-radius: .1em; /* Prevent Webkit text rendering and also using slideshow*/ -webkit-transform: translateZ(0px); /* Prevent Webkit text rendering and also using slideshow*/ color: #fefffe !important; width: 1.2857142857142858em; text-align: center; padding-top: .15em !important; padding-bottom: .15em !important; line-height: 1em !important; } .fa-box-flickr { background-color: #FE0883 ; border-radius: .1em; color: #fefffe !important; width: 1.2857142857142858em; text-align: center; padding-top: .15em !important; padding-bottom: .15em !important; line-height: 1em !important; } .fa-box-foursquare { background-color: #0072B1; border-radius: .1em; color: #fefffe !important; width: 1.2857142857142858em; text-align: center; padding-top: .15em !important; padding-bottom: .15em !important; line-height: 1em !important; } .fa-box-instagram { background-color: #4E433C; border-radius: .1em; color: #fefffe !important; width: 1.2857142857142858em; text-align: center; padding-top: .15em !important; padding-bottom: .15em !important; line-height: 1em !important; } .fa-box-linkedin { background-color: #4875B4; border-radius: .1em; color: #fefffe !important; width: 1.2857142857142858em; text-align: center; padding-top: .15em !important; padding-bottom: .15em !important; line-height: 1em !important; } .fa-box-reddit { background-color: #CEE3F8; border-radius: .1em; color: #6d6d6d !important; width: 1.2857142857142858em; text-align: center; padding-top: .15em !important; padding-bottom: .15em !important; line-height: 1em !important; } .fa-box-rss { background-color: #FA9B39; border-radius: .1em; color: #fefffe !important; width: 1.2857142857142858em; text-align: center; padding-top: .15em !important; padding-bottom: .15em !important; line-height: 1em !important; } .fa-box-github-alt { background-color: #e57300; border-radius: .1em; color: #fefffe !important; width: 1.2857142857142858em; text-align: center; padding-top: .15em !important; padding-bottom: .15em !important; line-height: 1em !important; } .fa-box-stumbleupon { background-color: #EB4924; border-radius: .1em; color: #fefffe !important; width: 1.2857142857142858em; text-align: center; padding-top: .15em !important; padding-bottom: .15em !important; line-height: 1em !important; } .fa-box-tumblr { background-color: #34526F; border-radius: .1em; color: #fefffe !important; width: 1.2857142857142858em; text-align: center; padding-top: .15em !important; padding-bottom: .15em !important; line-height: 1em !important; } .fa-box-twitter { background-color: #00A0D1; border-radius: .1em; color: #fefffe !important; width: 1.2857142857142858em; text-align: center; padding-top: .15em !important; padding-bottom: .15em !important; line-height: 1em !important; } .fa-box-pagelines { background-color: #4f92b1; border-radius: .1em; color: #fefffe !important; width: 1.2857142857142858em; text-align: center; padding-top: .15em !important; padding-bottom: .15em !important; line-height: 1em !important; } .fa-box-vimeo-blue { background-color: #44BBFF; border-radius: .1em; color: #fefffe !important; width: 1.2857142857142858em; text-align: center; padding-top: .15em !important; padding-bottom: .15em !important; line-height: 1em !important; } .fa-box-vimeo { background-color: #AAD450 !important; border-radius: .1em; color: #fefffe !important; width: 1.2857142857142858em; text-align: center; padding-top: .15em !important; padding-bottom: .15em !important; line-height: 1em !important; } .fa-box-youtube { background-color: #C4302B !important; border-radius: .1em; color: #fefffe !important; width: 1.2857142857142858em; text-align: center; padding-top: .15em !important; padding-bottom: .15em !important; line-height: 1em !important; } .fa-box-pinterest { background-color: #c40028 !important; border-radius: .1em; color: #fefffe !important; width: 1.2857142857142858em; text-align: center; padding-top: .15em !important; padding-bottom: .15em !important; line-height: 1em !important; } .fa-box-skype { background-color: #12A5F4 !important; border-radius: .1em; color: #fefffe !important; width: 1.2857142857142858em; text-align: center; padding-top: .15em !important; padding-bottom: .15em !important; line-height: 1em !important; } .fa-box-dropbox { background-color: #007ee5 !important; border-radius: .1em; color: #fefffe !important; width: 1.2857142857142858em; text-align: center; padding-top: .15em !important; padding-bottom: .15em !important; line-height: 1em !important; } .fa-box-soundcloud { background-color: #ff3a00 !important; border-radius: .1em; color: #fefffe !important; width: 1.2857142857142858em; text-align: center; padding-top: .15em !important; padding-bottom: .15em !important; line-height: 1em !important; } .fa-box-dribbble { background-color: #ea4c89 !important; border-radius: .1em; color: #fefffe !important; width: 1.2857142857142858em; text-align: center; padding-top: .15em !important; padding-bottom: .15em !important; line-height: 1em !important; } /* .fa-box-custom .fa-box-silver .fa-box-black .fa-box-grey .fa-box-white .fa-box-google-plus .fa-box-blogger .fa-box-facebook .fa-box-flickr .fa-box-foursquare .fa-box-instagram .fa-box-linkedin .fa-box-reddit .fa-box-rss .fa-box-github-alt .fa-box-stumbleupon .fa-box-tumblr .fa-box-twitter .fa-box-pagelines .fa-box-vimeo-blue .fa-box-vimeo .fa-box-youtube .fa-box-pinterest .fa-box-skype .fa-box-dropbox .fa-box-soundcloud .fa-box-dribbble */ /* Social Media Brand Colors $twitter: #00aced; $facebook: #3b5998; $googleplus: #dd4b39; $pinterest: #cb2027; $linkedin: #007bb6; $youtube: #bb0000; $vimeo: #aad450; $tumblr: #32506d; $instagram: #517fa4; $flickr: #ff0084; $dribbble: #ea4c89; $quora: #a82400; $foursquare: #0072b1; $forrst: #5B9A68; $vk: #45668e; $wordpress: #21759b; $stumbleupon: #EB4823; $yahoo: #7B0099; $blogger: #fb8f3d; $soundcloud: #ff3a00; --- LESS Social Media Brand Colors @twitter: #00aced; @facebook: #3b5998; @googleplus: #dd4b39; @pinterest: #cb2027; @linkedin: #007bb6; @youtube: #bb0000; @vimeo: #aad450; @tumblr: #32506d; @instagram: #517fa4; @flickr: #ff0084; @dribbble: #ea4c89; @quora: #a82400; @foursquare: #0072b1; @forrst: #5B9A68; @vk: #45668e; @wordpress: #21759b; @stumbleupon: #EB4823; @yahoo: #7B0099; @blogger: #fb8f3d; @soundcloud: #ff3a00; --- Social Media Brand Colors twitter: #00aced rgb(0, 172, 237) facebook: #3b5998 rgb(59, 89, 152) googleplus: #dd4b39 rgb(221, 75, 57) pinterest: #cb2027 rgb(203, 32, 39) linkedin: #007bb6 rgb(0, 123, 182) youtube: #bb0000 rgb(187, 0, 0) vimeo: #aad450 rgb(170, 212, 80) tumblr: #32506d rgb(50, 80, 109) instagram: #517fa4 rgb(81, 127, 164) flickr: #ff0084 rgb(255, 0, 132) dribbble: #ea4c89 rgb(234, 76, 137) quora: #a82400 rgb(168, 36, 0) foursquare: #0072b1 rgb(0, 114, 177) forrst: #5B9A68 rgb(91, 154, 104) vk: #45668e rgb(69, 102, 142) wordpress: #21759b rgb(33, 117, 155) stumbleupon: #EB4823 rgb(235, 72, 35) yahoo: #7B0099 rgb(123, 0, 153) blogger: #fb8f3d rgb(251, 143, 61) soundcloud: #ff3a00 rgb(255, 58, 0) */ /* @end */ /* @group Point Out text (beta) */ .fa-font-out { padding-left: 0.2em; padding-right: 0.2em; /* color in colortag-css - Color linked to the color of the tip --> color: %colour_tips_background%; */ } .fa-font-out-custom { padding-left: 0.2em; padding-right: 0.2em; /* custom color wit this code ( and change the #aad450: .fa-font-out-custom { background-color: #aad450 !important; } */ } .fa-font-out-custom-2 { padding-left: 0.2em; padding-right: 0.2em; /* custom color wit this code ( and change the #aad450: .fa-font-out-custom-2 { background-color: #aad450 !important; } */ } .fa-font-out-custom-3 { padding-left: 0.2em; padding-right: 0.2em; /* custom color wit this code ( and change the #aad450: .fa-font-out-custom-3 { background-color: #aad450 !important; } */ } .fa-font-out-custom-4 { padding-left: 0.2em; padding-right: 0.2em; /* custom color wit this code ( and change the #aad450: .fa-font-out-custom-4 { background-color: #aad450 !important; } */ } .fa-font-out-custom-5 { padding-left: 0.2em; padding-right: 0.2em; /* custom color wit this code ( and change the #aad450: .fa-font-out-custom-5 { background-color: #aad450 !important; } */ } /* @end */ /* @group INLINE text ( Inline, Inline Table and inline block) */ .fa-inline { display: inline; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; } .fa-inline h6, .fa-inline h5, .fa-inline h4, .fa-inline h3, .fa-inline h2, .fa-inline h1, .fa-inline .font-1, .fa-inline .font-2, .fa-inline .font-3, .fa-inline .font-4, .fa-inline .fotn-5, .fa-inline .font-6, .fa-inline .font-7, .fa-inline .font-8, .fa-inline .font-9, .fa-inline .font-10, .fa-inline .font-11, .fa-inline .font-12, .fa-inline .font-13, .fa-inline .font-14, .fa-inline .font-15, .fa-inline .font-16, .fa-inline .font-17, .fa-inline .font-18, .fa-inline .font-19, .fa-inline .font-20 { display: inline; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; } /* vertical-align: top; */ .fa-inline-table {display: inline-table; vertical-align: top; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0;} .fa-inline-table h6, .fa-inline-table h5, .fa-inline-table h4, .fa-inline-table h3, .fa-inline-table h2, .fa-inline-table h1, .fa-inline-table .font-1, .fa-inline-table .font-2, .fa-inline-table .font-3, .fa-inline-table .font-4, .fa-inline-table .fotn-5, .fa-inline-table .font-6, .fa-inline-table .font-7, .fa-inline-table .font-8, .fa-inline-table .font-9, .fa-inline-table .font-10, .fa-inline-table .font-11, .fa-inline-table .font-12, .fa-inline-table .font-13, .fa-inline-table .font-14, .fa-inline-table .font-15, .fa-inline-table .font-16, .fa-inline-table .font-17, .fa-inline-table .font-18, .fa-inline-table .font-19, .fa-inline-table .font-20 { display: inline-table; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0;} /* vertical-align: top; */ .fa-inline-block {display: inline-block; vertical-align: baseline; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0;} .fa-inline-block h6, .fa-inline-block h5, .fa-inline-block h4, .fa-inline-block h3, .fa-inline-block h2, .fa-inline-block h1, .fa-inline-block .font-1, .fa-inline-block .font-2, .fa-inline-block .font-3, .fa-inline-block .font-4, .fa-inline-block .fotn-5, .fa-inline-block .font-6, .fa-inline-block .font-7, .fa-inline-block .font-8, .fa-inline-block .font-9, .fa-inline-block .font-10, .fa-inline-block .font-11, .fa-inline-block .font-12, .fa-inline-block .font-13, .fa-inline-block .font-14, .fa-inline-block .font-15, .fa-inline-block .font-16, .fa-inline-block .font-17, .fa-inline-block .font-18, .fa-inline-block .font-19, .fa-inline-block .font-20 { display: inline-block; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0;} /* vertical-align: top; */ h1 ,h2, h3, h4, h5, h6 { } /* @end */ /* @group CURSOR STYLE (beta) */ /* ------ icon - cursor apparence ------- */ ./* change the cursor icon in hover */ .fa-cursor-off-site{ cursor:alias;} .fa-cursor-not-allowed{ cursor:not-allowed;} .fa-cursor-help{ cursor:help;} .fa-cursor-wait { cursor:wait;} .fa-cursor-default { cursor:default;} .fa-cursor-pointer { cursor:pointer;} .fa-cursor-crosshair { cursor:crosshair;} .fa-cursor-move { cursor:move;} .fa-cursor-e-resize{ cursor:e-resize;} .fa-cursor-ne-resize { cursor:ne-resize;} .fa-cursor-n-resize { cursor:n-resize;} .fa-cursor-se-resize { cursor:se-resize;} .fa-cursor-sw-resize{ cursor:sw-resize;} .fa-cursor-s-resize{ cursor:s-resize;} .fa-cursor-w-resize { cursor:w-resize} .fa-cursor-progress{ cursor:progress;} .fa-cursor-all-scroll { cursor:all-scroll;} .fa-cursor-col-resize{ cursor:col-resize;} .fa-cursor-no-drop{ cursor:no-drop;} .fa-cursor-row-resize{ cursor:row-resize;} .fa-cursor-vertical-text{ cursor:vertical-text;} .fa-cursor-off-site, .fa-cursor-not-allowed, .fa-cursor-help, .fa-cursor-wait, .fa-cursor-default, .fa-cursor-pointer, .fa-cursor-crosshair, .fa-cursor-move, .fa-cursor-e-resize, .fa-cursor-ne-resize, .fa-cursor-n-resize, .fa-cursor-se-resize, .fa-cursor-sw-resize, .fa-cursor-s-resize, .fa-cursor-w-resize, .fa-cursor-progress, .fa-cursor-all-scroll, .fa-cursor-col-resize, .fa-cursor-no-drop, .fa-cursor-row-resize, .fa-cursor-vertical-text { } /* @end */ /* @group STYLES SILVER */ /* ------ icon - silver CSS3 ------- */ .fa-silver-light { background: -webkit-linear-gradient(#fefffe, #858585); background: -o-linear-gradient(transparent, transparent);/* remove gradient in OPERA */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #dadbda; text-shadow: none !important; /* MSIE */ /* filter: progid:DXImageTransform.Microsoft.Gradient( StartColorStr='#fefffe', EndColorStr='#858585', GradientType=0); */ } .fa-silver-light-inverse { background: -webkit-linear-gradient(#858585, #fefffe); background: -o-linear-gradient(transparent, transparent);/* remove gradient in OPERA */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #dadbda; text-shadow: none !important; /* MSIE */ /* filter: progid:DXImageTransform.Microsoft.Gradient( StartColorStr='#858585', EndColorStr='#fefffe', GradientType=0); */ } .fa-silver { background: -webkit-linear-gradient(#a6a6a6, #5e5e5e); background: -o-linear-gradient(transparent, transparent);/* remove gradient in OPERA */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #828282; text-shadow: none !important; /* MSIE */ /* filter: progid:DXImageTransform.Microsoft.Gradient( StartColorStr='#a6a6a6', EndColorStr='#5e5e5e', GradientType=0); */ } .fa-silver-inverse { background: -webkit-linear-gradient(#5e5e5e, #a6a6a6); background: -o-linear-gradient(transparent, transparent);/* remove gradient in OPERA */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #828282; text-shadow: none !important; /* MSIE */ /* filter: progid:DXImageTransform.Microsoft.Gradient( StartColorStr='#5e5e5e', EndColorStr='#a6a6a6', GradientType=0); */ } .fa-silver-dark{ background: -webkit-linear-gradient(#434343, #2d2d2d); background: -o-linear-gradient(transparent, transparent);/* remove gradient in OPERA */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #393939; text-shadow: none !important; /* MSIE */ /* filter: progid:DXImageTransform.Microsoft.Gradient( StartColorStr='#434343', EndColorStr='#2d2d2d', GradientType=0); */ } .fa-silver-dark-inverse{ background: -webkit-linear-gradient(#2d2d2d, #434343); background: -o-linear-gradient(transparent, transparent);/* remove gradient in OPERA */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #393939; text-shadow: none !important; /* MSIE */ /* filter: progid:DXImageTransform.Microsoft.Gradient( StartColorStr='#2d2d2d', EndColorStr='#434343', GradientType=0); */ } /* @end */ /* @group STYLES GLOW */ /* ------ GLOW FAMILY ------- */ /* ------ GLOW FIX ------- */ .fa-glow-black { color: #000 !important; text-shadow: #000 0 -2px 15px; /* visible in all browsers except IE8 */ /* filter: Shadow(Color=#010101, Direction=0, Strength=12); */ filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=8); /* FOR IE8/9 */ -webkit-filter: blur(3px); /* visible in chrome and safari */ } .fa-glow-white { color: #fefffe !important; text-shadow: #fefffe 0 -2px 15px; /* visible in all browsers except IE8 */ /* filter: Shadow(Color=#efefef, Direction=0, Strength=8); */ /* FOR IE8/9 */ filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=8); /* FOR IE8/9 */ -webkit-filter: blur(3px); /* visible in chrome and safari */ } /* ------ GLOW FIX ------- */ /* ------ GLOW - IN - ANIMATED ------- */ .fa-glow-black-in { color: #000 !important; text-shadow: #000 0 -2px 15px; /* visible in all browsers except. IE8 */ /* filter: Shadow(Color=#010101, Direction=0, Strength=12); */ filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=8); /* FOR IE8/9 */ -webkit-filter: blur(3px); /* visible in chrome and safari */ -webkit-animation: glow-black-in 1.8s ease-out both !important; -moz-animation: glow-black-in 1.8s ease-out both !important; -o-animation: glow-black-in 1.8s ease-out both !important; animation: glow-black-in 1.8s ease-out both !important; } @keyframes glow-black-in{ 0% { text-shadow: #2b2b2b 0 0px 0px; /* BLUR NOT supported in firefox */ } 30% { text-shadow: #2b2b2b 0 0px 0px; /* BLUR NOT supported in firefox */ } 100% { text-shadow: #000 0 -2px 15px; /* BLUR NOT supported in firefox */ } } @-moz-keyframes glow-black-in{ 0% { text-shadow: #2b2b2b 0 0px 0px; /* BLUR NOT supported in firefox */ } 30% { text-shadow: #2b2b2b 0 0px 0px; /* BLUR NOT supported in firefox */ } 100% { text-shadow: #000 0 -2px 15px; /* BLUR NOT supported in firefox */ } } @-webkit-keyframes glow-black-in{ 0% { text-shadow: #2b2b2b 0 0px 0px; -webkit-filter: blur(0px); } 30% { text-shadow: #2b2b2b 0 0px 0px; -webkit-filter: blur(0px); } 100% { text-shadow: #000 0 -2px 15px; -webkit-filter: blur(3px); } } @-o-keyframes glow-black-in{ 0% { text-shadow: #2b2b2b 0 0px 0px; -webkit-filter: blur(0px); } 30% { text-shadow: #2b2b2b 0 0px 0px; -webkit-filter: blur(0px); } 100% { text-shadow: #000 0 -2px 15px; -webkit-filter: blur(3px); } } @-ms-keyframes glow-black-in{ /* IE9 does not support CSS animation. */ 0% { text-shadow: #2b2b2b 0 0px 6px; -webkit-filter: blur(0px); filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=8); } 30% { text-shadow: #2b2b2b 0 0px 6px; -webkit-filter: blur(0px); filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=0); } 100% { text-shadow: #000 0 -2px 15px; -webkit-filter: blur(3px); filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=8); } } .fa-glow-white-in { color: #fefffe !important; text-shadow: #fefffe 0 -2px 15px; /* visible in all browsers exc. IE8 */ /* filter: Shadow(Color=#efefef, Direction=0, Strength=8); */ /* FOR IE8/9 */ filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=8); /* FOR IE8/9 */ -webkit-filter: blur(3px); /* visible in chrome and safari */ -webkit-animation: glow-white-in 1.8s ease-out both !important; -moz-animation: glow-white-in 1.8s ease-out both !important; -o-animation: glow-white-in 1.8s ease-out both !important; animation: glow-white-in 1.8s ease-out both !important; } @keyframes glow-white-in { 0% { text-shadow: #efefef 0 0px 0px; /* BLUR NOT supported in firefox */ } 30% { text-shadow: #efefef 0 0px 0px; /* BLUR NOT supported in firefox */ } 100% { text-shadow: #fefffe 0 -2px 15px;/* BLUR NOT supported in firefox */ } } @-moz-keyframes glow-white-in { 0% { text-shadow: #efefef 0 0px 0px; /* BLUR NOT supported in firefox */ } 30% { text-shadow: #efefef 0 0px 0px; /* BLUR NOT supported in firefox */ } 100% { text-shadow: #fefffe 0 -2px 15px;/* BLUR NOT supported in firefox */ } } @-webkit-keyframes glow-white-in { 0% { text-shadow: #efefef 0 0px 0px; -webkit-filter: blur(0px); } 30% { text-shadow: #efefef 0 0px 0px; -webkit-filter: blur(0px); } 100% { text-shadow: #fefffe 0 -2px 15px; -webkit-filter: blur(3px); } } @-o-keyframes glow-white-in { 0% { text-shadow: #efefef 0 0px 0px; -webkit-filter: blur(0px); } 30% { text-shadow: #efefef 0 0px 0px; -webkit-filter: blur(0px); } 100% { text-shadow: #fefffe 0 -2px 15px; -webkit-filter: blur(3px); } } @-ms-keyframes glow-white-in {/* IE9 does not support CSS animation. */ 0% { text-shadow: #efefef 0 0px 0px; -webkit-filter: blur(0px); filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=0); } 30% { text-shadow: #efefef 0 0px 0px; -webkit-filter: blur(0px); filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=0); } 100% { text-shadow: #fefffe 0 -2px 15px; -webkit-filter: blur(3px); filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=8); } } /* ------ GLOW - IN - ANIMATED ------- */ /* ------ GLOW - OUT - ANIMATED ------- */ .fa-glow-black-out { color: #000 !important; text-shadow: #000 0 0px 0px; /* visible in all browsers exc. IE8 */ /* filter: Shadow(Color=#010101, Direction=0, Strength=0); */ /* filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=0); */ /* FOR IE8/9 */ -webkit-filter: blur(0px); /* visible in chrome and safari */ -webkit-animation: glow-black-out 2.2s ease-in both !important; -moz-animation: glow-black-out 2.2s ease-in both !important; -o-animation: glow-black-out 2.2s ease-in both !important; animation: glow-black-out 2.2s ease-in both !important; } @keyframes glow-black-out{ 0% { text-shadow: #000 0 -1px 15px; /* BLUR NOT correctly supported in firefox */ } 30% { text-shadow: #000 0 -1px 15px; /* BLUR NOT correctly supported in firefox */ } 100% { text-shadow: #000 0 0px 0px; /* BLUR NOT correctly supported in firefox */ } } @-moz-keyframes glow-black-out{ 0% { text-shadow: #000 0 -1px 15px; /* BLUR NOT correctly supported in firefox */ } 30% { text-shadow: #000 0 -1px 15px; /* BLUR NOT correctly supported in firefox */ } 100% { text-shadow: #000 0 0px 0px; /* BLUR NOT correctly supported in firefox */ } } @-webkit-keyframes glow-black-out{ 0% { text-shadow: #000 0 -1px 15px; -webkit-filter: blur(3px); } 30% { text-shadow: #000 0 -1px 15px; -webkit-filter: blur(3px); } 100% { text-shadow: #000 0 0px 0px; -webkit-filter: blur(0px); } } @-o-keyframes glow-black-out{ 0% { text-shadow: #000 0 -1px 15px; -webkit-filter: blur(3px); } 30% { text-shadow: #000 0 -1px 15px; -webkit-filter: blur(3px); } 100% { text-shadow: #000 0 0px 0px; -webkit-filter: blur(0px); } } @-ms-keyframes glow-black-out{/* IE9 does not support CSS animation. */ 0% { text-shadow: #000 0 -1px 15px; -webkit-filter: blur(3px); filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=8); } 30% { text-shadow: #000 0 -1px 15px; -webkit-filter: blur(3px); filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=8); } 100% { text-shadow: #000 0 0px 0px; -webkit-filter: blur(0px); filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=0); } } .fa-glow-white-out { color: #fefffe !important; text-shadow: #efefef 0 0px 0px; /* visible in all browsers exc. IE8 */ /* filter: Shadow(Color=#efefef, Direction=0, Strength=6); */ /* FOR IE8/9 */ -webkit-filter: blur(0px); /* visible in chrome and safari */ -webkit-animation: glow-white-out 2.2s ease-in both !important; -moz-animation: glow-white-out 2.2s ease-in both !important; -o-animation: glow-white-out 2.2s ease-in both !important; animation: glow-white-out 2.2s ease-in both !important; } @-moz-keyframes glow-white-out { 0% { text-shadow: #fefffe 0 1px 15px; /* BLUR NOT correctly supported in firefox */ } 30% { text-shadow: #fefffe 0 1px 15px; /* BLUR NOT correctly supported in firefox */ } 100% { text-shadow: #efefef 0 0px 0px; /* BLUR NOT correctly supported in firefox */ } } @-webkit-keyframes glow-white-out { 0% { text-shadow: #fefffe 0 1px 15px; -webkit-filter: blur(3px); } 30% { text-shadow: #fefffe 0 1px 15px; -webkit-filter: blur(3px); } 100% { text-shadow: #efefef 0 0px 0px; -webkit-filter: blur(0px); } } @-o-keyframes glow-white-out { 0% { text-shadow: #fefffe 0 1px 15px; -webkit-filter: blur(3px); } 30% { text-shadow: #fefffe 0 1px 15px; -webkit-filter: blur(3px); } 100% { text-shadow: #efefef 0 0px 0px; -webkit-filter: blur(0px); } } @-ms-keyframes glow-white-out {/* IE9 does not support CSS animation. */ 0% { text-shadow: #fefffe 0 1px 15px; -webkit-filter: blur(3px);filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=8); } 30% { text-shadow: #fefffe 0 1px 15px; -webkit-filter: blur(3px); filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=8); } 100% { text-shadow: #efefef 0 0px 0px; -webkit-filter: blur(0px); filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=0); } } /* ------ GLOW FAMILY ------- */ /* @end */ /* @group STYLES SHADOW */ /* shadow-bottom is a BETA STYLE IN DEVELOPMENT: READ BEFORE USE: This stile require an image because the shadow behavior is different between browsers. Moreover Firefox don't support the blur. Use this style with caution and check the result on your selected browsers. */ /* --start beta style -- */ .fa-shadow-bottom {position: relative;} .fa-shadow-bottom:after { content: " "; height: 3px; position: absolute; width: 90%; left: 0; right: 0; text-shadow: #0c0c0c 0 0 8px;/* remove COLOR in OPERA */ -webkit-background-clip: text; /* ERASE AFTER CONTENT */ -webkit-text-fill-color: transparent; /* ERASE AFTER CONTENT */ /* filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=30) !important; */ -webkit-filter: blur(3px); box-shadow: 0px 0px 13px 0px #000 ; -webkit-box-shadow: 0px 0px 13px 0px #000 ; -moz-box-shadow: 0px 0px 13px 0px #000 ; border-radius:9px; -webkit-border-radius:9px; -moz-border-radius:9px; background: transparent url(css/webfonts/fontawesome/shadow_tile_2.png) repeat center center; padding-bottom: 0; margin-right: auto; margin-left: auto; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); opacity: 0.48; margin-top: 1.1em; overflow: visible; } /* filter: progid:DXImageTransform.Microsoft.DropShadow(offx=1, offy=1, color=#000000); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#102530')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#102530'); filter:DropShadow(Color=#102530, OffX=0, OffY=3); zoom: 1; */ /* background: transparent url(css/webfonts/fontawesome/shadow_1.png) no-repeat center center; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; */ /* --end beta style -- */ /* ------ icon shadow ------- */ .fa-shadow-white-thin { text-shadow: #dcdcdc 0 1px 2px; /* filter: Shadow(Color=#dcdcdc, Direction=180, Strength=1); */ /* FOR IE8/9 */ filter:progid:DXImageTransform.Microsoft.Shadow(color='white', Direction=180, Strength=2); } .fa-shadow-white { text-shadow: #dcdcdc 0 2px 3px; /* filter: Shadow(Color=#dcdcdc, Direction=180, Strength=3); */ /* FOR IE8/9 */ filter:progid:DXImageTransform.Microsoft.Shadow(color='white', Direction=180, Strength=3); } .fa-shadow-white-big { text-shadow: #dcdcdc 0 3px 5px; /* filter: Shadow(Color=#dcdcdc, Direction=180, Strength=4); *//* FOR IE8/9 */ filter:progid:DXImageTransform.Microsoft.Shadow(color='white', Direction=180, Strength=4); } .fa-shadow-black-thin { text-shadow: #2b2b2b 0 1px 2px; /* filter: Shadow(Color=#2b2b2b, Direction=180, Strength=1); *//* FOR IE8/9 */ /* filter: progid:DXImageTransform.Microsoft.Shadow(direction=180,strength=1,color=2b2b2b); */ filter:progid:DXImageTransform.Microsoft.Shadow(color='black', Direction=180, Strength=2); } .fa-shadow-black { text-shadow: #2b2b2b 0 2px 3px; /* filter: Shadow(Color=#2b2b2b, Direction=180, Strength=3); */ /* FOR IE8/9 */ filter:progid:DXImageTransform.Microsoft.Shadow(color='black', Direction=180, Strength=3); } .fa-shadow-black-big { text-shadow: #2b2b2b 0 3px 6px; /* filter: Shadow(Color=#2b2b2b, Direction=180, Strength=4); */ /* FOR IE8/9 */ filter:progid:DXImageTransform.Microsoft.Shadow(color='black', Direction=180, Strength=4); } /* @end */ /* @group TRANSFORM SLIP */ /* ----- SLIP DOWN------ */ .fa-slip { display: inline-block; vertical-align: baseline; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; -webkit-animation: slip 1.3s ease-in both !important; animation: slip 1.3s ease-in both !important; -moz-animation: slip 1.3s ease-in both !important; -ms-animation: slip 1.3s ease-in both !important; -o-animation: slip 1.3s ease-in both !important; margin-right: auto; margin-left: auto; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; /* Prevent Webkit text rendering */ -webkit-transform: translateZ(0px); /* Prevent Webkit text rendering */ -webkit-transform-style: preserve-3d; padding-right: 1px; padding-left: 1px; } @-webkit-keyframes slip { 0% { -webkit-transform: perspective(120px)rotateX(90deg) translateY(-50%); opacity: 0; } 70% { -webkit-transform: perspective(120px)rotateX(0deg) translateY(0px); opacity: 1; } 100% {opacity: 1; -webkit-transform: perspective(0px) rotateX(0deg) translateY(0px); } } @keyframes slip { 0% {opacity: 0; transform: perspective(120px) rotateX(90deg) rotateY(0deg) translateY(-50%); -webkit-transform: perspective(120px) rotateX(90deg) rotateY(0deg) translateY(-50%) } 70% {opacity: 1; transform: perspective(120px) rotateX(0deg) rotateY(0deg) translateY(0px); -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) translateY(0px) } 100% {opacity: 1; transform: perspective(0px) rotateX(0deg) rotateY(0deg) translateY(0px); -webkit-transform: perspective(0px) rotateX(0deg) rotateY(0deg) translateY(0px) } } @-ms-keyframes slip {/* IE9 does not support CSS animation. */ 0% { -ms-transform: perspective(120px)rotateX(90deg) translateY(-50%); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } 70% { -ms-transform: perspective(120px)rotateX(0deg) translateY(0px); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } 100% { -ms-transform: perspective(0px) rotateX(0deg) translateY(0px); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } } @-o-keyframes slip { /* Opera 12.x can't support CSS 3D Transforms */ 0% { -o-transform: perspective(120px)rotateX(90deg) translateY(-50%); opacity: 0; } 70% { -o-transform: perspective(120px)rotateX(0deg) translateY(0px); opacity: 1; } 100% { -o-transform: perspective(0px) rotateX(0deg) translateY(0px); } } /* ------------- */ /* @end */ /* @group TRANSFORM FLIP*/ /* -------flip HORIZONTAL "Y" 200------ */ .fa-flip-horizontal-200 { display: inline-block; vertical-align: baseline; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; -webkit-animation: flip-y-200 2s ease-in both !important; animation: flip-y-200 2s ease-in both !important; -moz-animation: flip-y-200 2s ease-in both !important; -ms-animation: flip-y-200 2s ease-in both !important; -o-animation: flip-y-200 2s ease-in both !important; margin-right: auto; margin-left: auto; padding-right: 1px; padding-left: 1px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; /* Prevent Webkit text rendering */ -webkit-transform: translateZ(0px); /* Prevent Webkit text rendering */ -webkit-transform-style: preserve-3d; } @-webkit-keyframes flip-y-200 { 0% { -webkit-transform: perspective(0px)rotateY(90deg); opacity: 0; } 30% { opacity: 0; } 100% { -webkit-transform: perspective(0px) rotateY(0deg); opacity: 1; } } @keyframes flip-y-200 { 0% { opacity: 0; transform: perspective(100px) rotateX(0deg) rotateY(90deg); } 30% { opacity: 0; } 100% { opacity: 1; -webkit-transform: perspective(100px) rotateX(0deg) rotateY(0deg); } } @-ms-keyframes flip-y-200 {/* IE9 does not support CSS animation. */ 0% { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; transform: perspective(100px) rotateX(0deg) rotateY(90deg); } 30% { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; } 100% { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; transform: perspective(100px) rotateX(0deg) rotateY(0deg); } } @-o-keyframes flip-y-200 { /* Opera 12.x can't support CSS 3D Transforms */ 0% {opacity: 0; } 30% { opacity: 0; } 100% { opacity: 1;} } /* ------------- */ /* -------flip HORIZONTAL "Y" 150------ */ .fa-flip-horizontal-150 { display: inline-block; vertical-align: baseline; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; -webkit-animation: flip-y-150 1.5s ease-in both !important; animation: flip-y-150 1.5s ease-in both !important; -moz-animation: flip-y-150 1.5s ease-in both !important; -ms-animation: flip-y-150 1.5s ease-in both !important; -o-animation: flip-y-150 1.5s ease-in both !important; padding-right: 1px; padding-left: 1px; margin-right: auto; margin-left: auto; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; /* Prevent Webkit text rendering */ -webkit-transform: translateZ(0px); /* Prevent Webkit text rendering */ -webkit-transform-style: preserve-3d; } @-webkit-keyframes flip-y-150 { 0% { -webkit-transform: perspective(0px)rotateY(90deg); opacity: 0; } 30% { opacity: 0; } 100% { -webkit-transform: perspective(0px) rotateY(0deg); opacity: 1; } } @keyframes flip-y-150 { 0% { opacity: 0; transform: perspective(100px) rotateX(0deg) rotateY(90deg); } 30% { opacity: 0; } 100% { opacity: 1; transform: perspective(100px) rotateX(0deg) rotateY(0deg); } } @-ms-keyframes flip-y-150 {/* IE9 does not support CSS animation. */ 0% { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; transform: perspective(100px) rotateX(0deg) rotateY(90deg); } 30% { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; } 100% { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; transform: perspective(100px) rotateX(0deg) rotateY(0deg); } } @-o-keyframes flip-y-150 { /* Opera 12.x can't support CSS 3D Transforms */ 0% {opacity: 0; } 30% { opacity: 0; } 100% { opacity: 1;} } /* ------------- */ /* -------flip HORIZONTAL "Y" 100------ */ .fa-flip-horizontal-100 { display: inline-block; vertical-align: baseline; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; -webkit-animation: flip-y-100 1s ease-in both !important; animation: flip-y-100 1s ease-in both !important; -moz-animation: flip-y-100 1s ease-in both !important; -ms-animation: flip-y-100 1s ease-in both !important; -o-animation: flip-y-100 1s ease-in both !important; padding-right: 1px; padding-left: 1px; margin-right: auto; margin-left: auto; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; /* Prevent Webkit text rendering */ -webkit-transform: translateZ(0px); /* Prevent Webkit text rendering */ -webkit-transform-style: preserve-3d; } @-webkit-keyframes flip-y-100 { 0% { -webkit-transform: perspective(0px)rotateY(90deg); opacity: 0; } 30% { opacity: 0; } 100% { -webkit-transform: perspective(0px) rotateY(0deg); opacity: 1; } } @keyframes flip-y-100 { 0% { opacity: 0; transform: perspective(100px) rotateX(0deg) rotateY(90deg); } 30% { opacity: 0; } 100% { opacity: 1; transform: perspective(100px) rotateX(0deg) rotateY(0deg); } } @-ms-keyframes flip-y-100 {/* IE9 does not support CSS animation. */ 0% { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; transform: perspective(100px) rotateX(0deg) rotateY(90deg); } 30% { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; } 100% { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; transform: perspective(100px) rotateX(0deg) rotateY(0deg); } } @-o-keyframes flip-y-100 { /* Opera 12.x can't support CSS 3D Transforms */ 0% {opacity: 0; } 30% { opacity: 0; } 100% { opacity: 1;} } /* ------------- */ /* -------flip HORIZONTAL "Y" 50------ */ .fa-flip-horizontal-50 { display: inline-block; vertical-align: baseline; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; -webkit-animation: flip-y-50 0.5s ease-in both !important; animation: flip-y-50 0.5s ease-in both !important; -moz-animation: flip-y-50 0.5s ease-in both !important; -ms-animation: flip-y-50 0.5s ease-in both !important; -o-animation: flip-y-50 0.5s ease-in both !important; padding-right: 1px; padding-left: 1px; margin-right: auto; margin-left: auto; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; /* Prevent Webkit text rendering */ -webkit-transform: translateZ(0px); /* Prevent Webkit text rendering */ -webkit-transform-style: preserve-3d; } @-webkit-keyframes flip-y-50 { 0% { -webkit-transform: perspective(0px)rotateY(90deg); opacity: 0; } 30% { opacity: 0; } 100% { -webkit-transform: perspective(0px) rotateY(0deg); opacity: 1; } } @keyframes flip-y-50 { 0% { opacity: 0; transform: perspective(100px) rotateX(0deg) rotateY(90deg); } 30% { opacity: 0; } 100% { opacity: 1; transform: perspective(100px) rotateX(0deg) rotateY(0deg); } } @-ms-keyframes flip-y-50 {/* IE9 does not support CSS animation. */ 0% { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; transform: perspective(100px) rotateX(0deg) rotateY(90deg); } 30% { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; } 100% { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; transform: perspective(100px) rotateX(0deg) rotateY(0deg); } } @-o-keyframes flip-y-50 { /* Opera 12.x can't support CSS 3D Transforms */ 0% {opacity: 0; } 30% { opacity: 0; } 100% { opacity: 1;} } /* ------------- */ /* -------flip VERTICAL "X" 200------ */ .fa-flip-vertical-200 { display: inline-block; vertical-align: baseline; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; -webkit-animation: flip-x-200 2s ease-in both !important; animation: flip-x-200 2s ease-in both !important; -moz-animation: flip-x-200 2s ease-in both !important; -ms-animation: flip-x-200 2s ease-in both !important; -o-animation: flip-x-200 2s ease-in both !important; margin-right: auto; margin-left: auto; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; /* Prevent Webkit text rendering */ -webkit-transform: translateZ(0px); /* Prevent Webkit text rendering */ -webkit-transform-style: preserve-3d; } @-webkit-keyframes flip-x-200 { 0% { -webkit-transform: perspective(0px)rotateX(90deg); opacity: 0; } 30% { opacity: 0; } 100% { -webkit-transform: perspective(0px) rotateX(0deg); opacity: 1; } } @keyframes flip-x-200 { 0% { opacity: 0; transform: perspective(100px) rotateX(90deg) rotateY(0deg); } 30% { opacity: 0; } 100% { opacity: 1; transform: perspective(100px) rotateX(0deg) rotateY(0deg); } } @-ms-keyframes flip-x-200 {/* IE9 does not support CSS animation. */ 0% { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; transform: perspective(100px) rotateX(90deg) rotateY(0deg); } 30% { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; } 100% { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; transform: perspective(100px) rotateX(0deg) rotateY(0deg); } } @-o-keyframes flip-x-200 { /* Opera 12.x can't support CSS 3D Transforms */ 0% {opacity: 0; } 30% { opacity: 0; } 100% { opacity: 1;} } /* ------------- */ /* -------flip VERTICAL "X" 150------ */ .fa-flip-vertical-150 { display: inline-block; vertical-align: baseline; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; -webkit-animation: flip-x-150 1.5s ease-in both !important; animation: flip-x-150 1.5s ease-in both !important; -moz-animation: flip-x-150 1.5s ease-in both !important; -ms-animation: flip-x-150 1.5s ease-in both !important; -o-animation: flip-x-150 1.5s ease-in both !important; margin-right: auto; margin-left: auto; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; /* Prevent Webkit text rendering */ -webkit-transform: translateZ(0px); /* Prevent Webkit text rendering */ -webkit-transform-style: preserve-3d; } @-webkit-keyframes flip-x-150 { 0% { -webkit-transform: perspective(0px)rotateX(90deg); opacity: 0; } 27% { opacity: 0; } 100% { -webkit-transform: perspective(0px) rotateX(0deg); opacity: 1; } } @keyframes flip-x-150 { 0% { opacity: 0; transform: perspective(100px) rotateX(90deg) rotateY(0deg); } 27% { opacity: 0; } 100% { opacity: 1; transform: perspective(100px) rotateX(0deg) rotateY(0deg); } } @-ms-keyframes flip-x-150 {/* IE9 does not support CSS animation. */ 0% { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; transform: perspective(100px) rotateX(90deg) rotateY(0deg); } 27% { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; } 100% { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; transform: perspective(100px) rotateX(0deg) rotateY(0deg); } } @-o-keyframes flip-x-150 { /* Opera 12.x can't support CSS 3D Transforms */ 0% {opacity: 0; } 30% { opacity: 0; } 100% { opacity: 1;} } /* ------------- */ /* -------flip VERTICAL "X" 100------ */ .fa-flip-vertical-100 { display: inline-block; vertical-align: baseline; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; -webkit-animation: flip-x-100 1s ease-in both !important; animation: flip-x-100 1s ease-in both !important; -moz-animation: flip-x-100 1s ease-in both !important; -ms-animation: flip-x-100 1s ease-in both !important; -o-animation: flip-x-100 1s ease-in both !important; margin-right: auto; margin-left: auto; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; /* Prevent Webkit text rendering */ -webkit-transform: translateZ(0px); /* Prevent Webkit text rendering */ -webkit-transform-style: preserve-3d; } @-webkit-keyframes flip-x-100 { 0% { -webkit-transform: perspective(0px)rotateX(90deg); opacity: 0; } 25% { opacity: 0; } 100% { -webkit-transform: perspective(0px) rotateX(0deg); opacity: 1; } } @keyframes flip-x-100 { 0% { opacity: 0; transform: perspective(100px) rotateX(90deg) rotateY(0deg); } 25% { opacity: 0; } 100% { opacity: 1; transform: perspective(100px) rotateX(0deg) rotateY(0deg); } } @-ms-keyframes flip-x-100 {/* IE9 does not support CSS animation. */ 0% { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; transform: perspective(100px) rotateX(90deg) rotateY(0deg); } 25% { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; } 100% { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; transform: perspective(100px) rotateX(0deg) rotateY(0deg); } } @-o-keyframes flip-x-100 { /* Opera 12.x can't support CSS 3D Transforms */ 0% {opacity: 0; } 30% { opacity: 0; } 100% { opacity: 1;} } /* -------flip VERTICAL "X" 50------ */ .fa-flip-vertical-50 { display: inline-block; vertical-align: baseline; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; -webkit-animation: flip-x-50 0.5s ease-in both !important; animation: flip-x-50 0.5s ease-in both !important; -moz-animation: flip-x-50 0.5s ease-in both !important; -ms-animation: flip-x-50 0.5s ease-in both !important; -o-animation: flip-x-50 0.5s ease-in both !important; margin-right: auto; margin-left: auto; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; /* Prevent Webkit text rendering */ -webkit-transform: translateZ(0px); /* Prevent Webkit text rendering */ -webkit-transform-style: preserve-3d; } @-webkit-keyframes flip-x-50 { 0% { -webkit-transform: perspective(0px)rotateX(90deg); opacity: 0; } 10% { opacity: 0; } 100% { -webkit-transform: perspective(0px) rotateX(0deg); opacity: 1; } } @keyframes flip-x-50 { 0% { opacity: 0; transform: perspective(100px) rotateX(90deg) rotateY(0deg); } 10% { opacity: 0; } 100% { opacity: 1; transform: perspective(100px) rotateX(0deg) rotateY(0deg); } } @-ms-keyframes flip-x-50 {/* IE9 does not support CSS animation. */ 0% { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; transform: perspective(100px) rotateX(90deg) rotateY(0deg); } 20% { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; } 100% { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; transform: perspective(100px) rotateX(0deg) rotateY(0deg); } } @-o-keyframes flip-x-50 { /* Opera 12.x can't support CSS 3D Transforms */ 0% {opacity: 0; } 30% { opacity: 0; } 100% { opacity: 1;} } /* ------END ------- */ /* @end */ /* @group TRANSFORM SLIDE */ /* ------ SLIDE UP ------- */ .fa-slide-up { display: inline-block; vertical-align: baseline; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; -webkit-animation: slide-up 1.6s ease-out both !important; -moz-animation: slide-up 1.6s ease-out both !important; -o-animation: slide-up 1.6s ease-out both !important; animation: slide-up 1.6s ease-out both !important; -webkit-animation-delay: 0.35s; animation-delay: 0.35s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @keyframes slide-up { 0%{ opacity:0; transform: translateY(-50px); -moz-transform: translateY(-50px); -webkit-transform: translateY(-50px); -o-transform: translateY(-50px); -ms-transform: translateY(-50px); } 45%{ transform: translateY(-50px); -moz-transform: translateY(-50px); -webkit-transform: translateY(-50px); -o-transform: translateY(-50px); -ms-transform: translateY(-50px); } 75%{ opacity:0; } 100%{ opacity:1; transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); } } @-webkit-keyframes slide-up { 0%{ opacity:0; -webkit-transform: translateY(-50px); } 45%{ -webkit-transform: translateY(-50px); } 75%{ opacity:0; } 100%{ opacity:1; -webkit-transform: translateY(0px); } } /* ------ SLIDE DOWN ------- */ .fa-slide-down { display: inline-block; vertical-align: baseline; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; -webkit-animation: slide-down 1.6s ease-out both !important; -moz-animation: slide-down 1.6s ease-out both !important; -o-animation: slide-down 1.6s ease-out both !important; animation: slide-down 1.6s ease-out both !important; -webkit-animation-delay: 0.35s; animation-delay: 0.35s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @keyframes slide-down { 0%{ opacity:0; transform: translateY(50px); -moz-transform: translateY(50px); -webkit-transform: translateY(50px); -o-transform: translateY(50px); -ms-transform: translateY(50px); } 45%{ transform: translateY(50px); -moz-transform: translateY(50px); -webkit-transform: translateY(50px); -o-transform: translateY(50px); -ms-transform: translateY(50px); } 75%{ opacity:0; } 100%{ opacity:1; transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); } } @-webkit-keyframes slide-down { 0%{ opacity:0; -webkit-transform: translateY(50px); } 45%{ -webkit-transform: translateY(50px); } 75%{ opacity:0; } 100%{ opacity:1; -webkit-transform: translateY(0px); } } /* ------ SLIDE LEFT ------- */ .fa-slide-left { display: inline-block; vertical-align: baseline; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; -webkit-animation: slide-left 1.6s ease-out both !important; -moz-animation: slide-left 1.6s ease-out both !important; -o-animation: slide-left 1.6s ease-out both !important; animation: slide-left 1.6s ease-out both !important; -webkit-animation-delay: 0.35s; animation-delay: 0.35s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @keyframes slide-left { 0%{ opacity:0; transform: translateX(-50px); -moz-transform: translateX(-50px); -webkit-transform: translateX(-50px); -o-transform: translateX(-50px); -ms-transform: translateX(-50px); } 45%{ transform: translateX(-50px); -moz-transform: translateX(-50px); -webkit-transform: translateX(-50px); -o-transform: translateX(-50px); -ms-transform: translateX(-50px); } 75%{ opacity:0; } 100%{ opacity:1; transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); } } @-webkit-keyframes slide-left { 0%{ opacity:0; -webkit-transform: translateX(-50px); } 45%{ -webkit-transform: translateX(-50px); } 75%{ opacity:0; } 100%{ opacity:1; -webkit-transform: translateX(0px); } } /* ------ SLIDE RIGHT ------- */ .fa-slide-right { display: inline-block; vertical-align: baseline; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; -webkit-animation: slide-right 1.6s ease-out both !important; -moz-animation: slide-right 1.6s ease-out both !important; -o-animation: slide-right 1.6s ease-out both !important; animation: slide-right 1.6s ease-out both !important; -webkit-animation-delay: 0.35s; animation-delay: 0.35s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @keyframes slide-right { 0%{ opacity:0; transform: translateX(50px); -moz-transform: translateX(50px); -webkit-transform: translateX(50px); -o-transform: translateX(50px); -ms-transform: translateX(50px); } 45%{ transform: translateX(50px); -moz-transform: translateX(50px); -webkit-transform: translateX(50px); -o-transform: translateX(50px); -ms-transform: translateX(50px); } 75%{ opacity:0; } 100%{ opacity:1; transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); } } @-webkit-keyframes slide-right { 0%{ opacity:0; -webkit-transform: translateX(50px); } 45%{ -webkit-transform: translateX(50px); } 75%{ opacity:0; } 100%{ opacity:1; -webkit-transform: translateX(0px); } } /* @end */ /* @group TRANSFORM FADE IN */ /* ------ fade-250 ------- */ .fa-fade-250 { -webkit-animation: fade-250 2.5s ease-in both !important; -moz-animation: fade-250 2.5s ease-in both !important; -ms-animation: fade-250 2.5s ease-in both !important; -o-animation: fade-250 2.5s ease-in both !important; animation: fade-250 2.5s ease-in both !important; } @-moz-keyframes fade-250 { 0% { opacity: 0; } 35% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fade-250 { 0% { opacity: 0; } 35% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fade-250 { 0% { opacity: 0; } 35% { opacity: 0; } 100% { opacity: 1; } } @-ms-keyframes fade-250 {/* IE9 does not support CSS animation. */ 0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 35% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 100% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } } @keyframes fade-250 { 0% { opacity: 0; } 35% { opacity: 0; } 100% { opacity: 1; } } /* ---- end ----- */ /* ------ fade-200 ------- */ .fa-fade-200 { -webkit-animation: fade-200 2s ease-in both !important; -moz-animation: fade-200 2s ease-in both !important; -ms-animation: fade-200 2s ease-in both !important; -o-animation: fade-200 2s ease-in both !important; animation: fade-200 2s ease-in both !important; } @-moz-keyframes fade-200 { 0% { opacity: 0; } 35% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fade-200 { 0% { opacity: 0; } 35% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fade-200 { 0% { opacity: 0; } 35% { opacity: 0; } 100% { opacity: 1; } } @-ms-keyframes fade-200 {/* IE9 does not support CSS animation. */ 0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 35% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 100% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } } @keyframes fade-200 { 0% { opacity: 0; } 35% { opacity: 0; } 100% { opacity: 1; } } /* ---- end ----- */ /* ------ FADE-IN 1.5 SEC ------- */ /* ------ fade-150 ------- */ .fa-fade-150 { -webkit-animation: fade-150 1.5s ease-in both !important; -moz-animation: fade-150 1.5s ease-in both !important; -ms-animation: fade-150 1.5s ease-in both !important; -o-animation: fade-150 1.5s ease-in both !important; animation: fade-150 1.5s ease-in both !important; } @-moz-keyframes fade-150 { 0% { opacity: 0; } 35% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fade-150 { 0% { opacity: 0; } 35% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fade-150 { 0% { opacity: 0; } 35% { opacity: 0; } 100% { opacity: 1; } } @-ms-keyframes fade-150 {/* IE9 does not support CSS animation. */ 0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 35% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 100% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } } @keyframes fade-150 { 0% { opacity: 0; } 35% { opacity: 0; } 100% { opacity: 1; } } /* ---- end ----- */ /* ------ FADE-IN 1 SEC ------- */ /* ------ fade-100 ------- */ .fa-fade-100 { -webkit-animation: fade-100 1s ease-in both !important; -moz-animation: fade-100 1s ease-in both !important; -ms-animation: fade-100 1s ease-in both !important; -o-animation: fade-100 1s ease-in both !important; animation: fade-100 1s ease-in both !important; } @-moz-keyframes fade-100 { 0% { opacity: 0; } 35% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fade-100 { 0% { opacity: 0; } 35% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fade-100 { 0% { opacity: 0; } 35% { opacity: 0; } 100% { opacity: 1; } } @-ms-keyframes fade-100 {/* IE9 does not support CSS animation. */ 0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 35% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 100% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } } @keyframes fade-100 { 0% { opacity: 0; } 35% { opacity: 0; } 100% { opacity: 1; } } /* ---- end ----- */ /* ------ FADE-IN 0.75 SEC ------- */ /* ------ fade-75 ------- */ .fa-fade-75 { -webkit-animation: fade-75 0.75s ease-in both !important; -moz-animation: fade-75 0.75s ease-in both !important; -ms-animation: fade-75 0.75s ease-in both !important; -o-animation: fade-75 0.75s ease-in both !important; animation: fade-75 0.75s ease-in both !important; } @-moz-keyframes fade-75 { 0% { opacity: 0; } 35% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fade-75 { 0% { opacity: 0; } 35% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fade-75 { 0% { opacity: 0; } 35% { opacity: 0; } 100% { opacity: 1; } } @-ms-keyframes fade-75 {/* IE9 does not support CSS animation. */ 0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 35% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 100% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } } @keyframes fade-75 { 0% { opacity: 0; } 35% { opacity: 0; } 100% { opacity: 1; } } /* ---- end ----- */ /* ------ FADE-IN 0.5 SEC ------- */ /* ------ fade-50 ------- */ .fa-fade-50 { -webkit-animation: fade-50 0.50s ease-in both !important; -moz-animation: fade-50 0.50s ease-in both !important; -ms-animation: fade-50 0.50s ease-in both !important; -o-animation: fade-50 0.50s ease-in both !important; animation: fade-50 0.50s ease-in both !important; } @-moz-keyframes fade-50 { 0% { opacity: 0; } 35% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fade-50 { 0% { opacity: 0; } 35% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fade-50 { 0% { opacity: 0; } 35% { opacity: 0; } 100% { opacity: 1; } } @-ms-keyframes fade-50 {/* IE9 does not support CSS animation. */ 0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 35% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 100% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } } @keyframes fade-50 { 0% { opacity: 0; } 35% { opacity: 0; } 100% { opacity: 1; } } /* ---- end ----- */ /* @end */ /* @group TRANSFORM BEAT */ /* ------ beat ------- */ .fa-beat { display: inline-block; vertical-align: baseline; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; -webkit-animation: beat 1.6s linear both !important; -moz-animation: beat 1.6s linear both !important; -ms-animation: beat 1.6s linear both !important; -o-animation: beat 1.65 linear both !important; animation: beat 1.6s linear both !important; /* Prevent Webkit text rendering */ -webkit-transform: translateZ(0px); /* Prevent Webkit text rendering */ -webkit-transform-style: preserve-3d; padding: 1px; overflow: visible; } @keyframes beat { 0% { transform: scale(1); } 62% { transform: scale(1); } 77% { transform: scale(0.8); } 100% { transform: scale(1); } } @-webkit-keyframes beat { 0% { -webkit-transform: scale(1); } 62% { -webkit-transform: scale(1); } 77% { -webkit-transform: scale(0.8); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes beat { 0% { transform: scale(1); -moz-transform: scale(1); } 62% { transform: scale(1); -moz-transform: scale(1); } 77% { transform: scale(0.9); -moz-transform: scale(0.8); } 100% { transform: scale(1); -moz-transform: scale(1); } } @-o-keyframes beat { 0% { transform: scale(1); -o-transform: scale(1); } 62% { transform: scale(1); -o-transform: scale(1); } 77% { transform: scale(0.8); -o-transform: scale(0.8); } 100% { transform: scale(1); -o-transform: scale(1); } } @-ms-keyframes beat {/* IE9 does not support CSS animation. */ 0% { transform: scale(1); -ms-transform: scale(1); } 62% { transform: scale(1); -ms-transform: scale(1); } 77% { transform: scale(0.8); -ms-transform: scale(0.8); } 100% { transform: scale(1); -ms-transform: scale(1); } } /* ------ icon - beat ------- */ /* ---- end ----- */ /* @end */ /* @group TRANSFORM SCALE */ /* ------ icon - zoom ------- */ .fa-scale{ display: inline-block; vertical-align: baseline; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; -webkit-animation: scale 1.4s ease-out both !important; -moz-animation: scale 1.4s ease-out both !important; -ms-animation: scale 1.4s ease-out both !important; -o-animation: scale 1.4s ease-out both !important; animation: scale 1.4s ease-out both !important; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); /* Prevent Webkit text rendering */ -webkit-transform: translateZ(0px); /* Prevent Webkit text rendering */ -webkit-transform-style: preserve-3d; padding: 1px; overflow: visible; } @keyframes scale { 0% { transform: scale(0); opacity: 0; } 30% { transform: scale(0); } 50% { opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @-webkit-keyframes scale { 0% { -webkit-transform: scale(0); opacity: 0; } 30% { -webkit-transform: scale(0); } 50% { opacity: 0; } 100% { -webkit-transform: scale(1); opacity: 1; } } @-moz-keyframes scale { 0% { transform: scale(0); -moz-transform: scale(0); opacity: 0; } 30% { transform: scale(0); -moz-transform: scale(0); } 50% { opacity: 0; } 100% { transform: scale(1); -moz-transform: scale(1); opacity: 1; } } @-o-keyframes scale { 0% { transform: scale(0); -o-transform: scale(0); opacity: 0; } 30% { transform: scale(0); -o-transform: scale(0); } 50% { opacity: 0; } 100% { transform: scale(1); -o-transform: scale(1); opacity: 1; } } @-ms-keyframes scale {/* IE9 does not support CSS animation. */ 0% { transform: scale(0); -ms-transform: scale(0); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 30% { transform: scale(0); -ms-transform: scale(0); } 50% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 100% { transform: scale(1); -ms-transform: scale(1); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } } /* ---- end ----- */ .fa-scale-inverse { display: inline-block; vertical-align: baseline; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; -webkit-animation: scale-inverse 1.4s ease-out both !important; -moz-animation: scale-inverse 1.4s ease-out both !important; -ms-animation: scale-inverse 1.4s ease-out both !important; -o-animation: scale-inverse 2.4s ease-out both !important; animation: scale-inverse 1.4s ease-out both !important; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); /* Prevent Webkit text rendering */ -webkit-transform: translateZ(0px); /* Prevent Webkit text rendering */ -webkit-transform-style: preserve-3d; padding: 1px; overflow: visible; } @keyframes scale-inverse { 0% { transform: scale(1.3); opacity: 0; } 30% { transform: scale(1.3); } 50% { opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @-webkit-keyframes scale-inverse { 0% { -webkit-transform: scale(1.3); opacity: 0; } 30% { opacity: 0; -webkit-transform: scale (1.3); } 50% { } 100% { -webkit-transform: scale (1); opacity: 1; } } @-moz-keyframes scale-inverse { 0% { transform: scale(1.3); -moz-transform: scale (1.3); opacity: 0; } 30% { transform: scale(1.3); -moz-transform: scale (1.3); } 50% { opacity: 0; } 100% { transform: scale(1); -moz-transform: scale (1); opacity: 1; } } @-o-keyframes scale-inverse { 0% { transform: scale(1.3); -o-transform: scale (1.3); opacity: 0; } 30% { transform: scale(1.3); -o-transform: scale (1.3); } 50% { opacity: 0; } 100% { transform: scale(1); -o-transform: scale (1); opacity: 1; } } @-ms-keyframes scale-inverse {/* IE9 does not support CSS animation. */ 0% { transform: scale (1.3); -ms-transform: scale (1.3); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 30% { transform: scale (1.3); -ms-transform: scale (1.3); } 50% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 100% { transform: scale (1); -ms-transform: scale(1); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } } /* @end */ /* @group TRANSFORM ROTATION */ /* ------ ROTATION ------- */ /* ------ SPIN ROTATE 360 ------- */ .fa-spin-360 { display: inline-block; vertical-align: baseline; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; -webkit-animation: spin-360 1.9s ease-out both !important; -moz-animation: spin-360 1.9s ease-out both !important; -o-animation: spin-360 1.9s ease-out both !important; animation: spin-360 1.9s ease-out both !important; /* Prevent Webkit text rendering */ -webkit-transform: translateZ(0px); /* Prevent Webkit text rendering */ -webkit-transform-style: preserve-3d; padding: 1px; overflow: visible; } @-moz-keyframes spin-360 { 0% { -moz-transform: rotate(359deg); } 100% { -moz-transform: rotate(0deg); } } @-webkit-keyframes spin-360 { 0% { -webkit-transform: rotate(359deg); } 100% { -webkit-transform: rotate(0deg); } } @-o-keyframes spin-360 { 0% { -o-transform: rotate(359deg); } 100% { -o-transform: rotate(0deg); } } @-ms-keyframes spin-360 {/* IE9 does not support CSS animation. */ 0% { -ms-transform: rotate(359deg); } 100% { -ms-transform: rotate(0deg); } } @keyframes spin-360 { 0% { transform: rotate(359deg); } 100% { transform: rotate(0deg); } } /* ---- end ----- */ /* ------ SPIN ROTATE 180 ------- */ .fa-spin-180 { display: inline-block; vertical-align: baseline; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; -webkit-animation: spin-180 1.9s ease-out both !important; -moz-animation: spin-180 1.9s ease-out both !important; -o-animation: spin-180 1.9s ease-out both !important; animation: spin-180 1.9s ease-out both !important; /* Prevent Webkit text rendering */ -webkit-transform: translateZ(0px); /* Prevent Webkit text rendering */ -webkit-transform-style: preserve-3d; padding: 1px; overflow: visible; } @-moz-keyframes spin-180 { 0% { -moz-transform: rotate(180deg); } 100% { -moz-transform: rotate(0deg); } } @-webkit-keyframes spin-180 { 0% { -webkit-transform: rotate(180deg); } 100% { -webkit-transform: rotate(0deg); } } @-o-keyframes spin-180 { 0% { -o-transform: rotate(180deg); } 100% { -o-transform: rotate(0deg); } } @-ms-keyframes spin-180 {/* IE9 does not support CSS animation. */ 0% { -ms-transform: rotate(180deg); } 100% { -ms-transform: rotate(0deg); } } @keyframes spin-180 { 0% { transform: rotate(180deg); } 100% { transform: rotate(0deg); } } /* ---- end ----- */ /* ------ SPIN ROTATE 90 ------- */ .fa-spin-90 { display: inline-block; vertical-align: baseline; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; -webkit-animation: spin-90 1.9s ease-out both !important; -moz-animation: spin-90 1.9s ease-out both !important; -o-animation: spin-90 1.9s ease-out both !important; animation: spin-90 1.9s ease-out both !important; /* Prevent Webkit text rendering */ -webkit-transform: translateZ(0px); /* Prevent Webkit text rendering */ -webkit-transform-style: preserve-3d; padding: 1px; overflow: visible; } @-moz-keyframes spin-90 { 0% { -moz-transform: rotate(90deg); } 100% { -moz-transform: rotate(0deg); } } @-webkit-keyframes spin-90 { 0% { -webkit-transform: rotate(90deg); } 100% { -webkit-transform: rotate(0deg); } } @-o-keyframes spin-90 { 0% { -o-transform: rotate(90deg); } 100% { -o-transform: rotate(0deg); } } @-ms-keyframes spin-90 {/* IE9 does not support CSS animation. */ 0% { -ms-transform: rotate(90deg); } 100% { -ms-transform: rotate(0deg); } } @keyframes spin-90 { 0% { transform: rotate(90deg); } 100% { transform: rotate(0deg); } } /* ---- end ----- */ /* ------ SPIN ROTATE 80 ------- */ .fa-spin-80 { display: inline-block; vertical-align: baseline; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; -webkit-animation: spin-80 1.9s ease-out both !important; -moz-animation: spin-80 1.9s ease-out both !important; -o-animation: spin-80 1.9s ease-out both !important; animation: spin-80 1.9s ease-out both !important; /* Prevent Webkit text rendering */ -webkit-transform: translateZ(0px); /* Prevent Webkit text rendering */ -webkit-transform-style: preserve-3d; padding: 1px; overflow: visible; } @-moz-keyframes spin-80 { 0% { -moz-transform: rotate(80deg); } 100% { -moz-transform: rotate(0deg); } } @-webkit-keyframes spin-80 { 0% { -webkit-transform: rotate(80deg); } 100% { -webkit-transform: rotate(0deg); } } @-o-keyframes spin-80 { 0% { -o-transform: rotate(80deg); } 100% { -o-transform: rotate(0deg); } } @-ms-keyframes spin-80 {/* IE9 does not support CSS animation. */ 0% { -ms-transform: rotate(80deg); } 100% { -ms-transform: rotate(0deg); } } @keyframes spin-80 { 0% { transform: rotate(80deg); } 100% { transform: rotate(0deg); } } /* ---- end ----- */ /* ------ SPIN ROTATE 70 ------- */ .fa-spin-70 { display: inline-block; vertical-align: baseline; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; -webkit-animation: spin-70 1.9s ease-out both !important; -moz-animation: spin-70 1.9s ease-out both !important; -o-animation: spin-70 1.9s ease-out both !important; animation: spin-70 1.9s ease-out both !important; /* Prevent Webkit text rendering */ -webkit-transform: translateZ(0px); /* Prevent Webkit text rendering */ -webkit-transform-style: preserve-3d; padding: 1px; overflow: visible; } @-moz-keyframes spin-70 { 0% { -moz-transform: rotate(70deg); } 100% { -moz-transform: rotate(0deg); } } @-webkit-keyframes spin-70 { 0% { -webkit-transform: rotate(70deg); } 100% { -webkit-transform: rotate(0deg); } } @-o-keyframes spin-70 { 0% { -o-transform: rotate(70deg); } 100% { -o-transform: rotate(0deg); } } @-ms-keyframes spin-70 {/* IE9 does not support CSS animation. */ 0% { -ms-transform: rotate(70deg); } 100% { -ms-transform: rotate(0deg); } } @keyframes spin-70 { 0% { transform: rotate(70deg); } 100% { transform: rotate(0deg); } } /* ---- end ----- */ /* ------ SPIN ROTATE 60 ------- */ .fa-spin-60 { display: inline-block; vertical-align: baseline; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; -webkit-animation: spin-60 1.9s ease-out both !important; -moz-animation: spin-60 1.9s ease-out both !important; -o-animation: spin-60 1.9s ease-out both !important; animation: spin-60 1.9s ease-out both !important; /* Prevent Webkit text rendering */ -webkit-transform: translateZ(0px); /* Prevent Webkit text rendering */ -webkit-transform-style: preserve-3d; padding: 1px; overflow: visible; } @-moz-keyframes spin-60 { 0% { -moz-transform: rotate(60deg); } 100% { -moz-transform: rotate(0deg); } } @-webkit-keyframes spin-60 { 0% { -webkit-transform: rotate(60deg); } 100% { -webkit-transform: rotate(0deg); } } @-o-keyframes spin-60 { 0% { -o-transform: rotate(60deg); } 100% { -o-transform: rotate(0deg); } } @-ms-keyframes spin-60 {/* IE9 does not support CSS animation. */ 0% { -ms-transform: rotate(60deg); } 100% { -ms-transform: rotate(0deg); } } @keyframes spin-60 { 0% { transform: rotate(60deg); } 100% { transform: rotate(0deg); } } /* ---- end ----- */ /* ------ SPIN ROTATE 50 ------- */ .fa-spin-50 { display: inline-block; vertical-align: baseline; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; -webkit-animation: spin-50 1.9s ease-out both !important; -moz-animation: spin-50 1.9s ease-out both !important; -o-animation: spin-50 1.9s ease-out both !important; animation: spin-50 1.9s ease-out both !important; /* Prevent Webkit text rendering */ -webkit-transform: translateZ(0px); /* Prevent Webkit text rendering */ -webkit-transform-style: preserve-3d; padding: 1px; overflow: visible; } @-moz-keyframes spin-50 { 0% { -moz-transform: rotate(50deg); } 100% { -moz-transform: rotate(0deg); } } @-webkit-keyframes spin-50 { 0% { -webkit-transform: rotate(50deg); } 100% { -webkit-transform: rotate(0deg); } } @-o-keyframes spin-50 { 0% { -o-transform: rotate(50deg); } 100% { -o-transform: rotate(0deg); } } @-ms-keyframes spin-50 {/* IE9 does not support CSS animation. */ 0% { -ms-transform: rotate(50deg); } 100% { -ms-transform: rotate(0deg); } } @keyframes spin-50 { 0% { transform: rotate(50deg); } 100% { transform: rotate(0deg); } } /* ---- end ----- */ /* ------ SPIN ROTATE 45 ------- */ .fa-spin-45 { display: inline-block; vertical-align: baseline; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; -webkit-animation: spin-45 1.9s ease-out both !important; -moz-animation: spin-45 1.9s ease-out both !important; -o-animation: spin-45 1.9s ease-out both !important; animation: spin-45 1.9s ease-out both !important; /* Prevent Webkit text rendering */ -webkit-transform: translateZ(0px); /* Prevent Webkit text rendering */ -webkit-transform-style: preserve-3d; padding: 1px; overflow: visible; } @-moz-keyframes spin-45 { 0% { -moz-transform: rotate(45deg); } 100% { -moz-transform: rotate(0deg); } } @-webkit-keyframes spin-45 { 0% { -webkit-transform: rotate(45deg); } 100% { -webkit-transform: rotate(0deg); } } @-o-keyframes spin-45 { 0% { -o-transform: rotate(45deg); } 100% { -o-transform: rotate(0deg); } } @-ms-keyframes spin-45 {/* IE9 does not support CSS animation. */ 0% { -ms-transform: rotate(45deg); } 100% { -ms-transform: rotate(0deg); } } @keyframes spin-45 { 0% { transform: rotate(45deg); } 100% { transform: rotate(0deg); } } /* ---- end ----- */ /* ------ SPIN ROTATE 40 ------- */ .fa-spin-40 { display: inline-block; vertical-align: baseline; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; -webkit-animation: spin-40 1.9s ease-out both !important; -moz-animation: spin-40 1.9s ease-out both !important; -o-animation: spin-40 1.9s ease-out both !important; animation: spin-40 1.9s ease-out both !important; /* Prevent Webkit text rendering */ -webkit-transform: translateZ(0px); /* Prevent Webkit text rendering */ -webkit-transform-style: preserve-3d; padding: 1px; overflow: visible; } @-moz-keyframes spin-40 { 0% { -moz-transform: rotate(40deg); } 100% { -moz-transform: rotate(0deg); } } @-webkit-keyframes spin-40 { 0% { -webkit-transform: rotate(40deg); } 100% { -webkit-transform: rotate(0deg); } } @-o-keyframes spin-40 { 0% { -o-transform: rotate(40deg); } 100% { -o-transform: rotate(0deg); } } @-ms-keyframes spin-40 {/* IE9 does not support CSS animation. */ 0% { -ms-transform: rotate(40deg); } 100% { -ms-transform: rotate(0deg); } } @keyframes spin-40 { 0% { transform: rotate(40deg); } 100% { transform: rotate(0deg); } } /* ---- end ----- */ /* ------ SPIN ROTATE 30 ------- */ .fa-spin-30 { display: inline-block; vertical-align: baseline; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; -webkit-animation: spin-30 1.9s ease-out both !important; -moz-animation: spin-30 1.9s ease-out both !important; -o-animation: spin-30 1.9s ease-out both !important; animation: spin-30 1.9s ease-out both !important; /* Prevent Webkit text rendering */ -webkit-transform: translateZ(0px); /* Prevent Webkit text rendering */ -webkit-transform-style: preserve-3d; padding: 1px; overflow: visible; } @-moz-keyframes spin-30 { 0% { -moz-transform: rotate(30deg); } 100% { -moz-transform: rotate(0deg); } } @-webkit-keyframes spin-30 { 0% { -webkit-transform: rotate(30deg); } 100% { -webkit-transform: rotate(0deg); } } @-o-keyframes spin-30 { 0% { -o-transform: rotate(30deg); } 100% { -o-transform: rotate(0deg); } } @-ms-keyframes spin-30 {/* IE9 does not support CSS animation. */ 0% { -ms-transform: rotate(30deg); } 100% { -ms-transform: rotate(0deg); } } @keyframes spin-30 { 0% { transform: rotate(30deg); } 100% { transform: rotate(0deg); } } /* ---- end ----- */ /* ------ SPIN ROTATE 20 ------- */ .fa-spin-20 { display: inline-block; vertical-align: baseline; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; -webkit-animation: spin-20 1.9s ease-out both !important; -moz-animation: spin-20 1.9s ease-out both !important; -o-animation: spin-20 1.9s ease-out both !important; animation: spin-20 1.9s ease-out both !important; /* Prevent Webkit text rendering */ -webkit-transform: translateZ(0px); /* Prevent Webkit text rendering */ -webkit-transform-style: preserve-3d; padding: 1px; overflow: visible; } @-moz-keyframes spin-20 { 0% { -moz-transform: rotate(20deg); } 100% { -moz-transform: rotate(0deg); } } @-webkit-keyframes spin-20 { 0% { -webkit-transform: rotate(20deg); } 100% { -webkit-transform: rotate(0deg); } } @-o-keyframes spin-20 { 0% { -o-transform: rotate(20deg); } 100% { -o-transform: rotate(0deg); } } @-ms-keyframes spin-20 {/* IE9 does not support CSS animation. */ 0% { -ms-transform: rotate(20deg); } 100% { -ms-transform: rotate(0deg); } } @keyframes spin-20 { 0% { transform: rotate(20deg); } 100% { transform: rotate(0deg); } } /* ---- end ----- */ /* @end */ /* @group TRANSFORM ROCK */ /* ------ ROCK ------- */ .fa-rock { display: inline-block; vertical-align: baseline; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; -webkit-animation: rock 1.7s ease-in-out both !important; -moz-animation: rock 1.7s ease-in-out both !important; -o-animation: rock 1.7s ease-in-out both !important; animation: rock 1.7s ease-in-out both !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; /* Prevent Webkit text rendering */ -webkit-transform: translateZ(0px); /* Prevent Webkit text rendering */ -webkit-transform-style: preserve-3d; overflow: visible; padding: 1px; } @-moz-keyframes rock { 0% { opacity: 0; -moz-transform: rotate(-30deg); } 51% {opacity: 0; -moz-transform: rotate(-30deg); } 70% {opacity: 1; -moz-transform: rotate(8deg); } 100% { -moz-transform: rotate(0deg); } } @-webkit-keyframes rock { 0% {opacity: 0; -webkit-transform: rotate(-30deg); } 51% {opacity: 0; -webkit-transform:rotate(-30deg); } 70% {opacity: 1; -webkit-transform: rotate(8deg); } 100% { -webkit-transform: rotate(0deg); } } @-o-keyframes rock { 0% {opacity: 0; -o-transform: rotate(-30deg); } 51% {opacity: 0; -o-transform: rotate(-30deg); } 70% {opacity: 1; -o-transform: rotate(8deg); } 100% { -o-transform: rotate(0deg); } } @-ms-keyframes rock {/* IE9 does not support CSS animation. */ 0% {opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -ms-transform: rotate(-30deg); } 51% {opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-transform: rotate(-30deg); } 70% {opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -ms-transform: rotate(8deg); } 100% { -ms-transform: rotate(0deg); } } @keyframes rock { 0% {opacity: 0; transform: rotate(-30deg); } 51% {opacity: 1; transform:rotate(-30deg); } 70% { transform: rotate(8deg); } 100% { transform: rotate(0deg); } } /* ---- end ----- */ /* @end */ /* @group TRANSFORM DANGLES */ /* ------ dangles ------- */ .fa-dangles { display: inline-block; vertical-align: baseline; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; -webkit-animation: dangles 1.3s ease-out both !important; -moz-animation: dangles 1.3s ease-out both !important; -o-animation: dangles 1.3s ease-out both !important; animation: dangles 1.3s ease-out both !important; overflow: visible; } @-moz-keyframes dangles { 0% { -moz-transform: rotate(-61deg);} 25% { -moz-transform: rotate(20deg);} 50% { -moz-transform: rotate(-21deg);} 75% { -moz-transform: rotate(13deg);} 100% { -moz-transform: rotate(0deg);} } @-webkit-keyframes dangles { 0% { -webkit-transform: rotate(-61deg);} 25% { -webkit-transform: rotate(20deg);} 50% { -webkit-transform: rotate(-21deg);} 75% { -webkit-transform: rotate(13deg);} 100% { -webkit-transform: rotate(0deg);} } @-o-keyframes dangles { 0% { -o-transform: rotate(-61deg);} 25% { -o-transform: rotate(20deg);} 50% { -o-transform: rotate(-21deg);} 75% { -o-transform: rotate(13deg);} 100% { -o-transform: rotate(0deg);} } @-ms-keyframes dangles {/* IE9 does not support CSS animation. */ 0% { -ms-transform: rotate(-61deg);} 25% { -ms-transform: rotate(20deg);} 50% { -ms-transform: rotate(-21deg);} 75% { -ms-transform: rotate(13deg);} 100% { -ms-transform: rotate(0deg);} } @keyframes dangles { 0% { transform: rotate(-61deg);} 25% { transform: rotate(20deg);} 50% { transform: rotate(-21deg);} 75% { transform: rotate(13deg);} 100% { transform: rotate(0deg);} } /* ---- end ----- */ /* @end */ /* @group TRANSFORM PULSE */ /* ------ pulse ------- */ .fa-pulse { display: inline-block; vertical-align: baseline; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; -webkit-animation: pulse 2.2s ease-in-out both !important; -moz-animation: pulse 2.2s ease-in-out both !important; -o-animation: pulse 2.2s ease-in-out both !important; animation: pulse 2.2s ease-in-out both !important; } @keyframes pulse { 0% { opacity: 1;} 39% {opacity: 1;} 50% {opacity: 0.3;} 72% {opacity: 1;} 87% {opacity: 0.3;} 100% {opacity: 1;} } @-webkit-keyframes pulse { 0% { opacity: 1;} 39% {opacity: 1;} 50% {opacity: 0.3;} 72% {opacity: 1;} 87% {opacity: 0.3;} 100% {opacity: 1;} } @-moz-keyframes pulse { 0% { opacity: 1;} 39% {opacity: 1;} 50% {opacity: 0.3;} 72% {opacity: 1;} 87% {opacity: 0.3;} 100% {opacity: 1;} } @-o-keyframes pulse { 0% { opacity: 1;} 39% {opacity: 1;} 50% {opacity: 0.3;} 72% {opacity: 1;} 87% {opacity: 0.3;} 100% {opacity: 1;} } @-ms-keyframes pulse {/* IE9 does not support CSS animation. */ 0% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } 39% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } 50% { opacity: 0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); } 72% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } 87% { opacity: 0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); } 100% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } } /* ---- end ----- */ /* ------ pulse INFINITE------- */ .fa-pulse-loop { /* infinite lineart; */ display: inline-block; vertical-align: baseline; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; -webkit-animation: pulse-loop 2.9s linear; /* ------ don't add code to prevent issues in the linnkd with FA------- */ -moz-animation: pulse-loop 2.9s lineart; -o-animation: pulse-loop 2.9s lineart; animation: pulse-loop 2.9s lineart; /* -webkit-transform-style: preserve-3d; -webkit-animation-fill-mode: both; */ -webkit-animation-iteration-count: 3; -moz-animation-iteration-count: 3; -o-animation-iteration-count: 3; animation-iteration-count: 3; } @keyframes pulse-loop { 0% {opacity: 1;} 44% {opacity: 1; } 54% {opacity: 0.55;} 76% {opacity: 1;} 91% {opacity: 0.55;} 100% { opacity: 1;} } @-webkit-keyframes pulse-loop { 0% {opacity: 1;} 44% {opacity: 1; } 54% {opacity: 0.55;} 76% {opacity: 1;} 91% {opacity: 0.55;} 100% { opacity: 1;} } @-moz-keyframes pulse-loop { 0% {opacity: 1;} 44% {opacity: 1; } 54% {opacity: 0.55;} 76% {opacity: 1;} 91% {opacity: 0.55;} 100% { opacity: 1;} } @-o-keyframes pulse-loop { 0% {opacity: 1;} 44% {opacity: 1; } 54% {opacity: 0.55;} 76% {opacity: 1;} 91% {opacity: 0.55;} 100% { opacity: 1;} } @-ms-keyframes pulse-loop {/* IE9 does not support CSS animation. */ 0% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } 44% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } 54% { opacity: 0.55; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)"; filter: alpha(opacity=55); } 76% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } 91% { opacity: 0.55; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)"; filter: alpha(opacity=55); } 100% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } } #breack { } /* ------ pulse INFINITE------- */ /* @end */ /* @group MAX HEIGHT */ /* ------ MAX 300 PIXEL ------- */ .fa-max-300 {font-size: 300px; line-height: 1.14em; margin: 0; padding: 0; } @media only screen and (max-width: 1030px) { /* 300 *//* iPad - kindle - Landscape */ /* 1 */ .fa-max-300 {font-size: 300px; }} @media only screen and (max-width: 800px) { /* 275 */ /* iPad - Portrait */ .fa-max-300 {font-size: 280px; }} @media only screen and (max-width: 750px) { /* 250 */ .fa-max-300 {font-size: 275px; }} @media only screen and (max-width: 700px) { /* 225 */ .fa-max-300 {font-size: 260px; }} @media only screen and (max-width: 650px) { /* 200 */ .fa-max-300 {font-size: 240px; }} @media only screen and (max-width: 600px) { /* 150 */ /* kindle - Portrait + iPhone 4 - Landscape*/ .fa-max-300 {font-size: 220px; }} @media only screen and (max-width: 566px) { /* 125 */ .fa-max-300 {font-size: 190px; }} @media only screen and (max-width: 533px) { /* 100 */ .fa-max-300 {font-size: 170px; }} @media only screen and (max-width: 500px) { /* 75 */ /* iPhone 4 - Landscape */ .fa-max-300 {font-size: 160px; }} @media only screen and (max-width: 400px) { /* 50 */ /* ------------------------------------------ */ .fa-max-300 {font-size: 130px; }} @media only screen and (max-width: 320px) { /* 50 */ /* iPhone - Portrait + small devices Android - Landscape */ .fa-max-300 {font-size: 120px; }} @media only screen and (max-width: 240px) { /* 50 */ /* small devices Android - Portrait */ .fa-max-300 {font-size: 75px; }} /* ------ MAX 275 PIXEL ------- */ .fa-max-275 {font-size: 275px; line-height: 1.14em; margin: 0; padding: 0; } @media only screen and (max-width: 1030px) { /* 300 *//* iPad - kindle - Landscape */ /* 1 */ .fa-max-275 {font-size: 275px; }} @media only screen and (max-width: 800px) { /* 275 */ /* iPad - Portrait */ .fa-max-275 {font-size: 275px; }} @media only screen and (max-width: 750px) { /* 250 */ .fa-max-275 {font-size: 260px; }} @media only screen and (max-width: 700px) { /* 225 */ .fa-max-275 {font-size: 250px; }} @media only screen and (max-width: 650px) { /* 200 */ .fa-max-275 {font-size: 235px; }} @media only screen and (max-width: 600px) { /* 150 */ /* kindle - Portrait + iPhone 4 - Landscape*/ .fa-max-275 {font-size: 200px; }} @media only screen and (max-width: 566px) { /* 125 */ .fa-max-275 {font-size: 170px; }} @media only screen and (max-width: 533px) { /* 100 */ .fa-max-275 {font-size: 150px; }} @media only screen and (max-width: 500px) { /* 75 */ /* iPhone 4 - Landscape */ .fa-max-275 {font-size: 140px; }} @media only screen and (max-width: 400px) { /* 50 */ /* ------------------------------------------ */ .fa-max-275 {font-size: 125px; }} @media only screen and (max-width: 320px) { /* 50 */ /* iPhone - Portrait + small devices Android - Landscape */ .fa-max-275 {font-size: 110px; }} @media only screen and (max-width: 240px) { /* 50 */ /* small devices Android - Portrait */ .fa-max-275 {font-size: 70px; }} /* ------ MAX 250 PIXEL ------- */ .fa-max-250 {font-size: 250px; line-height: 1.14em; margin: 0; padding: 0; } @media only screen and (max-width: 1030px) { /* 300 *//* iPad - kindle - Landscape */ /* 1 */ .fa-max-250 {font-size: 250px; }} @media only screen and (max-width: 800px) { /* 275 */ /* iPad - Portrait */ .fa-max-250 {font-size: 250px; }} @media only screen and (max-width: 750px) { /* 250 */ .fa-max-250 {font-size: 235px; }} @media only screen and (max-width: 700px) { /* 225 */ .fa-max-250 {font-size: 225px; }} @media only screen and (max-width: 650px) { /* 200 */ .fa-max-250 {font-size: 200px; }} @media only screen and (max-width: 600px) { /* 150 */ /* kindle - Portrait + iPhone 4 - Landscape*/ .fa-max-250 {font-size: 180px; }} @media only screen and (max-width: 566px) { /* 125 */ .fa-max-250 {font-size: 160px; }} @media only screen and (max-width: 533px) { /* 100 */ .fa-max-250 {font-size: 140px; }} @media only screen and (max-width: 500px) { /* 75 */ /* iPhone 4 - Landscape */ .fa-max-250 {font-size: 130px; }} @media only screen and (max-width: 400px) { /* 50 */ /* ------------------------------------------ */ .fa-max-250 {font-size: 110px; }} @media only screen and (max-width: 320px) { /* 50 */ /* iPhone - Portrait + small devices Android - Landscape */ .fa-max-250 {font-size: 105px; }} @media only screen and (max-width: 240px) { /* 50 */ /* small devices Android - Portrait */ .fa-max-250 {font-size: 65px; }} /* ------ MAX 225 PIXEL ------- */ .fa-max-225 {font-size: 225px; line-height: 1.14em; margin: 0; padding: 0; } @media only screen and (max-width: 1030px) { /* 300 *//* iPad - kindle - Landscape */ /* 1 */ .fa-max-225 {font-size: 225px; }} @media only screen and (max-width: 800px) { /* 275 */ /* iPad - Portrait */ .fa-max-225 {font-size: 225px; }} @media only screen and (max-width: 750px) { /* 250 */ .fa-max-225 {font-size: 225px; }} @media only screen and (max-width: 700px) { /* 225 */ .fa-max-225 {font-size: 215px; }} @media only screen and (max-width: 650px) { /* 200 */ .fa-max-225 {font-size: 200px; }} @media only screen and (max-width: 600px) { /* 150 */ /* kindle - Portrait + iPhone 4 - Landscape*/ .fa-max-225 {font-size: 175px; }} @media only screen and (max-width: 566px) { /* 125 */ .fa-max-225 {font-size: 150px; }} @media only screen and (max-width: 533px) { /* 100 */ .fa-max-225 {font-size: 135px; }} @media only screen and (max-width: 500px) { /* 75 */ /* iPhone 4 - Landscape */ .fa-max-225 {font-size: 120px; }} @media only screen and (max-width: 400px) { /* 50 */ /* ------------------------------------------ */ .fa-max-225 {font-size: 105px; }} @media only screen and (max-width: 320px) { /* 50 */ /* iPhone - Portrait + small devices Android - Landscape */ .fa-max-225 {font-size: 100px; }} @media only screen and (max-width: 240px) { /* 50 */ /* small devices Android - Portrait */ .fa-max-225 {font-size: 60px; }} /* ------ MAX 200 PIXEL ------- */ .fa-max-200 {font-size: 200px; line-height: 1.14em; margin: 0; padding: 0; } @media only screen and (max-width: 1030px) { /* 300 *//* iPad - kindle - Landscape */ /* 1 */ .fa-max-200 {font-size: 200px; }} @media only screen and (max-width: 800px) { /* 275 */ /* iPad - Portrait */ .fa-max-200 {font-size: 200px; }} @media only screen and (max-width: 750px) { /* 250 */ .fa-max-200 {font-size: 200px; }} @media only screen and (max-width: 700px) { /* 225 */ .fa-max-200 {font-size: 200px; }} @media only screen and (max-width: 650px) { /* 200 */ .fa-max-200 {font-size: 180px; }} @media only screen and (max-width: 600px) { /* 150 */ /* kindle - Portrait + iPhone 4 - Landscape*/ .fa-max-200 {font-size: 175px; }} @media only screen and (max-width: 566px) { /* 125 */ .fa-max-200 {font-size: 140px; }} @media only screen and (max-width: 533px) { /* 100 */ .fa-max-200 {font-size: 125px; }} @media only screen and (max-width: 500px) { /* 75 */ /* iPhone 4 - Landscape */ .fa-max-200 {font-size: 110px; }} @media only screen and (max-width: 400px) { /* 50 */ /* ------------------------------------------ */ .fa-max-200 {font-size: 100px; }} @media only screen and (max-width: 320px) { /* 50 */ /* iPhone - Portrait + small devices Android - Landscape */ .fa-max-200 {font-size: 90px; }} @media only screen and (max-width: 240px) { /* 50 */ /* small devices Android - Portrait */ .fa-max-200 {font-size: 55px; }} /* ------ MAX 175 PIXEL ------- */ .fa-max-175 {font-size: 175px; line-height: 1.14em; margin: 0; padding: 0; } @media only screen and (max-width: 1030px) { /* 300 *//* iPad - kindle - Landscape */ /* 1 */ .fa-max-175 {font-size: 175px; }} @media only screen and (max-width: 800px) { /* 275 */ /* iPad - Portrait */ .fa-max-175 {font-size: 175px; }} @media only screen and (max-width: 750px) { /* 250 */ .fa-max-175 {font-size: 175px; }} @media only screen and (max-width: 700px) { /* 225 */ .fa-max-175 {font-size: 175px; }} @media only screen and (max-width: 650px) { /* 200 */ .fa-max-175 {font-size: 170px; }} @media only screen and (max-width: 600px) { /* 150 */ /* kindle - Portrait + iPhone 4 - Landscape*/ .fa-max-175 {font-size: 155px; }} @media only screen and (max-width: 566px) { /* 125 */ .fa-max-175 {font-size: 145px; }} @media only screen and (max-width: 533px) { /* 100 */ .fa-max-175 {font-size: 120px; }} @media only screen and (max-width: 500px) { /* 75 */ /* iPhone 4 - Landscape */ .fa-max-175 {font-size: 95px; }} @media only screen and (max-width: 400px) { /* 50 */ /* ------------------------------------------ */ .fa-max-175 {font-size: 90px; }} @media only screen and (max-width: 320px) { /* 50 */ /* iPhone - Portrait + small devices Android - Landscape */ .fa-max-175 {font-size: 85px; }} @media only screen and (max-width: 240px) { /* 50 */ /* small devices Android - Portrait */ .fa-max-175 {font-size: 50px; }} /* ------ MAX 150 PIXEL ------- */ .fa-max-150 {font-size: 150px; line-height: 1.14em; margin: 0; padding: 0; } @media only screen and (max-width: 1030px) { /* 300 *//* iPad - kindle - Landscape */ /* 1 */ .fa-max-150 {font-size: 150px; }} @media only screen and (max-width: 800px) { /* 275 */ /* iPad - Portrait */ .fa-max-150 {font-size: 150px; }} @media only screen and (max-width: 750px) { /* 250 */ .fa-max-150 {font-size: 150px; }} @media only screen and (max-width: 700px) { /* 225 */ .fa-max-150 {font-size: 150px; }} @media only screen and (max-width: 650px) { /* 200 */ .fa-max-150 {font-size: 150px; }} @media only screen and (max-width: 600px) { /* 150 */ /* kindle - Portrait + iPhone 4 - Landscape*/ .fa-max-150 {font-size: 140px; }} @media only screen and (max-width: 566px) { /* 125 */ .fa-max-150 {font-size: 120px; }} @media only screen and (max-width: 533px) { /* 100 */ .fa-max-150 {font-size: 110px; }} @media only screen and (max-width: 500px) { /* 75 */ /* iPhone 4 - Landscape */ .fa-max-150 {font-size: 95px; }} @media only screen and (max-width: 400px) { /* 50 */ /* ------------------------------------------ */ .fa-max-150 {font-size: 80px; }} @media only screen and (max-width: 320px) { /* 50 */ /* iPhone - Portrait + small devices Android - Landscape */ .fa-max-150 {font-size: 75px; }} @media only screen and (max-width: 240px) { /* 50 */ /* small devices Android - Portrait */ .fa-max-150 {font-size: 45px; }} /* ------ MAX 125 PIXEL ------- */ .fa-max-125 {font-size: 125px; line-height: 1.14em; margin: 0; padding: 0; } @media only screen and (max-width: 1030px) { /* 300 *//* iPad - kindle - Landscape */ /* 1 */ .fa-max-125 {font-size: 125px; }} @media only screen and (max-width: 800px) { /* 275 */ /* iPad - Portrait */ .fa-max-125 {font-size: 125px; }} @media only screen and (max-width: 750px) { /* 250 */ .fa-max-125 {font-size: 125px; }} @media only screen and (max-width: 700px) { /* 225 */ .fa-max-125 {font-size: 125px; }} @media only screen and (max-width: 650px) { /* 200 */ .fa-max-125 {font-size: 125px; }} @media only screen and (max-width: 600px) { /* 150 */ /* kindle - Portrait + iPhone 4 - Landscape*/ .fa-max-125 {font-size: 125px; }} @media only screen and (max-width: 566px) { /* 125 */ .fa-max-125 {font-size: 115px; }} @media only screen and (max-width: 533px) { /* 100 */ .fa-max-125 {font-size: 100px; }} @media only screen and (max-width: 500px) { /* 75 */ /* iPhone 4 - Landscape */ .fa-max-125 {font-size: 87px; }} @media only screen and (max-width: 400px) { /* 50 */ /* ------------------------------------------ */ .fa-max-125 {font-size: 75px; }} @media only screen and (max-width: 320px) { /* 50 */ /* iPhone - Portrait + small devices Android - Landscape */ .fa-max-125 {font-size: 66px; }} @media only screen and (max-width: 240px) { /* 50 */ /* small devices Android - Portrait */ .fa-max-125 {font-size: 42px; }} /* ------ MAX 100 PIXEL ------- */ .fa-max-100 {font-size: 100px; line-height: 1.14em; margin: 0; padding: 0; } @media only screen and (max-width: 1030px) { /* 300 *//* iPad - kindle - Landscape */ /* 1 */ .fa-max-100 {font-size: 100px; }} @media only screen and (max-width: 800px) { /* 275 */ /* iPad - Portrait */ .fa-max-100 {font-size: 100px; }} @media only screen and (max-width: 750px) { /* 250 */ .fa-max-100 {font-size: 100px; }} @media only screen and (max-width: 700px) { /* 225 */ .fa-max-100 {font-size: 100px; }} @media only screen and (max-width: 650px) { /* 200 */ .fa-max-100 {font-size: 100px; }} @media only screen and (max-width: 600px) { /* 150 */ /* kindle - Portrait + iPhone 4 - Landscape*/ .fa-max-100 {font-size: 100px; }} @media only screen and (max-width: 566px) { /* 125 */ .fa-max-100 {font-size: 90px; }} @media only screen and (max-width: 533px) { /* 100 */ .fa-max-100 {font-size: 85px; }} @media only screen and (max-width: 500px) { /* 75 */ /* iPhone 4 - Landscape */ .fa-max-100 {font-size: 80px; }} @media only screen and (max-width: 400px) { /* 50 */ /* ------------------------------------------ */ .fa-max-100 {font-size: 65px; }} @media only screen and (max-width: 320px) { /* 50 */ /* iPhone - Portrait + small devices Android - Landscape */ .fa-max-100 {font-size: 57px; }} @media only screen and (max-width: 240px) { /* 50 */ /* small devices Android - Portrait */ .fa-max-100 {font-size: 35px; }} /* ------ MAX 75 PIXEL ------- */ .fa-max-75 {font-size: 75px; line-height: 1.14em; margin: 0; padding: 0; } @media only screen and (max-width: 1030px) { /* 300 *//* iPad - kindle - Landscape */ /* 1 */ .fa-max-75 {font-size: 75px; }} @media only screen and (max-width: 800px) { /* 275 */ /* iPad - Portrait */ .fa-max-75 {font-size: 75px; }} @media only screen and (max-width: 750px) { /* 250 */ .fa-max-75 {font-size: 75px; }} @media only screen and (max-width: 700px) { /* 225 */ .fa-max-75 {font-size: 75px; }} @media only screen and (max-width: 650px) { /* 200 */ .fa-max-75 {font-size: 75px; }} @media only screen and (max-width: 600px) { /* 150 */ /* kindle - Portrait + iPhone 4 - Landscape*/ .fa-max-75 {font-size: 75px; }} @media only screen and (max-width: 566px) { /* 125 */ .fa-max-75 {font-size: 75px; }} @media only screen and (max-width: 533px) { /* 100 */ .fa-max-75 {font-size: 70px; }} @media only screen and (max-width: 500px) { /* 75 */ /* iPhone 4 - Landscape */ .fa-max-75 {font-size: 60px; }} @media only screen and (max-width: 400px) { /* 50 */ /* ------------------------------------------ */ .fa-max-75 {font-size: 55px; }} @media only screen and (max-width: 320px) { /* 50 */ /* iPhone - Portrait + small devices Android - Landscape */ .fa-max-75 {font-size: 40px; }} @media only screen and (max-width: 240px) { /* 50 */ /* small devices Android - Portrait */ .fa-max-75 {font-size: 30px; }} /* ------ MAX 50 PIXEL ------- */ .fa-max-50 {font-size: 50px; line-height: 1.14em; margin: 0; padding: 0; } @media only screen and (max-width: 1030px) { /* 300 *//* iPad - kindle - Landscape */ /* 1 */ .fa-max-50 {font-size: 50px; }} @media only screen and (max-width: 800px) { /* 275 */ /* iPad - Portrait */ .fa-max-50 {font-size: 50px; }} @media only screen and (max-width: 750px) { /* 250 */ .fa-max-50 {font-size: 50px; }} @media only screen and (max-width: 700px) { /* 225 */ .fa-max-50 {font-size: 50px; }} @media only screen and (max-width: 650px) { /* 200 */ .fa-max-50 {font-size: 50px; }} @media only screen and (max-width: 600px) { /* 150 */ /* kindle - Portrait + iPhone 4 - Landscape*/ .fa-max-50 {font-size: 50px; }} @media only screen and (max-width: 566px) { /* 125 */ .fa-max-50 {font-size: 50px; }} @media only screen and (max-width: 533px) { /* 100 */ .fa-max-50 {font-size: 50px; }} @media only screen and (max-width: 500px) { /* 75 */ /* iPhone 4 - Landscape */ .fa-max-50 {font-size: 50px; }} @media only screen and (max-width: 400px) { /* 50 */ /* ------------------------------------------ */ .fa-max-50 {font-size: 40px; }} @media only screen and (max-width: 320px) { /* 50 */ /* iPhone - Portrait + small devices Android - Landscape */ .fa-max-50 {font-size: 30px; }} @media only screen and (max-width: 240px) { /* 50 */ /* small devices Android - Portrait */ .fa-max-50 {font-size: 25px; }} /* ------ MAX 30 PIXEL ------- */ .fa-max-30 {font-size: 30px; line-height: 1.05em; margin: 0; padding: 0; } @media only screen and (max-width: 1030px) { /* 300 *//* iPad - kindle - Landscape */ /* 1 */ .fa-max-30 {font-size: 30px; }} @media only screen and (max-width: 800px) { /* 275 */ /* iPad - Portrait */ .fa-max-30 {font-size: 30px; }} @media only screen and (max-width: 750px) { /* 250 */ .fa-max-30 {font-size: 30px; }} @media only screen and (max-width: 700px) { /* 225 */ .fa-max-30 {font-size: 30px; }} @media only screen and (max-width: 650px) { /* 200 */ .fa-max-30 {font-size: 30px; }} @media only screen and (max-width: 600px) { /* 150 */ /* kindle - Portrait + iPhone 4 - Landscape*/ .fa-max-30 {font-size: 30px; }} @media only screen and (max-width: 566px) { /* 125 */ .fa-max-30 {font-size: 30px; }} @media only screen and (max-width: 533px) { /* 100 */ .fa-max-30 {font-size: 30px; }} @media only screen and (max-width: 500px) { /* 75 */ /* iPhone 4 - Landscape */ .fa-max-30 {font-size: 30px; }} @media only screen and (max-width: 400px) { /* 50 */ /* ------------------------------------------ */ .fa-max-30 {font-size: 25px; }} @media only screen and (max-width: 320px) { /* 50 */ /* iPhone - Portrait + small devices Android - Landscape */ .fa-max-30 {font-size: 22px; }} @media only screen and (max-width: 240px) { /* 50 */ /* small devices Android - Portrait */ .fa-max-30 {font-size: 22px; }} /* icons size */ /* @end */ /* @end */ #hello { } /* ___________________________ */ /* @group animation scroll */ /* Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden */ /* @group animation scroll classes HIDE-SHOW */ .hidden{ opacity: 0; } .visible{ opacity: 1; } /* @end */ /*----------------------------------------*/ .animated{-webkit-animation-duration:1s;animation-duration:1s;-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}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,.050,.855,.060);animation-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755,.050,.855,.060);animation-timing-function:cubic-bezier(0.755,.050,.855,.060);-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{20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,.050,.855,.060);animation-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755,.050,.855,.060);animation-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{50%,from,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{50%,from,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{from{-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)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{from{-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)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{from{-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)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{from{-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)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{from,to{-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{from,to{-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)}}.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)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@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)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{from{-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)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{from{-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)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{from{-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)}to{-webkit-transform:none;transform:none}}@keyframes wobble{from{-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)}to{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{11.1%,from,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{11.1%,from,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-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)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-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)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-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)}to{-webkit-transform:none;transform:none}}@keyframes bounceInDown{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-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)}to{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-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)}to{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-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)}to{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}from{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)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}from{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)}to{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}from{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)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}from{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)}to{-webkit-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)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@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)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-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)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@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)}to{opacity:0;-webkit-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)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-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)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-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)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@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)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{from{-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}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{from{-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}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-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-animation-timing-function:ease-in;animation-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)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-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-animation-timing-function:ease-in;animation-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)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-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-animation-timing-function:ease-in;animation-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)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-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-animation-timing-function:ease-in;animation-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)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{from{-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}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{from{-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}to{-webkit-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-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{from{-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}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{from{-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}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{from{-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}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{from{-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}to{-webkit-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{from{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{from{opacity:1}to{-webkit-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{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-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{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-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{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-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{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-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{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-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{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-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{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-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{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-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{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-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}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@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}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{from{opacity:1}to{opacity:0;-webkit-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{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{from{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.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.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{from{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.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.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)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{from{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.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.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{from{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.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.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)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{from{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.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.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{from{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.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.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)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{from{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.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.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{from{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.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.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)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{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.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}to{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);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}to{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)}}.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)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,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);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-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)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,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);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-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.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}to{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);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}to{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)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} /* @end */ /* ___________________________ */ @media only screen and (max-width: 3280px) { .titles { width: 74%; left: 26%; } } @media only screen and (max-width: 1500px) { .titles { width: 70%; left: 30%; } } @media only screen and (max-width: 1280px) { .titles { width: 67%; left: 33%; } } @media only screen and (min-width: 868px) { /* Hide the toolbar on responsive simulation*/ /*#navcontainer2 { display: none !important; }*/ #logoresponsive {display: none;} } @media only screen and (max-width: 868px) { #logobox {display: none;} #logofixed, #logo {display: none;} #logoresponsive {display: block;} #contentContainer #content { padding-top: 20px; } .titles { left: 0; width: 100%; } /* @group Navcontainer HIDE */ /* @end */ } @media only screen and (max-width: 600px) { .titles { margin-top: 50px; } .title h1 { font-size: 45px !important; } .slogan h2 { font-size: 22px !important; } #footer, #breadcrumbcontainer { float: none; text-align: center; padding: 5px 0 0; width: 96%; margin-left: 2%; } .tipsy { line-height: 22px; font-size: 15px; } .tipsy-inner {padding: 8px 8px 3px; } /* @group blog */ #blog-archives { line-height: 20px; float: left; width: 42%; } #blog-categories { float: left; width: 42%; } ul.blog-tag-cloud { float: left; width: 91%; } .blog-rss-link, .blog-comments-rss-link, .blog-rss-link, .blog-comments-rss-link { padding-left: 6%; } /* @end */ /* @group FileSharing */ .filesharing-item { display: inline; margin: 2% 3% 20px 1%; width: 96%; } /* @end */ /* @group quicktime album */ .movie-thumbnail-frame { width: 90%; margin: 2% 6% 4.5% 4%; } .movie-thumbnail-caption { padding-top: 13px; padding-bottom: 5px; } /* @end */ } @media only screen and (max-width: 500px) { #navcontainer2 { width: 90%; margin-right: 3%; margin-left: 3%; padding-right: 2%; padding-left: 2%; } #pageHeader img { max-width:300px !important; height: auto !important; } } @media only screen and (max-width: 480px) { .title h1 { font-size: 32px !important; } /* @group photo album */ .thumbnail-wrap { margin-bottom: 10%; } /* @end */ /* @group blog */ #blog-archives { width: 89%; } #blog-categories { width: 89%; } ul.blog-tag-cloud { width: 89%; } /* @end */ /* @group Sitemap */ .rw-sitemap { width: 98% !important; transition: all 0.18s linear; -moz-transition: all 0.18s linear; -webkit-transition: all 0.18s linear; -o-transition: all 0.18s linear; } /* @end */ } @media only screen and (max-width: 320px) { #navcontainer2 { width: 96%; margin-right: 0; margin-left: 0; border-radius: 0px !important; -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; padding-right: 2%; padding-left: 2%; } } /* ----iphone 6 plus-- */ @media only screen and (min-device-width : 540px) and (max-device-width : 960px) { #parallax_body { top: 0px !important; } #bodyimage, #bodyimage2{position: fixed !important;} #parallax_titles { top: 0px !important; } } /* ----iphone 6--- */ @media only screen and (min-device-width : 375px) and (max-device-width : 667px) { #parallax_body { top: 0px !important; } #bodyimage, #bodyimage2{position: fixed !important;} #parallax_titles { top: 0px !important; } } /* ---iphone 5---- */ @media only screen and (min-device-width : 320px) and (max-device-width : 568px) { #parallax_body { top: 0px !important; } #bodyimage, #bodyimage2{position: fixed !important;} #parallax_titles { top: 0px !important; } } /* ---iphone 3-4---- */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { #parallax_body { top: 0px !important; } #bodyimage, #bodyimage2{position: fixed !important;} #parallax_titles { top: 0px !important; } } /* ---ipad ---- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { #parallax_body { top: 0px !important; } #bodyimage, #bodyimage2{position: fixed !important;} #parallax_titles { top: 0px !important; } } /* ---samsung---- */ @media only screen and (min-device-width : 600px) and (max-device-width : 1280px) and (orientation : landscape) { #parallax_body { top: 0px !important; } #bodyimage, #bodyimage2{position: fixed !important;} #parallax_titles { top: 0px !important; } } @media only screen and (min-device-width : 600px) and (max-device-width : 1280px) and (orientation : portrait) { #parallax_body { top: 0px !important; } #bodyimage, #bodyimage2{position: fixed !important;} #parallax_titles { top: 0px !important; } } /* ------- */