@charset "UTF-8";

/* biite.css - framework */

/* Infos: 

xs - Phone - global
sm - Tablet - 768px - @media (min-width: 768px) {}
md - Desktop - 992px - @media (min-width: 992px) {}
lg - Large Desktop - 1200px - @media (min-width: 1200px) {}

/* alignment */

.center{
    text-align: center;
}
.left{
    text-align: left;
}
.right{
    text-align: right;
}

/* Fonts - Family */

/* 

Used: Open Sans

Fonts:

Asap
Bree Serif
Dosis
Exo 2 (alle)
Kanit
Lato
x Monserat
Nunito Sans
Open Sans
Oswald
Raleway
Roboto
Slabo 27px
Source Sans Pro
Ubuntu

*/


body {
    font-family: 'Open Sans', sans-serif;
}
p {
    font-family: 'Open Sans', sans-serif;
}
b {
    font-family: 'Open Sans', sans-serif;
}
a {
    font-family: 'Open Sans', sans-serif;
}
button {
    font-family: 'Open Sans', sans-serif;
}
li {
    font-family: 'Open Sans', sans-serif;
}
div {
    font-family: 'Open Sans', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', sans-serif;
}

/* Size */


p{
    font-size: 1em;
}
a{
    font-size: 1em;
}
h1 {
    font-size: 4em;
}
h2 {
    font-size: 3.5em;
}
h3 {
    font-size: 3em;
}
h4 {
    font-size: 2em;
}
h5 {
    font-size: 1.5em;
}
h6 {
    font-size: 1em;
}
a {
    font-weight: bold;
}
b {
    font-weight: bold;
}
span {
    font-weight: bold;
}
strong {
    font-weight: bold;
}

/* Border */

.border-t {
    border-top: 5px solid grey;
}
.border-b {
    border-bottom: 5px solid grey;
}
.border-r {
    border-right: 5px solid grey;
}
.border-l {
    border-left: 5px solid grey;
}

/* Biite responsive system | framework

w (width)
h (height)
ml (margin-left)
mr (margin-right)
l (left)
r (right)

*/

/* Attr */

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-w1, .col-w2, .col-w3, .col-w4, .col-w5, .col-w6, .col-w7, .col-w8, .col-w9, .col-w10, .col-w11, .col-w12 {
  position: relative;
  min-height: 1px;
  /* #padding-right: 15px;
  #padding-left: 15px; */
}

/* Float */

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-w1, .col-w2, .col-w3, .col-w4, .col-w5, .col-w6, .col-w7, .col-w8, .col-w9, .col-w10, .col-w11, .col-w12 {
  float: left;
}

/* Size */

.col-12 {
  width: 100%;
}
.col-11 {
  width: 91.66666667%;
}
.col-w10 {
  width: 83.33333333%;
}
.col-9 {
  width: 75%;
}
.col-8 {
  width: 66.66666667%;
}
.col-7 {
  width: 58.33333333%;
}
.col-6 {
  width: 50%;
}
.col-5 {
  width: 41.66666667%;
}
.col-4 {
  width: 33.33333333%;
}
.col-3 {
  width: 25%;
}
.col-2 {
  width: 16.66666667%;
}
.col-1 {
  width: 8.33333333%;
}
.col-w12 {
  width: 100%;
}
.col-w11 {
  width: 91.66666667%;
}
.col-w10 {
  width: 83.33333333%;
}
.col-w9 {
  width: 75%;
}
.col-w8 {
  width: 66.66666667%;
}
.col-w7 {
  width: 58.33333333%;
}
.col-w6 {
  width: 50%;
}
.col-w5 {
  width: 41.66666667%;
}
.col-w4 {
  width: 33.33333333%;
}
.col-w3 {
  width: 25%;
}
.col-w2 {
  width: 16.66666667%;
}
.col-w1 {
  width: 8.33333333%;
}
.col-h12 {
  height: 100%;
}
.col-h11 {
  height: 91.66666667%;
}
.col-h10 {
  height: 83.33333333%;
}
.col-h9 {
  height: 75%;
}
.col-h8 {
  height: 66.66666667%;
}
.col-h7 {
  height: 58.33333333%;
}
.col-h6 {
  height: 50%;
}
.col-h5 {
  height: 41.66666667%;
}
.col-h4 {
  height: 33.33333333%;
}
.col-h3 {
  height: 25%;
}
.col-h2 {
  height: 16.66666667%;
}
.col-h1 {
  height: 8.33333333%;
}

.w12 {
  width: 100% !important;
}
.w11 {
  width: 91.66666667%;
}
.w10 {
  width: 83.33333333%;
}
.w9 {
  width: 75%;
}
.w8 {
  width: 66.66666667%;
}
.w7 {
  width: 58.33333333%;
}
.w6 {
  width: 50%;
}
.w5 {
  width: 41.66666667%;
}
.w4 {
  width: 33.33333333%;
}
.w3 {
  width: 25%;
}
.w2 {
  width: 16.66666667%;
}
.w1 {
  width: 8.33333333%;
}
.h12 {
  height: 100%;
}
.h11 {
  height: 91.66666667%;
}
.h10 {
  height: 83.33333333%;
}
.h9 {
  height: 75%;
}
.h8 {
  height: 66.66666667%;
}
.h7 {
  height: 58.33333333%;
}
.h6 {
  height: 50%;
}
.h5 {
  height: 41.66666667%;
}
.h4 {
  height: 33.33333333%;
}
.h3 {
  height: 25%;
}
.h2 {
  height: 16.66666667%;
}
.h1 {
  height: 8.33333333%;
}

.w1200px {
  width: 1200px;
}
.w1100px {
  width: 1100px;
}
.w1000px {
  width: 1000px;
}
.w900px {
  width: 900px;
}
.w800px {
  width: 800px;
}
.w700px {
  width: 700px;
}
.w600px {
  width: 600px;
}
.w500px {
  width: 500px;
}
.w400px {
  width: 400px;
}
.w300px {
  width: 300px;
}
.w200px {
  width: 200px;
}
.w100px {
  width: 100px;
}
.h1200px {
  height: 1200px;
}
.h1100px {
  height: 1100px;
}
.h1000px {
  height: 1000px;
}
.h900px {
  height: 900px;
}
.h800px {
  height: 800px;
}
.h700px {
  height: 700px;
}
.h600px {
  height: 600px;
}
.h500px {
  height: 500px;
}
.h400px {
  height: 400px;
}
.h300px {
  height: 300px;
}
.h200px {
  height: 200px;
}
.h100px {
  height: 100px;
}

/* Resize to mobile */

@media(max-width:1100px){
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11{
    width: 100% !important;
}
.w1, .w2, .w3, .w4, .w5, .w6, .w7, .w8, .w9, .w10, .w11{
    width: 100% !important;
}    
}
/* @media(min-width:1500px){
    .w4{
        width: 33.33% !important;
    }       
}
@media(max-width:1500px){
    .w4{
        width: 50% !important;
    }       
}
@media(max-width:1000px){
    .w4{
        width: 100% !important;
    }       
} */

/* columns (count) */

.column1{
-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
	height: auto;
}
.column2{
-webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
	height: auto;
}
.column3{
-webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
	height: auto;
}
.column4{
-webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
	height: auto;
}
.column5{
-webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
	height: auto;
}
.column6{
-webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6;
	height: auto;
}
.column7{
-webkit-column-count: 7;
    -moz-column-count: 7;
    column-count: 7;
	height: auto;
}
.column8{
-webkit-column-count: 8;
    -moz-column-count: 8;
    column-count: 8;
	height: auto;
}
.column9{
-webkit-column-count: 9;
    -moz-column-count: 9;
    column-count: 9;
	height: auto;
}
.column10{
-webkit-column-count: 10;
    -moz-column-count: 10;
    column-count: 10;
	height: auto;
}
.column11{
-webkit-column-count: 11;
    -moz-column-count: 11;
    column-count: 11;
	height: auto;
}
.column12{
-webkit-column-count: 12;
    -moz-column-count: 12;
    column-count: 12;
	height: auto;
}

