Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
- Foo
- Bar
- Baz
- Foo Bar Baz
- Lorem
- Ipsum
- Dolor
- Sit
...
`
*
* This would create a `div` that, at ‘desktop’ sizes, takes up a quarter of the
* horizontal space, a half of that space at ‘tablet’ sizes, and goes full width
* at ‘mobile’ sizes.
*
* Demo: jsfiddle.net/inuitcss/WS4Ge
*
*/
@media only screen and (max-width: 639px) {
/**
* Whole
*/
.palm-one-whole {
width: 100%; }
/**
* Halves
*/
.palm-one-half, .palm-two-quarters, .palm-three-sixths, .palm-four-eighths, .palm-five-tenths, .palm-six-twelfths {
width: 50%; }
/**
* Thirds
*/
.palm-one-third, .palm-two-sixths, .palm-four-twelfths {
width: 33.333%; }
.palm-two-thirds, .palm-four-sixths, .palm-eight-twelfths {
width: 66.666%; }
/**
* Quarters
*/
.palm-one-quarter, .palm-two-eighths, .palm-three-twelfths {
width: 25%; }
.palm-three-quarters, .palm-six-eighths, .palm-nine-twelfths {
width: 75%; }
/**
* Fifths
*/
.palm-one-fifth, .palm-two-tenths {
width: 20%; }
.palm-two-fifths, .palm-four-tenths {
width: 40%; }
.palm-three-fifths, .palm-six-tenths {
width: 60%; }
.palm-four-fifths, .palm-eight-tenths {
width: 80%; }
/**
* Sixths
*/
.palm-one-sixth, .palm-two-twelfths {
width: 16.666%; }
.palm-five-sixths, .palm-ten-twelfths {
width: 83.333%; }
/**
* Eighths
*/
.palm-one-eighth {
width: 12.5%; }
.palm-three-eighths {
width: 37.5%; }
.palm-five-eighths {
width: 62.5%; }
.palm-seven-eighths {
width: 87.5%; }
/**
* Tenths
*/
.palm-one-tenth {
width: 10%; }
.palm-three-tenths {
width: 30%; }
.palm-seven-tenths {
width: 70%; }
.palm-nine-tenths {
width: 90%; }
/**
* Twelfths
*/
.palm-one-twelfth {
width: 8.333%; }
.palm-five-twelfths {
width: 41.666%; }
.palm-seven-twelfths {
width: 58.333%; }
.palm-eleven-twelfths {
width: 91.666%; } }
@media only screen and (min-width: 640px) and (max-width: 999px) {
/**
* Whole
*/
.lap-one-whole {
width: 100%; }
/**
* Halves
*/
.lap-one-half, .lap-two-quarters, .lap-three-sixths, .lap-four-eighths, .lap-five-tenths, .lap-six-twelfths {
width: 50%; }
/**
* Thirds
*/
.lap-one-third, .lap-two-sixths, .lap-four-twelfths {
width: 33.333%; }
.lap-two-thirds, .lap-four-sixths, .lap-eight-twelfths {
width: 66.666%; }
/**
* Quarters
*/
.lap-one-quarter, .lap-two-eighths, .lap-three-twelfths {
width: 25%; }
.lap-three-quarters, .lap-six-eighths, .lap-nine-twelfths {
width: 75%; }
/**
* Fifths
*/
.lap-one-fifth, .lap-two-tenths {
width: 20%; }
.lap-two-fifths, .lap-four-tenths {
width: 40%; }
.lap-three-fifths, .lap-six-tenths {
width: 60%; }
.lap-four-fifths, .lap-eight-tenths {
width: 80%; }
/**
* Sixths
*/
.lap-one-sixth, .lap-two-twelfths {
width: 16.666%; }
.lap-five-sixths, .lap-ten-twelfths {
width: 83.333%; }
/**
* Eighths
*/
.lap-one-eighth {
width: 12.5%; }
.lap-three-eighths {
width: 37.5%; }
.lap-five-eighths {
width: 62.5%; }
.lap-seven-eighths {
width: 87.5%; }
/**
* Tenths
*/
.lap-one-tenth {
width: 10%; }
.lap-three-tenths {
width: 30%; }
.lap-seven-tenths {
width: 70%; }
.lap-nine-tenths {
width: 90%; }
/**
* Twelfths
*/
.lap-one-twelfth {
width: 8.333%; }
.lap-five-twelfths {
width: 41.666%; }
.lap-seven-twelfths {
width: 58.333%; }
.lap-eleven-twelfths {
width: 91.666%; } }
@media only screen and (min-width: 640px) {
/**
* Whole
*/
.lap-and-up-one-whole {
width: 100%; }
/**
* Halves
*/
.lap-and-up-one-half, .lap-and-up-two-quarters, .lap-and-up-three-sixths, .lap-and-up-four-eighths, .lap-and-up-five-tenths, .lap-and-up-six-twelfths {
width: 50%; }
/**
* Thirds
*/
.lap-and-up-one-third, .lap-and-up-two-sixths, .lap-and-up-four-twelfths {
width: 33.333%; }
.lap-and-up-two-thirds, .lap-and-up-four-sixths, .lap-and-up-eight-twelfths {
width: 66.666%; }
/**
* Quarters
*/
.lap-and-up-one-quarter, .lap-and-up-two-eighths, .lap-and-up-three-twelfths {
width: 25%; }
.lap-and-up-three-quarters, .lap-and-up-six-eighths, .lap-and-up-nine-twelfths {
width: 75%; }
/**
* Fifths
*/
.lap-and-up-one-fifth, .lap-and-up-two-tenths {
width: 20%; }
.lap-and-up-two-fifths, .lap-and-up-four-tenths {
width: 40%; }
.lap-and-up-three-fifths, .lap-and-up-six-tenths {
width: 60%; }
.lap-and-up-four-fifths, .lap-and-up-eight-tenths {
width: 80%; }
/**
* Sixths
*/
.lap-and-up-one-sixth, .lap-and-up-two-twelfths {
width: 16.666%; }
.lap-and-up-five-sixths, .lap-and-up-ten-twelfths {
width: 83.333%; }
/**
* Eighths
*/
.lap-and-up-one-eighth {
width: 12.5%; }
.lap-and-up-three-eighths {
width: 37.5%; }
.lap-and-up-five-eighths {
width: 62.5%; }
.lap-and-up-seven-eighths {
width: 87.5%; }
/**
* Tenths
*/
.lap-and-up-one-tenth {
width: 10%; }
.lap-and-up-three-tenths {
width: 30%; }
.lap-and-up-seven-tenths {
width: 70%; }
.lap-and-up-nine-tenths {
width: 90%; }
/**
* Twelfths
*/
.lap-and-up-one-twelfth {
width: 8.333%; }
.lap-and-up-five-twelfths {
width: 41.666%; }
.lap-and-up-seven-twelfths {
width: 58.333%; }
.lap-and-up-eleven-twelfths {
width: 91.666%; } }
@media only screen and (max-width: 999px) {
/**
* Whole
*/
.portable-one-whole {
width: 100%; }
/**
* Halves
*/
.portable-one-half, .portable-two-quarters, .portable-three-sixths, .portable-four-eighths, .portable-five-tenths, .portable-six-twelfths {
width: 50%; }
/**
* Thirds
*/
.portable-one-third, .portable-two-sixths, .portable-four-twelfths {
width: 33.333%; }
.portable-two-thirds, .portable-four-sixths, .portable-eight-twelfths {
width: 66.666%; }
/**
* Quarters
*/
.portable-one-quarter, .portable-two-eighths, .portable-three-twelfths {
width: 25%; }
.portable-three-quarters, .portable-six-eighths, .portable-nine-twelfths {
width: 75%; }
/**
* Fifths
*/
.portable-one-fifth, .portable-two-tenths {
width: 20%; }
.portable-two-fifths, .portable-four-tenths {
width: 40%; }
.portable-three-fifths, .portable-six-tenths {
width: 60%; }
.portable-four-fifths, .portable-eight-tenths {
width: 80%; }
/**
* Sixths
*/
.portable-one-sixth, .portable-two-twelfths {
width: 16.666%; }
.portable-five-sixths, .portable-ten-twelfths {
width: 83.333%; }
/**
* Eighths
*/
.portable-one-eighth {
width: 12.5%; }
.portable-three-eighths {
width: 37.5%; }
.portable-five-eighths {
width: 62.5%; }
.portable-seven-eighths {
width: 87.5%; }
/**
* Tenths
*/
.portable-one-tenth {
width: 10%; }
.portable-three-tenths {
width: 30%; }
.portable-seven-tenths {
width: 70%; }
.portable-nine-tenths {
width: 90%; }
/**
* Twelfths
*/
.portable-one-twelfth {
width: 8.333%; }
.portable-five-twelfths {
width: 41.666%; }
.portable-seven-twelfths {
width: 58.333%; }
.portable-eleven-twelfths {
width: 91.666%; } }
@media only screen and (min-width: 1000px) {
/**
* Whole
*/
.desk-one-whole {
width: 100%; }
/**
* Halves
*/
.desk-one-half, .desk-two-quarters, .desk-three-sixths, .desk-four-eighths, .desk-five-tenths, .desk-six-twelfths {
width: 50%; }
/**
* Thirds
*/
.desk-one-third, .desk-two-sixths, .desk-four-twelfths {
width: 33.333%; }
.desk-two-thirds, .desk-four-sixths, .desk-eight-twelfths {
width: 66.666%; }
/**
* Quarters
*/
.desk-one-quarter, .desk-two-eighths, .desk-three-twelfths {
width: 25%; }
.desk-three-quarters, .desk-six-eighths, .desk-nine-twelfths {
width: 75%; }
/**
* Fifths
*/
.desk-one-fifth, .desk-two-tenths {
width: 20%; }
.desk-two-fifths, .desk-four-tenths {
width: 40%; }
.desk-three-fifths, .desk-six-tenths {
width: 60%; }
.desk-four-fifths, .desk-eight-tenths {
width: 80%; }
/**
* Sixths
*/
.desk-one-sixth, .desk-two-twelfths {
width: 16.666%; }
.desk-five-sixths, .desk-ten-twelfths {
width: 83.333%; }
/**
* Eighths
*/
.desk-one-eighth {
width: 12.5%; }
.desk-three-eighths {
width: 37.5%; }
.desk-five-eighths {
width: 62.5%; }
.desk-seven-eighths {
width: 87.5%; }
/**
* Tenths
*/
.desk-one-tenth {
width: 10%; }
.desk-three-tenths {
width: 30%; }
.desk-seven-tenths {
width: 70%; }
.desk-nine-tenths {
width: 90%; }
/**
* Twelfths
*/
.desk-one-twelfth {
width: 8.333%; }
.desk-five-twelfths {
width: 41.666%; }
.desk-seven-twelfths {
width: 58.333%; }
.desk-eleven-twelfths {
width: 91.666%; } }
/**
* If you have set the additional `$responsive-extra` variable to ‘true’ in
* `_vars.scss` then you now have access to the following class available to
* accomodate much larger screen resolutions.
*/
@media only screen and (min-width: 1440px) {
/**
* Whole
*/
.desk-wide-one-whole {
width: 100%; }
/**
* Halves
*/
.desk-wide-one-half, .desk-wide-two-quarters, .desk-wide-three-sixths, .desk-wide-four-eighths, .desk-wide-five-tenths, .desk-wide-six-twelfths {
width: 50%; }
/**
* Thirds
*/
.desk-wide-one-third, .desk-wide-two-sixths, .desk-wide-four-twelfths {
width: 33.333%; }
.desk-wide-two-thirds, .desk-wide-four-sixths, .desk-wide-eight-twelfths {
width: 66.666%; }
/**
* Quarters
*/
.desk-wide-one-quarter, .desk-wide-two-eighths, .desk-wide-three-twelfths {
width: 25%; }
.desk-wide-three-quarters, .desk-wide-six-eighths, .desk-wide-nine-twelfths {
width: 75%; }
/**
* Fifths
*/
.desk-wide-one-fifth, .desk-wide-two-tenths {
width: 20%; }
.desk-wide-two-fifths, .desk-wide-four-tenths {
width: 40%; }
.desk-wide-three-fifths, .desk-wide-six-tenths {
width: 60%; }
.desk-wide-four-fifths, .desk-wide-eight-tenths {
width: 80%; }
/**
* Sixths
*/
.desk-wide-one-sixth, .desk-wide-two-twelfths {
width: 16.666%; }
.desk-wide-five-sixths, .desk-wide-ten-twelfths {
width: 83.333%; }
/**
* Eighths
*/
.desk-wide-one-eighth {
width: 12.5%; }
.desk-wide-three-eighths {
width: 37.5%; }
.desk-wide-five-eighths {
width: 62.5%; }
.desk-wide-seven-eighths {
width: 87.5%; }
/**
* Tenths
*/
.desk-wide-one-tenth {
width: 10%; }
.desk-wide-three-tenths {
width: 30%; }
.desk-wide-seven-tenths {
width: 70%; }
.desk-wide-nine-tenths {
width: 90%; }
/**
* Twelfths
*/
.desk-wide-one-twelfth {
width: 8.333%; }
.desk-wide-five-twelfths {
width: 41.666%; }
.desk-wide-seven-twelfths {
width: 58.333%; }
.desk-wide-eleven-twelfths {
width: 91.666%; } }
/* endif */
/*------------------------------------*\
$PUSH
\*------------------------------------*/
/**
* Push classes, to move grid items over to the right by certain amounts.
*/
/*------------------------------------*\
$PULL
\*------------------------------------*/
/**
* Pull classes, to move grid items over to the right by certain amounts.
*/
/*------------------------------------*\
$BRAND
\*------------------------------------*/
/**
* `.brand` is a quick and simple way to apply your brand face and/or color to
* any element using a handy helper class.
*/
.brand {
font-family: Helvetica Neue, sans-serif!important;
color: #F0EEE7!important; }
.brand-face {
font-family: Helvetica Neue, sans-serif!important; }
.brand-color,
.brand-colour {
color: #F0EEE7!important; }
/*------------------------------------*\
$HELPER
\*------------------------------------*/
/**
* A series of helper classes to use arbitrarily. Only use a helper class if an
* element/component doesn’t already have a class to which you could apply this
* styling, e.g. if you need to float `.main-nav` left then add `float:left;` to
* that ruleset as opposed to adding the `.float--left` class to the markup.
*
* A lot of these classes carry `!important` as you will always want them to win
* out over other selectors.
*/
/**
* Add/remove floats
*/
.float--right {
float: right !important; }
.float--left {
float: left !important; }
.float--none {
float: none !important; }
/**
* Text alignment
*/
.text--left {
text-align: left !important; }
.text--center {
text-align: center !important; }
.text--right {
text-align: right !important; }
/**
* Font weights
*/
.weight--light {
font-weight: 300 !important; }
.weight--normal {
font-weight: 400 !important; }
.weight--semibold {
font-weight: 600 !important; }
/**
* Add/remove margins
*/
.push {
margin: 24px !important; }
.push--top {
margin-top: 24px !important; }
.push--right {
margin-right: 24px !important; }
.push--bottom {
margin-bottom: 24px !important; }
.push--left {
margin-left: 24px !important; }
.push--ends {
margin-top: 24px !important;
margin-bottom: 24px !important; }
.push--sides {
margin-right: 24px !important;
margin-left: 24px !important; }
.push-half {
margin: 12px !important; }
.push-half--top {
margin-top: 12px !important; }
.push-half--right {
margin-right: 12px !important; }
.push-half--bottom {
margin-bottom: 12px !important; }
.push-half--left {
margin-left: 12px !important; }
.push-half--ends {
margin-top: 12px !important;
margin-bottom: 12px !important; }
.push-half--sides {
margin-right: 12px !important;
margin-left: 12px !important; }
.flush {
margin: 0 !important; }
.flush--top {
margin-top: 0 !important; }
.flush--right {
margin-right: 0 !important; }
.flush--bottom {
margin-bottom: 0 !important; }
.flush--left {
margin-left: 0 !important; }
.flush--ends {
margin-top: 0 !important;
margin-bottom: 0 !important; }
.flush--sides {
margin-right: 0 !important;
margin-left: 0 !important; }
/**
* Add/remove paddings
*/
.soft {
padding: 24px !important; }
.soft--top {
padding-top: 24px !important; }
.soft--right {
padding-right: 24px !important; }
.soft--bottom {
padding-bottom: 24px !important; }
.soft--left {
padding-left: 24px !important; }
.soft--ends {
padding-top: 24px !important;
padding-bottom: 24px !important; }
.soft--sides {
padding-right: 24px !important;
padding-left: 24px !important; }
.soft-half {
padding: 12px !important; }
.soft-half--top {
padding-top: 12px !important; }
.soft-half--right {
padding-right: 12px !important; }
.soft-half--bottom {
padding-bottom: 12px !important; }
.soft-half--left {
padding-left: 12px !important; }
.soft-half--ends {
padding-top: 12px !important;
padding-bottom: 12px !important; }
.soft-half--sides {
padding-right: 12px !important;
padding-left: 12px !important; }
.hard {
padding: 0 !important; }
.hard--top {
padding-top: 0 !important; }
.hard--right {
padding-right: 0 !important; }
.hard--bottom {
padding-bottom: 0 !important; }
.hard--left {
padding-left: 0 !important; }
.hard--ends {
padding-top: 0 !important;
padding-bottom: 0 !important; }
.hard--sides {
padding-right: 0 !important;
padding-left: 0 !important; }
/**
* Pull items full width of `.island` parents.
*/
.full-bleed {
margin-right: -24px !important;
margin-left: -24px !important; }
.islet .full-bleed {
margin-right: -12px !important;
margin-left: -12px !important; }
/**
* Add a help cursor to any element that gives the user extra information on
* `:hover`.
*/
.informative {
cursor: help !important; }
/**
* Mute an object by reducing its opacity.
*/
.muted {
opacity: 0.5 !important;
filter: alpha(opacity=50) !important; }
/**
* Align items to the right where they imply progression/movement forward, e.g.:
*
*
*/
.proceed {
text-align: right !important; }
/**
* Add a right-angled quote to links that imply movement, e.g.:
*
Read more
*
*/
.go:after {
content: " " "»" !important; }
/**
* Apply capital case to an element (usually a `strong`).
*/
.caps {
text-transform: uppercase !important; }
/**
* Hide content off-screen without resorting to `display:none;`, also provide
* breakpoint specific hidden elements.
*/
.accessibility,
.visuallyhidden {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important; }
@media only screen and (max-width: 639px) {
.accessibility--palm,
.visuallyhidden--palm {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important; } }
@media only screen and (min-width: 640px) and (max-width: 999px) {
.accessibility--lap,
.visuallyhidden--lap {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important; } }
@media only screen and (min-width: 640px) {
.accessibility--lap-and-up,
.visuallyhidden--lap-and-up {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important; } }
@media only screen and (max-width: 999px) {
.accessibility--portable,
.visuallyhidden--portable {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important; } }
@media only screen and (min-width: 1000px) {
.accessibility--desk,
.visuallyhidden--desk {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important; } }
@media only screen and (min-width: 1440px) {
.accessibility--desk-wide,
.visuallyhidden--desk-wide {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important; } }
/* endif */
/*------------------------------------*\
$CSSWIZARDRY-GRIDS
\*------------------------------------*/
/**
* CONTENTS
* GRID SETUP...........Build the grid structure.
*/
/**
* Reversed grids allow you to structure your source in the opposite order to
* how your rendered layout will appear. Extends `.grid`.
*/
.grid--rev {
direction: rtl;
text-align: left; }
.grid--rev > .grid__item {
direction: ltr;
text-align: left; }
/**
* Gutterless grids have all the properties of regular grids, minus any spacing.
* Extends `.grid`.
*/
.grid--full {
margin-left: 0; }
.grid--full > .grid__item {
padding-left: 0; }
/**
* Align the entire grid to the right. Extends `.grid`.
*/
.grid--right {
text-align: right; }
.grid--right > .grid__item {
text-align: left; }
/**
* Centered grids align grid items centrally without needing to use push or pull
* classes. Extends `.grid`.
*/
.grid--center {
text-align: center; }
.grid--center > .grid__item {
text-align: left; }
/**
* Align grid cells vertically (`.grid--middle` or `.grid--bottom`). Extends
* `.grid`.
*/
.grid--middle > .grid__item {
vertical-align: middle; }
.grid--bottom > .grid__item {
vertical-align: bottom; }
/**
* Create grids with narrower gutters. Extends `.grid`.
*/
.grid--narrow {
margin-left: -12px; }
.grid--narrow > .grid__item {
padding-left: 12px; }
/**
* Create grids with wider gutters. Extends `.grid`.
*/
.grid--wide {
margin-left: -48px; }
.grid--wide > .grid__item {
padding-left: 48px; }
/*------------------------------------*\
Animations
\*------------------------------------*/
/**
* Timing-functions
*/
.delay-none {
-webkit-animation-delay: 0s !important;
-moz-animation-delay: 0s !important;
-ms-animation-delay: 0s !important;
-o-animation-delay: 0s !important;
animation-delay: 0s !important; }
.delay-half {
-webkit-animation-delay: 0.5s !important;
-moz-animation-delay: 0.5s !important;
-ms-animation-delay: 0.5s !important;
-o-animation-delay: 0.5s !important;
animation-delay: 0.5s !important; }
.delay-one {
-webkit-animation-delay: 1s !important;
-moz-animation-delay: 1s !important;
-ms-animation-delay: 1s !important;
-o-animation-delay: 1s !important;
animation-delay: 1s !important; }
.delay-one-half {
-webkit-animation-delay: 1.5s !important;
-moz-animation-delay: 1.5s !important;
-ms-animation-delay: 1.5s !important;
-o-animation-delay: 1.5s !important;
animation-delay: 1.5s !important; }
.delay-two {
-webkit-animation-delay: 2s !important;
-moz-animation-delay: 2s !important;
-ms-animation-delay: 2s !important;
-o-animation-delay: 2s !important;
animation-delay: 2s !important; }
.delay-two-half {
-webkit-animation-delay: 2.5s !important;
-moz-animation-delay: 2.5s !important;
-ms-animation-delay: 2.5s !important;
-o-animation-delay: 2.5s !important;
animation-delay: 2.5s !important; }
.delay-three {
-webkit-animation-delay: 3s !important;
-moz-animation-delay: 3s !important;
-ms-animation-delay: 3s !important;
-o-animation-delay: 3s !important;
animation-delay: 3s !important; }
.delay-three-half {
-webkit-animation-delay: 3.5s !important;
-moz-animation-delay: 3.5s !important;
-ms-animation-delay: 3.5s !important;
-o-animation-delay: 3.5s !important;
animation-delay: 3.5s !important; }
/**
* Animate.css by Dan Eden
*/
@-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 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%); } }
.bounce {
-webkit-animation-name: bounce;
-moz-animation-name: bounce;
-ms-animation-name: bounce;
-o-animation-name: bounce;
animation-name: bounce;
-webkit-animation-duration: 800ms;
-moz-animation-duration: 800ms;
-ms-animation-duration: 800ms;
-o-animation-duration: 800ms;
animation-duration: 800ms;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
-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; }
.bounceIn {
-webkit-animation-name: bounceIn;
-moz-animation-name: bounceIn;
-ms-animation-name: bounceIn;
-o-animation-name: bounceIn;
animation-name: bounceIn;
-webkit-animation-duration: 800ms;
-moz-animation-duration: 800ms;
-ms-animation-duration: 800ms;
-o-animation-duration: 800ms;
animation-duration: 800ms;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
-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; }
.bounceInDown {
-webkit-animation-name: bounceInDown;
-moz-animation-name: bounceInDown;
-ms-animation-name: bounceInDown;
-o-animation-name: bounceInDown;
animation-name: bounceInDown;
-webkit-animation-duration: 800ms;
-moz-animation-duration: 800ms;
-ms-animation-duration: 800ms;
-o-animation-duration: 800ms;
animation-duration: 800ms;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
-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; }
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
-moz-animation-name: bounceInLeft;
-ms-animation-name: bounceInLeft;
-o-animation-name: bounceInLeft;
animation-name: bounceInLeft;
-webkit-animation-duration: 800ms;
-moz-animation-duration: 800ms;
-ms-animation-duration: 800ms;
-o-animation-duration: 800ms;
animation-duration: 800ms;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
-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; }
.bounceInRight {
-webkit-animation-name: bounceInRight;
-moz-animation-name: bounceInRight;
-ms-animation-name: bounceInRight;
-o-animation-name: bounceInRight;
animation-name: bounceInRight;
-webkit-animation-duration: 800ms;
-moz-animation-duration: 800ms;
-ms-animation-duration: 800ms;
-o-animation-duration: 800ms;
animation-duration: 800ms;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
-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; }
.bounceInUp {
-webkit-animation-name: bounceInUp;
-moz-animation-name: bounceInUp;
-ms-animation-name: bounceInUp;
-o-animation-name: bounceInUp;
animation-name: bounceInUp;
-webkit-animation-duration: 800ms;
-moz-animation-duration: 800ms;
-ms-animation-duration: 800ms;
-o-animation-duration: 800ms;
animation-duration: 800ms;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
-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; }
.bounceOut {
-webkit-animation-name: bounceOut;
-moz-animation-name: bounceOut;
-ms-animation-name: bounceOut;
-o-animation-name: bounceOut;
animation-name: bounceOut;
-webkit-animation-duration: 800ms;
-moz-animation-duration: 800ms;
-ms-animation-duration: 800ms;
-o-animation-duration: 800ms;
animation-duration: 800ms;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
-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; }
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
-moz-animation-name: bounceOutDown;
-ms-animation-name: bounceOutDown;
-o-animation-name: bounceOutDown;
animation-name: bounceOutDown;
-webkit-animation-duration: 800ms;
-moz-animation-duration: 800ms;
-ms-animation-duration: 800ms;
-o-animation-duration: 800ms;
animation-duration: 800ms;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
-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; }
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
-moz-animation-name: bounceOutLeft;
-ms-animation-name: bounceOutLeft;
-o-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
-webkit-animation-duration: 800ms;
-moz-animation-duration: 800ms;
-ms-animation-duration: 800ms;
-o-animation-duration: 800ms;
animation-duration: 800ms;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
-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; }
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
-moz-animation-name: bounceOutRight;
-ms-animation-name: bounceOutRight;
-o-animation-name: bounceOutRight;
animation-name: bounceOutRight;
-webkit-animation-duration: 800ms;
-moz-animation-duration: 800ms;
-ms-animation-duration: 800ms;
-o-animation-duration: 800ms;
animation-duration: 800ms;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
-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; }
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
-moz-animation-name: bounceOutUp;
-ms-animation-name: bounceOutUp;
-o-animation-name: bounceOutUp;
animation-name: bounceOutUp;
-webkit-animation-duration: 800ms;
-moz-animation-duration: 800ms;
-ms-animation-duration: 800ms;
-o-animation-duration: 800ms;
animation-duration: 800ms;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
-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; }
.fadeIn {
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-ms-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-duration: 800ms;
-moz-animation-duration: 800ms;
-ms-animation-duration: 800ms;
-o-animation-duration: 800ms;
animation-duration: 800ms;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
-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: 800ms;
-moz-animation-duration: 800ms;
-ms-animation-duration: 800ms;
-o-animation-duration: 800ms;
animation-duration: 800ms;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
-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; }
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
-moz-animation-name: fadeInDownBig;
-ms-animation-name: fadeInDownBig;
-o-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
-webkit-animation-duration: 800ms;
-moz-animation-duration: 800ms;
-ms-animation-duration: 800ms;
-o-animation-duration: 800ms;
animation-duration: 800ms;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
-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: 800ms;
-moz-animation-duration: 800ms;
-ms-animation-duration: 800ms;
-o-animation-duration: 800ms;
animation-duration: 800ms;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
-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; }
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
-moz-animation-name: fadeInLeftBig;
-ms-animation-name: fadeInLeftBig;
-o-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
-webkit-animation-duration: 800ms;
-moz-animation-duration: 800ms;
-ms-animation-duration: 800ms;
-o-animation-duration: 800ms;
animation-duration: 800ms;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
-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: 800ms;
-moz-animation-duration: 800ms;
-ms-animation-duration: 800ms;
-o-animation-duration: 800ms;
animation-duration: 800ms;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
-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; }
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
-moz-animation-name: fadeInRightBig;
-ms-animation-name: fadeInRightBig;
-o-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
-webkit-animation-duration: 800ms;
-moz-animation-duration: 800ms;
-ms-animation-duration: 800ms;
-o-animation-duration: 800ms;
animation-duration: 800ms;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
-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: 800ms;
-moz-animation-duration: 800ms;
-ms-animation-duration: 800ms;
-o-animation-duration: 800ms;
animation-duration: 800ms;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
-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; }
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
-moz-animation-name: fadeInUpBig;
-ms-animation-name: fadeInUpBig;
-o-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
-webkit-animation-duration: 800ms;
-moz-animation-duration: 800ms;
-ms-animation-duration: 800ms;
-o-animation-duration: 800ms;
animation-duration: 800ms;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
-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: 800ms;
-moz-animation-duration: 800ms;
-ms-animation-duration: 800ms;
-o-animation-duration: 800ms;
animation-duration: 800ms;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
-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: 800ms;
-moz-animation-duration: 800ms;
-ms-animation-duration: 800ms;
-o-animation-duration: 800ms;
animation-duration: 800ms;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
-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; }
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
-moz-animation-name: fadeOutDownBig;
-ms-animation-name: fadeOutDownBig;
-o-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
-webkit-animation-duration: 800ms;
-moz-animation-duration: 800ms;
-ms-animation-duration: 800ms;
-o-animation-duration: 800ms;
animation-duration: 800ms;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
-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: 800ms;
-moz-animation-duration: 800ms;
-ms-animation-duration: 800ms;
-o-animation-duration: 800ms;
animation-duration: 800ms;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
-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; }
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
-moz-animation-name: fadeOutLeftBig;
-ms-animation-name: fadeOutLeftBig;
-o-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
-webkit-animation-duration: 800ms;
-moz-animation-duration: 800ms;
-ms-animation-duration: 800ms;
-o-animation-duration: 800ms;
animation-duration: 800ms;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
-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: 800ms;
-moz-animation-duration: 800ms;
-ms-animation-duration: 800ms;
-o-animation-duration: 800ms;
animation-duration: 800ms;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
-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; }
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
-moz-animation-name: fadeOutRightBig;
-ms-animation-name: fadeOutRightBig;
-o-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
-webkit-animation-duration: 800ms;
-moz-animation-duration: 800ms;
-ms-animation-duration: 800ms;
-o-animation-duration: 800ms;
animation-duration: 800ms;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
-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: 800ms;
-moz-animation-duration: 800ms;
-ms-animation-duration: 800ms;
-o-animation-duration: 800ms;
animation-duration: 800ms;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
-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; }
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
-moz-animation-name: fadeOutUpBig;
-ms-animation-name: fadeOutUpBig;
-o-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
-webkit-animation-duration: 800ms;
-moz-animation-duration: 800ms;
-ms-animation-duration: 800ms;
-o-animation-duration: 800ms;
animation-duration: 800ms;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
-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; }
.flash {
-webkit-animation-name: flash;
-moz-animation-name: flash;
-ms-animation-name: flash;
-o-animation-name: flash;
animation-name: flash;
-webkit-animation-duration: 800ms;
-moz-animation-duration: 800ms;
-ms-animation-duration: 800ms;
-o-animation-duration: 800ms;
animation-duration: 800ms;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
-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; }
.flip {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-animation-name: flip;
-moz-animation-name: flip;
-ms-animation-name: flip;
-o-animation-name: flip;
animation-name: flip;
-webkit-animation-duration: 800ms;
-moz-animation-duration: 800ms;
-ms-animation-duration: 800ms;
-o-animation-duration: 800ms;
animation-duration: 800ms;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
-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; }
.flipInX {
-webkit-animation-name: flipInX;
-moz-animation-name: flipInX;
-ms-animation-name: flipInX;
-o-animation-name: flipInX;
animation-name: flipInX;
-webkit-animation-duration: 800ms;
-moz-animation-duration: 800ms;
-ms-animation-duration: 800ms;
-o-animation-duration: 800ms;
animation-duration: 800ms;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
-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; }
.flipInY {
-webkit-animation-name: flipInY;
-moz-animation-name: flipInY;
-ms-animation-name: flipInY;
-o-animation-name: flipInY;
animation-name: flipInY;
-webkit-animation-duration: 800ms;
-moz-animation-duration: 800ms;
-ms-animation-duration: 800ms;
-o-animation-duration: 800ms;
animation-duration: 800ms;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
-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; }
.flipOutX {
-webkit-animation-name: flipOutX;
-moz-animation-name: flipOutX;
-ms-animation-name: flipOutX;
-o-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-animation-duration: 800ms;
-moz-animation-duration: 800ms;
-ms-animation-duration: 800ms;
-o-animation-duration: 800ms;
animation-duration: 800ms;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
-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; }
.flipOutY {
-webkit-animation-name: flipOutY;
-moz-animation-name: flipOutY;
-ms-animation-name: flipOutY;
-o-animation-name: flipOutY;
animation-name: flipOutY;
-webkit-animation-duration: 800ms;
-moz-animation-duration: 800ms;
-ms-animation-duration: 800ms;
-o-animation-duration: 800ms;
animation-duration: 800ms;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
-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; }
.hinge {
-webkit-animation-name: hinge;
-moz-animation-name: hinge;
-ms-animation-name: hinge;
-o-animation-name: hinge;
animation-name: hinge;
-webkit-animation-duration: 800ms;
-moz-animation-duration: 800ms;
-ms-animation-duration: 800ms;
-o-animation-duration: 800ms;
animation-duration: 800ms;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
-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; }
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
-moz-animation-name: lightSpeedIn;
-ms-animation-name: lightSpeedIn;
-o-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
-ms-animation-timing-function: ease-out;
-o-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-duration: 800ms;
-moz-animation-duration: 800ms;
-ms-animation-duration: 800ms;
-o-animation-duration: 800ms;
animation-duration: 800ms;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
-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; }
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
-moz-animation-name: lightSpeedOut;
-ms-animation-name: lightSpeedOut;
-o-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-ms-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-animation-duration: 800ms;
-moz-animation-duration: 800ms;
-ms-animation-duration: 800ms;
-o-animation-duration: 800ms;
animation-duration: 800ms;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
-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; }
.pulse {
-webkit-animation-name: pulse;
-moz-animation-name: pulse;
-ms-animation-name: pulse;
-o-animation-name: pulse;
animation-name: pulse;
-webkit-animation-duration: 800ms;
-moz-animation-duration: 800ms;
-ms-animation-duration: 800ms;
-o-animation-duration: 800ms;
animation-duration: 800ms;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
-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; }
.rollIn {
-webkit-animation-name: rollIn;
-moz-animation-name: rollIn;
-ms-animation-name: rollIn;
-o-animation-name: rollIn;
animation-name: rollIn;
-webkit-animation-duration: 800ms;
-moz-animation-duration: 800ms;
-ms-animation-duration: 800ms;
-o-animation-duration: 800ms;
animation-duration: 800ms;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
-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; }
.rollOut {
-webkit-animation-name: rollOut;
-moz-animation-name: rollOut;
-ms-animation-name: rollOut;
-o-animation-name: rollOut;
animation-name: rollOut;
-webkit-animation-duration: 800ms;
-moz-animation-duration: 800ms;
-ms-animation-duration: 800ms;
-o-animation-duration: 800ms;
animation-duration: 800ms;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
-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; }
.rotateIn {
-webkit-animation-name: rotateIn;
-moz-animation-name: rotateIn;
-ms-animation-name: rotateIn;
-o-animation-name: rotateIn;
animation-name: rotateIn;
-webkit-animation-duration: 800ms;
-moz-animation-duration: 800ms;
-ms-animation-duration: 800ms;
-o-animation-duration: 800ms;
animation-duration: 800ms;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
-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; }
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
-moz-animation-name: rotateInDownLeft;
-ms-animation-name: rotateInDownLeft;
-o-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
-webkit-animation-duration: 800ms;
-moz-animation-duration: 800ms;
-ms-animation-duration: 800ms;
-o-animation-duration: 800ms;
animation-duration: 800ms;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
-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; }
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
-moz-animation-name: rotateInDownRight;
-ms-animation-name: rotateInDownRight;
-o-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
-webkit-animation-duration: 800ms;
-moz-animation-duration: 800ms;
-ms-animation-duration: 800ms;
-o-animation-duration: 800ms;
animation-duration: 800ms;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
-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; }
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
-moz-animation-name: rotateInUpLeft;
-ms-animation-name: rotateInUpLeft;
-o-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
-webkit-animation-duration: 800ms;
-moz-animation-duration: 800ms;
-ms-animation-duration: 800ms;
-o-animation-duration: 800ms;
animation-duration: 800ms;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
-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; }
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
-moz-animation-name: rotateInUpRight;
-ms-animation-name: rotateInUpRight;
-o-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
-webkit-animation-duration: 800ms;
-moz-animation-duration: 800ms;
-ms-animation-duration: 800ms;
-o-animation-duration: 800ms;
animation-duration: 800ms;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
-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; }
.rotateOut {
-webkit-animation-name: rotateOut;
-moz-animation-name: rotateOut;
-ms-animation-name: rotateOut;
-o-animation-name: rotateOut;
animation-name: rotateOut;
-webkit-animation-duration: 800ms;
-moz-animation-duration: 800ms;
-ms-animation-duration: 800ms;
-o-animation-duration: 800ms;
animation-duration: 800ms;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
-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; }
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
-moz-animation-name: rotateOutDownLeft;
-ms-animation-name: rotateOutDownLeft;
-o-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
-webkit-animation-duration: 800ms;
-moz-animation-duration: 800ms;
-ms-animation-duration: 800ms;
-o-animation-duration: 800ms;
animation-duration: 800ms;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
-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; }
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
-moz-animation-name: rotateOutDownRight;
-ms-animation-name: rotateOutDownRight;
-o-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
-webkit-animation-duration: 800ms;
-moz-animation-duration: 800ms;
-ms-animation-duration: 800ms;
-o-animation-duration: 800ms;
animation-duration: 800ms;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
-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; }
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
-moz-animation-name: rotateOutUpLeft;
-ms-animation-name: rotateOutUpLeft;
-o-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
-webkit-animation-duration: 800ms;
-moz-animation-duration: 800ms;
-ms-animation-duration: 800ms;
-o-animation-duration: 800ms;
animation-duration: 800ms;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
-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; }
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
-moz-animation-name: rotateOutUpRight;
-ms-animation-name: rotateOutUpRight;
-o-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
-webkit-animation-duration: 800ms;
-moz-animation-duration: 800ms;
-ms-animation-duration: 800ms;
-o-animation-duration: 800ms;
animation-duration: 800ms;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
-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; }
.shake {
-webkit-animation-name: shake;
-moz-animation-name: shake;
-ms-animation-name: shake;
-o-animation-name: shake;
animation-name: shake;
-webkit-animation-duration: 800ms;
-moz-animation-duration: 800ms;
-ms-animation-duration: 800ms;
-o-animation-duration: 800ms;
animation-duration: 800ms;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
-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; }
.swing {
-webkit-transform-origin: top center;
-moz-transform-origin: top center;
-ms-transform-origin: top center;
-o-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
-moz-animation-name: swing;
-ms-animation-name: swing;
-o-animation-name: swing;
animation-name: swing;
-webkit-animation-duration: 800ms;
-moz-animation-duration: 800ms;
-ms-animation-duration: 800ms;
-o-animation-duration: 800ms;
animation-duration: 800ms;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
-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; }
.tada {
-webkit-animation-name: tada;
-moz-animation-name: tada;
-ms-animation-name: tada;
-o-animation-name: tada;
animation-name: tada;
-webkit-animation-duration: 800ms;
-moz-animation-duration: 800ms;
-ms-animation-duration: 800ms;
-o-animation-duration: 800ms;
animation-duration: 800ms;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
-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; }
.wiggle {
-webkit-animation-name: wiggle;
-moz-animation-name: wiggle;
-ms-animation-name: wiggle;
-o-animation-name: wiggle;
animation-name: wiggle;
-webkit-animation-duration: 800ms;
-moz-animation-duration: 800ms;
-ms-animation-duration: 800ms;
-o-animation-duration: 800ms;
animation-duration: 800ms;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
-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; }
.wobble {
-webkit-animation-name: wobble;
-moz-animation-name: wobble;
-ms-animation-name: wobble;
-o-animation-name: wobble;
animation-name: wobble;
-webkit-animation-duration: 800ms;
-moz-animation-duration: 800ms;
-ms-animation-duration: 800ms;
-o-animation-duration: 800ms;
animation-duration: 800ms;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
-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; }
/*------------------------------------*\
Layout
Author: Chris Smith
\*------------------------------------*/
html, body {
height: 100%; }
body {
min-width: 320px; }
.container {
max-width: 1440px;
margin: 0 auto;
padding: 0 2%; }
@media (min-width: 1440px) {
.container-wide {
max-width: 1800px;
margin-left: auto;
margin-right: auto; } }
.container-nopad {
padding-left: 0;
padding-right: 0; }
@media (min-width: 1440px) {
.container-nopad {
max-width: 1440px;
margin-left: auto;
margin-right: auto; } }
.container-nopad-palm {
padding-left: 0;
padding-right: 0; }
@media (min-width: 640px) {
.container-nopad-palm {
max-width: 1440px;
margin: 0 auto;
padding: 0 2%; } }
.row {
padding-top: 15px;
padding-bottom: 15px; }
@media (min-width: 640px) {
.row {
padding-top: 20px;
padding-bottom: 20px; } }
@media (min-width: 1000px) {
.row {
padding-top: 40px;
padding-bottom: 40px; } }
@media (min-width: 1440px) {
.row {
padding-top: 60px;
padding-bottom: 60px; } }
@media (min-width: 640px) {
.row-nopad-palm {
padding-top: 20px;
padding-bottom: 20px; } }
@media (min-width: 1000px) {
.row-nopad-palm {
padding-top: 40px;
padding-bottom: 40px; } }
@media (min-width: 1440px) {
.row-nopad-palm {
padding-top: 60px;
padding-bottom: 60px; } }
.block-secondary-color h3 a {
color: #ffffff; }
.primary-bgd {
background-color: #A70240; }
.grey-bgd {
background-color: #95A5A6; }
.light-grey-blue-bgd {
background-color: #95A5A6; }
.lightergrey-bgd {
background-color: #cccccc; }
.site-overlay {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background: #ffffff;
z-index: 200; }
.site-overlay .wait-icon {
position: absolute;
top: 45%;
width: 100%;
text-align: center; }
.site-overlay .wait-icon .fa {
color: rgba(167, 2, 64, 0.2);
font-size: 3rem; }
.clear--fix {
clear: both; }
@media (min-width: 640px) {
.push-left-lap {
padding-left: 30px; } }
@media (min-width: 640px) {
.push-left-large-lap {
padding-left: 60px; } }
@media (min-width: 1000px) {
.push-left-desk {
padding-left: 30px; } }
@media (min-width: 1000px) {
.push-left-large-desk {
padding-left: 60px; } }
@media (min-width: 640px) {
.push-left-extra-large-lap {
padding-left: 120px; } }
@media (min-width: 1000px) {
.push-left-extra-large-desk {
padding-left: 120px; } }
@media (min-width: 640px) {
.push-right-lap {
padding-right: 30px; } }
@media (min-width: 640px) {
.push-right-large-lap {
padding-right: 60px; } }
@media (min-width: 1000px) {
.push-right-desk {
padding-right: 30px; } }
@media (min-width: 1000px) {
.push-right-large-desk {
padding-right: 60px; } }
@media (min-width: 640px) {
.push-right-extra-large-lap {
padding-right: 120px; } }
@media (min-width: 1000px) {
.push-right-extra-large-desk {
padding-right: 120px; } }
@media (min-width: 640px) {
.push-top-lap {
padding-top: 30px; } }
@media (min-width: 640px) {
.push-top-large-lap {
padding-top: 60px; } }
@media (min-width: 1000px) {
.push-top-desk {
padding-top: 30px; } }
@media (min-width: 1000px) {
.push-top-large-desk {
padding-top: 60px; } }
@media (min-width: 640px) {
.push-bottom-lap {
padding-bottom: 30px; } }
@media (min-width: 640px) {
.push-bottom-large-lap {
padding-bottom: 60px; } }
@media (min-width: 1000px) {
.push-bottom-desk {
padding-bottom: 30px; } }
@media (min-width: 1000px) {
.push-bottom-large-desk {
padding-bottom: 60px; } }
.margin-bottom {
margin-bottom: 30px; }
@media (min-width: 1000px) {
.margin-bottom {
margin-bottom: 60px; } }
.margin-bottom-small {
margin-bottom: 15px; }
@media (min-width: 1000px) {
.margin-bottom-small {
margin-bottom: 20px; } }
.margin-top {
margin-top: 30px; }
@media (min-width: 1000px) {
.margin-top {
margin-top: 60px; } }
.margin-left {
margin-left: 30px; }
@media (min-width: 1000px) {
.margin-left {
margin-left: 60px; } }
.margin-right {
margin-right: 30px; }
@media (min-width: 1000px) {
.margin-right {
margin-right: 60px; } }
.no-margin {
margin-bottom: 0; }
.pull-up {
position: relative; }
@media (min-width: 1000px) {
.up100 {
margin-top: -100px; } }
@media (min-width: 1000px) {
.up150 {
margin-top: -150px; } }
@media (min-width: 1000px) {
.up200 {
margin-top: -200px; } }
.grid.gutter0 {
margin-left: 0; }
.grid.gutter0 .grid__item {
padding-left: 0; }
@media (min-width: 640px) {
.grid.gutter0 {
margin-left: 0; }
.grid.gutter0 .grid__item {
padding-left: 0; } }
.grid.gutter10 {
margin-left: -4px; }
.grid.gutter10 .grid__item {
padding-left: 4px; }
@media (min-width: 640px) {
.grid.gutter10 {
margin-left: -10px; }
.grid.gutter10 .grid__item {
padding-left: 10px; } }
.grid.gutter20 {
margin-left: -20px; }
.grid.gutter20 .grid__item {
padding-left: 20px; }
.grid.gutter40 {
margin-left: -40px; }
.grid.gutter40 .grid__item {
padding-left: 40px; }
@media (min-width: 640px) {
.grid.gutter60 {
margin-left: -60px; }
.grid.gutter60 .grid__item {
padding-left: 60px; } }
@media (min-width: 1000px) {
.grid.gutter60-desk {
margin-left: -60px; }
.grid.gutter60-desk .grid__item {
padding-left: 60px; } }
.expanded {
margin-top: 20px;
margin-bottom: 20px; }
@media (min-width: 1000px) {
.expanded {
margin-top: 40px;
margin-bottom: 40px; } }
.inset {
margin-top: 20px;
margin-bottom: 20px; }
@media (min-width: 1000px) {
.inset {
margin-top: 40px;
margin-bottom: 40px;
margin-left: 40px;
margin-right: 40px; } }
@media (min-width: 1000px) {
.breakout-column {
padding-right: 30px;
padding-left: 30px; }
.breakout-column .expanded {
margin-left: -30px;
margin-right: -30px; } }
.border-bottom {
border-bottom: 1px solid #cccccc; }
.border-top {
border-top: 1px solid #cccccc; }
hr {
border: none;
border-bottom: 1px solid #cccccc;
margin-bottom: 0; }
hr.push-top {
margin-top: 60px; }
hr.push-bottom {
margin-bottom: 60px; }
hr.push-both {
margin-top: 60px;
margin-bottom: 60px; }
.small-block {
width: 90%;
margin-right: auto;
margin-left: auto; }
@media (min-width: 640px) {
.small-block {
width: 80%; } }
@media (min-width: 1000px) {
.small-block {
width: 70%; } }
@media (min-width: 1440px) {
.small-block {
width: 60%; } }
.row-400 {
margin-right: auto;
margin-left: auto; }
@media (min-width: 640px) {
.row-400 {
width: 400px; } }
.row-760 {
width: 90%;
margin-right: auto;
margin-left: auto; }
@media (min-width: 640px) {
.row-760 {
width: 760px; } }
.row-940 {
margin-right: auto;
margin-left: auto; }
@media (min-width: 1000px) {
.row-940 {
width: 700px; } }
@media (min-width: 1440px) {
.row-940 {
width: 940px; } }
.row-1180 {
margin-right: auto;
margin-left: auto; }
@media (min-width: 640px) {
.row-1180 {
width: 90%; } }
@media (min-width: 1000px) {
.row-1180 {
width: 940px; } }
@media (min-width: 1440px) {
.row-1180 {
width: 1180px; } }
@media (min-width: 640px) {
.small-block-align-left {
width: 80%; } }
@media (min-width: 1000px) {
.small-block-align-left {
width: 70%; } }
@media (min-width: 1440px) {
.small-block-align-left {
width: 60%; } }
@media (min-width: 1000px) {
.smaller-secondary {
padding-right: 15%; } }
@media (min-width: 1000px) {
.align-right .smaller-secondary {
padding-left: 15%; } }
@media (min-width: 1000px) {
.align-center .smaller-secondary {
padding-left: 15%;
padding-right: 15%; } }
.media__img {
float: none;
margin: 0 auto;
margin-bottom: 10px;
display: block; }
@media (min-width: 640px) {
.media__img {
float: left;
margin-right: 24px; } }
.box {
background: rgba(204, 204, 204, 0.2);
padding: 20px;
margin-bottom: 20px; }
@media (min-width: 1000px) {
.box {
padding: 30px; }
.box.small-box-padding {
padding: 20px; } }
@media (min-width: 1440px) {
.box {
padding: 50px; } }
@media (min-width: 1440px) {
.box-small-padding {
padding: 30px; } }
/*------------------------------------*\
Typography
Author: Chris Smith
\*------------------------------------*/
/* Font Size */
/*
** Font Face
*/
.ff-bold, .badge, h1, .alpha, h2, .beta, h3, .gamma, h4, .delta, h5, .epsilon, h6, .quote-credit, .list-title, .note, .ref, .credit, .small-notice, #mc_embed_signup input.button, .whats-on-sticky .show-information .sticky-title, .site-search-bar .site-search-form .search-label, .site-search-bar .search-close, form.quick-buy .quick-buy-dropdown, form.quick-buy .select2 .select2-selection, .close, .footer-address strong, .mobile-menu .nested-nav > li > a, .mobile-menu .mobile-search-bar .site-search-form .search-label, .mobile-nav-primary #menu-main-menu-2 a, .mobile-nav-secondary a, .single-title-wrapper .hero-show-title, #news-signup span, .calendar .weeks .days, .side-information p strong, .additional-info-block span, .reviews .single-review .reviewer, .actor-name, .ff-semi-bold .ff-reg, .ff-semi-bold .alpha, .ff-semi-bold .beta, .ff-semi-bold .gamma, .ff-semi-bold .delta, .ff-semi-bold .epsilon, .ff-semi-bold p, .ff-semi-bold .call-to-action, .ff-semi-bold #production_view_more, .ff-semi-bold #production_view_all, .ff-semi-bold .search-results .results-page .call-to-action, .search-results .results-page .ff-semi-bold .call-to-action, .ff-semi-bold label, .ff-semi-bold .label, .ff-semi-bold .text-input, .ff-semi-bold textarea, .ff-semi-bold select, .ff-semi-bold .search-field, .ff-semi-bold .input-text, .ff-semi-bold input[type="email"], .ff-semi-bold .footer-address, .ff-med, blockquote, blockquote p, .navigation-link, .form-fields, .btn, button, html input[type="button"], input[type="reset"], input[type="submit"], .cookies-warning .accept-cookies, #menu-main-menu a, .main-nav-two li.search-link a, .main-nav-menu-mobile a, #menu-secondary-menu a, .footer-title, .single-title-wrapper .pricing, .single-title-wrapper .pricing-no-buy, .single-title-wrapper .terms, .event-blurb, .side-heading, .text-block-heading, .no-image-title-block h1, .no-image-title-block h2, .no-image-title-block h3, .no-image-title-block h4, .no-image-title-block h5, .no-image-title-block h6, .content-block-title, .content-block-sub-heading, .content-block-text h1, .content-block-text h2, .content-block-text h3, .content-block-text h4, .content-block-text h5, .content-block-text h6, .calendar .month-name, .calendar .weekday-names, .intro-text.large p, .navigation-block .navigation-link, .ff-light, .ff-thin, .ff-body {
font-family: 'fira-sans', Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.ff-light {
font-weight: 300; }
.ff-reg, .alpha, .beta, .gamma, .delta, .epsilon, p, .call-to-action, #production_view_more, #production_view_all, .search-results .results-page .call-to-action, label, .label, .text-input, textarea, select, .search-field, .input-text, input[type="email"], .footer-address {
font-weight: 400; }
.ff-italic {
font-style: italic; }
.ff-med, blockquote, blockquote p, .navigation-link, .form-fields, .btn, button, html input[type="button"], input[type="reset"], input[type="submit"], .cookies-warning .accept-cookies, #menu-main-menu a, .main-nav-two li.search-link a, .main-nav-menu-mobile a, #menu-secondary-menu a, .footer-title, .single-title-wrapper .pricing, .single-title-wrapper .pricing-no-buy, .single-title-wrapper .terms, .event-blurb, .side-heading, .text-block-heading, .no-image-title-block h1, .no-image-title-block h2, .no-image-title-block h3, .no-image-title-block h4, .no-image-title-block h5, .no-image-title-block h6, .content-block-title, .content-block-sub-heading, .content-block-text h1, .content-block-text h2, .content-block-text h3, .content-block-text h4, .content-block-text h5, .content-block-text h6, .calendar .month-name, .calendar .weekday-names, .intro-text.large p, .navigation-block .navigation-link {
font-weight: 500; }
.ff-bold, .badge, h1, .alpha, h2, .beta, h3, .gamma, h4, .delta, h5, .epsilon, h6, .quote-credit, .list-title, .note, .ref, .credit, .small-notice, #mc_embed_signup input.button, .whats-on-sticky .show-information .sticky-title, .site-search-bar .site-search-form .search-label, .site-search-bar .search-close, form.quick-buy .quick-buy-dropdown, form.quick-buy .select2 .select2-selection, .close, .footer-address strong, .mobile-menu .nested-nav > li > a, .mobile-menu .mobile-search-bar .site-search-form .search-label, .mobile-nav-primary #menu-main-menu-2 a, .mobile-nav-secondary a, .single-title-wrapper .hero-show-title, #news-signup span, .calendar .weeks .days, .side-information p strong, .additional-info-block span, .reviews .single-review .reviewer, .actor-name {
font-weight: 700; }
.ff-heavy {
font-weight: 900; }
/*
** Primary Typography (Heeadings, Links, Paragraphs)
*/
* {
-webkit-font-smoothing: antialiased; }
html, body {
font-family: 'fira-sans', Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 16px;
color: #7A7A7A; }
h1, h2, h3, h4, h5, h6 {
color: #000000;
line-height: 1.25em !important;
/* Inuit override */ }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
text-decoration: none; }
h1.center, h2.center, h3.center, h4.center, h5.center, h6.center {
text-align: center; }
h1.small-margin, h2.small-margin, h3.small-margin, h4.small-margin, h5.small-margin, h6.small-margin {
margin-bottom: 10px; }
h1.no-margin, h2.no-margin, h3.no-margin, h4.no-margin, h5.no-margin, h6.no-margin {
margin-bottom: 0; }
.alpha, .beta, .gamma, .delta, .epsilon {
line-height: 1.25em !important;
/* Inuit override */ }
h1, .alpha {
font-size: 3.75rem; }
@media (min-width: 1000px) {
h1, .alpha {
font-size: 3.75rem; } }
h2, .beta {
font-size: 3.13rem;
text-shadow: none; }
@media (min-width: 1000px) {
h2, .beta {
font-size: 3.13rem; } }
h3, .gamma {
font-size: 1.88rem;
margin-bottom: 1rem; }
@media (min-width: 1000px) {
h3, .gamma {
font-size: 1.88rem; } }
h4, .delta {
font-size: 1.35rem; }
@media (min-width: 1000px) {
h4, .delta {
font-size: 1.35rem; } }
h5, .epsilon {
font-size: 1rem;
font-weight: normal; }
@media (min-width: 1000px) {
h5, .epsilon {
font-size: 1.125rem; } }
h6 {
font-size: 0.938rem; }
@media (min-width: 1000px) {
h6 {
font-size: 1rem; } }
p {
font-size: 1.25rem;
margin: 0 0 1em 0;
line-height: 1.6em; }
a {
color: #7A7A7A;
-webkit-transition: all 250ms cubic-bezier(0.25, 0.1, 0.25, 1);
-moz-transition: all 250ms cubic-bezier(0.25, 0.1, 0.25, 1);
-o-transition: all 250ms cubic-bezier(0.25, 0.1, 0.25, 1);
transition: all 250ms cubic-bezier(0.25, 0.1, 0.25, 1);
text-decoration: underline; }
span.center {
text-align: center;
width: 100%;
display: block;
margin-bottom: 30px; }
a.breadcrumb-bar {
text-decoration: none; }
a.fancybox-nav:active {
top: 0 !important;
position: absolute !important; }
a.fancybox-close:active {
top: -18px !important;
position: absolute !important; }
a, :-moz-any-link:focus {
outline: none; }
blockquote, blockquote p {
margin: 0 0 1.5em 0;
font-size: 1.125rem;
quotes: inherit; }
@media (min-width: 1000px) {
blockquote, blockquote p {
font-size: 1.5rem; } }
p {
font-size: 1rem; }
@media (min-width: 1000px) {
p {
font-size: 1.13rem; } }
@media (min-width: 1440px) {
p {
font-size: 1.13rem; } }
.static-font {
font-size: 1.143rem; }
@media (min-width: 1000px) {
.static-font {
font-size: 1.067rem; } }
@media (min-width: 1440px) {
.static-font {
font-size: 1rem; } }
.primary-color-text {
color: #A70240; }
.secondary-color-text {
color: #006373; }
.tertiary-color-text {
color: #F0EEE7; }
.highlight-color-text {
color: #4398C9; }
.white-text {
color: #ffffff; }
.black-text {
color: #000000; }
.grey-text {
color: #7A7A7A; }
.dark-text {
color: #5b0123; }
/*
** Tertiary Typography (Quotes, List Titles, Extra Sizes)
*/
.quote-wrapper {
padding-left: 20px;
border-left: 2px solid #006373;
margin-top: 30px;
margin-bottom: 30px; }
@media (min-width: 1000px) {
.quote-wrapper {
margin-left: 40px;
padding-left: 40px;
margin-top: 40px;
margin-bottom: 40px; } }
.quote-credit {
font-size: 0.938rem;
color: #006373; }
.list-title {
font-size: 1.5rem; }
.list-title a {
color: #232323; }
.list-title a:hover {
color: #A70240; }
@media (min-width: 1000px) {
.list-title {
font-size: 1.75rem; }
.list-title.list-title-large {
font-size: 1.875rem; } }
@media (min-width: 1440px) {
.list-title {
font-size: 1.875rem; }
.list-title.list-title-large {
font-size: 2.5rem; } }
.title-margin-large {
margin-bottom: 2rem; }
@media (min-width: 1000px) {
.title-margin-large {
margin-bottom: 3rem; } }
.bigger {
font-size: 1.25rem; }
.large {
font-size: 1.625rem; }
.massive {
font-size: 5rem; }
.smaller {
font-size: 0.875em; }
.tiny {
font-size: 0.688em; }
.note, .ref {
font-size: 0.75rem; }
.ref {
text-transform: uppercase;
margin-bottom: 6px;
color: #666666; }
.info-split {
max-width: 300px; }
.info-split span {
float: left;
text-align: left;
color: #A70240;
margin-right: 6px;
font-weight: bold; }
.info-split em {
display: inline-block;
font-style: normal; }
.info-split.right-align {
text-align: right; }
.credit {
color: #A70240; }
.small-notice {
text-transform: uppercase; }
.error {
color: #d9534f; }
.success {
color: #5cb85c; }
.warning {
color: #f0ad4e; }
.menu li {
margin-left: 10px;
margin-right: 10px; }
.menu a {
text-decoration: none;
color: #ffffff; }
.align-center {
text-align: center; }
.align-right {
text-align: right; }
.align-center-to-left-lap {
text-align: center; }
@media (min-width: 640px) {
.align-center-to-left-lap {
text-align: left; } }
.align-center-to-right-lap {
text-align: center; }
@media (min-width: 640px) {
.align-center-to-right-lap {
text-align: right; } }
.align-center-to-left-desk {
text-align: center; }
@media (min-width: 1000px) {
.align-center-to-left-desk {
text-align: left; } }
.align-center-to-right-desk {
text-align: center; }
@media (min-width: 1000px) {
.align-center-to-right-desk {
text-align: right; } }
.mobile-center {
text-align: center; }
.call-to-action, #production_view_more, #production_view_all, .search-results .results-page .call-to-action {
text-decoration: none;
font-size: 1rem;
color: #ffffff;
background: #006373;
display: inline-block;
margin-bottom: 20px;
padding: 10px 20px;
text-align: center;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
-webkit-transition: all 250ms cubic-bezier(0.25, 0.1, 0.25, 1);
-moz-transition: all 250ms cubic-bezier(0.25, 0.1, 0.25, 1);
-o-transition: all 250ms cubic-bezier(0.25, 0.1, 0.25, 1);
transition: all 250ms cubic-bezier(0.25, 0.1, 0.25, 1); }
.call-to-action:hover, #production_view_more:hover, #production_view_all:hover, .search-results .results-page .call-to-action:hover {
background: #629FAD; }
.call-to-action.red, .red#production_view_more, .red#production_view_all, .search-results .results-post .call-to-action, .search-results .results-post #production_view_more, .search-results .results-post #production_view_all, .search-results .results-page .red.call-to-action, .search-results .results-production .call-to-action, .search-results .results-production #production_view_more, .search-results .results-production #production_view_all {
background: #A70240;
border: 2px solid #A70240;
color: #ffffff; }
@media (min-width: 1000px) {
.call-to-action.red:hover, .red#production_view_more:hover, .red#production_view_all:hover, .search-results .results-post .call-to-action:hover, .search-results .results-post #production_view_more:hover, .search-results .results-post #production_view_all:hover, .search-results .results-production .call-to-action:hover, .search-results .results-production #production_view_more:hover, .search-results .results-production #production_view_all:hover {
background: #D68891;
border: 2px solid #D68891; } }
.call-to-action.open, .open#production_view_more, .open#production_view_all, .search-results .results-page .open.call-to-action {
background: none;
border: 2px solid #629FAD;
color: #629FAD; }
.call-to-action.open.small, .open.small#production_view_more, .open.small#production_view_all {
font-size: 0.94rem;
padding: 7px 15px; }
.call-to-action.open:hover, .open#production_view_more:hover, .open#production_view_all:hover {
background: #629FAD;
color: #ffffff; }
.call-to-action.open.white, .open.white#production_view_more, .open.white#production_view_all {
border: 2px solid #ffffff;
color: #ffffff; }
.call-to-action.open.white:hover, .open.white#production_view_more:hover, .open.white#production_view_all:hover {
background-color: #ffffff;
color: #629FAD; }
.call-to-action.open.white-red, .open.white-red#production_view_more, .open.white-red#production_view_all {
border: 2px solid #ffffff;
color: #ffffff; }
.call-to-action.open.white-red:hover, .open.white-red#production_view_more:hover, .open.white-red#production_view_all:hover {
background-color: #ffffff;
color: #A70240; }
.light-background .content-block .call-to-action:hover, .light-background .content-block #production_view_more:hover, .light-background .content-block #production_view_all:hover {
border-color: #ffffff; }
.navigation-link {
font-size: 1.25rem;
text-decoration: none; }
.navigation-link .fa {
font-size: 1.3rem;
line-height: 1.6em; }
.navigation-link.green {
color: #006373; }
.navigation-link.red {
color: #A70240; }
.navigation-link.uppercase {
text-transform: uppercase; }
.navigation-link.more {
margin-top: 10px; }
.social-icons a, .social-icons .fa {
-webkit-transition: all 250ms cubic-bezier(0.25, 0.1, 0.25, 1);
-moz-transition: all 250ms cubic-bezier(0.25, 0.1, 0.25, 1);
-o-transition: all 250ms cubic-bezier(0.25, 0.1, 0.25, 1);
transition: all 250ms cubic-bezier(0.25, 0.1, 0.25, 1);
font-size: 1.56rem;
color: #ffffff;
width: 45px;
height: 45px;
text-align: center;
border-radius: 25px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
line-height: 46px;
display: inline-block; }
.social-icons a.instagram {
background-color: #9C4A95; }
.social-icons a.twitter {
background-color: #00aced; }
.social-icons a.twitter:hover {
color: #ffffff;
background-color: #00aced; }
.social-icons a.twitter:hover .fa {
color: #ffffff; }
.social-icons a.facebook {
background-color: #3b5998; }
.social-icons a.facebook:hover {
color: #ffffff;
background-color: #3b5998; }
.social-icons a.facebook:hover .fa {
color: #ffffff; }
.social-icons a.youtube:hover {
color: #bb0000; }
.social-icons a.youtube:hover .fa {
color: #bb0000; }
.social-icons.circle a {
color: #000000;
display: inline-block;
line-height: 50px;
width: 50px;
height: 50px;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
-khtml-border-radius: 25px;
border-radius: 25px;
text-align: center; }
.social-icons.circle a .fa {
font-size: 1.25rem;
line-height: 46px; }
.social-icons.circle a.white {
color: #ffffff;
border-color: #ffffff; }
.social-icons.circle a.twitter:hover {
color: #ffffff;
background-color: #00aced;
border-color: #00aced; }
.social-icons.circle a.facebook:hover {
color: #ffffff;
background-color: #3b5998;
border-color: #3b5998; }
.social-icons.circle a.youtube:hover {
color: #ffffff;
background-color: #bb0000;
border-color: #bb0000; }
.social-icons.big-icons .fa {
font-size: 2.5rem; }
.social-icons.big-icons a {
margin: 0 6px 1rem; }
/*------------------------------------*\
Forms & Tables
Author: Chris Smith
\*------------------------------------*/
.form-fields {
margin-bottom: 20px; }
.form-fields .grid__item {
vertical-align: middle; }
.form-fields li {
margin-bottom: 10px;
vertical-align: top; }
.form-fields .hidden {
display: none; }
@media (min-width: 640px) {
.form-fields li {
margin-bottom: 20px; } }
/* Form widths */
@media (min-width: 640px) {
.form-fields.width-50 {
width: 50%; } }
@media (min-width: 1000px) {
.form-fields.width-70 {
width: 70%; } }
@media (min-width: 640px) {
.form-fields .col-full {
padding-right: 10px;
width: 99%; } }
.form-fields .col-half {
width: 100%; }
@media (min-width: 640px) {
.form-fields .col-half {
width: 49%;
padding-left: 10px;
padding-right: 10px; } }
.form-fields .col-third {
width: 100%; }
@media (min-width: 640px) {
.form-fields .col-third {
width: 32%;
padding-left: 10px;
padding-right: 10px; } }
label, .label {
font-size: 1rem;
color: #7A7A7A; }
.required {
color: #A70240; }
.text-input, textarea, select, .search-field, .input-text, input[type="email"] {
width: 100%;
height: 40px;
padding-left: 10px;
background: #ffffff;
box-sizing: border-box;
color: #7A7A7A;
-webkit-transition: all 250ms cubic-bezier(0.25, 0.1, 0.25, 1);
-moz-transition: all 250ms cubic-bezier(0.25, 0.1, 0.25, 1);
-o-transition: all 250ms cubic-bezier(0.25, 0.1, 0.25, 1);
transition: all 250ms cubic-bezier(0.25, 0.1, 0.25, 1);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
border: 1px solid #b3b3b3; }
@media (min-width: 1000px) {
.text-input, textarea, select, .search-field, .input-text, input[type="email"] {
height: 50px; } }
.search-field {
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomright: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px; }
.search-field-collection {
width: 85%;
float: left; }
::-webkit-input-placeholder {
color: #BDC3C7; }
:-moz-placeholder {
color: #BDC3C7; }
::-moz-placeholder {
color: #BDC3C7; }
:-ms-input-placeholder {
color: #BDC3C7; }
textarea {
height: auto;
padding: 20px 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px; }
select {
text-indent: 4px;
border: 1px solid #b3b3b3;
background: #ffffff url("../images/dropdown-arrow.png") no-repeat 98% 50%;
background-size: 20px;
-webkit-appearance: none; }
.text-input:focus, textarea:focus, select:focus {
border: 1px solid #4398C9;
outline: none; }
.btn, button, html input[type="button"], input[type="reset"], input[type="submit"] {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
background: #006373;
border: none;
height: 40px;
padding: 0 30px;
line-height: 42px;
color: #ffffff;
display: block;
-webkit-transition: all 250ms cubic-bezier(0.25, 0.1, 0.25, 1);
-moz-transition: all 250ms cubic-bezier(0.25, 0.1, 0.25, 1);
-o-transition: all 250ms cubic-bezier(0.25, 0.1, 0.25, 1);
transition: all 250ms cubic-bezier(0.25, 0.1, 0.25, 1); }
.btn:hover, button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
background: #004d5a; }
.btn:focus, button:focus, html input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus {
border-color: #A70240; }
.btn.btn50, button.btn50, html input[type="button"].btn50, input[type="reset"].btn50, input[type="submit"].btn50 {
width: 50%;
margin: 0 auto; }
@media (min-width: 1000px) {
.btn, button, html input[type="button"], input[type="reset"], input[type="submit"] {
height: 50px; } }
.large-form .text-input, .large-form textarea, .large-form select {
height: 60px;
padding: 20px; }
.large-form .btn {
height: 60px; }
@media (min-width: 1000px) {
.large-form .btn {
height: 80px; } }
@media (min-width: 1000px) {
.large-form .text-input, .large-form select, .large-form .btn {
height: 80px; }
.large-form textarea {
height: auto; } }
.inline-submit {
position: relative;
padding-right: 80px; }
.inline-submit button, .inline-submit html input[type="button"], .inline-submit input[type="reset"], .inline-submit input[type="submit"] {
position: absolute;
top: 0;
right: 0;
width: 70px;
padding: 0;
line-height: 0; }
.inline-submit button:active, .inline-submit html input[type="button"]:active, .inline-submit input[type="reset"]:active, .inline-submit input[type="submit"]:active {
top: 1px; }
.on-colour label, .on-colour .label, .on-colour button {
color: #ffffff; }
.on-colour .text-input, .on-colour textarea, .on-colour select, .on-colour .extra-help {
color: #ffffff; }
.on-colour button, .on-colour .btn {
border-color: #ffffff;
color: #ffffff; }
.on-colour button:hover, .on-colour .btn:hover {
background: none; }
.on-colour ::-webkit-input-placeholder {
color: #ffffff; }
.on-colour :-moz-placeholder {
color: #ffffff; }
.on-colour ::-moz-placeholder {
color: #ffffff; }
.on-colour :-ms-input-placeholder {
color: #ffffff; }
.on-colour.green select {
color: #e4e1d4; }
.on-colour.green ::-webkit-input-placeholder {
color: #e4e1d4; }
.on-colour.green :-moz-placeholder {
color: #e4e1d4; }
.on-colour.green ::-moz-placeholder {
color: #e4e1d4; }
.on-colour.green :-ms-input-placeholder {
color: #e4e1d4; }
.on-colour .div.wpcf7-mail-sent-ok, .on-colour div.wpcf7-validation-errors {
border-color: #ffffff;
border-width: 4px;
padding: 20px;
color: #ffffff; }
.on-colour .span.wpcf7-not-valid-tip {
color: #ffffff !important; }
.on-grey .text-input, .on-grey textarea, .on-grey select {
border-color: #cccccc; }
.on-grey select {
color: #b3b3b3; }
.form-success {
background-color: #F3F3F3;
padding: 40px;
margin: 0 auto 40px; }
.form-success p {
margin-bottom: 0; }
/*
** Template Styles
// Common Styles, slightly more specific (responsive video container, maps, navigation etc)
*/
body.no-scroll {
overflow: hidden; }
.no-support {
text-align: center;
padding-top: 30px; }
img {
max-width: 100% !important;
height: auto;
margin-bottom: 15px; }
/* ------------------------
** Common Styles/Elements
------------------------ */
.video-container {
position: relative;
padding-bottom: 56.25%;
/* 16:9 */
padding-top: 25px;
height: 0;
margin-top: 20px;
margin-bottom: 20px; }
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
@media (min-width: 1000px) {
.video-container {
margin-top: 40px;
margin-bottom: 40px; } }
@media (min-width: 1440px) {
.video-container {
margin-top: 60px;
margin-bottom: 60px; } }
.location-map-wrapper {
margin-bottom: 20px;
height: 240px; }
.location-map-wrapper iframe {
width: 100%;
height: 240px; }
@media (min-width: 1000px) {
.location-map-wrapper iframe {
height: 270px; } }
.location-map-wrapper-smaller {
margin-bottom: 20px;
height: 260px; }
.location-map-wrapper-smaller iframe {
width: 100%;
height: 260px; }
.article-nav {
overflow: auto;
text-align: center;
margin-bottom: 0;
width: 100%; }
.article-nav a {
text-decoration: none; }
.article-nav a:hover {
color: #4398C9; }
.article-nav span {
display: inline-block;
margin: 0 10px 10px; }
@media (min-width: 640px) {
.article-nav .prev {
float: left; }
.article-nav .next {
float: right; } }
.descr {
margin-bottom: 10px; }
.excerpt-wrapper p {
font-size: 0.875rem; }
.wysiwyg img {
display: block;
max-width: 100%;
height: auto; }
.wysiwyg ul {
list-style-image: url("../images/bullet.svg");
margin-left: 20px;
margin-bottom: 30px; }
.wysiwyg ul li {
padding-left: 20px;
line-height: 1.675rem;
margin-bottom: 10px; }
.wysiwyg .form-fields {
margin-bottom: 20px; }
.wysiwyg .form-fields li {
padding-left: 0; }
.wysiwyg blockquote {
padding-left: 20px;
border-left: 4px solid #4398C9; }
@media (min-width: 1000px) {
.wysiwyg ul {
margin-left: 50px; }
.wysiwyg blockquote {
margin-left: 40px; } }
.scroll-indicator {
position: absolute;
bottom: 40px;
left: 0;
width: 100%;
display: none;
text-align: center;
animation-delay: 0.75s;
-webkit-animation-delay: 0.75s;
-moz-animation-delay: 0.75s; }
.scroll-indicator a {
color: #000000;
display: inline-block;
line-height: 50px;
width: 50px;
height: 50px;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
-khtml-border-radius: 25px;
border-radius: 25px;
text-align: center; }
.scroll-indicator a .fa {
font-size: 1.25rem;
line-height: 46px; }
.scroll-indicator a.white {
color: #ffffff;
border-color: #ffffff; }
.scroll-indicator .fa {
color: #ffffff;
margin: 0; }
@media (min-width: 640px) {
.scroll-indicator {
display: block; } }
.fancybox-close:active {
position: absolute;
top: 1; }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url("../img/fancybox_sprite.png"); }
.fancybox-title-outside-wrap {
color: #000000; }
@media (min-width: 640px) {
.newsletter {
padding: 60px 0 30px; } }
@media (min-width: 1000px) {
.newsletter {
padding: 80px 0 30px; } }
#mc_embed_signup {
background: none !important; }
#mc_embed_signup form {
max-width: 400px;
margin: 0 auto; }
#mc_embed_signup input.email {
width: 100% !important;
height: 50px !important;
border: none;
color: #7A7A7A !important;
display: inline-block;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px; }
#mc_embed_signup input.button {
display: inline-block;
text-transform: uppercase !important;
margin: 0 auto !important;
background: #006373 !important;
height: 50px !important;
width: 10%;
color: #ffffff !important; }
#mc_embed_signup input.button:hover {
background: #A70240 !important; }
.pointy-banner {
position: relative;
margin-bottom: 50px; }
.pointy-banner:after {
content: '';
position: absolute;
top: 100%;
left: 50%;
margin-left: -50px;
width: 0;
height: 0;
border-style: solid;
border-width: 50px 50px 0 50px;
border-color: #A70240 transparent transparent transparent; }
.hide-mobile {
display: none; }
@media (min-width: 1000px) {
.hide-mobile {
display: block; } }
.hide-desk {
display: block; }
@media (min-width: 1000px) {
.hide-desk {
display: none; } }
.cookies-warning {
background-color: rgba(204, 204, 204, 0.2);
padding-top: 10px;
padding-bottom: 16px; }
.cookies-warning p {
font-size: 0.875rem;
margin-bottom: 0; }
.cookies-warning .accept-cookies {
display: inline-block;
margin-top: 10px;
margin-bottom: 0;
padding-right: 20px;
padding-left: 20px;
height: 30px;
line-height: 24px; }
@media (min-width: 1000px) {
.cookies-warning {
overflow: auto;
padding-top: 16px;
padding-bottom: 16px; }
.cookies-warning .accept-cookies {
float: right;
margin-top: 0; } }
.site-header {
width: 100%;
height: 80px;
background: #006373;
overflow: none;
z-index: 100;
padding: 10px 0 0 0;
position: fixed;
top: 0;
left: 0;
-webkit-transition: all 250ms cubic-bezier(0.25, 0.1, 0.25, 1);
-moz-transition: all 250ms cubic-bezier(0.25, 0.1, 0.25, 1);
-o-transition: all 250ms cubic-bezier(0.25, 0.1, 0.25, 1);
transition: all 250ms cubic-bezier(0.25, 0.1, 0.25, 1); }
@media (min-width: 640px) {
.site-header {
height: 120px;
padding: 20px 0; } }
.site-header.stuck {
position: fixed;
top: 0;
left: 0; }
body.home .site-header.stuck {
background: #A70240; }
body.admin-bar #wpadminbar {
position: fixed; }
body.admin-bar .site-header {
margin-top: 40px; }
@media (min-width: 640px) {
body.admin-bar .site-header {
margin-top: 30px; } }
@media (min-width: 640px) {
.header-bar {
position: absolute;
width: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); } }
.whats-on-sticky {
position: fixed;
opacity: 0;
bottom: -100px;
left: 0;
width: 100%;
padding: 0 4%;
height: 65px;
z-index: 99;
color: #ffffff;
-webkit-transition: all 250ms cubic-bezier(0.25, 0.1, 0.25, 1);
-moz-transition: all 250ms cubic-bezier(0.25, 0.1, 0.25, 1);
-o-transition: all 250ms cubic-bezier(0.25, 0.1, 0.25, 1);
transition: all 250ms cubic-bezier(0.25, 0.1, 0.25, 1); }
.whats-on-sticky.stuck {
opacity: 1;
bottom: 0; }
.whats-on-sticky .show-information {
padding: 10px 20px;
display: none; }
@media (min-width: 640px) {
.whats-on-sticky .show-information {
width: 300px;
display: inline-block;
position: absolute;
bottom: 10px;
left: 20px; } }
.whats-on-sticky .show-information .sticky-title {
font-size: 1.13rem; }
.whats-on-sticky .book-cta {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
text-align: center; }
.whats-on-sticky .book-cta .call-to-action, .whats-on-sticky .book-cta #production_view_more, .whats-on-sticky .book-cta #production_view_all {
background: none;
border: 1px solid #ffffff;
color: #ffffff;
margin: 10px 0; }
.whats-on-sticky .book-cta .call-to-action:hover, .whats-on-sticky .book-cta #production_view_more:hover, .whats-on-sticky .book-cta #production_view_all:hover {
background: #ffffff; }
@media (min-width: 640px) {
.whats-on-sticky .book-cta {
text-align: right;
padding-right: 20px; } }
body.nav-up .site-header {
top: 0;
height: 80px; }
body.nav-up .site-header .header-bar {
width: 100%; }
body.nav-up .site-header .logo-wrapper img {
width: 100%; }
body.nav-up .site-header #menu-main-menu {
display: none; }
@media (min-width: 640px) {
body.nav-up .site-header #menu-main-menu {
display: inline-block; }
body.nav-up .site-header .logo-wrapper {
margin-top: 0;
width: 96px; } }
@media (min-width: 1000px) {
body.nav-up .site-header {
top: -50px;
height: 130px; }
body.nav-up .site-header #menu-main-menu {
margin-top: 15px; }
body.nav-up .site-header .logo-wrapper {
margin-top: 50px; } }
body.nav-up .main-nav-menu-mobile.stuck {
top: 0px; }
.header-spacer {
-webkit-transition: all 250ms cubic-bezier(0.25, 0.1, 0.25, 1);
-moz-transition: all 250ms cubic-bezier(0.25, 0.1, 0.25, 1);
-o-transition: all 250ms cubic-bezier(0.25, 0.1, 0.25, 1);
transition: all 250ms cubic-bezier(0.25, 0.1, 0.25, 1);
background: #ffffff;
height: 80px; }
@media (min-width: 640px) {
.header-spacer {
height: 120px; } }
.site-search-bar {
-webkit-transition: all 250ms cubic-bezier(0.25, 0.1, 0.25, 1);
-moz-transition: all 250ms cubic-bezier(0.25, 0.1, 0.25, 1);
-o-transition: all 250ms cubic-bezier(0.25, 0.1, 0.25, 1);
transition: all 250ms cubic-bezier(0.25, 0.1, 0.25, 1);
width: 100%;
display: block;
max-height: 0;
background-color: #004d5a;
position: fixed;
top: 0;
left: 0;
z-index: 100000;
overflow: hidden;
text-align: center; }
.site-search-bar .site-search-wrapper {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 80%;
max-width: 600px; }
.site-search-bar .site-search-form {
position: relative; }
.site-search-bar .site-search-form .search-field {
width: 100%; }
.site-search-bar .site-search-form .search-label {
margin-bottom: 20px;
font-size: 1.5rem;
color: #ffffff; }
.site-search-bar .site-search-form .search-bar-wrapper {
position: relative; }
.site-search-bar .site-search-form .site-search-btn {
position: absolute;
top: 6px;
right: 0;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
border-radius: 15px;
height: 30px;
width: 30px;
padding: 0;
line-height: 20px; }
@media (min-width: 1000px) {
.site-search-bar .site-search-form .site-search-btn {
height: 40px;
width: 40px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
line-height: 42px; } }
.site-search-bar .search-close {
position: absolute;
top: 20px;
right: 20px; }
.site-search-bar .search-close a {
text-decoration: none;
color: #ffffff; }
.site-search-bar.active {
min-height: 200px;
border-bottom: 1px solid #ffffff; }
body.search-active .site-header {
top: 200px; }
.home .site-search-bar, .post-type-archive-production .site-search-bar {
background-color: #8e0236; }
.home .site-search-btn, .post-type-archive-production .site-search-btn {
background: #A70240; }
ul.menu {
list-style: none;
margin-left: 0; }
ul.menu > li,
ul.menu > li > a {
display: inline-block;
*display: inline;
zoom: 1; }
.logo-wrapper {
-webkit-transition: all 250ms cubic-bezier(0.25, 0.1, 0.25, 1);
-moz-transition: all 250ms cubic-bezier(0.25, 0.1, 0.25, 1);
-o-transition: all 250ms cubic-bezier(0.25, 0.1, 0.25, 1);
transition: all 250ms cubic-bezier(0.25, 0.1, 0.25, 1);
width: 85px;
height: auto;
float: left;
margin-left: 10px; }
.logo-wrapper img {
margin-bottom: 0; }
@media (min-width: 640px) {
.logo-wrapper {
width: 125px; } }
@media (min-width: 1000px) {
.logo-wrapper {
width: 125px; } }
@media (min-width: 1440px) {
.logo-wrapper {
width: 125px; } }
h2.logo {
font-size: 0rem;
line-height: 0rem !important;
margin-bottom: 0; }
.ie .logo-wrapper img {
width: 85px;
height: 62px; }
@media (min-width: 640px) {
.ie .logo-wrapper img {
width: 125px;
height: 91px; } }
.ie .nav-up .logo-wrapper img {
width: 96px;
height: 70px; }
@media (min-width: 640px) {
.ie.header-transparent .site-header {
background: none; }
.ie.header-transparent .site-header.stuck {
background: initial;
filter: none; } }
.main-nav-menu {
text-align: right;
display: block; }
.menu-main-menu-container {
display: inline-block; }
#menu-main-menu {
display: none; }
#menu-main-menu a {
font-size: 1rem;
line-height: 1em;
padding: 0; }
#menu-main-menu li {
margin: 0 0 0 18px; }
@media (min-width: 640px) {
#menu-main-menu {
display: inline-block;
width: auto;
background: none;
line-height: 1em;
position: relative;
margin: 0; }
#menu-main-menu a {
font-size: 1.3rem;
padding: 0; }
#menu-main-menu a:last-of-type {
padding-right: 0; } }
@media (min-width: 1000px) {
#menu-main-menu {
margin-top: 0; }
#menu-main-menu a {
font-size: 1.7rem; }
#menu-main-menu li {
margin: 0 0 0 30px; } }
.main-nav-two {
display: inline-block;
margin-bottom: 0; }
.main-nav-two li.search-link .search-trigger {
margin-bottom: 0;
cursor: pointer; }
.main-nav-two li.search-link a {
padding-left: 15px;
color: #ffffff;
font-size: 0.9rem;
text-decoration: none;
margin-bottom: 0; }
.main-nav-two li.search-link .fa {
margin-right: 3px; }
.main-nav-two.border {
border-left: 1px solid rgba(255, 255, 255, 0.42); }
.main-nav-menu-mobile {
background: #629FAD;
width: 100%;
margin: 0;
padding: 10px 0 8px 0;
text-align: center;
position: fixed;
top: 80px;
-webkit-transition: all 250ms cubic-bezier(0.25, 0.1, 0.25, 1);
-moz-transition: all 250ms cubic-bezier(0.25, 0.1, 0.25, 1);
-o-transition: all 250ms cubic-bezier(0.25, 0.1, 0.25, 1);
transition: all 250ms cubic-bezier(0.25, 0.1, 0.25, 1); }
.main-nav-menu-mobile a {
font-size: 1rem;
line-height: 1em;
padding: 0; }
.main-nav-menu-mobile li {
margin: 0 3%; }
.main-nav-menu-mobile .menu {
margin: 0; }
@media (min-width: 640px) {
.main-nav-menu-mobile {
display: none; } }
.main-nav-menu-mobile.stuck {
top: 80px; }
form.quick-buy .quick-buy-dropdown {
background: transparent url("../images/dropdown-quickbuy.png") no-repeat;
background-size: 15px;
background-position: 95% 50%;
border: 1px solid #ffffff;
color: #ffffff;
position: relative;
top: -5px;
display: block; }
@media (min-width: 640px) {
form.quick-buy .quick-buy-dropdown {
margin-left: 20px;
height: 35px;
width: 125px;
font-size: 0.9rem; } }
@media (min-width: 1000px) {
form.quick-buy .quick-buy-dropdown {
display: none; } }
form.quick-buy .select2 {
display: none; }
form.quick-buy .select2 .select2-selection {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
background: none;
margin-left: 20px;
border: 1px solid #ffffff;
height: 35px;
position: relative;
top: -5px;
color: #ffffff;
font-size: 0.9rem; }
form.quick-buy .select2 .select2-selection a {
color: #ffffff; }
form.quick-buy .select2 .select2-selection__rendered {
color: #ffffff;
text-align: left;
line-height: 32px; }
form.quick-buy .select2 .select2-selection__arrow {
color: #ffffff;
top: -8px;
right: 8px; }
form.quick-buy .select2 .select2-selection__arrow b {
border: none;
font-family: 'FontAwesome';
content: 'hello'; }
form.quick-buy .select2 .select2-selection__arrow b:after {
content: '\f13a';
font-size: 1.1rem; }
@media (min-width: 1000px) {
form.quick-buy .select2 {
display: inline-block; } }
.select2-dropdown {
width: 200px !important;
position: relative !important;
left: 0 !important;
top: -6px !important; }
.mobile-quick-buy {
margin-bottom: 20px;
display: block; }
.mobile-quick-buy .quick-buy-dropdown {
width: 80%;
margin: 0 auto;
height: 45px; }
@media (min-width: 640px) {
.mobile-quick-buy .quick-buy-dropdown {
width: 80% !important;
margin: 0 auto !important;
height: 50px !important;
max-width: 500px !important; } }
.secondary-nav-menu {
text-align: right; }
.menu-secondary-menu-container {
display: inline-block; }
#menu-secondary-menu {
margin-bottom: 20px;
text-align: right; }
#menu-secondary-menu a {
font-size: 1rem;
line-height: 1em; }
@media (min-width: 640px) {
#menu-secondary-menu {
margin-bottom: 15px; }
#menu-secondary-menu a {
font-size: 0.9rem;
line-height: 0.8em; } }
@media (min-width: 1440px) {
#menu-secondary-menu a {
font-size: 0.85rem;
line-height: 1em; } }
@media (min-width: 1440px) {
#menu-secondary-menu {
margin-bottom: 20px; }
#menu-secondary-menu a {
font-size: 0.95rem;
line-height: 1em; } }
.mobile-links {
float: right; }
.menu-trigger {
font-size: 1.3rem;
margin-top: 13px;
padding-right: 15px;
margin-right: 10px;
margin-bottom: 0;
display: inline-block;
border-right: 1px solid rgba(255, 255, 255, 0.42); }
.menu-trigger a {
color: #ffffff; }
@media (min-width: 640px) {
.menu-trigger {
margin-top: 15px;
line-height: 0; } }
.menu-trigger.in-nav {
float: none;
margin: 0 0 0 15px; }
.basket {
font-size: 1.1rem;
margin-top: 10px;
margin-right: 20px;
margin-bottom: 0;
color: #ffffff;
display: inline-block; }
@media (min-width: 640px) {
.basket {
margin-top: 10px;
line-height: 0; } }
.basket.in-nav {
float: none;
margin: 0 0 0 10px; }
.close {
text-align: right;
margin-bottom: 0;
position: absolute;
top: 20px;
right: 20px; }
.close a {
color: #ffffff;
text-decoration: none; }
.close .fa {
margin-right: 6px; }
.close-panel {
margin-bottom: 0; }
#site-footer {
color: #006373;
background-color: #F3F3F3;
overflow: hidden; }
.footer-right {
background: #F9F9F9;
position: relative; }
.footer-right:after {
background-color: #F9F9F9;
position: absolute;
top: 0;
left: 0;
content: '';
width: 1000000000000000000000%;
height: 1000000000%;
z-index: 0; }
.footer-title {
font-size: 1.31rem;
color: #006373;
margin-bottom: 1.5rem; }
.footer-title a {
color: #006373;
text-decoration: none; }
.site-map-wrapper {
padding: 0 0 40px 0; }
.site-map {
margin: 40px 0 0;
text-align: center; }
.site-map li {
list-style-type: none;
margin-left: 0;
margin-right: 0;
display: block;
width: 100%; }
.site-map a {
text-decoration: none;
color: #006373; }
@media (min-width: 640px) {
.site-map {
text-align: left; } }
.menu-footer-column-4-container {
padding-top: 3.5em; }
.tertiary-nav {
text-align: center; }
.tertiary-nav ul {
margin: 30px 0 0 0;
padding: 0;
font-size: 0.94rem;
list-style-type: none; }
.tertiary-nav ul li {
margin: 0 10px 5px 10px;
text-align: center; }
.tertiary-nav a {
text-decoration: none;
color: #006373; }
@media (min-width: 640px) {
.tertiary-nav {
text-align: left; }
.tertiary-nav ul li {
margin: 0 20px 5px 0;
text-align: center; } }
.menu-tertiary-menu-container {
display: inline-block;
margin-bottom: 30px; }
.contact-info {
position: relative;
z-index: 10;
padding: 40px 25% 40px 25%;
text-align: center; }
@media (min-width: 640px) {
.contact-info {
padding: 40px 0 40px 25%;
text-align: left; } }
.contact-info span {
display: block;
margin-bottom: 10px; }
.footer-address p {
font-size: 0.88rem; }
.footer-address strong {
margin-bottom: 20px; }
.footer-sponsor-wrapper {
display: inline-block;
text-align: center; }
@media (min-width: 640px) {
.footer-sponsor-wrapper {
text-align: left; } }
.footer-sponsor {
display: block;
width: 150px;
position: relative; }
@media (min-width: 640px) {
.footer-sponsor {
display: inline-block; }
.footer-sponsor img {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); } }
.copyright {
font-size: 0.88rem;
margin-top: 10px; }
.copyright a {
color: #006373; }
/* ------------------------
** Mobile Menu
------------------------ */
.mobile-menu {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(167, 2, 64, 0.95);
color: #ffffff;
display: none;
padding: 22px 10px;
text-align: center; }
.mobile-menu h3 {
margin-bottom: 0;
border-top: 1px solid #ffffff;
padding: 10px 0; }
.mobile-menu.active {
display: block;
z-index: 1000; }
.mobile-menu .menu {
text-align: center; }
.mobile-menu .nested-nav {
padding-left: 10px;
font-size: 1rem;
padding-top: 20px;
border-top: 1px solid #ffffff; }
.mobile-menu .nested-nav > li > a {
margin-bottom: 10px;
font-size: 1.5rem; }
.mobile-menu .nested-nav .sub-menu {
margin-left: 16px; }
.mobile-menu .nested-nav .sub-menu li {
margin-bottom: 6px; }
.mobile-menu .menu-item-has-children {
margin-bottom: 20px;
width: 100%; }
@media (min-width: 640px) {
.mobile-menu .menu-item-has-children {
width: 31%;
vertical-align: top; } }
.mobile-menu .mobile-search-bar .site-search-wrapper {
width: 100%;
max-width: 600px;
margin: 20px auto 30px auto; }
.mobile-menu .mobile-search-bar .site-search-form {
position: relative; }
.mobile-menu .mobile-search-bar .site-search-form .search-field {
width: 80%; }
.mobile-menu .mobile-search-bar .site-search-form .search-label {
margin-bottom: 10px;
font-size: 1.25rem;
color: #ffffff; }
.mobile-menu .mobile-search-bar .site-search-form .search-bar-wrapper {
position: relative; }
.mobile-menu .mobile-search-bar .site-search-form .site-search-btn {
position: absolute;
top: 6px;
right: 10%;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
border-radius: 15px;
height: 30px;
width: 30px;
padding: 0;
line-height: 20px;
background: #A70240; }
@media (min-width: 1000px) {
.mobile-menu .mobile-search-bar .site-search-form .site-search-btn {
height: 40px;
width: 40px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
line-height: 42px; } }
.mobile-logo {
margin-bottom: 10px; }
.mobile-logo img {
width: 100px; }
.mobile-nav-primary {
margin-top: 0;
margin-bottom: 0; }
.mobile-nav-primary #menu-main-menu-2 {
margin-bottom: 0; }
.mobile-nav-primary #menu-main-menu-2 li {
margin-bottom: 8px;
display: block; }
.mobile-nav-primary #menu-main-menu-2 a {
text-transform: uppercase;
color: #ffffff;
font-size: 1.25rem; }
.mobile-nav-secondary a {
font-size: 0.875rem;
color: #ffffff;
text-transform: uppercase; }
.mobile-nav-secondary #menu-secondary-menu-1 li {
margin-bottom: 5px;
display: inline-block; }
.social-links li {
margin: 0 14px; }
.social-links a:hover {
color: #A70240; }
.mobile-secondary-nav {
font-size: 2rem;
border-top: 1px solid #ffffff;
text-align: center;
padding-top: 20px; }
/*
* Core Owl Carousel CSS File
* v1.3.3
*/
/* clearfix */
.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0; }
/* display none until init */
.owl-carousel {
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y; }
.owl-carousel .owl-wrapper {
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper-outer {
overflow: hidden;
position: relative;
width: 100%; }
.owl-carousel .owl-wrapper-outer.autoHeight {
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out; }
.owl-carousel .owl-item {
float: left; }
.owl-controls .owl-page,
.owl-controls .owl-buttons div {
cursor: pointer; }
.owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
/* mouse grab icon */
.grabbing {
cursor: url(grabbing.png) 8 8, move; }
/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0); }
/*
* Owl Carousel Owl Demo Theme
* v1.3.3
*/
.owl-theme .owl-controls {
margin-top: 10px;
text-align: center; }
/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div {
color: #FFF;
display: inline-block;
zoom: 1;
*display: inline;
/*IE7 life-saver */
margin: 5px;
padding: 3px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
background: #869791;
filter: Alpha(Opacity=50);
/*IE7 fix*/
opacity: 0.5; }
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
filter: Alpha(Opacity=100);
/*IE7 fix*/
opacity: 1;
text-decoration: none; }
/* Styling Pagination*/
.owl-theme .owl-controls .owl-page {
display: inline-block;
zoom: 1;
*display: inline;
/*IE7 life-saver */ }
.owl-theme .owl-controls .owl-page span {
display: block;
width: 12px;
height: 12px;
margin: 5px 7px;
filter: Alpha(Opacity=50);
/*IE7 fix*/
opacity: 0.5;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: #869791; }
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
filter: Alpha(Opacity=100);
/*IE7 fix*/
opacity: 1; }
/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers {
height: auto;
width: auto;
color: #FFF;
padding: 2px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px; }
/* preloading images */
.owl-item.loading {
min-height: 150px;
background: url(AjaxLoader.gif) no-repeat center center; }
/*
* Owl Carousel CSS3 Transitions
* v1.3.2
*/
.owl-origin {
-webkit-perspective: 1200px;
-webkit-perspective-origin-x: 50%;
-webkit-perspective-origin-y: 50%;
-moz-perspective: 1200px;
-moz-perspective-origin-x: 50%;
-moz-perspective-origin-y: 50%;
perspective: 1200px; }
/* fade */
.owl-fade-out {
z-index: 10;
-webkit-animation: fadeOut .7s both ease;
-moz-animation: fadeOut .7s both ease;
animation: fadeOut .7s both ease; }
.owl-fade-in {
-webkit-animation: fadeIn .7s both ease;
-moz-animation: fadeIn .7s both ease;
animation: fadeIn .7s both ease; }
/* backSlide */
.owl-backSlide-out {
-webkit-animation: backSlideOut 1s both ease;
-moz-animation: backSlideOut 1s both ease;
animation: backSlideOut 1s both ease; }
.owl-backSlide-in {
-webkit-animation: backSlideIn 1s both ease;
-moz-animation: backSlideIn 1s both ease;
animation: backSlideIn 1s both ease; }
/* goDown */
.owl-goDown-out {
-webkit-animation: scaleToFade .7s ease both;
-moz-animation: scaleToFade .7s ease both;
animation: scaleToFade .7s ease both; }
.owl-goDown-in {
-webkit-animation: goDown .6s ease both;
-moz-animation: goDown .6s ease both;
animation: goDown .6s ease both; }
/* scaleUp */
.owl-fadeUp-in {
-webkit-animation: scaleUpFrom .5s ease both;
-moz-animation: scaleUpFrom .5s ease both;
animation: scaleUpFrom .5s ease both; }
.owl-fadeUp-out {
-webkit-animation: scaleUpTo .5s ease both;
-moz-animation: scaleUpTo .5s ease both;
animation: scaleUpTo .5s ease both; }
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
0% {
opacity: 1; } }
@-moz-keyframes empty {
0% {
opacity: 1; } }
@keyframes empty {
0% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes backSlideOut {
25% {
opacity: .5;
-webkit-transform: translateZ(-500px); }
75% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(-200%); }
100% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(-200%); } }
@-moz-keyframes backSlideOut {
25% {
opacity: .5;
-moz-transform: translateZ(-500px); }
75% {
opacity: .5;
-moz-transform: translateZ(-500px) translateX(-200%); }
100% {
opacity: .5;
-moz-transform: translateZ(-500px) translateX(-200%); } }
@keyframes backSlideOut {
25% {
opacity: .5;
transform: translateZ(-500px); }
75% {
opacity: .5;
transform: translateZ(-500px) translateX(-200%); }
100% {
opacity: .5;
transform: translateZ(-500px) translateX(-200%); } }
@-webkit-keyframes backSlideIn {
0%, 25% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(200%); }
75% {
opacity: .5;
-webkit-transform: translateZ(-500px); }
100% {
opacity: 1;
-webkit-transform: translateZ(0) translateX(0); } }
@-moz-keyframes backSlideIn {
0%, 25% {
opacity: .5;
-moz-transform: translateZ(-500px) translateX(200%); }
75% {
opacity: .5;
-moz-transform: translateZ(-500px); }
100% {
opacity: 1;
-moz-transform: translateZ(0) translateX(0); } }
@keyframes backSlideIn {
0%, 25% {
opacity: .5;
transform: translateZ(-500px) translateX(200%); }
75% {
opacity: .5;
transform: translateZ(-500px); }
100% {
opacity: 1;
transform: translateZ(0) translateX(0); } }
@-webkit-keyframes scaleToFade {
to {
opacity: 0;
-webkit-transform: scale(0.8); } }
@-moz-keyframes scaleToFade {
to {
opacity: 0;
-moz-transform: scale(0.8); } }
@keyframes scaleToFade {
to {
opacity: 0;
transform: scale(0.8); } }
@-webkit-keyframes goDown {
from {
-webkit-transform: translateY(-100%); } }
@-moz-keyframes goDown {
from {
-moz-transform: translateY(-100%); } }
@keyframes goDown {
from {
transform: translateY(-100%); } }
@-webkit-keyframes scaleUpFrom {
from {
opacity: 0;
-webkit-transform: scale(1.5); } }
@-moz-keyframes scaleUpFrom {
from {
opacity: 0;
-moz-transform: scale(1.5); } }
@keyframes scaleUpFrom {
from {
opacity: 0;
transform: scale(1.5); } }
@-webkit-keyframes scaleUpTo {
to {
opacity: 0;
-webkit-transform: scale(1.5); } }
@-moz-keyframes scaleUpTo {
to {
opacity: 0;
-moz-transform: scale(1.5); } }
@keyframes scaleUpTo {
to {
opacity: 0;
transform: scale(1.5); } }
.hero-image-wrap {
position: relative; }
.hero-show-title {
margin-bottom: 5px;
font-size: 1.3em;
color: #ffffff;
margin-bottom: 30px; }
.hero-date {
font-size: 0.94rem;
color: #ffffff;
font-style: italic;
margin-bottom: 5px;
display: block; }
.hero-genre {
color: #ffffff;
font-size: 0.88rem;
margin-bottom: 10px; }
.hero-image {
-webkit-transition: all 250ms cubic-bezier(0.25, 0.1, 0.25, 1);
-moz-transition: all 250ms cubic-bezier(0.25, 0.1, 0.25, 1);
-o-transition: all 250ms cubic-bezier(0.25, 0.1, 0.25, 1);
transition: all 250ms cubic-bezier(0.25, 0.1, 0.25, 1);
background-size: cover;
background-position: center;
width: 100%;
min-height: 200px;
height: 35vw;
max-height: 60vh; }
.hero-image.single-event {
min-height: 300px;
height: 80vw;
max-height: 60vh; }
@media (min-width: 640px) {
.hero-image.single-event {
min-height: 300px;
height: 60vw;
max-height: 60vh; } }
.hero-image.small {
height: 100px; }
.hero-slide-wrap {
position: relative; }
.home-slider #sync1 {
position: relative;
z-index: 888; }
.home-slider #sync1 .single-slide {
padding: 400px 0;
height: 50vh;
min-height: 400px;
background-position: center;
background-size: cover; }
.home-slider .controls-bg {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background: #830031;
height: 150px;
z-index: 900; }
.home-slider .controls-wrapper {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
margin-bottom: -20px;
z-index: 950; }
.home-slider #sync2 {
position: relative;
z-index: 999;
padding: 0; }
.home-slider #sync2 img {
display: none; }
.home-slider #sync2 .owl-wrapper-outer {
overflow: visible;
height: 170px; }
.home-slider #sync2 .owl-wrapper-outer .owl-wrapper {
width: 100% !important;
margin-top: -150px; }
.home-slider #sync2 .owl-wrapper-outer .owl-item {
width: 33.333% !important;
height: 150px;
overflow: hidden;
background: #830031;
padding: 20px;
border-right: 1px solid #A70240;
position: relative;
cursor: pointer;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.home-slider #sync2 .owl-wrapper-outer .owl-item .hero-show-title {
margin-bottom: 5px;
font-size: 1.3em;
color: #ffffff;
margin-bottom: 30px; }
.home-slider #sync2 .owl-wrapper-outer .owl-item span {
display: inline-block;
font-size: 0.8em;
width: 100%; }
.home-slider #sync2 .owl-wrapper-outer .owl-item .hero-date {
font-size: 0.94rem;
color: #ffffff;
font-style: italic;
margin-bottom: 20px;
display: block; }
.home-slider #sync2 .owl-wrapper-outer .owl-item .hero-genre {
color: #ffffff;
font-size: 0.88rem;
margin-bottom: 10px; }
.home-slider #sync2 .owl-wrapper-outer .owl-item .hidden-hero {
display: none; }
.home-slider #sync2 .owl-wrapper-outer .owl-item .call-to-action, .home-slider #sync2 .owl-wrapper-outer .owl-item #production_view_more, .home-slider #sync2 .owl-wrapper-outer .owl-item #production_view_all {
margin-right: 10px; }
.home-slider #sync2 .owl-wrapper-outer .owl-item:first-child {
border-left: 1px solid #A70240; }
.home-slider #sync2 .owl-wrapper-outer .owl-item.synced {
color: #ffffff;
background: #A70240;
margin-top: -120px;
height: 290px;
border: 0; }
.home-slider #sync2 .owl-wrapper-outer .owl-item.synced .buttons {
bottom: 20px; }
.home-slider #sync2 .owl-wrapper-outer .owl-item.synced .buttons a {
border: 2px solid #ffffff;
color: #ffffff; }
.home-slider #sync2 .owl-wrapper-outer .owl-item.synced .buttons a:hover {
background: #ffffff;
border: 2px solid #ffffff; }
.home-slider #sync2 .owl-wrapper-outer .owl-item.synced .hidden-hero {
display: block;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.home-slider #sync2 .owl-wrapper-outer .owl-item.synced .hidden-hero a {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.home-slider #sync2 .owl-wrapper-outer .owl-item .buttons {
position: absolute;
bottom: -50px;
width: 100%; }
.hero-mobile-carousel .owl-carousel .owl-wrapper-outer {
overflow: auto !important;
position: relative;
width: 100%; }
.hero-mobile-carousel .owl-controls.clickable {
position: absolute;
top: 55vh;
margin-top: -90px;
width: 100%; }
.hero-mobile-carousel .owl-controls.clickable .owl-page span {
background: #ffffff; }
.hero-mobile-carousel .single-slide {
height: auto;
position: relative; }
.hero-mobile-carousel .mobile-hero {
height: 25vh;
background-position: center;
background-size: cover; }
.hero-mobile-carousel .color-block {
height: 80px;
background: #830031; }
.hero-mobile-carousel .show-information {
background: #A70240;
padding: 20px;
margin-left: 10px;
margin-right: 10px;
margin-top: -140px;
text-align: center; }
.hero-mobile-carousel .show-information h3 {
color: #ffffff;
font-size: 1.56rem; }
.hero-mobile-carousel .show-information .hero-date {
font-size: 0.94rem;
color: #ffffff;
font-style: italic;
margin-bottom: 15px;
display: block; }
.hero-mobile-carousel .show-information .genre {
color: #ffffff;
font-size: 0.88rem; }
.hero-mobile-carousel .show-information a {
margin-right: 8px; }
.single-title-wrapper {
padding: 20px;
margin: -50% auto 20px auto;
text-align: center;
position: relative;
display: table;
width: 100%; }
.single-title-wrapper .text-wrap {
display: table-cell;
vertical-align: middle; }
@media (min-width: 640px) {
.single-title-wrapper {
margin: -45px 0 0 0;
text-align: left;
min-height: 180px; } }
@media (min-width: 1000px) {
.single-title-wrapper {
margin: -40px 0 0 -20px;
padding: 0 40px;
min-height: 180px; } }
@media (min-width: 1440px) {
.single-title-wrapper {
margin-top: -40px;
min-height: 180px; } }
.single-title-wrapper .hero-show-title {
color: #ffffff;
font-size: 1.8rem;
margin-bottom: 10px; }
@media (min-width: 640px) {
.single-title-wrapper .hero-show-title {
font-size: 1.9em; } }
@media (min-width: 1000px) {
.single-title-wrapper .hero-show-title {
font-size: 1.9rem;
margin-bottom: 10px; } }
@media (min-width: 1440px) {
.single-title-wrapper .hero-show-title {
font-size: 2rem; } }
.single-title-wrapper.small {
min-height: 0;
margin: -60px auto 0 auto; }
.single-title-wrapper.small .hero-show-title {
margin: 0; }
@media (min-width: 640px) {
.single-title-wrapper.small {
min-height: 200px;
margin: -180px 0 0 0; }
.single-title-wrapper.small .hero-show-title {
font-size: 2.5rem; } }
@media (min-width: 1000px) {
.single-title-wrapper.small {
min-height: 200px; }
.single-title-wrapper.small .hero-show-title {
font-size: 2.5rem; } }
@media (min-width: 1440px) {
.single-title-wrapper.small {
min-height: 140px;
margin: -130px 0 0 0; }
.single-title-wrapper.small .hero-show-title {
font-size: 2.5rem; } }
.single-title-wrapper.red {
background: #A70240; }
.single-title-wrapper .hero-date {
font-size: 1.25rem; }
.single-title-wrapper .hero-genre {
font-size: 1.19rem; }
.single-title-wrapper .call-to-action, .single-title-wrapper #production_view_more, .single-title-wrapper #production_view_all, .single-title-wrapper .search-results .results-page .call-to-action, .search-results .results-page .single-title-wrapper .call-to-action {
font-size: 1.2rem;
margin-bottom: 10px; }
@media (min-width: 640px) {
.single-title-wrapper .call-to-action, .single-title-wrapper #production_view_more, .single-title-wrapper #production_view_all, .single-title-wrapper .search-results .results-page .call-to-action, .search-results .results-page .single-title-wrapper .call-to-action {
font-size: 1.2rem; } }
@media (min-width: 1000px) {
.single-title-wrapper .call-to-action, .single-title-wrapper #production_view_more, .single-title-wrapper #production_view_all, .single-title-wrapper .search-results .results-page .call-to-action, .search-results .results-page .single-title-wrapper .call-to-action {
font-size: 1.3rem; } }
.single-title-wrapper .pricing {
padding-left: 20px;
padding-right: 20px;
color: #ffffff;
display: inline-block; }
.single-title-wrapper .pricing-no-buy {
padding-right: 20px;
color: #ffffff;
display: inline-block; }
.single-title-wrapper .terms {
padding-top: 20px;
padding-right: 20px;
display: block;
color: #ffffff; }
@media (min-width: 640px) {
.page-template-nottingham-classics .single-title-wrapper {
max-width: 45%; } }
@media (min-width: 640px) {
.page-template-nottingham-classics .gutter20:first-of-type {
margin-top: 10%; } }
@media (min-width: 1000px) {
.page-template-nottingham-classics .gutter20:first-of-type {
margin-top: 15%; } }
@media (min-width: 1440px) {
.page-template-nottingham-classics .gutter20:first-of-type {
margin-top: 10%; } }
.page-template-nottingham-classics .event-blurb {
margin-bottom: 10%; }
@media (min-width: 640px) {
.page-template-nottingham-classics .event-blurb {
margin-bottom: 0; } }
.event-blurb {
width: 100%;
padding: 20px;
color: #ffffff;
font-size: 1.31rem; }
.event-blurb .inner {
width: 100%; }
@media (min-width: 640px) {
.event-blurb .inner {
display: inline-block;
padding-left: 55%;
font-size: 1.1rem; } }
@media (min-width: 1000px) {
.event-blurb .inner {
padding-left: 50%;
font-size: 1.31rem; } }
.event-blurb .book-group {
width: 100%; }
@media (min-width: 640px) {
.event-blurb .book-group {
float: right;
position: relative;
text-align: center;
top: 0;
width: auto; } }
.event-blurb .book-group a {
display: inline-block;
font-size: 1em;
font-weight: bold;
margin-bottom: 10px;
max-width: 200px; }
@media (min-width: 640px) {
.event-blurb .book-group a {
display: block; } }
.event-blurb .book-group a i {
margin-right: 10px; }
.event-blurb .book-group span.pricing {
font-size: 0.7em;
color: #ffffff; }
.event-blurb .book-group span.event-passed {
border: 1px solid #ffffff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
padding: 10px 20px;
text-align: center; }
.event-blurb.red {
background: #830031; }
.select2-container {
box-sizing: border-box;
display: inline-block;
margin: 0;
position: relative;
vertical-align: middle; }
.select2-container .select2-selection--single {
box-sizing: border-box;
cursor: pointer;
display: block;
height: 28px;
user-select: none;
-webkit-user-select: none; }
.select2-container .select2-selection--single .select2-selection__rendered {
display: block;
padding-left: 8px;
padding-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
padding-right: 8px;
padding-left: 20px; }
.select2-container .select2-selection--multiple {
box-sizing: border-box;
cursor: pointer;
display: block;
min-height: 32px;
user-select: none;
-webkit-user-select: none; }
.select2-container .select2-selection--multiple .select2-selection__rendered {
display: inline-block;
overflow: hidden;
padding-left: 8px;
text-overflow: ellipsis;
white-space: nowrap; }
.select2-container .select2-search--inline {
float: left; }
.select2-container .select2-search--inline .select2-search__field {
box-sizing: border-box;
border: none;
font-size: 100%;
margin-top: 5px; }
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none; }
.select2-dropdown {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
box-sizing: border-box;
display: block;
position: absolute;
left: -100000px;
width: 100%;
z-index: 1051; }
.select2-results {
display: block; }
.select2-results__options {
list-style: none;
margin: 0;
padding: 0; }
.select2-results__option {
padding: 6px;
user-select: none;
-webkit-user-select: none; }
.select2-results__option[aria-selected] {
cursor: pointer; }
.select2-container--open .select2-dropdown {
left: 0; }
.select2-container--open .select2-dropdown--above {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }
.select2-container--open .select2-dropdown--below {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0; }
.select2-search--dropdown {
display: block;
padding: 4px; }
.select2-search--dropdown .select2-search__field {
padding: 4px;
width: 100%;
box-sizing: border-box; }
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none; }
.select2-search--dropdown.select2-search--hide {
display: none; }
.select2-close-mask {
border: 0;
margin: 0;
padding: 0;
display: block;
position: fixed;
left: 0;
top: 0;
min-height: 100%;
min-width: 100%;
height: auto;
width: auto;
opacity: 0;
z-index: 99;
background-color: #fff;
filter: alpha(opacity=0); }
.select2-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px; }
.select2-container--default .select2-selection--single {
background-color: #fff;
border: 1px solid #aaa;
border-radius: 4px; }
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px; }
.select2-container--default .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold; }
.select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #999; }
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px; }
.select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0; }
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left; }
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
left: 1px;
right: auto; }
.select2-container--default.select2-container--disabled .select2-selection--single {
background-color: #eee;
cursor: default; }
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
display: none; }
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px; }
.select2-container--default .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text; }
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0 5px;
width: 100%; }
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
color: #999;
margin-top: 5px;
float: left; }
.select2-container--default .select2-selection--multiple .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
margin-top: 5px;
margin-right: 10px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 0 5px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
color: #999;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin-right: 2px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #333; }
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder {
float: right; }
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
margin-left: 5px;
margin-right: auto; }
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right: auto; }
.select2-container--default.select2-container--focus .select2-selection--multiple {
border: solid black 1px;
outline: 0; }
.select2-container--default.select2-container--disabled .select2-selection--multiple {
background-color: #eee;
cursor: default; }
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
display: none; }
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
border-top-left-radius: 0;
border-top-right-radius: 0; }
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }
.select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa; }
.select2-container--default .select2-search--inline .select2-search__field {
background: transparent;
border: none;
outline: 0; }
.select2-container--default .select2-results > .select2-results__options {
max-height: 200px;
overflow-y: auto; }
.select2-container--default .select2-results__option[role=group] {
padding: 0; }
.select2-container--default .select2-results__option[aria-disabled=true] {
color: #999; }
.select2-container--default .select2-results__option[aria-selected=true] {
background-color: #ddd; }
.select2-container--default .select2-results__option .select2-results__option {
padding-left: 1em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
padding-left: 0; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
margin-left: -1em;
padding-left: 2em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -2em;
padding-left: 3em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -3em;
padding-left: 4em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -4em;
padding-left: 5em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -5em;
padding-left: 6em; }
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #5897fb;
color: white; }
.select2-container--default .select2-results__group {
cursor: default;
display: block;
padding: 6px; }
.select2-container--classic .select2-selection--single {
background-color: #f6f6f6;
border: 1px solid #aaa;
border-radius: 4px;
outline: 0;
background-image: -webkit-linear-gradient(top, #ffffff 50%, #eeeeee 100%);
background-image: -o-linear-gradient(top, #ffffff 50%, #eeeeee 100%);
background-image: linear-gradient(to bottom, #ffffff 50%, #eeeeee 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); }
.select2-container--classic .select2-selection--single:focus {
border: 1px solid #5897fb; }
.select2-container--classic .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px; }
.select2-container--classic .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
margin-right: 10px; }
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
color: #999; }
.select2-container--classic .select2-selection--single .select2-selection__arrow {
background-color: #ddd;
border: none;
border-left: 1px solid #aaa;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px;
background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0); }
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0; }
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left; }
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
border: none;
border-right: 1px solid #aaa;
border-radius: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
left: 1px;
right: auto; }
.select2-container--classic.select2-container--open .select2-selection--single {
border: 1px solid #5897fb; }
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
background: transparent;
border: none; }
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px; }
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
background-image: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 50%);
background-image: -o-linear-gradient(top, #ffffff 0%, #eeeeee 50%);
background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 50%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); }
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
background-image: -webkit-linear-gradient(top, #eeeeee 50%, #ffffff 100%);
background-image: -o-linear-gradient(top, #eeeeee 50%, #ffffff 100%);
background-image: linear-gradient(to bottom, #eeeeee 50%, #ffffff 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0); }
.select2-container--classic .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text;
outline: 0; }
.select2-container--classic .select2-selection--multiple:focus {
border: 1px solid #5897fb; }
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
list-style: none;
margin: 0;
padding: 0 5px; }
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
display: none; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 0 5px; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
color: #888;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin-right: 2px; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #555; }
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
float: right; }
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
margin-left: 5px;
margin-right: auto; }
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right: auto; }
.select2-container--classic.select2-container--open .select2-selection--multiple {
border: 1px solid #5897fb; }
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0; }
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }
.select2-container--classic .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa;
outline: 0; }
.select2-container--classic .select2-search--inline .select2-search__field {
outline: 0; }
.select2-container--classic .select2-dropdown {
background-color: white;
border: 1px solid transparent; }
.select2-container--classic .select2-dropdown--above {
border-bottom: none; }
.select2-container--classic .select2-dropdown--below {
border-top: none; }
.select2-container--classic .select2-results > .select2-results__options {
max-height: 200px;
overflow-y: auto; }
.select2-container--classic .select2-results__option[role=group] {
padding: 0; }
.select2-container--classic .select2-results__option[aria-disabled=true] {
color: grey; }
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
background-color: #3875d7;
color: white; }
.select2-container--classic .select2-results__group {
cursor: default;
display: block;
padding: 6px; }
.select2-container--classic.select2-container--open .select2-dropdown {
border-color: #5897fb; }
#book {
text-align: center; }
#book h3.peformances-title {
display: inline-block;
margin-bottom: 40px;
padding: 15px 30px;
text-align: center; }
#book h3.c-booking-instance__message {
color: #595959;
font-size: 1.6em;
margin: 40px 0;
text-align: center; }
#book .c-booking-instance {
border: 1px solid #d3d3d3;
margin-bottom: 10px;
position: relative; }
#book .c-booking-instance .access-icon span i {
font-weight: 400;
font-size: 1.2em;
margin-right: 5px; }
#book .c-booking-instance .access-icon .tooltip {
background: #ffffff;
margin-top: 20px;
position: absolute;
display: none;
z-index: 98;
-webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.32);
-moz-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.32);
box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.32); }
@media (min-width: 640px) {
#book .c-booking-instance .access-icon .tooltip {
height: auto;
padding: 15px;
width: 350px; } }
#book .c-booking-instance .access-icon .tooltip:after {
content: '';
position: absolute;
bottom: 100%;
left: 20px;
margin-left: -8px;
width: 0;
height: 0;
border-bottom: 8px solid #ffffff;
border-right: 8px solid transparent;
border-left: 8px solid transparent; }
#book .c-booking-instance .access-icon .tooltip p.title {
font-size: 1.1em; }
#book .c-booking-instance .access-icon .tooltip p.description {
font-size: 0.8em; }
#book .c-booking-instance .access-icon:hover .tooltip {
display: block; }
#book .c-booking-instance .inner {
padding: 10px 15px; }
#book .c-booking-instance .inner.access-list {
padding: 30px 0; }
@media (min-width: 640px) {
#book .c-booking-instance .inner {
padding: 30px 20px; } }
#book .c-booking-instance .c-booking-instance__dates {
text-align: center; }
@media (min-width: 640px) {
#book .c-booking-instance .c-booking-instance__dates {
text-align: left; } }
#book .c-booking-instance .c-booking-instance__dates p {
display: inline-block;
font-size: 1em; }
@media (min-width: 640px) {
#book .c-booking-instance .c-booking-instance__dates p {
font-size: 1.1em;
margin: 0; } }
@media (min-width: 640px) {
#book .c-booking-instance .c-booking-instance__dates p.c-booking-instance__day {
margin-right: 5px; } }
#book .c-booking-instance .c-booking-instance__dates p.c-booking-instance__month {
font-weight: 600; }
#book .c-booking-instance .c-booking-instance__dates p.c-booking-instance__times i {
margin-right: 5px; }
#book .c-booking-instance .c-booking-instance__dates p.c-booking-instance__price {
font-weight: 500;
margin-bottom: 0; }
#book .c-booking-instance .c-booking-instance__dates p.c-booking-instance__availability {
font-size: 0.8em; }
#book .c-booking-instance .c-booking-instance__dates p.c-booking-instance__availability.good {
color: #93C06A; }
#book .c-booking-instance .c-booking-instance__dates p.c-booking-instance__availability.limited {
color: #DAA757; }
#book .c-booking-instance .c-booking-instance__dates p.c-booking-instance__availability.unavailable {
color: #D4374C; }
#book .c-booking-instance .c-booking-instance__dates .call-to-action, #book .c-booking-instance .c-booking-instance__dates #production_view_more, #book .c-booking-instance .c-booking-instance__dates #production_view_all {
font-size: 1em;
margin-bottom: 0; }
#book .c-booking-instance .notes {
background: #F8F8F8;
padding: 10px 15px; }
@media (min-width: 640px) {
#book .c-booking-instance .notes {
padding: 10px 30px; } }
#book .c-booking-instance .notes p {
font-size: 1em;
margin-bottom: 0; }
#book .event-instances__buttons {
text-align: center; }
#book .event-instances__buttons .button__loadmore {
background: #595959;
color: #ffffff;
display: inline-block;
margin: 40px 0; }
#book .event-instances__buttons .button__loadmore:hover {
background: #333333; }
#book .event-instances__buttons.hidden {
display: none; }
.page-template-join-and-support .main-nav {
background: #8A78A6; }
@media (min-width: 640px) {
.page-template-join-and-support .main-nav {
background: none; } }
.page-template-join-and-support .page-primary-bg {
background: #4B306A; }
.page-template-join-and-support .page-primary-fg {
color: #8A78A6; }
.page-template-join-and-support .page-primary-fg a {
color: #8A78A6; }
.page-template-join-and-support .page-primary-fg .content-block-sub-heading {
color: #8A78A6; }
@media (min-width: 640px) {
.single-production header, .home header {
position: absolute;
top: 0;
left: 0;
z-index: 999; } }
.single-production .main-nav, .home .main-nav {
background: #830031; }
@media (min-width: 640px) {
.single-production .main-nav, .home .main-nav {
background: none; } }
@media (min-width: 640px) {
.header-transparent .site-header {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.74+0,0.49+41,0+100 */
background: -webkit-linear-gradient(rgba(0, 0, 0, 0.74) 0%, rgba(0, 0, 0, 0.49) 41%, rgba(0, 0, 0, 0) 100%);
background: -o-linear-gradient(rgba(0, 0, 0, 0.74) 0%, rgba(0, 0, 0, 0.49) 41%, rgba(0, 0, 0, 0) 100%);
background: linear-gradient(rgba(0, 0, 0, 0.74) 0%, rgba(0, 0, 0, 0.49) 41%, rgba(0, 0, 0, 0) 100%);
/* FF3.6-15 */
/* Chrome10-25,Safari5.1-6 */
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bd000000', endColorstr='#00000000',GradientType=0 );
/* IE6-9 */ } }
.header-transparent.stuck {
background: auto; }
.home #site-content {
margin-top: 0; }
.header-solid #site-content, .single-event #site-content {
margin-top: 55px; }
@media (min-width: 640px) {
.header-solid #site-content, .single-event #site-content {
margin-top: 95px; } }
.page-template-your-visit .main-nav, .page-template-eat-and-drink .main-nav, .access .main-nav {
background: #629FAD; }
@media (min-width: 640px) {
.page-template-your-visit .main-nav, .page-template-eat-and-drink .main-nav, .access .main-nav {
background: none; } }
.page-template-your-visit .page-primary-bg, .page-template-eat-and-drink .page-primary-bg, .access .page-primary-bg {
background: #006373; }
.page-template-your-visit .page-primary-fg, .page-template-eat-and-drink .page-primary-fg, .access .page-primary-fg {
color: #629FAD; }
.page-template-your-visit .page-primary-fg a, .page-template-eat-and-drink .page-primary-fg a, .access .page-primary-fg a {
color: #629FAD; }
.page-template-your-visit .page-primary-fg .content-block-sub-heading, .page-template-eat-and-drink .page-primary-fg .content-block-sub-heading, .access .page-primary-fg .content-block-sub-heading {
color: #629FAD; }
.post-type-archive-production .main-nav {
background: #830031; }
@media (min-width: 640px) {
.post-type-archive-production .main-nav {
background: none; } }
.post-type-archive-production .page-primary-bg {
background: #A70240; }
.post-type-archive-production .page-primary-fg {
color: #D68891; }
.post-type-archive-production .page-primary-fg a {
color: #D68891; }
.post-type-archive-production .page-primary-fg .content-block-sub-heading {
color: #D68891; }
.site-search-bar {
background-color: #A70240 !important;
position: absolute; }
#news-signup {
max-width: 600px;
padding: 40px; }
#news-signup span {
display: block;
font-size: 1.5rem;
color: #A70240;
margin-bottom: 20px; }
.breadcrumb {
color: #7A7A7A;
margin-top: 20px;
text-align: center;
display: block;
float: left;
width: 100%; }
@media (min-width: 640px) {
.breadcrumb {
margin-top: 60px; } }
@media (min-width: 1000px) {
.breadcrumb {
margin-top: 20px; } }
.breadcrumb a {
color: #7A7A7A;
text-decoration: underline; }
.breadcrumb li {
margin-left: 0;
margin-right: 10px; }
.breadcrumb > li + li:before {
margin-right: 10px; }
@media (min-width: 1000px) {
.breadcrumb {
display: inline-block;
text-align: left; } }
.row-title {
text-align: center;
background: #006373;
color: #ffffff;
padding: 10px 20px; }
.row-title.red {
background: #A70240; }
.side-heading {
font-size: 1.25rem;
color: #006373;
margin: 0; }
.side-heading.white {
color: #ffffff; }
.layout-block {
background-color: #F5F5F5; }
.two-ctas {
background-color: #FFF;
padding-top: 20px; }
.three-ctas {
padding-top: 20px; }
.text-block-heading {
font-size: 2.63rem;
margin-bottom: 30px;
color: #006373; }
.text-block-heading.red {
color: #A70240; }
.text-block-heading.purple {
color: #4B306A; }
.text-block-heading.small {
font-size: 1.31rem; }
.content-block {
color: #7A7A7A;
display: inline-block;
width: 100%; }
.content-block a {
color: #7A7A7A; }
.content-block .content-block-title {
background: #006373; }
.content-block .content-block-sub-heading {
text-align: left; }
.content-block .call-to-action, .content-block #production_view_more, .content-block #production_view_all, .content-block .search-results .results-page .call-to-action, .search-results .results-page .content-block .call-to-action {
background: none;
color: #ffffff;
border: 2px solid #ffffff; }
.content-block .call-to-action.open, .content-block .open#production_view_more, .content-block .open#production_view_all {
background-color: transparent; }
.content-block .call-to-action:hover, .content-block #production_view_more:hover, .content-block #production_view_all:hover {
border: 2px solid #FFF; }
.content-block.red {
background: #830031;
border-bottom: 20px solid #A70240; }
.content-block.red a {
color: #ffffff; }
.content-block.red .content-block-title {
background: #A70240 !important; }
.content-block.red .list-genre {
color: #ffffff; }
.content-block.red .list-genre a {
color: #ffffff; }
.content-block.red .list-date {
color: #ffffff; }
.content-block.red .list-date a {
color: #ffffff; }
.content-block.red .call-to-action, .content-block.red #production_view_more, .content-block.red #production_view_all {
border: 2px solid #ffffff;
color: #ffffff;
background: none; }
.content-block.red .call-to-action:hover, .content-block.red #production_view_more:hover, .content-block.red #production_view_all:hover {
color: #A70240;
background: #ffffff; }
.content-block.red.grey .content-block-item-title {
color: #A70240; }
.content-block.red.grey .content-block-sub-heading {
color: #A70240; }
.content-block.red.grey .call-to-action, .content-block.red.grey #production_view_more, .content-block.red.grey #production_view_all {
border: 2px solid #A70240;
color: #A70240; }
.content-block.red.grey .call-to-action:hover, .content-block.red.grey #production_view_more:hover, .content-block.red.grey #production_view_all:hover {
background: #A70240;
color: #ffffff; }
.content-block.red .content-block-square {
background: #A70240; }
.content-block.red .content-block-square .call-to-action, .content-block.red .content-block-square #production_view_more, .content-block.red .content-block-square #production_view_all {
color: #ffffff;
border: 2px solid #ffffff; }
.content-block.red .content-block-square .call-to-action:hover, .content-block.red .content-block-square #production_view_more:hover, .content-block.red .content-block-square #production_view_all:hover {
color: #A70240 !important;
background: #ffffff; }
.content-block.purple {
background: #8A78A6;
border-bottom: 20px solid #4B306A; }
.content-block.purple .content-block-title {
background: #4B306A; }
.content-block.purple .call-to-action, .content-block.purple #production_view_more, .content-block.purple #production_view_all {
border: 2px solid #ffffff;
color: #ffffff; }
.content-block.purple .call-to-action:hover, .content-block.purple #production_view_more:hover, .content-block.purple #production_view_all:hover {
color: #8A78A6;
background: #ffffff; }
.content-block.purple.grey .content-block-item-title {
color: #4B306A; }
.content-block.purple.grey .content-block-sub-heading {
color: #4B306A; }
.content-block.purple.grey .call-to-action, .content-block.purple.grey #production_view_more, .content-block.purple.grey #production_view_all {
border: 2px solid #4B306A;
color: #4B306A; }
.content-block.purple.grey .call-to-action:hover, .content-block.purple.grey #production_view_more:hover, .content-block.purple.grey #production_view_all:hover {
background: #4B306A;
color: #ffffff; }
.content-block.purple .content-block-square {
background: #4B306A; }
.content-block.purple .content-block-square .call-to-action, .content-block.purple .content-block-square #production_view_more, .content-block.purple .content-block-square #production_view_all {
color: #ffffff;
border: 2px solid #ffffff; }
.content-block.purple .content-block-square .call-to-action:hover, .content-block.purple .content-block-square #production_view_more:hover, .content-block.purple .content-block-square #production_view_all:hover {
color: #4B306A !important;
background: #ffffff; }
.content-block.grey {
background: #F5F5F5;
color: #7A7A7A; }
.content-block.grey .content-block-sub-heading {
color: #006373; }
.content-block.grey .call-to-action, .content-block.grey #production_view_more, .content-block.grey #production_view_all {
border: 2px solid #006373;
color: #006373; }
.content-block.grey .call-to-action:hover, .content-block.grey #production_view_more:hover, .content-block.grey #production_view_all:hover {
color: #ffffff;
background: #006373; }
.content-block.grey .content-block-square .call-to-action, .content-block.grey .content-block-square #production_view_more, .content-block.grey .content-block-square #production_view_all {
color: #ffffff;
border: 2px solid #ffffff; }
.content-block.grey .content-block-square .call-to-action:hover, .content-block.grey .content-block-square #production_view_more:hover, .content-block.grey .content-block-square #production_view_all:hover {
color: #006373;
background: #ffffff; }
.content-block.black {
background: #232323;
color: #ffffff;
border-bottom: 20px solid #A70240; }
.content-block.black .content-block-sub-heading {
color: #ffffff; }
.content-block.black .call-to-action, .content-block.black #production_view_more, .content-block.black #production_view_all {
border: 2px solid #ffffff;
color: #ffffff; }
.content-block.black .call-to-action:hover, .content-block.black #production_view_more:hover, .content-block.black #production_view_all:hover {
color: #ffffff;
background: #006373; }
.content-block.black .content-block-square .call-to-action, .content-block.black .content-block-square #production_view_more, .content-block.black .content-block-square #production_view_all {
color: #ffffff;
border: 2px solid #ffffff; }
.content-block.black .content-block-square .call-to-action:hover, .content-block.black .content-block-square #production_view_more:hover, .content-block.black .content-block-square #production_view_all:hover {
color: #006373;
background: #ffffff; }
.content-block.white {
background: #ffffff;
color: #7A7A7A;
border: none;
margin: 20px 0; }
.content-block.white .content-block-sub-heading {
color: #006373; }
.content-block.white .content-block-sub-heading a {
color: #006373; }
.content-block.white .call-to-action, .content-block.white #production_view_more, .content-block.white #production_view_all {
background: #006373;
color: #ffffff;
border: none; }
@media (min-width: 1000px) {
.content-block.white .call-to-action:hover, .content-block.white #production_view_more:hover, .content-block.white #production_view_all:hover {
background: #629FAD;
border: none; } }
@media (min-width: 640px) {
.content-block.white {
margin: 80px 0; } }
.content-block.white.purple-text .text-block-heading {
color: #4B306A; }
.content-block.white.purple-text .content-block-sub-heading {
color: #4B306A; }
.content-block.white.purple-text .content-block-sub-heading a {
color: #4B306A; }
.content-block.white.purple-text .call-to-action, .content-block.white.purple-text #production_view_more, .content-block.white.purple-text #production_view_all {
background: #4B306A;
color: #ffffff;
border: none; }
@media (min-width: 1000px) {
.content-block.white.purple-text .call-to-action:hover, .content-block.white.purple-text #production_view_more:hover, .content-block.white.purple-text #production_view_all:hover {
background: #8A78A6;
border: none; } }
.content-block.white.red-text .text-block-heading {
color: #A70240; }
.content-block.white.red-text .content-block-sub-heading {
color: #A70240; }
.content-block.white.red-text .content-block-sub-heading a {
color: #A70240; }
.content-block.white.red-text .call-to-action, .content-block.white.red-text #production_view_more, .content-block.white.red-text #production_view_all {
background: #A70240;
color: #ffffff;
border: none; }
@media (min-width: 1000px) {
.content-block.white.red-text .call-to-action:hover, .content-block.white.red-text #production_view_more:hover, .content-block.white.red-text #production_view_all:hover {
background: #D68891;
border: none; } }
.content-block.split-column {
background: #ffffff;
padding-bottom: 40px; }
.content-block.split-column iframe {
width: 100%; }
.no-image-title-block .content-block-title-wrapper {
margin-left: 0; }
.no-image-title-block h1, .no-image-title-block h2, .no-image-title-block h3, .no-image-title-block h4, .no-image-title-block h5, .no-image-title-block h6 {
font-size: 1.8rem;
margin-bottom: 20px;
text-align: center; }
@media (min-width: 640px) {
.no-image-title-block h1, .no-image-title-block h2, .no-image-title-block h3, .no-image-title-block h4, .no-image-title-block h5, .no-image-title-block h6 {
font-size: 2.5rem; } }
@media (min-width: 1000px) {
.no-image-title-block h1, .no-image-title-block h2, .no-image-title-block h3, .no-image-title-block h4, .no-image-title-block h5, .no-image-title-block h6 {
font-size: 2.5rem;
margin-bottom: -50px;
text-align: left; } }
.horizontal-rule {
height: 20px;
border-bottom: 0 !important; }
.sub-section {
padding: 40px 0; }
@media (min-width: 1000px) {
.sub-section {
padding: 100px 0; } }
.sub-section h2 {
color: #A70240;
margin-bottom: 40px;
font-weight: 500; }
.sub-section h4 {
color: #4A4A4A;
font-weight: 500; }
.sub-section p {
margin-bottom: 30px; }
.content-block-header-image {
height: 150px;
background-position: center;
background-size: cover; }
.header-text-wrapper {
text-align: center; }
@media (min-width: 1000px) {
.header-text-wrapper {
text-align: left; } }
.title-block {
margin-bottom: -10px;
position: relative; }
.content-block-title {
color: #ffffff;
background: #006373;
font-size: 1.8rem;
max-width: 70%;
padding: 10px;
margin: 0 auto;
text-align: center; }
.content-block-title span {
text-align: center;
display: block; }
@media (min-width: 1000px) {
.content-block-title span {
text-align: left; } }
@media (min-width: 640px) {
.content-block-title {
padding: 15px 30px 15px 30px;
font-size: 2.5rem; } }
@media (min-width: 1000px) {
.content-block-title {
width: auto;
max-width: 60%;
margin: 0;
padding: 15px 30px 15px 30px;
display: inline-block;
font-size: 2.5rem;
text-align: left; } }
.content-block-title.purple {
background: #4B306A; }
.content-block-title.red {
background: #A70240; }
.content-block-title.hero-title {
max-width: 69%;
font-size: 2rem; }
@media (min-width: 640px) {
.content-block-title.hero-title {
font-size: 2.75rem; } }
@media (min-width: 1000px) {
.content-block-title.hero-title {
font-size: 3.75rem; } }
.content-block-title-wrapper {
margin-top: -50px; }
@media (min-width: 640px) {
.content-block-title-wrapper {
margin-top: -70px; } }
@media (min-width: 1000px) {
.content-block-title-wrapper {
margin-left: -20px; }
.content-block-title-wrapper h2 {
font-size: 2.5em; } }
.no-image-title-block .content-block-title-wrapper {
margin-top: 60px; }
.content-block-sub-heading {
color: #ffffff;
font-size: 1.56rem; }
.content-block-sub-heading.red {
color: #A70240; }
.content-block-sub-heading.green {
color: #006373; }
.content-block-wrapper {
margin-top: 40px;
margin-bottom: 20px; }
@media (min-width: 640px) {
.content-block-wrapper {
margin-top: 60px;
margin-bottom: 30px; } }
@media (min-width: 1000px) {
.content-block-wrapper {
margin-top: 80px;
margin-bottom: 40px; } }
.content-block-item {
margin-top: 20px; }
@media (min-width: 640px) {
.content-block-item.main .content-block-item-image {
height: 400px; } }
@media (min-width: 1000px) {
.content-block-item.main .content-block-item-image {
height: 235px; } }
.content-block-item.whats-on {
margin-top: 0;
margin-bottom: 10px; }
.content-block-item.whats-on ul.list-accessibility {
margin: -50px 0 0 0;
padding: 0;
list-style-type: none;
text-align: right;
line-height: 37px;
min-height: 37px; }
.content-block-item.whats-on ul.list-accessibility li {
display: inline-block;
background: #A70240;
color: #ffffff;
padding: 0 7px;
min-width: 40px;
margin-right: 5px;
text-align: center; }
.content-block-item.whats-on ul.list-accessibility li .accessibility-description {
font-size: .1em;
position: absolute;
left: -9999em;
overflow: hidden; }
.content-block-text {
text-align: left; }
.content-block-text h1, .content-block-text h2, .content-block-text h3, .content-block-text h4, .content-block-text h5, .content-block-text h6 {
color: #595959;
margin-bottom: 20px; }
.content-block-text h1, .content-block-text h2, .content-block-text h3, .content-block-text h4 {
color: #595959;
font-size: 1.31rem; }
.content-block-text h5 {
font-size: 1.2rem; }
.content-block-text h6 {
font-size: 1.13rem; }
@media (min-width: 640px) {
.content-block-text {
padding-right: 10%; } }
@media (min-width: 1000px) {
.content-block-text {
padding-right: 15%; } }
.content-block-text.right {
margin-top: 40px; }
@media (min-width: 640px) {
.content-block-text.right {
margin-top: 0;
padding-right: 0; } }
@media (min-width: 1000px) {
.content-block-text.right {
padding-right: 0; } }
.text-with-colour-block a.call-to-action, .text-with-colour-block a#production_view_more, .text-with-colour-block a#production_view_all, .text-with-colour-block .search-results .results-page a.call-to-action, .search-results .results-page .text-with-colour-block a.call-to-action {
border: 2px solid #006373; }
.content-block-square {
background: #629FAD;
color: #ffffff;
padding: 20px 20px 20px 20px; }
.content-block-square p {
font-size: 0.94rem;
line-height: 1.3em; }
.content-block-square h1, .content-block-square h2, .content-block-square h3, .content-block-square h4, .content-block-square h5, .content-block-square h6 {
color: #ffffff;
font-size: 1.35rem; }
.content-block-square a {
color: #ffffff; }
.content-block-square .content-block-sub-heading {
font-size: 1.31rem;
color: #ffffff !important; }
.content-block-square .call-to-action, .content-block-square #production_view_more, .content-block-square #production_view_all, .content-block-square .search-results .results-page .call-to-action, .search-results .results-page .content-block-square .call-to-action {
margin-bottom: 0; }
@media (min-width: 1000px) {
.content-block-square {
margin-top: -20px; } }
.content-block-item-image {
background-position: center;
background-size: cover;
margin-bottom: 20px; }
.content-block-item-image.large {
height: 350px; }
.content-block-item-image img {
max-height: 100%;
width: auto; }
.single-text-block {
padding: 0 15%; }
.title-with-button .text-block-heading {
display: block;
margin-bottom: 0; }
@media (min-width: 640px) {
.title-with-button .text-block-heading {
display: inline-block;
margin-bottom: 30px; } }
.title-with-button .navigation-link {
display: block; }
@media (min-width: 640px) {
.title-with-button .navigation-link {
display: inline-block;
float: right; } }
.intro-section .text-block-heading {
color: #A70240;
font-size: 2.2rem !important; }
.carousel-wrapper {
padding: 0 15px 0 35px; }
@media (min-width: 1000px) {
.carousel-wrapper {
padding: 0 0 0 40px; } }
.carousel-wrapper.access {
padding: 0 30px 0 30px;
height: auto; }
.whats-on-carousel .owl-wrapper-outer {
width: 100%; }
.whats-on-carousel .owl-prev, .whats-on-carousel .owl-next {
position: absolute;
top: 30%;
background: none;
color: #7A7A7A; }
.whats-on-carousel .owl-prev {
left: -45px; }
@media (min-width: 1000px) {
.whats-on-carousel .owl-prev {
left: -50px; } }
.whats-on-carousel .owl-next {
right: -25px; }
@media (min-width: 1000px) {
.whats-on-carousel .owl-next {
right: -25px; } }
.whats-on-carousel .list-description {
margin-bottom: 0; }
.access-carousel .owl-prev, .access-carousel .owl-next {
position: absolute;
top: 30%;
background: none;
color: #ffffff !important; }
.access-carousel .owl-prev a, .access-carousel .owl-next a {
color: #ffffff !important; }
.access-carousel .owl-prev {
left: -45px; }
@media (min-width: 1000px) {
.access-carousel .owl-prev {
left: -50px; } }
.access-carousel .owl-next {
right: -45px; }
@media (min-width: 1000px) {
.access-carousel .owl-next {
right: -45px; } }
.access-carousel .list-genre, .access-carousel .list-date {
color: #ffffff; }
.layout-block-carousel .owl-prev, .layout-block-carousel .owl-next {
position: absolute;
top: 30%;
background: none; }
.layout-block-carousel .owl-prev {
left: -45px; }
@media (min-width: 1000px) {
.layout-block-carousel .owl-prev {
left: -45px; } }
.layout-block-carousel .owl-next {
right: -45px; }
@media (min-width: 1000px) {
.layout-block-carousel .owl-next {
right: -45px; } }
.layout-block-carousel .list-genre, .layout-block-carousel .list-date {
color: #7A7A7A; }
.upcoming-link {
text-align: center;
margin-top: 30px; }
@media (min-width: 1000px) {
.your-visit-map {
padding-right: 60px; } }
@media (min-width: 640px) {
.your-visit-map .getting-here-block {
margin-top: 60px; } }
@media (min-width: 1000px) {
.your-visit-map .getting-here-block {
margin-top: 40px; } }
.your-visit-map .section-navigation {
margin-top: 40px;
margin-bottom: 20px;
margin-left: 0; }
.your-visit-map .section-navigation li {
max-width: 300px;
display: inline-block; }
.your-visit-map .section-navigation li .fa {
margin-left: 30px;
color: #B8D0D7; }
@media (min-width: 1000px) {
.your-visit-map .section-navigation li {
display: block;
max-width: 300px; } }
.your-visit-map .location-map-wrapper iframe {
width: 100%;
height: 400px; }
@media (min-width: 1000px) {
.your-visit-map .location-map-wrapper iframe {
height: 400px; } }
.featured-news {
background-color: #ffffff; }
.featured-news .navigation-link {
margin-bottom: 20px; }
@media (min-width: 640px) {
.featured-news .navigation-link {
margin-bottom: 0; } }
.whats-on-sidebar {
width: 100%;
display: inline-block;
vertical-align: top; }
@media (min-width: 1000px) {
.whats-on-sidebar {
width: 24%; } }
.whats-on-list {
width: 100%;
display: inline-block; }
@media (min-width: 1000px) {
.whats-on-list {
width: 75%;
padding-left: 40px; } }
.whats-on-list .list-genre {
color: #A70240; }
.whats-on-list .list-genre a {
color: #A70240; }
.whats-on-list .list-show-title {
color: #A70240; }
.whats-on-list .list-show-title a {
color: #A70240; }
.classics-whats-on {
margin-top: 40px;
margin-bottom: 60px; }
.whats-on .content-block-item-image {
height: 180px; }
.whats-on.carousel {
margin-right: 20px;
margin-top: 0px; }
.whats-on.purple a {
color: #4B306A; }
.events__pagination {
padding-bottom: 50px;
padding-top: 40px;
font-size: 130%;
text-align: center; }
.events__pagination .page-numbers.current {
color: #006373; }
.events__pagination .page-numbers {
margin-left: 3px;
margin-right: 3px; }
.events__pagination a {
color: #A70240;
text-decoration: none; }
@media (min-width: 640px) {
.events__pagination a:hover {
text-decoration: underline; } }
.events__pagination .events__viewall {
color: #006373; }
#selected-filter-genre {
display: none; }
.list-genre {
display: block;
margin-bottom: 5px;
font-size: 1rem; }
.list-genre a {
text-decoration: none; }
.list-show-title {
font-size: 1.3rem;
margin-bottom: 10px; }
.list-date {
font-size: 0.94rem;
display: block;
margin-bottom: 10px; }
.list-description {
font-size: 0.94rem;
display: block;
margin-bottom: 20px; }
.list-description a.read-more {
display: block;
margin-top: 20px;
text-decoration: none; }
#production_view_more, #production_view_all {
margin: 0 auto;
margin-bottom: 40px;
background: #b3b3b3; }
#production_view_more:hover, #production_view_all:hover {
background: #7A7A7A; }
.genre-list {
color: #595959;
font-size: 1.13rem;
margin-left: 0; }
.genre-list li {
list-style: none;
margin-bottom: 10px; }
.genre-list a {
text-decoration: none;
color: #595959; }
.genre-list .filter-item:before {
font-family: 'FontAwesome';
display: inline-block;
content: "\f10c";
margin-right: 20px;
font-size: 1.25rem; }
.genre-list .filter-item.is-selected:before {
font-family: 'FontAwesome';
display: inline-block;
content: "\f05d";
color: #A70240;
margin-right: 20px; }
.genre-list.mobile li {
display: inline-block;
margin-right: 0;
min-width: 45%; }
@media (min-width: 640px) {
.genre-list.mobile li {
min-width: 24%; } }
.accordion-wrapper {
margin-bottom: 30px; }
.accordion-title {
border-top: #F5F5F5 1px solid;
padding-top: 20px;
padding-right: 50px;
cursor: pointer;
position: relative; }
.accordion-title .dropdown-arrow {
font-size: 1.8rem;
font-family: 'FontAwesome';
margin-top: 10px;
position: absolute;
right: 20px;
top: 0; }
.accordion-title .dropdown-arrow:after {
content: '\f107'; }
.accordion-content {
display: none;
padding-bottom: 20px; }
.active.accordion .accordion-content {
display: block; }
.active.accordion .accordion-title .dropdown-arrow:after {
content: '\f00d';
font-size: 70%; }
.attendable-datepicker {
padding: 0 10px 10px 10px; }
.ui-datepicker-header {
margin-bottom: 15px; }
.ui-datepicker-header select {
background-position: 90% 50%;
width: 45%;
margin: 0 2.5%; }
.ui-datepicker-calendar {
padding: 0 15px; }
.ui-datepicker-calendar thead th {
padding: 0 0 10px 0;
text-align: center;
width: 13%; }
.ui-datepicker-calendar tbody td {
text-align: center;
margin-bottom: 10px;
padding: 0 0 10px 0;
width: 13%; }
.ui-datepicker-calendar tbody td.ui-datepicker-unselectable span {
color: #b3b3b3; }
.ui-datepicker-calendar tbody td.ui-datepicker-other-month span {
color: #cccccc; }
.ui-datepicker-calendar tbody td.ui-datepicker-other-month a {
background: #cccccc !important; }
.ui-datepicker-calendar tbody td.active a {
background: #b3b3b3;
color: #ffffff;
display: inline-block;
line-height: 35px;
width: 35px;
height: 35px;
-moz-border-radius: 17.5px;
-webkit-border-radius: 17.5px;
-khtml-border-radius: 17.5px;
border-radius: 17.5px;
text-align: center;
text-decoration: none; }
.ui-datepicker-calendar tbody td.ui-datepicker-current-day a {
background: #A70240; }
button.ui-datepicker-current {
padding: 6px 12px;
background-color: #B3B3B3;
color: #FFF;
height: auto;
line-height: 1em;
margin-bottom: 20px;
display: none; }
.calendar {
background: #F5F5F5;
font-weight: bold;
margin-bottom: 40px; }
.calendar ul, .calendar ol {
list-style-type: none; }
.calendar .previous-month {
float: left; }
.calendar .previous-month span:after {
content: '\f060'; }
.calendar .next-month {
float: right; }
.calendar .next-month span:after {
content: '\f061'; }
.calendar .next-month,
.calendar .previous-month {
cursor: pointer;
line-height: 1em;
text-decoration: none;
padding: 15px;
position: relative;
z-index: 5; }
.calendar .next-month span:after,
.calendar .previous-month span:after {
line-height: 1em;
font-family: 'FontAwesome';
display: block;
height: 20px;
width: 15px; }
@media (min-width: 640px) {
.calendar .next-month:hover,
.calendar .previous-month:hover {
color: #A70240; } }
.calendar .calendar-header {
height: 50px;
position: relative; }
.calendar .month-name {
padding: 10px 25px;
width: 100%;
display: inline-block;
color: #595959;
text-align: center;
margin: 0 auto;
font-size: 1.25rem;
position: absolute;
left: 0;
top: 0; }
.calendar .weekday-names {
margin: 0;
padding: 10px 1%;
color: #595959;
text-align: center; }
.calendar .weekday-names abbr[title] {
border: none;
cursor: default; }
.calendar .weekday-names li {
display: inline-block;
margin: 0;
width: 13%; }
.calendar .weeks {
margin: 0;
padding: 0; }
.calendar .weeks .days {
padding: 0 1.5%;
margin: 0;
color: #ffffff;
width: 100%;
text-align: center; }
.calendar .weeks .days li {
display: inline-block;
width: 13%;
text-align: center;
margin-bottom: 10px;
color: #b3b3b3; }
.calendar .weeks .days li a {
display: block;
color: #ffffff;
background: #b3b3b3;
text-decoration: none;
color: #ffffff;
display: inline-block;
line-height: 30px;
width: 30px;
height: 30px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
border-radius: 15px;
text-align: center; }
.calendar .weeks .days li a .fa {
font-size: 1.25rem;
line-height: 26px; }
.calendar .weeks .days li a.white {
color: #ffffff;
border-color: #ffffff; }
@media (min-width: 640px) {
.calendar .weeks .days li a {
color: #ffffff;
display: inline-block;
line-height: 40px;
width: 40px;
height: 40px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
text-align: center; }
.calendar .weeks .days li a .fa {
font-size: 1.25rem;
line-height: 36px; }
.calendar .weeks .days li a.white {
color: #ffffff;
border-color: #ffffff; } }
@media (min-width: 1000px) {
.calendar .weeks .days li a {
color: #ffffff;
display: inline-block;
line-height: 30px;
width: 30px;
height: 30px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
border-radius: 15px;
text-align: center; }
.calendar .weeks .days li a .fa {
font-size: 1.25rem;
line-height: 26px; }
.calendar .weeks .days li a.white {
color: #ffffff;
border-color: #ffffff; } }
@media (min-width: 1440px) {
.calendar .weeks .days li a {
color: #ffffff;
display: inline-block;
line-height: 35px;
width: 35px;
height: 35px;
-moz-border-radius: 17.5px;
-webkit-border-radius: 17.5px;
-khtml-border-radius: 17.5px;
border-radius: 17.5px;
text-align: center; }
.calendar .weeks .days li a .fa {
font-size: 1.25rem;
line-height: 31px; }
.calendar .weeks .days li a.white {
color: #ffffff;
border-color: #ffffff; } }
.calendar .weeks .days li.selected-day a {
background: #A70240;
color: #ffffff; }
.calendar .weeks .days li.ui-datepicker-other-month, .calendar .weeks .days li.day-in-next-month {
color: #cccccc; }
.calendar .weeks .days li.ui-datepicker-other-month a, .calendar .weeks .days li.day-in-next-month a {
color: #ffffff;
background: #cccccc; }
.classics-block {
padding: 20px;
color: #ffffff;
position: relative;
display: block;
height: 265px;
margin-bottom: 20px; }
.classics-block h3, .classics-block h4 {
color: #ffffff;
margin-bottom: 5px; }
.classics-block .text-wrap {
position: absolute;
bottom: 20px;
left: 20px;
z-index: 90; }
.block-fade {
-webkit-transition: all 250ms cubic-bezier(0.25, 0.1, 0.25, 1);
-moz-transition: all 250ms cubic-bezier(0.25, 0.1, 0.25, 1);
-o-transition: all 250ms cubic-bezier(0.25, 0.1, 0.25, 1);
transition: all 250ms cubic-bezier(0.25, 0.1, 0.25, 1);
position: absolute;
bottom: 0;
left: 0;
height: 100%;
width: 100%;
opacity: 0.5;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+69&0+50,0.78+81 */
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.48) 69%, rgba(0, 0, 0, 0.78) 81%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.48) 69%, rgba(0, 0, 0, 0.78) 81%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.48) 69%, rgba(0, 0, 0, 0.78) 81%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#c7000000',GradientType=0 );
/* IE6-9 */ }
.archive-notice {
background: #2AB679;
color: #ffffff;
font-weight: 600;
text-align: center;
margin-bottom: 0;
padding: 10px;
width: 100%; }
.intro-section {
margin: 80px 0 20px 0;
overflow: hidden; }
@media (min-width: 640px) {
.intro-section {
margin: 110px 0 75px 0; } }
@media (min-width: 1000px) {
.intro-section {
margin: 120px 0 90px 0; } }
.intro-section.home {
margin: 40px 0 40px 0; }
@media (min-width: 640px) {
.intro-section.home {
margin: 55px 0 50px 0; } }
@media (min-width: 1000px) {
.intro-section.home {
margin: 90px 0 50px 0; } }
.intro-section.home h1, .intro-section.home h2, .intro-section.home h3, .intro-section.home h4, .intro-section.home h5, .intro-section.home h6 {
font-size: 1.13rem; }
.intro-section h1, .intro-section h2, .intro-section h3, .intro-section h4, .intro-section h5, .intro-section h6 {
font-size: 1.7rem; }
.intro-section .list-show-title a {
color: #A70240;
font-size: 1.2rem; }
.intro-text {
margin-bottom: 40px; }
@media (min-width: 640px) {
.intro-text {
padding-right: 10%;
margin-bottom: 0; } }
@media (min-width: 1000px) {
.intro-text {
padding-right: 15%; } }
.intro-text.large p {
margin-bottom: 10px;
font-size: 1.25rem;
line-height: 1.5em; }
.navigation-block .content-block-sub-heading {
color: #006373;
font-size: 1.31rem; }
.navigation-block .navigation-link {
font-size: 1.1rem;
color: #629FAD; }
.navigation-block .navigation-link .fa {
font-size: 1.2rem;
line-height: 1.6em; }
.navigation-block.purple .content-block-sub-heading {
color: #8A78A6; }
.navigation-block.purple .navigation-link {
color: #8A78A6; }
.navigation-block.red .content-block-sub-heading {
color: #D68891; }
.navigation-block.red .navigation-link {
color: #D68891; }
.section-navigation {
width: 100%;
margin-left: 0; }
.section-navigation li {
display: block;
margin-bottom: 20px;
margin-left: 0;
position: relative; }
.section-navigation .fa {
display: inline;
float: right; }
.section-navigation a.navigation-link {
display: block;
padding-right: 25px; }
@media (min-width: 640px) {
.section-navigation {
margin-top: 0;
margin-bottom: 0; } }
.link-arrow {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
right: 0; }
.link-arrow .fa {
font-size: 1.2rem;
line-height: 1.6em; }
.selector-bg, .primary, .single-title-wrapper.selector-fg {
background: #A70240; }
.selector-bg.dark, .primary.dark, .single-title-wrapper.selector-fg.dark {
background: #420119; }
.single-title-wrapper.selector-fg h3 {
color: #ffffff !important; }
.secondary.dark {
background: #420119; }
.selector-fg h1, .selector-fg h3, .selector-fg h3, .selector-fg h4, .selector-fg h5, .selector-fg h6 {
color: #A70240; }
.selector-fg h1 a, .selector-fg h3 a, .selector-fg h3 a, .selector-fg h4 a, .selector-fg h5 a, .selector-fg h6 a {
color: #A70240; }
.side-information {
padding-right: 15%;
margin-top: 40px; }
.side-information h1, .side-information h2, .side-information h3, .side-information h4, .side-information h5, .side-information h6 {
font-size: 1.31rem; }
.side-information p {
font-size: 1rem;
margin-bottom: 0px; }
@media (min-width: 640px) {
.side-information {
margin-top: 0; } }
.side-info-block {
margin-bottom: 20px; }
.side-info-block h3 {
font-size: 1.2em;
font-weight: 500;
margin: 30px 0 5px 0; }
.side-info-block h4.share {
color: #7A7A7A !important;
font-weight: 400; }
.side-info-block p {
font-size: 0.9rem; }
.side-info-block p.venue {
font-size: 1em;
margin-bottom: 5px; }
.side-info-block_hashtag {
margin-top: 3%; }
@media (min-width: 640px) {
.side-info-block_hashtag {
margin-top: 5%; } }
.additional-info-block {
margin-top: 80px;
margin-bottom: 40px;
background: #F5F5F5; }
.additional-info-block h1, .additional-info-block h2, .additional-info-block h3, .additional-info-block h4, .additional-info-block h5, .additional-info-block h6 {
font-size: 1.31rem;
color: #A70240; }
.additional-info-block p {
font-size: 1rem; }
.additional-info-block .call-to-action, .additional-info-block #production_view_more, .additional-info-block #production_view_all, .additional-info-block .search-results .results-page .call-to-action, .search-results .results-page .additional-info-block .call-to-action {
border: 2px solid #A70240;
color: #A70240; }
.additional-info-block .call-to-action:hover, .additional-info-block #production_view_more:hover, .additional-info-block #production_view_all:hover {
background: #A70240; }
.additional-info-block.classics {
margin-top: 0;
margin-bottom: 40px; }
.additional-info-block.classics h1, .additional-info-block.classics h2, .additional-info-block.classics h3, .additional-info-block.classics h4, .additional-info-block.classics h5, .additional-info-block.classics h6 {
font-size: 1.31rem;
color: #A70240; }
.additional-info-column .inner {
padding: 20px; }
.description h3 {
font-weight: 500; }
.description p {
font-size: 1em; }
#tabbed-content {
margin: 30px;
padding-top: 30px;
border-top: 1px solid #d3d3d3; }
@media (min-width: 640px) {
#tabbed-content {
margin: 30px 0 60px 0; } }
#tabbed-content ul.links {
list-style-type: none;
margin: 0;
padding: 0 5% 0 0; }
@media (min-width: 640px) {
#tabbed-content ul.links {
padding: 20px 15% 0 0;
text-align: right; } }
#tabbed-content ul.links li {
margin-bottom: 5px;
display: inline-block;
width: 100%; }
#tabbed-content ul.links li a {
display: inline-block;
font-size: 1.1em;
font-weight: 500 !important;
text-align: left;
text-decoration: none;
width: 250px; }
#tabbed-content ul.links li a i {
display: none;
float: right; }
@media (min-width: 640px) {
#tabbed-content ul.links li a i {
display: inline-block;
margin-left: 15px; } }
#tabbed-content .tab p {
font-size: 1em; }
#tabbed-content .tab h1, #tabbed-content .tab h2, #tabbed-content .tab h3, #tabbed-content .tab h4, #tabbed-content .tab h5, #tabbed-content .tab h6 {
color: #7A7A7A !important; }
#tabbed-content .tab h4 {
font-size: 1.1em;
font-weight: 500 !important;
margin-bottom: 5px; }
#tabbed-content #save-money a {
font-weight: bold;
text-decoration: none; }
.single-education {
display: flex;
flex-wrap: wrap; }
.single-education .event {
display: flex;
flex-direction: column; }
@media (min-width: 640px) {
.single-education .event {
margin-bottom: 30px;
padding-right: 20px;
width: 49%; } }
.single-education .event p.desc {
flex: 1 0 auto; }
.single-education .event a {
max-width: 150px; }
.related-shows .content-block-item {
color: #ffffff; }
.related-shows .content-block-item a {
color: #ffffff; }
.review-wrapper {
text-align: center; }
.reviews {
padding: 20px 0;
margin: 40px 0; }
@media (min-width: 640px) {
.reviews {
margin: 0;
padding: 40px 0; } }
.reviews .single-review {
font-size: 1.13rem;
text-align: center;
margin-bottom: 40px;
padding: 0;
width: 100%;
display: inline-block;
vertical-align: middle; }
.reviews .single-review .stars {
display: block;
margin: 15px 0 5px 0; }
.reviews .single-review .stars .fa {
color: #b3b3b3;
font-size: 2rem;
margin: 0 5px; }
.reviews .single-review .stars .fa.active {
color: #DEBD83; }
@media (min-width: 1000px) {
.reviews .single-review {
width: 50%; } }
.reviews .single-review .reviewer {
font-style: italic; }
.reviews .single-review .reviewer a {
text-decoration: none;
color: #595959; }
.cast-block .cast-carousel-wrapper {
padding: 0 35px; }
.cast-block .cast-carousel-wrapper .cast-carousel {
width: 100%;
text-align: center; }
.cast-block .cast-carousel-wrapper .cast-carousel .owl-wrapper-outer {
width: 100%; }
.cast-block .cast-carousel-wrapper .cast-carousel .owl-wrapper-outer .owl-item {
display: inline-block; }
.cast-block .cast-carousel-wrapper .cast-carousel .owl-prev, .cast-block .cast-carousel-wrapper .cast-carousel .owl-next {
position: absolute;
top: 35%;
background: none;
color: #7A7A7A; }
.cast-block .cast-carousel-wrapper .cast-carousel .owl-prev {
left: -40px; }
@media (min-width: 640px) {
.cast-block .cast-carousel-wrapper .cast-carousel .owl-prev {
left: -40px; } }
@includebp (desk) {
.cast-block .cast-carousel-wrapper .cast-carousel .owl-prev {
left: -30px; } }
.cast-block .cast-carousel-wrapper .cast-carousel .owl-next {
right: -40px; }
.actor-image {
margin-right: 20px; }
.actor-name {
color: #A70240;
display: block; }
#gallery .content-block-wrapper {
margin-top: 20px; }
@media (min-width: 640px) {
#gallery .content-block-wrapper {
margin-top: 40px; } }
#gallery .non-featured-image .grid__item:nth-of-type(1n+5) {
display: none; }
#gallery .c-load-more {
text-align: center;
width: 200px;
margin: 20px auto 0 auto;
position: relative; }
#gallery .c-load-more .c-load-more__count {
font-size: 0.9em;
position: absolute;
top: -12px;
right: 5px;
width: 30px;
height: 30px;
line-height: 30px;
color: #232323;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;
background-color: #ffffff; }
.gallery-item {
margin-bottom: 12px; }
.gallery-item a.fresco {
font-size: 0; }
.gallery-item img {
margin-bottom: 0; }
.gallery-image {
background-size: cover;
background-position: center; }
.gallery-image.main {
height: 420px; }
.video-thumbnail-wrapper {
position: relative; }
.play-button-overlay {
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
text-align: center;
background: rgba(0, 0, 0, 0.7); }
.play-button-overlay .play-button {
background: none;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 3.5rem;
opacity: 0.7;
height: auto; }
.play-button-overlay .play-button:hover {
opacity: 0.9; }
.owl-theme .owl-controls .owl-buttons div {
background: none;
color: #7A7A7A;
font-size: 2rem; }
.owl-theme .owl-controls .owl-page span {
display: block;
width: 12px;
height: 12px;
margin: 5px 7px;
filter: Alpha(Opacity=50);
/*IE7 fix*/
opacity: 0.5;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: #869791; }
/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers {
height: auto;
width: auto;
color: #FFF;
padding: 2px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px; }
.view-more {
text-align: center;
margin-top: 30px; }
.view-more.center {
width: 100%;
display: block; }
@media (min-width: 1000px) {
.view-more.center {
width: 70%;
margin-left: 30%; } }
.news-feature {
padding: 20px;
background: #F5F5F5;
margin-top: 80px;
margin-bottom: 40px;
display: block; }
.news-feature img {
margin-bottom: 0; }
.news-feature .featured-news-image {
height: 350px;
background-position: center;
background-size: cover;
margin-bottom: 20px; }
@media (min-width: 640px) {
.news-feature .featured-news-image {
margin-bottom: 0; } }
@media (min-width: 640px) {
.news-feature .call-to-action, .news-feature #production_view_more, .news-feature #production_view_all, .news-feature .search-results .results-page .call-to-action, .search-results .results-page .news-feature .call-to-action {
margin-bottom: 0; } }
.news-feature .content-block-sub-heading {
color: #A70240; }
.news-title {
font-size: 2.2rem;
margin-top: 40px;
margin-bottom: 40px;
color: #A70240; }
.news-date {
font-size: 1.25rem;
margin-bottom: 30px;
display: block; }
@media (min-width: 640px) {
.description.padded {
padding: 0 20px; } }
@media (min-width: 1000px) {
.description.padded {
padding: 0 80px; } }
@media (min-width: 640px) {
.description.padded.large-pad {
padding: 0 80px; } }
@media (min-width: 1000px) {
.description.padded.large-pad {
padding: 0 160px; } }
@media (min-width: 1440px) {
.description.padded.large-pad {
padding: 0 240px; } }
.description a.read-more {
display: none; }
@media (min-width: 640px) {
.wysiwyg.padded {
padding: 0 20px; } }
@media (min-width: 1000px) {
.wysiwyg.padded {
padding: 0 80px; } }
.search-bar {
width: 300px;
overflow: hidden;
margin: 0 auto 40px auto;
display: block;
position: relative; }
@media (min-width: 1000px) {
.search-bar {
margin: 0;
float: right; } }
.search-bar .search-field {
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
border-radius: 15px;
display: inline-block;
height: 50px; }
.search-bar .search-btn {
position: absolute;
right: 10px;
top: 5px;
height: 40px;
width: 40px;
padding: 0;
background: #D68891;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
vertical-align: middle; }
.contact-form label {
margin-bottom: 10px; }
.contact-form select {
margin-bottom: 10px; }
.contact-form textarea {
margin-bottom: 10px; }
.contact-form input {
margin-bottom: 10px; }
.contact-form .call-to-action, .contact-form #production_view_more, .contact-form #production_view_all, .contact-form .search-results .results-page .call-to-action, .search-results .results-page .contact-form .call-to-action {
margin-top: 20px; }
.search-results .block.thumnbail img {
margin-bottom: 0; }
.search-results .search-result {
margin-bottom: 20px;
border-bottom: 1px solid #cccccc; }
.search-results .search-result .block.thumbnail img {
margin-bottom: 0; }
.search-results .-sub-heading {
color: #006373; }
.search-results .post-title {
font-size: 1.3rem;
display: block; }
.search-results .post-title a {
color: #006373; }
.search-results .results-post .post-title a {
color: #A70240; }
.search-results .results-page .post-title a {
color: #006373; }
.search-results .results-production {
background: #F5F5F5;
padding: 20px;
border: none; }
.search-results .results-production .post-title a {
color: #A70240; }
#search-pagination .pagination {
letter-spacing: normal;
word-spacing: normal; }
#search-pagination .screen-reader-text {
display: none; }
#search-pagination .page-numbers {
font-size: 1.3rem; }
.hero-partner {
background: #F5F5F5;
padding: 40px; }
.hero-partner .content-block-sub-heading {
color: #4B306A; }
.hero-partner .call-to-action.open, .hero-partner .open#production_view_more, .hero-partner .open#production_view_all {
border: 2px solid #4B306A;
color: #4B306A; }
.hero-partner .call-to-action.open:hover, .hero-partner .open#production_view_more:hover, .hero-partner .open#production_view_all:hover {
background: #4B306A !important;
color: #ffffff !important; }
.hero-partner .content-block-item-image {
text-align: center; }
.partner-list {
margin-bottom: 40px !important; }
.partner-list .list-date p {
font-size: 0.95rem; }
.form-content input, .form-content textarea {
margin-bottom: 20px; }
.form-content input[type="checkbox"] {
margin-bottom: 0;
margin-right: 10px; }
.form-content label {
margin-bottom: 5px; }
.form-content .call-to-action, .form-content #production_view_more, .form-content #production_view_all, .form-content .search-results .results-page .call-to-action, .search-results .results-page .form-content .call-to-action {
padding: 0 20px;
margin-top: 20px; }
.form-content .form-error {
color: #d9534f;
margin-top: -5px;
margin-bottom: 5px;
display: block;
font-size: 0.9rem; }