@charset "UTF-8";
/*!
Theme Name: pabf2020
Author: Matthieu Delahausse
Version: 0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: set-up-theme
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

set-up-theme is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Layout
# Forms
# Navigation
	## Links
	## Menus
# Fullpage	
# Clearings

--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
@import url("//hello.myfonts.net/count/354aae");
html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; }

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

a { background-color: transparent; }

a:active, a:hover { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

h1 { font-size: 2em; margin: 0.67em 0; }

mark { background: #ff0; color: #000; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

hr { box-sizing: content-box; height: 0; }

pre { overflow: auto; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }

button { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
/** @license MyFonts Webfont Build ID 3492526, 2017-12-04T12:53:57-0500 The fonts listed in this notice are subject to the End User License Agreement(s) entered into by the website owner. All other parties are  explicitly restricted from using the Licensed fonts(s). You may obtain a valid license at the URLs below. Webfont: EurostileLTPro-BoldEx2 by Linotype URL: https://www.myfonts.com/fonts/linotype/eurostile/pro-bold-extended-2/ Copyright: Copyright © 2007 Linotype GmbH, www.linotype.com. All rights reserved. This font software may not be reproduced, modified, disclosed or transferred without the express written approval of Linotype GmbH. Eurostile is a trademark of Linotype GmbH and Licensed pageviews: 500,000 Webfont: WeissSB-Italic by Scangraphic Digital Type Collection URL: https://www.myfonts.com/fonts/efscangraphic/weiss-sb/italic/ Copyright: Copyright of design and/or Trademark by Scangraphic PrePress Technology GmbH or its licensors. Copyright of digital font software by Elsner+Flake Type Consulting GmbH. This font software may not be reproduced, modified, decoded, disclosed or transferred w Licensed pageviews: 10,000 Webfont: WeissSB-Regular by Scangraphic Digital Type Collection URL: https://www.myfonts.com/fonts/efscangraphic/weiss-sb/regular/ Copyright: Copyright of design and/or Trademark by Scangraphic PrePress Technology GmbH or its licensors. Copyright of digital font software by Elsner+Flake Type Consulting GmbH. This font software may not be reproduced, modified, decoded, disclosed or transferred w Licensed pageviews: 10,000 License: https://www.myfonts.com/viewlicense?type=web&buildid=3492526 © 2017 MyFonts Inc */
/* @import must be at top of file, otherwise CSS will not work */
@font-face { font-family: 'EurostileLTPro-BoldEx2'; src: url("fonts/354AAE_0_0.eot"); src: url("fonts/354AAE_0_0.eot?#iefix") format("embedded-opentype"), url("fonts/354AAE_0_0.woff2") format("woff2"), url("fonts/354AAE_0_0.woff") format("woff"), url("fonts/354AAE_0_0.ttf") format("truetype"), url("fonts/354AAE_0_0.svg#wf") format("svg"); }

@font-face { font-family: 'WeissSB-Italic'; src: url("fonts/354AAE_1_0.eot"); src: url("fonts/354AAE_1_0.eot?#iefix") format("embedded-opentype"), url("fonts/354AAE_1_0.woff2") format("woff2"), url("fonts/354AAE_1_0.woff") format("woff"), url("fonts/354AAE_1_0.ttf") format("truetype"), url("fonts/354AAE_1_0.svg#wf") format("svg"); }

@font-face { font-family: 'WeissSB-Regular'; src: url("fonts/354AAE_2_0.eot"); src: url("fonts/354AAE_2_0.eot?#iefix") format("embedded-opentype"), url("fonts/354AAE_2_0.woff2") format("woff2"), url("fonts/354AAE_2_0.woff") format("woff"), url("fonts/354AAE_2_0.ttf") format("truetype"), url("fonts/354AAE_2_0.svg#wf") format("svg"); }