/* Position */

.col-t12 {
  top: 100%;
}
.col-t11 {
  top: 91.66666667%;
}
.col-t10 {
  top: 83.33333333%;
}
.col-t9 {
  top: 75%;
}
.col-t8 {
  top: 66.66666667%;
}
.col-t7 {
  top: 58.33333333%;
}
.col-t6 {
  top: 50%;
}
.col-t5 {
  top: 41.66666667%;
}
.col-t4 {
  top: 33.33333333%;
}
.col-t3 {
  top: 25%;
}
.col-t2 {
  top: 16.66666667%;
}
.col-t1 {
  top: 8.33333333%;
}
.col-t0 {
  top: 0;
}
.col-tauto {
  top: auto;
}
.col-b12 {
  bottom: 100%;
}
.col-b11 {
  bottom: 91.66666667%;
}
.col-b10 {
  bottom: 83.33333333%;
}
.col-b9 {
  bottom: 75%;
}
.col-b8 {
  bottom: 66.66666667%;
}
.col-b7 {
  bottom: 58.33333333%;
}
.col-b6 {
  bottom: 50%;
}
.col-b5 {
  bottom: 41.66666667%;
}
.col-b4 {
  bottom: 33.33333333%;
}
.col-b3 {
  bottom: 25%;
}
.col-b2 {
  bottom: 16.66666667%;
}
.col-b1 {
  bottom: 8.33333333%;
}
.col-b0 {
  bottom: 0;
}
.col-bauto {
  bottom: auto;
}
.col-r12 {
  right: 100%;
}
.col-r11 {
  right: 91.66666667%;
}
.col-r10 {
  right: 83.33333333%;
}
.col-r9 {
  right: 75%;
}
.col-r8 {
  right: 66.66666667%;
}
.col-r7 {
  right: 58.33333333%;
}
.col-r6 {
  right: 50%;
}
.col-r5 {
  right: 41.66666667%;
}
.col-r4 {
  right: 33.33333333%;
}
.col-r3 {
  right: 25%;
}
.col-r2 {
  right: 16.66666667%;
}
.col-r1 {
  right: 8.33333333%;
}
.col-r0 {
  right: 0;
}
.col-rauto {
  right: auto;
}
.col-l12 {
  left: 100%;
}
.col-l11 {
  left: 91.66666667%;
}
.col-l10 {
  left: 83.33333333%;
}
.col-l9 {
  left: 75%;
}
.col-l8 {
  left: 66.66666667%;
}
.col-l7 {
  left: 58.33333333%;
}
.col-l6 {
  left: 50%;
}
.col-l5 {
  left: 41.66666667%;
}
.col-l4 {
  left: 33.33333333%;
}
.col-l3 {
  left: 25%;
}
.col-l2 {
  left: 16.66666667%;
}
.col-l1 {
  left: 8.33333333%;
}
.col-l0 {
  left: 0;
}
.col-lauto {
  left: auto;
}
.t12 {
  top: 100%;
}
.t11 {
  top: 91.66666667%;
}
.t10 {
  top: 83.33333333%;
}
.t9 {
  top: 75%;
}
.t8 {
  top: 66.66666667%;
}
.t7 {
  top: 58.33333333%;
}
.t6 {
  top: 50%;
}
.t5 {
  top: 41.66666667%;
}
.t4 {
  top: 33.33333333%;
}
.t3 {
  top: 25%;
}
.t2 {
  top: 16.66666667%;
}
.t1 {
  top: 8.33333333%;
}
.t0 {
  top: 0;
}
.tauto {
  top: auto;
}
.b12 {
  bottom: 100%;
}
.b11 {
  bottom: 91.66666667%;
}
.b10 {
  bottom: 83.33333333%;
}
.b9 {
  bottom: 75%;
}
.b8 {
  bottom: 66.66666667%;
}
.b7 {
  bottom: 58.33333333%;
}
.b6 {
  bottom: 50%;
}
.b5 {
  bottom: 41.66666667%;
}
.b4 {
  bottom: 33.33333333%;
}
.b3 {
  bottom: 25%;
}
.b2 {
  bottom: 16.66666667%;
}
.b1 {
  bottom: 8.33333333%;
}
.b0 {
  bottom: 0;
}
.bauto {
  bottom: auto;
}
.r12 {
  right: 100%;
}
.r11 {
  right: 91.66666667%;
}
.r10 {
  right: 83.33333333%;
}
.r9 {
  right: 75%;
}
.r8 {
  right: 66.66666667%;
}
.r7 {
  right: 58.33333333%;
}
.r6 {
  right: 50%;
}
.r5 {
  right: 41.66666667%;
}
.r4 {
  right: 33.33333333%;
}
.r3 {
  right: 25%;
}
.r2 {
  right: 16.66666667%;
}
.r1 {
  right: 8.33333333%;
}
.r0 {
  right: 0;
}
.rauto {
  right: auto;
}
.l12 {
  left: 100%;
}
.l11 {
  left: 91.66666667%;
}
.l10 {
  left: 83.33333333%;
}
.l9 {
  left: 75%;
}
.l8 {
  left: 66.66666667%;
}
.l7 {
  left: 58.33333333%;
}
.l6 {
  left: 50%;
}
.l5 {
  left: 41.66666667%;
}
.l4 {
  left: 33.33333333%;
}
.l3 {
  left: 25%;
}
.l2 {
  left: 16.66666667%;
}
.l1 {
  left: 8.33333333%;
}
.l0 {
  left: 0;
}
.lauto {
  left: auto;
}

/* Margin */

