.center, .center img {margin-left: auto; margin-right: auto; display: block;text-align: center; } /* responsive columns V2 */ .left-side { float: left; width: 48%; } .right-side { float: right; width: 48%; } .column-2x-500 img, .column-2x-600 img, .column-2x-770 img, .column-2x-900 img, .column-2x-1030 img, .column-2x-1150 img { max-width: 100%; height: auto; } .column-2x-500:after, .column-2x-600:after, .column-2x-770:after, .column-2x-900:after, .column-2x-1030:after, .column-2x-1150:after { content:"";display: table; clear: both; } /* breakpoint 500px */ @media screen and (max-width: 500px) { .column-2x-500 .left-side, .column-2x-500 .right-side { float: none !important; width: auto !important; } } /* breakpoint 600px */ @media screen and (max-width: 600px) { .column-2x-600 .left-side, .column-2x-600 .right-side { float: none !important; width: auto !important; } } /* breakpoint 700px */ @media screen and (max-width: 770px) { .column-2x-770 .left-side, .column-2x-770 .right-side { float: none !important; width: auto !important; } } /* breakpoint 900px */ @media screen and (max-width: 900px) { .column-2x-900 .left-side, .column-2x-900 .right-side { float: none !important; width: auto !important; } } /* breakpoint 1030px */ @media screen and (max-width: 1030px) { .column-2x-1030 .left-side, .column-2x-1030 .right-side { float: none; width: auto; } } /* breakpoint 1150x */ @media screen and (max-width: 1150px) { .column-2x-1150 .left-side, .column-2x-1150 .right-side { float: none; width: auto; } } /* @end */ /* ------------- */ /* @group Plus Code 1_1_1 Awesome Font icon 4 animated */ /* @group Social icons background - colored */ .fa-box-custom { background-color: #FFE913 !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; } /* ------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; border-top-right-radius:0.7em !important; -webkit-border-top-right-radius:0.7em !important; border-bottom-left-radius:0.7em !important; -webkit-border-bottom-left-radius:0.7em !important; border-bottom-right-radius:0.1em !important; -webkit-border-bottom-right-radius: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; -webkit-transition: all 0.25s ease-out; transition-delay: 23ms; -webkit-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); color: #4c4b4c !important; filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#fefffe', EndColorStr='#858585', GradientType=0); /* MSIE */ 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 !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-grey { background-color: #919191 !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-white { background-color: #f9f9f9 !important; 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 !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-blogger { background-color: #FF8833 !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-facebook { background-color: #3B5998 !important; border-radius: .1em; /* Prevent Webkit text rendering and also using slideshow*/ -webkit-transform: translateZ(0px); 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 !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-foursquare { background-color: #0072B1 !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-instagram { background-color: #4E433C !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-linkedin { background-color: #4875B4 !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-reddit { background-color: #CEE3F8 !important; 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 !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-github-alt { background-color: #e57300 !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-stumbleupon { background-color: #EB4924 !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-tumblr { background-color: #34526F !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-twitter { background-color: #00A0D1 !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-pagelines { background-color: #4f92b1 !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-vimeo-blue { background-color: #44BBFF !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-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; } /* @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 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; } .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; */ /* @end */ /* @group STYLES SILVER - For TEXT and ICONS ONLY */ /* ------ 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; filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#fefffe', EndColorStr='#858585', GradientType=0); /* MSIE */ } .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; filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#858585', EndColorStr='#fefffe', GradientType=0); /* MSIE */ } .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; filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#a6a6a6', EndColorStr='#5e5e5e', GradientType=0); /* MSIE */ } .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; filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#5e5e5e', EndColorStr='#a6a6a6', GradientType=0);/* MSIE */ } .fa-silver-dark, .fa-silver-dark q { background: -webkit-linear-gradient(#434343, #2d2d2d) !important; background: -o-linear-gradient(transparent, transparent);/* remove gradient in OPERA */ -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; color: #393939 !important; text-shadow: none !important; filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#434343', EndColorStr='#2d2d2d', GradientType=0); /* MSIE */ } .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; filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#2d2d2d', EndColorStr='#434343', GradientType=0); /* MSIE */ } /* @end */ /* @group STYLES GLOW - For TEXT and ICONS ONLY */ /* ------ GLOW FAMILY ------- */ /* ------ GLOW FIX ------- */ .fa-glow-black { color: #000 !important; text-shadow: #000 0 -2px 15px; filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=8); /* FOR IE8/9 */ -webkit-filter: blur(3px); /* visible in modern browsers only */ } .fa-glow-white { color: #fefffe !important; text-shadow: #fefffe 0 -2px 15px; filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=8); /* FOR IE8/9 */ -webkit-filter: blur(3px);/* visible in modern browsers only */ } /* ------ GLOW FIX ------- */ /* ------ GLOW - IN - ANIMATED ------- */ .fa-glow-black-in { color: #000 !important; text-shadow: #000 0 -2px 15px; filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=8); /* FOR IE8/9 */ -webkit-filter: blur(3px); /* modern browsers only */ -webkit-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;}/* modern browsers only */ 30% {text-shadow: #2b2b2b 0 0px 0px;} 100% {text-shadow: #000 0 -2px 15px;} } @-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); } } .fa-glow-white-in { color: #fefffe !important; text-shadow: #fefffe 0 -2px 15px; filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=8); /* FOR IE8/9 */ -webkit-filter: blur(3px); /* modern browsers only */ -webkit-animation: glow-white-in 1.8s ease-out both !important; animation: glow-white-in 1.8s ease-out both !important; } @keyframes glow-white-in { /* modern browsers only */ 0% {text-shadow: #efefef 0 0px 0px;} 30% {text-shadow: #efefef 0 0px 0px;} 100% {text-shadow: #fefffe 0 -2px 15px;} } @-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);} } /* ------ GLOW - IN - ANIMATED ------- */ /* ------ GLOW - OUT - ANIMATED ------- */ .fa-glow-black-out { color: #000 !important; text-shadow: #000 0 0px 0px; /* modern browsers only */ filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=0); /* FOR IE8/9 */ -webkit-filter: blur(0px); /* modern browsers only */ -webkit-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; } 30% {text-shadow: #000 0 -1px 15px;} 100% {text-shadow: #000 0 0px 0px;} } @-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);} } .fa-glow-white-out { color: #fefffe !important; text-shadow: #efefef 0 0px 0px; -webkit-filter: blur(0px); /* modern browsers only */ -webkit-animation: glow-white-out 2.2s ease-in both !important; animation: glow-white-out 2.2s ease-in both !important; } @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); } } @-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); } } /* ------ GLOW FAMILY ------- */ /* @end */ /* @group STYLES SHADOW - For TEXT and ICONS ONLY */ /* 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 */ -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; opacity: 0.48; margin-top: 1.1em; overflow: visible; } /* ------ icon shadow ------- */ .fa-shadow-white-thin {text-shadow: #dcdcdc 0 1px 2px;} .fa-shadow-white {text-shadow: #dcdcdc 0 2px 3px; } .fa-shadow-white-big {text-shadow: #dcdcdc 0 3px 5px; } .fa-shadow-black-thin {text-shadow: #2b2b2b 0 1px 2px; } .fa-shadow-black {text-shadow: #2b2b2b 0 2px 3px; } .fa-shadow-black-big {text-shadow: #2b2b2b 0 3px 6px; } /* @end */ /* @group TRANSFORM SLIP */ /* ----- SLIP DOWN------ */ .fa-slip { vertical-align: baseline; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; margin-right: auto; margin-left: auto; -webkit-transform: translateZ(0px); -webkit-transform-style: preserve-3d; padding-right: 1px; padding-left: 1px; opacity: 1; -webkit-animation: slip 1.3s ease-in both !important; animation: slip 1.3s ease-in both !important; } @-webkit-keyframes slip { 0% {-webkit-transform: perspective(200px)rotateX(90deg) translateY(-50%); opacity: 0;} 70% {-webkit-transform: perspective(500px)rotateX(0deg) translateY(0px); opacity: 1;} 100% {-webkit-transform: perspective(600px) rotateX(0deg) translateY(0px); opacity: 1;} } @keyframes slip { 0% {opacity: 0; transform: perspective(200px) rotateX(90deg) rotateY(0deg) translateY(-50%);} 70% {opacity: 1; transform: perspective(500px) rotateX(0deg) rotateY(0deg) translateY(0px);} 100% {opacity: 1; transform: perspective(600px) rotateX(0deg) rotateY(0deg) translateY(0px);} } /* @end */ /* @group TRANSFORM FLIP*/ /* -------flip HORIZONTAL "Y" 200------ */ .fa-flip-horizontal-200 { vertical-align: baseline; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; -ms-animation: flip-y-200 2s ease-in both !important; margin-right: auto; margin-left: auto; padding-right: 1px; padding-left: 1px; opacity: 1; -webkit-transform: translateZ(0px); -webkit-transform-style: preserve-3d; -webkit-animation: flip-y-200 2s ease-in both !important; animation: flip-y-200 2s ease-in both !important; } @-webkit-keyframes flip-y-200 { 0% {-webkit-transform: perspective(3000px) rotateY(90deg); opacity: 0;} 30% {opacity: 0;} 100% {-webkit-transform: perspective(3000px) rotateY(0deg); opacity: 1;} } @keyframes flip-y-200 { 0% {opacity: 0;transform: perspective(3000px) rotateX(0deg) rotateY(90deg);} 30% {opacity: 0; } 100% { opacity: 1; -webkit-transform: perspective(2600px) rotateX(0deg) rotateY(0deg); } /*100% { opacity: 1; -webkit-transform: perspective(1600px) rotateX(0deg) rotateY(0deg); }*/ } /* -------flip HORIZONTAL "Y" 150------ */ .fa-flip-horizontal-150 { vertical-align: baseline; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; padding-right: 1px; padding-left: 1px; margin-right: auto; margin-left: auto; opacity: 1; -webkit-transform: translateZ(0px); -webkit-transform-style: preserve-3d; -webkit-animation: flip-y-150 1.5s ease-in both !important; animation: flip-y-150 1.5s ease-in both !important; } @-webkit-keyframes flip-y-150 { 0% {-webkit-transform: perspective(3000px) rotateY(90deg); opacity: 0;} 30% {opacity: 0;} 100% {-webkit-transform: perspective(3000px) rotateY(0deg); opacity: 1;} } @keyframes flip-y-150 { 0% { opacity: 0; transform: perspective(3000px) rotateX(0deg) rotateY(90deg);} 30% { opacity: 0;} 100% { opacity: 1; transform: perspective(3000px) rotateX(0deg) rotateY(0deg);} } /* -------flip HORIZONTAL "Y" 100------ */ .fa-flip-horizontal-100 { vertical-align: baseline; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; padding-right: 1px; padding-left: 1px; margin-right: auto; margin-left: auto; opacity: 1; -webkit-transform: translateZ(0px); -webkit-transform-style: preserve-3d; -webkit-animation: flip-y-100 1s ease-in both !important; animation: flip-y-100 1s ease-in both !important; } @-webkit-keyframes flip-y-100 { 0% {-webkit-transform: perspective(3000px)rotateY(90deg); opacity: 0;} 30% {opacity: 0;} 100% {-webkit-transform: perspective(3000px) rotateY(0deg); opacity: 1;} } @keyframes flip-y-100 { 0% {opacity: 0; transform: perspective(3000px) rotateX(0deg) rotateY(90deg);} 30% {opacity: 0;} 100% {opacity: 1; transform: perspective(3000px) rotateX(0deg) rotateY(0deg);} } /* -------flip HORIZONTAL "Y" 50------ */ .fa-flip-horizontal-50 { vertical-align: baseline; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; padding-right: 1px; padding-left: 1px; margin-right: auto; margin-left: auto; opacity: 1; -webkit-transform: translateZ(0px); -webkit-transform-style: preserve-3d; -webkit-animation: flip-y-50 0.5s ease-in both !important; animation: flip-y-50 0.5s ease-in both !important; } @-webkit-keyframes flip-y-50 { 0% {-webkit-transform: perspective(3000px)rotateY(90deg); opacity: 0;} 30% {opacity: 0;} 100% {-webkit-transform: perspective(3000px) rotateY(0deg); opacity: 1;} } @keyframes flip-y-50 { 0% {opacity: 0; transform: perspective(3000px) rotateX(0deg) rotateY(90deg);} 30% { opacity: 0;} 100% { opacity: 1; transform: perspective(3000px) rotateX(0deg) rotateY(0deg);} } /* -------flip VERTICAL "X" 200------ */ .fa-flip-vertical-200 { vertical-align: baseline; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; margin-right: auto; margin-left: auto; opacity: 1; -webkit-transform: translateZ(0px); -webkit-transform-style: preserve-3d; -webkit-animation: flip-x-200 2s ease-in both !important; animation: flip-x-200 2s ease-in both !important; } @-webkit-keyframes flip-x-200 { 0% {-webkit-transform: perspective(600px)rotateX(90deg); opacity: 0;} 30% {opacity: 0;} 100% {-webkit-transform: perspective(600px) rotateX(0deg); opacity: 1;} } @keyframes flip-x-200 { 0% { opacity: 0; transform: perspective(600px) rotateX(90deg) rotateY(0deg);} 30% {opacity: 0;} 100% {opacity: 1; transform: perspective(600px) rotateX(0deg) rotateY(0deg);} } /* -------flip VERTICAL "X" 150------ */ .fa-flip-vertical-150 { vertical-align: baseline; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; margin-right: auto; margin-left: auto; opacity: 1; -webkit-transform: translateZ(0px); -webkit-transform-style: preserve-3d; -webkit-animation: flip-x-150 1.5s ease-in both !important; animation: flip-x-150 1.5s ease-in both !important; } @-webkit-keyframes flip-x-150 { 0% {-webkit-transform: perspective(600px)rotateX(90deg); opacity: 0;} 27% {opacity: 0;} 100% {-webkit-transform: perspective(600px) rotateX(0deg); opacity: 1;} } @keyframes flip-x-150 { 0% {opacity: 0; transform: perspective(600px) rotateX(90deg) rotateY(0deg);} 27% {opacity: 0;} 100% {opacity: 1; transform: perspective(600px) rotateX(0deg) rotateY(0deg);} } /* -------flip VERTICAL "X" 100------ */ .fa-flip-vertical-100 { vertical-align: baseline; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; margin-right: auto; margin-left: auto; opacity: 1; -webkit-transform: translateZ(0px); -webkit-transform-style: preserve-3d; -webkit-animation: flip-x-100 1s ease-in both !important; animation: flip-x-100 1s ease-in both !important; } @-webkit-keyframes flip-x-100 { 0% {-webkit-transform: perspective(600px)rotateX(90deg); opacity: 0;} 25% {opacity: 0;} 100% {-webkit-transform: perspective(600px) rotateX(0deg); opacity: 1;} } @keyframes flip-x-100 { 0% {opacity: 0; transform: perspective(600px) rotateX(90deg) rotateY(0deg); } 25% {opacity: 0;} 100% {opacity: 1; transform: perspective(600px) rotateX(0deg) rotateY(0deg);} } /* -------flip VERTICAL "X" 50------ */ .fa-flip-vertical-50 { vertical-align: baseline; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; margin-right: auto; margin-left: auto; opacity: 1; -webkit-transform: translateZ(0px); -webkit-transform-style: preserve-3d; -webkit-animation: flip-x-50 0.5s ease-in both !important; animation: flip-x-50 0.5s ease-in both !important; } @-webkit-keyframes flip-x-50 { 0% {-webkit-transform: perspective(600px)rotateX(90deg); opacity: 0;} 10% {opacity: 0;} 100% {-webkit-transform: perspective(600px) rotateX(0deg); opacity: 1;} } @keyframes flip-x-50 {0% {opacity: 0; transform: perspective(600px) rotateX(90deg) rotateY(0deg);} 10% {opacity: 0;} 100% {opacity: 1; transform: perspective(600px) rotateX(0deg) rotateY(0deg);} } /* @end */ /* @group TRANSFORM SLIDE */ /* ------ SLIDE UP ------- */ .fa-slide-up { 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; 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); } 45%{ transform: translateY(-50px); } 75%{ opacity:0; } 100%{ opacity:1; 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 { 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; 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); } 45%{ transform: translateY(50px); } 75%{ opacity:0; } 100%{ opacity:1; 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 { 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; 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);} 45%{ transform: translateX(-50px); } 75%{ opacity:0; } 100%{ opacity:1; 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 { 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; 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); } 45%{ transform: translateX(50px); } 75%{ opacity:0; } 100%{ opacity:1; 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; animation: fade-250 2.5s ease-in both !important; } @-webkit-keyframes fade-250 { 0% {opacity: 0;} 35% {opacity: 0;} 100% {opacity: 1;} } @keyframes fade-250 { 0% {opacity: 0;} 35% {opacity: 0;} 100% {opacity: 1;} } /* ------ fade-200 ------- */ .fa-fade-200 { -webkit-animation: fade-200 2s ease-in both !important; animation: fade-200 2s ease-in both !important; } @-webkit-keyframes fade-200 { 0% {opacity: 0;} 35% {opacity: 0;} 100% {opacity: 1;} } @keyframes fade-200 { 0% {opacity: 0;} 35% {opacity: 0;} 100% {opacity: 1;} } /* ------ fade-150 ------- */ .fa-fade-150 { -webkit-animation: fade-150 1.5s ease-in both !important; animation: fade-150 1.5s ease-in both !important; } @-webkit-keyframes fade-150 { 0% {opacity: 0;} 35% {opacity: 0;} 100% {opacity: 1;} } @keyframes fade-150 { 0% {opacity: 0;} 35% {opacity: 0;} 100% {opacity: 1;} } /* ------ fade-100 ------- */ .fa-fade-100 { -webkit-animation: fade-100 1s ease-in both !important; animation: fade-100 1s ease-in both !important; } @-webkit-keyframes fade-100 { 0% {opacity: 0;} 35% {opacity: 0;} 100% {opacity: 1;} } @keyframes fade-100 { 0% {opacity: 0;} 35% {opacity: 0;} 100% {opacity: 1;} } /* ------ fade-75 ------- */ .fa-fade-75 { -webkit-animation: fade-75 0.75s ease-in both !important; animation: fade-75 0.75s ease-in both !important; } @-webkit-keyframes fade-75 { 0% {opacity: 0;} 35% {opacity: 0;} 100% {opacity: 1;} } @keyframes fade-75 { 0% {opacity: 0;} 35% {opacity: 0;} 100% {opacity: 1;} } /* ------ fade-50 ------- */ .fa-fade-50 { -webkit-animation: fade-50 0.50s ease-in both !important; animation: fade-50 0.50s ease-in both !important; } @-webkit-keyframes fade-50 { 0% {opacity: 0;} 35% {opacity: 0;} 100% {opacity: 1;} } @keyframes fade-50 { 0% {opacity: 0;} 35% {opacity: 0;} 100% {opacity: 1;} } /* @end */ /* @group TRANSFORM BEAT */ /* ------ beat ------- */ .fa-beat { vertical-align: baseline; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; -webkit-animation: beat 1.6s linear both !important; animation: beat 1.6s linear both !important; -webkit-transform: translateZ(0px); -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);} } /* ------ icon - beat ------- */ /* @end */ /* @group TRANSFORM BEAT - FAST */ .fa-beat-fast { vertical-align: baseline; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; -webkit-animation: beat-fast 0.4s linear both !important; animation: beat-fast 0.4s linear both !important; -webkit-transform: translateZ(0px); -webkit-transform-style: preserve-3d; padding: 1px; overflow: visible; } @keyframes beat-fast { 0% {transform: scale(1);} 20% {transform: scale(0.8);} 100% {transform: scale(1);} } @-webkit-keyframes beat-fast { 0% {-webkit-transform: scale(1);} 20% {-webkit-transform: scale(0.8);} 100% {-webkit-transform: scale(1);} } /* ------ icon - beat fast ------- */ /* @end */ /* @group TRANSFORM SCALE */ /* ------ icon - zoom ------- */ .fa-scale{ vertical-align: baseline; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; -webkit-transform: translateZ(0px); -webkit-transform-style: preserve-3d; opacity: 1; padding: 1px; overflow: visible; -webkit-animation: scale 1.4s ease-out both !important; animation: scale 1.4s ease-out both !important; } @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;} } /* ---- end ----- */ .fa-scale-inverse { vertical-align: baseline; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; opacity: 1; -webkit-transform: translateZ(0px); -webkit-transform-style: preserve-3d; padding: 1px; overflow: visible; -webkit-animation: scale-inverse 1.4s ease-out both !important; animation: scale-inverse 1.4s ease-out both !important; } @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% {opacity: 0;} 100% {-webkit-transform: scale (1); opacity: 1;} } /* @end */ /* @group TRANSFORM ROTATION */ /* ------ SPIN ROTATE 360 ------- */ .fa-spin-360 { vertical-align: baseline; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; -webkit-transform: translateZ(0px); -webkit-transform-style: preserve-3d; padding: 1px; overflow: visible; -webkit-animation: spin-360 1.9s ease-out both !important; animation: spin-360 1.9s ease-out both !important; } @-webkit-keyframes spin-360 { 0% {-webkit-transform: rotate(359deg);} 100%{-webkit-transform: rotate(0deg);} } @keyframes spin-360 { 0% {transform: rotate(359deg);} 100% {transform: rotate(0deg);} } /* ------ SPIN ROTATE 180 ------- */ .fa-spin-180 { vertical-align: baseline; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; -webkit-transform: translateZ(0px); -webkit-transform-style: preserve-3d; padding: 1px; overflow: visible; -webkit-animation: spin-180 1.9s ease-out both !important; animation: spin-180 1.9s ease-out both !important; } @-webkit-keyframes spin-180 { 0% {-webkit-transform: rotate(180deg);} 100% {-webkit-transform: rotate(0deg);} } @keyframes spin-180 { 0% {transform: rotate(180deg);} 100% {transform: rotate(0deg);} } /* ------ SPIN ROTATE 90 ------- */ .fa-spin-90 { vertical-align: baseline; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; -webkit-transform: translateZ(0px); -webkit-transform-style: preserve-3d; padding: 1px; overflow: visible; -webkit-animation: spin-90 1.9s ease-out both !important; animation: spin-90 1.9s ease-out both !important; } @-webkit-keyframes spin-90 { 0% {-webkit-transform: rotate(90deg);} 100% {-webkit-transform: rotate(0deg);} } @keyframes spin-90 { 0% {transform: rotate(90deg);} 100% {transform: rotate(0deg);} } /* ------ SPIN ROTATE 80 ------- */ .fa-spin-80 { vertical-align: baseline; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; -webkit-transform: translateZ(0px); -webkit-transform-style: preserve-3d; padding: 1px; overflow: visible; -webkit-animation: spin-80 1.9s ease-out both !important; animation: spin-80 1.9s ease-out both !important; } @-webkit-keyframes spin-80 { 0% {-webkit-transform: rotate(80deg);} 100% {-webkit-transform: rotate(0deg);} } @keyframes spin-80 { 0% {transform: rotate(80deg);} 100% {transform: rotate(0deg);} } /* ------ SPIN ROTATE 70 ------- */ .fa-spin-70 { vertical-align: baseline; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; -webkit-transform: translateZ(0px); -webkit-transform-style: preserve-3d; padding: 1px; overflow: visible; -webkit-animation: spin-70 1.9s ease-out both !important; animation: spin-70 1.9s ease-out both !important; } @-webkit-keyframes spin-70 { 0% {-webkit-transform: rotate(80deg);} 100% {-webkit-transform: rotate(0deg);} } @keyframes spin-70 { 0% {transform: rotate(80deg);} 100% {transform: rotate(0deg);} } /* ------ SPIN ROTATE 60 ------- */ .fa-spin-70 { vertical-align: baseline; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; -webkit-transform: translateZ(0px); -webkit-transform-style: preserve-3d; padding: 1px; overflow: visible; -webkit-animation: spin-70 1.9s ease-out both !important; animation: spin-70 1.9s ease-out both !important; } @-webkit-keyframes spin-70 { 0% {-webkit-transform: rotate(80deg);} 100% {-webkit-transform: rotate(0deg);} } @keyframes spin-70 { 0% {transform: rotate(80deg);} 100% {transform: rotate(0deg);} } /* ------ SPIN ROTATE 50 ------- */ .fa-spin-50 { vertical-align: baseline; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; -webkit-transform: translateZ(0px); -webkit-transform-style: preserve-3d; padding: 1px; overflow: visible; -webkit-animation: spin-50 1.9s ease-out both !important; animation: spin-50 1.9s ease-out both !important; } @-webkit-keyframes spin-50 { 0% {-webkit-transform: rotate(80deg);} 100% {-webkit-transform: rotate(0deg);} } @keyframes spin-50 { 0% {transform: rotate(80deg);} 100% {transform: rotate(0deg);} } /* ------ SPIN ROTATE 45 ------- */ .fa-spin-45 { vertical-align: baseline; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; -webkit-transform: translateZ(0px); -webkit-transform-style: preserve-3d; padding: 1px; overflow: visible; -webkit-animation: spin-45 1.9s ease-out both !important; animation: spin-45 1.9s ease-out both !important; } @-webkit-keyframes spin-45 { 0% {-webkit-transform: rotate(80deg);} 100% {-webkit-transform: rotate(0deg);} } @keyframes spin-45 { 0% {transform: rotate(80deg);} 100% {transform: rotate(0deg);} } /* ------ SPIN ROTATE 40 ------- */ .fa-spin-40 { vertical-align: baseline; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; -webkit-transform: translateZ(0px); -webkit-transform-style: preserve-3d; padding: 1px; overflow: visible; -webkit-animation: spin-40 1.9s ease-out both !important; animation: spin-40 1.9s ease-out both !important; } @-webkit-keyframes spin-40 { 0% {-webkit-transform: rotate(80deg);} 100% {-webkit-transform: rotate(0deg);} } @keyframes spin-40 { 0% {transform: rotate(80deg);} 100% {transform: rotate(0deg);} } /* ------ SPIN ROTATE 30 ------- */ .fa-spin-30 { vertical-align: baseline; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; -webkit-transform: translateZ(0px); -webkit-transform-style: preserve-3d; padding: 1px; overflow: visible; -webkit-animation: spin-30 1.9s ease-out both !important; animation: spin-30 1.9s ease-out both !important; } @-webkit-keyframes spin-30 { 0% {-webkit-transform: rotate(80deg);} 100% {-webkit-transform: rotate(0deg);} } @keyframes spin-30 { 0% {transform: rotate(80deg);} 100% {transform: rotate(0deg);} } /* ------ SPIN ROTATE 20 ------- */ .fa-spin-20 { vertical-align: baseline; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; -webkit-transform: translateZ(0px); -webkit-transform-style: preserve-3d; padding: 1px; overflow: visible; -webkit-animation: spin-20 1.9s ease-out both !important; animation: spin-20 1.9s ease-out both !important; } @-webkit-keyframes spin-20 { 0% {-webkit-transform: rotate(80deg);} 100% {-webkit-transform: rotate(0deg);} } @keyframes spin-20 { 0% {transform: rotate(80deg);} 100% {transform: rotate(0deg);} } /* ------ SPIN ROTATE 10 ------- */ .fa-spin-10 { vertical-align: baseline; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; -webkit-transform: translateZ(0px); -webkit-transform-style: preserve-3d; padding: 1px; overflow: visible; -webkit-animation: spin-10 1.9s ease-out both !important; animation: spin-10 1.9s ease-out both !important; } @-webkit-keyframes spin-10 { 0% {-webkit-transform: rotate(80deg);} 100% {-webkit-transform: rotate(0deg);} } @keyframes spin-10 { 0% {transform: rotate(80deg);} 100% {transform: rotate(0deg);} } /* @end */ /* @group TRANSFORM ROCK */ /* ------ ROCK ------- */ .fa-rock { vertical-align: baseline; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; opacity: 1; -webkit-transform: translateZ(0px); -webkit-transform-style: preserve-3d; overflow: visible; padding: 1px; -webkit-animation: rock 1.7s ease-in-out both !important; animation: rock 1.7s ease-in-out both !important; } @-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);} } @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 { vertical-align: baseline; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; overflow: visible; -webkit-animation: dangles 1.3s ease-out both !important; animation: dangles 1.3s ease-out both !important; } @-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);} } @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 { 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; 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;} } /* ------ pulse INFINITE------- */ .fa-pulse-loop { vertical-align: baseline; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; /* ------ don't add code to prevent issues in the linnkd with FA------- */ -webkit-animation: pulse-loop 2.9s linear; animation: pulse-loop 2.9s linear; -webkit-animation-iteration-count: 11; animation-iteration-count: 11; } @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;} } /* ------ pulse INFINITE------- */ /* @end */ /* @group MAX HEIGHT - For TEXT and ICONS ONLY */ /* ------ MAX 300 PIXEL ------- */ .fa-max-300 {font-size: 300px; margin: 0; padding: 0; line-height: 0.9em;} @media only screen and (max-width: 1030px) { /* 300 *//* iPad - kindle - Landscape */ /* 1 */ .fa-max-300 {font-size: 300px !important; }} @media only screen and (max-width: 800px) { /* 275 */ /* iPad - Portrait */ .fa-max-300 {font-size: 280px !important; }} @media only screen and (max-width: 750px) { /* 250 */ .fa-max-300 {font-size: 275px !important; }} @media only screen and (max-width: 700px) { /* 225 */ .fa-max-300 {font-size: 260px !important; }} @media only screen and (max-width: 650px) { /* 200 */ .fa-max-300 {font-size: 240px !important; }} @media only screen and (max-width: 600px) { /* 150 */ /* kindle - Portrait + iPhone - Landscape*/ .fa-max-300 {font-size: 220px !important; }} @media only screen and (max-width: 566px) { /* 125 */ .fa-max-300 {font-size: 190px !important; }} @media only screen and (max-width: 533px) { /* 100 */ .fa-max-300 {font-size: 170px !important; }} @media only screen and (max-width: 500px) { /* 75 */ /* iPhone - Landscape */ .fa-max-300 {font-size: 160px !important; }} @media only screen and (max-width: 400px) { /* 50 */ .fa-max-300 {font-size: 130px !important; }} @media only screen and (max-width: 320px) { /* 50 */ /* iPhone - Portrait + small devices Android - Landscape */ .fa-max-300 {font-size: 120px !important; }} @media only screen and (max-width: 240px) { /* 50 */ /* small devices Android - Portrait */ .fa-max-300 {font-size: 75px !important; }} /* ------ MAX 275 PIXEL ------- */ .fa-max-275 {font-size: 275px !important; line-height: 1em; margin: 0; padding: 0;} @media only screen and (max-width: 1030px) { /* 300 *//* iPad - kindle - Landscape */ /* 1 */ .fa-max-275 {font-size: 275px !important; }} @media only screen and (max-width: 800px) { /* 275 */ /* iPad - Portrait */ .fa-max-275 {font-size: 275px !important; }} @media only screen and (max-width: 750px) { /* 250 */ .fa-max-275 {font-size: 260px !important; }} @media only screen and (max-width: 700px) { /* 225 */ .fa-max-275 {font-size: 250px !important; }} @media only screen and (max-width: 650px) { /* 200 */ .fa-max-275 {font-size: 235px !important; }} @media only screen and (max-width: 600px) { /* 150 */ /* kindle - Portrait + iPhone - Landscape*/ .fa-max-275 {font-size: 200px !important; }} @media only screen and (max-width: 566px) { /* 125 */ .fa-max-275 {font-size: 170px !important; }} @media only screen and (max-width: 533px) { /* 100 */ .fa-max-275 {font-size: 150px !important; }} @media only screen and (max-width: 500px) { /* 75 */ /* iPhone - Landscape */ .fa-max-275 {font-size: 140px !important; }} @media only screen and (max-width: 400px) { /* 50 */ .fa-max-275 {font-size: 125px !important; }} @media only screen and (max-width: 320px) { /* 50 */ /* iPhone - Portrait + small devices Android - Landscape */ .fa-max-275 {font-size: 110px !important; }} @media only screen and (max-width: 240px) { /* 50 */ /* small devices Android - Portrait */ .fa-max-275 {font-size: 70px !important; }} /* ------ MAX 250 PIXEL ------- */ .fa-max-250 {font-size: 250px !important; line-height: 1em; margin: 0; padding: 0;} @media only screen and (max-width: 1030px) { /* 300 *//* iPad - kindle - Landscape */ /* 1 */ .fa-max-250 {font-size: 250px !important; }} @media only screen and (max-width: 800px) { /* 275 */ /* iPad - Portrait */ .fa-max-250 {font-size: 250px !important; }} @media only screen and (max-width: 750px) { /* 250 */ .fa-max-250 {font-size: 235px !important; }} @media only screen and (max-width: 700px) { /* 225 */ .fa-max-250 {font-size: 225px !important; }} @media only screen and (max-width: 650px) { /* 200 */ .fa-max-250 {font-size: 200px !important; }} @media only screen and (max-width: 600px) { /* 150 */ /* kindle - Portrait + iPhone - Landscape*/ .fa-max-250 {font-size: 180px !important; }} @media only screen and (max-width: 566px) { /* 125 */ .fa-max-250 {font-size: 160px !important; }} @media only screen and (max-width: 533px) { /* 100 */ .fa-max-250 {font-size: 140px !important; }} @media only screen and (max-width: 500px) { /* 75 */ /* iPhone - Landscape */ .fa-max-250 {font-size: 130px !important; }} @media only screen and (max-width: 400px) { /* 50 */ /* ------------------------------------------ */ .fa-max-250 {font-size: 110px !important; }} @media only screen and (max-width: 320px) { /* 50 */ /* iPhone - Portrait + small devices Android - Landscape */ .fa-max-250 {font-size: 105px !important; }} @media only screen and (max-width: 240px) { /* 50 */ /* small devices Android - Portrait */ .fa-max-250 {font-size: 65px !important; }} /* ------ MAX 225 PIXEL ------- */ .fa-max-225 {font-size: 225px !important; line-height: 1em; margin: 0; padding: 0;} @media only screen and (max-width: 1030px) { /* 300 *//* iPad - kindle - Landscape */ /* 1 */ .fa-max-225 {font-size: 225px !important; }} @media only screen and (max-width: 800px) { /* 275 */ /* iPad - Portrait */ .fa-max-225 {font-size: 225px !important; }} @media only screen and (max-width: 750px) { /* 250 */ .fa-max-225 {font-size: 225px !important; }} @media only screen and (max-width: 700px) { /* 225 */ .fa-max-225 {font-size: 215px !important; }} @media only screen and (max-width: 650px) { /* 200 */ .fa-max-225 {font-size: 200px !important; }} @media only screen and (max-width: 600px) { /* 150 */ /* kindle - Portrait + iPhone - Landscape*/ .fa-max-225 {font-size: 175px !important; }} @media only screen and (max-width: 566px) { /* 125 */ .fa-max-225 {font-size: 150px !important; }} @media only screen and (max-width: 533px) { /* 100 */ .fa-max-225 {font-size: 135px !important; }} @media only screen and (max-width: 500px) { /* 75 */ /* iPhone - Landscape */ .fa-max-225 {font-size: 120px !important; }} @media only screen and (max-width: 400px) { /* 50 */ /* ------------------------------------------ */ .fa-max-225 {font-size: 105px !important; }} @media only screen and (max-width: 320px) { /* 50 */ /* iPhone - Portrait + small devices Android - Landscape */ .fa-max-225 {font-size: 100px !important; }} @media only screen and (max-width: 240px) { /* 50 */ /* small devices Android - Portrait */ .fa-max-225 {font-size: 60px !important; }} /* ------ MAX 200 PIXEL ------- */ .fa-max-200 {font-size: 200px !important; line-height: 1em; margin: 0; padding: 0;} @media only screen and (max-width: 1030px) { /* 300 *//* iPad - kindle - Landscape */ /* 1 */ .fa-max-200 {font-size: 200px !important; }} @media only screen and (max-width: 800px) { /* 275 */ /* iPad - Portrait */ .fa-max-200 {font-size: 200px !important; }} @media only screen and (max-width: 750px) { /* 250 */ .fa-max-200 {font-size: 200px !important; }} @media only screen and (max-width: 700px) { /* 225 */ .fa-max-200 {font-size: 200px !important; }} @media only screen and (max-width: 650px) { /* 200 */ .fa-max-200 {font-size: 180px !important; }} @media only screen and (max-width: 600px) { /* 150 */ /* kindle - Portrait + iPhone - Landscape*/ .fa-max-200 {font-size: 175px !important; }} @media only screen and (max-width: 566px) { /* 125 */ .fa-max-200 {font-size: 140px !important; }} @media only screen and (max-width: 533px) { /* 100 */ .fa-max-200 {font-size: 125px !important; }} @media only screen and (max-width: 500px) { /* 75 */ /* iPhone - Landscape */ .fa-max-200 {font-size: 110px !important; }} @media only screen and (max-width: 400px) { /* 50 */ /* ------------------------------------------ */ .fa-max-200 {font-size: 100px !important; }} @media only screen and (max-width: 320px) { /* 50 */ /* iPhone - Portrait + small devices Android - Landscape */ .fa-max-200 {font-size: 90px !important; }} @media only screen and (max-width: 240px) { /* 50 */ /* small devices Android - Portrait */ .fa-max-200 {font-size: 55px !important; }} /* ------ MAX 175 PIXEL ------- */ .fa-max-175 {font-size: 175px !important; line-height: 1em; margin: 0; padding: 0;} @media only screen and (max-width: 1030px) { /* 300 *//* iPad - kindle - Landscape */ /* 1 */ .fa-max-175 {font-size: 175px !important; }} @media only screen and (max-width: 800px) { /* 275 */ /* iPad - Portrait */ .fa-max-175 {font-size: 175px !important; }} @media only screen and (max-width: 750px) { /* 250 */ .fa-max-175 {font-size: 175px !important; }} @media only screen and (max-width: 700px) { /* 225 */ .fa-max-175 {font-size: 175px !important; }} @media only screen and (max-width: 650px) { /* 200 */ .fa-max-175 {font-size: 170px !important; }} @media only screen and (max-width: 600px) { /* 150 */ /* kindle - Portrait + iPhone - Landscape*/ .fa-max-175 {font-size: 155px !important; }} @media only screen and (max-width: 566px) { /* 125 */ .fa-max-175 {font-size: 145px !important; }} @media only screen and (max-width: 533px) { /* 100 */ .fa-max-175 {font-size: 120px !important; }} @media only screen and (max-width: 500px) { /* 75 */ /* iPhone - Landscape */ .fa-max-175 {font-size: 95px !important; }} @media only screen and (max-width: 400px) { /* 50 */ /* ------------------------------------------ */ .fa-max-175 {font-size: 90px !important; }} @media only screen and (max-width: 320px) { /* 50 */ /* iPhone - Portrait + small devices Android - Landscape */ .fa-max-175 {font-size: 85px !important; }} @media only screen and (max-width: 240px) { /* 50 */ /* small devices Android - Portrait */ .fa-max-175 {font-size: 50px !important; }} /* ------ MAX 150 PIXEL ------- */ .fa-max-150 {font-size: 150px !important; line-height: 1.1em; margin: 0; padding: 0; } @media only screen and (max-width: 1030px) { /* 300 *//* iPad - kindle - Landscape */ /* 1 */ .fa-max-150 {font-size: 150px !important; }} @media only screen and (max-width: 800px) { /* 275 */ /* iPad - Portrait */ .fa-max-150 {font-size: 150px !important; }} @media only screen and (max-width: 750px) { /* 250 */ .fa-max-150 {font-size: 150px !important; }} @media only screen and (max-width: 700px) { /* 225 */ .fa-max-150 {font-size: 150px !important; }} @media only screen and (max-width: 650px) { /* 200 */ .fa-max-150 {font-size: 150px !important; }} @media only screen and (max-width: 600px) { /* 150 */ /* kindle - Portrait + iPhone - Landscape*/ .fa-max-150 {font-size: 140px !important; }} @media only screen and (max-width: 566px) { /* 125 */ .fa-max-150 {font-size: 120px !important; }} @media only screen and (max-width: 533px) { /* 100 */ .fa-max-150 {font-size: 110px !important; }} @media only screen and (max-width: 500px) { /* 75 */ /* iPhone - Landscape */ .fa-max-150 {font-size: 95px !important; }} @media only screen and (max-width: 400px) { /* 50 */ /* ------------------------------------------ */ .fa-max-150 {font-size: 80px !important; }} @media only screen and (max-width: 320px) { /* 50 */ /* iPhone - Portrait + small devices Android - Landscape */ .fa-max-150 {font-size: 75px !important; }} @media only screen and (max-width: 240px) { /* 50 */ /* small devices Android - Portrait */ .fa-max-150 {font-size: 45px !important; }} /* ------ MAX 125 PIXEL ------- */ .fa-max-125 {font-size: 125px !important; 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 !important; }} @media only screen and (max-width: 800px) { /* 275 */ /* iPad - Portrait */ .fa-max-125 {font-size: 125px !important; }} @media only screen and (max-width: 750px) { /* 250 */ .fa-max-125 {font-size: 125px !important; }} @media only screen and (max-width: 700px) { /* 225 */ .fa-max-125 {font-size: 125px !important; }} @media only screen and (max-width: 650px) { /* 200 */ .fa-max-125 {font-size: 125px !important; }} @media only screen and (max-width: 600px) { /* 150 */ /* kindle - Portrait + iPhone - Landscape*/ .fa-max-125 {font-size: 125px !important; }} @media only screen and (max-width: 566px) { /* 125 */ .fa-max-125 {font-size: 115px !important; }} @media only screen and (max-width: 533px) { /* 100 */ .fa-max-125 {font-size: 100px !important; }} @media only screen and (max-width: 500px) { /* 75 */ /* iPhone - Landscape */ .fa-max-125 {font-size: 87px !important; }} @media only screen and (max-width: 400px) { /* 50 */ /* ------------------------------------------ */ .fa-max-125 {font-size: 75px !important; }} @media only screen and (max-width: 320px) { /* 50 */ /* iPhone - Portrait + small devices Android - Landscape */ .fa-max-125 {font-size: 66px !important; }} @media only screen and (max-width: 240px) { /* 50 */ /* small devices Android - Portrait */ .fa-max-125 {font-size: 42px !important; }} /* ------ MAX 100 PIXEL ------- */ .fa-max-100 {font-size: 100px !important; 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 !important; }} @media only screen and (max-width: 800px) { /* 275 */ /* iPad - Portrait */ .fa-max-100 {font-size: 100px !important; }} @media only screen and (max-width: 750px) { /* 250 */ .fa-max-100 {font-size: 100px !important; }} @media only screen and (max-width: 700px) { /* 225 */ .fa-max-100 {font-size: 100px !important; }} @media only screen and (max-width: 650px) { /* 200 */ .fa-max-100 {font-size: 100px !important; }} @media only screen and (max-width: 600px) { /* 150 */ /* kindle - Portrait + iPhone - Landscape*/ .fa-max-100 {font-size: 100px !important; }} @media only screen and (max-width: 566px) { /* 125 */ .fa-max-100 {font-size: 90px !important; }} @media only screen and (max-width: 533px) { /* 100 */ .fa-max-100 {font-size: 85px !important; }} @media only screen and (max-width: 500px) { /* 75 */ /* iPhone - Landscape */ .fa-max-100 {font-size: 80px !important; }} @media only screen and (max-width: 400px) { /* 50 */ /* ------------------------------------------ */ .fa-max-100 {font-size: 65px !important; }} @media only screen and (max-width: 320px) { /* 50 */ /* iPhone - Portrait + small devices Android - Landscape */ .fa-max-100 {font-size: 57px !important; }} @media only screen and (max-width: 240px) { /* 50 */ /* small devices Android - Portrait */ .fa-max-100 {font-size: 35px !important; }} /* ------ MAX 75 PIXEL ------- */ .fa-max-75 {font-size: 75px !important; 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 !important; }} @media only screen and (max-width: 800px) { /* 275 */ /* iPad - Portrait */ .fa-max-75 {font-size: 75px !important; }} @media only screen and (max-width: 750px) { /* 250 */ .fa-max-75 {font-size: 75px !important; }} @media only screen and (max-width: 700px) { /* 225 */ .fa-max-75 {font-size: 75px !important; }} @media only screen and (max-width: 650px) { /* 200 */ .fa-max-75 {font-size: 75px !important; }} @media only screen and (max-width: 600px) { /* 150 */ /* kindle - Portrait + iPhone - Landscape*/ .fa-max-75 {font-size: 75px !important; }} @media only screen and (max-width: 566px) { /* 125 */ .fa-max-75 {font-size: 75px !important; }} @media only screen and (max-width: 533px) { /* 100 */ .fa-max-75 {font-size: 70px !important; }} @media only screen and (max-width: 500px) { /* 75 */ /* iPhone - Landscape */ .fa-max-75 {font-size: 60px !important; }} @media only screen and (max-width: 400px) { /* 50 */ /* ------------------------------------------ */ .fa-max-75 {font-size: 55px !important; }} @media only screen and (max-width: 320px) { /* 50 */ /* iPhone - Portrait + small devices Android - Landscape */ .fa-max-75 {font-size: 40px !important; }} @media only screen and (max-width: 240px) { /* 50 */ /* small devices Android - Portrait */ .fa-max-75 {font-size: 30px !important; }} /* ------ MAX 50 PIXEL ------- */ .fa-max-50 {font-size: 50px !important; 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 !important; }} @media only screen and (max-width: 800px) { /* 275 */ /* iPad - Portrait */ .fa-max-50 {font-size: 50px !important; }} @media only screen and (max-width: 750px) { /* 250 */ .fa-max-50 {font-size: 50px !important; }} @media only screen and (max-width: 700px) { /* 225 */ .fa-max-50 {font-size: 50px !important; }} @media only screen and (max-width: 650px) { /* 200 */ .fa-max-50 {font-size: 50px !important; }} @media only screen and (max-width: 600px) { /* 150 */ /* kindle - Portrait + iPhone - Landscape*/ .fa-max-50 {font-size: 50px !important; }} @media only screen and (max-width: 566px) { /* 125 */ .fa-max-50 {font-size: 50px !important; }} @media only screen and (max-width: 533px) { /* 100 */ .fa-max-50 {font-size: 50px !important; }} @media only screen and (max-width: 500px) { /* 75 */ /* iPhone - Landscape */ .fa-max-50 {font-size: 50px !important; }} @media only screen and (max-width: 400px) { /* 50 */ /* ------------------------------------------ */ .fa-max-50 {font-size: 40px !important; }} @media only screen and (max-width: 320px) { /* 50 */ /* iPhone - Portrait + small devices Android - Landscape */ .fa-max-50 {font-size: 30px !important; }} @media only screen and (max-width: 240px) { /* 50 */ /* small devices Android - Portrait */ .fa-max-50 {font-size: 25px !important; }} /* ------ MAX 30 PIXEL ------- */ .fa-max-30 {font-size: 30px !important; 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 !important; }} @media only screen and (max-width: 800px) { /* 275 */ /* iPad - Portrait */ .fa-max-30 {font-size: 30px !important; }} @media only screen and (max-width: 750px) { /* 250 */ .fa-max-30 {font-size: 30px !important; }} @media only screen and (max-width: 700px) { /* 225 */ .fa-max-30 {font-size: 30px !important; }} @media only screen and (max-width: 650px) { /* 200 */ .fa-max-30 {font-size: 30px !important; }} @media only screen and (max-width: 600px) { /* 150 */ /* kindle - Portrait + iPhone - Landscape*/ .fa-max-30 {font-size: 30px !important; }} @media only screen and (max-width: 566px) { /* 125 */ .fa-max-30 {font-size: 30px !important; }} @media only screen and (max-width: 533px) { /* 100 */ .fa-max-30 {font-size: 30px !important; }} @media only screen and (max-width: 500px) { /* 75 */ /* iPhone - Landscape */ .fa-max-30 {font-size: 30px !important; }} @media only screen and (max-width: 400px) { /* 50 */ /* ------------------------------------------ */ .fa-max-30 {font-size: 25px !important; }} @media only screen and (max-width: 320px) { /* 50 */ /* iPhone - Portrait + small devices Android - Landscape */ .fa-max-30 {font-size: 22px !important; }} @media only screen and (max-width: 240px) { /* 50 */ /* small devices Android - Portrait */ .fa-max-30 {font-size: 22px !important; }} /* icons size */ /* @end */ /* @group SWAP */ .fa-swap { /* vertical */ -webkit-animation: swap-vertical 0.45s ease-in-out both !important; animation: swap-vertical 0.45s ease-out both !important; -webkit-animation-fill-mode: both; animation-fill-mode: both; overflow: hidden !important; } @keyframes swap-vertical { 0%{ transform: translateY(0px); opacity: 1;} 18%{transform: translateY(20px);opacity: 0.15;} 20%{opacity: 0.2; } 50%{ transform: translateY(60px);} 51%{ transform: translateY(-80px); opacity: 0.0;} 52%{ transform: translateY(-40px); opacity: 0.0;} 58%{ transform: translateY(-10px); opacity: 0.6;} 70%{ transform: translateY(15px); opacity: 1;} 100%{ transform: translateY(0px); opacity: 1;} } @-webkit-keyframes swap-vertical { 0%{ -webkit-transform: translateY(0px); opacity: 1;} 18%{-webkit-transform: translateY(20px);opacity: 0.15;} 20%{opacity: 0.2; } 50%{ -webkit-transform: translateY(60px);} 51%{ -webkit-transform: translateY(-80px); opacity: 0.0;} 52%{ -webkit-transform: translateY(-40px); opacity: 0.0;} 58%{ -webkit-transform: translateY(-10px); opacity: 0.6;} 70%{ -webkit-transform: translateY(15px); opacity: 1;} 100%{ -webkit-transform: translateY(0px); opacity: 1;} } .fa-swap-horizontal { -webkit-animation: swap-horizontal 0.45s ease-in-out both !important; animation: swap-horizontal 0.45s ease-out both !important; -webkit-animation-fill-mode: both; animation-fill-mode: both; overflow: hidden !important; } @keyframes swap-horizontal { 0%{ transform: translateX(0px); opacity: 1;} 18%{transform: translateX(20px);opacity: 0.15;} 20%{opacity: 0.2; } 50%{ transform: translateX(60px);} 51%{ transform: translateX(-80px); opacity: 0.0;} 52%{ transform: translateX(-40px); opacity: 0.0;} 58%{ transform: translateX(-10px); opacity: 0.6;} 70%{ transform: translateX(15px); opacity: 1;} 100%{ transform: translateX(0px); opacity: 1;} } @-webkit-keyframes swap-horizontal { 0%{ -webkit-transform: translateX(0px); opacity: 1;} 18%{-webkit-transform: translateX(20px);opacity: 0.15;} 20%{opacity: 0.2; } 50%{ -webkit-transform: translateX(60px);} 51%{ -webkit-transform: translateX(-80px); opacity: 0.0;} 52%{ -webkit-transform: translateX(-40px); opacity: 0.0;} 58%{ -webkit-transform: translateX(-10px); opacity: 0.6;} 70%{ -webkit-transform: translateX(15px); opacity: 1;} 100%{ -webkit-transform: translateX(0px); opacity: 1;} } /* END */ /* pinch fa-pinch inverse ( for buttons ) */ .fa-pinch { vertical-align: baseline; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; -webkit-transform: translateZ(0px); -webkit-transform-style: preserve-3d; opacity: 1; padding: 1px; overflow: visible; -webkit-animation: pinch 0.55s ease-out both !important; animation: pinch 0.55s ease-out both !important; } /* @end */ /* @group PINCH */ @keyframes pinch { 0% {opacity: 1; transform: scale(1.0) translateX(0) translatey(0);} 25% {opacity: 0.5; transform: scale(0.5) translateX(0) translatey(0);} 33% {opacity: 0; transform: scale(0.0) translateX(0) translatey(0);} 35% {opacity: 0; transform: scale(0.0) translateX(0) translatey(0);} 40% {opacity: 0.0; transform: scale(1.7) translateX(0) translatey(0);} 50% {opacity: 0.2;} 70% {opacity: 0.9;} 100% {opacity: 1; transform: scale(1.0) translateX(0) translatey(0);} } @-webkit-keyframes pinch { 0% {opacity: 1; -webkit-transform: scale(1.0) translateX(0) translatey(0);} 25% {opacity: 0.5; -webkit-transform: scale(0.5) translateX(0) translatey(0);} 33% {opacity: 0; -webkit-transform: scale(0.0) translateX(0) translatey(0);} 35% {opacity: 0; -webkit-transform: scale(0.0) translateX(0) translatey(0);} 40% {opacity: 0.0; -webkit-transform: scale(1.7) translateX(0) translatey(0);} 50% {opacity: 0.2;} 70% {opacity: 0.9;} 100% {opacity: 1; -webkit-transform: scale(1.0) translateX(0) translatey(0);} } .fa-pinch-inverse { vertical-align: baseline; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0;margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; -webkit-transform: translateZ(0px); -webkit-transform-style: preserve-3d; opacity: 1; padding: 1px; overflow: visible; -webkit-animation: pinch-inverse 0.55s ease-out both !important; animation: pinch-inverse 0.55s ease-out both !important; } @keyframes pinch-inverse { 100% {opacity: 1; transform: scale(1.0) translateX(0) translatey(0);} 70% {opacity: 0.5; transform: scale(0.5) translateX(0) translatey(0);} 50% {opacity: 0; transform: scale(0.0) translateX(0) translatey(0);} 40% {opacity: 0; transform: scale(0.0) translateX(0) translatey(0);} 35% {opacity: 0.0; transform: scale(1.7) translateX(0) translatey(0);} 33% {opacity: 0.2;} 25% {opacity: 0.9;} 0% {opacity: 1; transform: scale(1.0) translateX(0) translatey(0);} } @-webkit-keyframes pinch-inverse { 100% {opacity: 1; -webkit-transform: scale(1.0) translateX(0) translatey(0);} 70% {opacity: 0.5; -webkit-transform: scale(0.5) translateX(0) translatey(0);} 50% {opacity: 0; -webkit-transform: scale(0.0) translateX(0) translatey(0);} 40% {opacity: 0; -webkit-transform: scale(0.0) translateX(0) translatey(0);} 35% {opacity: 0.0; -webkit-transform: scale(1.7) translateX(0) translatey(0);} 33% {opacity: 0.2;} 25% {opacity: 0.9;} 0% {opacity: 1; -webkit-transform: scale(1.0) translateX(0) translatey(0);} } /* @end */ /* @group BLURRED */ /* --- BLUR BLURRED--- */ .fa-blurred { -webkit-filter: blur(0px); /* modern browsers only */ -webkit-animation: blurred 0.8s ease-in both !important; animation: blurred 0.8s ease-in both !important; } @keyframes blurred{ 0% {filter: blur(0px); -webkit-filter: blur(0px);} 20% {filter: blur(3px); -webkit-filter: blur(3px);} 100% {filter: blur(0px); -webkit-filter: blur(0px);} } @-webkit-keyframes blurred{ 0% {-webkit-filter: blur(0px);} 20% {-webkit-filter: blur(3px);} 100% {-webkit-filter: blur(0px);} } /* @end */ /* @group FLIPPED */ .fa-flipped { /* vertical */ vertical-align: baseline; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; margin-right: auto; margin-left: auto; -webkit-transform: translateZ(0px); -webkit-transform-style: preserve-3d; -webkit-animation: flipped-y 1s ease-in-out both !important; animation: flipped-y 1s ease-in-out both !important; } @-webkit-keyframes flipped-y { 0% {-webkit-transform: perspective(3000px)rotateY(0deg);} 100% {-webkit-transform: perspective(3000px) rotateY(360deg);} } @keyframes flipped-y { 0% {transform: perspective(3000px) rotateY(00deg) rotateX(0deg);} 100% {transform: perspective(3000px) rotateY(360deg) rotateX(0deg);} } .fa-flipped-horizontal { vertical-align: baseline; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; margin-right: auto; margin-left: auto; -webkit-transform: translateZ(0px); -webkit-transform-style: preserve-3d; -webkit-animation: flipped-x 1s ease-in-out both !important; animation: flipped-x 1s ease-in-out both !important; } @-webkit-keyframes flipped-x { 0% {-webkit-transform: perspective(3000px)rotateX(0deg);} 100% {-webkit-transform: perspective(3000px) rotateX(360deg);} } @keyframes flipped-x { 0% {transform: perspective(3000px) rotateX(00deg) rotateY(0deg);} 100% {transform: perspective(3000px) rotateX(360deg) rotateY(0deg);} } /* @end */ /* @group BOUNCE - center */ .fa-bounce { -webkit-animation-name: fa-bounce-center ; animation-name: fa-bounce-center ; -webkit-animation-duration: 0.90s; animation-duration: 0.90s; } @-webkit-keyframes fa-bounce-center {from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.230, 0.670, 0.390, 1.300); animation-timing-function: cubic-bezier(0.230, 0.670, 0.390, 1.300);} 0% { opacity: 0; -webkit-transform: scale3d(.4, .4, .4); transform: scale3d(.4, .4, .4); } 20% { -webkit-transform: scale3d(1.14, 1.14, 1.14); transform: scale3d(1.14, 1.14, 1.14); } 40% { -webkit-transform: scale3d(.8, .8, .8); transform: scale3d(.8, .8, .8); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.95, .95, .95); transform: scale3d(.95, .95, .95); } to {opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes fa-bounce-center { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.230, 0.670, 0.390, 1.300); animation-timing-function: cubic-bezier(0.230, 0.670, 0.390, 1.300);} 0% { opacity: 0; -webkit-transform: scale3d(.4, .4, .4); transform: scale3d(.4, .4, .4);} 20% { -webkit-transform: scale3d(1.14, 1.14, 1.14); transform: scale3d(1.14, 1.14, 1.14); } 40% { -webkit-transform: scale3d(.8, .8, .8); transform: scale3d(.8, .8, .8); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.95, .95, .95); transform: scale3d(.95, .95, .95); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } /* @end */ /* @group ENLARGE - REDUCE - Buttons States */ /* ------ icon - zoom ------- */ .fa-reduce { /* vertical-align: baseline;*/ -webkit-transform: translateZ(0px); -webkit-transform-style: preserve-3d; overflow: visible; -webkit-animation: reduce 0.20s ease-in both !important; animation: reduce 0.20s ease-in both !important; } @keyframes reduce { 0% {transform: scale(1);} 100% {transform: scale(0.9);} } @-webkit-keyframes reduce { 0% {-webkit-transform: scale(1);} 100% {-webkit-transform: scale(0.9);} } /* ---- end ----- */ .fa-enlarge { /* vertical-align: baseline; */ -webkit-transform: translateZ(0px); -webkit-transform-style: preserve-3d; overflow: visible; -webkit-animation: enlarge 0.25s ease-out both !important; animation: enlarge 0.25s ease-out both !important; } @keyframes enlarge { 0% {transform: scale(0.9) translateX(0) translatey(0);} 100% {transform: scale(1.0) translateX(0) translatey(0);} } @-webkit-keyframes enlarge { 0% {-webkit-transform: scale(0.9) translateX(0) translatey(0);} 100% {-webkit-transform: scale(1.0) translateX(0) translatey(0);} } /* @end */ /* @end */ /* ------------- */ /* @group Multithemes addons custom for theme */ /* @group ------ WEB-FONT FOR TEXT ONLY (for this theme only) */ .font-1, .font-1 a:link, .font-1 a:hover, .font-1 a:active, .font-1 a:visited, .font-2, .font-2 a:link, .font-2 a:hover, .font-2 a:active, .font-2 a:visited, .font-3, .font-3 a:link, .font-3 a:hover, .font-3 a:active, .font-3 a:visited, .font-4, .font-4 a:link, .font-4 a:hover, .font-4 a:active, .font-4 a:visited, .font-5, .font-5 a:link, .font-5 a:hover, .font-5 a:active, .font-5 a:visited, .font-6, .font-6 a:link, .font-6 a:hover, .font-6 a:active, .font-6 a:visited, .font-7, .font-7 a:link, .font-7 a:hover, .font-7 a:active, .font-7 a:visited, .font-8, .font-8 a:link, .font-8 a:hover, .font-8 a:active, .font-8 a:visited, .font-9, .font-9 a:link, .font-9 a:hover, .font-9 a:active, .font-9 a:visited, .font-10, .font-10 a:link, .font-10 a:hover, .font-10 a:active, .font-10 a:visited, .font-11, .font-11 a:link, .font-11 a:hover, .font-11 a:active, .font-11 a:visited, .font-12, .font-12 a:link, .font-12 a:hover, .font-12 a:active, .font-12 a:visited, .font-13, .font-13 a:link, .font-13 a:hover, .font-13 a:active, .font-13 a:visited, .font-14, .font-14 a:link, .font-14 a:hover, .font-14 a:active, .font-14 a:visited, .font-15, .font-15 a:link, .font-15 a:hover, .font-15 a:active, .font-15 a:visited, .font-16, .font-16 a:link, .font-16 a:hover, .font-16 a:active, .font-16 a:visited, .font-17, .font-17 a:link, .font-17 a:hover, .font-17 a:active, .font-17 a:visited, .font-18, .font-18 a:link, .font-18 a:hover, .font-18 a:active, .font-18 a:visited, .font-19, .font-19 a:link, .font-19 a:hover, .font-19 a:active, .font-19 a:visited, .font-20, .font-20 a:link, .font-20 a:hover, .font-20 a:active, .font-20 a:visited, .font-21, .font-21 a:link, .font-21 a:hover, .font-21 a:active, .font-21 a:visited, .font-22, .font-22 a:link, .font-22 a:hover, .font-22 a:active, .font-22 a:visited, .font-23, .font-23 a:link, .font-23 a:hover, .font-23 a:active, .font-23 a:visited, .font-24, .font-24 a:link, .font-24 a:hover, .font-24 a:active, .font-24 a:visited, .font-25, .font-25 a:link, .font-25 a:hover, .font-25 a:active, .font-25 a:visited, .font-26, .font-26 a:link, .font-26 a:hover, .font-26 a:active, .font-26 a:visited, .font-27, .font-27 a:link, .font-27 a:hover, .font-27 a:active, .font-27 a:visited, .font-28, .font-28 a:link, .font-28 a:hover, .font-28 a:active, .font-28 a:visited, .font-29, .font-29 a:link, .font-29 a:hover, .font-29 a:active, .font-29 a:visited, .font-30, .font-30 a:link, .font-30 a:hover, .font-30 a:active, .font-30 a:visited { transition: all 0s linear !important; -moz-transition: all 0s linear !important; -webkit-transition: all 0s linear !important; transition-property: color !important; transition-duration: 0ms !important; -webkit-transition-property: color !important; -webkit-transition-duration: 0ms !important; -moz-transition-property: color !important; -moz-transition-duration: 0ms !important; } /* ------ FONT FOR THIS THEME ONLY ------- */ .font-1, .font-1 a:link, .font-1 a:hover, .font-1 a:active, .font-1 a:visited { font-family: 'helvetica_neueregular' !important; letter-spacing: 2px; line-height: 1.2em; } .font-2, .font-2 a:link, .font-2 a:hover, .font-2 a:active, .font-2 a:visited { font-family: 'DISCORegular' !important; letter-spacing: -1px; line-height: 1.2em; } .font-3, .font-3 a:link, .font-3 a:hover, .font-3 a:active, .font-3 a:visited { font-family: 'SnippetRegular' !important; line-height: 1.2em; } .font-4, .font-4 a:link, .font-4 a:hover, .font-4 a:active, .font-4 a:visited { font-family: 'SambaRegular' !important; line-height: 1.2em; } .font-5, .font-5 a:link, .font-5 a:hover, .font-5 a:active, .font-5 a:visited { font-family: 'StMarieThin' !important; line-height: 1.2em; } .font-6, .font-6 a:link, .font-6 a:hover, .font-6 a:active, .font-6 a:visited { font-family: 'PerspectiveSansRegular' !important; line-height: 1.2em; } .font-7, .font-7 a:link, .font-7 a:hover, .font-7 a:active, .font-7 a:visited { font-family: 'RationaleOneRegular' !important; line-height: 1.2em; } .font-8, .font-8 a:link, .font-8 a:hover, .font-8 a:active, .font-8 a:visited { font-family: 'KreonRegular' !important; line-height: 1.2em; } .font-9, .font-9 a:link, .font-9 a:hover, .font-9 a:active, .font-9 a:visited { font-family: 'BebasRegular' !important; line-height: 1.2em; } .font-10, .font-10 a:link, .font-10 a:hover, .font-10 a:active, .font-10 a:visited { font-family: 'CuprumFFURegular' !important; line-height: 1.2em; } .font-11, .font-11 a:link, .font-11 a:hover, .font-11 a:active, .font-11 a:visited { font-family: 'OstrichSansMedium' !important; line-height: 1.2em; } .font-12, .font-12 a:link, .font-12 a:hover, .font-12 a:active, .font-12 a:visited { font-family: 'GoudyBookletter1911Regular' !important; line-height: 1.2em; } .font-13, .font-13 a:link, .font-13 a:hover, .font-13 a:active, .font-13 a:visited { font-family: 'EconomicaRegular' !important; letter-spacing: 2px; line-height: 1.2em; } .font-14, .font-14 a:link, .font-14 a:hover, .font-14 a:active, .font-14 a:visited { font-family: 'open_sanscondensed_light', serif !important; line-height: 1.2em; } .font-15, .font-15 a:link, .font-15 a:hover, .font-15 a:active, .font-15 a:visited { font-family: 'josefin_sansregular', serif !important; line-height: 1.2em; } .font-16, .font-16 a:link, .font-16 a:hover, .font-16 a:active, .font-16 a:visited { font-family: 'oxygenregular', sans-serif !important; line-height: 1.2em; } .font-17, .font-17 a:link, .font-17 a:hover, .font-17 a:active, .font-17 a:visited { font-family: 'ralewaylight', serif !important; line-height: 1.2em; } .font-18, .font-18 a:link, .font-18 a:hover, .font-18 a:active, .font-18 a:visited { font-family: 'montserratmedium', serif !important; line-height: 1.2em; } .font-19, .font-19 a:link, .font-19 a:hover, .font-19 a:active, .font-19 a:visited { font-family: 'gloria_hallelujahregular', cursive !important; line-height: 1.2em; } .font-20, .font-20 a:link, .font-20 a:hover, .font-20 a:active, .font-20 a:visited { font-family: 'paytone_oneregular', san-serif !important; line-height: 1.2em; } .font-21, .font-21 a:link, .font-21 a:hover, .font-21 a:active, .font-21 a:visited { font-family: 'abelregular', san-serif !important; line-height: 1.2em; } .font-22, .font-22 a:link, .font-22 a:hover, .font-22 a:active, .font-22 a:visited { font-family: 'bree_serifregular', san-serif !important; line-height: 1.2em; } .font-23, .font-23 a:link, .font-23 a:hover, .font-23 a:active, .font-23 a:visited { font-family: 'fjalla_oneregular', san-serif !important; line-height: 1.2em; } .font-24, .font-24 a:link, .font-24 a:hover, .font-24 a:active, .font-24 a:visited { font-family: 'fjalla_oneregular', san-serif !important; line-height: 1.2em; text-transform: uppercase !important;} .font-25, .font-25 a:link, .font-25 a:hover, .font-25 a:active, .font-25 a:visited { font-family: 'oswaldregular', san-serif !important; line-height: 1.2em; } .font-26, .font-26 a:link, .font-26 a:hover, .font-26 a:active, .font-26 a:visited { font-family: 'signikaregular', san-serif !important; line-height: 1.2em; } .font-27, .font-27 a:link, .font-27 a:hover, .font-27 a:active, .font-27 a:visited { font-family: 'cinzelregular', sans-serif; line-height: 1.2em; } /* ---------- */ /* @end */ /* ------beta------- */ /* @group Point Out text */ .fa-font-out { padding-left: 0.2em; padding-right: 0.2em; } .fa-font-out-custom { padding-left: 0.2em; padding-right: 0.2em; } .fa-font-out-custom-2 { padding-left: 0.2em; padding-right: 0.2em; } .fa-font-out-custom-3 { padding-left: 0.2em; padding-right: 0.2em; } .fa-font-out-custom-4 { padding-left: 0.2em; padding-right: 0.2em; } .fa-font-out-custom-5 { padding-left: 0.2em; padding-right: 0.2em; } /* @end */ /* ------------- */ /* @end */ /* @group Multithemes addons AW regular */ /* icons size */ #navcontainer a [class^="fa fa-"]:before, #navcontainer a [class*=" fa fa-"]:before { } #navcontainer2 a [class^="fa fa-"]:before, #navcontainer2 a [class*=" fa fa-"]:before { text-indent: 0; text-align: left; float: left; } #navcontainer2 ul ul a [class^="fa fa-"]:before, #navcontainer2 ul ul a [class*=" fa fa-"]:before { text-indent: 0; text-align: left; float: left; } .navcontainer3 a [class^="fa fa-"]:before, .navcontainer3 a [class*=" fa fa-"]:before { text-indent: 0; text-align: left; float: left; } .navcontainer3 ul ul a [class^="fa fa-"]:before, .navcontainer3 ul ul a [class*=" fa fa-"]:before { text-indent: 0; text-align: left; float: left; } /* icons size */ [class^="fa fa-"]:before, [class*=" fa fa-"]:before { } [class^="fa fa-"]:before .fa fa-spin, [class*=" fa fa-"]:before .fa fa-spin { } #navcontainer a [class^="fa fa-"]:before .fa fa-spin, #navcontainer a .fa fa-spin, #navcontainer .fa fa-spin { margin: 0; padding: 0; } #navcontainer [class^="fa fa-"]:before, #navcontainer [class*=" fa fa-"]:before, #navcontainer a [class^="fa fa-"], #navcontainer a [class*=" fa fa-"] { /* vertical-align: top; */ text-indent: 0; -webkit-font-smoothing: none; -webkit-font-smoothing: subpixel-antialiased; -webkit-font-smoothing: antialiased; } /* _______NOT showed_______ */ #breadcrumbcontainer [class^="fa fa-"]:before, #breadcrumbcontainer [class*=" fa fa-"]:before, #breadcrumbcontainer a [class^="fa fa-"], #breadcrumbcontainer a [class*=" fa fa-"] { vertical-align: top; text-indent: 0; font-size: 0; line-height: 0; display: none; } #breadcrumbcontainer2 [class^="fa fa-"]:before, #breadcrumbcontainer2 [class*=" fa fa-"]:before, #breadcrumbcontainer2 a [class^="fa fa-"], #breadcrumbcontainer2 a [class*=" fa fa-"] { vertical-align: top; text-indent: 0; font-size: 0; line-height: 0; display: none; } .rw-sitemap [class^="fa fa-"]:before, .rw-sitemap a [class^="fa fa-"]:before, .rw-sitemap a [class*=" fa fa-"]:before, .rw-sitemap [class^="fa fa-"], .rw-sitemap [class*=" fa fa-"], .rw-sitemap a [class*=" fa fa-"], .rw-sitemap ul [class^="fa fa-"], .rw-sitemap ul a [class*=" fa fa-"], .rw-sitemap .fa fa-, .rw-sitemap ul a .fa fa-, .rw-sitemap ul a .fa fa-:before { vertical-align: top; text-indent: 0; font-size: 0; line-height: 0; display: none !important; } /* ______________ */ .fa fa-spin { -moz-animation: spin 4s infinite linear; -webkit-animation: spin 4s infinite linear; animation: spin4s infinite linear; } /* @end */ /* @group WebFonts */ @font-face { font-family: 'helvetica_neueregular'; src: url('css/webfonts/helvetica_Neueultra_light/helveticaneue-ultralight-webfont.eot'); src: url('css/webfonts/helvetica_Neueultra_light/helveticaneue-ultralight-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/helvetica_Neueultra_light/helveticaneue-ultralight-webfont.woff') format('woff'), url('css/webfonts/helvetica_Neueultra_light/helveticaneue-ultralight-webfont.ttf') format('truetype'), url('css/webfonts/helvetica_Neueultra_light/helveticaneue-ultralight-webfont.svg#helvetica_neueregular') format('svg'); font-weight: normal; font-style: normal; } /* 1 ------- helvetica_free_version */ @font-face { font-family: 'DISCORegular'; src: url('css/webfonts/disco/DISCO___-webfont.eot'); src: url('css/webfonts/disco/DISCO___-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/disco/DISCO___-webfont.woff') format('woff'), url('css/webfonts/disco/DISCO___-webfont.ttf') format('truetype'), url('css/webfonts/disco/DISCO___-webfont.svg#DISCORegular') format('svg'); font-weight: normal; font-style: normal; } /* 2 ------ Disco */ @font-face { font-family: 'SnippetRegular'; src: url('css/webfonts/snippet/Snippet-webfont.eot'); src: url('css/webfonts/snippet/Snippet-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/snippet/Snippet-webfont.woff') format('woff'), url('css/webfonts/snippet/Snippet-webfont.ttf') format('truetype'), url('css/webfonts/snippet/Snippet-webfont.svg#SnippetRegular') format('svg'); font-weight: normal; font-style: normal; } /* 3 ------ Snippet */ @font-face { font-family: 'SambaRegular'; src: url('css/webfonts/samba/Samba-webfont.eot'); src: url('css/webfonts/samba/Samba-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/samba/Samba-webfont.woff') format('woff'), url('css/webfonts/samba/Samba-webfont.ttf') format('truetype'), url('css/webfonts/samba/Samba-webfont.svg#SambaRegular') format('svg'); font-weight: normal; font-style: normal; } /* 4 ------- Samba*/ @font-face { font-family: 'StMarieThin'; src: url('css/webfonts/st-marie/StMarie-Thin-webfont.eot'); src: url('css/webfonts/st-marie/StMarie-Thin-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/st-mariet/StMarie-Thin-webfont.woff') format('woff'), url('css/webfonts/st-marie/StMarie-Thin-webfont.ttf') format('truetype'), url('css/webfonts/st-marie/StMarie-Thin-webfont.svg#HoneyScriptLight') format('svg'); font-weight: normal; font-style: normal; } /* 5 ------- Marie*/ @font-face { font-family: 'PerspectiveSansRegular'; src: url('css/webfonts/perspective-sans/persans-webfont.eot'); src: url('css/webfonts/perspective-sans/persans-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/perspective-sans/persans-webfont.woff') format('woff'), url('css/webfonts/perspective-sans/persans-webfont.ttf') format('truetype'), url('css/webfonts/perspective-sans/persans-webfont.svg#PerspectiveSansRegular') format('svg'); font-weight: normal; font-style: normal; } /* 6 ------- PerspectiveSans*/ @font-face { font-family: 'RationaleOneRegular'; src: url('css/webfonts/rationale/Rationale-Regular-webfont.eot'); src: url('css/webfonts/rationale/Rationale-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/rationale/Rationale-Regular-webfont.woff') format('woff'), url('css/webfonts/rationale/Rationale-Regular-webfont.ttf') format('truetype'), url('css/webfonts/rationale/Rationale-Regular-webfont.svg#RationaleOneRegular') format('svg'); font-weight: normal; font-style: normal; } /* 7 ------ Rationale*/ @font-face { font-family: 'KreonRegular'; src: url('css/webfonts/kreon/Kreon-Regular-webfont.eot'); src: url('css/webfonts/kreon/Kreon-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/kreon/Kreon-Regular-webfont.woff') format('woff'), url('css/webfonts/kreon/Kreon-Regular-webfont.ttf') format('truetype'), url('css/webfonts/kreon/Kreon-Regular-webfont.svg#KreonRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'KreonLight'; src: url('css/webfonts/kreon/Kreon-Light-webfont.eot'); src: url('css/webfonts/kreon/Kreon-Light-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/kreon/Kreon-Light-webfont.woff') format('woff'), url('css/webfonts/kreon/Kreon-Light-webfont.ttf') format('truetype'), url('css/webfonts/kreon/Kreon-Light-webfont.svg#KreonLight') format('svg'); font-weight: normal; font-style: normal; } /* 8 ------ Kreon*/ @font-face { font-family: 'BebasRegular'; src: url('css/webfonts/bebas/BEBAS___-webfont.eot'); src: url('css/webfonts/bebas/BEBAS___-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/bebas/BEBAS___-webfont.woff') format('woff'), url('css/webfonts/bebas/BEBAS___-webfont.ttf') format('truetype'), url('css/webfonts/bebas/BEBAS___-webfont.svg#BebasRegular') format('svg'); font-weight: normal; font-style: normal; } /* 9 ------- Bebas */ @font-face { font-family: 'CuprumFFURegular'; src: url('css/webfonts/CuprumFFU/Cuprum-webfont.eot'); src: url('css/webfonts/CuprumFFU/Cuprum-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/CuprumFFU/Cuprum-webfont.woff') format('woff'), url('css/webfonts/CuprumFFU/Cuprum-webfont.ttf') format('truetype'), url('css/webfonts/CuprumFFU/Cuprum-webfont.svg#CuprumFFURegular') format('svg'); font-weight: normal; font-style: normal; } /* 10 ------ CuprumFFU */ @font-face { font-family: 'OstrichSansCondensedLight'; src: url('css/webfonts/ostrich/ostrich-light-webfont.eot'); src: url('css/webfonts/ostrich/ostrich-light-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/ostrich/ostrich-light-webfont.woff') format('woff'), url('css/webfonts/ostrich/ostrich-light-webfont.ttf') format('truetype'), url('css/webfonts/ostrich/ostrich-light-webfont.svg#OstrichSansCondensedLight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OstrichSansMedium'; src: url('css/webfonts/ostrich/ostrich-regular-webfont.eot'); src: url('css/webfonts/ostrich/ostrich-regular-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/ostrich/ostrich-regular-webfont.woff') format('woff'), url('css/webfonts/ostrich/ostrich-regular-webfont.ttf') format('truetype'), url('css/webfonts/ostrich/ostrich-regular-webfont.svg#OstrichSansMedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OstrichSansBold'; src: url('css/webfonts/ostrich/ostrich-bold-webfont.eot'); src: url('css/webfonts/ostrich/ostrich-bold-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/ostrich/ostrich-bold-webfont.woff') format('woff'), url('css/webfonts/ostrich/ostrich-bold-webfont.ttf') format('truetype'), url('css/webfonts/ostrich/ostrich-bold-webfont.svg#OstrichSansBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OstrichSansBlack'; src: url('css/webfonts/ostrich/ostrich-black-webfont.eot'); src: url('css/webfonts/ostrich/ostrich-black-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/ostrich/ostrich-black-webfont.woff') format('woff'), url('css/webfonts/ostrich/ostrich-black-webfont.ttf') format('truetype'), url('css/webfonts/ostrich/ostrich-black-webfont.svg#OstrichSansBlack') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OstrichSansRoundedMedium'; src: url('css/webfonts/ostrich/ostrich-rounded-webfont.eot'); src: url('css/webfonts/ostrich/ostrich-rounded-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/ostrich/ostrich-rounded-webfont.woff') format('woff'), url('css/webfonts/ostrich/ostrich-rounded-webfont.ttf') format('truetype'), url('css/webfonts/ostrich/ostrich-rounded-webfont.svg#OstrichSansRoundedMedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OstrichSansDashedMedium'; src: url('css/webfonts/ostrich/ostrich-dashed-webfont.eot'); src: url('css/webfonts/ostrich/ostrich-dashed-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/ostrich/ostrich-dashed-webfont.woff') format('woff'), url('css/webfonts/ostrich/ostrich-dashed-webfont.ttf') format('truetype'), url('css/webfonts/ostrich/ostrich-dashed-webfont.svg#OstrichSansDashedMedium') format('svg'); font-weight: normal; font-style: normal; } /* 11 ------- Ostrich*/ @font-face { font-family: 'GoudyBookletter1911Regular'; src: url('css/webfonts/goudy-bookletter/goudy_bookletter_1911-webfont.eot'); src: url('css/webfonts/goudy-bookletter/goudy_bookletter_1911-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/goudy-bookletter/goudy_bookletter_1911-webfont.woff') format('woff'), url('css/webfonts/goudy-bookletter/goudy_bookletter_1911-webfont.ttf') format('truetype'), url('css/webfonts/goudy-bookletter/goudy_bookletter_1911-webfont.svg#GoudyBookletter1911Regular') format('svg'); font-weight: normal; font-style: normal; } /* 12 ------- GoudyBookletter1911 */ @font-face { font-family: 'EconomicaRegular'; src: url('css/webfonts/economica/Economica-Regular-OTF-webfont.eot'); src: url('css/webfonts/economica/Economica-Regular-OTF-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/economica/Economica-Regular-OTF-webfont.woff') format('woff'), url('css/webfonts/economica/Economica-Regular-OTF-webfont.ttf') format('truetype'), url('css/webfonts/economica/Economica-Regular-OTF-webfont.svg#EconomicaRegular') format('svg'); font-weight: normal; font-style: normal;} /* 13 ------ Economica */ @font-face { font-family: 'open_sanscondensed_light'; src: url('css/webfonts/open-sans-condensed/opensans-condlight-webfont.eot'); src: url('css/webfonts/open-sans-condensed/opensans-condlight-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/open-sans-condensed/opensans-condlight-webfont.woff2') format('woff2'), url('css/webfonts/open-sans-condensed/opensans-condlight-webfont.woff') format('woff'), url('css/webfonts/open-sans-condensed/opensans-condlight-webfont.ttf') format('truetype'), url('css/webfonts/open-sans-condensed/opensans-condlight-webfont.svg#open_sanscondensed_light') format('svg'); font-weight: normal; font-style: normal; } /* 14 ------- open_sanscondensed_light*/ @font-face { font-family: 'josefin_sansregular'; src: url('css/webfonts/josefinsans/josefinsans-regular-webfont.eot'); src: url('css/webfonts/josefinsans/josefinsans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/josefinsans/josefinsans-regular-webfont.woff2') format('woff2'), url('css/webfonts/josefinsans/josefinsans-regular-webfont.woff') format('woff'), url('css/webfonts/josefinsans/josefinsans-regular-webfont.ttf') format('truetype'), url('css/webfonts/josefinsans/josefinsans-regular-webfont.svg#josefin_sansregular') format('svg'); font-weight: normal; font-style: normal; } /* 15 ------- josefin_sansregular */ @font-face { font-family: 'oxygenregular'; src: url('css/webfonts/oxygen/oxygen-regular-webfont.eot'); src: url('css/webfonts/oxygen/oxygen-regular-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/oxygen/oxygen-regular-webfont.woff2') format('woff2'), url('css/webfonts/oxygen/oxygen-regular-webfont.woff') format('woff'), url('css/webfonts/oxygen/oxygen-regular-webfont.ttf') format('truetype'), url('css/webfonts/oxygen/oxygen-regular-webfont.svg#oxygenregular') format('svg'); font-weight: normal; font-style: normal; } /* 16 ------- oxygenregular */ @font-face { font-family: 'ralewaylight'; src: url('css/webfonts/raleway/raleway-light-webfont.eot'); src: url('css/webfonts/raleway/raleway-light-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/raleway/raleway-light-webfont.woff2') format('woff2'), url('css/webfonts/raleway/raleway-light-webfont.woff') format('woff'), url('css/webfonts/raleway/raleway-light-webfont.ttf') format('truetype'), url('css/webfonts/raleway/raleway-light-webfont.svg#ralewaylight') format('svg'); font-weight: normal; font-style: normal; } /* 17 ------- ralewaylight */ @font-face { font-family: 'montserratmedium'; src: url('css/webfonts/montserrat/montserrat-medium-webfont.eot'); src: url('css/webfonts/montserrat/montserrat-medium-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/montserrat/montserrat-medium-webfont.woff2') format('woff2'), url('css/webfonts/montserrat/montserrat-medium-webfont.woff') format('woff'), url('css/webfonts/montserrat/montserrat-medium-webfont.ttf') format('truetype'), url('css/webfonts/montserrat/montserrat-medium-webfont.svg#montserratmedium') format('svg'); font-weight: normal; font-style: normal; } /* 18 ------- montserrat and bold */ @font-face { font-family: 'gloria_hallelujahregular'; src: url('css/webfonts/gloriahallelujah/gloriahallelujah-webfont.eot'); src: url('css/webfonts/gloriahallelujah/gloriahallelujah-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/gloriahallelujah/gloriahallelujah-webfont.woff2') format('woff2'), url('css/webfonts/gloriahallelujah/gloriahallelujah-webfont.woff') format('woff'), url('css/webfonts/gloriahallelujah/gloriahallelujah-webfont.ttf') format('truetype'), url('css/webfonts/gloriahallelujah/gloriahallelujah-webfont.svg#gloria_hallelujahregular') format('svg'); font-weight: normal; font-style: normal; } /* 19 ------- gloria_hallelujahregular */ @font-face { font-family: 'paytone_oneregular'; src: url('css/webfonts/paytoneone/paytoneone-regular-webfont.eot'); src: url('css/webfonts/paytoneone/paytoneone-regular-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/paytoneone/paytoneone-regular-webfont.woff2') format('woff2'), url('css/webfonts/paytoneone/paytoneone-regular-webfont.woff') format('woff'), url('css/webfonts/paytoneone/paytoneone-regular-webfont.ttf') format('truetype'), url('css/webfonts/paytoneone/paytoneone-regular-webfont.svg#paytone_oneregular') format('svg'); font-weight: normal; font-style: normal; } /* 20 ------- paytone_oneregular */ @font-face { font-family: 'abelregular'; src: url('css/webfonts/abel/abel-regular-webfont.eot'); src: url('css/webfonts/abel/abel-regular-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/abel/abel-regular-webfont.woff2') format('woff2'), url('css/webfonts/abel/abel-regular-webfont.woff') format('woff'), url('css/webfonts/abel/abel-regular-webfont.ttf') format('truetype'), url('css/webfonts/abel/abel-regular-webfont.svg#abelregular') format('svg'); font-weight: normal; font-style: normal; } /* 21 ------- abel */ @font-face { font-family: 'bree_serifregular'; src: url('css/webfonts/breeserif/breeserif-regular-webfont.eot'); src: url('css/webfonts/breeserif/breeserif-regular-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/breeserif/breeserif-regular-webfont.woff2') format('woff2'), url('css/webfonts/breeserif/breeserif-regular-webfont.woff') format('woff'), url('css/webfonts/breeserif/breeserif-regular-webfont.ttf') format('truetype'), url('css/webfonts/breeserif/breeserif-regular-webfont.svg#bree_serifregular') format('svg'); font-weight: normal; font-style: normal; } /* 22 ------- bree_serifregular */ @font-face { font-family: 'fjalla_oneregular'; src: url('css/webfonts/fjallaone/fjallaone-regular-webfont.eot'); src: url('css/webfonts/fjallaone/fjallaone-regular-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/fjallaone/fjallaone-regular-webfont.woff2') format('woff2'), url('css/webfonts/fjallaone/fjallaone-regular-webfont.woff') format('woff'), url('css/webfonts/fjallaone/fjallaone-regular-webfont.ttf') format('truetype'), url('css/webfonts/fjallaone/fjallaone-regular-webfont.svg#fjalla_oneregular') format('svg'); font-weight: normal; font-style: normal; } /* 23 - 24 ------- fjalla_oneregular and uppercase */ @font-face { font-family: 'oswaldregular'; src: url('css/webfonts/oswald/oswald-regular-webfont.eot'); src: url('css/webfonts/oswald/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/oswald/oswald-regular-webfont.woff2') format('woff2'), url('css/webfonts/oswald/oswald-regular-webfont.woff') format('woff'), url('css/webfonts/oswald/oswald-regular-webfont.ttf') format('truetype'), url('css/webfonts/oswald/oswald-regular-webfont.svg#oswaldregular') format('svg'); font-weight: normal; font-style: normal; } /* 25 ------- oswaldregular */ @font-face { font-family: 'signikaregular'; src: url('css/webfonts/signika/signika-regular-webfont.eot'); src: url('css/webfonts/signika/signika-regular-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/signika/signika-regular-webfont.woff2') format('woff2'), url('css/webfonts/signika/signika-regular-webfont.woff') format('woff'), url('css/webfonts/signika/signika-regular-webfont.ttf') format('truetype'), url('css/webfonts/signika/signika-regular-webfont.svg#signikaregular') format('svg'); font-weight: normal; font-style: normal; } /* 26 ------- signikaregular */ @font-face { font-family: 'cinzelregular'; src: url('css/webfonts/cinzel/cinzel-regular-webfont.eot'); src: url('css/webfonts/cinzel/cinzel-regular-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/cinzel/cinzel-regular-webfont.woff2') format('woff2'), url('css/webfonts/cinzel/cinzel-regular-webfont.woff') format('woff'), url('css/webfonts/cinzel/cinzel-regular-webfont.ttf') format('truetype'), url('css/webfonts/cinzel/cinzel-regular-webfont.svg#cinzelregular') format('svg'); font-weight: normal; font-style: normal; } /* ------- 27 cinzelregular */ /* @end */ /* @group --- Open/closed + ex4 */ html, body{ min-height: 100%; } /* ______________ */ #extraContainer4box { margin-left: auto; position: absolute; display: none; top: 0; box-shadow: 0px -4px 16px -8px #353535 inset ; -webkit-box-shadow: 0px -4px 16px -8px #353535 inset ; -moz-box-shadow: 0px -4px 16px -8px #353535 inset ; right: 0; left: 0; padding: 0; margin-top: 60px; margin-right: auto; width: 92%; z-index: 102; } /* from visible to AUTO */ #extraContainer4 { position: relative; transition: all 0s linear !important; -moz-transition: all 0s linear !important; -webkit-transition: all 0s linear !important; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; padding: 20px 15px; text-align: left; overflow: auto; -webkit-transform-style: preserve-3d; } #extraContainer4 .boxOpened { } #extraContainer4 img {display: block;} #drop.boxopened:after { display: none;} #drop:after {display: none;} /* ------ end animation ------- */ /* ______________ */ #drop:hover { transition: all 0.1s linear; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; } #drop { padding: 0; display: block; margin: 0; transition: All 0.25s linear; -webkit-transition: All 0.25s linear; -moz-transition: All 0.25s linear; position: fixed; width: 37px; z-index: 103; top: 50px; height: 37px; cursor: pointer; left: 50px; border-bottom-right-radius:2px; -webkit-border-bottom-right-radius:2px; -moz-border-radius-bottomright:2px; } #drop:before { content:"•" ; font: 68px/26px Verdana, Lucida, sans-serif; text-align: center; position: absolute; text-indent: 0; transition: all 0.1s linear; -moz-transition: all 0.1s linear; -webkit-transition: all 0.1s linear; border-bottom-right-radius:2px; -webkit-border-bottom-right-radius:2px; -moz-border-radius-bottomright:2px; /* Prevent Webkit text rendering */ -webkit-transform: translateZ(0px); } #drop:hover:before { -webkit-transform: translateZ(0px); /* -webkit-transform-style: preserve-3d; */ } #drop:active:before, #drop.boxopened:active:before { content:"•" ; /* Prevent Webkit text rendering */ -webkit-transform: translateZ(0px); font-size: 50px; line-height: 28px; text-align: center; text-indent: 5px; } #drop:active:after, #drop.boxopened:active:after { } #drop.boxopened:active, #drop:active { } #drop.boxopened{ position: absolute; position: fixed; background-color: #fff; } /* ---------- below */ #boxOpened { top: 0px !important; } /* -----on off */ /* @end */ /* @group social */ #socialIcons { } #socialIcons a { } span { padding:0; margin:0; outline:0; font-size:100%; font:inherit; } span.social { display: inline; } span.social a { font: 25px/31px 'JustVector'; display:inline-block; position:relative; text-align: center; margin: 3px 6px 5px; padding-bottom: 0; padding-left: 0; padding-right: 0; transition: all 0.27s linear; -moz-transition: all 0.27s linear; -webkit-transition: all 0.27s linear; } span.social a:hover { transition: all 0.18s linear; -moz-transition: all 0.18s linear; -webkit-transition: all 0.18s linear; } /* colors */ #extraContainer1 span.social a, #extraContainer2 span.social a, #sidebarContainer span.social a, span.social a { text-shadow: none; } #extraContainer1 span.social a:hover, #extraContainer2 span.social a:hover, #sidebarContainer span.social a:hover, span.social a:hover { text-shadow: none; } /* end Social Icons */ @font-face { font-family: 'JustVector'; src: url('css/webfonts/JustVector/justvectorv2-webfont.eot'); src: url('css/webfonts/JustVector/justvectorv2-webfont.eot?#iefix') format('eot'), url('css/webfonts/JustVector/justvectorv2-webfont.woff') format('woff'), url('css/webfonts/JustVector/justvectorv2-webfont.ttf') format('truetype'), url('css/webfonts/JustVector/justvectorv2-webfont.svg#webfontkw9J4lGf') format('svg'); font-weight: normal; font-style: normal; } /* @end */ /* @group general Extracontent formatting */ /*Up2five column CSS support*/ .column { float: left; } .one { width: 100%; } .two { width: 50%;} #extraContainer1_back .two { } .three { width: 33.3%; } .four { width: 25%; } .five { width: 20%; } .two3rds { width: 66%; } .three4ths { width: 75%; } .four5ths { width: 80%; } .column .content { width: 90% ! important; margin: 0 auto; padding: 0 ! important; float: none ! important;} /* @end */ /* @group Extracontent */ #extra_both { margin: 23px 0 0; padding: 0; -webkit-filter: blur(0px) !important; filter: blur(0px) !important; } /* margin: 23px = cover BLUR css filter issue in the contour*/ #extraContainer1box_top:before{ content: ""; width: 100%; height: 18px; position: absolute; top: -18px; left: 0; background-color: #fff; } #extraContainer1box_top, #extraContainer2box_top, #extraContainer3box_top{ position: absolute; overflow: visible; display: none; width: 100%; margin: 0; padding: 0; z-index: 50; height: 60px; } #extraContainer1box_bottom, #extraContainer2box_bottom, #extraContainer3box_bottom, #extraContainer4box_bottom { position: absolute; overflow: visible; display: none; width: 100%; margin: 0; padding: 0; z-index: 50; height: 60px; bottom: 0; } #extraContainer4box_bottom { z-index: 110 !important; } #extraContainer4{ -webkit-transform-style:preserve-3d; } #extraContainer1box, #extraContainer2box, #extraContainer3box, #extraContainer4box { margin: 0; padding: 0; width: 100%; position: relative; display: none; overflow: hidden; /* was overflow: visible; RW8 fix */ } #extraContainer1, #extraContainer2, #extraContainer3 { overflow: visible; display: none; padding: 25px; position: relative; z-index: 1; } /* @end */ /* @group General Styles */ #extraContainer1box_top, #extraContainer2box_top, #extraContainer3box_top, #extraContainer1box_bottom, #extraContainer2box_bottom, #extraContainer3box_bottom, #extraContainer4box_bottom { pointer-events: none;} body {margin: 0; width: 100%; height: 100%; min-height: 100%;} p { } b, strong { } a:link, a:visited { text-decoration: none; transition-property: color; transition-duration: 250ms; -webkit-transition-property: color; -webkit-transition-duration: 250ms; -moz-transition-property: color; -moz-transition-duration: 250ms; } a:hover, a:active { text-decoration: none; } img { border-style: none; } .image-left { float: left; margin: 5px 20px 3px 0; padding: 5px 5px 3px; position: relative; } .image-right { float: right; margin: 3px 0 3px 20px; padding: 3px 0 3px 4px; position: relative; } /* @end */ /* @group Layout */ #up, #up a, #up spam {/* hide "TOP" */ font-size: 0; line-height: 0; margin: 0; padding: 0; width: 0; height: 0; } #container { padding: 0; margin: 39px auto 28px; } .clearer {clear: both;} #pageHeader { transition-delay: 0ms !important; -webkit-transition-delay: 0ms !important; -moz-transition-delay: 0ms !important; } #pageHeader h1 { text-align: center; transition: all 0.18s linear; -moz-transition: all 0.18s linear; -webkit-transition: all 0.18s linear; padding-top: 11px; padding-bottom: 0; margin: 0; } #pageHeader h2 { text-align: center; margin: 0; padding-bottom: 10px; padding-top: 10px; } #logo { display: block; text-align: center; padding: 24px 0 0; transition-delay: 0ms !important; -webkit-transition-delay: 0ms !important; -moz-transition-delay: 0ms !important; font-size: 0;line-height: 0; } #logo [class^="fa fa-"], #logo [class*="fa fa-"] {display: none !important;} #contentBand { width: 100%; max-width: 100%; } #contentContainer { overflow: auto; padding: 25px 25px 20px; } #contentContainer #content { } #sidebarContainer { padding: 0; } #sidebarContainer #sidebar { overflow: auto; padding: 0 25px; } #sidebarContainer .sideHeader { text-align: center; padding: 0; } #footer { margin: 0; overflow: auto; padding: 30px 5px; position: relative; text-align: center; } #footer p { text-align: center; margin: 0; padding: 6px; } #footer a:link, #footer a:visited { } #footer a:hover, #footer a:active { } /* @end */ /* @group bread crumb */ #breadcrumbcontainer { z-index: 101; opacity: 0.9; border-top: 1px solid #d7d7d7; box-shadow: 0px 0px 2px 0px #979797 ; -webkit-box-shadow: 0px 0px 2px 0px #979797 ; -moz-box-shadow: 0px 0px 2px 0px #979797 ; background-color: #fff; } #breadcrumbcontainer a { } #breadcrumbcontainer ul { } #breadcrumbcontainer li { } #breadcrumbcontainer a:hover { text-decoration: underline; } /* @end */ /* @group Toolbar */ /* Toolbar Styles */ #topnav { margin: 0 auto; padding: 0; position: fixed; top: 0; right: 0; width: auto; left: 0; z-index: 101; } #navcontainer { text-align: center; margin-top: 0; transition: all 0.1s linear; -webkit-transition: All 0.1s linear; -moz-transition: All 0.1s linear; transition-delay: 0ms; -webkit-transition-delay: 0ms; -moz-transition-delay: 0ms; height: 50px; } #navcontainer #current { } #navcontainer #current:hover { } #navcontainer .currentAncestor { } /* Parent - Level 0 */ /* ~ ~ ~ ~ ~ */ #navcontainer ul ul:before, #navcontainer ul ul:after { display: none; } /* ~ ~ ~ ~ ~ */ /* fix submenu eight */ #navcontainer ul { margin: 0; padding: 0; min-height:50px; /* fix submenu eight */ } #navcontainer li { display: inline-block; position: relative; } #navcontainer li:hover { } #navcontainer a { z-index: 4; font-weight: normal; font-style: normal; text-decoration: none; padding-right: 15px; padding-left: 3px; } #navcontainer>ul>li:last-child>a { background-image: none !important; } #navcontainer a:hover { } #navcontainer a:active { } /* Child - Level 1 */ #navcontainer .parent { } .parent:before { content:"›"; transition: all 0s linear; -moz-transition: all 0s linear; -webkit-transition: all 0s linear; margin: 0; padding: 0; text-align: left; opacity: 0.5; text-indent: 5px; font: 16px Arial, sans-serif; letter-spacing: 0; } #navcontainer ul ul .parent:before { float: left; bottom: 0; left: 0; position: relative; line-height: 31px; } #navcontainer ul ul ul .parent:before { line-height: 37px; } .parent { transition: all 0s linear; -moz-transition: all 0s linear; -webkit-transition: all 0s linear; margin: 0; padding: 0; } /* ----parent sub levels */ #navcontainer ul ul .parent { background-position: left center; } #navcontainer ul ul .parent:before{ color: #868686 !important; } /* ----parent sub levels */ .parent:hover { } /* 1 */ /* ----- */ #navcontainer ul ul { z-index: 500; position: absolute; left: 0; top: 40px; width: 234px; padding: 20px 0 0; background: url(images/elements/submenu_background.png) repeat-y 0 0; margin: 0; opacity: 0.0; visibility: hidden; overflow: hidden; height: 0; border-bottom: 1px solid #e8e8e8; -webkit-transform:translate3d(0,0,0); /*prevent flicker text on CSS3 animation*/ border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; } /* --same style at the top--- */ #navcontainer ul ul:hover { /* change color - over phase */ transition: all 0.33s linear; -moz-transition: all 0.33s linear; -webkit-transition: all 0.33s linear; } /* ----- */ #navcontainer>ul>li:last-child>a { } #navcontainer> ul ul>li:last-child>a { margin-bottom: 17px; } #navcontainer> ul ul ul>li:last-child>a { margin-bottom: 2px; } /* ----- */ #navcontainer li:hover > ul { opacity: 1.0; height: auto; visibility: visible; overflow: visible; display: block !important; } #navcontainer ul ul li {/* fix submenu color in color mode */ background-color: transparent !important; display: block; } #navcontainer li:hover > ul { transition-property: open; transition-duration: 1s; transition-timing-function: linear; transition-delay: 380ms; -moz-transition-delay: 380ms; } #navcontainer ul ul:link { visibility: visible; display: block !important; transition: open 1s linear 2s; } #navcontainer ul ul:hover { transition-property: open; transition-duration: 1s; transition-timing-function: linear; transition-delay: 380ms; -moz-transition-delay: 380ms; } #navcontainer ul ul li {/* fix submenu color in color mode */ background-color: transparent !important; } #navcontainer ul ul a { white-space: nowrap; display: block; width: 225px; height: 35px; line-height: 34px !important; font-size: 14px !important; text-shadow: #fff 0 1px 0; text-align: left; text-indent: 3px !important; padding-left: 15px; } #navcontainer ul ul .currentAncestor { /* change color - over phase */ transition: all 0.0s linear; -moz-transition: all 0.0s linear; -webkit-transition: all 0.0s linear; text-shadow: #e6e6e6 0 1px 0; } /* ----- */ #navcontainer ul ul a:hover, #navcontainer ul ul .currentAncestor:hover{ text-shadow: #e6e6e6 0 1px 0; transition: all 0.08s linear; -moz-transition: all 0.08s linear; -webkit-transition: all 0.08s linear; } /* ----- */ #navcontainer ul ul .current{ text-shadow: #e6e6e6 0 1px 0; background-position: -5px; } /* 2 */ #navcontainer ul ul ul a { padding: 5px 0 0 !important; text-indent: 7px !important; } #navcontainer ul ul ul { z-index: 1000; position: absolute; left: 90px; top: 25px; margin: 0; white-space: nowrap; padding: 0 !important; background-position: 0 -11px; border-bottom: 1px solid #e8e8e8; border-top: 1px solid #f0f0f0; border-left: 1px solid #eee; border-right: 1px solid #eee; } #navcontainer ul ul ul li { padding-top: 5px; padding-bottom: 5px; } #navcontainer ul ul ul a { } #navcontainer ul ul ul li a:hover { } #navcontainer ul ul ul .current { } /* Child - Level 3 */ #navcontainer ul ul ul ul { z-index: 1500; background-position: 0 -150px; } #navcontainer ul ul ul ul li { } #navcontainer ul ul ul ul a { } #navcontainer ul ul ul ul a:hover { } #navcontainer ul ul ul ul .current { } /* Child - Level 4 */ #navcontainer ul ul ul ul ul { z-index: 2000; background-position: 0 -200px; } #navcontainer ul ul ul ul ul li { } #navcontainer ul ul ul ul ul a { } #navcontainer ul ul ul ul ul a:hover { } #navcontainer ul ul ul ul ul .current { } /* ------ */ #navcontainer li:hover > ul { } /* ------ */ /* ------- animation --------- */ #navcontainer li:hover > ul { padding-top: 25px; padding-bottom: 0; transition: all 0.15s linear !important; -moz-transition: all 0.15s linear !important; -webkit-transition: all 0.15s linear !important; } #navcontainer li:hover > ul ul{ padding-top: 0; padding-bottom: 0; } #navcontainer ul ul { transition: all 0.0s linear !important; -moz-transition: all 0.0s linear !important; -webkit-transition: all 0.0s linear !important; } /* ------- animation --------- */ /* ------- COLORS submenu--------- */ #navcontainer ul ul, #navcontainer ul ul:hover { color: #000 !important; } .navcontainer ul ul .parent:before, #navcontainer ul ul a, #navcontainer ul ul a [class^="fa fa-"]:before, #navcontainer ul ul a [class*="fa fa-"]:before{ color: #868686 !important; } #navcontainer ul ul a:hover [class^="fa fa-"]:before, #navcontainer ul ul #current [class^="fa fa-"]:before, #navcontainer ul ul a:active [class^="fa fa-"]:before, #navcontainer ul ul a:hover, #navcontainer ul ul #current, #navcontainer ul ul a:active, #navcontainer ul ul a:hover [class*="fa fa-"]:before, #navcontainer ul ul #current [class*="fa fa-"]:before, #navcontainer ul ul a:active [class*="fa fa-"]:before { color: #000 !important; } /* ------- COLORS submenu--------- */ /* @end */ /* @group Toolbar - devices - RESPONSIVE */ /* --------- */ #nav_background { width: 100%; margin: 0; padding: 0; height: 38px; position: fixed; top: 0; left: 0; display: none; float: left; z-index: 50; opacity: 0.75; } #nav_background_color { width: 100%; height: 100%; } /* NEW */ #menuOpened { top: 0px !important; } #nav_button:hover { transition: all 0.1s linear; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; } #nav_button { padding: 0 0 0 3px; display: none; margin: 0; transition: All 0.25s linear; -webkit-transition: All 0.25s linear; -moz-transition: All 0.25s linear; position: fixed; width: 35px; top: 0; height: 38px; cursor: pointer; right: 20px; background-color: #fff; z-index: 101; border-bottom-right-radius:2px; -webkit-border-bottom-right-radius:2px; -moz-border-radius-bottomright:2px; } #nav_button.opened { position: absolute; } #nav_button:before { content:"■" ; font: 54px/24px Arial, sans-serif; text-align: center; position: absolute; transition: all 0.1s linear; -moz-transition: all 0.1s linear; -webkit-transition: all 0.1s linear; /* Prevent Webkit text rendering */ -webkit-transform: translateZ(0px); border-bottom-right-radius:2px; -webkit-border-bottom-right-radius:2px; -moz-border-radius-bottomright:2px; white-space: nowrap; text-indent: 0; } #nav_button:active:before, #nav_button.opened:active:before { content:"■" ; font: 46px/27px Arial, sans-serif; /* Prevent Webkit text rendering */ -webkit-transform: translateZ(0px); text-align: center; text-indent: 3px; } #nav_button:hover:before { -webkit-transform: translateZ(0px); /* -webkit-transform-style: preserve-3d; */ } /* @group fade */ #nav_button:before { -webkit-animation: text_button 0.35s ease-in !important; -moz-animation: text_button 0.35s ease-in !important; animation: text_button 0.35s ease-in !important; } @-moz-keyframes text_buttont { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes text_button { 0% { opacity: 0; } 100% { opacity: 1; } } @-ms-keyframes text_button { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes text_button { 0% { opacity: 0; } 100% { opacity: 1; } } /* @end */ /* ----x-x-x-x----- */ #navcontainer2 { display: none; overflow: auto; height: auto; padding: 103px 2% 2px; overflow: auto; border-radius: 3px !important; -moz-border-radius: 3px !important; -webkit-border-radius: 3px !important; width: 72%; margin: 55px 12% 0; } #navcontainer2 .opened { border-radius: 3px !important; -moz-border-radius: 3px !important; -webkit-border-radius: 3px !important; } /* ----x-x-x-x----- */ #navcontainer2 ul { text-align: left; margin: 0px; padding: 0px; /* position: relative; */ text-indent: 30px; } #navcontainer2 li { display: block; } /* ----x-x-x-x----- */ #navcontainer2 li:hover > ul { visibility: visible; } /* ----x-x-x-x----- */ #navcontainer2>ul>li:first-child>a { border-top-style: hidden; margin-top: -99px; } /* ----x-x-x-x----- */ #navcontainer2 a { text-align: left; position: relative; font-size: 16px; line-height: 31px; margin-top: 0; margin-bottom: 0; padding-top: 8px; padding-bottom: 8px; display: block; float: none; background: transparent url(images/elements/parent_oriz_resp.png) no-repeat -12px center; letter-spacing: 1px; transition: All 0.15s linear; -webkit-transition: All 0.15s linear; -moz-transition: All 0.15s linear; border-top: 1px solid #dedede; } #navcontainer2 a:hover { text-shadow: none; background-position: -10px; } #navcontainer2>ul>li:last-child>a { } #navcontainer2>ul>li:first-child>a { border-bottom-style: none; border-top-style: none; } /* ------PARENT first menu explorable */ #navcontainer2 ul ul a:after { display: none; } /* …………. */ #navcontainer2 ul ul { opacity: 1.0; visibility: visible; overflow: auto; transition-delay: 0ms; -webkit-transition-delay: 0ms; -moz-transition-delay: 0ms; height: auto; padding-top: 0; text-indent: 16px; } #navcontainer2 li:hover > ul { opacity: 1.0; visibility: visible; overflow: auto; display: block; height: auto; padding-top: 5px; transition-delay: 0ms; -webkit-transition-delay: 0ms; -moz-transition-delay: 0ms; padding-top: 0 !important; } #navcontainer2 ul ul li { padding-left: 0; padding-bottom: 6px; } #navcontainer2 ul ul a { display: inline-block; z-index: 2; border-bottom-style: none; margin: 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-image: none; border-top-style: none; padding: 10px 0 0; } #navcontainer2 ul ul a:hover { background-image: none; } /* Child - Level 2 */ #navcontainer2 ul ul ul { margin-left: 0; padding-bottom: 0; } /* @group font responsive */ #navcontainer2 ul a, #navcontainer2, #navcontainer2 a { font-size: 18px !important; line-height: 35px !important; font-family: "PerspectiveSansRegular", sans-serif !important; } #navcontainer2 ul ul a, #navcontainer2 ul ul a { font-size: 14px !important; line-height: 24px !important; font-family: "PerspectiveSansRegular", sans-serif !important; } /* @end */ /* @end */ /* @group Navigation 3 responsive - bottom */ .navcontainer3 { display: none; overflow: auto; height: auto; padding: 103px 2% 2px; overflow: auto; border-radius: 3px !important; -moz-border-radius: 3px !important; -webkit-border-radius: 3px !important; width: 72%; margin: 55px 12% 0; } .navcontainer3 ul { text-align: left; margin: 0px; padding: 0px; /* position: relative; */ text-indent: 30px; } .navcontainer3 li { display: block; } .navcontainer3 li:hover { } /*.navcontainer3 li:hover > ul { visibility: visible; }*/ .navcontainer3>ul>li:first-child>a { border-top-style: hidden; margin-top: -99px; } .navcontainer3 a { text-align: left; position: relative; font-size: 16px; line-height: 31px; margin-top: 0; margin-bottom: 0; padding-top: 8px; padding-bottom: 8px; display: block; float: none; background: transparent url(images/elements/parent_oriz_resp.png) no-repeat -12px center; letter-spacing: 1px; transition: All 0.15s linear; -webkit-transition: All 0.15s linear; -moz-transition: All 0.15s linear; border-top: 1px solid #dedede; } .navcontainer3 a:hover { text-shadow: none; background-position: -10px; } .navcontainer3>ul>li:first-child>a { border-bottom-style: none; border-top-style: none; } .navcontainer3 ul ul a:after { display: none; } .navcontainer3 ul ul { opacity: 1.0; visibility: visible; overflow: auto; transition-delay: 0ms; -webkit-transition-delay: 0ms; -moz-transition-delay: 0ms; height: auto; padding-top: 0; text-indent: 16px; } .navcontainer3 ul ul li { padding-left: 0; padding-bottom: 6px; } .navcontainer3 ul ul a { display: inline-block; z-index: 2; border-bottom-style: none; margin: 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border-top-style: none; padding: 10px 0 0; background-image: none; } .navcontainer3 ul ul a:hover { background-image: none; } .navcontainer3 ul ul ul { margin-left: 0; padding-bottom: 0; } /* @group font responsive */ .navcontainer3 ul a, .navcontainer3, .navcontainer3 a { font-size: 18px !important; line-height: 35px !important; font-family: "PerspectiveSansRegular", sans-serif !important; } .navcontainer3 ul ul a, .navcontainer3 ul ul a { font-size: 14px !important; line-height: 24px !important; font-family: "PerspectiveSansRegular", sans-serif !important; } /* @end */ /* @end */ /* @group Global Classes */ code { padding: 5px; margin-left: 6%; display: block; margin-right: 6%; font: 14px 'Courier New', Courier, monospace; border-width: 1px; border-style: solid; border-radius:14px; -webkit-border-radius:14px; -moz-border-radius:14px; border-left-width: 1px; border-right-width: 1px; overflow: auto; background-color: transparent; } pre, xmp { padding: 5px; margin-left: 6%; display: block; margin-right: 6%; font: 14px 'Courier New', Courier, monospace; border-width: 1px; border-style: solid; overflow: auto; border-radius:14px; -webkit-border-radius:14px; -moz-border-radius:14px; border-left-width: 1px; border-right-width: 1px; margin-bottom: 0; background-color: transparent; } blockquote, .standout { } .imageStyle { } /* Main content area unordered list styles */ #contentContainer #content ul { } #contentContainer #content li { } ul.disc { list-style-type: disc; } ul.circle { list-style-type: circle; } ul.square { list-style-type: square; } ol.arabic-numbers { list-style-type: decimal; } ol.upper-alpha { list-style-type: upper-latin; } ol.lower-alpha { list-style-type: upper-latin; } ol.upper-roman { list-style-type: upper-roman; } ol.lower-roman { list-style-type: lower-roman; } /* Sidebar area unordered list styles */ #sidebarContainer #sidebar ul { } #sidebarContainer #sidebar li { } /* Table Styles */ table { } /* @end */ .standout, blockquote { text-align: left; font-size: 16px; margin: 3px 0; font-style: italic; padding: 10px 20px 15px 57px; background: url(images/elements/icons/quotes_1.png) no-repeat 1px 9px; border-style: none; line-height: 20px; } .standout, #sidebar blockquote { font-size: 14px; font-style: italic; padding: 0 5px 9px 24px; margin: 0; text-align: left; background: url(images/elements/icons/quotes_2.png) no-repeat 1px 15px; border-style: none; line-height: 18px; } /* @group blog */ .blog_top { display: none; } .blog_bottom { display: block; } /* @group Tag Cloud */ ul.blog-tag-cloud { margin: 0 0 10px; padding: 0; text-align: justify; } ul.blog-tag-cloud li { display: inline; padding-right: 5px; } .blog-tag-size-1 { font-size: 0.8em; } .blog-tag-size-2 { font-size: 0.85em; } .blog-tag-size-3 { font-size: 0.9em; } .blog-tag-size-4 { font-size: 0.95em; } .blog-tag-size-5 { font-size: 1em; } .blog-tag-size-6 { font-size: 1.05em; } .blog-tag-size-7 { font-size: 1.1em; } .blog-tag-size-8 { font-size: 1.15em; } .blog-tag-size-9 { font-size: 1.2em; } .blog-tag-size-10 { font-size: 1.25em; } .blog-tag-size-11 { font-size: 1.3em; } .blog-tag-size-12 { font-size: 1.35em; } .blog-tag-size-13 { font-size: 1.4em; } .blog-tag-size-14 { font-size: 1.45em; } .blog-tag-size-15 { font-size: 1.5em; } .blog-tag-size-16 { font-size: 1.55em; } .blog-tag-size-17 { font-size: 1.6em; } .blog-tag-size-18 { font-size: 1.65em; } .blog-tag-size-19 { font-size: 1.7em; } .blog-tag-size-20 { font-size: 1.75em; } /* @end */ /* @group Archive Page */ .blog-archive-background { text-decoration: none; } .blog-entry-summary { margin-bottom: 15px; padding: 6px; } .blog-archive-headings-wrapper { text-align: left; text-decoration: none; margin-right: auto; margin-left: auto; } .blog-archive-entries-wrapper { text-align: left; text-decoration: none; margin-right: auto; margin-left: auto; padding: 1px; } .blog-archive-entries-wrapper .blog-entry { } .blog-archive-month { font-size: 25px; text-align: left; text-indent: 40px; margin-bottom: 4px; background: 12px 4px url(images/elements/icons/archives.gif) no-repeat; line-height: 30px; margin-top: 18px; padding: 2px; } .blog-archive-link { font-size: 13px; background: url(images/elements/icons/blog_back_on.gif) no-repeat 22px 4px; text-align: left; text-indent: 41px; margin-bottom: 22px; } .blog-archive-link a:hover { text-decoration: none; } /* ------------ */ .blog-archive-link-enabled { background: url(images/elements/icons/pen.png) no-repeat left center; font-size: 12px; padding-left: 25px; padding-top: 1px; padding-bottom: 1px; } .blog-archive-link-disabled { font-size: 12px; padding-left: 25px; } .blog-archive-link-enabled a:hover, .blog-archive-link-disabled a:hover { } .blog-archive-link a:link, .blog-archive-link a:visited { text-decoration: underline; } /* @end */ .blog-entry { text-align: left; margin-top: 55px; } .blog-entry-title { display: inline-block; margin-left: 0; background-color: #ededed; text-indent: 3px; width: auto; position: relative; padding: 14px 20px 11px; } .blog-entry-title a { } .blog-entry-date { text-align: left; font-size: 11px; background: #ededed url(images/elements/icons/date.png) no-repeat 16px 6px; text-indent: 27px; font-style: italic; padding: 5px 4px 5px 10px; float: right; margin: 10px 10px 10px 0; } /*styles the category link in the main entry */ .blog-entry-category { background: url(images/elements/icons/categories.png) 0px 0px no-repeat; margin-left: 5px; padding-left: 18px; padding-bottom: 11px; margin-right: 2px; padding-top: 1px; } .blog-entry-category a:link, .blog-entry-category a:visited { } /*styles the permalink link in the main entry */ .blog-entry-permalink { padding-left: 16px; background: url(images/elements/icons/permalink.gif) no-repeat 0 0; margin-left: 4px; padding-bottom: 5px; padding-top: 1px; } .blog-entry-permalink a:link, .blog-entry-permalink a:visited { } .blog-read-more { padding: 5px; margin-top: 2px; margin-bottom: 2px; } .blog-entry-body { margin-bottom: 15px; padding: 0; margin-top: 8px; } .blog-entry-comments { text-align: right; padding-right: 5px; margin-bottom: 15px; margin-top: 10px; font-size: 11px; } /* styles the archives in the blog sidebar */ /* ---box vertical tile------------------------------- */ #blog-archives { background: url(images/elements/grey_6.png) repeat; } .blog-archive-link-enabled { } .blog-archive-link-disabled { } /* Styles the blog categories in the blog sidebar */ /* ---box top------------------------------------- */ #blog-categories { background: url(images/elements/grey_6.png) repeat; } .blog-category-link-enabled, .blog-category-link-disabled { font-size: 13px; padding-bottom: 2px; line-height: 25px; padding-left: 30px; text-transform: uppercase; background: url(images/elements/icons/archives.png) no-repeat 5px center; transition: all 0.20s linear; -moz-transition: all 0.20s linear; -webkit-transition: all 0.20s linear; padding-top: 1px; } .blog-category-link-disabled { position: relative; z-index: 1; } .blog-category-link-enabled:hover, .blog-category-link-disabled:hover { background: url(images/elements/icons/archives_2.png) no-repeat 5px center; transition: all 0.20s linear; -moz-transition: all 0.20s linear; -webkit-transition: all 0.20s linear; padding-top: 1px; padding-bottom: 1px; } /* Styles the blog RSS feeds in the blog sidebar */ #blog-rss-feeds { font-size: 12px; line-height: 24px; margin-top: 7px; } .blog-rss-link { background: url(images/elements/icons/rss.gif) no-repeat 0 2px; padding-bottom: 4px; float: left; clear: left; margin-top: 10px; margin-left: 2%; padding-left: 3%; text-indent: 4px; } .blog-comments-rss-link { background: url(images/elements/icons/rss.gif) no-repeat 0 2px; padding-bottom: 4px; float: left; clear: left; margin-top: 10px; margin-left: 2%; padding-left: 3%; text-indent: 4px; } .blog-rss-link { background: url(images/elements/icons/rss.gif) no-repeat 0 2px; padding-bottom: 4px; float: left; clear: left; margin-top: 10px; margin-left: 2%; padding-left: 3%; text-indent: 4px; } .blog-comments-rss-link { background: url(images/elements/icons/rss.gif) no-repeat 0 2px; padding-bottom: 4px; float: left; clear: left; margin-top: 10px; margin-left: 2%; padding-left: 3%; text-indent: 4px; } p.blog-entry-tags { margin-bottom: 30px; } p.blog-entry-tags a { padding: 3px 1px 4px 20px; margin-left: 2px; } /* Styles blog tag links normal and visited state */ p.blog-entry-tags a:link, p.blog-entry-tags a:visited { background: url(images/elements/icons/tags.png) no-repeat 0 3px; padding-top: 2px; padding-bottom: 1px; } /* Styles blog tag links hover state */ p.blog-entry-tags a:hover { } /* Styles blog tag links active state */ p.blog-entry-tags a:active { } /* Styles the tag clous un-ordered list */ /* ---box bottom------------------------------------- */ ul.blog-tag-cloud { background: url(images/elements/grey_6.png) repeat; } /* Styles tag cloud list item */ ul.blog-tag-cloud li { } /* Styles all links in the tag cloud in normal and visited state */ ul.blog-tag-cloud li a:link, ul.blog-tag-cloud li a:visited { } /* Styles all links in the tag cloud in hover state */ ul.blog-tag-cloud li a:hover { } /* Styles all links in the tag cloud in active state */ ul.blog-tag-cloud li a:active { } /* ___________________________ */ #blog-archives { padding: 10px; margin-top: 10px; line-height: 20px; margin-left: 2%; float: left; border-top-style: solid; border-top-width: 1px; width: 27.5%; } #blog-categories { margin-top: 10px; padding: 10px; margin-left: 2%; float: left; border-top-style: solid; border-top-width: 1px; width: 27.5%; } ul.blog-tag-cloud { padding: 10px; margin-top: 10px; margin-left: 2%; float: left; border-top-style: solid; border-top-width: 1px; width: 27.5%; } /* ___________________________ */ /* @end */ /* @group photo album + prettyphoto updated */ /* custom shadow */ .pp_content { box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.1) ; -moz-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.1) ; overflow: visible; -webkit-animation: photo-single-ennlarge 1s ease-out both !important; animation: photo-single-ennlarge 1s ease-out both !important; } @keyframes photo-single-ennlarge { 0% {opacity: 0;} 40% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes photo-single-ennlarge { 0% {opacity: 0;} 40% {opacity: 0;} 100% {opacity: 1;} } /* custom shadow */ /* OVERLAY PRETTYPHOTO CUSTOMIZED */ div.pp_overlay { background-color: #ffffff; background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgb(81, 81, 81))); background-image: -webkit-linear-gradient(top, rgb(255, 255, 255), rgb(81, 81, 81)); background-image: -moz-linear-gradient(top, rgb(255, 255, 255), rgb(81, 81, 81)); background-image: linear-gradient(to top, rgb(255, 255, 255), rgb(81, 81, 81)); } /* OVERLAY PRETTYPHOTO CUSTOMIZED */ /* @group Photo Album Slideshow Overlay */ div.pp_default .pp_top, div.pp_default .pp_top .pp_middle, div.pp_default .pp_top .pp_left, div.pp_default .pp_top .pp_right, div.pp_default .pp_bottom, div.pp_default .pp_bottom .pp_left, div.pp_default .pp_bottom .pp_middle, div.pp_default .pp_bottom .pp_right { height: 13px; } div.pp_default .pp_content .ppt { color: #f8f8f8; } div.pp_default .pp_content_container .pp_left { padding-left: 13px; } div.pp_default .pp_content_container .pp_right { padding-right: 13px; } div.pp_default .pp_content { background: #fff; } /* Content background */ div.pp_default .pp_next:hover { background: none no-repeat center; cursor: pointer; } /* Next button */ div.pp_default .pp_previous:hover { cursor: pointer;} /* Previous button */ div.pp_default .pp_expand { cursor: pointer; width: 28px; height: 28px; } /* Expand button */ div.pp_default .pp_expand:hover { cursor: pointer; } /* Expand button hover */ div.pp_default .pp_contract { cursor: pointer; width: 28px; height: 28px; } /* Contract button */ div.pp_default .pp_contract:hover { cursor: pointer; } /* Contract button hover */ div.pp_default .pp_close { width: 30px; height: 30px; cursor: pointer; } /* Close button */ div.pp_default #pp_full_res .pp_inline { color: #000; } div.pp_default .pp_gallery ul li a { background: #f8f8f8 center center; border:1px solid #aaa; } div.pp_default .pp_gallery ul li a:hover, div.pp_default .pp_gallery ul li.selected a { border-color: #fff; } div.pp_default .pp_social { margin-top: 7px; } div.pp_default .pp_gallery a.pp_arrow_previous, div.pp_default .pp_gallery a.pp_arrow_next { position: static; left: auto; } div.pp_default .pp_nav .pp_play, div.pp_default .pp_nav .pp_pause { height:30px; width:30px; } div.pp_default .pp_nav .pp_pause { background-position: -51px -29px; } div.pp_default .pp_details { position: relative; } div.pp_default a.pp_arrow_previous, div.pp_default a.pp_arrow_next { height: 20px; margin: 4px 0 0 0; width: 20px; } div.pp_default a.pp_arrow_next { left: 52px; background-position: -82px -3px; } /* The next arrow in the bottom nav */ div.pp_default .pp_content_container .pp_details { margin-top: 5px; } div.pp_default .pp_nav { clear: none; height: 30px; width: 110px; position: relative; } div.pp_default .pp_nav .currentTextHolder{ font-family: Georgia; font-style: italic; color:#999; font-size: 11px; left: 75px; line-height: 25px; margin: 0; padding: 0 0 0 10px; position: absolute; top: 2px; } div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover { opacity:0.7; } div.pp_default .pp_description{ font-size: 11px; font-weight: bold; line-height: 14px; margin: 5px 50px 5px 0; } /* ---------------------------------- Light Square Theme ----------------------------------- */ div.light_square .pp_content .ppt { color: #000; } div.light_square .pp_expand { background: url(images/elements/slideshow/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_square .pp_expand:hover { background: url(images/elements/slideshow/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_square .pp_contract { background: url(images/elements/slideshow/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_square .pp_contract:hover { background: url(images/elements/slideshow/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_square .pp_close { width: 75px; height: 22px; background: url(images/elements/slideshow/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_square .pp_details { position: relative; } div.light_square .pp_description {margin-right: 85px;} div.light_square #pp_full_res .pp_inline { color: #000; } div.light_square .pp_gallery a.pp_arrow_previous, div.light_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.light_square .pp_nav .pp_play { background: url(images/elements/slideshow/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.light_square .pp_nav .pp_pause { background: url(images/elements/slideshow/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.light_square .pp_arrow_previous { background: url(images/elements/slideshow/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_square .pp_arrow_next { background: url(images/elements/slideshow/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_square .pp_next:hover { background: url(images/elements/slideshow/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_square .pp_previous:hover { background: url(images/elements/slideshow/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.light_square .pp_loaderIcon { background: url(images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ------------------------------------------------------------------------ CUSTOM STYLE ------------------------------------------------------------------------- */ div.pp_default .pp_description, div.light_rounded .pp_description, div.dark_rounded .pp_description, div.light_square .pp_description, div.dark_square .pp_description, div.pp_default .pp_nav .currentTextHolder, div.ppt, div.pp_default .pp_description, div.light_square .pp_content .ppt, div.light_square {font-family: "Lucida Grande", Lucida, Verdana, sans-serif; color: #717171; } .pp_social, .pp_social .facebook, .pp_social .twitter { display: none;} div.light_square, div.light_square .pp_description {font-weight: normal;font-style: normal; text-decoration: none; font-size: 13px; line-height: 22px;} div.light_square .pp_content{ background: #fff; padding-bottom: 7px;} div.light_square .pp_middle, div.light_square .pp_left , div.light_square .pp_right { background: transparent; } div.light_square .pp_details { position: relative; margin-left: 5px; margin-right: -5px;} /* ------------------------------------------------------------------------ DO NOT CHANGE ------------------------------------------------------------------------- */ div.pp_pic_holder a:focus { outline:none; } div.pp_overlay { display: none; left: 0; position: absolute; top: 0; width: 100%; z-index: 9500; /*background-color: #ffffff;*/ } div.pp_pic_holder { display: none; position: absolute; width: 100px; z-index: 10000; } .pp_top { height: 20px; position: relative; } * html .pp_top { padding: 0 20px; } .pp_top .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_top .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_top .pp_middle { left: 0; position: static; } .pp_top .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .pp_content { height: 40px; min-width: 40px; } * html .pp_content { width: 40px; } .pp_fade { display: none; } .pp_content_container { position: relative; text-align: left; width: 100%; } .pp_content_container .pp_left { padding-left: 20px; } .pp_content_container .pp_right { padding-right: 20px; } .pp_content_container .pp_details { float: left; margin: 10px 0 2px 0; } .pp_description { display: none; margin: 0; } .pp_social { float: left; margin: 0; } .pp_social .facebook { float: left; margin-left: 5px; width: 55px; overflow: hidden; } .pp_social .twitter { float: left; } .pp_nav { clear: right; float: left; margin: 3px 10px 0 0; } .pp_nav p { float: left; margin: 2px 4px; white-space: nowrap; } .pp_nav .pp_play, .pp_nav .pp_pause { float: left; margin-right: 4px; text-indent: -10000px; } a.pp_arrow_previous, a.pp_arrow_next { display: block; float: left; height: 15px; margin-top: 3px; overflow: hidden; text-indent: -10000px; width: 14px; } .pp_hoverContainer { position: absolute; top: 0; width: 100%; z-index: 2000; } .pp_gallery { display: none; left: 50%; margin-top: -50px; position: absolute; z-index: 10000; } .pp_gallery div { float: left; overflow: hidden; position: relative; } .pp_gallery ul { float: left; height: 35px; margin: 0 0 0 5px; padding: 0; position: relative; white-space: nowrap; } .pp_gallery ul a { border: 1px #000 solid; border: 1px rgba(0,0,0,0.5) solid; display: block; float: left; height: 33px; overflow: hidden; } .pp_gallery ul a:hover, .pp_gallery li.selected a { border-color: #fff; } .pp_gallery ul a img { border: 0; } .pp_gallery li { display: block; float: left; margin: 0 5px 0 0; padding: 0; } .pp_gallery li.default a { display: block; height: 33px; width: 50px; } .pp_gallery li.default a { display: block; height: 33px; width: 50px; } .pp_gallery li.default a img { display: none; } .pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next { margin-top: 7px !important; } a.pp_next { background: url(images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: right; height: 100%; text-indent: -10000px; width: 49%; } a.pp_previous { background: url(images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: left; height: 100%; text-indent: -10000px; width: 49%; } a.pp_expand, a.pp_contract { cursor: pointer; display: none; height: 20px; position: absolute; right: 30px; text-indent: -10000px; top: 10px; width: 20px; z-index: 20000; } a.pp_close { position: absolute; right: 0; top: 0; display: block; line-height:22px; text-indent: -10000px; } .pp_bottom { height: 20px; position: relative; } * html .pp_bottom { padding: 0 20px; } .pp_bottom .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_bottom .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_bottom .pp_middle { left: 0; position: static; } .pp_bottom .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .pp_loaderIcon { display: block; height: 24px; left: 50%; margin: -12px 0 0 -12px; position: absolute; top: 50%; width: 24px; } #pp_full_res { line-height: 1 !important; } #pp_full_res .pp_inline { text-align: left; } #pp_full_res .pp_inline p { margin: 0 0 15px 0; } div.ppt { color: #fff; display: none; font-size: 17px; margin: 0 0 5px 15px; z-index: 9999; } /* @end */ /* ----------- */ /* @group Index Page (Thumbnail view) */ /* ------------------- */ .album-description { margin-bottom: 1rem; padding: 5px; } .album-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; padding-bottom: 1rem; } .album-wrapper .thumbnail-wrap { display: block; width: 21%!important; height: auto!important; padding: 2%; } .thumbnail-frame img:hover { box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.45); -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.45) ; -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.45) ; } .thumbnail-frame img { transition: all 0.16s linear; -moz-transition: all 0.16s linear; -webkit-transition: all 0.16s linear; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .thumbnail-frame img, .filesharing-item { overflow: visible; -webkit-animation: photo-scale 1.2s ease-out both !important; animation: photo-scale 1.2s ease-out both !important; } @keyframes photo-scale { 0% {transform: scale(0.7); opacity: 0;} 50% {opacity: 0;} 100% {transform: scale(1); opacity: 1;} } @-webkit-keyframes photo-scale { 0% {-webkit-transform: scale(0.7); opacity: 0;} 50% {opacity: 0;} 100% {-webkit-transform: scale(1); opacity: 1;} } .album-wrapper .thumbnail-wrap .thumbnail-frame { width: 100%!important; } .album-wrapper .thumbnail-wrap .thumbnail-frame>a { display: block; } .album-wrapper .thumbnail-wrap .thumbnail-frame>a>img { width: 100%!important; height: 100%!important; margin-bottom: 5px; } .thumbnail-caption { overflow: visible; -webkit-animation: photo-text 1.5s ease-out both !important; animation: photo-text 1.5s ease-out both !important; } @keyframes photo-text { 0% {opacity: 0;} 80% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes photo-text { 0% {opacity: 0;} 80% {opacity: 0;} 100% {opacity: 1;} } .thumbnail-caption { display: block; text-transform: uppercase; text-align: center; position: relative; margin: 0; padding: 0; font-size: 10px; } /* @end */ /* @group Single Page (Photo view) */ /* Single Page (Photo view) */ .photo { } .photo-background { padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; background-color: #f1f1f1; background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(227, 227, 227)), to(rgb(255, 255, 255))); background-image: -webkit-linear-gradient(top, rgb(227, 227, 227), rgb(255, 255, 255)); background-image: -moz-linear-gradient(top, rgb(227, 227, 227), rgb(255, 255, 255)); background-image: linear-gradient(to top, rgb(227, 227, 227), rgb(255, 255, 255)); } .photo-navigation { padding: 3px 0 0; text-align: center; margin-right: auto; margin-left: auto; max-width: 340px; background-color: rgba(0,0,0,0.1739159); font-family: "Lucida Grande", Lucida, Verdana, sans-serif; } .photo-navigation a:link, .photo-navigation a:visited { color: #f2f2f2; text-align: center; } .photo-title { letter-spacing: 1px; color: #ffffff; margin: 0; text-align: center; padding: 3px 0; text-transform: uppercase; font-family: "Lucida Grande", Lucida, Verdana, sans-serif; } .photo-caption { color: #fafafa; padding: 0px; margin-top: 4px; } .photo-links { color: #fff; background-color: rgba(0,0,0,0.1739159); margin: 0; opacity: 0.85; transition: all 0.12s linear; -moz-transition: all 0.12s linear; -webkit-transition: all 0.12s linear; padding: 15px 0; text-transform: uppercase; } .photo-links:hover { opacity: 1.0; transition: all 0.22s linear; -moz-transition: all 0.22s linear; -webkit-transition: all 0.22s linear; } .photo-links a { padding: 0; margin: 0; } .photo-links a:hover, .photo-links a:active {} .photo-navigation a:hover { text-decoration: underline; color: #dbdbdb; } .photo-frame{ width: 94%; /* fallback IE */ height: auto; /* fallback IE */ max-width: 94%; /* fallback IE */ position: absolute; box-shadow: 0px 3px 15px 0px rgba(21, 21, 21, 0.271) ; -webkit-box-shadow: 0px 3px 15px 0px rgba(21, 21, 21, 0.271) ; margin-right: auto; padding: 0; margin-left: auto; max-width: 100vw; width:auto; height:auto; max-width: 94vw; max-height: 78vh; text-align: center; right: 0; left: 0; margin-top: 1.5%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .photo-background { } .photo-navigation { } .photo-links { } .photo-navigation a:link, .photo-navigation a:visited { } .photo-navigation a:hover { } .photo-frame { } .photo-title { } .photo-caption { } /* @group animation on load */ .photo-frame { -webkit-animation: photo-frame 0.55s ease-in !important; -moz-animation: photo-frame 0.55s ease-in !important; animation: photo-frame 0.55s ease-in !important; } @-moz-keyframes photo-frame { 0% { opacity: 0; } 100% { opacity: 1; }} @-webkit-keyframes photo-frame{ 0% { opacity: 0;} 100% { opacity: 1; }} @keyframes photo-frame { 0% { opacity: 0;} 100% { opacity: 1; } } /* ---------- */ .photo-frame:hover{} /* @end */ /* @end */ html > body .photo-background { } html > body .photo-navigation { } /* @group EXIF data */ /* Data wrapper */ .exif-data { padding: 5px 4px 10px 20px; background: url(images/elements/black_80.png) repeat; opacity: 0.90; max-width: 340px; margin: -4px auto 5%; } .exif-data p { color: #eee; text-align: left; padding-left: 27px; font-size: 11px; line-height: 22px; background: url(images/elements/exif/efix_triangle.gif) no-repeat 7px 40%; padding-bottom: 0; text-indent: 3px; margin: 3px 0 0; } /* p tag classes for all exif data */ p.exif-version { } p.exif-colour-space { } /* icon */ p.exif-focal-length { background: url(images/elements/exif/efix_focal_length.gif) no-repeat left center; } /* icon */ p.exif-dimensions { background: url(images/elements/exif/efix_dimensions.gif) no-repeat left center; } /* icon */ p.exif-pixel-y-dimension { background: url(images/elements/exif/efix_y_dimension.gif) no-repeat left center; } /* icon */ p.exif-pixel-x-dimension { background: url(images/elements/exif/efix_x_dimension.gif) no-repeat left center; } p.exif-oecf-value { } p.exif-subsec-time-original { } p.exif-exposure-mode { } p.exif-spatial-frequency-response { } p.exif-scene-capture-type { } p.exif-subject-location { } /* icon */ p.exif-shutter-speed { background: url(images/elements/exif/efix_shutter_speed.gif) no-repeat left center; } /* icon */ p.exif-datetime-original { background: url(images/elements/exif/efix_date_time_x2.gif) no-repeat left center; } p.exif-subsec-time { } p.exif-compressed-bits-per-pixel { } p.exif-flash-energy { } p.exif-saturation { } p.exif-brightness { } /* icon */ p.exif-exposure-time { background: url(images/elements/exif/efix_exposure_time.gif) no-repeat left center; } p.exif-f-number { } p.exif-file-source { } p.exif-gain-control { } p.exif-subject-area { } p.exif-cfa-pattern { } p.exif-scene-type { } p.exif-white-balance { } p.exif-flash { } p.exif-exposure-index { } p.exif-flashpix-version { } p.exif-device-setting-description { } p.exif-focalplane-x-resolution { } /* icon */ p.exif-image-uniqueid { background: url(images/elements/exif/efix_image_unique_id.gif) no-repeat left center; } p.exif-components-configuration { } p.exif-light-source { } p.exif-sensing-method { } /* icon */ p.exif-aperture { background: url(images/elements/exif/efix_aperture.gif) no-repeat left center; } p.exif-sharpness { } p.exif-exposure-program { } p.exif-subject-distance { } p.exif-subsec-time-digitized { } p.exif-contrast { } p.exif-focalplane-resolution-unit { } p.exif-gamma { } /* icon */ p.exif-35mm-focal-length { background: url(images/elements/exif/efix_focal_length.gif) no-repeat left center; } /* icon */ p.exif-datetime-digitized { background: url(images/elements/exif/efix_date_time_x2.gif) no-repeat left center; } p.exif-subject-distance-range { } p.exif-custom-rendered { } /* icon */ p.exif-max-aperture { background: url(images/elements/exif/efix_aperture.gif) no-repeat left center; } p.exif-sound-file { } p.exif-metering-mode { } p.exif-spectral-sensitivity { } p.exif-exposure-bias { } p.exif-focalplane-y-resolution { } /* icon */ p.exif-iso-rating { background: url(images/elements/exif/efix_iso.gif) no-repeat left center; } /* icon */ p.exif-maker-note { background: url(images/elements/exif/efix_maker_note.gif) no-repeat left center; } p.exif-digital-zoom-ratio { } /* icon */ p.exif-user-comment { background: url(images/elements/exif/efix_user_comment.gif) no-repeat left center; } /* @end */ /* @end */ /* @group Sitemap */ .rw-sitemap { padding: 0; width: 70%; margin: 20px auto 25px; } .rw-sitemap ul { padding: 0; margin-bottom: 11px; list-style-position: outside; list-style-image: url(images/elements/parent_oriz.png); } .rw-sitemap ul:last-child { padding-right: 8px; } .rw-sitemap ul a { padding: 0 8px 0 0; } .rw-sitemap ul li { margin: 0 0 5px; text-transform: none; padding: 9px 3px 0; } .rw-sitemap ul li:last-child { margin-bottom: -5px; } .rw-sitemap a { } .rw-sitemap ul ul { padding: 0 0 0 17px; margin-top: 7px; } /* @end */ /* @group contact form */ form { width: 92%; margin-top: 0; margin-bottom: 0; margin-left: 6%; } .message-text { margin-top: 0; margin-left: 6%; width: 90%; text-align: center; } .required-text { } .form-input-field { background-color: #fbfbfb; margin-top: 8px; color: #5d5d5d; -webkit-transform-style: preserve-3d; /*prvent flicker toolbar*/ transform: scale(1.0); -webkit-transform: scale(1.0); -moz-transform: scale(1.0); transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -webkit-transition: all 0.20s ease-in-out; margin-left: auto; margin-right: auto; width: 90%; padding: 5px; border: 1px solid #dcdcdc; } .form-input-field:hover { box-shadow: 0 0px 7px rgba(123, 162, 207,1.0); -webkit-box-shadow: 0 0px 7px rgba(123, 162, 207,1.0); -moz-box-shadow: 0 0px 7px rgba(123, 162, 207,1.0); transform: scale(1.02); -webkit-transform: scale(1.02); -moz-transform: scale(1.02); } .form-input-field:focus { transform: scale(1.02); -webkit-transform: scale(1.02); -moz-transform: scale(1.02); position: relative; z-index: 3; } .form-input-field:hover, .form-input-field a:visited { background-color: #fffeff; border-color: #98a9fd; } .form-input-field a:active { border-color: #98a9fd; background-color: #fffeff; } /* button */ .form-input-button { padding: 6px 12px; color: #919191; border: 1px solid #d5d5d5; text-transform: uppercase; margin: 10px 10px 0 5px; transition: all 0.20s linear; -moz-transition: all 0.20s linear; -webkit-transition: all 0.20s linear; text-shadow: #f1f1f1 0 1px 0; font-weight: bold; letter-spacing: 1px; background-color: #eaeaea; } .form-input-button:hover { border: 1px solid #bcbcbc; transition: all 0.18s linear; -moz-transition: all 0.18s linear; -webkit-transition: all 0.18s linear; color: #515151; } .form-input-button:focus { } /* @end */ /* @group file sharing */ .filesharing-description { } .filesharing-item { float: left; display: inline-table; background: url(images/elements/grey_6.png) repeat; padding: 0; margin: 2.6% 2.2% 2.6% 3%; width: 44.2%; } .filesharing-item-title { padding-top: 3px; background: url(images/elements/grey_10.png) repeat; padding: 3%; width: auto; } .filesharing-item-title:hover { } .filesharing-item-title a:link { background: url(images/elements/download.png) no-repeat 5px 50%; padding-left: 25px; transition: all 0.05s linear; -moz-transition: all 0.05s linear; -webkit-transition: all 0.05s linear; } .filesharing-item-title a:hover { transition: all 0.15s linear; -moz-transition: all 0.15s linear; -webkit-transition: all 0.15s linear; text-decoration: underline; background-position: 5px 65%; } .filesharing-item-title a:visited { } .filesharing-item-description { font-weight: normal; padding: 15px 18px 18px; margin: 0; } /* @end */ /* @group FONT SIZE */ /* break-word classes */ #pageHeader h1, #pageHeader h2, #content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6, #extraContainer1 h1, #extraContainer1 h2, #extraContainer1 h3, #extraContainer1 h4, #extraContainer1 h5, #extraContainer1 h6, #extraContainer2 h1, #extraContainer2 h2, #extraContainer2 h3, #extraContainer2 h4, #extraContainer2 h5, #extraContainer1 h6, #extraContainer3 h1, #extraContainer3 h2, #extraContainer3 h3, #extraContainer3 h4, #extraContainer3 h5, #extraContainer1 h6, a:link, a:visited, a:hover, a:active, #navcontainer ul a, #navcontainer ul ul a, #sidebarContainer .sideHeader, #footer a, #extraContainer1 a:link, #extraContainer1 a:visited, #extraContainer1 a:hover, #extraContainer1 a:active, /* Opera FIX */ #extraContainer2 a:link, #extraContainer2 a:visited, #extraContainer2 a:hover, #extraContainer2 a:active, #extraContainer3 a:link, #extraContainer3 a:visited, #extraContainer3 a:hover, #extraContainer3 a:active { } /* break-word classes */ body { /* reset font size landscape-portraid */ -webkit-appearance: none; /* WebKit */ -moz-appearance: none; /* Mozilla */ appearance: none; -webkit-text-size-adjust: none; /* WebKit */ -moz-text-size-adjust: none; /* Mozilla */ /*text-size-adjust: none; */ } /* body + extracontent --> 100%*/ html, body, header, #container, blockquote, #contentContainer, #contentContainer #content, #sidebarContainer, #sidebarContainer #sidebar, #headerEdge, #pageHeader, #pageHeader h1, #pageHeader h2, form, div, span, p, code, iframe, img, table, caption, footer, #extraContainer1, #extraContainer2, #extraContainer3, #extraContainer4, #extraContainer5, #extraContainer6, h1, h2, h3, h4, h5, h6 {font-size: 100%; font: inherit; } #container, #extraContainer1, #extraContainer2, #extraContainer3, #extraContainer4 { line-height: 1.6em; font-size: 0.86em; } h1 { font-size: 2.3rem; } h2 { font-size: 1.9rem; } h3 { font-size: 1.6rem; } h4 { font-size: 1.4rem; } h5 { font-size: 1.25rem; } h6 { font-size: 1.1rem;} h1, h2, h3, h4 { margin: 0; padding: 0; line-height: 1.2; } h5, h6 { margin: 0; padding: 0; line-height: 1.3; } /* #container { line-height: 1.6em; font-size: 0.86em; } #extraContainer3, #extraContainer4{ line-height: 1.6em; font-size: 0.86em; } h1 { font-size: 2.200em; line-height: 1.2em; margin: 0; padding: 0; } h2 { font-size: 1.850em; line-height: 1.2em; margin: 0; padding: 0; } h3 { font-size: 1.530em; margin: 0; line-height: 1.3em; padding: 0; } h4 { font-size: 1.313em; margin: 0; padding: 0; line-height: 1.3em; } h5 { font-size: 1.188em; margin: 0; padding: 0; line-height: 1.4em; } h6 { font-size: 1.000em; margin: 0; padding: 0; line-height: 1.4em; }*/ /* ---text--- */ .album-title, .movie-page-title { line-height: 2.3em; font-size: 1.6em; } #pageHeader h1 { font-size: 3.6em; line-height: 1.1em; } #pageHeader h2 { line-height: 1.6em; font-size: 1.1em; } #navcontainer a { line-height: 50px; font-size: 17px; letter-spacing: 1px; } #navcontainer ul ul a { line-height: 30px; font-size: 13px; } .sideHeader_bottom, .sideHeader_top, .sideHeader { } code {font-size: 0.875em;} #sidebarContainer .sideHeader { line-height: 1.5em; font-size: 1.2em; } .rw-sitemap ul a { font-size: 1.063em; } .filesharing-item-title { line-height: 1em; font-size: 1.5em; } .rw-sitemap ul li li a { font-size: 0.938em;} .footer, #footer, #footer p{ font-size: 0.96em; line-height: 1.5em; } #breadcrumbcontainer a, .breadcrumbcontainer2 a { line-height: 13px; font-size: 12px; } .form-input-button, .form-input-field { font-size: 1em; letter-spacing: 1px; } body, #pageHeader h1, pageHeader h2, #sidebarContainer .sideHeader, #footer a:link, #footer a:visited, #navcontainer a, h1, h2, h3, h4, .blog-archive-month, .blog-entry-title, .blog-entry-date, .album-title, .album-description, .thumbnail-caption, .photo-title, .photo-caption, .movie-page-title, .movie-page-description, .movie-thumbnail-caption, .photo-title, .photo-caption, .movie-title, .rw-sitemap, .rw-sitemap ul a, .rw-sitemap ul li li a, .rw-sitemap ul li li li a { font-family: "Arial", Lucida Grande, sans-serif; } .thumbnail-caption { font-size: 0.8em; } /* @end */ /* ___________________________ */ #fade_in { top: 0px !important; } #fade1, #fade2, #fade3{ top: 0px; } #menuOpened { top: 0px !important; } /* ___________________________ */ /* @group Tipsy */ /* NOTE: all colors are overwritten by colortag.css */ .tipsy { position: absolute; padding: 5px; z-index: 100000; margin-top: 15px; line-height: 27px; font-size: 18px; font-family: "PerspectiveSansRegular", sans-serif !important; } .tipsy-inner { /* padding: 5px 8px 4px 8px; */ background-color: #000; color: #FFF; max-width: 200px; padding: 10px 17px 8px; text-align: center; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; transition: All 0.3s linear; -webkit-transition: All 0.3s linear; -moz-transition: All 0.3s linear; } .tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; } /* Rules to colour arrows - check the COLORTAG.CSS */ .tipsy-arrow-n { border-bottom-color: #000;} .tipsy-arrow-s { border-top-color: #000;} .tipsy-arrow-e { border-left-color: #000;} .tipsy-arrow-w {border-right-color: #000;} .tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; } .tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; } @media only screen and (max-width: 800px) { .tipsy { line-height: 19px; font-size: 15px; } .tipsy-inner {padding: 6px 8px 5px; } } /* @end */ /* ___________________________ */ /* @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 !important; } /* @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 */ /* ___________________________ */ /* @group Settings */ .settings { position: relative; display: none; } /* @end */ /* ___________________________ */ /* @group SCROLL EFFECT SETTING */ .hidden{ opacity: 0; } .visible{ opacity: 1; } /* @end */ @media only screen and (max-width: 950px) { #drop { left: 20px;} } @media only screen and (min-width: 788px) { /* Hide the toolbar on responsive simulation*/ #navcontainer2, .navcontainer3 { display: none !important; } } @media only screen and (max-width: 788px) { .navcontainer3 { display: block !important; } #nav_background { display: block; } #pageHeader h1 { font-size: 2.5em; line-height: 1.4em; } #logo { padding-top: 0; } #container {padding-top: 25px;} #drop { left: 20px; top: 0; } #pageHeader h2 { } #navigation_position { top: 1px !important; } /* @group Navcontainer HIDE */ #navcontainer {display: none;} #navcontainer a { display: none; opacity: 0.34; } #contentBand { position: relative; } #topnav { opacity: 0.34; transition: all 0.45s linear; -webkit-transition: All 0.45s linear; -moz-transition: All 0.45s linear; transition-delay: 280ms; -webkit-transition-delay: 280ms; -moz-transition-delay: 280ms; display: block; } #drop, #drop.boxopened{ background-color: #fff !important; } /*over the COLORTAG color only in small devices*/ /* @end */ #extraContainer1box { transition: all 0.45s linear; -webkit-transition: All 0.45s linear; -moz-transition: All 0.45s linear; transition-delay: 350ms; -webkit-transition-delay: 350ms; -moz-transition-delay: 350ms; } #extraContainer2 { transition: all 0.33s linear; -webkit-transition: All 0.33s linear; -moz-transition: All 0.33s linear; transition-delay: 170ms; -webkit-transition-delay: 170ms; -moz-transition-delay: 170ms; } /* ------ */ #nav_button { display: block; -webkit-transition: all 420ms cubic-bezier(1.000, 0.000, 1.000, 0.495); -moz-transition: all 420ms cubic-bezier(1.000, 0.000, 1.000, 0.495); -ms-transition: all 420ms cubic-bezier(1.000, 0.000, 1.000, 0.495); transition: all 420ms cubic-bezier(1.000, 0.000, 1.000, 0.495); -webkit-transition-timing-function: cubic-bezier(1.000, 0.000, 1.000, 0.495); -moz-transition-timing-function: cubic-bezier(1.000, 0.000, 1.000, 0.495); -ms-transition-timing-function: cubic-bezier(1.000, 0.000, 1.000, 0.495); transition-timing-function: cubic-bezier(1.000, 0.000, 1.000, 0.495); } /* ------ */ #navcontainer2 { display: none;} } @media only screen and (max-width: 650px) { #footer { margin-right: 3%; margin-left: 3%; padding-bottom: 10px; } #footer p { text-align: center; } } @media only screen and (max-width: 601px) { /* ------ */ #pageHeader h2 { } /* ------ */ /* @group FileSharing */ .filesharing-item { display: inline; margin: 2% 3% 20px 1%; width: 96%; } /* @end */ /* @group logo */ #logo img { } /* @end */ /* @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 Sitemap */ .rw-sitemap { transition: all 0.18s linear; -moz-transition: all 0.18s linear; -webkit-transition: all 0.18s linear; padding-left: 10%; } /* @end */ #extraContainer2 { margin: 0; overflow: auto; } #footer { margin: 0; overflow: auto; } #contentContainer { width: 94%; margin-right: 0; margin-left: 0; padding-left: 3%; padding-right: 3%; } #sidebarContainer { margin: 0; overflow: auto; padding-top: 0; padding-left: 0; padding-right: 0; } #sidebarContainer #sidebar { width: 94%; margin-right: 0; margin-left: 0; padding-left: 3%; padding-right: 3%; } #extraContainer1 { margin-right: 0; margin-left: 0; padding-left: 3%; padding-right: 3%; width: auto; } #extraContainer2 { width: auto; margin-right: 0; margin-left: 0; padding-left: 3%; padding-right: 3%; } #extraContainer3 { width: 94%; margin-right: 0; margin-left: 0; padding-left: 3%; padding-right: 3%; } #container { /*position: relative;*/ top: 0; margin-bottom: 0; } } @media only screen and (max-width: 530px) { #navcontainer2, .navcontainer3 { width: 90%; margin-right: 3%; margin-left: 3%; padding-right: 2%; padding-left: 2%; } .thumbnail-caption { font-size: 9px; } } @media only screen and (max-width: 500px) and (orientation : landscape) { .bodyimage {height: 70%; } } @media only screen and (max-width: 480px) { /* @group blog */ #blog-archives { width: 89%; } #blog-categories { width: 89%; } ul.blog-tag-cloud { width: 89%; } /* @end */ /* @group Sitemap */ .rw-sitemap { width: 98%; transition: all 0.18s linear; -moz-transition: all 0.18s linear; -webkit-transition: all 0.18s linear; } /* @end */ .thumbnail-caption { font-size: 8px; } } @media only screen and (max-width: 400px) { } @media only screen and (max-width: 320px) { #navcontainer2, .navcontainer3 { width: 100%; margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; border-radius: 0px !important; -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; } .footer, #footer, #footer P{ line-height: 1.2em; font-size: 0.94em; } } /* ___________________________ */ #hello { } /* ___________________________ */ /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ @font-face { font-family: 'FontAwesome'; src: url('css/webfonts/fontawesome/fontawesome-webfont.eot?v=4.7.0'); src: url('css/webfonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('css/webfonts/fontawesome/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('css/webfonts/fontawesome/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('css/webfonts/fontawesome/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('css/webfonts/fontawesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} /* @group bootstrap responsive video V2 - below to avoid issues .- classic */ .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.857143%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-3by4::before { padding-top: 133.333333%; } .embed-responsive-1by1::before { padding-top: 100%; } /* @end */