body { color: #009fe3; font-family: 'WeissSB-Regular', Times, serif; font-size: 24px; }

::-moz-selection { color: white; background-color: #009fe3; }

::selection { color: white; background-color: #009fe3; }

em { font-family: 'WeissSB-Italic', Times, serif; font-style: italic; }

em em { font-family: 'WeissSB-Regular', Times, serif; font-style: normal; }

a { color: #009fe3; }

h1, h2, h3, h4, h5, h6 { font-family: 'EurostileLTPro-BoldEx2', 'arial bold', arial, sans-serif; font-weight: normal; text-transform: uppercase; }

.green { color: #009fe3; }

figcaption { font-size: .75em; }

@supports ((-webkit-text-stroke-color: #000000) and (-webkit-text-fill-color: white)) or ((-moz-text-stroke-color: #824bb0) and (-moz-text-fill-color: white)) { .date-location h4, h1.section-title, .category-exposantes h1.entry-title { -moz-text-fill-color: #e8f0f5; -webkit-text-fill-color: #e8f0f5; -moz-text-stroke-color: #009fe3; -webkit-text-stroke-color: #009fe3; -moz-text-stroke-width: 1px; -webkit-text-stroke-width: 1px; } }

/*--------------------------------------------------------------
# Layout
--------------------------------------------------------------*/
/** BACKGROUND */
body { background-color: #e8f0f5; }

/** HEADER */
header.site-header { position: fixed; background: #e8f0f5; width: 100%; border-bottom: 1px solid #009fe3; padding: 13px 0 5px 0; margin: 0; z-index: 9; }

@media (min-width: 24em) { header.site-header { padding: 20px 0 13px 0; } }

.logo { float: left; margin-left: 30px; }

@media (min-width: 30em) { .logo { margin-left: 0; } }

.logo img { width: 120px; height: auto; }

@media (min-width: 30em) { .logo img { width: 140px; height: auto; } }

/** CONTENT */
img { max-width: 100%; height: auto; }

#main, .header-content, footer { max-width: 100%; margin: 0 auto; }

@media (min-width: 30em) { #main, .header-content, footer { max-width: 690px; } }

@media (min-width: 60em) { #main, .header-content, footer { max-width: 880px; } }

@media (min-width: 70em) { #main, .header-content, footer { max-width: 1100px; } }

#main { padding-top: 100px; }

@media (min-width: 30em) { #main { border-left: 1px solid #009fe3; border-right: 1px solid #009fe3; padding-top: 140px; } }

.single #main { padding-top: 120px; }

@media (min-width: 30em) { .single #main { padding-top: 140px; } }

.section-title { text-align: center; }

h1.section-title { font-size: 21px; }

@media (min-width: 30em) { h1.section-title { font-size: 48px; } }

.site-header, .entry-content, .entry-header { margin: 0 1.3em; }

@media (min-width: 30em) { .site-header, .entry-content, .entry-header { margin: 0 2em; } }

#infos .entry-footer img.poster { display: none; }

@media (min-width: 30em) { #infos .entry-footer img.poster { display: block; margin-top: 3em; } }

.info { display: none; }

/** about **/
#about { margin-bottom: 4em; }

#about .entry-content { margin: 0; }

@media (min-width: 30em) { #about .entry-content { display: flex; align-items: flex-start; } }

.english-text, .french-text { padding: 0 30px; line-height: 1.25em; font-size: 23px; }

@media (min-width: 30em) { .english-text, .french-text { font-size: 26px; padding: 0 1.5em; flex: 1; } }

@media (min-width: 30em) { .english-text h4 { display: none; } }

@media (min-width: 30em) { .english-text { padding-top: 2em; } }

@media (min-width: 30em) { .french-text { border-right: 1px solid #009fe3; } }

.french-text h4 { margin: 2em 0 1em 0; -webkit-hyphens: manual; -ms-hyphens: manual; hyphens: manual; }

.sec { width: 2.2em; height: .45em; background-color: #ffed00; position: relative; top: 0; }

.date-location { text-align: center; padding: 0 30px; font-size: 21px; }

@media (min-width: 30em) { .date-location { font-size: 24px; } }

.date-location h3, .date-location h4 { margin: 0; font-size: 26px; }

.date-location h4 { margin-bottom: 1em; }

.date-location p { margin: 0; }

/** exhibitors **/
#exhibitors .entry-content { margin: 0 1.5em; }

@media (min-width: 30em) { #exhibitors .entry-content { margin: 0 3em; } }

.minus { text-transform: lowercase; }

.exhibitors-list .exhibitor-title { overflow: hidden; /* fix for Firefox */ break-inside: avoid-column; -webkit-column-break-inside: avoid; padding-top: 1.1em; text-align: center; }

.exhibitors-list h4, .exhibitors-list .sous-titre { text-align: center; margin: 0; }

.exhibitors-list h4 { font-size: 22px; line-height: 1.2em; display: inline; }

@media (min-width: 30em) { .exhibitors-list h4 { font-size: 27px; } }

.exhibitors-list .sous-titre { font-size: 22px; }

/** exhibitors single **/
.wp-caption { margin: 0; }

.wp-caption .wp-caption-text { font-size: 13px; }

.single .entry-content { margin: 0 1.3em 0 1.3em; }

@media (min-width: 30em) { .single .entry-content { margin: 0 0 0 2em; } }

.single #main { height: 100%; }

.single h1.entry-title { font-size: 1em; margin: 0.67em 0; }

@media (min-width: 30em) { .single h1.entry-title { font-size: 1.7em; line-height: 1.3em; } }

@media (min-width: 70em) { .single h1.entry-title { font-size: 2em; } }

.single h1.entry-title br { display: none; }

.exhibitor-image { width: 100%; }

@media (min-width: 30em) { .exhibitor-image { width: 75%; float: left; } }

@media (min-width: 70em) { .exhibitor-image { width: 45%; float: left; } }

.exhibitor-image p { margin: 0; }

@media (min-width: 30em) { .exhibitor-image p { margin-bottom: 2em; } }

.exhibitor-text { width: 100%; font-size: 21px; line-height: 1.25em; margin-right: 1.5em; }

@media (min-width: 30em) { .exhibitor-text { width: 100%; } }

@media (min-width: 70em) { .exhibitor-text { width: 52%; float: left; } }

.exhibitor-text .en, .exhibitor-text .fr { margin-top: 1em; }

@media (min-width: 30em) { .exhibitor-text .en, .exhibitor-text .fr { margin-top: 0; width: 42%; float: left; } }

@media (min-width: 70em) { .exhibitor-text .en, .exhibitor-text .fr { margin-top: 0; width: 42%; padding-left: 2em; float: left; } }

@media (min-width: 30em) { .exhibitor-text .fr { padding-left: 2em; } }

@media (min-width: 70em) { .exhibitor-text .fr { padding-left: 2em; } }

figure { width: 100% !important; }

.lien { clear: both; padding-top: 2em; font-family: 'EurostileLTPro-BoldEx2', 'arial bold', arial, sans-serif; font-size: 11px; letter-spacing: .2em; text-transform: uppercase; text-align: right; }

@media (min-width: 30em) { .lien { margin-right: 25px; } }

@media (min-width: 70em) { .lien { margin-right: 0; } }

.lien a { text-decoration: none; border-bottom: 1px solid #e6007e; }

@media (min-width: 30em) { .lien p { margin: 0 2em 0 0; } }

@media (min-width: 70em) { .lien p { margin: 0; } }

/** program **/
#program .entry-content { margin: 0; }

.program-list { text-align: center; font-size: 22px; line-height: 1.3em; width: 85%; margin: 0 auto; }

@media (min-width: 30em) { .program-list { font-size: 29px; } }

.program-list br { display: none; }

@media (min-width: 70em) { .program-list br { display: block; } }

.program-list a { display: block; text-decoration: none; }

@media (min-width: 70em) { .program-list a { line-height: 1em; display: inline-block; } }

@media (min-width: 30em) { .program-list a:hover { border-bottom: 1px solid #009fe3; } }

.program-list h6 { display: inline; font-size: 22px; font-family: 'EurostileLTPro-BoldEx2', 'arial bold', arial, sans-serif; margin: 0; border-bottom: 1px solid #009fe3; }

@media (min-width: 30em) { .program-list h6 { font-size: 27px; } }

@media (min-width: 70em) { .program-list h6 { line-height: 1em; display: inline-block; border-bottom: none; } }

.program-list h6:hover { color: #009fe3; }

.program-list h6.breakword { word-break: break-all; }

.pgm-jour { font-size: 26px; border-bottom: 1px solid #009fe3; display: inline-block; text-transform: uppercase; margin: 2em 0 0 0; }

@media (min-width: 30em) { .pgm-jour { font-size: 34px; } }

.pgm-horaire-ouverture { font-size: 18px; margin: .4em 0 1em 0; letter-spacing: .03em; line-height: 1.3em; }

.pgm-horaire { display: block; width: 40px; border: 1px solid #009fe3; font-size: 14px; line-height: 14px; padding: 2px 5px 2px 4px; bottom: 5px; position: relative; right: 5px; margin: 1.7em auto 0 auto; }

@media (min-width: 70em) { .pgm-horaire { display: inline; margin: 0 5px 0 0; } }

.pgm-lieu { font-family: 'EurostileLTPro-BoldEx2', 'arial bold', arial, sans-serif; color: #009fe3; letter-spacing: 1px; text-transform: uppercase; font-size: 21px; margin-top: 1em; }

.program-section { column-count: 2; column-gap: .1em; width: 100%; padding-top: 1em; }

.program-section-wrap { padding: 2.5em; font-size: 22px; line-height: 1.25em; display: inline-block; }

.program-section-wrap h4 { font-size: 34px; margin: 0.5em 0 0 0; overflow-wrap: break-word; line-height: 1.1em; }

.program-section-image p { margin: 0; }

.program-section-info { margin: 0.3em 0 0 0; font-size: 22px; text-transform: uppercase; }

.program-section-content-fr h4 { font-size: 22px; font-style: normal; }

#n248.program-section-wrap h4 { word-break: break-all; }

.program-section-sep { width: 45%; height: 1px; background-color: #009fe3; margin: 5em auto 2em auto; }

/** program single **/
.single .category-programme .entry-header { margin-bottom: 1.3em; }

.single .category-programme h1.entry-title { margin: .8em 0 .2em 0; line-height: 1em; }

.single .category-programme .exhibitor-sous-titre { font-size: 22px; text-transform: uppercase; margin-bottom: .5em; }

.single .category-programme .program-section-horaire { font-family: 'EurostileLTPro-BoldEx2', 'arial bold', arial, sans-serif; font-size: 12px; text-transform: uppercase; line-height: 1em; border-bottom: 2px solid #009fe3; display: inline; }

.single .category-programme .exhibitor-text { margin-top: 1em; width: 100%; }

.single .category-programme .exhibitor-text .en, .single .category-programme .exhibitor-text .fr { padding-left: 0; padding-right: 2.5em; width: 95%; }

@media (min-width: 30em) { .single .category-programme .exhibitor-text .en, .single .category-programme .exhibitor-text .fr { width: 95%; } }

@media (min-width: 70em) { .single .category-programme .exhibitor-text .en, .single .category-programme .exhibitor-text .fr { width: 44%; } }

.single .category-programme .exhibitor-text .name { font-family: 'EurostileLTPro-BoldEx2', 'arial bold', arial, sans-serif; font-size: 16px; text-transform: uppercase; }

/** INFOS **/
#infos .entry-content { margin: 0; }

@media (min-width: 30em) { #infos .entry-content { margin: 0 3em; } }

#infos { padding-bottom: 4em; }

#infos .date-location p { line-height: 1.3em; }

.social a { font-family: 'EurostileLTPro-BoldEx2', sans-serif; text-transform: uppercase; font-size: 18px; margin: 0 1em; }

.contact { margin-top: 2em; }

.contact a { font-size: 21px; text-decoration: none; border-bottom: 1px solid #009fe3; }

.horaires { line-height: 1.3em; display: inline; }

.ouverture { padding: 1em 0 .5em 0; }

.vice-logo { width: 100px; margin: 1em 0 0 .2em; top: 6px; position: relative; }

.vice { margin: 0 !important; padding: 0; }

/** FOOTER */
footer { clear: both; text-align: center; padding: 2em 0; margin-top: 1em; }

/** BORDERS .left-border { top: 0; left: 0; border-right: 5px solid white; } .right-border { top: 0; right: 0; border-left: 5px solid white; } .left-border, .right-border { background: #00ff00; width: 10px; height: 100%; position: fixed; z-index: 10; } */
/** ANCHORS */
#about:before, #program:before, #programme:before, #exhibitors:before, #exposant-e-s:before, #infos:before { content: ''; display: block; position: relative; width: 0; height: 9em; margin-top: -9em; }

/** MASCOTTE */
#mascotte { display: none; }

.mascot img { display: none; }

/** AUTRES */
.screen-reader-text { display: none; }

.page-id-630 h1, .page-id-628 h1 { font-size: 26px; margin: 2em 0; }

.page-id-630 p, .page-id-628 p { font-size: 20px; line-height: 1.5em; padding: 0 2em; }

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
#mc_embed_signup { color: #009fe3; font-family: 'WeissSB-Regular', Times, serif; font-size: 24px; line-height: 2.5em; }

@media (min-width: 30em) { #mc_embed_signup { line-height: 4em; } }

#mc_embed_signup label { display: inline-block; width: 160px; }

#mc_embed_signup input { border: 1px solid #009fe3; display: inline-block; height: 40px; width: 90%; padding: 0 .5em; }

@media (min-width: 30em) { #mc_embed_signup input { width: 50%; } }

input#mc-embedded-subscribe { margin-top: 2em; width: 220px; background-color: #e8f0f5; border: 1px solid #009fe3; height: 50px; }

#mc_embed_signup div.mce_inline_error { background-color: #009fe3 !important; line-height: 1.5em; }

#mc_embed_signup input.mce_inline_error { border-color: #e6007e !important; }

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/** MENU */
nav#site-navigation { float: right; text-transform: uppercase; text-align: right; font-family: 'EurostileLTPro-BoldEx2', 'arial bold', arial, sans-serif; font-size: 9px; line-height: 2.4em; letter-spacing: .07em; margin-right: 30px; }

@media (min-width: 30em) { nav#site-navigation { margin-right: 0; font-size: 12px; line-height: 2em; } }

nav#site-navigation ul { list-style-type: none; }

nav#site-navigation a { text-decoration: none; border-bottom: 1px solid #ffed00; }

nav#site-navigation a:hover { color: #009fe3; border-bottom: 1px solid #e6007e; }

#primary-menu { margin: 0; padding: 0; }

/** LINKS */
.exhibitors-list a { text-decoration: none; width: 100%; display: block; }

.exhibitor-title:hover a h4 { border-bottom: 1px solid #009fe3; }

.navigation { position: relative; bottom: -7px; }

.nav-links { display: inline-block; width: 100%; height: 100%; margin: 0 0; border-top: 1px solid #009fe3; border-bottom: 1px solid #009fe3; position: relative; bottom: 0; font-family: 'EurostileLTPro-BoldEx2', 'arial bold', arial, sans-serif; font-size: 12px; text-transform: uppercase; }

@media (min-width: 70em) { .nav-links { font-size: 16px; } }

.nav-links a { text-decoration: none; }

.nav-links .nav-previous, .nav-links .nav-next { padding: 2em; }

.nav-links .nav-previous br, .nav-links .nav-next br { display: none; }

.nav-links .nav-previous { float: left; }

.nav-links .nav-previous:before { content: "<  "; color: #009fe3; }

.nav-links .nav-next { border-bottom: 1px solid #009fe3; }

@media (min-width: 30em) { .nav-links .nav-next { float: right; border-left: 1px solid #009fe3; border-bottom: none; } }

.nav-links .nav-next:after { content: "  >"; color: #009fe3; }

.links { display: inline-block; width: 100%; height: 100%; margin: 0 0; padding: 1em 0; font-family: 'EurostileLTPro-BoldEx2', 'arial bold', arial, sans-serif; font-size: 12px; text-transform: uppercase; }

@media (min-width: 70em) { .links { font-size: 16px; } }

.links a { text-decoration: none; display: inline-block; margin: 1em 2em; border-bottom: 1px solid #009fe3; }

/*--------------------------------------------------------------
# Animation
--------------------------------------------------------------*/
/* ANIMATION */
/** LOADER */
#loader { visibility: hidden; position: fixed; width: 100vw; height: 100vh; background: rgba(233, 241, 245, 0.8); z-index: 100; top: -1500px; display: flex; /* contexte sur le parent */ flex-direction: column; /* direction d'affichage verticale */ justify-content: center; /* alignement vertical */ align-items: center; }

@media (min-width: 30em) { #loader { background: transparent; mix-blend-mode: multiply; } }

@media (min-width: 70em) { #loader { background: transparent; mix-blend-mode: multiply; } }

#loader .pabf { display: flex; /* contexte sur le parent */ flex-direction: column; /* direction d'affichage verticale */ justify-content: center; /* alignement vertical */ align-items: center; margin: auto; }

@media (min-width: 24em) { #loader .pabf { min-width: 90vw; height: 100vh; } }

@media (min-width: 30em) { #loader .pabf { min-width: 70vw; height: 76vh; } }

@media (min-width: 70em) { #loader .pabf { min-width: 70vw; height: 76vh; } }

#loader .pabf img { display: block; width: 100%; height: auto; /* maintain aspect ratio*/ margin: auto; /*optional centering of image*/ }

#loader { -webkit-animation: upto 3s ease-in-out; -moz-animation: upto 3s ease-in-out; /* Firefox < 16 */ -ms-animation: upto 3s ease-in-out; /* Internet Explorer */ -o-animation: upto 3s ease-in-out; /* Opera < 12.1 */ animation: upto 3s ease-in-out; }

@keyframes upto { 0% { top: 0; }
  1% { top: 0; }
  80% { top: 0; }
  100% { top: -1500px; } }

@-moz-keyframes upto { 0% { top: 0; }
  1% { top: 0; }
  80% { top: 0; }
  100% { top: -1500px; } }

@-webkit-keyframes upto { 0% { top: 0; }
  1% { top: 0; }
  80% { top: 0; }
  100% { top: -1500px; } }

@-ms-keyframes upto { 0% { top: 0; }
  1% { top: 0; }
  80% { top: 0; }
  100% { top: -1500px; } }

@-o-keyframes upto { 0% { top: 0; }
  1% { top: 0; }
  80% { top: 0; }
  100% { top: -1500px; } }

.pabf { transform-origin: 50% 50%; -webkit-animation: zoomin .8s; /* Safari, Chrome and Opera > 12.1 */ -moz-animation: zoomin .8s; /* Firefox < 16 */ -ms-animation: zoomin .8s; /* Internet Explorer */ -o-animation: zoomin .8s; /* Opera < 12.1 */ animation: zoomin .8s; }

@keyframes zoomin { 0% { transform: scale(0) rotateY(0deg) rotateX(15deg) rotateZ(15deg); }
  100% { transform: scale(1) rotateY(-360deg) rotateX(0deg) rotateZ(0deg); } }

@-moz-keyframes zoomin { 0% { transform: scale(0); }
  100% { transform: scale(1); } }

@-webkit-keyframes zoomin { 0% { transform: scale(0); }
  100% { transform: scale(1); } }

@-ms-keyframes zoomin { 0% { transform: scale(0); }
  100% { transform: scale(1); } }

@-o-keyframes zoomin { 0% { transform: scale(0); }
  100% { transform: scale(1); } }

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/

/*# sourceMappingURL=style.css.map */