.col-m12 {
  margin: 100%;
}
.col-m11 {
  margin: 91.66666667%;
}
.col-m10 {
  margin: 83.33333333%;
}
.col-m9 {
  margin: 75%;
}
.col-m8 {
  margin: 66.66666667%;
}
.col-m7 {
  margin: 58.33333333%;
}
.col-m6 {
  margin: 50%;
}
.col-m5 {
  margin: 41.66666667%;
}
.col-m4 {
  margin: 33.33333333%;
}
.col-m3 {
  margin: 25%;
}
.col-m2 {
  margin: 16.66666667%;
}
.col-m1 {
  margin: 8.33333333%;
}
.col-m0 {
  margin: 0;
}
.col-mauto {
  margin: auto;
}
.col-mt12 {
  margin-top: 100%;
}
.col-mt11 {
  margin-top: 91.66666667%;
}
.col-mt10 {
  margin-top: 83.33333333%;
}
.col-mt9 {
  margin-top: 75%;
}
.col-mt8 {
  margin-top: 66.66666667%;
}
.col-mt7 {
  margin-top: 58.33333333%;
}
.col-mt6 {
  margin-top: 50%;
}
.col-mt5 {
  margin-top: 41.66666667%;
}
.col-mt4 {
  margin-top: 33.33333333%;
}
.col-mt3 {
  margin-top: 25%;
}
.col-mt2 {
  margin-top: 16.66666667%;
}
.col-mt1 {
  margin-top: 8.33333333%;
}
.col-mt0 {
  margin-top: 0;
}
.col-mtauto {
  margin-top: auto;
}
.col-mb12 {
  margin-bottom: 100%;
}
.col-mb11 {
  margin-bottom: 91.66666667%;
}
.col-mb10 {
  margin-bottom: 83.33333333%;
}
.col-mb9 {
  margin-bottom: 75%;
}
.col-mb8 {
  margin-bottom: 66.66666667%;
}
.col-mb7 {
  margin-bottom: 58.33333333%;
}
.col-mb6 {
  margin-bottom: 50%;
}
.col-mb5 {
  margin-bottom: 41.66666667%;
}
.col-mb4 {
  margin-bottom: 33.33333333%;
}
.col-mb3 {
  margin-bottom: 25%;
}
.col-mb2 {
  margin-bottom: 16.66666667%;
}
.col-mb1 {
  margin-bottom: 8.33333333%;
}
.col-mb0 {
  margin-bottom: 0;
}
.col-mbauto {
  margin-bottom: auto;
}
.col-ml12 {
  margin-left: 100%;
}
.col-ml11 {
  margin-left: 91.66666667%;
}
.col-ml10 {
  margin-left: 83.33333333%;
}
.col-ml9 {
  margin-left: 75%;
}
.col-ml8 {
  margin-left: 66.66666667%;
}
.col-ml7 {
  margin-left: 58.33333333%;
}
.col-ml6 {
  margin-left: 50%;
}
.col-ml5 {
  margin-left: 41.66666667%;
}
.col-ml4 {
  margin-left: 33.33333333%;
}
.col-ml3 {
  margin-left: 25%;
}
.col-ml2 {
  margin-left: 16.66666667%;
}
.col-ml1 {
  margin-left: 8.33333333%;
}
.col-ml0 {
  margin-left: 0;
}
.col-mlauto {
  margin-left: auto;
}
.col-mr12 {
  margin-right: 100%;
}
.col-mr11 {
  margin-right: 91.66666667%;
}
.col-mr10 {
  margin-right: 83.33333333%;
}
.col-mr9 {
  margin-right: 75%;
}
.col-mr8 {
  margin-right: 66.66666667%;
}
.col-mr7 {
  margin-right: 58.33333333%;
}
.col-mr6 {
  margin-right: 50%;
}
.col-mr5 {
  margin-right: 41.66666667%;
}
.col-mr4 {
  margin-right: 33.33333333%;
}
.col-mr3 {
  margin-right: 25%;
}
.col-mr2 {
  margin-right: 16.66666667%;
}
.col-mr1 {
  margin-right: 8.33333333%;
}
.col-mr0 {
  margin-right: 0;
}
.col-mrauto {
  margin-right: auto;
}

.m12 {
  margin: 100%;
}
.m11 {
  margin: 91.66666667%;
}
.m10 {
  margin: 83.33333333%;
}
.m9 {
  margin: 75%;
}
.m8 {
  margin: 66.66666667%;
}
.m7 {
  margin: 58.33333333%;
}
.m6 {
  margin: 50%;
}
.m5 {
  margin: 41.66666667%;
}
.m4 {
  margin: 33.33333333%;
}
.m3 {
  margin: 25%;
}
.m2 {
  margin: 16.66666667%;
}
.m1 {
  margin: 8.33333333%;
}
.m0 {
  margin: 0;
}
.mauto {
  margin: auto;
}
.mt12 {
  margin-top: 100%;
}
.mt11 {
  margin-top: 91.66666667%;
}
.mt10 {
  margin-top: 83.33333333%;
}
.mt9 {
  margin-top: 75%;
}
.mt8 {
  margin-top: 66.66666667%;
}
.mt7 {
  margin-top: 58.33333333%;
}
.mt6 {
  margin-top: 50%;
}
.mt5 {
  margin-top: 41.66666667%;
}
.mt4 {
  margin-top: 33.33333333%;
}
.mt3 {
  margin-top: 25%;
}
.mt2 {
  margin-top: 16.66666667%;
}
.mt1 {
  margin-top: 8.33333333%;
}
.mt0 {
  margin-top: 0;
}
.mtauto {
  margin-top: auto;
}
.mb12 {
  margin-bottom: 100%;
}
.mb11 {
  margin-bottom: 91.66666667%;
}
.mb10 {
  margin-bottom: 83.33333333%;
}
.mb9 {
  margin-bottom: 75%;
}
.mb8 {
  margin-bottom: 66.66666667%;
}
.mb7 {
  margin-bottom: 58.33333333%;
}
.mb6 {
  margin-bottom: 50%;
}
.mb5 {
  margin-bottom: 41.66666667%;
}
.mb4 {
  margin-bottom: 33.33333333%;
}
.mb3 {
  margin-bottom: 25%;
}
.mb2 {
  margin-bottom: 16.66666667%;
}
.mb1 {
  margin-bottom: 8.33333333%;
}
.mb0 {
  margin-bottom: 0;
}
.mbauto {
  margin-bottom: auto;
}
.ml12 {
  margin-left: 100%;
}
.ml11 {
  margin-left: 91.66666667%;
}
.ml10 {
  margin-left: 83.33333333%;
}
.ml9 {
  margin-left: 75%;
}
.ml8 {
  margin-left: 66.66666667%;
}
.ml7 {
  margin-left: 58.33333333%;
}
.ml6 {
  margin-left: 50%;
}
.ml5 {
  margin-left: 41.66666667%;
}
.ml4 {
  margin-left: 33.33333333%;
}
.ml3 {
  margin-left: 25%;
}
.ml2 {
  margin-left: 16.66666667%;
}
.ml1 {
  margin-left: 8.33333333%;
}
.ml0 {
  margin-left: 0;
}
.mlauto {
  margin-left: auto;
}
.mr12 {
  margin-right: 100%;
}
.mr11 {
  margin-right: 91.66666667%;
}
.mr10 {
  margin-right: 83.33333333%;
}
.mr9 {
  margin-right: 75%;
}
.mr8 {
  margin-right: 66.66666667%;
}
.mr7 {
  margin-right: 58.33333333%;
}
.mr6 {
  margin-right: 50%;
}
.mr5 {
  margin-right: 41.66666667%;
}
.mr4 {
  margin-right: 33.33333333%;
}
.mr3 {
  margin-right: 25%;
}
.mr2 {
  margin-right: 16.66666667%;
}
.mr1 {
  margin-right: 8.33333333%;
}
.mr0 {
  margin-right: 0;
}
.mrauto {
  margin-right: auto;
}

/* Padding */

