@charset "UTF-8";
  html {
box-sizing: border-box; }
*, *::after, *::before {
box-sizing: inherit; } body {
background: #fff;
-webkit-font-feature-settings: "kern", "liga", "pnum";
-moz-font-feature-settings: "kern", "liga", "pnum";
-ms-font-feature-settings: "kern", "liga", "pnum";
font-feature-settings: "kern", "liga", "pnum";
-webkit-font-smoothing: antialiased;
font-size: 1em;
line-height: 1.45;
margin: 0; }
h1, h2, h3, h4, h5, h6 {
margin: 0 0 0.5em;
line-height: 1.2;
font-weight: 400; }
h1 {
font-size: 1.953em;
font-weight: 600;
letter-spacing: -.025em;
text-rendering: optimizeLegibility;
margin-top: 0; }
@media screen and (min-width: 48em) {
h1 {
font-size: 2.441em; } }
h2 {
font-size: 1.45em; }
@media screen and (min-width: 48em) {
h2 {
font-size: 1.953em; } }
h3 {
font-size: 1.25em; }
@media screen and (min-width: 48em) {
h3 {
font-size: 1.45em; } }
h4 {
font-size: 1.25em; }
h5 {
font-size: 1.125em; }
h6 {
font-size: 1.125em; }
.entry-title {
font-weight: 400; }
.archive-title {
font-weight: 400;
font-size: 26px; }
p {
margin-bottom: 1.875em; }
p.leader {
font-size: 18px;
font-weight: 300; }
@media screen and (min-width: 48em) {
p.leader {
font-size: 1.25em;
line-height: 150%; } }
a {
text-decoration: none;
transition: color 0.1s linear; }
a:active, a:focus {
outline: none; }
hr {
border-bottom: 1px solid #ddd;
border-left: none;
border-right: none;
border-top: none;
margin: 1.45em 0; }
span.amp {
font-family: 'Goudy Old Style', Palatino, 'Book Antiqua', serif !important;
font-style: italic !important;
font-weight: normal !important; }
pre {
font-size: 14px;
font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif; }
.subheading {
margin: 0 auto rhythm(4, 16px) auto; }
.subheading h1, .subheading h2, .subheading h3, .subheading h4 {
margin: 0; }
.text_white {
color: #fff !important; }
.text_black {
color: #000 !important; }
.text-gray {
color: #666 !important; }
.text-dark {
color: #333 !important; }
@media screen and (max-width: 30em) {
.su-pullquote {
width: 100% !important; } }
.more-link {
float: right;
font-weight: bold;
margin: 1.25em 0 0.625em 0; }
ul,
ol {
list-style-type: none;
margin: 0;
padding: 0; }
dl {
margin-bottom: 0.725em; }
dl dt {
font-weight: bold;
margin-top: 0.725em; }
dl dd {
margin: 0; }
.main-col ul, ul.list, ol.list {
margin: 0 0 0.625em 1.25em;
list-style-position: inside;
list-style-type: disc; }
.main-col ul li, ul.list li, ol.list li {
line-height: 1.5;
padding-bottom: 0.3125em; }
.main-col ul li ul, ul.list li ul, ol.list li ul {
margin-left: 1.25em; }
.main-col ol, ol.list {
margin: 0 0 0.625em 1.25em;
list-style-position: inside;
list-style-type: decimal; }
.main-col ol li, ol.list li {
line-height: 1.5;
padding-bottom: 0.3125em; }
.main-col ol li ul, ol.list li ul {
list-style-type: lower-alpha;
margin-left: 1.25em; }
ul.inline {
list-style: none; }
ul.inline li {
display: inline-block;
padding: 4px; }
.main-col ul.captionlist {
list-style: none; }
.main-col ul.captionlist li {
line-height: 1.5;
padding-bottom: 0.3125em; }
.main-col ul.captionlist li:before {
content: ' ';
font-family: 'FontAwesome';
color: #bababa; }
.main-col ul.captionlist li ul {
list-style: none;
margin: 0;
padding: 0; }
.main-col ul.captionlist li ul li {
font-size: 0.875em;
color: #666666;
padding-left: 1.5em; }
.main-col ul.captionlist li ul li:before {
content: ''; }
ul#breadcrumbs {
display: none; }
@media screen and (min-width: 48em) {
ul#breadcrumbs {
list-style: none;
width: 100%;
display: inline-block;
border-bottom: 1px dotted #e6e6e6;
margin-bottom: 10px;
padding-bottom: 10px;
font-size: 13px; }
ul#breadcrumbs li {
float: left;
padding: 0px 4px; }
ul#breadcrumbs li i {
color: #cccccc; } }  .header {
background-color: #fff;
padding: 1em 2.5em; }
.header h1#logo {
text-transform: uppercase;
font-size: 24px;
margin: 0 auto; }
.header h1#logo a {
text-decoration: none;
font-weight: 300;
letter-spacing: 0.19em; } .header .header_extras {
display: none; }
@media screen and (min-width: 48em) {
.header .header_extras {
position: absolute;
float: right;
top: -20px;
right: 10px;
text-align: right;
color: #666666;
font-size: 16px; } }  #shownav {
position: absolute;
width: 24px;
float: right;
right: 30px;
top: 50px;
display: none; }
#shownav span {
background-color: #999999 !important;
border-radius: 4px;
height: 3px;
display: block;
margin-bottom: 3px; }
#shownav.active span {
background-color: #ccc !important; }
#menu {
display: block;
position: relative;
clear: both; }
#menu ul#nav {
margin: 0 auto;
padding: 0;
list-style: none;
white-space: nowrap;
position: relative;
z-index: 1000;
right: 0;
float: left; }
#menu ul#nav.below {
margin: 32px 0 0 0;
width: 100%; }
#menu ul#nav.right {
position: absolute; }
#menu ul#nav li {
list-style: none;
padding: 0;
float: left;
display: inline;
zoom: 1;  }
#menu ul#nav li:hover, #menu ul#nav li.hover {
position: relative;
z-index: 9999;
cursor: default; }
#menu ul#nav li a {
font-weight: normal;
text-decoration: none;
padding: 8px 0;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
display: block;
float: none; }
#menu ul#nav li a:hover {
color: #333;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out; }
#menu ul#nav li.active a {
color: #666; }
#menu ul#nav ul.sub-menu {
background-color: #fff;
padding: 2px;
font-size: 13px;
text-align: left;
white-space: normal;
top: 40px;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); }
#menu ul#nav ul.sub-menu span.sub-indicator {
background: url(//envirovue.com/blog/wp-content/themes/lightfast/images/sub_indicator.png);
position: absolute;
top: -10px;
left: 20%;
height: 10px;
width: 19px; }
#menu ul#nav ul.sub-menu li {
float: none;
display: block;
position: relative;
margin: 0; }
#menu ul#nav ul.sub-menu li a {
display: block;
position: relative;
line-height: 125%;
padding: 8px 4px;
margin: 2px;
border-radius: 2px;
letter-spacing: normal;
-webkit-transition: none;
-moz-transition: none;
transition: none;
text-decoration: none;
border: none;
background-image: none; }
#menu ul#nav ul.sub-menu li a:hover {
color: #333;
background-color: #f2f2f2; } @media only screen and (max-width: 767px) {
#shownav {
display: inline;
display: block;
overflow: hidden;
z-index: 999; }
#menu {
width: 100%;
display: none;
height: auto;
margin: 0 !important;
padding: 0 !important; }
#menu ul#nav {
position: relative;
float: none;
left: 0;
margin: 0;
padding-top: 2px; }
#menu ul#nav.below {
position: relative;
margin: 0 0 0 0 !important; }
#menu ul#nav.right {
top: 0;
position: relative; }
#menu ul#nav li {
width: 100%;
padding: 0 !important;
margin: 0 !important;
border-bottom: 1px dotted #eee; }
#menu ul#nav li a {
line-height: 2.5;
padding: 0px;
font-size: 12px;
display: block; }
#menu ul#nav ul.sub-menu {
position: relative;
top: 0;
margin-bottom: 0;
box-shadow: none; }
#menu ul#nav ul.sub-menu span.sub-indicator {
display: none; }
#menu ul#nav ul.sub-menu li {
background-image: none;
float: none;
text-align: left;
margin: 0 !important;
white-space: nowrap;
border: none; }
#menu ul#nav ul.sub-menu li a {
line-height: 1.25;
padding: 4px 0px; }
#menu ul#nav ul.sub-menu li a:hover {
background: none; }
#menu ul#nav ul.sub-menu li ul li a {
padding-left: 0; }
#menu ul#nav ul.sub-menu li ul ul {
top: 0;
left: 100%; } }
@media only screen and (min-width: 767px) {
#menu {
display: block !important; } }
@media only screen and (min-width: 768px) and (max-width: 959px) {
#menu li {
font-size: 85%;
margin-right: 1.25em !important; }
#menu li ul li {
margin-right: 0 !important; } } #menu ul li.sfHover > ul, #menu ul li:hover > ul {
visibility: visible; }
#menu ul ul {
visibility: hidden;
position: absolute;
min-width: 200px;
z-index: 9998;
width: auto;
padding: 0px; }
#menu ul, #menu ul li, #menu ul ul {
list-style: none;
margin: 0;
padding: 0; }
html.ie.ie7 #menu ul {
display: inline; }
html.ie.ie7 #menu {
z-index: 99999; }
html.ie7 #menu ul.sub-menu {
margin-left: -15px; }  .section {
padding: 20px;
border-radius: 2px;
position: relative;
background-color: #f2f2f2;
margin: 1.5em -1.25em 1.5em -1.25em; }
@media screen and (min-width: 48em) {
.section {
padding: 20px 40px;
margin: 3em 0; }
.section.wide {
margin-left: -40px;
margin-right: -40px; } }
.section.dark {
background-color: #2e2e2e;
color: #c7c7c7 !important;
text-shadow: 1px 0px 1px #000; }
.section.dark h1, .section.dark h3 {
color: #f2f2f2 !important; }
.section.dark h2, .section.dark h4 {
color: #a6a6a6 !important; }
.section .columns,
.section .one_fourth,
.section .one_half,
.section .one_third,
.section .two_thirds {
margin-bottom: 0; }
.section.section-first, .section.section-last {
margin-top: 0 !important; }
.section h3 {
margin-top: 30px; }
.section .button-container.right {
float: none;
display: block;
margin-bottom: 1.25em; }
@media screen and (min-width: 48em) {
.section .button-container.right {
float: right;
margin-bottom: inherit; } }
.section .button-container.left {
float: none;
display: block;
margin-bottom: 1.25em; }
@media screen and (min-width: 48em) {
.section .button-container.left {
float: left;
margin-bottom: inherit; } }
.section a.video img {
position: relative; }
.section a.video .video_icon {
top: 20px;
font-size: 60px;
line-height: 60px;
width: 60px;
height: 60px;
position: absolute;
color: #fff;
margin: auto;
left: 0;
bottom: 0;
right: 0;
opacity: 0.5;
text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.5);
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out; }
@media screen and (min-width: 48em) {
.section a.video .video_icon {
top: 0;
font-size: 100px;
line-height: 100px;
width: 100px;
height: 100px; } }
.section a.video .video_icon:hover {
opacity: 0.75; }
.section a.video:hover .video_icon {
opacity: 0.75; }
.blockicon {
float: none;
display: block;
text-align: center;
font-size: 256px;
margin: 20px 0 0 0;
color: #d4d4d4; }
@media only screen and (max-width: 959px) {
.blockicon {
font-size: 128px;
float: none;
text-align: center;
display: block;
margin: 20px 0 0 0; } }
.twocolrow .one_third, .twocolrow .one_half, .twocolrow .one_fourth, .threecolrow .one_third, .threecolrow .one_half, .threecolrow .one_fourth, .fourcolrow .one_third, .fourcolrow .one_half, .fourcolrow .one_fourth {
margin-bottom: 20px; }  table {
-webkit-font-feature-settings: "kern", "liga", "tnum";
-moz-font-feature-settings: "kern", "liga", "tnum";
-ms-font-feature-settings: "kern", "liga", "tnum";
font-feature-settings: "kern", "liga", "tnum";
border-collapse: collapse;
margin: 0.725em 0;
table-layout: fixed;
width: 100%; }
th {
border-bottom: 1px solid #b7b7b7;
font-weight: 600;
padding: 0.725em 0;
text-align: left; }
td {
border-bottom: 1px solid #ddd;
padding: 0.725em 0; }
tr,
td,
th {
vertical-align: middle; }  #comments .comments-title {
margin-top: 0.625em;
margin-bottom: 1.25em; }
#comments .comment-list {
list-style: none;
font-size: 0.9375em; }
#comments .comment-list .comment-reply-link {
font-size: 0.8125em; }
#comments .comment-list .comment-body {
border-bottom: 1px solid #eee;
margin: 2.5em 0; }
#comments .comment-list .comment-body::after {
clear: both;
content: "";
display: table; }
#comments .comment-list .comment-body .comment-author.vcard cite {
font-style: normal; }
#comments .comment-list .comment-body .comment-author.vcard img {
float: left;
margin: 0 0.625em 0 0; }
#comments .comment-list .comment-body .commentmetadata {
font-size: 0.75em; }
#comments .comment-list .comment-body .reply {
float: right;
padding: 2px 12px; }
#comments .comment-list li ol {
margin-left: 2.5em; }  .blog .post,
.single .post,
.archive .post {
display: block;
margin-bottom: 2.5em;
padding-bottom: 2.5em; }
.blog .post::after,
.single .post::after,
.archive .post::after {
clear: both;
content: "";
display: table; }
.blog .post .entry-title,
.single .post .entry-title,
.archive .post .entry-title {
margin-bottom: 8px; }
.entry-utility,
.entry-meta {
font-size: 0.8125em;
color: gray;
display: block; }
.entry-utility .postmeta,
.entry-meta .postmeta {
border-bottom: 1px dotted #eee;
padding-bottom: 4px; }
.entry-utility .cat-links,
.entry-meta .cat-links {
padding-top: 4px;
display: inline-block; }
.entry-utility .meta-sep,
.entry-meta .meta-sep {
color: #b3b3b3; }
.entry-utility i,
.entry-meta i {
margin-right: 4px; }
.entry-utility a,
.entry-meta a {
color: #666666; }
.entry-utility a:hover,
.entry-meta a:hover {
color: #6c8b5f; }
.sharedaddy {
margin-top: 10px !important;
float: right; }
.sd-title:before {
border: none !important; }
.sd-title {
display: none !important; }
.post-navigation {
padding: 0 10px 20px 10px; }
.post-navigation .nav-links {
display: block; }
.post-navigation .nav-links::after {
clear: both;
content: "";
display: table; }
.post-navigation .nav-links .nav-previous {
float: left; }
.post-navigation .nav-links .nav-next {
float: right; }  .mw-960 .container {
max-width: 960px;
margin-left: auto;
margin-right: auto; }
.mw-960 .container::after {
clear: both;
content: "";
display: table; }
.mw-1140 .container {
max-width: 1140px;
margin-left: auto;
margin-right: auto; }
.mw-1140 .container::after {
clear: both;
content: "";
display: table; }
.mw-1200 .container {
max-width: 1200px;
margin-left: auto;
margin-right: auto; }
.mw-1200 .container::after {
clear: both;
content: "";
display: table; }
.mw-1400 .container {
max-width: 1400px;
margin-left: auto;
margin-right: auto; }
.mw-1400 .container::after {
clear: both;
content: "";
display: table; }
.mw-1600 .container {
max-width: 1600px;
margin-left: auto;
margin-right: auto; }
.mw-1600 .container::after {
clear: both;
content: "";
display: table; }
.container.innerwrap {
background: #fff;
padding: 1.25em 1.25em 0 1.25em; }
@media screen and (min-width: 48em) {
.container.innerwrap {
padding: 1.875em 2.5em 0 2.5em; } }
.content::after {
clear: both;
content: "";
display: table; }
@media screen and (min-width: 48em) {
.cols-6 .content.has-sidebar .main-col {
float: left;
display: block;
margin-right: 4.347826087%;
width: 47.8260869565%; }
.cols-6 .content.has-sidebar .main-col:last-child {
margin-right: 0; }
.cols-6.sidebar-left .content.has-sidebar .main-col {
margin-left: 52.1739130435%; }
.cols-7 .content.has-sidebar .main-col {
float: left;
display: block;
margin-right: 4.347826087%;
width: 56.5217391304%; }
.cols-7 .content.has-sidebar .main-col:last-child {
margin-right: 0; }
.cols-7.sidebar-left .content.has-sidebar .main-col {
margin-left: 43.4782608696%; }
.cols-8 .content.has-sidebar .main-col {
float: left;
display: block;
margin-right: 4.347826087%;
width: 69.5652173913%; }
.cols-8 .content.has-sidebar .main-col:last-child {
margin-right: 0; }
.cols-8.sidebar-left .content.has-sidebar .main-col {
margin-left: 30.4347826087%; }
.cols-9 .content.has-sidebar .main-col {
float: left;
display: block;
margin-right: 4.347826087%;
width: 73.9130434783%; }
.cols-9 .content.has-sidebar .main-col:last-child {
margin-right: 0; }
.cols-9.sidebar-left .content.has-sidebar .main-col {
margin-left: 26.0869565217%; }
.cols-10 .content.has-sidebar .main-col {
float: left;
display: block;
margin-right: 4.347826087%;
width: 82.6086956522%; }
.cols-10 .content.has-sidebar .main-col:last-child {
margin-right: 0; }
.cols-10.sidebar-left .content.has-sidebar .main-col {
margin-left: 17.3913043478%; }
.content.has-sidebar .sidebar {
padding: 0; }
.sidebar-left .content.has-sidebar .sidebar {
margin-left: -104.347826087%; }
.cols-6 .content.has-sidebar .sidebar {
float: left;
display: block;
margin-right: 4.347826087%;
width: 47.8260869565%; }
.cols-6 .content.has-sidebar .sidebar:last-child {
margin-right: 0; }
.cols-7 .content.has-sidebar .sidebar {
float: left;
display: block;
margin-right: 4.347826087%;
width: 39.1304347826%; }
.cols-7 .content.has-sidebar .sidebar:last-child {
margin-right: 0; }
.cols-8 .content.has-sidebar .sidebar {
float: left;
display: block;
margin-right: 4.347826087%;
width: 26.0869565217%; }
.cols-8 .content.has-sidebar .sidebar:last-child {
margin-right: 0; }
.cols-9 .content.has-sidebar .sidebar {
float: left;
display: block;
margin-right: 4.347826087%;
width: 21.7391304348%; }
.cols-9 .content.has-sidebar .sidebar:last-child {
margin-right: 0; }
.cols-10 .content.has-sidebar .sidebar {
float: left;
display: block;
margin-right: 4.347826087%;
width: 13.0434782609%; }
.cols-10 .content.has-sidebar .sidebar:last-child {
margin-right: 0; } } @media screen and (min-width: 48em) {
.row {
display: table;
width: 100%;
table-layout: fixed; }
.one_half {
width: 48%; }
.one_third {
width: 30.66%; }
.two_thirds {
width: 65.33%; }
.one_fourth {
width: 22%; }
.three_fourths {
width: 74%; }
.one_fifth {
width: 16.8%; }
.two_fifth {
width: 37.6%; }
.three_fifth {
width: 58.4%; }
.four_fifth {
width: 79.2%; }
.one_sixth {
width: 13.33%; }
.five_sixth {
width: 82.67%; }
.one_half,
.one_third,
.two_thirds,
.three_fourths,
.one_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth {
position: relative;
margin-right: 4%;
float: left; }
.last {
margin-right: 0 !important; } }
.clearfix::after {
clear: both;
content: "";
display: table; }  .sidebar .widget-container {
margin: 0px 0px 28px 0px; }
.sidebar .widget-container ul {
list-style: none;
padding-left: 0;
margin-left: 0; }
.sidebar .widget-container ul ul {
list-style: square;
margin-left: 1.3em; }
.sidebar .widget-container select {
max-width: 100%; }
.sidebar .widget-container a {
text-decoration: none; }
.sidebar .widget-container .entry-meta {
font-size: 11px; }
.widget_links li,
.widget_archive li,
.widget_pages li,
.recentcomments li,
.widget_recent_entries li,
.widget_categories li {
border-bottom: 1px dotted #eee;
padding: 4px 0; } .widget-container ul ul {
border: none;
margin-left: 1.3em;
padding: 0; } .sidebar li.page_item,
.sidebar li.menu-item {
padding: 0;
margin: 0;
list-style: none;
background: none; }
.sidebar li.page_item li a,
.sidebar li.menu-item li a {
display: inline; }
.sidebar li.page_item a,
.sidebar li.menu-item a {
display: block;
padding: 8px 0px 8px 0px;
line-height: 120%;
border-bottom: 1px dotted #eee;
text-decoration: none; }
.sidebar li.page_item a i,
.sidebar li.menu-item a i {
color: #ccc;
padding-right: 6px; }
.sidebar li.page_item ul,
.sidebar li.menu-item ul {
display: none; }
.sidebar li.page_item.current_page_item ul, .sidebar li.page_item.current_menu_item ul,
.sidebar li.menu-item.current_page_item ul,
.sidebar li.menu-item.current_menu_item ul {
display: block;
margin: 0 0 5px 14px;
font-size: 14px; }
.sidebar li.page_item.current_page_item a, .sidebar li.page_item.current_menu_item a,
.sidebar li.menu-item.current_page_item a,
.sidebar li.menu-item.current_menu_item a {
color: #333;
font-weight: bold; }
.sidebar li.page_item.current_page_item li a, .sidebar li.page_item.current_menu_item li a,
.sidebar li.menu-item.current_page_item li a,
.sidebar li.menu-item.current_menu_item li a {
font-weight: normal;
margin: 0; }
.sidebar li.page_item.current_page_item.menu-item-has-children a, .sidebar li.page_item.current_menu_item.menu-item-has-children a,
.sidebar li.menu-item.current_page_item.menu-item-has-children a,
.sidebar li.menu-item.current_menu_item.menu-item-has-children a {
border-bottom: none; } .widget_search label {
display: none; }
.widget_search #s {
float: left;
border-radius: 0;
margin-right: 0px;
padding-right: 0px;
border-right: 0px none;
border-radius: 0;
line-height: 28px;
height: 28px;
padding: 0 0 0 5px;
border: 1px solid #dedede;
width: 70%; }
.widget_search #searchsubmit {
border-radius: 0px 4px 4px 0px;
padding-left: 0px;
margin-left: 0px;
padding: 6px !important;
width: 30%; }  #showcase .widget-container {
background-color: #222222;
color: #bfbfbf;
padding: 30px;
font-size: 20px;
text-shadow: 0px 1px 2px #000; }
#showcase .widget-container h3 {
color: #fff;
font-size: 24px;
margin: 0 0 0.625em 0;
padding: 0; }
#showcase .widget-container p {
margin: 0 0 1.25em 0;
padding: 0; }
#showcase .widget-container.light {
background-color: #eee;
color: #595959;
text-shadow: 0px 1px 2px #dedede; }
#showcase .widget-container.light h3 {
color: #1a1a1a; }
#showcase .widget-container.light a {
text-shadow: none; }
#showcase .widget-container.white {
background-color: #fff;
color: #737373;
text-shadow: none; }
#showcase .widget-container.white h3 {
color: #1a1a1a; }  #teaser {
overflow: hidden;
position: relative;
background-color: #fff;
background-repeat: repeat;
background-position: center bottom;
background-attachment: fixed;
text-align: center;
color: #fff; }
#teaser.repeat-x {
background-repeat: repeat-x;
background-position: center top; }
#teaser .rel {
margin: 0 auto;
padding: 40px 80px;
position: relative; }
#teaser p {
font-size: 1.25em;
margin: 0;
text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.75); }
@media screen and (min-width: 48em) {
#teaser p {
font-size: 24px; } }
#teaser h1, #teaser h2, #teaser h3, #teaser h4 {
font-size: 1.875em;
letter-spacing: .15em;
text-transform: uppercase;
color: #fff;
text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.75);
margin-top: 10px; }
@media screen and (min-width: 48em) {
#teaser h1, #teaser h2, #teaser h3, #teaser h4 {
font-size: 42px; } }
#teaser h1 span, #teaser h2 span, #teaser h3 span, #teaser h4 span {
font-weight: 500; }
#teaser img {
max-width: 100%;
height: auto; }
#teaser a {
font-weight: bold;
text-decoration: none; }
#teaser a.btn {
letter-spacing: .15em;
text-transform: uppercase;
border: 2px solid #fff;
color: #fff;
font-size: 16px;
text-decoration: none;
padding: .75em 2.25em;
font-weight: 400;
margin-top: 40px;
display: inline-block;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.75); }
#teaser a.btn:hover {
background: #fff;
text-shadow: none;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); }
.latestposts a.more-link {
font-size: 1em;
padding: 4px 12px; }
#teaser.light h1, #teaser.light h2, #teaser.light h3, #teaser.light h4, #teaser.light .rel, #teaser.light p, #teaser.light a {
color: #000;
text-shadow: none !important; }
#teaser.light a {
color: #000; }
#teaser.light a.btn {
border-color: #000;
color: #000; }
#teaser.light a.btn:hover {
background-color: #000;
color: #fff; }
#teaser.light.shadow h1, #teaser.light.shadow h2, #teaser.light.shadow h3, #teaser.light.shadow h4, #teaser.light.shadow .rel, #teaser.light.shadow p, #teaser.light.shadow a {
text-shadow: 0px 0px 20px white !important; }
@media only screen and (max-width: 959px) {
#teaser {
font-size: .65em;
height: auto !important;
padding: 0px .5em; }
#teaser .rel {
padding: 20px 10px; } }
#teaser .teaser_content {
z-index: 99;
position: relative; }  #footer {
font-size: 14px; }
#footer .one_third, #footer .one_half {
margin-bottom: 0; }
#footer .container {
background-color: #2e2e2e;
color: #999999;
overflow: hidden;
padding: 2.5em 1.875em 0 1.875em; }
#footer a {
color: #4d81b3;
text-decoration: none;
font-weight: bold; }
#footer a:hover {
color: #94b4d1; }
#footer h3 {
color: #cccccc; }
#footer #credits {
font-size: 11px;
line-height: 120%;
text-align: center;
color: #666666; }
#footer #credits a {
color: #737373;
font-weight: normal; } #footermenu {
font-size: .85em;
margin: 0 auto;
text-align: center;
position: relative;
clear: both;
text-shadow: none; }
#footermenu ul {
display: inline-block; }
#footermenu ul, #footermenu li {
margin: 0;
padding: 0;
list-style: none; }
#footermenu li {
float: left;
color: #4d4d4d; }
#footermenu li a {
margin: 0px 10px; }
#footermenu li.menu-item-last span {
display: none; }
#credits {
text-align: center;
margin-bottom: 10px; }  button, input[type="button"], input[type="reset"], input[type="submit"],
button,
.button {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
-webkit-font-smoothing: antialiased;
background-color: #999999;
border-radius: 2px;
border: none;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 1em;
font-weight: 600;
line-height: 1;
padding: 0.75em 1em;
text-decoration: none;
user-select: none;
vertical-align: middle;
white-space: nowrap; }
button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus,
button:hover,
button:focus,
.button:hover,
.button:focus {
background-color: #333;
outline: inherit;
outline-color: transparent;
color: #fff; }
button:disabled, input[type="button"]:disabled, input[type="reset"]:disabled, input[type="submit"]:disabled,
button:disabled,
.button:disabled {
cursor: not-allowed;
opacity: 0.5; }  fieldset {
background-color: #f7f7f7;
border: 1px solid #ddd;
margin: 0 0 0.725em;
padding: 1.45em; }
input,
label,
select {
display: block;
font-size: 1em; }
label {
font-weight: 600;
margin-bottom: 0.3625em; }
label.required::after {
content: "*"; }
label abbr {
display: none; }
input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], textarea,
select[multiple=multiple],
textarea {
background-color: #fff;
border: 1px solid #ddd;
border-radius: 2px;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
box-sizing: border-box;
font-size: 1em;
margin-bottom: 0.725em;
padding: 0.4833333333em;
transition: border-color;
width: 100%; }
input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="email"]:hover, input[type="month"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="time"]:hover, input[type="url"]:hover, input[type="week"]:hover, textarea:hover,
select[multiple=multiple]:hover,
textarea:hover {
border-color: #c4c4c4; }
input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, textarea:focus,
select[multiple=multiple]:focus,
textarea:focus {
border-color: #c4c4c4;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(0, 0, 0, 0.06);
outline: none; }
textarea {
resize: vertical; }
input[type="search"] {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none; }
input[type="checkbox"],
input[type="radio"] {
display: inline;
margin-right: 0.3625em; }
input[type="file"] {
padding-bottom: 0.725em;
width: 100%; }
select {
margin-bottom: 1.45em;
max-width: 100%;
width: auto; }   .remove-bottom {
margin-bottom: 0 !important;
padding-bottom: 0 !important; }
.remove-top {
margin-top: 0 !important;
padding-top: 0 !important; }
.mv0 {
margin-top: 0 !important;
margin-bottom: 0 !important; }
.mh0 {
margin-left: 0 !important;
margin-right: 0 !important; }
.mt0 {
margin-top: 0 !important; }
.mb0 {
margin-bottom: 0 !important; }
@media screen and (min-width: 48em) {
.mv10 {
margin-top: 0.625em !important;
margin-bottom: 0.625em !important; }
.mh10 {
margin-left: 0.625em !important;
margin-right: 0.625em !important; }
.m10 {
margin: 0.625em !important; }
.mt10 {
margin-top: 0.625em !important; }
.mb10 {
margin-bottom: 0.625em !important; }
.mv20 {
margin-top: 1.25em !important;
margin-bottom: 1.25em !important; }
.mh20 {
margin-left: 1.25em !important;
margin-right: 1.25em !important; }
.m20 {
margin: 1.25em !important; }
.mt20 {
margin-top: 1.25em !important; }
.mb20 {
margin-bottom: 1.25em !important; }
.mv30 {
margin-top: 1.875em !important;
margin-bottom: 1.875em !important; }
.mh30 {
margin-left: 1.875em !important;
margin-right: 1.875em !important; }
.m30 {
margin: 1.875em !important; }
.mt30 {
margin-top: 1.875em !important; }
.mb30 {
margin-bottom: 1.875em !important; }
.mv40 {
margin-top: 2.5em !important;
margin-bottom: 2.5em !important; }
.mh40 {
margin-left: 2.5em !important;
margin-right: 2.5em !important; }
.m40 {
margin: 2.5em !important; }
.mt40 {
margin-top: 2.5em !important; }
.mb40 {
margin-bottom: 2.5em !important; }
.mv50 {
margin-top: 3.125em !important;
margin-bottom: 3.125em !important; }
.mh50 {
margin-left: 3.125em !important;
margin-right: 3.125em !important; }
.m50 {
margin: 3.125em !important; }
.mt50 {
margin-top: 3.125em !important; }
.mb50 {
margin-bottom: 3.125em !important; }
.mv60 {
margin-top: 3.75em !important;
margin-bottom: 3.75em !important; }
.mh60 {
margin-left: 3.75em !important;
margin-right: 3.75em !important; }
.m60 {
margin: 3.75em !important; }
.mt60 {
margin-top: 3.75em !important; }
.mb60 {
margin-bottom: 3.75em !important; }
.mv70 {
margin-top: 4.375em !important;
margin-bottom: 4.375em !important; }
.mh70 {
margin-left: 4.375em !important;
margin-right: 4.375em !important; }
.m70 {
margin: 4.375em !important; }
.mt70 {
margin-top: 4.375em !important; }
.mb70 {
margin-bottom: 4.375em !important; }
.mv80 {
margin-top: 5em !important;
margin-bottom: 5em !important; }
.mh80 {
margin-left: 5em !important;
margin-right: 5em !important; }
.m80 {
margin: 5em !important; }
.mt80 {
margin-top: 5em !important; }
.mb80 {
margin-bottom: 5em !important; }
.mv90 {
margin-top: 5.625em !important;
margin-bottom: 5.625em !important; }
.mh90 {
margin-left: 5.625em !important;
margin-right: 5.625em !important; }
.m90 {
margin: 5.625em !important; }
.mt90 {
margin-top: 5.625em !important; }
.mb90 {
margin-bottom: 5.625em !important; } } .pv0 {
padding-top: 0em !important;
padding-bottom: 0em !important; }
.ph0 {
padding-left: 0 !important;
padding-right: 0 !important; }
.pt0 {
padding-top: 0 !important; }
.pb0 {
padding-bottom: 0 !important; }
@media screen and (min-width: 48em) {
.pv10 {
padding-top: 0.625em !important;
padding-bottom: 0.625em !important; }
.ph10 {
padding-left: 0.625em !important;
padding-right: 0.625em !important; }
.p10 {
padding: 0.625em !important; }
.pt10 {
padding-top: 0.625em !important; }
.pb10 {
padding-bottom: 0.625em !important; }
.pv20 {
padding-top: 1.25em !important;
padding-bottom: 1.25em !important; }
.ph20 {
padding-left: 1.25em !important;
padding-right: 1.25em !important; }
.p20 {
padding: 1.25em !important; }
.pt20 {
padding-top: 1.25em !important; }
.pb20 {
padding-bottom: 1.25em !important; }
.pv30 {
padding-top: 1.875em !important;
padding-bottom: 1.875em !important; }
.ph30 {
padding-left: 1.875em !important;
padding-right: 1.875em !important; }
.p30 {
padding: 1.875em !important; }
.pt30 {
padding-top: 1.875em !important; }
.pb30 {
padding-bottom: 1.875em !important; }
.pv40 {
padding-top: 2.5em !important;
padding-bottom: 2.5em !important; }
.ph40 {
padding-left: 2.5em !important;
padding-right: 2.5em !important; }
.p40 {
padding: 2.5em !important; }
.pt40 {
padding-top: 2.5em !important; }
.pb40 {
padding-bottom: 2.5em !important; }
.pv50 {
padding-top: 3.125em !important;
padding-bottom: 3.125em !important; }
.ph50 {
padding-left: 3.125em !important;
padding-right: 3.125em !important; }
.p50 {
padding: 3.125em !important; }
.pt50 {
padding-top: 3.125em !important; }
.pb50 {
padding-bottom: 3.125em !important; }
.pv60 {
padding-top: 3.75em !important;
padding-bottom: 3.75em !important; }
.ph60 {
padding-left: 3.75em !important;
padding-right: 3.75em !important; }
.p60 {
padding: 3.75em !important; }
.pt60 {
padding-top: 3.75em !important; }
.pb60 {
padding-bottom: 3.75em !important; }
.pv70 {
padding-top: 4.375em !important;
padding-bottom: 4.375em !important; }
.ph70 {
padding-left: 4.375em !important;
padding-right: 4.375em !important; }
.p70 {
padding: 4.375em !important; }
.pt70 {
padding-top: 4.375em !important; }
.pb70 {
padding-bottom: 4.375em !important; }
.pv80 {
padding-top: 5em !important;
padding-bottom: 5em !important; }
.ph80 {
padding-left: 5em !important;
padding-right: 5em !important; }
.p80 {
padding: 5em !important; }
.pt80 {
padding-top: 5em !important; }
.pb80 {
padding-bottom: 5em !important; }
.pv90 {
padding-top: 5.625em !important;
padding-bottom: 5.625em !important; }
.ph90 {
padding-left: 5.625em !important;
padding-right: 5.625em !important; }
.p90 {
padding: 5.625em !important; }
.pt90 {
padding-top: 5.625em !important; }
.pb90 {
padding-bottom: 5.625em !important; } } .text-center {
text-align: center;
display: block; }
.text-right {
text-align: right; }
.text-left {
text-align: left; }
.text-justify {
text-align: justify; }
.aligncenter {
text-align: center;
display: block; }
@media screen and (max-width: 30em) {
.m-center {
text-align: center; } }
@media screen and (max-width: 30em) {
.m-hide {
display: none !important; } }
.alignright {
margin: 0.9375em auto;
display: block; }
@media screen and (min-width: 48em) {
.alignright {
float: right;
display: inline-block;
margin: 0.9375em 0.3125em 1.875em 1.875em; } }
.alignleft {
margin: 0.9375em auto;
display: block; }
@media screen and (min-width: 48em) {
.alignleft {
float: left;
display: inline-block;
margin: 0.9375em 1.875em 1.875em 0; } }
img.featured {
margin-top: 0; }
@media screen and (min-width: 48em) {
.pull-left {
float: left; } }
@media screen and (min-width: 48em) {
.pull-right {
float: right; } }
@media screen and (min-width: 48em) {
.squeeze {
padding-left: 5% !important;
padding-right: 5% !important; } }
@media screen and (min-width: 48em) {
.squeeze-more {
padding-left: 15% !important;
padding-right: 15% !important; } }
.wp-video {
margin: 1.25em auto; }
.video-container {
position: relative;
padding-bottom: 56.25%; padding-top: 25px;
height: 0;
margin: 1.25em auto; }
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.dim {
color: white !important; }
.dark {
color: black !important; }
.dim10 {
color: #e6e6e6 !important; }
.bgdim10 {
background-color: #e6e6e6 !important; }
.dim20 {
color: #cccccc !important; }
.bgdim20 {
background-color: #cccccc !important; }
.dim30 {
color: #b3b3b3 !important; }
.bgdim30 {
background-color: #b3b3b3 !important; }
.dim40 {
color: #999999 !important; }
.bgdim40 {
background-color: #999999 !important; }
.dim50 {
color: gray !important; }
.bgdim50 {
background-color: gray !important; }
.dim60 {
color: #666666 !important; }
.bgdim60 {
background-color: #666666 !important; }
.dim70 {
color: #4d4d4d !important; }
.bgdim70 {
background-color: #4d4d4d !important; }
.dim80 {
color: #333333 !important; }
.bgdim80 {
background-color: #333333 !important; }
.dim90 {
color: #1a1a1a !important; }
.bgdim90 {
background-color: #1a1a1a !important; }
figure,
img,
picture {
float: none;
margin: 20px auto;
max-width: 100% !important;
height: auto !important; }
figure img {
margin: 0 auto; }  @-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0); }
40% {
-webkit-transform: translateY(-30px); }
60% {
-webkit-transform: translateY(-15px); } }
@-moz-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-moz-transform: translateY(0); }
40% {
-moz-transform: translateY(-30px); }
60% {
-moz-transform: translateY(-15px); } }
@-ms-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-ms-transform: translateY(0); }
40% {
-ms-transform: translateY(-30px); }
60% {
-ms-transform: translateY(-15px); } }
@-o-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-o-transform: translateY(0); }
40% {
-o-transform: translateY(-30px); }
60% {
-o-transform: translateY(-15px); } }
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
transform: translateY(0); }
40% {
transform: translateY(-30px); }
60% {
transform: translateY(-15px); } }
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(0.3); }
50% {
opacity: 1;
-webkit-transform: scale(1.05); }
70% {
-webkit-transform: scale(0.9); }
100% {
-webkit-transform: scale(1); } }
@-moz-keyframes bounceIn {
0% {
opacity: 0;
-moz-transform: scale(0.3); }
50% {
opacity: 1;
-moz-transform: scale(1.05); }
70% {
-moz-transform: scale(0.9); }
100% {
-moz-transform: scale(1); } }
@-ms-keyframes bounceIn {
0% {
opacity: 0;
-ms-transform: scale(0.3); }
50% {
opacity: 1;
-ms-transform: scale(1.05); }
70% {
-ms-transform: scale(0.9); }
100% {
-ms-transform: scale(1); } }
@-o-keyframes bounceIn {
0% {
opacity: 0;
-o-transform: scale(0.3); }
50% {
opacity: 1;
-o-transform: scale(1.05); }
70% {
-o-transform: scale(0.9); }
100% {
-o-transform: scale(1); } }
@keyframes bounceIn {
0% {
opacity: 0;
transform: scale(0.3); }
50% {
opacity: 1;
transform: scale(1.05); }
70% {
transform: scale(0.9); }
100% {
transform: scale(1); } }
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px); }
60% {
opacity: 1;
-webkit-transform: translateY(30px); }
80% {
-webkit-transform: translateY(-10px); }
100% {
-webkit-transform: translateY(0); } }
@-moz-keyframes bounceInDown {
0% {
opacity: 0;
-moz-transform: translateY(-2000px); }
60% {
opacity: 1;
-moz-transform: translateY(30px); }
80% {
-moz-transform: translateY(-10px); }
100% {
-moz-transform: translateY(0); } }
@-ms-keyframes bounceInDown {
0% {
opacity: 0;
-ms-transform: translateY(-2000px); }
60% {
opacity: 1;
-ms-transform: translateY(30px); }
80% {
-ms-transform: translateY(-10px); }
100% {
-ms-transform: translateY(0); } }
@-o-keyframes bounceInDown {
0% {
opacity: 0;
-o-transform: translateY(-2000px); }
60% {
opacity: 1;
-o-transform: translateY(30px); }
80% {
-o-transform: translateY(-10px); }
100% {
-o-transform: translateY(0); } }
@keyframes bounceInDown {
0% {
opacity: 0;
transform: translateY(-2000px); }
60% {
opacity: 1;
transform: translateY(30px); }
80% {
transform: translateY(-10px); }
100% {
transform: translateY(0); } }
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px); }
60% {
opacity: 1;
-webkit-transform: translateX(30px); }
80% {
-webkit-transform: translateX(-10px); }
100% {
-webkit-transform: translateX(0); } }
@-moz-keyframes bounceInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-2000px); }
60% {
opacity: 1;
-moz-transform: translateX(30px); }
80% {
-moz-transform: translateX(-10px); }
100% {
-moz-transform: translateX(0); } }
@-ms-keyframes bounceInLeft {
0% {
opacity: 0;
-ms-transform: translateX(-2000px); }
60% {
opacity: 1;
-ms-transform: translateX(30px); }
80% {
-ms-transform: translateX(-10px); }
100% {
-ms-transform: translateX(0); } }
@-o-keyframes bounceInLeft {
0% {
opacity: 0;
-o-transform: translateX(-2000px); }
60% {
opacity: 1;
-o-transform: translateX(30px); }
80% {
-o-transform: translateX(-10px); }
100% {
-o-transform: translateX(0); } }
@keyframes bounceInLeft {
0% {
opacity: 0;
transform: translateX(-2000px); }
60% {
opacity: 1;
transform: translateX(30px); }
80% {
transform: translateX(-10px); }
100% {
transform: translateX(0); } }
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px); }
60% {
opacity: 1;
-webkit-transform: translateX(-30px); }
80% {
-webkit-transform: translateX(10px); }
100% {
-webkit-transform: translateX(0); } }
@-moz-keyframes bounceInRight {
0% {
opacity: 0;
-moz-transform: translateX(2000px); }
60% {
opacity: 1;
-moz-transform: translateX(-30px); }
80% {
-moz-transform: translateX(10px); }
100% {
-moz-transform: translateX(0); } }
@-ms-keyframes bounceInRight {
0% {
opacity: 0;
-ms-transform: translateX(2000px); }
60% {
opacity: 1;
-ms-transform: translateX(-30px); }
80% {
-ms-transform: translateX(10px); }
100% {
-ms-transform: translateX(0); } }
@-o-keyframes bounceInRight {
0% {
opacity: 0;
-o-transform: translateX(2000px); }
60% {
opacity: 1;
-o-transform: translateX(-30px); }
80% {
-o-transform: translateX(10px); }
100% {
-o-transform: translateX(0); } }
@keyframes bounceInRight {
0% {
opacity: 0;
transform: translateX(2000px); }
60% {
opacity: 1;
transform: translateX(-30px); }
80% {
transform: translateX(10px); }
100% {
transform: translateX(0); } }
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px); }
60% {
opacity: 1;
-webkit-transform: translateY(-30px); }
80% {
-webkit-transform: translateY(10px); }
100% {
-webkit-transform: translateY(0); } }
@-moz-keyframes bounceInUp {
0% {
opacity: 0;
-moz-transform: translateY(2000px); }
60% {
opacity: 1;
-moz-transform: translateY(-30px); }
80% {
-moz-transform: translateY(10px); }
100% {
-moz-transform: translateY(0); } }
@-ms-keyframes bounceInUp {
0% {
opacity: 0;
-ms-transform: translateY(2000px); }
60% {
opacity: 1;
-ms-transform: translateY(-30px); }
80% {
-ms-transform: translateY(10px); }
100% {
-ms-transform: translateY(0); } }
@-o-keyframes bounceInUp {
0% {
opacity: 0;
-o-transform: translateY(2000px); }
60% {
opacity: 1;
-o-transform: translateY(-30px); }
80% {
-o-transform: translateY(10px); }
100% {
-o-transform: translateY(0); } }
@keyframes bounceInUp {
0% {
opacity: 0;
transform: translateY(2000px); }
60% {
opacity: 1;
transform: translateY(-30px); }
80% {
transform: translateY(10px); }
100% {
transform: translateY(0); } }
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1); }
25% {
-webkit-transform: scale(0.95); }
50% {
opacity: 1;
-webkit-transform: scale(1.1); }
100% {
opacity: 0;
-webkit-transform: scale(0.3); } }
@-moz-keyframes bounceOut {
0% {
-moz-transform: scale(1); }
25% {
-moz-transform: scale(0.95); }
50% {
opacity: 1;
-moz-transform: scale(1.1); }
100% {
opacity: 0;
-moz-transform: scale(0.3); } }
@-ms-keyframes bounceOut {
0% {
-ms-transform: scale(1); }
25% {
-ms-transform: scale(0.95); }
50% {
opacity: 1;
-ms-transform: scale(1.1); }
100% {
opacity: 0;
-ms-transform: scale(0.3); } }
@-o-keyframes bounceOut {
0% {
-o-transform: scale(1); }
25% {
-o-transform: scale(0.95); }
50% {
opacity: 1;
-o-transform: scale(1.1); }
100% {
opacity: 0;
-o-transform: scale(0.3); } }
@keyframes bounceOut {
0% {
transform: scale(1); }
25% {
transform: scale(0.95); }
50% {
opacity: 1;
transform: scale(1.1); }
100% {
opacity: 0;
transform: scale(0.3); } }
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0); }
20% {
opacity: 1;
-webkit-transform: translateY(-20px); }
100% {
opacity: 0;
-webkit-transform: translateY(2000px); } }
@-moz-keyframes bounceOutDown {
0% {
-moz-transform: translateY(0); }
20% {
opacity: 1;
-moz-transform: translateY(-20px); }
100% {
opacity: 0;
-moz-transform: translateY(2000px); } }
@-ms-keyframes bounceOutDown {
0% {
-ms-transform: translateY(0); }
20% {
opacity: 1;
-ms-transform: translateY(-20px); }
100% {
opacity: 0;
-ms-transform: translateY(2000px); } }
@-o-keyframes bounceOutDown {
0% {
-o-transform: translateY(0); }
20% {
opacity: 1;
-o-transform: translateY(-20px); }
100% {
opacity: 0;
-o-transform: translateY(2000px); } }
@keyframes bounceOutDown {
0% {
transform: translateY(0); }
20% {
opacity: 1;
transform: translateY(-20px); }
100% {
opacity: 0;
transform: translateY(2000px); } }
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0); }
20% {
opacity: 1;
-webkit-transform: translateX(20px); }
100% {
opacity: 0;
-webkit-transform: translateX(-2000px); } }
@-moz-keyframes bounceOutLeft {
0% {
-moz-transform: translateX(0); }
20% {
opacity: 1;
-moz-transform: translateX(20px); }
100% {
opacity: 0;
-moz-transform: translateX(-2000px); } }
@-ms-keyframes bounceOutLeft {
0% {
-ms-transform: translateX(0); }
20% {
opacity: 1;
-ms-transform: translateX(20px); }
100% {
opacity: 0;
-ms-transform: translateX(-2000px); } }
@-o-keyframes bounceOutLeft {
0% {
-o-transform: translateX(0); }
20% {
opacity: 1;
-o-transform: translateX(20px); }
100% {
opacity: 0;
-o-transform: translateX(-2000px); } }
@keyframes bounceOutLeft {
0% {
transform: translateX(0); }
20% {
opacity: 1;
transform: translateX(20px); }
100% {
opacity: 0;
transform: translateX(-2000px); } }
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0); }
20% {
opacity: 1;
-webkit-transform: translateX(-20px); }
100% {
opacity: 0;
-webkit-transform: translateX(2000px); } }
@-moz-keyframes bounceOutRight {
0% {
-moz-transform: translateX(0); }
20% {
opacity: 1;
-moz-transform: translateX(-20px); }
100% {
opacity: 0;
-moz-transform: translateX(2000px); } }
@-ms-keyframes bounceOutRight {
0% {
-ms-transform: translateX(0); }
20% {
opacity: 1;
-ms-transform: translateX(-20px); }
100% {
opacity: 0;
-ms-transform: translateX(2000px); } }
@-o-keyframes bounceOutRight {
0% {
-o-transform: translateX(0); }
20% {
opacity: 1;
-o-transform: translateX(-20px); }
100% {
opacity: 0;
-o-transform: translateX(2000px); } }
@keyframes bounceOutRight {
0% {
transform: translateX(0); }
20% {
opacity: 1;
transform: translateX(-20px); }
100% {
opacity: 0;
transform: translateX(2000px); } }
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0); }
20% {
opacity: 1;
-webkit-transform: translateY(20px); }
100% {
opacity: 0;
-webkit-transform: translateY(-2000px); } }
@-moz-keyframes bounceOutUp {
0% {
-moz-transform: translateY(0); }
20% {
opacity: 1;
-moz-transform: translateY(20px); }
100% {
opacity: 0;
-moz-transform: translateY(-2000px); } }
@-ms-keyframes bounceOutUp {
0% {
-ms-transform: translateY(0); }
20% {
opacity: 1;
-ms-transform: translateY(20px); }
100% {
opacity: 0;
-ms-transform: translateY(-2000px); } }
@-o-keyframes bounceOutUp {
0% {
-o-transform: translateY(0); }
20% {
opacity: 1;
-o-transform: translateY(20px); }
100% {
opacity: 0;
-o-transform: translateY(-2000px); } }
@keyframes bounceOutUp {
0% {
transform: translateY(0); }
20% {
opacity: 1;
transform: translateY(20px); }
100% {
opacity: 0;
transform: translateY(-2000px); } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-ms-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeInfast {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeInfast {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-ms-keyframes fadeInfast {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeInfast {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeInfast {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px); }
100% {
opacity: 1;
-webkit-transform: translateY(0); } }
@-moz-keyframes fadeInDown {
0% {
opacity: 0;
-moz-transform: translateY(-20px); }
100% {
opacity: 1;
-moz-transform: translateY(0); } }
@-ms-keyframes fadeInDown {
0% {
opacity: 0;
-ms-transform: translateY(-20px); }
100% {
opacity: 1;
-ms-transform: translateY(0); } }
@-o-keyframes fadeInDown {
0% {
opacity: 0;
-ms-transform: translateY(-20px); }
100% {
opacity: 1;
-ms-transform: translateY(0); } }
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-20px); }
100% {
opacity: 1;
transform: translateY(0); } }
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px); }
100% {
opacity: 1;
-webkit-transform: translateY(0); } }
@-moz-keyframes fadeInDownBig {
0% {
opacity: 0;
-moz-transform: translateY(-2000px); }
100% {
opacity: 1;
-moz-transform: translateY(0); } }
@-ms-keyframes fadeInDownBig {
0% {
opacity: 0;
-ms-transform: translateY(-2000px); }
100% {
opacity: 1;
-ms-transform: translateY(0); } }
@-o-keyframes fadeInDownBig {
0% {
opacity: 0;
-o-transform: translateY(-2000px); }
100% {
opacity: 1;
-o-transform: translateY(0); } }
@keyframes fadeInDownBig {
0% {
opacity: 0;
transform: translateY(-2000px); }
100% {
opacity: 1;
transform: translateY(0); } }
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px); }
100% {
opacity: 1;
-webkit-transform: translateX(0); } }
@-moz-keyframes fadeInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-20px); }
100% {
opacity: 1;
-moz-transform: translateX(0); } }
@-ms-keyframes fadeInLeft {
0% {
opacity: 0;
-ms-transform: translateX(-20px); }
100% {
opacity: 1;
-ms-transform: translateX(0); } }
@-o-keyframes fadeInLeft {
0% {
opacity: 0;
-o-transform: translateX(-20px); }
100% {
opacity: 1;
-o-transform: translateX(0); } }
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translateX(-20px); }
100% {
opacity: 1;
transform: translateX(0); } }
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px); }
100% {
opacity: 1;
-webkit-transform: translateX(0); } }
@-moz-keyframes fadeInLeftBig {
0% {
opacity: 0;
-moz-transform: translateX(-2000px); }
100% {
opacity: 1;
-moz-transform: translateX(0); } }
@-ms-keyframes fadeInLeftBig {
0% {
opacity: 0;
-ms-transform: translateX(-2000px); }
100% {
opacity: 1;
-ms-transform: translateX(0); } }
@-o-keyframes fadeInLeftBig {
0% {
opacity: 0;
-o-transform: translateX(-2000px); }
100% {
opacity: 1;
-o-transform: translateX(0); } }
@keyframes fadeInLeftBig {
0% {
opacity: 0;
transform: translateX(-2000px); }
100% {
opacity: 1;
transform: translateX(0); } }
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px); }
100% {
opacity: 1;
-webkit-transform: translateX(0); } }
@-moz-keyframes fadeInRight {
0% {
opacity: 0;
-moz-transform: translateX(20px); }
100% {
opacity: 1;
-moz-transform: translateX(0); } }
@-ms-keyframes fadeInRight {
0% {
opacity: 0;
-ms-transform: translateX(20px); }
100% {
opacity: 1;
-ms-transform: translateX(0); } }
@-o-keyframes fadeInRight {
0% {
opacity: 0;
-o-transform: translateX(20px); }
100% {
opacity: 1;
-o-transform: translateX(0); } }
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translateX(20px); }
100% {
opacity: 1;
transform: translateX(0); } }
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px); }
100% {
opacity: 1;
-webkit-transform: translateX(0); } }
@-moz-keyframes fadeInRightBig {
0% {
opacity: 0;
-moz-transform: translateX(2000px); }
100% {
opacity: 1;
-moz-transform: translateX(0); } }
@-ms-keyframes fadeInRightBig {
0% {
opacity: 0;
-ms-transform: translateX(2000px); }
100% {
opacity: 1;
-ms-transform: translateX(0); } }
@-o-keyframes fadeInRightBig {
0% {
opacity: 0;
-o-transform: translateX(2000px); }
100% {
opacity: 1;
-o-transform: translateX(0); } }
@keyframes fadeInRightBig {
0% {
opacity: 0;
transform: translateX(2000px); }
100% {
opacity: 1;
transform: translateX(0); } }
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px); }
100% {
opacity: 1;
-webkit-transform: translateY(0); } }
@-moz-keyframes fadeInUp {
0% {
opacity: 0;
-moz-transform: translateY(20px); }
100% {
opacity: 1;
-moz-transform: translateY(0); } }
@-ms-keyframes fadeInUp {
0% {
opacity: 0;
-ms-transform: translateY(20px); }
100% {
opacity: 1;
-ms-transform: translateY(0); } }
@-o-keyframes fadeInUp {
0% {
opacity: 0;
-o-transform: translateY(20px); }
100% {
opacity: 1;
-o-transform: translateY(0); } }
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(20px); }
100% {
opacity: 1;
transform: translateY(0); } }
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px); }
100% {
opacity: 1;
-webkit-transform: translateY(0); } }
@-moz-keyframes fadeInUpBig {
0% {
opacity: 0;
-moz-transform: translateY(2000px); }
100% {
opacity: 1;
-moz-transform: translateY(0); } }
@-ms-keyframes fadeInUpBig {
0% {
opacity: 0;
-ms-transform: translateY(2000px); }
100% {
opacity: 1;
-ms-transform: translateY(0); } }
@-o-keyframes fadeInUpBig {
0% {
opacity: 0;
-o-transform: translateY(2000px); }
100% {
opacity: 1;
-o-transform: translateY(0); } }
@keyframes fadeInUpBig {
0% {
opacity: 0;
transform: translateY(2000px); }
100% {
opacity: 1;
transform: translateY(0); } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-ms-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0); }
100% {
opacity: 0;
-webkit-transform: translateY(20px); } }
@-moz-keyframes fadeOutDown {
0% {
opacity: 1;
-moz-transform: translateY(0); }
100% {
opacity: 0;
-moz-transform: translateY(20px); } }
@-ms-keyframes fadeOutDown {
0% {
opacity: 1;
-ms-transform: translateY(0); }
100% {
opacity: 0;
-ms-transform: translateY(20px); } }
@-o-keyframes fadeOutDown {
0% {
opacity: 1;
-o-transform: translateY(0); }
100% {
opacity: 0;
-o-transform: translateY(20px); } }
@keyframes fadeOutDown {
0% {
opacity: 1;
transform: translateY(0); }
100% {
opacity: 0;
transform: translateY(20px); } }
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0); }
100% {
opacity: 0;
-webkit-transform: translateY(2000px); } }
@-moz-keyframes fadeOutDownBig {
0% {
opacity: 1;
-moz-transform: translateY(0); }
100% {
opacity: 0;
-moz-transform: translateY(2000px); } }
@-ms-keyframes fadeOutDownBig {
0% {
opacity: 1;
-ms-transform: translateY(0); }
100% {
opacity: 0;
-ms-transform: translateY(2000px); } }
@-o-keyframes fadeOutDownBig {
0% {
opacity: 1;
-o-transform: translateY(0); }
100% {
opacity: 0;
-o-transform: translateY(2000px); } }
@keyframes fadeOutDownBig {
0% {
opacity: 1;
transform: translateY(0); }
100% {
opacity: 0;
transform: translateY(2000px); } }
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0); }
100% {
opacity: 0;
-webkit-transform: translateX(-20px); } }
@-moz-keyframes fadeOutLeft {
0% {
opacity: 1;
-moz-transform: translateX(0); }
100% {
opacity: 0;
-moz-transform: translateX(-20px); } }
@-ms-keyframes fadeOutLeft {
0% {
opacity: 1;
-ms-transform: translateX(0); }
100% {
opacity: 0;
-ms-transform: translateX(-20px); } }
@-o-keyframes fadeOutLeft {
0% {
opacity: 1;
-o-transform: translateX(0); }
100% {
opacity: 0;
-o-transform: translateX(-20px); } }
@keyframes fadeOutLeft {
0% {
opacity: 1;
transform: translateX(0); }
100% {
opacity: 0;
transform: translateX(-20px); } }
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0); }
100% {
opacity: 0;
-webkit-transform: translateX(-2000px); } }
@-moz-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-moz-transform: translateX(0); }
100% {
opacity: 0;
-moz-transform: translateX(-2000px); } }
@-ms-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-ms-transform: translateX(0); }
100% {
opacity: 0;
-ms-transform: translateX(-2000px); } }
@-o-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-o-transform: translateX(0); }
100% {
opacity: 0;
-o-transform: translateX(-2000px); } }
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
transform: translateX(0); }
100% {
opacity: 0;
transform: translateX(-2000px); } }
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0); }
100% {
opacity: 0;
-webkit-transform: translateX(20px); } }
@-moz-keyframes fadeOutRight {
0% {
opacity: 1;
-moz-transform: translateX(0); }
100% {
opacity: 0;
-moz-transform: translateX(20px); } }
@-ms-keyframes fadeOutRight {
0% {
opacity: 1;
-ms-transform: translateX(0); }
100% {
opacity: 0;
-ms-transform: translateX(20px); } }
@-o-keyframes fadeOutRight {
0% {
opacity: 1;
-o-transform: translateX(0); }
100% {
opacity: 0;
-o-transform: translateX(20px); } }
@keyframes fadeOutRight {
0% {
opacity: 1;
transform: translateX(0); }
100% {
opacity: 0;
transform: translateX(20px); } }
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0); }
100% {
opacity: 0;
-webkit-transform: translateX(2000px); } }
@-moz-keyframes fadeOutRightBig {
0% {
opacity: 1;
-moz-transform: translateX(0); }
100% {
opacity: 0;
-moz-transform: translateX(2000px); } }
@-ms-keyframes fadeOutRightBig {
0% {
opacity: 1;
-ms-transform: translateX(0); }
100% {
opacity: 0;
-ms-transform: translateX(2000px); } }
@-o-keyframes fadeOutRightBig {
0% {
opacity: 1;
-o-transform: translateX(0); }
100% {
opacity: 0;
-o-transform: translateX(2000px); } }
@keyframes fadeOutRightBig {
0% {
opacity: 1;
transform: translateX(0); }
100% {
opacity: 0;
transform: translateX(2000px); } }
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0); }
100% {
opacity: 0;
-webkit-transform: translateY(-20px); } }
@-moz-keyframes fadeOutUp {
0% {
opacity: 1;
-moz-transform: translateY(0); }
100% {
opacity: 0;
-moz-transform: translateY(-20px); } }
@-ms-keyframes fadeOutUp {
0% {
opacity: 1;
-ms-transform: translateY(0); }
100% {
opacity: 0;
-ms-transform: translateY(-20px); } }
@-o-keyframes fadeOutUp {
0% {
opacity: 1;
-o-transform: translateY(0); }
100% {
opacity: 0;
-o-transform: translateY(-20px); } }
@keyframes fadeOutUp {
0% {
opacity: 1;
transform: translateY(0); }
100% {
opacity: 0;
transform: translateY(-20px); } }
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0); }
100% {
opacity: 0;
-webkit-transform: translateY(-2000px); } }
@-moz-keyframes fadeOutUpBig {
0% {
opacity: 1;
-moz-transform: translateY(0); }
100% {
opacity: 0;
-moz-transform: translateY(-2000px); } }
@-o-keyframes fadeOutUpBig {
0% {
opacity: 1;
-o-transform: translateY(0); }
100% {
opacity: 0;
-o-transform: translateY(-2000px); } }
@keyframes fadeOutUpBig {
0% {
opacity: 1;
transform: translateY(0); }
100% {
opacity: 0;
transform: translateY(-2000px); } }
@-webkit-keyframes flash {
0%, 50%, 100% {
opacity: 1; }
25%, 75% {
opacity: 0; } }
@-moz-keyframes flash {
0%, 50%, 100% {
opacity: 1; }
25%, 75% {
opacity: 0; } }
@-ms-keyframes flash {
0%, 50%, 100% {
opacity: 1; }
25%, 75% {
opacity: 0; } }
@-o-keyframes flash {
0%, 50%, 100% {
opacity: 1; }
25%, 75% {
opacity: 0; } }
@keyframes flash {
0%, 50%, 100% {
opacity: 1; }
25%, 75% {
opacity: 0; } }
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) rotateY(0);
-webkit-animation-timing-function: ease-out; }
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-webkit-animation-timing-function: ease-out; }
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in; }
80% {
-webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
-webkit-animation-timing-function: ease-in; }
100% {
-webkit-transform: perspective(400px) scale(1);
-webkit-animation-timing-function: ease-in; } }
@-moz-keyframes flip {
0% {
-moz-transform: perspective(400px) rotateY(0);
-moz-animation-timing-function: ease-out; }
40% {
-moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-moz-animation-timing-function: ease-out; }
50% {
-moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-moz-animation-timing-function: ease-in; }
80% {
-moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
-moz-animation-timing-function: ease-in; }
100% {
-moz-transform: perspective(400px) scale(1);
-moz-animation-timing-function: ease-in; } }
@-o-keyframes flip {
0% {
-o-transform: perspective(400px) rotateY(0);
-o-animation-timing-function: ease-out; }
40% {
-o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-o-animation-timing-function: ease-out; }
50% {
-o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-o-animation-timing-function: ease-in; }
80% {
-o-transform: perspective(400px) rotateY(360deg) scale(0.95);
-o-animation-timing-function: ease-in; }
100% {
-o-transform: perspective(400px) scale(1);
-o-animation-timing-function: ease-in; } }
@keyframes flip {
0% {
transform: perspective(400px) rotateY(0);
animation-timing-function: ease-out; }
40% {
transform: perspective(400px) translateZ(150px) rotateY(170deg);
animation-timing-function: ease-out; }
50% {
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
animation-timing-function: ease-in; }
80% {
transform: perspective(400px) rotateY(360deg) scale(0.95);
animation-timing-function: ease-in; }
100% {
transform: perspective(400px) scale(1);
animation-timing-function: ease-in; } }
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotateX(-10deg); }
70% {
-webkit-transform: perspective(400px) rotateX(10deg); }
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1; } }
@-moz-keyframes flipInX {
0% {
-moz-transform: perspective(400px) rotateX(90deg);
opacity: 0; }
40% {
-moz-transform: perspective(400px) rotateX(-10deg); }
70% {
-moz-transform: perspective(400px) rotateX(10deg); }
100% {
-moz-transform: perspective(400px) rotateX(0deg);
opacity: 1; } }
@-o-keyframes flipInX {
0% {
-o-transform: perspective(400px) rotateX(90deg);
opacity: 0; }
40% {
-o-transform: perspective(400px) rotateX(-10deg); }
70% {
-o-transform: perspective(400px) rotateX(10deg); }
100% {
-o-transform: perspective(400px) rotateX(0deg);
opacity: 1; } }
@keyframes flipInX {
0% {
transform: perspective(400px) rotateX(90deg);
opacity: 0; }
40% {
transform: perspective(400px) rotateX(-10deg); }
70% {
transform: perspective(400px) rotateX(10deg); }
100% {
transform: perspective(400px) rotateX(0deg);
opacity: 1; } }
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotateY(-10deg); }
70% {
-webkit-transform: perspective(400px) rotateY(10deg); }
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
opacity: 1; } }
@-moz-keyframes flipInY {
0% {
-moz-transform: perspective(400px) rotateY(90deg);
opacity: 0; }
40% {
-moz-transform: perspective(400px) rotateY(-10deg); }
70% {
-moz-transform: perspective(400px) rotateY(10deg); }
100% {
-moz-transform: perspective(400px) rotateY(0deg);
opacity: 1; } }
@-ms-keyframes flipInY {
0% {
-ms-transform: perspective(400px) rotateY(90deg);
opacity: 0; }
40% {
-ms-transform: perspective(400px) rotateY(-10deg); }
70% {
-ms-transform: perspective(400px) rotateY(10deg); }
100% {
-ms-transform: perspective(400px) rotateY(0deg);
opacity: 1; } }
@-o-keyframes flipInY {
0% {
-o-transform: perspective(400px) rotateY(90deg);
opacity: 0; }
40% {
-o-transform: perspective(400px) rotateY(-10deg); }
70% {
-o-transform: perspective(400px) rotateY(10deg); }
100% {
-o-transform: perspective(400px) rotateY(0deg);
opacity: 1; } }
@keyframes flipInY {
0% {
transform: perspective(400px) rotateY(90deg);
opacity: 0; }
40% {
transform: perspective(400px) rotateY(-10deg); }
70% {
transform: perspective(400px) rotateY(10deg); }
100% {
transform: perspective(400px) rotateY(0deg);
opacity: 1; } }
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1; }
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
opacity: 0; } }
@-moz-keyframes flipOutX {
0% {
-moz-transform: perspective(400px) rotateX(0deg);
opacity: 1; }
100% {
-moz-transform: perspective(400px) rotateX(90deg);
opacity: 0; } }
@-ms-keyframes flipOutX {
0% {
-ms-transform: perspective(400px) rotateX(0deg);
opacity: 1; }
100% {
-ms-transform: perspective(400px) rotateX(90deg);
opacity: 0; } }
@-o-keyframes flipOutX {
0% {
-o-transform: perspective(400px) rotateX(0deg);
opacity: 1; }
100% {
-o-transform: perspective(400px) rotateX(90deg);
opacity: 0; } }
@keyframes flipOutX {
0% {
transform: perspective(400px) rotateX(0deg);
opacity: 1; }
100% {
transform: perspective(400px) rotateX(90deg);
opacity: 0; } }
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
opacity: 1; }
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
opacity: 0; } }
@-moz-keyframes flipOutY {
0% {
-moz-transform: perspective(400px) rotateY(0deg);
opacity: 1; }
100% {
-moz-transform: perspective(400px) rotateY(90deg);
opacity: 0; } }
@-ms-keyframes flipOutY {
0% {
-ms-transform: perspective(400px) rotateY(0deg);
opacity: 1; }
100% {
-ms-transform: perspective(400px) rotateY(90deg);
opacity: 0; } }
@-o-keyframes flipOutY {
0% {
-o-transform: perspective(400px) rotateY(0deg);
opacity: 1; }
100% {
-o-transform: perspective(400px) rotateY(90deg);
opacity: 0; } }
@keyframes flipOutY {
0% {
transform: perspective(400px) rotateY(0deg);
opacity: 1; }
100% {
transform: perspective(400px) rotateY(90deg);
opacity: 0; } }
@-webkit-keyframes hinge {
0% {
-webkit-transform: rotate(0);
-webkit-transform-origin: top left;
-webkit-animation-timing-function: ease-in-out; }
20%, 60% {
-webkit-transform: rotate(80deg);
-webkit-transform-origin: top left;
-webkit-animation-timing-function: ease-in-out; }
40% {
-webkit-transform: rotate(60deg);
-webkit-transform-origin: top left;
-webkit-animation-timing-function: ease-in-out; }
80% {
-webkit-transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
-webkit-animation-timing-function: ease-in-out; }
100% {
-webkit-transform: translateY(700px);
opacity: 0; } }
@-moz-keyframes hinge {
0% {
-moz-transform: rotate(0);
-moz-transform-origin: top left;
-moz-animation-timing-function: ease-in-out; }
20%, 60% {
-moz-transform: rotate(80deg);
-moz-transform-origin: top left;
-moz-animation-timing-function: ease-in-out; }
40% {
-moz-transform: rotate(60deg);
-moz-transform-origin: top left;
-moz-animation-timing-function: ease-in-out; }
80% {
-moz-transform: rotate(60deg) translateY(0);
opacity: 1;
-moz-transform-origin: top left;
-moz-animation-timing-function: ease-in-out; }
100% {
-moz-transform: translateY(700px);
opacity: 0; } }
@-ms-keyframes hinge {
0% {
-ms-transform: rotate(0);
-ms-transform-origin: top left;
-ms-animation-timing-function: ease-in-out; }
20%, 60% {
-ms-transform: rotate(80deg);
-ms-transform-origin: top left;
-ms-animation-timing-function: ease-in-out; }
40% {
-ms-transform: rotate(60deg);
-ms-transform-origin: top left;
-ms-animation-timing-function: ease-in-out; }
80% {
-ms-transform: rotate(60deg) translateY(0);
opacity: 1;
-ms-transform-origin: top left;
-ms-animation-timing-function: ease-in-out; }
100% {
-ms-transform: translateY(700px);
opacity: 0; } }
@-o-keyframes hinge {
0% {
-o-transform: rotate(0);
-o-transform-origin: top left;
-o-animation-timing-function: ease-in-out; }
20%, 60% {
-o-transform: rotate(80deg);
-o-transform-origin: top left;
-o-animation-timing-function: ease-in-out; }
40% {
-o-transform: rotate(60deg);
-o-transform-origin: top left;
-o-animation-timing-function: ease-in-out; }
80% {
-o-transform: rotate(60deg) translateY(0);
opacity: 1;
-o-transform-origin: top left;
-o-animation-timing-function: ease-in-out; }
100% {
-o-transform: translateY(700px);
opacity: 0; } }
@keyframes hinge {
0% {
transform: rotate(0);
transform-origin: top left;
animation-timing-function: ease-in-out; }
20%, 60% {
transform: rotate(80deg);
transform-origin: top left;
animation-timing-function: ease-in-out; }
40% {
transform: rotate(60deg);
transform-origin: top left;
animation-timing-function: ease-in-out; }
80% {
transform: rotate(60deg) translateY(0);
opacity: 1;
transform-origin: top left;
animation-timing-function: ease-in-out; }
100% {
transform: translateY(700px);
opacity: 0; } }
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
opacity: 0; }
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
opacity: 1; }
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
opacity: 1; }
100% {
-webkit-transform: translateX(0%) skewX(0deg);
opacity: 1; } }
@-moz-keyframes lightSpeedIn {
0% {
-moz-transform: translateX(100%) skewX(-30deg);
opacity: 0; }
60% {
-moz-transform: translateX(-20%) skewX(30deg);
opacity: 1; }
80% {
-moz-transform: translateX(0%) skewX(-15deg);
opacity: 1; }
100% {
-moz-transform: translateX(0%) skewX(0deg);
opacity: 1; } }
@-ms-keyframes lightSpeedIn {
0% {
-ms-transform: translateX(100%) skewX(-30deg);
opacity: 0; }
60% {
-ms-transform: translateX(-20%) skewX(30deg);
opacity: 1; }
80% {
-ms-transform: translateX(0%) skewX(-15deg);
opacity: 1; }
100% {
-ms-transform: translateX(0%) skewX(0deg);
opacity: 1; } }
@-o-keyframes lightSpeedIn {
0% {
-o-transform: translateX(100%) skewX(-30deg);
opacity: 0; }
60% {
-o-transform: translateX(-20%) skewX(30deg);
opacity: 1; }
80% {
-o-transform: translateX(0%) skewX(-15deg);
opacity: 1; }
100% {
-o-transform: translateX(0%) skewX(0deg);
opacity: 1; } }
@keyframes lightSpeedIn {
0% {
transform: translateX(100%) skewX(-30deg);
opacity: 0; }
60% {
transform: translateX(-20%) skewX(30deg);
opacity: 1; }
80% {
transform: translateX(0%) skewX(-15deg);
opacity: 1; }
100% {
transform: translateX(0%) skewX(0deg);
opacity: 1; } }
@-webkit-keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
opacity: 1; }
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
opacity: 0; } }
@-moz-keyframes lightSpeedOut {
0% {
-moz-transform: translateX(0%) skewX(0deg);
opacity: 1; }
100% {
-moz-transform: translateX(100%) skewX(-30deg);
opacity: 0; } }
@-ms-keyframes lightSpeedOut {
0% {
-ms-transform: translateX(0%) skewX(0deg);
opacity: 1; }
100% {
-ms-transform: translateX(100%) skewX(-30deg);
opacity: 0; } }
@-o-keyframes lightSpeedOut {
0% {
-o-transform: translateX(0%) skewX(0deg);
opacity: 1; }
100% {
-o-transform: translateX(100%) skewX(-30deg);
opacity: 0; } }
@keyframes lightSpeedOut {
0% {
transform: translateX(0%) skewX(0deg);
opacity: 1; }
100% {
transform: translateX(100%) skewX(-30deg);
opacity: 0; } }
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1); }
50% {
-webkit-transform: scale(1.1); }
100% {
-webkit-transform: scale(1); } }
@-moz-keyframes pulse {
0% {
-moz-transform: scale(1); }
50% {
-moz-transform: scale(1.1); }
100% {
-moz-transform: scale(1); } }
@-ms-keyframes pulse {
0% {
-ms-transform: scale(1); }
50% {
-ms-transform: scale(1.1); }
100% {
-ms-transform: scale(1); } }
@-o-keyframes pulse {
0% {
-o-transform: scale(1); }
50% {
-o-transform: scale(1.1); }
100% {
-o-transform: scale(1); } }
@keyframes pulse {
0% {
transform: scale(1); }
50% {
transform: scale(1.1); }
100% {
transform: scale(1); } }
@-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg); }
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg); } }
@-moz-keyframes rollIn {
0% {
opacity: 0;
-moz-transform: translateX(-100%) rotate(-120deg); }
100% {
opacity: 1;
-moz-transform: translateX(0px) rotate(0deg); } }
@-ms-keyframes rollIn {
0% {
opacity: 0;
-ms-transform: translateX(-100%) rotate(-120deg); }
100% {
opacity: 1;
-ms-transform: translateX(0px) rotate(0deg); } }
@-o-keyframes rollIn {
0% {
opacity: 0;
-o-transform: translateX(-100%) rotate(-120deg); }
100% {
opacity: 1;
-o-transform: translateX(0px) rotate(0deg); } }
@keyframes rollIn {
0% {
opacity: 0;
transform: translateX(-100%) rotate(-120deg); }
100% {
opacity: 1;
transform: translateX(0px) rotate(0deg); } }
@-webkit-keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg); }
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg); } }
@-moz-keyframes rollOut {
0% {
opacity: 1;
-moz-transform: translateX(0px) rotate(0deg); }
100% {
opacity: 0;
-moz-transform: translateX(100%) rotate(120deg); } }
@-ms-keyframes rollOut {
0% {
opacity: 1;
-ms-transform: translateX(0px) rotate(0deg); }
100% {
opacity: 0;
-ms-transform: translateX(100%) rotate(120deg); } }
@-o-keyframes rollOut {
0% {
opacity: 1;
-o-transform: translateX(0px) rotate(0deg); }
100% {
opacity: 0;
-o-transform: translateX(100%) rotate(120deg); } }
@keyframes rollOut {
0% {
opacity: 1;
transform: translateX(0px) rotate(0deg); }
100% {
opacity: 0;
transform: translateX(100%) rotate(120deg); } }
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(-200deg);
opacity: 0; }
100% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(0);
opacity: 1; } }
@-moz-keyframes rotateIn {
0% {
-moz-transform-origin: center center;
-moz-transform: rotate(-200deg);
opacity: 0; }
100% {
-moz-transform-origin: center center;
-moz-transform: rotate(0);
opacity: 1; } }
@-ms-keyframes rotateIn {
0% {
-ms-transform-origin: center center;
-ms-transform: rotate(-200deg);
opacity: 0; }
100% {
-ms-transform-origin: center center;
-ms-transform: rotate(0);
opacity: 1; } }
@-o-keyframes rotateIn {
0% {
-o-transform-origin: center center;
-o-transform: rotate(-200deg);
opacity: 0; }
100% {
-o-transform-origin: center center;
-o-transform: rotate(0);
opacity: 1; } }
@keyframes rotateIn {
0% {
transform-origin: center center;
transform: rotate(-200deg);
opacity: 0; }
100% {
transform-origin: center center;
transform: rotate(0);
opacity: 1; } }
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
opacity: 0; }
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1; } }
@-moz-keyframes rotateInDownLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(-90deg);
opacity: 0; }
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1; } }
@-ms-keyframes rotateInDownLeft {
0% {
-ms-transform-origin: left bottom;
-ms-transform: rotate(-90deg);
opacity: 0; }
100% {
-ms-transform-origin: left bottom;
-ms-transform: rotate(0);
opacity: 1; } }
@-o-keyframes rotateInDownLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(-90deg);
opacity: 0; }
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1; } }
@keyframes rotateInDownLeft {
0% {
transform-origin: left bottom;
transform: rotate(-90deg);
opacity: 0; }
100% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1; } }
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(90deg);
opacity: 0; }
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1; } }
@-moz-keyframes rotateInDownRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(90deg);
opacity: 0; }
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1; } }
@-ms-keyframes rotateInDownRight {
0% {
-ms-transform-origin: right bottom;
-ms-transform: rotate(90deg);
opacity: 0; }
100% {
-ms-transform-origin: right bottom;
-ms-transform: rotate(0);
opacity: 1; } }
@-o-keyframes rotateInDownRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(90deg);
opacity: 0; }
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1; } }
@keyframes rotateInDownRight {
0% {
transform-origin: right bottom;
transform: rotate(90deg);
opacity: 0; }
100% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1; } }
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(90deg);
opacity: 0; }
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1; } }
@-moz-keyframes rotateInUpLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(90deg);
opacity: 0; }
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1; } }
@-ms-keyframes rotateInUpLeft {
0% {
-ms-transform-origin: left bottom;
-ms-transform: rotate(90deg);
opacity: 0; }
100% {
-ms-transform-origin: left bottom;
-ms-transform: rotate(0);
opacity: 1; } }
@-o-keyframes rotateInUpLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(90deg);
opacity: 0; }
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1; } }
@keyframes rotateInUpLeft {
0% {
transform-origin: left bottom;
transform: rotate(90deg);
opacity: 0; }
100% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1; } }
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
opacity: 0; }
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1; } }
@-moz-keyframes rotateInUpRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(-90deg);
opacity: 0; }
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1; } }
@-ms-keyframes rotateInUpRight {
0% {
-ms-transform-origin: right bottom;
-ms-transform: rotate(-90deg);
opacity: 0; }
100% {
-ms-transform-origin: right bottom;
-ms-transform: rotate(0);
opacity: 1; } }
@-o-keyframes rotateInUpRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(-90deg);
opacity: 0; }
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1; } }
@keyframes rotateInUpRight {
0% {
transform-origin: right bottom;
transform: rotate(-90deg);
opacity: 0; }
100% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1; } }
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(0);
opacity: 1; }
100% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(200deg);
opacity: 0; } }
@-moz-keyframes rotateOut {
0% {
-moz-transform-origin: center center;
-moz-transform: rotate(0);
opacity: 1; }
100% {
-moz-transform-origin: center center;
-moz-transform: rotate(200deg);
opacity: 0; } }
@-ms-keyframes rotateOut {
0% {
-ms-transform-origin: center center;
-ms-transform: rotate(0);
opacity: 1; }
100% {
-ms-transform-origin: center center;
-ms-transform: rotate(200deg);
opacity: 0; } }
@-o-keyframes rotateOut {
0% {
-o-transform-origin: center center;
-o-transform: rotate(0);
opacity: 1; }
100% {
-o-transform-origin: center center;
-o-transform: rotate(200deg);
opacity: 0; } }
@keyframes rotateOut {
0% {
transform-origin: center center;
transform: rotate(0);
opacity: 1; }
100% {
transform-origin: center center;
transform: rotate(200deg);
opacity: 0; } }
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1; }
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(90deg);
opacity: 0; } }
@-moz-keyframes rotateOutDownLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1; }
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(90deg);
opacity: 0; } }
@-ms-keyframes rotateOutDownLeft {
0% {
-ms-transform-origin: left bottom;
-ms-transform: rotate(0);
opacity: 1; }
100% {
-ms-transform-origin: left bottom;
-ms-transform: rotate(90deg);
opacity: 0; } }
@-o-keyframes rotateOutDownLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1; }
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(90deg);
opacity: 0; } }
@keyframes rotateOutDownLeft {
0% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1; }
100% {
transform-origin: left bottom;
transform: rotate(90deg);
opacity: 0; } }
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1; }
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
opacity: 0; } }
@-moz-keyframes rotateOutDownRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1; }
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(-90deg);
opacity: 0; } }
@-ms-keyframes rotateOutDownRight {
0% {
-ms-transform-origin: right bottom;
-ms-transform: rotate(0);
opacity: 1; }
100% {
-ms-transform-origin: right bottom;
-ms-transform: rotate(-90deg);
opacity: 0; } }
@-o-keyframes rotateOutDownRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1; }
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(-90deg);
opacity: 0; } }
@keyframes rotateOutDownRight {
0% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1; }
100% {
transform-origin: right bottom;
transform: rotate(-90deg);
opacity: 0; } }
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1; }
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
opacity: 0; } }
@-moz-keyframes rotateOutUpLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1; }
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(-90deg);
opacity: 0; } }
@-ms-keyframes rotateOutUpLeft {
0% {
-ms-transform-origin: left bottom;
-ms-transform: rotate(0);
opacity: 1; }
100% {
-ms-transform-origin: left bottom;
-ms-transform: rotate(-90deg);
opacity: 0; } }
@-o-keyframes rotateOutUpLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1; }
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(-90deg);
opacity: 0; } }
@keyframes rotateOutUpLeft {
0% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1; }
100% {
transform-origin: left bottom;
transform: rotate(-90deg);
opacity: 0; } }
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1; }
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(90deg);
opacity: 0; } }
@-moz-keyframes rotateOutUpRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1; }
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(90deg);
opacity: 0; } }
@-ms-keyframes rotateOutUpRight {
0% {
-ms-transform-origin: right bottom;
-ms-transform: rotate(0);
opacity: 1; }
100% {
-ms-transform-origin: right bottom;
-ms-transform: rotate(90deg);
opacity: 0; } }
@-o-keyframes rotateOutUpRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1; }
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(90deg);
opacity: 0; } }
@keyframes rotateOutUpRight {
0% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1; }
100% {
transform-origin: right bottom;
transform: rotate(90deg);
opacity: 0; } }
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform: translateX(0); }
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px); }
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px); } }
@-moz-keyframes shake {
0%, 100% {
-moz-transform: translateX(0); }
10%, 30%, 50%, 70%, 90% {
-moz-transform: translateX(-10px); }
20%, 40%, 60%, 80% {
-moz-transform: translateX(10px); } }
@-ms-keyframes shake {
0%, 100% {
-ms-transform: translateX(0); }
10%, 30%, 50%, 70%, 90% {
-ms-transform: translateX(-10px); }
20%, 40%, 60%, 80% {
-ms-transform: translateX(10px); } }
@-o-keyframes shake {
0%, 100% {
-o-transform: translateX(0); }
10%, 30%, 50%, 70%, 90% {
-o-transform: translateX(-10px); }
20%, 40%, 60%, 80% {
-o-transform: translateX(10px); } }
@keyframes shake {
0%, 100% {
transform: translateX(0); }
10%, 30%, 50%, 70%, 90% {
transform: translateX(-10px); }
20%, 40%, 60%, 80% {
transform: translateX(10px); } }
@-webkit-keyframes swing {
20%, 40%, 60%, 80%, 100% {
-webkit-transform-origin: top center; }
20% {
-webkit-transform: rotate(15deg); }
40% {
-webkit-transform: rotate(-10deg); }
60% {
-webkit-transform: rotate(5deg); }
80% {
-webkit-transform: rotate(-5deg); }
100% {
-webkit-transform: rotate(0deg); } }
@-moz-keyframes swing {
20% {
-moz-transform: rotate(15deg); }
40% {
-moz-transform: rotate(-10deg); }
60% {
-moz-transform: rotate(5deg); }
80% {
-moz-transform: rotate(-5deg); }
100% {
-moz-transform: rotate(0deg); } }
@-ms-keyframes swing {
20% {
-ms-transform: rotate(15deg); }
40% {
-ms-transform: rotate(-10deg); }
60% {
-ms-transform: rotate(5deg); }
80% {
-ms-transform: rotate(-5deg); }
100% {
-ms-transform: rotate(0deg); } }
@-o-keyframes swing {
20% {
-o-transform: rotate(15deg); }
40% {
-o-transform: rotate(-10deg); }
60% {
-o-transform: rotate(5deg); }
80% {
-o-transform: rotate(-5deg); }
100% {
-o-transform: rotate(0deg); } }
@keyframes swing {
20% {
transform: rotate(15deg); }
40% {
transform: rotate(-10deg); }
60% {
transform: rotate(5deg); }
80% {
transform: rotate(-5deg); }
100% {
transform: rotate(0deg); } }
@-webkit-keyframes tada {
0% {
-webkit-transform: scale(1); }
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg); }
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg); }
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg); }
100% {
-webkit-transform: scale(1) rotate(0); } }
@-moz-keyframes tada {
0% {
-moz-transform: scale(1); }
10%, 20% {
-moz-transform: scale(0.9) rotate(-3deg); }
30%, 50%, 70%, 90% {
-moz-transform: scale(1.1) rotate(3deg); }
40%, 60%, 80% {
-moz-transform: scale(1.1) rotate(-3deg); }
100% {
-moz-transform: scale(1) rotate(0); } }
@-ms-keyframes tada {
0% {
-ms-transform: scale(1); }
10%, 20% {
-ms-transform: scale(0.9) rotate(-3deg); }
30%, 50%, 70%, 90% {
-ms-transform: scale(1.1) rotate(3deg); }
40%, 60%, 80% {
-ms-transform: scale(1.1) rotate(-3deg); }
100% {
-ms-transform: scale(1) rotate(0); } }
@-o-keyframes tada {
0% {
-o-transform: scale(1); }
10%, 20% {
-o-transform: scale(0.9) rotate(-3deg); }
30%, 50%, 70%, 90% {
-o-transform: scale(1.1) rotate(3deg); }
40%, 60%, 80% {
-o-transform: scale(1.1) rotate(-3deg); }
100% {
-o-transform: scale(1) rotate(0); } }
@keyframes tada {
0% {
transform: scale(1); }
10%, 20% {
transform: scale(0.9) rotate(-3deg); }
30%, 50%, 70%, 90% {
transform: scale(1.1) rotate(3deg); }
40%, 60%, 80% {
transform: scale(1.1) rotate(-3deg); }
100% {
transform: scale(1) rotate(0); } }
@-webkit-keyframes wiggle {
0% {
-webkit-transform: skewX(9deg); }
10% {
-webkit-transform: skewX(-8deg); }
20% {
-webkit-transform: skewX(7deg); }
30% {
-webkit-transform: skewX(-6deg); }
40% {
-webkit-transform: skewX(5deg); }
50% {
-webkit-transform: skewX(-4deg); }
60% {
-webkit-transform: skewX(3deg); }
70% {
-webkit-transform: skewX(-2deg); }
80% {
-webkit-transform: skewX(1deg); }
90% {
-webkit-transform: skewX(0deg); }
100% {
-webkit-transform: skewX(0deg); } }
@-moz-keyframes wiggle {
0% {
-moz-transform: skewX(9deg); }
10% {
-moz-transform: skewX(-8deg); }
20% {
-moz-transform: skewX(7deg); }
30% {
-moz-transform: skewX(-6deg); }
40% {
-moz-transform: skewX(5deg); }
50% {
-moz-transform: skewX(-4deg); }
60% {
-moz-transform: skewX(3deg); }
70% {
-moz-transform: skewX(-2deg); }
80% {
-moz-transform: skewX(1deg); }
90% {
-moz-transform: skewX(0deg); }
100% {
-moz-transform: skewX(0deg); } }
@-ms-keyframes wiggle {
0% {
-ms-transform: skewX(9deg); }
10% {
-ms-transform: skewX(-8deg); }
20% {
-ms-transform: skewX(7deg); }
30% {
-ms-transform: skewX(-6deg); }
40% {
-ms-transform: skewX(5deg); }
50% {
-ms-transform: skewX(-4deg); }
60% {
-ms-transform: skewX(3deg); }
70% {
-ms-transform: skewX(-2deg); }
80% {
-ms-transform: skewX(1deg); }
90% {
-ms-transform: skewX(0deg); }
100% {
-ms-transform: skewX(0deg); } }
@-o-keyframes wiggle {
0% {
-o-transform: skewX(9deg); }
10% {
-o-transform: skewX(-8deg); }
20% {
-o-transform: skewX(7deg); }
30% {
-o-transform: skewX(-6deg); }
40% {
-o-transform: skewX(5deg); }
50% {
-o-transform: skewX(-4deg); }
60% {
-o-transform: skewX(3deg); }
70% {
-o-transform: skewX(-2deg); }
80% {
-o-transform: skewX(1deg); }
90% {
-o-transform: skewX(0deg); }
100% {
-o-transform: skewX(0deg); } }
@keyframes wiggle {
0% {
transform: skewX(9deg); }
10% {
transform: skewX(-8deg); }
20% {
transform: skewX(7deg); }
30% {
transform: skewX(-6deg); }
40% {
transform: skewX(5deg); }
50% {
transform: skewX(-4deg); }
60% {
transform: skewX(3deg); }
70% {
transform: skewX(-2deg); }
80% {
transform: skewX(1deg); }
90% {
transform: skewX(0deg); }
100% {
transform: skewX(0deg); } }
@-webkit-keyframes wobble {
0% {
-webkit-transform: translateX(0%); }
15% {
-webkit-transform: translateX(-25%) rotate(-5deg); }
30% {
-webkit-transform: translateX(20%) rotate(3deg); }
45% {
-webkit-transform: translateX(-15%) rotate(-3deg); }
60% {
-webkit-transform: translateX(10%) rotate(2deg); }
75% {
-webkit-transform: translateX(-5%) rotate(-1deg); }
100% {
-webkit-transform: translateX(0%); } }
@-moz-keyframes wobble {
0% {
-moz-transform: translateX(0%); }
15% {
-moz-transform: translateX(-25%) rotate(-5deg); }
30% {
-moz-transform: translateX(20%) rotate(3deg); }
45% {
-moz-transform: translateX(-15%) rotate(-3deg); }
60% {
-moz-transform: translateX(10%) rotate(2deg); }
75% {
-moz-transform: translateX(-5%) rotate(-1deg); }
100% {
-moz-transform: translateX(0%); } }
@-ms-keyframes wobble {
0% {
-ms-transform: translateX(0%); }
15% {
-ms-transform: translateX(-25%) rotate(-5deg); }
30% {
-ms-transform: translateX(20%) rotate(3deg); }
45% {
-ms-transform: translateX(-15%) rotate(-3deg); }
60% {
-ms-transform: translateX(10%) rotate(2deg); }
75% {
-ms-transform: translateX(-5%) rotate(-1deg); }
100% {
-ms-transform: translateX(0%); } }
@-o-keyframes wobble {
0% {
-o-transform: translateX(0%); }
15% {
-o-transform: translateX(-25%) rotate(-5deg); }
30% {
-o-transform: translateX(20%) rotate(3deg); }
45% {
-o-transform: translateX(-15%) rotate(-3deg); }
60% {
-o-transform: translateX(10%) rotate(2deg); }
75% {
-o-transform: translateX(-5%) rotate(-1deg); }
100% {
-o-transform: translateX(0%); } }
@keyframes wobble {
0% {
transform: translateX(0%); }
15% {
transform: translateX(-25%) rotate(-5deg); }
30% {
transform: translateX(20%) rotate(3deg); }
45% {
transform: translateX(-15%) rotate(-3deg); }
60% {
transform: translateX(10%) rotate(2deg); }
75% {
transform: translateX(-5%) rotate(-1deg); }
100% {
transform: translateX(0%); } }
.fadeIn {
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-ms-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-ms-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-delay: 0.2s;
-moz-animation-delay: 0.2s;
-ms-animation-delay: 0.2s;
-o-animation-delay: 0.2s;
animation-delay: 0.2s;
-webkit-animation-timing-function: ease;
-moz-animation-timing-function: ease;
-ms-animation-timing-function: ease;
-o-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden; }
.fadeInfast {
-webkit-animation-name: fadeInfast;
-moz-animation-name: fadeInfast;
-ms-animation-name: fadeInfast;
-o-animation-name: fadeInfast;
animation-name: fadeInfast;
-webkit-animation-duration: 0.25s;
-moz-animation-duration: 0.25s;
-ms-animation-duration: 0.25s;
-o-animation-duration: 0.25s;
animation-duration: 0.25s;
-webkit-animation-delay: 0.1s;
-moz-animation-delay: 0.1s;
-ms-animation-delay: 0.1s;
-o-animation-delay: 0.1s;
animation-delay: 0.1s;
-webkit-animation-timing-function: ease;
-moz-animation-timing-function: ease;
-ms-animation-timing-function: ease;
-o-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden; }
.fadeInDown {
-webkit-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-ms-animation-name: fadeInDown;
-o-animation-name: fadeInDown;
animation-name: fadeInDown;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-ms-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-delay: 0.2s;
-moz-animation-delay: 0.2s;
-ms-animation-delay: 0.2s;
-o-animation-delay: 0.2s;
animation-delay: 0.2s;
-webkit-animation-timing-function: ease;
-moz-animation-timing-function: ease;
-ms-animation-timing-function: ease;
-o-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden; }
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
-moz-animation-name: fadeInLeft;
-ms-animation-name: fadeInLeft;
-o-animation-name: fadeInLeft;
animation-name: fadeInLeft;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-ms-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-delay: 0.2s;
-moz-animation-delay: 0.2s;
-ms-animation-delay: 0.2s;
-o-animation-delay: 0.2s;
animation-delay: 0.2s;
-webkit-animation-timing-function: ease;
-moz-animation-timing-function: ease;
-ms-animation-timing-function: ease;
-o-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden; }
.fadeInRight {
-webkit-animation-name: fadeInRight;
-moz-animation-name: fadeInRight;
-ms-animation-name: fadeInRight;
-o-animation-name: fadeInRight;
animation-name: fadeInRight;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-ms-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-delay: 0.2s;
-moz-animation-delay: 0.2s;
-ms-animation-delay: 0.2s;
-o-animation-delay: 0.2s;
animation-delay: 0.2s;
-webkit-animation-timing-function: ease;
-moz-animation-timing-function: ease;
-ms-animation-timing-function: ease;
-o-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden; }
.fadeInUp {
-webkit-animation-name: fadeInUp;
-moz-animation-name: fadeInUp;
-ms-animation-name: fadeInUp;
-o-animation-name: fadeInUp;
animation-name: fadeInUp;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-ms-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-delay: 0.2s;
-moz-animation-delay: 0.2s;
-ms-animation-delay: 0.2s;
-o-animation-delay: 0.2s;
animation-delay: 0.2s;
-webkit-animation-timing-function: ease;
-moz-animation-timing-function: ease;
-ms-animation-timing-function: ease;
-o-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden; }
.fadeOut {
-webkit-animation-name: fadeOut;
-moz-animation-name: fadeOut;
-ms-animation-name: fadeOut;
-o-animation-name: fadeOut;
animation-name: fadeOut;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-ms-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-delay: 0.2s;
-moz-animation-delay: 0.2s;
-ms-animation-delay: 0.2s;
-o-animation-delay: 0.2s;
animation-delay: 0.2s;
-webkit-animation-timing-function: ease;
-moz-animation-timing-function: ease;
-ms-animation-timing-function: ease;
-o-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden; }
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
-moz-animation-name: fadeOutDown;
-ms-animation-name: fadeOutDown;
-o-animation-name: fadeOutDown;
animation-name: fadeOutDown;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-ms-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-delay: 0.2s;
-moz-animation-delay: 0.2s;
-ms-animation-delay: 0.2s;
-o-animation-delay: 0.2s;
animation-delay: 0.2s;
-webkit-animation-timing-function: ease;
-moz-animation-timing-function: ease;
-ms-animation-timing-function: ease;
-o-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden; }
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
-moz-animation-name: fadeOutLeft;
-ms-animation-name: fadeOutLeft;
-o-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-ms-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-delay: 0.2s;
-moz-animation-delay: 0.2s;
-ms-animation-delay: 0.2s;
-o-animation-delay: 0.2s;
animation-delay: 0.2s;
-webkit-animation-timing-function: ease;
-moz-animation-timing-function: ease;
-ms-animation-timing-function: ease;
-o-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden; }
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
-moz-animation-name: fadeOutRight;
-ms-animation-name: fadeOutRight;
-o-animation-name: fadeOutRight;
animation-name: fadeOutRight;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-ms-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-delay: 0.2s;
-moz-animation-delay: 0.2s;
-ms-animation-delay: 0.2s;
-o-animation-delay: 0.2s;
animation-delay: 0.2s;
-webkit-animation-timing-function: ease;
-moz-animation-timing-function: ease;
-ms-animation-timing-function: ease;
-o-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden; }
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
-moz-animation-name: fadeOutUp;
-ms-animation-name: fadeOutUp;
-o-animation-name: fadeOutUp;
animation-name: fadeOutUp;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-ms-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-delay: 0.2s;
-moz-animation-delay: 0.2s;
-ms-animation-delay: 0.2s;
-o-animation-delay: 0.2s;
animation-delay: 0.2s;
-webkit-animation-timing-function: ease;
-moz-animation-timing-function: ease;
-ms-animation-timing-function: ease;
-o-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden; }   .fs-background {
overflow: hidden;
position: relative; }
.fs-background, .fs-background-container, .fs-background-media {
-webkit-transition: none;
transition: none; }
.fs-background-container {
width: 100%;
height: 100%;
position: absolute;
top: 0;
z-index: 0;
overflow: hidden; }
.fs-background-media {
position: absolute;
top: 0;
bottom: 0;
opacity: 0; }
.fs-background-media.fs-background-animated {
-webkit-transition: opacity .5s linear;
transition: opacity .5s linear; }
.fs-background-media iframe, .fs-background-media img, .fs-background-media video {
width: 100%;
height: 100%;
display: block;
-webkit-user-drag: none; }
.fs-background-media.fs-background-fixed, .fs-background-media.fs-background-native {
width: 100%;
height: 100%; }
.fs-background-media.fs-background-fixed img, .fs-background-media.fs-background-native img {
display: none; }
.fs-background-media.fs-background-native {
background-position: center;
background-size: cover; }
.fs-background-media.fs-background-fixed {
background-position: center;
background-attachment: fixed; }
.fs-background-embed.fs-background-ready:after {
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
content: ''; }
.fs-background-embed.fs-background-ready iframe {
z-index: 0; }