@charset "UTF-8";
@charset 'UTF-8';
html {
box-sizing: border-box
}
*,
*::after,
*::before {
box-sizing: inherit
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block
}
body {
line-height: 1
}
ol,
ul {
list-style: none;
margin: 0;
padding: 0
}
blockquote,
q {
quotes: none
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none
}
table {
border-collapse: collapse;
border-spacing: 0
}
@media print {
p,
blockquote {
orphans: 2;
widows: 2
}
blockquote,
ul,
ol {
page-break-inside: avoid
}
h1,
h2,
h3,
caption {
page-break-after: avoid
}
* {
background: transparent !important;
color: black !important;
text-shadow: none !important;
-webkit-filter: none !important;
filter: none !important;
-ms-filter: none !important
}
a,
a:visited {
text-decoration: underline
}
a[href]:after {
content: " (" attr(href) ")"
}
abbr[title]:after {
content: " (" attr(title) ")"
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: ""
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid
}
thead {
display: table-header-group
}
tr,
img {
page-break-inside: avoid
}
img {
max-width: 100% !important
}
@page {
margin: 0.5cm
}
p,
h2,
h3 {
orphans: 3;
widows: 3
}
h2,
h3 {
page-break-after: avoid
}
}
@media (orientation: landscape) and (max-device-width: 768px) {
html,
body {
-webkit-text-size-adjust: 100%
}
}
@font-face {
font-family: 'FFDINWebProBold';
src: url(//normaal.fr/wp-content/themes/normaal/assets/fonts/2ED66B_0_0.eot);
src: url(//normaal.fr/wp-content/themes/normaal/assets/fonts/2ED66B_0_0.eot?#iefix) format("embedded-opentype"), url(//normaal.fr/wp-content/themes/normaal/assets/fonts/2ED66B_0_0.woff2) format("woff2"), url(//normaal.fr/wp-content/themes/normaal/assets/fonts/2ED66B_0_0.woff) format("woff"), url(//normaal.fr/wp-content/themes/normaal/assets/fonts/2ED66B_0_0.ttf) format("truetype")
}
@font-face {
font-family: 'FFDINWebPro';
src: url(//normaal.fr/wp-content/themes/normaal/assets/fonts/2ED66B_1_0.eot);
src: url(//normaal.fr/wp-content/themes/normaal/assets/fonts/2ED66B_1_0.eot?#iefix) format("embedded-opentype"), url(//normaal.fr/wp-content/themes/normaal/assets/fonts/2ED66B_1_0.woff2) format("woff2"), url(//normaal.fr/wp-content/themes/normaal/assets/fonts/2ED66B_1_0.woff) format("woff"), url(//normaal.fr/wp-content/themes/normaal/assets/fonts/2ED66B_1_0.ttf) format("truetype")
}
@font-face {
font-family: 'normaalregular';
src: url(//normaal.fr/wp-content/themes/normaal/assets/fonts/normaal-webfont.eot);
src: url(//normaal.fr/wp-content/themes/normaal/assets/fonts/normaal-webfont.eot?#iefix) format("embedded-opentype"), url(//normaal.fr/wp-content/themes/normaal/assets/fonts/normaal-webfont.woff2) format("woff2"), url(//normaal.fr/wp-content/themes/normaal/assets/fonts/normaal-webfont.woff) format("woff"), url(//normaal.fr/wp-content/themes/normaal/assets/fonts/normaal-webfont.ttf) format("truetype"), url(//normaal.fr/wp-content/themes/normaal/assets/fonts/normaal-webfont.svg#normaalregular) format("svg");
font-weight: normal;
font-style: normal
}
body {
font-family: "FFDINWebPro", sans-serif;
font-size: 15px;
color: #111;
line-height: 140%
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "FFDINWebProBold", sans-serif;
color: #111;
margin: 0;
line-height: 140%
}
h1,
.h1-like {
font-size: 41px;
text-transform: uppercase
}
@media only screen and (max-width: 767px) {
h1,
.h1-like {
font-size: 20px
}
}
h2,
.h2-like {
font-size: 32px;
text-transform: uppercase
}
@media only screen and (max-width: 767px) {
h2,
.h2-like {
font-size: 18px
}
}
h3,
.h3-like {
font-size: 32px;
font-weight: 600
}
@media only screen and (max-width: 767px) {
h3,
.h3-like {
font-size: 16px
}
}
h4,
.h4-like {
font-size: 24px;
font-weight: 600
}
@media only screen and (max-width: 767px) {
h4,
.h4-like {
font-size: 18px
}
}
h5,
.h5-like {
font-size: 16px;
font-weight: 400
}
h6,
.h6-like {
font-size: 16px;
font-weight: 600
}
.aa-title {
letter-spacing: 2px;
font-family: "normaalregular", sans-serif;
text-transform: uppercase
}
.aa-title u {
font-family: "FFDINWebProBold", sans-serif;
text-transform: none;
font-size: 30px;
text-decoration: none;
display: block;
line-height: 100%
}
.aa-title span {
color: #eb0f00;
letter-spacing: -1px;
margin-right: 4px;
display: inline-block;
text-transform: none
}
.clear {
clear: both
}
.clearfix:after {
content: " ";
visibility: hidden;
display: block;
height: 0;
clear: both
}
.mobile-only {
display: none !important
}
@media only screen and (max-width: 767px) {
.desktop-only {
display: none !important
}
.mobile-only {
display: block !important
}
}
.container {
padding: 0 10px;
max-width: 1190px;
margin-left: auto;
margin-right: auto
}
.container::after {
clear: both;
content: "";
display: table
}
.container .row {
display: block
}
.container .row::after {
clear: both;
content: "";
display: table
}
.container .omega {
margin-right: 0
}
@media only screen and (min-width: 767px) {
.grid_1 {
float: left;
display: block;
margin-right: 2.56122%;
width: 5.98555%
}
.grid_1:last-child {
margin-right: 0
}
.grid_2 {
float: left;
display: block;
margin-right: 2.56122%;
width: 14.53232%
}
.grid_2:last-child {
margin-right: 0
}
.grid_3 {
float: left;
display: block;
margin-right: 2.56122%;
width: 23.07909%
}
.grid_3:last-child {
margin-right: 0
}
.grid_4 {
float: left;
display: block;
margin-right: 2.56122%;
width: 31.62585%
}
.grid_4:last-child {
margin-right: 0
}
.grid_5 {
float: left;
display: block;
margin-right: 2.56122%;
width: 40.17262%
}
.grid_5:last-child {
margin-right: 0
}
.grid_6 {
float: left;
display: block;
margin-right: 2.56122%;
width: 48.71939%
}
.grid_6:last-child {
margin-right: 0
}
.grid_7 {
float: left;
display: block;
margin-right: 2.56122%;
width: 57.26616%
}
.grid_7:last-child {
margin-right: 0
}
.grid_8 {
float: left;
display: block;
margin-right: 2.56122%;
width: 65.81293%
}
.grid_8:last-child {
margin-right: 0
}
.grid_9 {
float: left;
display: block;
margin-right: 2.56122%;
width: 74.3597%
}
.grid_9:last-child {
margin-right: 0
}
.grid_10 {
float: left;
display: block;
margin-right: 2.56122%;
width: 82.90646%
}
.grid_10:last-child {
margin-right: 0
}
.grid_11 {
float: left;
display: block;
margin-right: 2.56122%;
width: 91.45323%
}
.grid_11:last-child {
margin-right: 0
}
.grid_12 {
float: left;
display: block;
margin-right: 2.56122%;
width: 100%
}
.grid_12:last-child {
margin-right: 0
}
}
* {
box-sizing: border-box
}
body {
background: #fefef3
}
body.admin-bar {
padding-top: 32px
}
a {
text-decoration: none;
color: #000
}
a:hover {
color: #eb0f00;
text-decoration: none
}
img {
height: auto;
max-width: 100%;
display: block
}
@media only screen and (max-width: 767px) {
img {
width: 100%
}
}
blockquote {
color: #111;
font-style: italic;
font-size: 18px;
line-height: 170%
}
blockquote p:before {
content: " “ ";
color: #F6CFE5
}
blockquote p:after {
content: " ” ";
color: #F6CFE5
}
hr {
background: #F0F0F0;
border: none;
height: 1px
}
table {
border-collapse: collapse;
border-spacing: 0
}
table th {
border: 1px solid gray;
padding: 0.2em;
text-align: left
}
table td {
border: 1px solid gray;
padding: 0.2em
}
.mobile-only {
display: none !important
}
.txtleft {
text-align: left
}
.txtright {
text-align: right
}
.txtcenter {
text-align: center
}
.hidden {
visibility: hidden
}
.main {
background: #fefef3;
position: relative;
padding-top: 140px
}
.home .main {
margin-top: 90%;
padding-top: 40px;
z-index: 10
}
.home .main:before {
content: "";
display: block;
background: url(//normaal.fr/wp-content/themes/normaal/assets/img/scratch.png) repeat-x top center;
height: 100px;
width: 100%;
position: absolute;
top: -25px
}
@media only screen and (max-width: 767px) {
.home .main:before {
top: -30px
}
}
@media only screen and (max-width: 1200px) {
.home .main {
position: relative;
top: -10px;
margin-top: 0
}
}
.main.generaal-content {
padding-top: 0
}
@media only screen and (max-width: 767px) {
.main.staaf-content {
padding-top: 80px
}
}
.main.filmgraphy-single {
padding-top: 100px
}
@media only screen and (max-width: 1200px) {
body.no-scroll {
height: 100%;
overflow: hidden;
position: fixed
}
body.menu-opened .wrapper {
-webkit-transform: translateX(290px);
-ms-transform: translateX(290px);
transform: translateX(290px);
-webkit-transition: -webkit-transform 0.4s;
transition: transform 0.4s
}
.wrapper {
-webkit-transition: -webkit-transform 0.4s;
transition: transform 0.4s
}
.overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.8);
z-index: 99
}
}
@media only screen and (max-width: 767px) {
.desktop-only {
display: none !important
}
.mobile-only {
display: block !important
}
img {
max-width: 100%
}
body {
padding-top: 0
}
}
@-webkit-keyframes translate_y {
0% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
50% {
-webkit-transform: translateY(10px);
transform: translateY(10px)
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes translate_y {
0% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
50% {
-webkit-transform: translateY(10px);
transform: translateY(10px)
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
.primary-btn,
.secondary-btn {
display: inline-block;
text-align: center;
-webkit-appearance: none;
border-radius: 0;
background: none;
line-height: 100%
}
.primary-btn [class*="flr-"],
.secondary-btn [class*="flr-"] {
font-size: 20px;
vertical-align: middle
}
.primary-btn:hover,
.secondary-btn:hover {
background: #fefef3;
text-decoration: none
}
.primary-btn:active,
.secondary-btn:active {
background: #fefef3;
text-decoration: none
}
.primary-btn {
font-family: "normaalregular", sans-serif;
background: #f0f1e8;
padding: 15px 15px;
color: #eb0f00;
font-size: 40px;
border-radius: 8px;
text-transform: uppercase;
-webkit-transition: all 0.15s ease-out 0s;
transition: all 0.15s ease-out 0s
}
.primary-btn:hover {
color: #FFF;
background: #eb0f00;
-webkit-transition: all 0.15s ease-out 0s;
transition: all 0.15s ease-out 0s
}
.primary-btn.small {
font-size: 14px;
height: 40px;
padding-top: 10px
}
.primary-btn [class*="flr-"] {
position: relative;
vertical-align: sub;
font-size: 30px;
color: #eb0f00;
-webkit-transition: all 0.15s ease-out 0s;
transition: all 0.15s ease-out 0s
}
.primary-btn:hover [class*="flr-"] {
color: #FFF
}
.primary-btn.success {
font-weight: 600;
color: #FFF;
background: #5BC89F;
border-color: #5BC89F
}
.primary-btn.alert {
font-weight: 600;
color: #FFF;
background: #FF5E76;
border-color: #FF5E76
}
.primary-btn.disabled {
opacity: 0.4
}
.primary-btn.disabled:hover,
.primary-btn.disabled:active {
cursor: default;
background: none;
color: #111
}
.primary-btn.disabled:hover [class*="flr-"],
.primary-btn.disabled:active [class*="flr-"] {
color: #eb0f00
}
.secondary-btn {
color: #eb0f00;
border: 1px solid #fefef3;
height: 40px;
width: 40px;
vertical-align: middle;
border-radius: 20px;
-webkit-transition: all 0.15s ease-out 0s;
transition: all 0.15s ease-out 0s
}
.secondary-btn [class*="flr-"] {
line-height: 190%
}
.secondary-btn:hover {
color: #FFF;
background: #fefef3;
-webkit-transition: all 0.15s ease-out 0s;
transition: all 0.15s ease-out 0s
}
.secondary-btn:active {
color: #FFF
}
.secondary-btn.light {
color: #fefef3;
border-color: #FFF;
background: #FFF;
vertical-align: middle;
border-radius: 20px;
-webkit-transition: all 0.15s ease-out 0s;
transition: all 0.15s ease-out 0s
}
.secondary-btn.light:hover {
color: #FFF;
background: #fefef3;
border-color: #fefef3;
-webkit-transition: all 0.15s ease-out 0s;
transition: all 0.15s ease-out 0s
}
@media only screen and (max-width: 767px) {
.secondary-btn {
height: 30px;
width: 30px
}
.secondary-btn [class*="flr-"] {
line-height: 140%
}
}
.close-btn {
background: none;
border: none;
width: 30px;
height: 30px;
text-align: center;
line-height: 160%;
cursor: pointer
}
.close-btn [class*="flr-"] {
color: #eb0f00
}
.close-btn:hover [class*="flr-"] {
color: #fefef3
}
.share-btn {
color: #eb0f00;
background: none;
border: none;
cursor: pointer;
padding: 0
}
.share-btn [class*="flr-"] {
color: #eb0f00;
vertical-align: middle;
font-size: 18px
}
.back-btn {
color: #888;
-webkit-transition: all 0.15s ease-out 0s;
transition: all 0.15s ease-out 0s
}
.back-btn u {
text-decoration: none
}
@media only screen and (max-width: 767px) {
.back-btn {
font-size: 12px
}
}
.back-btn [class*="flr-"] {
margin-right: 10px;
text-align: center;
font-size: 20px;
display: inline-block;
line-height: 190%;
color: #eb0f00;
border: 1px solid #fefef3;
height: 40px;
width: 40px;
vertical-align: middle;
border-radius: 20px;
-webkit-transition: all 0.15s ease-out 0s;
transition: all 0.15s ease-out 0s
}
@media only screen and (max-width: 767px) {
.back-btn [class*="flr-"] {
height: 30px;
width: 30px;
line-height: 140%
}
}
.back-btn:hover {
color: #eb0f00;
text-decoration: none
}
.back-btn:hover [class*="flr-"] {
background: #fefef3;
color: #FFF
}
form p {
margin-bottom: 20px
}
form label {
font-weight: 600;
color: #111;
display: block;
margin-bottom: 10px
}
button,
input,
select,
textarea {
font-family: arial, sans-serif;
font-size: 100%
}
form input[type="text"],
form input[type="email"],
form input[type="date"],
form input[type="password"],
form textarea,
form select {
border: 2px solid #ddd;
background: #FFF;
padding: 0 10px;
width: 100%;
height: 40px;
color: #111;
-webkit-border-radius: 0;
-webkit-appearance: none !important
}
form input[type="text"],
form input[type="email"],
form input[type="date"],
form input[type="password"],
form textarea {
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1)
}
form input[type="radio"],
form input[type="checkbox"] {
margin: 0 5px 0 0
}
form input:disabled {
background: #F0F0F0;
box-shadow: none;
font-style: italic
}
form input[type="text"]:focus,
form input[type="email"]:focus,
form input[type="date"]:focus,
form input[type="password"]:focus,
form textarea:focus,
form select:focus {
border-color: #888
}
form textarea {
padding: 10px;
height: 150px;
width: 100%;
vertical-align: top
}
form button,
form input[type="submit"] {
padding-top: 0 !important;
cursor: pointer
}
form .error-field label {
color: #FF4160
}
form .error-field input[type="text"],
form .error-field input[type="email"],
form .error-field input[type="date"],
form .error-field input[type="password"],
form .error-field textarea,
form .error-field select,
form .error-field .customSelect {
border: 1px solid #FF4160
}
form .error-info {
background: #FF4160;
font-weight: 600;
font-style: italic;
color: #FFF;
position: relative;
padding: 10px;
display: block;
font-size: 14px;
margin: 10px 0 0px 0;
max-width: 470px
}
form .valid-field input[type="text"],
form .valid-field input[type="email"],
form .valid-field input[type="date"],
form .valid-field input[type="password"],
form .valid-field textarea,
form .valid-field select,
form .valid-field .customSelect {
border: 1px solid #0047BB
}
.custom-select {
position: relative;
display: block;
border: 1px solid #ddd
}
.custom-select select {
width: 100%;
margin: 0;
background: #FFF;
border: 1px solid transparent;
outline: none;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.custom-select:after {
content: "";
position: absolute;
width: 8px;
height: 4px;
top: 50%;
right: 1em;
margin-top: -2px;
background-image: url(//normaal.fr/wp-content/themes/normaal/assets/img/custom-select-pointer.png);
background-repeat: no-repeat;
background-size: 100%;
z-index: 2;
pointer-events: none
}
.custom-select:hover {
border-color: #888
}
.custom-select select:focus {
outline: none;
border-color: #FFF
}
.custom-select option {
font-weight: normal
}
x:-o-prefocus,
.custom-select::after {
display: none
}
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
.custom-select select::-ms-expand {
display: none
}
.custom-select select:focus::-ms-value {
background: transparent;
color: #222
}
}
@-moz-document url-prefix() {
.custom-select {
overflow: hidden
}
.custom-select select {
width: 120%;
width: calc(100% + em)
}
}
.custom-select select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000
}
form .custom-checkbox,
form .custom-radio {
line-height: 100%
}
form .custom-radio input+label {
margin-right: 20px;
padding-top: 4px
}
form .custom-checkbox input[type="checkbox"]:not(:checked),
form .custom-checkbox input[type="checkbox"]:checked,
form .custom-radio input[type="radio"]:not(:checked),
form .custom-radio input[type="radio"]:checked {
position: absolute;
left: -9999px
}
form .custom-checkbox input[type="checkbox"]:not(:checked)+label,
form .custom-checkbox input[type="checkbox"]:checked+label,
form .custom-radio input[type="radio"]:not(:checked)+label,
form .custom-radio input[type="radio"]:checked+label {
position: relative;
padding-left: 30px;
cursor: pointer
}
form .custom-checkbox label {
margin-bottom: 10px
}
form .custom-checkbox input[type="checkbox"]:not(:checked)+label:before,
form .custom-checkbox input[type="checkbox"]:checked+label:before,
form .custom-radio input[type="radio"]:not(:checked)+label:before,
form .custom-radio input[type="radio"]:checked+label:before {
content: '';
position: absolute;
left: 1px;
top: 3px;
width: 16px;
height: 16px;
border: 1px solid #ddd;
background: #FFF;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1)
}
form .custom-checkbox input[type="checkbox"]:not(:checked)+label:before,
form .custom-checkbox input[type="checkbox"]:checked+label:before {
top: -1px;
border-radius: 4px
}
form .custom-radio input[type="radio"]:not(:checked)+label:before,
form .custom-radio input[type="radio"]:checked+label:before {
border-radius: 20px
}
form .custom-checkbox input[type="checkbox"]:checked+label:before,
form .custom-radio input[type="radio"]:checked+label:before {
border: 1px solid #ddd
}
form .custom-checkbox input[type="checkbox"]:not(:checked)+label:after,
form .custom-checkbox input[type="checkbox"]:checked+label:after,
form .custom-radio input[type="radio"]:not(:checked)+label:after,
form .custom-radio input[type="radio"]:checked+label:after {
content: '✔';
position: absolute;
top: 0px;
left: 5px;
font-size: 14px;
color: #fefef3;
-webkit-transition: all 0.15s ease-out 0s;
transition: all 0.15s ease-out 0s
}
form .custom-radio input[type="radio"]:not(:checked)+label:after,
form .custom-radio input[type="radio"]:checked+label:after {
content: '';
top: 8px;
left: 6px;
width: 8px;
height: 8px;
background: #fefef3;
border-radius: 10px
}
form .custom-checkbox input[type="checkbox"]:not(:checked)+label:after,
form .custom-radio input[type="radio"]:not(:checked)+label:after {
opacity: 0;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0)
}
form .custom-checkbox input[type="checkbox"]:checked+label:after,
form .custom-radio input[type="radio"]:checked+label:after {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
form .custom-checkbox input[type="checkbox"]:disabled:not(:checked)+label:before,
form input[type="checkbox"]:disabled:checked+label:before {
box-shadow: none;
border-color: #bbb;
background-color: #ddd
}
form .custom-checkbox input[type="checkbox"]:disabled:checked+label:after {
color: #999
}
form .custom-checkbox input[type="checkbox"]:disabled+label {
color: #aaa
}
@font-face {
font-family: 'icomoon';
src: url(//normaal.fr/wp-content/themes/normaal/assets/fonts/icomoon.eot?-i97gh7);
src: url(//normaal.fr/wp-content/themes/normaal/assets/fonts/icomoon.eot?#iefix-i97gh7) format("embedded-opentype"), url(//normaal.fr/wp-content/themes/normaal/assets/fonts/icomoon.ttf?-i97gh7) format("truetype"), url(//normaal.fr/wp-content/themes/normaal/assets/fonts/icomoon.woff?-i97gh7) format("woff"), url(//normaal.fr/wp-content/themes/normaal/assets/fonts/icomoon.svg?-i97gh7#icomoon) format("svg");
font-weight: normal;
font-style: normal
}
[class^="flr-"],
[class*=" flr-"] {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-size: 30px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.flr-arrow-left:before {
content: "\e600"
}
.flr-arrow-top:before {
content: "\e601"
}
.flr-arrow-right:before {
content: "\e602"
}
.flr-arrow-bottom:before {
content: "\e603"
}
.flr-arrow-back:before {
content: "\e604"
}
.flr-check:before {
content: "\e605"
}
.flr-turnoff:before {
content: "\e606"
}
.flr-search:before {
content: "\e607"
}
.flr-download:before {
content: "\e608"
}
.flr-arrow-light-right:before {
content: "\e609"
}
.flr-menu-mobile:before {
content: "\e60a"
}
.flr-close:before {
content: "\e60b"
}
.header {
position: fixed;
width: 100%;
height: 70px;
top: 0;
background: #E1E3DC;
z-index: 99;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: -webkit-transform, 0.6s;
transition: transform, 0.6s;
-webkit-transition-timing-function: cubic-bezier(0, 0.655, 0, 1.03);
transition-timing-function: cubic-bezier(0, 0.655, 0, 1.03)
}
.admin-bar .header {
top: 32px
}
.header:after {
content: "";
display: block;
background: url(//normaal.fr/wp-content/themes/normaal/assets/img/scratch-menu.png) no-repeat left top;
width: 100%;
height: 65px;
position: absolute;
left: 0;
bottom: -26px;
z-index: -1
}
.header .aa-title {
padding-top: 14px;
font-size: 30px;
text-align: center;
font-family: "normaalregular", sans-serif;
color: #eb0f00;
display: none
}
.header .aa-title span u {
text-transform: uppercase;
display: none;
text-decoration: none
}
@media only screen and (max-width: 1200px) {
.header .aa-title {
display: block
}
}
@media only screen and (max-width: 767px) {
.header .aa-title {
font-size: 16px;
padding-top: 15px
}
.header .aa-title span {
display: block
}
}
.header .logo {
position: absolute;
top: 0;
left: 0;
width: 70px;
height: 70px;
background: #fefef3
}
.header .logo img {
position: absolute;
top: 50%;
left: 50%;
margin: -25px 0 0 -25px
}
@media only screen and (max-width: 767px) {
.header .logo img {
width: 50px
}
}
.header .main-menu {
margin: 24px 0 0 90px
}
@media only screen and (max-width: 1200px) {
.header .main-menu {
margin: 0;
float: none
}
}
.header .form-search {
position: absolute;
top: 14px;
right: 70px;
margin: 0 14px 0 0;
width: 200px
}
@media only screen and (max-width: 1200px) {
.header .form-search {
position: relative;
right: auto;
width: auto;
top: auto;
margin: 10px
}
}
.header .form-search input[type="text"] {
padding-right: 40px;
width: 100%;
border-radius: 4px
}
@media only screen and (max-width: 1200px) {
.header .form-search input[type="text"] {
border-radius: 0px
}
}
.header .form-search .search-btn {
background: none;
border: none;
position: absolute;
width: 40px;
height: 40px;
right: 0;
top: 0;
padding: 0
}
.header .form-search .search-btn [class*="flr-"] {
color: #e0e2db
}
.header .langue-select {
position: absolute;
top: 18px;
right: 10px;
height: auto
}
@media only screen and (max-width: 1200px) {
.header .langue-select {
position: relative;
right: auto;
width: auto;
top: auto;
margin: 10px
}
}
.header .langue-select ul li {
float: none;
width: auto;
position: relative;
padding: 0px !important;
margin: 0px !important;
list-style-type: none !important
}
.header .langue-select ul li a {
display: block;
font-size: 11px;
text-decoration: none !important;
color: #444;
border: none;
background: none;
padding: 10px 10px 0 10px;
line-height: 100%
}
.loading .header,
.hide-header .header {
-webkit-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px)
}
.footer {
position: relative;
z-index: 9;
background: #fefef3;
padding: 60px 0 20px 0;
font-family: "FFDINWebPro", sans-serif
}
.footer .legal {
text-align: center;
font-size: 12px
}
.open-menu {
display: none;
-webkit-transition: all 0.15s ease-out 0s;
transition: all 0.15s ease-out 0s
}
@media only screen and (max-width: 1200px) {
.navigation {
position: fixed;
top: 0;
left: 0;
width: 290px;
height: 100%;
overflow-y: scroll;
overflow-x: hidden;
-webkit-transform: translateX(-290px);
-ms-transform: translateX(-290px);
transform: translateX(-290px);
box-shadow: -4px 0 4px rgba(0, 0, 0, 0.1)
}
}
.navigation .main-menu {
text-align: center
}
.navigation .main-menu li {
display: inline-block;
margin: 0 20px 0 0;
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: -webkit-transform, 0.4s;
transition: transform, 0.4s;
-webkit-transition-timing-function: cubic-bezier(0, 0.47, 0.225, 1.195);
transition-timing-function: cubic-bezier(0, 0.47, 0.225, 1.195)
}
@media only screen and (max-width: 1200px) {
.navigation .main-menu li {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
margin: 0;
text-align: left;
display: block
}
}
.navigation .main-menu li.current-menu-item a {
color: #eb0f00
}
.navigation .main-menu li a {
display: block;
font-size: 20px;
letter-spacing: 2px;
font-family: "normaalregular", sans-serif;
text-transform: uppercase;
color: #FFF;
-webkit-transition: all 0.15s ease-out 0s;
transition: all 0.15s ease-out 0s
}
@media only screen and (max-width: 1200px) {
.navigation .main-menu li a {
color: #555
}
}
.navigation .main-menu li a span {
color: #eb0f00;
display: inline-block;
text-transform: none
}
@media only screen and (max-width: 1200px) {
.navigation .main-menu li a {
font-size: 16px;
padding: 20px 10px;
border-bottom: 2px solid #eb0f00
}
li:first-child .navigation .main-menu li a {
border-top: 2px solid #eb0f00
}
}
.navigation .main-menu li a:hover {
color: #eb0f00
}
.navigation .main-menu li a:hover span {
color: #eb0f00
}
.loading .navigation .main-menu li {
opacity: 0;
-webkit-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px)
}
@media only screen and (max-width: 1200px) {
.loading .navigation .main-menu li {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transform: translateX(-100px);
-ms-transform: translateX(-100px);
transform: translateX(-100px)
}
}
.navigation .main-menu li:nth-child(1) {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s
}
.navigation .main-menu li:nth-child(2) {
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s
}
.navigation .main-menu li:nth-child(3) {
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s
}
.navigation .main-menu li:nth-child(4) {
-webkit-transition-delay: 0.8s;
transition-delay: 0.8s
}
.navigation .close-menu {
color: #fefef3;
font-weight: bold;
font-size: 16px;
display: block;
padding: 10px;
width: 100%;
background: none;
border: none;
border-bottom: 1px solid #fefef3;
cursor: pointer;
text-align: right;
-webkit-transition: all 0.15s ease-out 0s;
transition: all 0.15s ease-out 0s
}
.open-menu {
color: #eb0f00;
font-weight: bold;
display: none;
position: absolute;
top: 0;
right: 0;
padding: 0 10px;
z-index: 99;
width: auto;
height: 70px;
background: none;
border: none;
cursor: pointer;
text-align: center;
-webkit-transition: all 0.15s ease-out 0s;
transition: all 0.15s ease-out 0s
}
.open-menu [class*="flr-"] {
font-size: 50px
}
@media only screen and (max-width: 1200px) {
.open-menu {
display: block
}
}
.footer-menu {
margin: 0;
list-style: none;
text-align: center
}
.footer-menu li {
margin: 0 15px;
display: inline-block
}
.footer-menu li a {
font-size: 12px;
padding: 0;
color: #111;
-webkit-transition: all 0.15s ease-out 0s;
transition: all 0.15s ease-out 0s
}
.footer-menu li a:hover {
text-decoration: underline
}
.project-list {
margin-bottom: 20px;
display: block
}
.project-list::after {
clear: both;
content: "";
display: table
}
.project-list .project-item {
float: left;
display: block;
margin-right: 2.56122%;
width: 23.07909%;
position: relative;
display: block;
overflow: hidden;
margin-bottom: 1.8125em
}
.project-list .project-item:last-child {
margin-right: 0
}
.project-list .project-item:nth-child(4n+0) {
margin-right: 0
}
.project-list .project-item:hover h3 {
color: #eb0f00
}
.project-list .project-item h3 {
font-family: "FFDINWebProBold", sans-serif;
font-weight: normal;
font-size: 16px;
display: inline-block;
line-height: 100%;
position: absolute;
bottom: 20px;
left: 0px;
padding: 10px 10px 10px 20px;
max-width: 200px;
background: #fefef3;
text-transform: uppercase;
z-index: 9;
color: #000;
border-radius: 0 8px 8px 0;
-webkit-transition: all 0.15s ease-out 0s;
transition: all 0.15s ease-out 0s
}
.project-list .project-item img.img-color {
position: absolute;
top: 0;
left: 0;
opacity: 0;
z-index: 6;
-webkit-transition: all 0.15s ease-out 0s;
transition: all 0.15s ease-out 0s
}
.project-list .project-item:hover img.img-color {
opacity: 1
}
.project-list .project-item:before {
content: "";
display: block;
color: #FFF;
background: url(//normaal.fr/wp-content/themes/normaal/assets/img/ajax-loader.gif) #eb0f00 no-repeat center center;
width: 40px;
height: 40px;
border-radius: 40px;
position: absolute;
left: 50%;
top: 50%;
margin: -20px 0 0 -20px;
opacity: 0;
z-index: 12;
-webkit-transition: all 0.15s ease-out 0s;
transition: all 0.15s ease-out 0s
}
.project-list .project-item.loader:before {
opacity: 1;
-webkit-transition: all 0.15s ease-out 0s;
transition: all 0.15s ease-out 0s
}
@media only screen and (max-width: 767px) {
.project-list .project-item {
float: left;
display: block;
margin-right: 2.56122%;
width: 48.71939%;
margin-bottom: 1.8125em
}
.project-list .project-item:last-child {
margin-right: 0
}
.project-list .project-item:nth-child(2n+0) {
margin-right: 0
}
.project-list .project-item h3 {
font-size: 14px;
position: absolute;
bottom: 10px;
left: 0px;
right: auto;
max-width: none;
padding: 5px;
font-weight: normal
}
}
.project-content {
margin-bottom: 20px;
position: relative
}
.project-content .project-header {
margin-bottom: 20px
}
.project-content .project-cover {
margin-bottom: 20px
}
.project-content .project-infos {
display: table;
width: 100%;
margin: 0;
border-top: 20px solid #fefef3;
border-bottom: 20px solid #fefef3
}
.project-content .project-infos .project-logo {
display: table-cell;
width: 40%;
vertical-align: middle;
text-align: center
}
@media only screen and (max-width: 767px) {
.project-content .project-infos .project-logo {
display: block;
width: auto
}
}
.project-content .project-infos .project-logo img {
margin: 0 auto
}
.project-content .project-infos .project-text {
display: table-cell;
padding: 20px;
background: #fefef3;
width: 60%
}
@media only screen and (max-width: 767px) {
.project-content .project-infos .project-text {
display: block;
width: auto
}
}
.project-content .project-infos .project-text .title {
font-size: 30px;
font-weight: normal;
margin-bottom: 0px
}
.project-content .project-infos .project-text p {
margin-bottom: 15px
}
.project-content .expand-btn {
border: none;
background: #d3d7d2;
color: #111;
cursor: pointer;
padding: 0;
padding: 0 10px;
height: 40px
}
.project-content .expand-btn [class*="flr-"] {
vertical-align: middle;
font-size: 20px
}
.project-content .more-infos {
text-align: left;
display: none;
padding: 20px 0
}
.project-content .more-infos p {
margin-bottom: 15px
}
.project-content .partners-list {
margin-bottom: 20px;
text-align: center
}
.project-content .partners-list li {
display: inline-block;
margin: 0 10px 20px 10px
}
.project-content .partners-list li img {
max-height: 40px;
width: auto
}
@media only screen and (max-width: 767px) {
.project-content .partners-list li img {
max-height: 50px
}
}
.project-content .project-video {
margin: 20px 0
}
.project-content .project-video .item iframe {
max-height: 500px;
width: 100%
}
@media only screen and (max-width: 767px) {
.project-content .project-video .item iframe {
max-height: 300px
}
}
.project-content .project-video .owl-video-tn {
opacity: 0.6 !important
}
.project-content .project-video-nav {
text-align: center
}
.project-content .project-video-nav li {
cursor: pointer;
display: inline-block;
margin: 10px 10px 10px 10px;
font-family: "normaalregular", sans-serif;
text-transform: uppercase;
color: #111;
padding: 10px;
background: #E1E3DC;
border-radius: 8px;
-webkit-transition: all 0.15s ease-out 0s;
transition: all 0.15s ease-out 0s
}
.project-content .project-video-nav li:hover,
.project-content .project-video-nav li.active {
background: #eb0f00;
color: #FFF
}
@media only screen and (max-width: 767px) {
.project-content .project-video-nav li {
font-size: 12px;
margin: 10px 5px 10px 5px;
padding: 5px
}
}
.project-content .project-gallery {
margin-bottom: 20px
}
.project-content .project-gallery li {
margin-bottom: 1%
}
.main h1 {
margin-bottom: 40px
}
section {
padding: 40px 0
}
section h2 {
margin: 0 0 40px 0
}
section h2 img {
max-height: 40px
}
.mask {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(//normaal.fr/wp-content/themes/normaal/assets/img/mask.png) no-repeat center bottom; background-size: cover;
z-index: 8;
opacity: 0.6; -webkit-transition: opacity, 1s;
transition: opacity, 1s;
-webkit-transition-delay: 2s;
transition-delay: 2s
}
.loading .mask {
opacity: 1
}
.video {
padding: 0;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
min-height: 500px
}
@media only screen and (max-width: 1200px) {
.video {
position: relative;
top: auto;
left: auto;
min-height: 0;
padding-top: 60px
}
}
.video .poster {
display: none
}
@media only screen and (max-width: 767px) {
.video .poster {
display: block
}
}
.video video {
position: fixed;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%)
}
@media only screen and (max-width: 1200px) {
.video video {
width: 100%;
height: 100%;
position: relative;
top: auto;
left: auto;
min-width: auto;
min-height: auto;
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 9
}
}
@media only screen and (max-width: 767px) {
.video video {
display: none
}
}
.home .main {
padding-top: 150px;
-webkit-transition: all 0.15s ease-out 0s;
transition: all 0.15s ease-out 0s;
-webkit-transition-timing-function: cubic-bezier(0, 0.47, 0.225, 1.195);
transition-timing-function: cubic-bezier(0, 0.47, 0.225, 1.195);
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s
}
@media only screen and (max-width: 1200px) {
.home .main {
padding-top: 40px
}
}
.home .main h1 {
position: absolute;
left: 50%;
top: 10px;
max-width: 800px;
margin-left: -400px;
text-align: center;
font-size: 40px;
font-family: "FFDINWebProBold", sans-serif;
font-weight: normal;
text-transform: none;
color: #111;
color: rgba(0, 0, 0, 0.8);
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: -webkit-transform, 0.4s;
transition: transform, 0.4s;
-webkit-transition-timing-function: cubic-bezier(0, 0.47, 0.225, 1.195);
transition-timing-function: cubic-bezier(0, 0.47, 0.225, 1.195);
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s
}
@media only screen and (max-width: 1200px) {
.home .main h1 {
position: relative;
top: -30px;
left: auto;
max-width: none;
margin: 0
}
}
@media only screen and (max-width: 960px) {
.home .main h1 {
font-size: 20px;
width: auto;
margin: 0 10px
}
}
.home .main h1 span {
display: inline-block;
font-family: "normaalregular", sans-serif;
color: #eb0f00;
background: #fffdf6;
border-radius: 8px;
padding: 5px 10px
}
.home .main h1 span u {
text-transform: uppercase;
display: none;
text-decoration: none
}
.home .main h1 [class^="flr-"] {
font-size: 30px;
color: #eb0f00;
position: absolute;
bottom: -16px;
left: 50%;
margin-left: -15px;
-webkit-transition: all 0.15s ease-out 0s;
transition: all 0.15s ease-out 0s;
-webkit-animation: translate_y 1.5s infinite;
animation: translate_y 1.5s infinite
}
.home .main.scroll {
padding-top: 40px
}
.home .main.scroll h1 {
-webkit-transform: translateY(-50px);
-ms-transform: translateY(-50px);
transform: translateY(-50px);
opacity: 0
}
.home h2 {
margin-bottom: 40px
}
.home.loading h1 {
opacity: 0;
-webkit-transform: translateY(50px);
-ms-transform: translateY(50px);
transform: translateY(50px)
}
.story {
background: #f8f5de;
position: relative;
padding: 0
}
@media only screen and (max-width: 1200px) {
.story {
padding-top: 100px;
background: url(//normaal.fr/wp-content/themes/normaal/assets/img/generaal-bg.jpg) no-repeat top center;
background-size: 1050px auto
}
}
.story .container {
position: relative;
padding: 0
}
@media only screen and (max-width: 1200px) {
.story .section-bg {
display: none
}
}
.story h1.aa-title {
position: absolute;
top: 140px
}
.story .bubble {
position: absolute
}
.story .bubble h2 {
cursor: pointer;
position: relative;
background: #fefef3;
background: rgba(255, 253, 246, 0.8);
color: #111;
border-radius: 220px / 120px;
font-size: 16px;
text-align: center;
padding: 20px;
display: inline-block;
line-height: 100%;
margin-bottom: 10px;
line-height: 150%;
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: all 0.15s ease-out 0s;
transition: all 0.15s ease-out 0s;
-webkit-transition-timing-function: cubic-bezier(0, 0.47, 0.225, 1.195);
transition-timing-function: cubic-bezier(0, 0.47, 0.225, 1.195)
}
.story .bubble h2 u {
font-family: "normaalregular", sans-serif;
font-size: 16px;
color: #eb0f00;
display: inline-block;
text-decoration: none;
line-height: 150%
}
@media only screen and (max-width: 1200px) {
.story .bubble h2 {
margin-bottom: 20px
}
}
.story .bubble h2.expanded {
visibility: hidden;
opacity: 0;
-webkit-transform: translateY(-50px);
-ms-transform: translateY(-50px);
transform: translateY(-50px)
}
.story .bubble h2:after {
content: "";
display: block;
position: absolute;
left: 20px;
bottom: -10px;
width: 0;
height: 0;
border-style: solid;
border-width: 15px 10px 0 0px;
border-color: rgba(255, 253, 246, 0.8) transparent transparent transparent;
-webkit-transform: rotate(14deg);
-ms-transform: rotate(14deg);
transform: rotate(14deg)
}
@media only screen and (max-width: 1200px) {
.story .bubble h2:after {
display: none
}
}
.story .bubble .bubble-content {
text-align: left;
position: relative;
background: #fefef3;
color: #111;
font-size: 15px;
border-radius: 12px;
padding: 10px 30px 10px 20px;
max-width: 500px;
margin-left: 0;
visibility: hidden;
opacity: 0;
-webkit-transform: translateY(50px);
-ms-transform: translateY(50px);
transform: translateY(50px);
-webkit-transition: all 0.15s ease-out 0s;
transition: all 0.15s ease-out 0s;
-webkit-transition-timing-function: cubic-bezier(0, 0.47, 0.225, 1.195);
transition-timing-function: cubic-bezier(0, 0.47, 0.225, 1.195)
}
.story .bubble .bubble-content em {
text-decoration: none;
font-style: normal;
display: inline-block
}
.story .bubble .bubble-content .close-bubble {
background: none;
border: none;
position: absolute;
right: -10px;
top: -10px;
padding: 10px;
border-radius: 50px;
background: #fefef3;
cursor: pointer
}
.story .bubble .bubble-content .close-bubble [class*="flr-"] {
font-size: 14px
}
.story .bubble .bubble-content .close-bubble:hover [class*="flr-"] {
color: #eb0f00
}
.story .bubble .bubble-content.visible {
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
@media only screen and (max-width: 1200px) {
.story .bubble .bubble-content {
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
max-width: none;
margin: 0;
border-radius: 8px;
text-align: center;
padding: 0 20px
}
}
.story .bubble.first {
text-align: left;
left: 20%;
top: 18%
}
.story .bubble.second {
text-align: right;
right: 40%;
top: 34.5%
}
.story .bubble.second h2 {
padding: 30px
}
.story .bubble.second h2:after {
left: auto;
right: 20px;
bottom: 4px;
border-width: 14px 10px 0 0px;
-webkit-transform: rotate(-36deg);
-ms-transform: rotate(-36deg);
transform: rotate(-36deg)
}
.story .bubble.third {
text-align: right;
right: 25%;
top: 52%
}
.story .bubble.third h2 {
border-radius: 230px / 150px;
padding: 30px
}
.story .bubble.third h2:after {
bottom: auto;
left: auto;
right: 20px;
top: 7px;
border-width: 14px 10px 0 0px;
-webkit-transform: rotate(-144deg);
-ms-transform: rotate(-144deg);
transform: rotate(-144deg)
}
.story .bubble.fourth {
left: 51%;
top: 71%
}
.story .bubble.fourth h2 {
border-radius: 300px / 120px;
padding: 20px
}
.story .bubble.fourth h2:after {
bottom: -1px;
left: 18px;
-webkit-transform: rotate(28deg);
-ms-transform: rotate(28deg);
transform: rotate(28deg)
}
.story .bubble.fifth {
left: 51%;
top: 90%
}
.story .bubble.fifth h2:after {
left: -9px;
bottom: 22px;
-webkit-transform: rotate(64deg);
-ms-transform: rotate(64deg);
transform: rotate(64deg)
}
@media only screen and (max-width: 1200px) {
.story .bubble.first,
.story .bubble.second,
.story .bubble.third,
.story .bubble.fourth,
.story .bubble.fifth {
text-align: center;
margin-bottom: 40px;
position: relative;
top: auto;
bottom: auto;
left: auto;
right: auto;
width: auto
}
.story .bubble.first h2,
.story .bubble.second h2,
.story .bubble.third h2,
.story .bubble.fourth h2,
.story .bubble.fifth h2 {
padding: 10px 20px;
float: none;
border-radius: 8px;
margin: 0 10px 10px 10px
}
.story .bubble.first .bubble-content,
.story .bubble.second .bubble-content,
.story .bubble.third .bubble-content,
.story .bubble.fourth .bubble-content,
.story .bubble.fifth .bubble-content {
max-width: none;
border-radius: 8px;
padding: 10px 20px;
margin: 0 20px;
position: relative;
top: auto;
bottom: auto;
left: auto;
right: auto;
width: auto
}
}
.studios {
position: relative;
background: #fefef3;
padding: 80px 0 50px 0
}
.studios:before {
content: "";
display: block;
background: url(//normaal.fr/wp-content/themes/normaal/assets/img/scratch.png) repeat-x top center;
height: 100px;
width: 100%;
position: absolute;
top: -25px
}
@media only screen and (max-width: 767px) {
.studios:before {
top: -30px
}
}
.studios .studio-carrousel {
position: relative;
margin-bottom: 80px;
margin-left: 100px;
overflow: hidden;
max-height: 360px;
overflow: hidden
}
.studios .studio-carrousel:nth-child(2) {
margin-left: 0;
margin-right: 100px
}
@media only screen and (max-width: 1200px) {
.studios .studio-carrousel {
margin-left: 0 !important;
margin-right: 0 !important;
margin-bottom: 0px
}
}
@media only screen and (max-width: 767px) {
.studios .studio-carrousel {
max-height: none
}
}
.studios .studio-carrousel .studio-info {
position: absolute;
top: 0;
width: 400px;
height: 100%;
padding: 20px;
z-index: 95
}
.studios .studio-carrousel .studio-info em {
text-decoration: none;
font-style: normal;
display: inline-block
}
@media only screen and (max-width: 767px) {
.studios .studio-carrousel .studio-info {
position: relative;
top: auto;
width: auto;
height: auto
}
.studios .studio-carrousel .studio-info:after {
z-index: 99;
content: "";
display: block;
position: absolute;
left: 50%;
margin-left: -10px;
bottom: -20px;
width: 0;
height: 0;
border-style: solid;
border-width: 20px 20px 0 20px;
border-color: #007bff transparent transparent transparent
}
}
.studios .studio-carrousel .studio-info .title {
text-align: right;
padding-right: 30%;
margin-bottom: 30px
}
.studios .studio-carrousel .studio-info .title h2 {
margin: 0;
display: inline-block
}
.studios .studio-carrousel .studio-info .title h2 span {
display: none
}
.studios .studio-carrousel .studio-info .title span {
font-family: "normaalregular", sans-serif;
color: #FFF;
display: block;
text-align: right;
text-transform: uppercase
}
.studios .studio-carrousel .studio-info p {
color: #FFF;
margin-bottom: 15px
}
.studios .studio-carrousel .slick-carousel {
margin-bottom: 0
}
.studios .studio-carrousel.first .studio-info {
left: 0;
background: #E82E2E;
background: rgba(232, 46, 46, 0.95);
border-radius: 10px;
}
@media only screen and (max-width: 767px) {
.studios .studio-carrousel.first .studio-info {
background: #E82E2E
}
.studios .studio-carrousel.first .studio-info:after {
border-color: #E82E2E transparent transparent transparent
}
}
.studios .studio-carrousel.second .studio-info {
right: 0;
background: #1C7DC7;
background: rgba(28, 125, 199, 0.95);
border-radius: 10px;
}
@media only screen and (max-width: 767px) {
.studios .studio-carrousel.second .studio-info {
background: #1C7DC7
}
.studios .studio-carrousel.second .studio-info:after {
border-color: #1C7DC7 transparent transparent transparent
}
}
.studios .studio-carrousel.second .studio-info h2 img {
max-height: 60px
}
.studios .studio-carrousel.third .studio-info {
left: 0;
background: #4BAB13;
background: rgba(75, 171, 19, 0.95);
border-radius: 10px;
}
@media only screen and (max-width: 767px) {
.studios .studio-carrousel.third .studio-info {
background: #4BAB13
}
.studios .studio-carrousel.third .studio-info:after {
border-color: #4BAB13 transparent transparent transparent
}
}
.press {
background-size: 100% auto !important;
position: relative
}
@media only screen and (max-width: 1200px) {
.press {
background-size: 1800px auto !important
}
}
@media only screen and (max-width: 767px) {
.press {
background-size: 2400px auto !important
}
}
.press:before {
content: "";
display: block;
background: url(//normaal.fr/wp-content/themes/normaal/assets/img/scratch.png) repeat-x top center;
height: 100px;
width: 100%;
position: absolute;
top: -28px
}
@media only screen and (max-width: 767px) {
.press:before {
top: -30px
}
}
.press h3 {
background: #fefef3;
padding: 5px;
display: inline-block;
border-radius: 8px;
position: relative;
bottom: -30px;
margin-left: 20px
}
.press h3:before {
content: "";
display: block;
height: 50px;
background: #fefef3;
position: absolute;
width: 600px;
left: -600px;
bottom: 0;
z-index: 9
}
.press .press-list {
padding: 20px;
background: #fefef3;
background: rgba(248, 248, 239, 0.6);
border-radius: 20px;
}
@media only screen and (max-width: 767px) {
.press .press-list {
padding-top: 50px
}
}
.press .press-list li {
font-family: "FFDINWebProBold", sans-serif
}
.press .press-list li p {
font-size: 20px
}
.press .press-list li span {
display: block;
color: #eb0f00;
font-size: 18px
}
.press .press-list li:nth-child(even) {
text-align: right;
margin-right: 52%
}
@media only screen and (max-width: 767px) {
.press .press-list li:nth-child(even) {
margin: 0 0 20px 0;
text-align: left
}
}
.press .press-list li:nth-child(odd) {
margin-left: 52%
}
@media only screen and (max-width: 767px) {
.press .press-list li:nth-child(odd) {
margin: 0 0 20px 0;
text-align: left
}
}
.staaf-content h1.aa-title {
background: #fefef3;
padding: 5px;
display: inline-block;
border-radius: 8px;
position: relative;
bottom: -30px;
margin: 0 0 0 20px
}
.staaf-content .team-list {
background: #f8f8ef;
padding-top: 40px
}
.staaf-content .team-list li {
width: 50%;
margin-bottom: 20px;
position: relative;
display: block
}
.staaf-content .team-list li::after {
clear: both;
content: "";
display: table
}
@media only screen and (max-width: 767px) {
.staaf-content .team-list li {
width: auto
}
}
.staaf-content .team-list li .team-list-content {
background: #e9eae2;
width: 600px;
display: block
}
.staaf-content .team-list li .team-list-content::after {
clear: both;
content: "";
display: table
}
@media only screen and (max-width: 1200px) {
.staaf-content .team-list li .team-list-content {
width: 100%
}
}
.staaf-content .team-list li .team-list-content .portrait {
width: 25%
}
.staaf-content .team-list li .team-list-content .info {
width: 75%;
padding-top: 10px;
margin-right: 0
}
.staaf-content .team-list li .team-list-content .info h4 {
font-family: "FFDINWebPro", sans-serif;
font-weight: normal;
font-size: 24px
}
@media only screen and (max-width: 1200px) {
.staaf-content .team-list li .team-list-content .info h4 {
font-size: 20px
}
}
.staaf-content .team-list li .team-list-content .info p {
font-size: 18px
}
@media only screen and (max-width: 1200px) {
.staaf-content .team-list li .team-list-content .info p {
font-size: 14px
}
}
.staaf-content .team-list li .team-list-content .info .show-modal {
margin-top: 20px;
border: none;
background: #e9eae2;
color: #111;
cursor: pointer;
height: 35px;
position: relative
}
.staaf-content .team-list li .team-list-content .info .show-modal [class*="flr-"] {
vertical-align: middle;
font-size: 20px
}
@media only screen and (max-width: 1200px) {
.staaf-content .team-list li .team-list-content .info .show-modal {
margin-top: 0px
}
}
.staaf-content .team-list li+li {
float: left
}
@media only screen and (max-width: 767px) {
.staaf-content .team-list li+li {
float: none
}
}
.staaf-content .team-list li:nth-child(1) .team-list-content .portrait,
.staaf-content .team-list li:nth-child(4) .team-list-content .portrait,
.staaf-content .team-list li:nth-child(5) .team-list-content .portrait,
.staaf-content .team-list li:nth-child(8) .team-list-content .portrait,
.staaf-content .team-list li:nth-child(9) .team-list-content .portrait {
float: right
}
.staaf-content .team-list li:nth-child(1) .team-list-content .info,
.staaf-content .team-list li:nth-child(4) .team-list-content .info,
.staaf-content .team-list li:nth-child(5) .team-list-content .info,
.staaf-content .team-list li:nth-child(8) .team-list-content .info,
.staaf-content .team-list li:nth-child(9) .team-list-content .info {
text-align: right;
float: right;
padding-right: 15px
}
.staaf-content .team-list li:nth-child(1) .team-list-content .info .show-modal,
.staaf-content .team-list li:nth-child(4) .team-list-content .info .show-modal,
.staaf-content .team-list li:nth-child(5) .team-list-content .info .show-modal,
.staaf-content .team-list li:nth-child(8) .team-list-content .info .show-modal,
.staaf-content .team-list li:nth-child(9) .team-list-content .info .show-modal {
right: -15px;
padding: 0 25px 0 10px
}
.staaf-content .team-list li:nth-child(2) .team-list-content .portrait,
.staaf-content .team-list li:nth-child(3) .team-list-content .portrait,
.staaf-content .team-list li:nth-child(6) .team-list-content .portrait,
.staaf-content .team-list li:nth-child(7) .team-list-content .portrait {
float: left
}
.staaf-content .team-list li:nth-child(2) .team-list-content .info,
.staaf-content .team-list li:nth-child(3) .team-list-content .info,
.staaf-content .team-list li:nth-child(6) .team-list-content .info,
.staaf-content .team-list li:nth-child(7) .team-list-content .info {
text-align: left;
float: left;
padding-left: 15px
}
.staaf-content .team-list li:nth-child(2) .team-list-content .info .show-modal,
.staaf-content .team-list li:nth-child(3) .team-list-content .info .show-modal,
.staaf-content .team-list li:nth-child(6) .team-list-content .info .show-modal,
.staaf-content .team-list li:nth-child(7) .team-list-content .info .show-modal {
left: -15px;
padding: 0 10px 0 25px
}
.staaf-content .team-list li:nth-child(even) .team-list-content {
float: right
}
@media only screen and (max-width: 767px) {
.staaf-content .team-list li:nth-child(even) .team-list-content {
float: none
}
}
.staaf-content .team-list li:nth-child(odd) .team-list-content {
float: left
}
@media only screen and (max-width: 767px) {
.staaf-content .team-list li:nth-child(odd) .team-list-content {
float: none
}
}
.staaf-content .team-list li:first-child .team-list-content {
float: right
}
@media only screen and (max-width: 767px) {
.staaf-content .team-list li:first-child .team-list-content {
float: none
}
}
.staaf-content .team-list li:nth-child(1),
.staaf-content .team-list li:nth-child(4),
.staaf-content .team-list li:nth-child(8) {
background: #E9EAE2
}
.staaf-content .team-list li:nth-child(1) .team-list-content,
.staaf-content .team-list li:nth-child(4) .team-list-content,
.staaf-content .team-list li:nth-child(8) .team-list-content {
background: #d3d7d2
}
.staaf-content .team-list li:nth-child(1) .team-list-content .show-modal,
.staaf-content .team-list li:nth-child(4) .team-list-content .show-modal,
.staaf-content .team-list li:nth-child(8) .team-list-content .show-modal {
padding: 0 25px 0 10px;
right: -15px;
left: auto
}
.staaf-content .team-list li:nth-child(3),
.staaf-content .team-list li:nth-child(7) {
background: #E9EAE2
}
.staaf-content .team-list li:nth-child(3) .team-list-content,
.staaf-content .team-list li:nth-child(7) .team-list-content {
background: #d3d7d2
}
.staaf-content .team-list li:nth-child(3) .team-list-content .show-modal,
.staaf-content .team-list li:nth-child(7) .team-list-content .show-modal {
padding: 0 10px 0 25px;
left: -15px;
left: auto
}
.staaf-content .team-list li:nth-child(2) .team-list-content .info .show-modal,
.staaf-content .team-list li:nth-child(5) .team-list-content .info .show-modal,
.staaf-content .team-list li:nth-child(6) .team-list-content .info .show-modal,
.staaf-content .team-list li:nth-child(9) .team-list-content .info .show-modal {
background: #d3d7d2
}
.staaf-content .staaf-list {
background: #f8f8ef;
padding-top: 40px
}
.staaf-content .staaf-list li {
width: 50%;
margin-bottom: 20px;
position: relative;
float: left;
display: block
}
.staaf-content .staaf-list li::after {
clear: both;
content: "";
display: table
}
@media only screen and (max-width: 767px) {
.staaf-content .staaf-list li {
width: auto;
float: none
}
}
.staaf-content .staaf-list li .team-list-content {
background: #e9eae2;
width: 600px;
display: block
}
.staaf-content .staaf-list li .team-list-content::after {
clear: both;
content: "";
display: table
}
@media only screen and (max-width: 1200px) {
.staaf-content .staaf-list li .team-list-content {
width: auto
}
}
.staaf-content .staaf-list li .team-list-content .portrait {
width: 25%
}
.staaf-content .staaf-list li .team-list-content .info {
width: 75%;
padding-top: 10px
}
.staaf-content .staaf-list li .team-list-content .info h4 {
font-family: "FFDINWebPro", sans-serif;
font-weight: normal;
font-size: 24px
}
@media only screen and (max-width: 1200px) {
.staaf-content .staaf-list li .team-list-content .info h4 {
font-size: 20px
}
}
.staaf-content .staaf-list li .team-list-content .info p {
font-size: 18px
}
@media only screen and (max-width: 1200px) {
.staaf-content .staaf-list li .team-list-content .info p {
font-size: 14px
}
}
.staaf-content .staaf-list li .team-list-content .info .show-modal {
margin-top: 20px;
border: none;
background: #d3d7d2;
color: #111;
cursor: pointer;
height: 35px;
position: relative
}
.staaf-content .staaf-list li .team-list-content .info .show-modal [class*="flr-"] {
vertical-align: middle;
font-size: 20px
}
@media only screen and (max-width: 1200px) {
.staaf-content .staaf-list li .team-list-content .info .show-modal {
margin-top: 0px
}
}
.staaf-content .staaf-list li:nth-child(1) .team-list-content .portrait,
.staaf-content .staaf-list li:nth-child(2) .team-list-content .portrait,
.staaf-content .staaf-list li:nth-child(5) .team-list-content .portrait,
.staaf-content .staaf-list li:nth-child(6) .team-list-content .portrait,
.staaf-content .staaf-list li:nth-child(9) .team-list-content .portrait,
.staaf-content .staaf-list li:nth-child(10) .team-list-content .portrait,
.staaf-content .staaf-list li:nth-child(13) .team-list-content .portrait {
float: left
}
.staaf-content .staaf-list li:nth-child(1) .team-list-content .info,
.staaf-content .staaf-list li:nth-child(2) .team-list-content .info,
.staaf-content .staaf-list li:nth-child(5) .team-list-content .info,
.staaf-content .staaf-list li:nth-child(6) .team-list-content .info,
.staaf-content .staaf-list li:nth-child(9) .team-list-content .info,
.staaf-content .staaf-list li:nth-child(10) .team-list-content .info,
.staaf-content .staaf-list li:nth-child(13) .team-list-content .info {
text-align: left;
float: left;
padding-left: 15px
}
.staaf-content .staaf-list li:nth-child(1) .team-list-content .info .show-modal,
.staaf-content .staaf-list li:nth-child(2) .team-list-content .info .show-modal,
.staaf-content .staaf-list li:nth-child(5) .team-list-content .info .show-modal,
.staaf-content .staaf-list li:nth-child(6) .team-list-content .info .show-modal,
.staaf-content .staaf-list li:nth-child(9) .team-list-content .info .show-modal,
.staaf-content .staaf-list li:nth-child(10) .team-list-content .info .show-modal,
.staaf-content .staaf-list li:nth-child(13) .team-list-content .info .show-modal {
left: -15px;
padding: 0 10px 0 25px
}
.staaf-content .staaf-list li:nth-child(3) .team-list-content .portrait,
.staaf-content .staaf-list li:nth-child(4) .team-list-content .portrait,
.staaf-content .staaf-list li:nth-child(7) .team-list-content .portrait,
.staaf-content .staaf-list li:nth-child(8) .team-list-content .portrait,
.staaf-content .staaf-list li:nth-child(11) .team-list-content .portrait,
.staaf-content .staaf-list li:nth-child(12) .team-list-content .portrait {
float: right
}
.staaf-content .staaf-list li:nth-child(3) .team-list-content .info,
.staaf-content .staaf-list li:nth-child(4) .team-list-content .info,
.staaf-content .staaf-list li:nth-child(7) .team-list-content .info,
.staaf-content .staaf-list li:nth-child(8) .team-list-content .info,
.staaf-content .staaf-list li:nth-child(11) .team-list-content .info,
.staaf-content .staaf-list li:nth-child(12) .team-list-content .info {
text-align: right;
float: right;
padding-right: 15px
}
.staaf-content .staaf-list li:nth-child(3) .team-list-content .info .show-modal,
.staaf-content .staaf-list li:nth-child(4) .team-list-content .info .show-modal,
.staaf-content .staaf-list li:nth-child(7) .team-list-content .info .show-modal,
.staaf-content .staaf-list li:nth-child(8) .team-list-content .info .show-modal,
.staaf-content .staaf-list li:nth-child(11) .team-list-content .info .show-modal,
.staaf-content .staaf-list li:nth-child(12) .team-list-content .info .show-modal {
right: -15px;
padding: 0 25px 0 10px
}
.staaf-content .staaf-list li:nth-child(odd) .team-list-content {
float: right
}
@media only screen and (max-width: 767px) {
.staaf-content .staaf-list li:nth-child(odd) .team-list-content {
float: none
}
}
.staaf-content .staaf-list li:nth-child(even) .team-list-content {
float: none
}
@media only screen and (max-width: 767px) {
.staaf-content .staaf-list li:nth-child(even) .team-list-content {
float: none
}
}
.staaf-content .staaf-list li:nth-child(1) .team-list-content,
.staaf-content .staaf-list li:nth-child(4) .team-list-content,
.staaf-content .staaf-list li:nth-child(5) .team-list-content,
.staaf-content .staaf-list li:nth-child(8) .team-list-content,
.staaf-content .staaf-list li:nth-child(9) .team-list-content,
.staaf-content .staaf-list li:nth-child(12) .team-list-content {
background: #d3d7d2
}
.staaf-content .staaf-list li:nth-child(1) .team-list-content .show-modal,
.staaf-content .staaf-list li:nth-child(4) .team-list-content .show-modal,
.staaf-content .staaf-list li:nth-child(5) .team-list-content .show-modal,
.staaf-content .staaf-list li:nth-child(8) .team-list-content .show-modal,
.staaf-content .staaf-list li:nth-child(9) .team-list-content .show-modal,
.staaf-content .staaf-list li:nth-child(12) .team-list-content .show-modal {
background: #e9eae2
}
.staaf-content .staaf-list li:nth-child(2),
.staaf-content .staaf-list li:nth-child(3),
.staaf-content .staaf-list li:nth-child(6),
.staaf-content .staaf-list li:nth-child(7),
.staaf-content .staaf-list li:nth-child(10),
.staaf-content .staaf-list li:nth-child(11) {
background: #DADBD4
}
.staaf-content .staaf-carousel {
background: #E9EAE2;
margin: 40px 0
}
.staaf-content .staaf-carousel .container {
padding: 0
}
.staaf-content .staaf-carousel .slick-carousel {
margin-bottom: 0
}
.staaf-content .staaf-carousel .slick-carousel .slick-prev,
.staaf-content .staaf-carousel .slick-carousel .slick-next {
z-index: 99
}
.staaf-content .staaf-carousel .slick-carousel .slick-prev {
left: 10px
}
@media only screen and (max-width: 767px) {
.staaf-content .staaf-carousel .slick-carousel .slick-prev {
display: none !important
}
}
.staaf-content .staaf-carousel .slick-carousel .slick-next {
right: 10px
}
@media only screen and (max-width: 767px) {
.staaf-content .staaf-carousel .slick-carousel .slick-next {
display: none !important
}
}
.md-modal {
position: fixed;
top: 50%;
left: 50%;
width: 50%;
max-width: 800px;
min-width: 400px;
height: auto;
z-index: 9999999999;
visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%)
}
@media only screen and (max-width: 767px) {
.md-modal {
-webkit-transform: none;
-ms-transform: none;
transform: none;
visibility: visible;
width: auto;
height: auto;
position: relative;
top: auto;
left: auto;
display: none;
min-width: 0;
clear: both
}
}
.md-show .md-modal {
visibility: visible
}
.md-modal .md-content {
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
opacity: 0;
-webkit-transition: all 0.15s ease-out 0s;
transition: all 0.15s ease-out 0s
}
@media only screen and (max-width: 767px) {
.md-modal .md-content {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1
}
}
.md-show .md-modal .md-content {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1
}
.md-modal button {
position: absolute;
top: 10px;
right: 10px;
border: none;
background: none;
cursor: pointer;
-webkit-transition: all 0.15s ease-out 0s;
transition: all 0.15s ease-out 0s
}
.md-modal button:hover {
color: #eb0f00
}
.md-modal .popup-text {
background: #FEFEF3;
color: #000;
padding: 20px
}
.md-modal .popup-text h4 {
text-align: left;
font-family: "FFDINWebPro", sans-serif;
font-weight: normal;
color: #000
}
.md-modal .popup-text h4 span {
font-size: 16px
}
.md-overlay {
position: fixed;
width: 100%;
height: 100%;
visibility: hidden;
top: 0;
left: 0;
z-index: 1;
opacity: 0;
background: rgba(0, 0, 0, 0.5);
-webkit-transition: all 0.15s ease-out 0s;
transition: all 0.15s ease-out 0s
}
.hide-header .md-overlay {
opacity: 1;
visibility: visible
}
@media only screen and (max-width: 767px) {
.md-overlay {
display: none
}
}
.aa-title.contact {
margin: 0 auto;
padding: 10px 0;
text-align: center;
line-height: 100%
}
.aa-title.contact a {
display: block;
font-family: "FFDINWebPro", sans-serif;
font-size: 20px;
margin-left: 5px
}
.contact-list {
margin: 80px 0px 20px 0px
}
.contact-list li {
float: left;
display: block;
margin-right: 2.56122%;
width: 22.43878%;
background: #f0f1e8;
border-radius: 8px;
padding: 40px;
text-align: center;
font-family: "FFDINWebPro", sans-serif;
font-size: 18px;
min-height: 240px
}
.contact-list li:last-child {
margin-right: 0
}
@media only screen and (max-width: 767px) {
.contact-list li {
width: auto;
margin: 0;
float: none;
margin-bottom: 20px;
min-height: none
}
}
.contact-list li h2 img {
max-width: 185px;
display: inline-block;
margin-bottom: 10px
}
.contact-list li h2 span {
display: none
} .project-content .project-infos {
display: flex !important; flex-direction: column; align-items: center; justify-content: flex-start;
text-align: center; width: 100%;
max-width: 1100px; margin-left: auto;
margin-right: auto;
border: 0; padding: 0;
background: transparent;
}
.project-content .project-infos .project-logo {
order: 1; width: 100%;
margin: 0 0 20px 0; display: block !important;
}
.project-content .project-infos .project-logo img {
max-width: 300px; width: 100%;
height: auto;
margin: 0 auto; display: block;
}
.project-content .project-infos .project-text {
order: 2;
width: 100%;
max-width: 800px; padding: 0; background: transparent;
margin: 0 auto;
text-align: center; } .project-content .project-infos .project-text .title {
margin-bottom: 10px;
}  .project-content .project-infos {
display: flex !important; flex-direction: column; align-items: center; text-align: center; border: 0; padding: 0;
background: transparent;
} .project-content .project-infos .project-logo,
.project-content .project-infos .project-text {
display: block !important;
width: 100% !important;
float: none !important;
vertical-align: baseline !important;
padding: 0 !important;
background: transparent !important;
} .project-content .project-infos .project-logo {
display: flex;
justify-content: center;
margin: 0 0 20px 0;
} .project-content .project-infos .project-logo img {
width: auto !important; max-width: 300px; height: auto;
display: block;
} @media (max-width: 480px) {
.project-content .project-infos .project-logo img {
max-width: min(70vw, 300px); }
} .project-content .project-infos .project-text {
max-width: 800px; margin: 0 auto;
}  .project-content .project-video .item iframe,
.project-content .project-video .item video {
max-height: none !important;
} .project-content .project-video .item.video-embed,
.project-content .project-video .owl-item .item.video-embed {
position: relative !important;
width: 100% !important; padding-top: 56.25% !important;
height: 0 !important; overflow: hidden;
} .project-content .project-video .item.video-embed iframe,
.project-content .project-video .item.video-embed video,
.project-content .project-video .item.video-embed .wp-video,
.project-content .project-video .item.video-embed .mejs-container {
position: absolute !important;
top: 0; left: 0;
width: 100% !important;
height: 100% !important;
max-width: none !important;
max-height: none !important;
display: block;
border: 0;
} .project-content .project-video .wp-block-embed,
.project-content .project-video .wp-block-video,
.project-content .project-video .wp-block-embed__wrapper {
margin: 0 !important;
}
.project-content .project-video .wp-block-embed__wrapper iframe {
width: 100% !important;
height: 100% !important;
} .project-content .project-video .owl-carousel,
.project-content .project-video .owl-stage-outer,
.project-content .project-video .owl-stage,
.project-content .project-video .owl-item {
height: auto !important;
}  .project-content .project-video {
margin-bottom: 5px !important; } .project-content .project-video-nav {
margin-top: 5px !important;
margin-bottom: 40px !important; } .project-content .project-video-nav li {
display: inline-block;
margin: 0 8px;
padding: 4px 10px;
border-radius: 8px;
background: rgba(0,0,0,0.05);
transition: background 0.2s ease;
cursor: pointer;
}
.project-content .project-video-nav li:hover {
background: rgba(0,0,0,0.15);
}
.project-content .project-video {
margin-bottom: 60px !important; } .project-content .project-video .item.video-embed {
border-radius: 40px; overflow: hidden; position: relative;
}  .project-content .project-video {
margin-bottom: 60px !important;
} .project-content .project-video:has(+ .project-video-nav) {
margin-bottom: 10px !important;
}.slick-slider
{
position: relative;
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 .slick-loading .slick-list
{
background: #fff url(https://normaal.fr/wp-content/themes/normaal/assets/vendor/slick.js/slick/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(https://normaal.fr/wp-content/themes/normaal/assets/vendor/slick.js/slick/fonts/slick.eot);
src: url(https://normaal.fr/wp-content/themes/normaal/assets/vendor/slick.js/slick/fonts/slick.eot?#iefix) format('embedded-opentype'), url(https://normaal.fr/wp-content/themes/normaal/assets/vendor/slick.js/slick/fonts/slick.woff) format('woff'), url(https://normaal.fr/wp-content/themes/normaal/assets/vendor/slick.js/slick/fonts/slick.ttf) format('truetype'), url(https://normaal.fr/wp-content/themes/normaal/assets/vendor/slick.js/slick/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
margin-top: -10px;
padding: 0;
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -45px;
display: block;
width: 100%;
padding: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}.mCustomScrollbar{-ms-touch-action:none;touch-action:none}.mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action{-ms-touch-action:auto;touch-action:auto}.mCustomScrollBox{position:relative;overflow:hidden;height:100%;max-width:100%;outline:0;direction:ltr}.mCSB_container{overflow:hidden;width:auto;height:auto}.mCSB_inside>.mCSB_container{margin-right:30px}.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container{margin-right:0;margin-left:30px}.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0}.mCSB_scrollTools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0;opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_outside+.mCSB_scrollTools{right:-26px}.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{right:auto;left:0}.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{left:-26px}.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto}.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0}.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:4px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;text-align:center}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools .mCSB_buttonDown{bottom:0}.mCSB_horizontal.mCSB_inside>.mCSB_container{margin-right:0;margin-bottom:30px}.mCSB_horizontal.mCSB_outside>.mCSB_container{min-height:100%}.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto;height:16px;top:auto;right:0;bottom:0;left:0}.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px}.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer{margin:0 20px}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:2px;margin:7px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width:30px;height:100%;left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:12px;margin:2px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:8px;margin:4px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display:block;position:absolute;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right:0}.mCSB_container_wrapper{position:absolute;height:auto;width:auto;overflow:hidden;top:0;left:0;right:0;bottom:0;margin-right:30px;margin-bottom:30px}.mCSB_container_wrapper>.mCSB_container{padding-right:30px;padding-bottom:30px}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:20px}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:20px}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper{margin-right:0;margin-left:30px}.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container{padding-right:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container{padding-bottom:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;margin-left:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;transition:opacity .2s ease-in-out,background-color .2s ease-in-out}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar{-webkit-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out}.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)"}.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.4);filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75);filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)"}.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp{background-image:url(//normaal.fr/wp-content/themes/normaal/assets/vendor/malihu-custom-scrollbar-plugin/mCSB_buttons.png);background-repeat:no-repeat;opacity:.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0}.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px}.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px}.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px}.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active{opacity:.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(0,0,0,.85)}.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:rgba(0,0,0,.9)}.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px auto}.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px 0}.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -20px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -40px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px 0}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -20px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -40px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:6px;margin:5px auto}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px 0}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -20px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -40px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px 0}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -20px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -40px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -56px}.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.1)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto}.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded.mCSB_scrollTools .mCSB_dragger{height:14px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:14px;margin:0 1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger{width:14px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:14px;margin:1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:16px;height:16px;margin:-1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:4px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:16px;width:16px;margin:0 -1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:4px;margin:6px 0}.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{background-position:0 -72px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -92px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -112px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -128px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px -72px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -92px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -112px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail{width:4px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{background-color:transparent;background-position:center}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);background-repeat:repeat-y;opacity:.3;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{height:4px;margin:6px 0;background-repeat:repeat-x}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px -72px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -92px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -112px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px -72px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -92px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -112px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-y;background-image:-moz-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-x;background-image:-moz-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger{height:70px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger{width:70px}.mCS-3d-dark.mCSB_scrollTools,.mCS-3d.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{width:8px;background-color:#000;background-color:rgba(0,0,0,.2);box-shadow:inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:8px;margin:4px 0;box-shadow:inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:8px;margin:4px auto}.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);box-shadow:inset 1px 0 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical{right:1px}.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCS-3d-thick.mCSB_scrollTools_vertical{box-shadow:inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,.mCS-3d-thick.mCSB_scrollTools_horizontal{bottom:1px;box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:inset 1px 0 0 rgba(255,255,255,.4);width:12px;margin:2px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4);height:12px;width:auto}.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{background-color:#000;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-thick-dark.mCSB_scrollTools{box-shadow:inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#777}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{background-color:#fff;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{right:0;margin:12px 0}.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0;margin:0 12px}.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{left:0;right:auto}.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger{height:50px}.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger{width:50px}.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail{width:6px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px}.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:6px;margin:5px 0}.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:12px}.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:12px;margin:2px 0}.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools .mCSB_draggerRail{width:12px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;margin:3px 5px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:6px;margin:5px 3px;position:absolute;width:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:12px;margin:2px 0}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;border-width:1px;border-style:solid;border-color:#fff;border-color:rgba(255,255,255,.2);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{border-color:#000;border-color:rgba(0,0,0,.2)}.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.6)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.6)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}
 .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{100%,20%,53%,80%,from{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,.050,.855,.060);animation-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755,.050,.855,.060);animation-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{100%,20%,53%,80%,from{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,.050,.855,.060);animation-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755,.050,.855,.060);animation-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{100%,50%,from{opacity:1}25%,75%{opacity:0}}@keyframes flash{100%,50%,from{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{100%,from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{100%,from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{from{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}@keyframes wobble{from{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{100%,11.1%,from{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{100%,11.1%,from{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{100%,20%,40%,60%,80%,from{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{100%,20%,40%,60%,80%,from{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{100%,60%,75%,90%,from{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{100%,60%,75%,90%,from{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{100%,60%,75%,90%,from{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{100%,60%,75%,90%,from{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{100%,60%,75%,90%,from{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{100%,60%,75%,90%,from{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{100%,60%,75%,90%,from{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{100%,60%,75%,90%,from{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{from{opacity:0}100%{opacity:1}}@keyframes fadeIn{from{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{from{opacity:1}100%{opacity:0}}@keyframes fadeOut{from{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{from{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{from{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}