.col-p12 {
  padding: 100%;
}
.col-p11 {
  padding: 91.66666667%;
}
.col-p10 {
  padding: 83.33333333%;
}
.col-p9 {
  padding: 75%;
}
.col-p8 {
  padding: 66.66666667%;
}
.col-p7 {
  padding: 58.33333333%;
}
.col-p6 {
  padding: 50%;
}
.col-p5 {
  padding: 41.66666667%;
}
.col-p4 {
  padding: 33.33333333%;
}
.col-p3 {
  padding: 25%;
}
.col-p2 {
  padding: 16.66666667%;
}
.col-p1 {
  padding: 8.33333333%;
}
.col-p0 {
  padding: 0;
}
.col-pauto {
  padding: auto;
}
.col-pt12 {
  padding-top: 100%;
}
.col-pt11 {
  padding-top: 91.66666667%;
}
.col-pt10 {
  padding-top: 83.33333333%;
}
.col-pt9 {
  padding-top: 75%;
}
.col-pt8 {
  padding-top: 66.66666667%;
}
.col-pt7 {
  padding-top: 58.33333333%;
}
.col-pt6 {
  padding-top: 50%;
}
.col-pt5 {
  padding-top: 41.66666667%;
}
.col-pt4 {
  padding-top: 33.33333333%;
}
.col-pt3 {
  padding-top: 25%;
}
.col-pt2 {
  padding-top: 16.66666667%;
}
.col-pt1 {
  padding-top: 8.33333333%;
}
.col-pt0 {
  padding-top: 0;
}
.col-ptauto {
  padding-top: auto;
}
.col-pb12 {
  padding-bottom: 100%;
}
.col-pb11 {
  padding-bottom: 91.66666667%;
}
.col-pb10 {
  padding-bottom: 83.33333333%;
}
.col-pb9 {
  padding-bottom: 75%;
}
.col-pb8 {
  padding-bottom: 66.66666667%;
}
.col-pb7 {
  padding-bottom: 58.33333333%;
}
.col-pb6 {
  padding-bottom: 50%;
}
.col-pb5 {
  padding-bottom: 41.66666667%;
}
.col-pb4 {
  padding-bottom: 33.33333333%;
}
.col-pb3 {
  padding-bottom: 25%;
}
.col-pb2 {
  padding-bottom: 16.66666667%;
}
.col-pb1 {
  padding-bottom: 8.33333333%;
}
.col-pb0 {
  padding-bottom: 0;
}
.col-pbauto {
  padding-bottom: auto;
}
.col-pl12 {
  padding-left: 100%;
}
.col-pl11 {
  padding-left: 91.66666667%;
}
.col-pl10 {
  padding-left: 83.33333333%;
}
.col-pl9 {
  padding-left: 75%;
}
.col-pl8 {
  padding-left: 66.66666667%;
}
.col-pl7 {
  padding-left: 58.33333333%;
}
.col-pl6 {
  padding-left: 50%;
}
.col-pl5 {
  padding-left: 41.66666667%;
}
.col-pl4 {
  padding-left: 33.33333333%;
}
.col-pl3 {
  padding-left: 25%;
}
.col-pl2 {
  padding-left: 16.66666667%;
}
.col-pl1 {
  padding-left: 8.33333333%;
}
.col-pl0 {
  padding-left: 0;
}
.col-plauto {
  padding-left: auto;
}
.col-pr12 {
  padding-right: 100%;
}
.col-pr11 {
  padding-right: 91.66666667%;
}
.col-pr10 {
  padding-right: 83.33333333%;
}
.col-pr9 {
  padding-right: 75%;
}
.col-pr8 {
  padding-right: 66.66666667%;
}
.col-pr7 {
  padding-right: 58.33333333%;
}
.col-pr6 {
  padding-right: 50%;
}
.col-pr5 {
  padding-right: 41.66666667%;
}
.col-pr4 {
  padding-right: 33.33333333%;
}
.col-pr3 {
  padding-right: 25%;
}
.col-pr2 {
  padding-right: 16.66666667%;
}
.col-pr1 {
  padding-right: 8.33333333%;
}
.col-pr0 {
  padding-right: 0;
}
.col-prauto {
  padding-right: auto;
}

.p12 {
  padding: 100%;
}
.p11 {
  padding: 91.66666667%;
}
.p10 {
  padding: 83.33333333%;
}
.p9 {
  padding: 75%;
}
.p8 {
  padding: 66.66666667%;
}
.p7 {
  padding: 58.33333333%;
}
.p6 {
  padding: 50%;
}
.p5 {
  padding: 41.66666667%;
}
.p4 {
  padding: 33.33333333%;
}
.p3 {
  padding: 25%;
}
.p2 {
  padding: 16.66666667%;
}
.p1 {
  padding: 8.33333333%;
}
.p0 {
  padding: 0;
}
.pauto {
  padding: auto;
}
.pt12 {
  padding-top: 100%;
}
.pt11 {
  padding-top: 91.66666667%;
}
.pt10 {
  padding-top: 83.33333333%;
}
.pt9 {
  padding-top: 75%;
}
.pt8 {
  padding-top: 66.66666667%;
}
.pt7 {
  padding-top: 58.33333333%;
}
.pt6 {
  padding-top: 50%;
}
.pt5 {
  padding-top: 41.66666667%;
}
.pt4 {
  padding-top: 33.33333333%;
}
.pt3 {
  padding-top: 25%;
}
.pt2 {
  padding-top: 16.66666667%;
}
.pt1 {
  padding-top: 8.33333333%;
}
.pt0 {
  padding-top: 0;
}
.ptauto {
  padding-top: auto;
}
.pb12 {
  padding-bottom: 100%;
}
.pb11 {
  padding-bottom: 91.66666667%;
}
.pb10 {
  padding-bottom: 83.33333333%;
}
.pb9 {
  padding-bottom: 75%;
}
.pb8 {
  padding-bottom: 66.66666667%;
}
.pb7 {
  padding-bottom: 58.33333333%;
}
.pb6 {
  padding-bottom: 50%;
}
.pb5 {
  padding-bottom: 41.66666667%;
}
.pb4 {
  padding-bottom: 33.33333333%;
}
.pb3 {
  padding-bottom: 25%;
}
.pb2 {
  padding-bottom: 16.66666667%;
}
.pb1 {
  padding-bottom: 8.33333333%;
}
.pb0 {
  padding-bottom: 0;
}
.pbauto {
  padding-bottom: auto;
}
.pl12 {
  padding-left: 100%;
}
.pl11 {
  padding-left: 91.66666667%;
}
.pl10 {
  padding-left: 83.33333333%;
}
.pl9 {
  padding-left: 75%;
}
.pl8 {
  padding-left: 66.66666667%;
}
.pl7 {
  padding-left: 58.33333333%;
}
.pl6 {
  padding-left: 50%;
}
.pl5 {
  padding-left: 41.66666667%;
}
.pl4 {
  padding-left: 33.33333333%;
}
.pl3 {
  padding-left: 25%;
}
.pl2 {
  padding-left: 16.66666667%;
}
.pl1 {
  padding-left: 8.33333333%;
}
.pl0 {
  padding-left: 0;
}
.plauto {
  padding-left: auto;
}
.pr12 {
  padding-right: 100%;
}
.pr11 {
  padding-right: 91.66666667%;
}
.pr10 {
  padding-right: 83.33333333%;
}
.pr9 {
  padding-right: 75%;
}
.pr8 {
  padding-right: 66.66666667%;
}
.pr7 {
  padding-right: 58.33333333%;
}
.pr6 {
  padding-right: 50%;
}
.pr5 {
  padding-right: 41.66666667%;
}
.pr4 {
  padding-right: 33.33333333%;
}
.pr3 {
  padding-right: 25%;
}
.pr2 {
  padding-right: 16.66666667%;
}
.pr1 {
  padding-right: 8.33333333%;
}
.pr0 {
  padding-right: 0;
}
.prauto {
  padding-right: auto;
}

/* Colors */

.aliceblue {
  color: aliceblue;
}
.antiquewhite {
  color: antiquewhite;
}
.aqua {
  color: aqua;
}
.aquamarine {
  color: aquamarine;
}
.azure {
  color: azure;
}
.beige {
  color: beige;
}
.bisque {
  color: bisque;
}
.black {
  color: black;
}
.blanchedalmond {
  color: blanchedalmond;
}
.blue {
  color: blue;
}
.blueviolet {
  color: blueviolet;
}
.brown {
  color: brown;
}
.burlywood {
  color: burlywood;
}
.cadetblue {
  color: cadetblue;
}
.chartreuse {
  color: chartreuse;
}
.chocolate {
  color: chocolate;
}
.coral {
  color: coral;
}
.cornflowerblue {
  color: cornflowerblue;
}
.cornsilk {
  color: cornsilk;
}
.crimson {
  color: crimson;
}
.currentColor {
  color: currentColor;
}
.cyan {
  color: cyan;
}
.darkblue {
  color: darkblue;
}
.darkcyan {
  color: darkcyan;
}
.darkgoldenrod {
  color: darkgoldenrod;
}
.darkgray {
  color: darkgray;
}
.darkgreen {
  color: darkgreen;
}
.darkgrey {
  color: darkgrey;
}
.darkkhaki {
  color: darkkhaki;
}
.darkmagenta {
  color: darkmagenta;
}
.darkolivegreen {
  color: darkolivegreen;
}
.darkorange {
  color: darkorange;
}
.darkorchid {
  color: darkorchid;
}
.darkred {
  color: darkred;
}
.darksalmon {
  color: darksalmon;
}
.darkseagreen {
  color: darkseagreen;
}
.darkslateblue {
  color: darkslateblue;
}
.darkslategray {
  color: darkslategray;
}
.darkslategrey {
  color: darkslategrey;
}
.darkturquoise {
  color: darkturquoise;
}
.darkviolet {
  color: darkviolet;
}
.deeppink {
  color: deeppink;
}
.deepskyblue {
  color: deepskyblue;
}
.dimgray {
  color:dimgray;
}
.dimgrey {
  color: dimgrey;
}
.dodgerblue {
  color: dodgerblue;
}
.firebrick {
  color: firebrick;
}
.floralwhite {
  color: floralwhite;
}
.forestgreen {
  color: forestgreen;
}
.fuchsia {
  color: fuchsia;
}
.gainsboro {
  color: gainsboro;
}
.ghostwhite {
  color: ghostwhite;
}
.gold {
  color: gold;
}
.goldenrod {
  color: goldenrod;
}
.gray {
  color: gray;
}
.green {
  color: green;
}
.greenyellow {
  color: greenyellow;
}
.grey {
  color: grey;
}
.honeydew {
  color: honeydew;
}
.hotpink {
  color: hotpink;
}
.indianred {
  color: indianred;
}
.indigo {
  color: indigo;
}
.inherit {
  color: inherit;
}
.ivory {
  color: ivory;
}
.khaki {
  color: khaki;
}
.lavender {
  color: lavender;
}
.lavenderblush {
  color: lavenderblush;
}
.lawngreen {
  color: lawngreen;
}
.lemonchiffon {
  color: lemonchiffon;
}
.lightblue {
  color: lightblue;
}
.lightcoral {
  color: lightcoral;
}
.lightcyan {
  color: lightcyan;
}
.lightgoldenrodyellow {
  color: lightgoldenrodyellow;
}
.lightgray {
  color: lightgray;
}
.lightgreen {
  color: lightgreen;
}
.lightgrey {
  color: lightgrey;
}
.lightpink {
  color: lightpink;
}
.lightsalmon {
  color: lightsalmon;
}
.lightseagreen {
  color: lightseagreen;
}
.lightskyblue {
  color: lightskyblue;
}
.lightslategray {
  color: lightslategray;
}
.lightslategrey {
  color: lightslategrey;
}
.lightsteelblue {
  color: lightsteelblue;
}
.lightyellow {
  color: lightyellow;
}
.lime {
  color: lime;
}
.limegreen {
  color: limegreen;
}
.linen {
  color: linen;
}
.magenta {
  color: magenta;
}
.maroon {
  color: maroon;
}
.mediumaquamarine {
  color: mediumaquamarine;
}
.mediumblue {
  color: mediumblue;
}
.mediumorchid {
  color: mediumorchid;
}
.mediumpurple {
  color: mediumpurple;
}
.mediumseagreen {
  color: mediumseagreen;
}
.mediumslateblue {
  color: mediumslateblue;
}
.mediumspringgreen {
  color: mediumspringgreen;
}
.mediumturquoise {
  color: mediumturquoise;
}
.mediumvioletred {
  color: mediumvioletred;
}
.midnightblue {
  color: midnightblue;
}
.mintcream {
  color: mintcream;
}
.mistyrose {
  color: mistyrose;
}
.moccasin {
  color: moccasin;
}
.navajowhite {
  color: navajowhite;
}
.navy {
  color: navy;
}
.oldlace {
  color: oldlace;
}
.olive {
  color: olive;
}
.olivedrab {
  color: olivedrab;
}
.orange {
  color: orange;
}
.orangered {
  color: orangered;
}
.orchid {
  color: orchid;
}
.palegoldenrod {
  color: palegoldenrod;
}
.palegreen {
  color: palegreen;
}
.paleturquoise {
  color: paleturquoise;
}
.palevioletred {
  color: palevioletred;
}
.papayawhip {
  color: papayawhip;
}
.peachpuff {
  color: peachpuff;
}
.peru {
  color: peru;
}
.pink {
  color: pink;
}
.plum {
  color: plum;
}
.powderblue {
  color: powderblue;
}
.purple {
  color: purple;
}
.rebeccapurple {
  color: rebeccapurple;
}
.red {
  color: red;
}
.rosybrown {
  color: rosybrown;
}
.royalblue {
  color: royalblue;
}
.saddlebrown {
  color: saddlebrown;
}
.salmon {
  color: salmon;
}
.sandybrown {
  color: sandybrown;
}
.seagreen {
  color: seagreen;
}
.seashell {
  color: seashell;
}
.sienna {
  color: sienna;
}
.silver {
  color: silver;
}
.skyblue {
  color: skyblue;
}
.slateblue {
  color: slateblue;
}
.slategray {
  color: slategray;
}
.slategrey {
  color: slategrey;
}
.snow {
  color: snow;
}
.springgreen {
  color: springgreen;
}
.steelblue {
  color: steelblue;
}
.tan {
  color: tan;
}
.teal {
  color: teal;
}
.thistle {
  color: thistle;
}
.tomato {
  color: tomato;
}
.transparent {
  color: transparent;
}
.turquoise {
  color: turquoise;
}
.violet {
  color: violet;
}
.wheat {
  color: wheat;
}
.white {
  color: white;
}
.whitesmoke {
  color: whitesmoke;
}
.yellow {
  color: yellow;
}
.yellowgreen {
  color: yellowgreen;
}

/* Colors Background */

.aliceblue-bg {
  background-color: aliceblue;
}
.antiquewhite-bg {
  background-color: antiquewhite;
}
.aqua-bg {
  background-color: aqua;
}
.aquamarine-bg {
  background-color: aquamarine;
}
.azure-bg {
  background-color: azure;
}
.beige-bg {
  background-color: beige;
}
.bisque-bg {
  background-color: bisque;
}
.black-bg {
  background-color: black;
}
.blanchedalmond-bg {
  background-color: blanchedalmond;
}
.blue-bg {
  background-color: blue;
}
.blueviolet-bg {
  background-color: blueviolet;
}
.brown-bg {
  background-color: brown;
}
.burlywood-bg {
  background-color: burlywood;
}
.cadetblue-bg {
  background-color: cadetblue;
}
.chartreuse-bg {
  background-color: chartreuse;
}
.chocolate-bg {
  background-color: chocolate;
}
.coral-bg {
  background-color: coral;
}
.cornflowerblue-bg {
  background-color: cornflowerblue;
}
.cornsilk-bg {
  background-color: cornsilk;
}
.crimson-bg {
  background-color: crimson;
}
.currentbackground-color-bg {
  background-color: currentbackground-color;
}
.cyan-bg {
  background-color: cyan;
}
.darkblue-bg {
  background-color: darkblue;
}
.darkcyan-bg {
  background-color: darkcyan;
}
.darkgoldenrod-bg {
  background-color: darkgoldenrod;
}
.darkgray-bg {
  background-color: darkgray;
}
.darkgreen-bg {
  background-color: darkgreen;
}
.darkgrey-bg {
  background-color: darkgrey;
}
.darkkhaki-bg {
  background-color: darkkhaki;
}
.darkmagenta-bg {
  background-color: darkmagenta;
}
.darkolivegreen-bg {
  background-color: darkolivegreen;
}
.darkorange-bg {
  background-color: darkorange;
}
.darkorchid-bg {
  background-color: darkorchid;
}
.darkred-bg {
  background-color: darkred;
}
.darksalmon-bg {
  background-color: darksalmon;
}
.darkseagreen-bg {
  background-color: darkseagreen;
}
.darkslateblue-bg {
  background-color: darkslateblue;
}
.darkslategray-bg {
  background-color: darkslategray;
}
.darkslategrey-bg {
  background-color: darkslategrey;
}
.darkturquoise-bg {
  background-color: darkturquoise;
}
.darkviolet-bg {
  background-color: darkviolet;
}
.deeppink-bg {
  background-color: deeppink;
}
.deepskyblue-bg {
  background-color: deepskyblue;
}
.dimgray-bg {
  background-color:dimgray;
}
.dimgrey-bg {
  background-color: dimgrey;
}
.dodgerblue-bg {
  background-color: dodgerblue;
}
.firebrick-bg {
  background-color: firebrick;
}
.floralwhite-bg {
  background-color: floralwhite;
}
.forestgreen-bg {
  background-color: forestgreen;
}
.fuchsia-bg {
  background-color: fuchsia;
}
.gainsboro-bg {
  background-color: gainsboro;
}
.ghostwhite-bg {
  background-color: ghostwhite;
}
.gold-bg {
  background-color: gold;
}
.goldenrod-bg {
  background-color: goldenrod;
}
.gray-bg {
  background-color: gray;
}
.green-bg {
  background-color: green;
}
.greenyellow-bg {
  background-color: greenyellow;
}
.grey-bg {
  background-color: grey;
}
.honeydew-bg {
  background-color: honeydew;
}
.hotpink-bg {
  background-color: hotpink;
}
.indianred-bg {
  background-color: indianred;
}
.indigo-bg {
  background-color: indigo;
}
.inherit-bg {
  background-color: inherit;
}
.ivory-bg {
  background-color: ivory;
}
.khaki-bg {
  background-color: khaki;
}
.lavender-bg {
  background-color: lavender;
}
.lavenderblush-bg {
  background-color: lavenderblush;
}
.lawngreen-bg {
  background-color: lawngreen;
}
.lemonchiffon-bg {
  background-color: lemonchiffon;
}
.lightblue-bg {
  background-color: lightblue;
}
.lightcoral-bg {
  background-color: lightcoral;
}
.lightcyan-bg {
  background-color: lightcyan;
}
.lightgoldenrodyellow-bg {
  background-color: lightgoldenrodyellow;
}
.lightgray-bg {
  background-color: lightgray;
}
.lightgreen-bg {
  background-color: lightgreen;
}
.lightgrey-bg {
  background-color: lightgrey;
}
.lightpink-bg {
  background-color: lightpink;
}
.lightsalmon-bg {
  background-color: lightsalmon;
}
.lightseagreen-bg {
  background-color: lightseagreen;
}
.lightskyblue-bg {
  background-color: lightskyblue;
}
.lightslategray-bg {
  background-color: lightslategray;
}
.lightslategrey-bg {
  background-color: lightslategrey;
}
.lightsteelblue-bg {
  background-color: lightsteelblue;
}
.lightyellow-bg {
  background-color: lightyellow;
}
.lime-bg {
  background-color: lime;
}
.limegreen-bg {
  background-color: limegreen;
}
.linen-bg {
  background-color: linen;
}
.magenta-bg {
  background-color: magenta;
}
.maroon-bg {
  background-color: maroon;
}
.mediumaquamarine-bg {
  background-color: mediumaquamarine;
}
.mediumblue-bg {
  background-color: mediumblue;
}
.mediumorchid-bg {
  background-color: mediumorchid;
}
.mediumpurple-bg {
  background-color: mediumpurple;
}
.mediumseagreen-bg {
  background-color: mediumseagreen;
}
.mediumslateblue-bg {
  background-color: mediumslateblue;
}
.mediumspringgreen-bg {
  background-color: mediumspringgreen;
}
.mediumturquoise-bg {
  background-color: mediumturquoise;
}
.mediumvioletred-bg {
  background-color: mediumvioletred;
}
.midnightblue-bg {
  background-color: midnightblue;
}
.mintcream-bg {
  background-color: mintcream;
}
.mistyrose-bg {
  background-color: mistyrose;
}
.moccasin-bg {
  background-color: moccasin;
}
.navajowhite-bg {
  background-color: navajowhite;
}
.navy-bg {
  background-color: navy;
}
.oldlace-bg {
  background-color: oldlace;
}
.olive-bg {
  background-color: olive;
}
.olivedrab-bg {
  background-color: olivedrab;
}
.orange-bg {
  background-color: orange;
}
.orangered-bg {
  background-color: orangered;
}
.orchid-bg {
  background-color: orchid;
}
.palegoldenrod-bg {
  background-color: palegoldenrod;
}
.palegreen-bg {
  background-color: palegreen;
}
.paleturquoise-bg {
  background-color: paleturquoise;
}
.palevioletred-bg {
  background-color: palevioletred;
}
.papayawhip-bg {
  background-color: papayawhip;
}
.peachpuff-bg {
  background-color: peachpuff;
}
.peru-bg {
  background-color: peru;
}
.pink-bg {
  background-color: pink;
}
.plum-bg {
  background-color: plum;
}
.powderblue-bg {
  background-color: powderblue;
}
.purple-bg {
  background-color: purple;
}
.rebeccapurple-bg {
  background-color: rebeccapurple;
}
.red-bg {
  background-color: red;
}
.rosybrown-bg {
  background-color: rosybrown;
}
.royalblue-bg {
  background-color: royalblue;
}
.saddlebrown-bg {
  background-color: saddlebrown;
}
.salmon-bg {
  background-color: salmon;
}
.sandybrown-bg {
  background-color: sandybrown;
}
.seagreen-bg {
  background-color: seagreen;
}
.seashell-bg {
  background-color: seashell;
}
.sienna-bg {
  background-color: sienna;
}
.silver-bg {
  background-color: silver;
}
.skyblue-bg {
  background-color: skyblue;
}
.slateblue-bg {
  background-color: slateblue;
}
.slategray-bg {
  background-color: slategray;
}
.slategrey-bg {
  background-color: slategrey;
}
.snow-bg {
  background-color: snow;
}
.springgreen-bg {
  background-color: springgreen;
}
.steelblue-bg {
  background-color: steelblue;
}
.tan-bg {
  background-color: tan;
}
.teal-bg {
  background-color: teal;
}
.thistle-bg {
  background-color: thistle;
}
.tomato-bg {
  background-color: tomato;
}
.transparent-bg {
  background-color: transparent;
}
.turquoise-bg {
  background-color: turquoise;
}
.violet-bg {
  background-color: violet;
}
.wheat-bg {
  background-color: wheat;
}
.white-bg {
  background-color: white;
}
.whitesmoke-bg {
  background-color: whitesmoke;
}
.yellow-bg {
  background-color: yellow;
}
.yellowgreen-bg {
  background-color: yellowgreen;
}

/* Colors Border-Color */

.aliceblue-bo {
  border-color: aliceblue;
}
.antiquewhite-bo {
  border-color: antiquewhite;
}
.aqua-bo {
  border-color: aqua;
}
.aquamarine-bo {
  border-color: aquamarine;
}
.azure-bo {
  border-color: azure;
}
.beige-bo {
  border-color: beige;
}
.bisque-bo {
  border-color: bisque;
}
.black-bo {
  border-color: black;
}
.blanchedalmond-bo {
  border-color: blanchedalmond;
}
.blue-bo {
  border-color: blue;
}
.blueviolet-bo {
  border-color: blueviolet;
}
.brown-bo {
  border-color: brown;
}
.burlywood-bo {
  border-color: burlywood;
}
.cadetblue-bo {
  border-color: cadetblue;
}
.chartreuse-bo {
  border-color: chartreuse;
}
.chocolate-bo {
  border-color: chocolate;
}
.coral-bo {
  border-color: coral;
}
.cornflowerblue-bo {
  border-color: cornflowerblue;
}
.cornsilk-bo {
  border-color: cornsilk;
}
.crimson-bo {
  border-color: crimson;
}
.currentborder-color-bo {
  border-color: currentborder-color;
}
.cyan-bo {
  border-color: cyan;
}
.darkblue-bo {
  border-color: darkblue;
}
.darkcyan-bo {
  border-color: darkcyan;
}
.darkgoldenrod-bo {
  border-color: darkgoldenrod;
}
.darkgray-bo {
  border-color: darkgray;
}
.darkgreen-bo {
  border-color: darkgreen;
}
.darkgrey-bo {
  border-color: darkgrey;
}
.darkkhaki-bo {
  border-color: darkkhaki;
}
.darkmagenta-bo {
  border-color: darkmagenta;
}
.darkolivegreen-bo {
  border-color: darkolivegreen;
}
.darkorange-bo {
  border-color: darkorange;
}
.darkorchid-bo {
  border-color: darkorchid;
}
.darkred-bo {
  border-color: darkred;
}
.darksalmon-bo {
  border-color: darksalmon;
}
.darkseagreen-bo {
  border-color: darkseagreen;
}
.darkslateblue-bo {
  border-color: darkslateblue;
}
.darkslategray-bo {
  border-color: darkslategray;
}
.darkslategrey-bo {
  border-color: darkslategrey;
}
.darkturquoise-bo {
  border-color: darkturquoise;
}
.darkviolet-bo {
  border-color: darkviolet;
}
.deeppink-bo {
  border-color: deeppink;
}
.deepskyblue-bo {
  border-color: deepskyblue;
}
.dimgray-bo {
  border-color:dimgray;
}
.dimgrey-bo {
  border-color: dimgrey;
}
.dodgerblue-bo {
  border-color: dodgerblue;
}
.firebrick-bo {
  border-color: firebrick;
}
.floralwhite-bo {
  border-color: floralwhite;
}
.forestgreen-bo {
  border-color: forestgreen;
}
.fuchsia-bo {
  border-color: fuchsia;
}
.gainsboro-bo {
  border-color: gainsboro;
}
.ghostwhite-bo {
  border-color: ghostwhite;
}
.gold-bo {
  border-color: gold;
}
.goldenrod-bo {
  border-color: goldenrod;
}
.gray-bo {
  border-color: gray;
}
.green-bo {
  border-color: green;
}
.greenyellow-bo {
  border-color: greenyellow;
}
.grey-bo {
  border-color: grey;
}
.honeydew-bo {
  border-color: honeydew;
}
.hotpink-bo {
  border-color: hotpink;
}
.indianred-bo {
  border-color: indianred;
}
.indigo-bo {
  border-color: indigo;
}
.inherit-bo {
  border-color: inherit;
}
.ivory-bo {
  border-color: ivory;
}
.khaki-bo {
  border-color: khaki;
}
.lavender-bo {
  border-color: lavender;
}
.lavenderblush-bo {
  border-color: lavenderblush;
}
.lawngreen-bo {
  border-color: lawngreen;
}
.lemonchiffon-bo {
  border-color: lemonchiffon;
}
.lightblue-bo {
  border-color: lightblue;
}
.lightcoral-bo {
  border-color: lightcoral;
}
.lightcyan-bo {
  border-color: lightcyan;
}
.lightgoldenrodyellow-bo {
  border-color: lightgoldenrodyellow;
}
.lightgray-bo {
  border-color: lightgray;
}
.lightgreen-bo {
  border-color: lightgreen;
}
.lightgrey-bo {
  border-color: lightgrey;
}
.lightpink-bo {
  border-color: lightpink;
}
.lightsalmon-bo {
  border-color: lightsalmon;
}
.lightseagreen-bo {
  border-color: lightseagreen;
}
.lightskyblue-bo {
  border-color: lightskyblue;
}
.lightslategray-bo {
  border-color: lightslategray;
}
.lightslategrey-bo {
  border-color: lightslategrey;
}
.lightsteelblue-bo {
  border-color: lightsteelblue;
}
.lightyellow-bo {
  border-color: lightyellow;
}
.lime-bo {
  border-color: lime;
}
.limegreen-bo {
  border-color: limegreen;
}
.linen-bo {
  border-color: linen;
}
.magenta-bo {
  border-color: magenta;
}
.maroon-bo {
  border-color: maroon;
}
.mediumaquamarine-bo {
  border-color: mediumaquamarine;
}
.mediumblue-bo {
  border-color: mediumblue;
}
.mediumorchid-bo {
  border-color: mediumorchid;
}
.mediumpurple-bo {
  border-color: mediumpurple;
}
.mediumseagreen-bo {
  border-color: mediumseagreen;
}
.mediumslateblue-bo {
  border-color: mediumslateblue;
}
.mediumspringgreen-bo {
  border-color: mediumspringgreen;
}
.mediumturquoise-bo {
  border-color: mediumturquoise;
}
.mediumvioletred-bo {
  border-color: mediumvioletred;
}
.midnightblue-bo {
  border-color: midnightblue;
}
.mintcream-bo {
  border-color: mintcream;
}
.mistyrose-bo {
  border-color: mistyrose;
}
.moccasin-bo {
  border-color: moccasin;
}
.navajowhite-bo {
  border-color: navajowhite;
}
.navy-bo {
  border-color: navy;
}
.oldlace-bo {
  border-color: oldlace;
}
.olive-bo {
  border-color: olive;
}
.olivedrab-bo {
  border-color: olivedrab;
}
.orange-bo {
  border-color: orange;
}
.orangered-bo {
  border-color: orangered;
}
.orchid-bo {
  border-color: orchid;
}
.palegoldenrod-bo {
  border-color: palegoldenrod;
}
.palegreen-bo {
  border-color: palegreen;
}
.paleturquoise-bo {
  border-color: paleturquoise;
}
.palevioletred-bo {
  border-color: palevioletred;
}
.papayawhip-bo {
  border-color: papayawhip;
}
.peachpuff-bo {
  border-color: peachpuff;
}
.peru-bo {
  border-color: peru;
}
.pink-bo {
  border-color: pink;
}
.plum-bo {
  border-color: plum;
}
.powderblue-bo {
  border-color: powderblue;
}
.purple-bo {
  border-color: purple;
}
.rebeccapurple-bo {
  border-color: rebeccapurple;
}
.red-bo {
  border-color: red;
}
.rosybrown-bo {
  border-color: rosybrown;
}
.royalblue-bo {
  border-color: royalblue;
}
.saddlebrown-bo {
  border-color: saddlebrown;
}
.salmon-bo {
  border-color: salmon;
}
.sandybrown-bo {
  border-color: sandybrown;
}
.seagreen-bo {
  border-color: seagreen;
}
.seashell-bo {
  border-color: seashell;
}
.sienna-bo {
  border-color: sienna;
}
.silver-bo {
  border-color: silver;
}
.skyblue-bo {
  border-color: skyblue;
}
.slateblue-bo {
  border-color: slateblue;
}
.slategray-bo {
  border-color: slategray;
}
.slategrey-bo {
  border-color: slategrey;
}
.snow-bo {
  border-color: snow;
}
.springgreen-bo {
  border-color: springgreen;
}
.steelblue-bo {
  border-color: steelblue;
}
.tan-bo {
  border-color: tan;
}
.teal-bo {
  border-color: teal;
}
.thistle-bo {
  border-color: thistle;
}
.tomato-bo {
  border-color: tomato;
}
.transparent-bo {
  border-color: transparent;
}
.turquoise-bo {
  border-color: turquoise;
}
.violet-bo {
  border-color: violet;
}
.wheat-bo {
  border-color: wheat;
}
.white-bo {
  border-color: white;
}
.whitesmoke-bo {
  border-color: whitesmoke;
}
.yellow-bo {
  border-color: yellow;
}
.yellowgreen-bo {
  border-color: yellowgreen;
}

/* Codes 

cAliceBlue #F0F8FF
AntiqueWhite #FAEBD7
Aqua #00FFFF
Aquamarine #7FFFD4
Azure #F0FFFF
Beige #F5F5DC
Bisque #FFE4C4
Black #000000
BlanchedAlmond #FFEBCD
Blue #0000FF
BlueViolet #8A2BE2
Brown #A52A2A
BurlyWood #DEB887
CadetBlue #5F9EA0
Chartreuse #7FFF00
Chocolate #D2691E
Coral #FF7F50
CornflowerBlue #6495ED
Cornsilk #FFF8DC
Crimson #DC143C
Cyan #00FFFF 	  	
DarkBlue #00008B 	  	
DarkCyan #008B8B 	  	
DarkGoldenRod #B8860B 	  	
DarkGray #A9A9A9 	  	
DarkGrey #A9A9A9 	  	
DarkGreen #006400 	  	
DarkKhaki #BDB76B 	  	
DarkMagenta #8B008B 	  	
DarkOliveGreen #556B2F 	  	
DarkOrange #FF8C00 	  	
DarkOrchid #9932CC 	  	
DarkRed #8B0000 	  	
DarkSalmon #E9967A 	  	
DarkSeaGreen #8FBC8F 	  	
DarkSlateBlue #483D8B 	  	
DarkSlateGray #2F4F4F 	  	
DarkSlateGrey #2F4F4F 	  	
DarkTurquoise #00CED1 	  	
DarkViolet #9400D3 	  	
DeepPink #FF1493 	  	
DeepSkyBlue #00BFFF 	  	
DimGray #696969 	  	
DimGrey #696969 	  	
DodgerBlue #1E90FF 	  	
FireBrick #B22222 	  	
FloralWhite #FFFAF0 	  	
ForestGreen #228B22 	  	
Fuchsia #FF00FF 	  	
Gainsboro #DCDCDC 	  	
GhostWhite #F8F8FF 	  	
Gold #FFD700 	  	
GoldenRod #DAA520 	  	
Gray #808080 	  	
Grey #808080 	  	
Green #008000 	  	
GreenYellow #ADFF2F 	  	
HoneyDew #F0FFF0 	  	
HotPink #FF69B4 	  	
IndianRed #CD5C5C 	  	
Indigo #4B0082 	  	
Ivory #FFFFF0 	  	
Khaki #F0E68C 	  	
Lavender #E6E6FA 	  	
LavenderBlush #FFF0F5 	  	
LawnGreen #7CFC00 	  	
LemonChiffon #FFFACD 	  	
LightBlue #ADD8E6 	  	
LightCoral #F08080 	  	
LightCyan #E0FFFF 	  	
LightGoldenRodYellow #FAFAD2 	  	
LightGray #D3D3D3 	  	
LightGrey #D3D3D3 	  	
LightGreen #90EE90 	  	
LightPink #FFB6C1 	  	
LightSalmon #FFA07A 	  	
LightSeaGreen #20B2AA 	  	
LightSkyBlue #87CEFA 	  	
LightSlateGray #778899 	  	
LightSlateGrey #778899 	  	
LightSteelBlue #B0C4DE 	  	
LightYellow #FFFFE0 	  	
Lime #00FF00 	  	
LimeGreen #32CD32 	  	
Linen #FAF0E6 	  	
Magenta #FF00FF 	  	
Maroon #800000 	  	
MediumAquaMarine #66CDAA 	  	
MediumBlue #0000CD 	  	
MediumOrchid #BA55D3 	  	
MediumPurple #9370DB 	  	
MediumSeaGreen #3CB371 	  	
MediumSlateBlue #7B68EE 	  	
MediumSpringGreen #00FA9A 	  	
MediumTurquoise #48D1CC 	  	
MediumVioletRed #C71585 	  	
MidnightBlue #191970 	  	
MintCream #F5FFFA 	  	
MistyRose #FFE4E1 	  	
Moccasin #FFE4B5 	  	
NavajoWhite #FFDEAD 	  	
Navy #000080 	  	
OldLace #FDF5E6 	  	
Olive #808000 	  	
OliveDrab #6B8E23 	  	
Orange #FFA500 	  	
OrangeRed #FF4500 	  	
Orchid #DA70D6 	  	
PaleGoldenRod #EEE8AA 	  	
PaleGreen #98FB98 	  	
PaleTurquoise #AFEEEE 	  	
PaleVioletRed #DB7093 	  	
PapayaWhip #FFEFD5 	  	
PeachPuff #FFDAB9 	  	
Peru #CD853F 	  	
Pink #FFC0CB 	  	
Plum #DDA0DD 	  	
PowderBlue #B0E0E6 	  	
Purple #800080
RebeccaPurple #663399
Red #FF0000
RosyBrown #BC8F8F
RoyalBlue #4169E1
SaddleBrown #8B4513
Salmon #FA8072
SandyBrown #F4A460
SeaGreen #2E8B57
SeaShell #FFF5EE
Sienna #A0522D
Silver #C0C0C0
SkyBlue #87CEEB
SlateBlue #6A5ACD
SlateGray #708090
SlateGrey #708090
Snow #FFFAFA
SpringGreen #00FF7F
SteelBlue #4682B4
Tan #D2B48C
Teal #008080
Thistle #D8BFD8
Tomato #FF6347
Turquoise #40E0D0
Violet #EE82EE
Wheat #F5DEB3
White #FFFFFF
WhiteSmoke #F5F5F5
Yellow #FFFF00
YellowGreen #9ACD32

*/









/* Bootstrap system 

xs (phones)
sm (tablets)
md (desktops)
lg (larger desktops)

*/

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
}

/* Anmimation */

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated-fast {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -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 {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

.animated.flipOutX,
.animated.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.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 {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.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 {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
    -ms-transform: scale(0.95);
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }

  to {
    opacity: 1;
    -ms-transform: scale(1.0);
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
    -ms-transform: scale(0.95);
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }

  to {
    opacity: 1;
    -ms-transform: scale(1.0);
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

.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);*/
    -webkit-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    /*-webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);*/
    -webkit-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    /*-webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);*/
    -webkit-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    /*-webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);*/
    -webkit-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    /*-webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);*/
    -webkit-transform: translate3d(50px, 0, 0);
    transform: translate3d(50px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    /*-webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);*/
    -webkit-transform: translate3d(50px, 0, 0);
    transform: translate3d(50px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    visibility: hidden;
    /*-webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);*/
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
  }

  to {
    opacity: 1;
    /*visibility: visible;*/
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    visibility: hidden;
    /*-webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);*/
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
  }

  to {
    visibility: visible;
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpMenu {
  from {
    opacity: 0;
    visibility: hidden;
    /*-webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);*/
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpMenu {
  from {
    opacity: 0;
    visibility: hidden;
    /*-webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);*/
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    visibility: visible;
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpMenu {
  -webkit-animation-name: fadeInUpMenu;
  animation-name: fadeInUpMenu;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  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, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  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, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  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, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  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, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  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, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  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, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  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, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  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, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

/* Structure */

section {
    width: 100%;
}
.section1 {
    width: 100%;
    height: auto !important;
    background-color: #fff !important;
    background: #fff !important;
}
.section2 {
    width: 100%;
    background-color: #111;
}
.section3 {
    width: 100%;
    background-color: #fff;
}
.section4 {
    width: 100%;
    background-color: #111;
}