body {
 font-family: "Rubik", Arial;
 font-size: 18px;
 line-height: 29px;
 font-weight: 300;
 background: #fff;
 color: #021b2f;
 text-align: left;
 overflow-x: hidden;
}
.searchbox{background: rgba(255, 255, 255, 0); padding: 0px;  position: relative; float:left; width: 100%; border-radius: 4px;}

.searchbox .col-sm-3,.searchbox .col-sm-6{padding: 0px 0px;}


.hidenow{display: none}
.logged_in .hidenow{display:block; opacity:0.5;}
.logged_in .hidenow:after {
  position: absolute; top:0; right:0; background: #f90000; color:#fff; font-size: 11px; content:"Element ukryty"; padding: 10px; 
}

.searchbox input,
.searchbox select{ border-radius: 36px;color:#333; width: 100%;
 float:left; border: none; background: rgba(255,255,255,0.9); padding: 22px 40px 20px;
  line-height: 22px; font-family: "Karma"; font-size: 22px; }
.searchbox select{padding: 15px;}
.searchbox input.btn{margin-top: 30px; line-height: 17px;background: #CD1817; color:#fff; box-shadow: none;
 border: none; text-transform: uppercase; font-weight: 600; font-family: "Rubik"; letter-spacing: 2px;}
 .lokalnologo img{height:100px!important}
 .lokalnologo { position: relative;   left:30px;}
 .logos{ display: flex;
  align-items: stretch;}
   .logos a{
     flex: 1 0 auto;
     display: flex;
     justify-content: center;
     flex-direction: column;
   }
.service{float:left; text-align: center;  padding: 15px;}
.service.s6{width:16.6%;}
.service.s5{width:20%;}
.service.s4{width:25%;}
.service.s3{width:33.3%;}
.service.s2{width:50%;}
.service.s1{width:100%;}

 .service [class^="icon-"] {
 width:120px;
 height:120px;
 text-align:center;
 line-height:120px;
 font-size:64px;
 border-radius:80px;
 background:#0D6B37;
 color:#fff;
 display:block;
 margin:0px auto 20px;
 position:relative;
}


 .popupadult{
   width: 100%;
   height: 100%;
   position: fixed;
   background: rgba(0,0,0,0.9);
   z-index: 1001;
   top:0;
 display:none;
   left:0;
 }
 .popupadult .wrap{
   width: 520px;
   position: absolute;
   top:15%;
 text-align:center;
   left:50%;
   margin-left: -260px;
   background: #fff;
   padding: 40px;

 }

.searchbox button{position: absolute;
right: 11px;
top: -9px;
border: none;
background: #CD1817;
color: #fff;
padding: 16px 12px;
border-radius: 33px;}

.przybornik .mediumtitle{ line-height: 28px; font-size: 32px;}

.bignumer .bigtitle {
 width: 120px;
 height: 120px;
 font-weight: bold;
 display: inline-block;
 border-radius: 100px;
 background: #154396;
 font-size: 60px;
 line-height: 120px;
 padding-top: 0px;
 color: #fff;
}
.gmaps_content{padding: 20px;}
.gmaps_content p{padding: 3px 0px;}
.closeme {
 cursor: pointer;
}

.article .wrap{padding: 0;}


.referencje .slide {
 padding: 15px 30px 15px 100px;
 position: relative;
 font-size: 15px;
 line-height: 25px;
 font-style: italic;
}
.notify{line-height: 9px; border-radius: 30px; padding: 4px; color:#fff; background:#599000}

.newsphoto{opacity: 1;  filter:saturate(0.7); transition: 0.5s all;}
.news:hover .newsphoto{opacity: 1; filter:saturate(1);}

.referencje .slide::before {
 position: absolute;
 top: 0;
 left: 5px;
 width: 54px;
 height: 54px;
 background-image: url(http://www.millyon.becms.pl/uploads/right_quote_symbol.png);
 background-size: cover;
 content: '';
}

.referencje .slide .mediumtitle {
 font-size: 30px;
 line-height: 33px;
 color: #222;
 font-style: normal;
 margin-bottom: 20px;
 display: inline-block;
}

.baner {
 height: 100vh;
}

.baner .col {
 height: 100vh;
 position: initial
}

.baner .slide {
 height: 100vh !important;
}

.banerbox {
 position: absolute;
 top: 30vh;
 left: 50%;
 margin-left: -730px;
 width: 560px;
 z-index: 100;
}

.banerbox .btn {
 background: #3D3D3D;
 text-transform: uppercase;
 font-size: 18px;
 font-weight: 600;
 margin-top: 50px;
 padding: 24px 26px;
 letter-spacing: 1px;
}

.millyonwliczbach {
 margin-top: -120px;
 text-align: center;
 font-size: 18px;
 line-height: 22px;
}
.ikonki .article .mediumtitle{font-size:55px; line-height: 60px; color:#154396}
.ikonki .article .wrap{ float:left; width:100%; background: #fff; border-radius: 4px; box-shadow:0px 0px 20px rgba(0,0,0,0.2);}
.ikonki .article:nth-child(2){margin-top: 20px;}
.ikonki .article:nth-child(3){margin-top: 10px;}


.millyonwliczbach .article .circle p {
 padding: 0;
 margin: 0;
}

.millyonwliczbach .article .circle {
 margin: 0px auto;
 width: 140px;
 height: 140px;
 padding: 0;
 line-height: 140px;
 text-align: center;
 border: 3px solid rgba(255, 255, 255, 0.6);
 border-radius: 140px;
 display: inline-block;
 background: none;
}

.circle {
 margin: 0px auto;
 width: 140px;
 height: 140px;
 padding: 0;
 line-height: 140px;
 text-align: center;
 background: #eee;
 border-radius: 140px;
 display: inline-block;
}

.newsbaner {
 width: 100%;
 height: 500px;
 background-position: 50%;
 background-size: cover;
}


.slide .tresc span, .slide .tresc p {
 position: relative;
 z-index: 3;
}

.slide .tresc {
 position: relative;
 z-index: 2;
}

.slide .tresc::before {}

h1, h2, h3 {
 font-size: initial;
 margin: initial;
 padding: initial;
 line-height: initial;
 font-weight: initial;
}

.btn.busy {
 background: #eee !important;
 color: #aaa !important;
 pointer-events: none;
}

.insurances .smalltitle {
 font-size: 20px;
 line-height: 22px;
}

.insurances .col {
 display: inline-block;
 float: none;
 width: 32%
}

.insurances .cols {
 text-align: center;
}
#blocks{margin-top: 0px;}

#block_68 {
 font-size: 24px;
 line-height: 33px;
}

.dyplomy .photo {
 border: 1px solid #ddd;
 padding: 5px;
 box-shadow: 3px 3px 30px rgba(0, 0, 0, 0.1);
}


.testimonial:after {
 content: "\201D";
 font-style: "normal";
 font-size: 260px;
 color: #9E1146;
 position: absolute;
 top: 90px;
 right: 30px;
}

.photos{margin:0;}
.newswrap{}
 .newswrap .row{padding: 0; margin: 0;}
.newswrap .text{display: block;position: relative; top:-300px; z-index:  3;max-width: 1000px; margin: 0px auto;padding: 70px; background: #fff;}
.photos_container {
display: block;
 padding: 0px;
 width: 100%;
 position: relative;
 margin-bottom: 50px;
}


.flexmiddle .cols {
 display: flex;
 align-items: stretch;
}

.flexmiddle .cols .col {
 flex: 1 0 auto;
 display: flex;
 justify-content: center;
 flex-direction: column;
}

.topcol .content {
 float:right;
 max-width: 620px;
}


.half .content {

 max-width: 620px;

}

.half .col:nth-child(1) .content {
 float: right;
}

.successmsg {
 display: none;
 color: #3B8910;
 font-weight: bold;
 font-size: 13px;
}

.testimonial {
 position: relative;
 font-style: italic;
 font-size: 13px;
 line-height: 22px;
 background: #fff;
 box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.3);
 color: #323B41;
 padding: 60px;
}

.testimonial .title {
 float: left;
 width: 100%;
 padding: 0px 0px 20px 0px;
}

.testimonial .title img {
 max-width: 120px;
}

.zalety .article {
 width: 50% !important;
 height: 280px;
 padding: 0;
 display: flex;
 justify-content: center;
 align-items: center;
}

.zalety {
 position: relative;
 margin-top: 0px;
 z-index: 2
}

.zalety .article [class^="icon-"] {
 color: #154396;
 font-size: 90px !important;
}

.error {
 float: left;
 width: 100%;
 font-size: 12px;
 font-weight: 600;
 color: #c60000
}

.msg {
 float: left;
 width: 100%;
 font-size: 12px;
 font-weight: 600;
 color: #75a816;
 text-align: center;
 margin: 0px 0px 20px;
}

/* --------------------------------------------------------------- whyprota --------------------------------------------------------------- */
.whyprota {
 font-size: 17px;
 line-height: 28px;
}

.sidepanel .socials {
 margin-top: 30px;
 position: absolute;
 left: 20px;
 top: 0;
 margin-top: 23px;
 text-align: left;
}

.protaicons.s5 .content {
 float: none;
 display: inline-block;
 width: 33%;
 min-height: 170px;
 line-height: 22px;
 padding: 20px;
}

.btn.small.left {
 background: #fff;
 border: 2px solid #333;
 color: #333;
 padding: 8px 13px;
 line-height: 14px;
 font-size: 12px;
}

.btn.small.right {
 float: right;
}

.socials {
 float: left;
 width: 100%;
 padding-bottom: 30px;
 text-align: center;
 margin-top: 50px;
}

.socials a {
 display: inline-block;
 margin: 0px 10px;
}

.socials a:hover {
 color: #D10B0A;
}

.bslide .slide {
 position: relative;
}

.protaicons .content {
 float: left;
 width: 33%;
 min-height: 250px;
 line-height: 22px;
 padding: 20px;
}

.protaicons.fullsize .content {
 width: 16.6%
}

.whyprota [class^="icon-"] {
 color: #D10B0A;
 font-size: 48px !important
}

.whyprota .protaicons .smalltitle {
 font-size: 16px;
 font-weight: 600;
 line-height: 22px;
}

.protaicons [class^="icon-"] {
 color: #D10B0A;
 font-size: 48px !important
}

.pole.supersmall {
 font-size: 11px;
 line-height: 15px;
}

.pole.supersmall input {
 width: auto;
 float: left;
 margin-right: 10px;
}

.protaicons .smalltitle {
 font-size: 16px;
 font-weight: 600;
 line-height: 21px;
}

.protaicons .content {
 min-height: 220px;
}

.smalltext {
 font-size: 11px;
 line-height: 18px;
}

.features .content {
 margin: 15px 0px 15px;
 float: left;
 width: 100%;
 background-color: #fff;
 box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.2);
 padding: 50px;
 border-radius: 4px;
}

.features .content .smalltitle {
 color: #D10B0A;
 font-weight: 600;
 font-size: 22px;
 line-height: 26px;
}

.features .content.color-light .smalltitle {
 color: #fff;
}

.features .content img {
 padding: 0px 0px 15px;
}

.protadetails [class^="icon-"] {
 color: #EF4E23;
}

.overview.protadetails .content .smalltitle {
 color: #EF4E23;
 font-weight: 600;
 font-size: 22px;
 line-height: 26px;
}

.overview.protadetails .color-light.content .smalltitle {
 color: #fff;
 font-weight: 600;
 font-size: 22px;
 line-height: 26px;
}

.protasteel [class^="icon-"] {
 color: #3B8910;
}

.overview.protasteel .content .smalltitle {
 color: #3B8910;
 font-weight: 600;
 font-size: 22px;
 line-height: 26px;
}

.overview.protasteel .color-light.content .smalltitle {
 color: #fff;
 font-weight: 600;
 font-size: 22px;
 line-height: 26px;
}

.protabim [class^="icon-"] {
 color: #2E62A7;
}

.overview.protabim .content .smalltitle {
 color: #2E62A7;
 font-weight: 600;
 font-size: 22px;
 line-height: 26px;
}

.overview.protabim .color-light.content .smalltitle {
 color: #fff;
 font-weight: 600;
 font-size: 22px;
 line-height: 26px;
}

/* ---------------------------------------------------------------  --------------------------------------------------------------- */
.columns .wrap {
 float: left;
 width: 100%;
 padding: 0px;
}

.columns {
 float: left;
 min-height: 250px;
 padding: 0px 15px;
 width: 25%;
}

.more {
 font-weight: 700;
 color: #99855b
}

.columns .pagetitle {
 float: left;
 text-align: center;
 width: 100%;
 font-size: 18px;
 font-weight: bold;
 color: #99855b;
 line-height: 23px;
 padding: 8px 0px;
}

.columns-1 {
 width: 100%;
}

.columns-2 {
 width: 50%;
}

.pagefoto {
 width: 100%;
 float: left;
 height: 160px;
 background-position: 50%;
 background-size: cover;
}

.columns-3 {
 width: 33%;
}

.shadow {
 box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.15)
}

img.left {
 float: left;
 padding: 0px 30px 30px 0px;
}

.required {
 font-size: 18px;
 font-weight: 400;
 color: #f90000;
}

.pole .option {
 float: left;
 width: 100%;
 padding: 5px 0;
}

.pole {
 float: left;
 width: 100%;
 margin-bottom: 2px;
 font-size: 14px;
}

input,textarea{
 float: left;
 width: 100%;
 padding: 8px;
 border-radius: 2px;
 background: rgba(0, 0, 0, 0.05);
 box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);
 border: none;
 color: #222;
 font-size: 14px;
}

.pole input, .pole textarea, .pole select {
 float: left;
 width: 100%;
 padding: 8px;
 border-radius: 2px;
 background: rgba(0, 0, 0, 0.05);
 box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1);
 border: none;
 color: #222;
 font-size: 14px;
}

.pole input[type="checkbox"] {
 float: left;
 width: auto;
 margin: 0px 10px 0px 0px;
}

.pole input[type="radio"] {
 float: left;
 width: auto;
 margin: 6px 10px 0px 0px;
}

.pole label {
 font-size: 14px;
 font-weight: 600;
 margin: 0px 0px 5px;
}

.pole .btn {
 background: #154396;
 color: #fff;
 font-size: 14px;
 border-radius: 0;
 text-transform: uppercase;
 border: none;
 width: auto;
 padding: 12px 30px;
}
.whiteblock{ float:left; width: 100%; padding: 40px 80px;}
.white-wrapper table {
 width: 100%;
 border: none;
}

.white-wrapper table td {
 border: none;
}

.menumobiletoggle {
 position: absolute;
 top: 23px;
 display: none;
 right: 30px;
 z-index: 999;
 font-size: 24px;
 cursor: pointer;
}

body.down .menumobiletoggle {
display: block;
}

.smenu {
 margin: 0;
 padding: 0;
}

.smenu li {
 float: left;
 padding: 15px 0px;
 width: 100%;
 border-bottom: 1px solid #ddd;
 line-height: 16px;
}

.articles.text .article {
 float: left;
 width: 33%;
 padding: 10px;
 position: relative;
}

.articles.text.size1 .article {
 width: 100%;
}

.articles.text.size2 .article {
 width: 50%;
}

.articles.text.size3 .article {
 width: 33%;
}

.articles.text.size4 .article {
 width: 25%;
}
.articles.text.size5 .article {
 width: 20%;
}
.articles.text.size6 .article {
 width: 16.66%;
}


.pricing .articles.text .article .wrap {
 background: #232837;
 padding: 50px;
 border-radius: 4px;
 float: left;
 width: 100%;
 color: #fff;
}

.pricing .articles.text .article:nth-child(2) .wrap {
 background: #D10B0A;
 color: #fff;
}

.pricing .articles.text .article .head {
 font-weight: 600;
 font-size: 30px;
 color: #fff;
}

.articles.text .article .head {
 font-weight: bold;
 font-size: 20px;
 color: #99855b;
}

.status {
 color: #fff;
 line-height: 17px;
 padding: 10px;
 font-size: 17px;
 position: absolute;
 left: 0px;
 top: 0px;
 border-radius: 4px;
 font-weight: 300;
}

.status.s1 {
 background: #246111
}

.status.s2 {
 background: #9f0000
}

.zalety .articles.text {
 margin: 0;
}

.pdflist li {
 position: relative;
 float: left;
 width: 50%;
 min-height: 70px;
 font-weight: 600;
 padding: 10px 40px 10px 0;
 list-style-type: none;
}

.pdflist li:after {
 content: "\E813";
 font-family: "alelala";
 font-style: normal;
 font-weight: normal;
 text-decoration: inherit;
 /*--adjust as necessary--*/
 color: #de2100;
 font-size: 16px;
 padding-right: 0px;
 left: -30px;
 position: absolute;
 top: 10px;
}

.smenu a {
 color: #302d27
}

.smenu a:hover {
 color: #61502e;
}

.smenu li:last-child {
 border: none;
}

.smenu a.active {
 color: #fff
}

.menumobiletoggle:after {
 position: fixed;
 top: 24px;
 width: 40px;
 text-align: center;
 height: 40px;
 color: #fff;
 background: #154396;
 line-height: 40px;
 right: 20px;
 content: "\e82a";
 font-family: "lokalnosc";
 padding: 0px;
 font-size: 22px;
 transition: 0.5s all;
}

.footer li {
 list-style-type: none;
 float: left;

}

a.slick-next {
 position: absolute;
 right:-50px;
 top: 40%;
 background: #fff;
 border-radius: 20px;
 text-align: center;
 cursor: pointer;
 padding: 0px 0px 0px;
 border: none;
 width: 40px;
 height: 40px;
 z-index: 123;
}

a.slick-prev:hover,
a.slick-next:hover {
 color: #fff;
 background: #ddd;
}

a.slick-prev {
 position: absolute;
 left: -50px;
 top: 40%;
 background: #fff;
 text-align: center;
 border: none;
 cursor: pointer;
 padding: 0px 0px 0px;
 border-radius: 20px;
 width: 40px;
 height: 40px;
 z-index: 123;
}

.productSlider a.slick-next {
 right: 20px;
 top: 48%;
}

.productSlider a.slick-prev {
 left: 20px;
 top: 48%;
}

a.slick-prev i {
 padding: 2px 0px 0px 0px;
 margin-left: -2px;
 font-size: 16px;
 line-height:40px;
 color: #333;
}

a.slick-next i {
 padding: 2px 0px 0px 2px;
 font-size: 16px;
 line-height:40px;
 color: #333;
}

.menumobiletoggle.open:after {
 content: "\E829";
 color: #333;
 background: #fff;
}

.menumobiletoggle.open {}

.treeview .hitarea {
 top: 4px !important
}

.sidepanel>ul {
 margin: 20px 0px 0px;
 padding: 0px;
}

.sidepanel li {
 list-style-type: none;
 float: left;
 width: 100%;
}

.sidepanel .filetree li {
 list-style-type: none;
 padding: 0px;
 margin: 0px;
}

.sidepanel li ul li a {
 font-size: 13px;
 padding-left: 15px;
 font-weight: 400;
 line-height: 16px;
}

.sidepanel li a {
 font-weight: 600;
 float: left;
 text-transform: uppercase;
 letter-spacing: 1px;
 width: 100%;
 line-height: 14px;
 border-bottom: 1px solid #ddd;
 font-size: 14px;
 padding: 23px 0px
}

.sidepanel li:last-child a {
 border: none;
}

.sidepanel li a.active {
 color: #1a6fc8
}

.sidepanel {
 position: fixed;
 overflow: auto;
 transition: 0.5s all;
 top: 0px;
 width: 300px;
 background: #fff;
 padding: 80px 30px 30px;
 z-index: 10000;
 height: 100%;
 right: -360px;
 box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.3)
}
.sidepanel.open {
 right: 0;
}

input.err {
 border: 1px dashed #f90000;
}

.err {
 color: #f90000;
 font-size: 12px;
 font-weight: 700;
}

.column {
 float: left;
 padding: 0px 15px;
}

.accordion_content {
 display: block;
 padding: 15px;
}

.accordion .article {
 margin-bottom: 10px;
}

.accordion {
 margin: 0px 0px 0px;
}

.accordion dt {
 padding: 0px 0px 10px;
 border-bottom: 0;
}

.accordion .content {}

.accordion .accordion_head {
 display: block;
 padding: 12px 50px 12px 15px;
 margin: 0px;
 position: relative;
 border-radius: 4px;
 color: #333;
 background-color: rgba(0, 0, 0, 0.08);
 font-size: 15px;
 letter-spacing: 0px;
 cursor: pointer;
 font-weight: 600;
 transition: 0.5s all;
}

.accordion .accordion_head:hover {
 background: rgba(0, 0, 0, 0.2);
}

.accordion .accordion_head:before {
 content: "\f107";
 font-family: FontAwesome;
 font-style: normal;
 font-weight: normal;
 text-decoration: inherit;
 /*--adjust as necessary--*/
 color: #222;
 font-size: 18px;
 padding-right: 0.5em;
 position: absolute;
 top: 12px;
 right: 10px;
}

hr {
 border-top:5px solid #0D6B37;
 margin: 15px 0 15px -15px;
 width: 140px;
 position: relative;
}

.centered{text-align: center;}

.centered hr {
 margin: 15px auto;
}



.accordion .accordion_head.active:before {
 content: "\f106";
 color: #fff;
}

.btn.dark {
 border-color: #8C816A;
 color: #8C816A
}

.jedenp {
 position: fixed;
 bottom: 50%;
 right: 0;
 z-index: 10001;
 max-width: 70px;
}

.accordion .accordion_head.active {
 background-color: #154396;
 color: #fff;
}

.ajaxbox {
 padding: 60px;
 font-weight: 300;
 font-size: 22px;
 line-height: 32px;
}

.ajaxbox .mediumtitle {
 font-size: 54px;
 line-height: 62px;
 letter-spacing: -2px;
}

.map-wrapper {
 float: left;
 width: 100%;
 overflow: hidden;
}

.support {
 cursor: pointer;
}

.softbox {
 position: relative;
 z-index: 2;
 padding: 1px;
 background-size: cover;
 background-position: 50%;
 cursor: pointer;
}

.softbox:before {
 content: '';
 z-index: 3;
 background: rgba(35, 42, 60, 0.8);
 top: 0;
 left: 0;
 position: absolute;
 width: 100%;
 height: 100%;
 transition: 0.5s all;
 border-right: 1px solid rgba(255, 255, 255, 0.2)
}

.softbox:hover {
 z-index: 1000;
}

.softbox.ps {
 border-radius: 4px 0px 0px 4px;
 overflow: hidden;
}

.softbox.pb {
 border-radius: 0px 4px 4px 0px;
 overflow: hidden;
}

.softbox a {
 color: #fff;
}

.softbox.ps:hover:before {
 background: rgba(119, 15, 33, 0.8);
}

.softbox.pb:hover:before {
 background: rgba(22, 87, 173, 0.8);
}

.softbox.pst:hover:before {
 background: rgba(61, 159, 8, 0.8);
}

.softbox.pd:hover:before {
 background: rgba(214, 74, 5, 0.8);
}

.softbox .content {
 z-index: 4;
 transition: 0.5s all;
 cursor: pointer;
 position: absolute;
 bottom: 30px;
 color: #fff;
 width: 90%;
 padding: 22px;
 font-weight: 300;
 line-height: 23px;
 font-size: 14px;
}

.softbox:hover .content {
 color: #fff;
}

.softbox .content .bigtitle {
 font-size: 30px;
 line-height: 30px;
 font-weight: 200;
 position: relative;
}

.softbox .bigtitle strong {
 font-weight: 600;
}

.softbox .bigtitle:after {
 content: '';
 width: 40px;
 height: 1px;
 background: rgba(255, 255, 255, 0.5);
 position: absolute;
 left: 0px;
 bottom: -6px;
}

.noborders .photos .photo {
 padding: 0;
}

.photos .photo {
 float: left;
 width: 20%;
 padding:10px;
}

.photos.size2 .photo {
 width: 50%;
}

.photos.size3 .photo {
 width: 33.33%;
}

.photos.size4 .photo {
 width: 25%;
}

.photos.size5 .photo {
 width: 20%;
}

.photos.size0 .photo {
 width: 20%;
}

.photos.size6 .photo {
 width: 16.66%;
}

.photos.size7 .photo {
 width: 14.286%;
}

.photos.size8 .photo {
 width: 12.5%;
}

.photos .photo img {
 width: 100%;
}

.thumbnail {
 float: left;
 width: 20%;
 border-radius: 0px;
 padding: 1px;
}

.thumbnail img {
 border-radius: 0px;
}

.white-wrapper {
 position: relative;
 background: #fff;
 border-radius: 0px;
 margin-left: 0px;
 padding: 40px 50px 50px;
 top: 0px;
 box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
 z-index: 0;
}

.pagination {
 float: left;
 width: 100%;
 padding: 30px 15px;
 margin-top: 0px;
 text-align: center;
}

.pagination a {
 display: inline-block;
 padding: 0px;
 border-radius: 40px;
 width: 40px;
 line-height: 40px;
 font-size: 12px;
 font-weight: bold;
 margin-right: 3px;
 height: 40px;
 text-align: center;
 background: rgba(0, 0, 0, 0.1);
 color: #222;
}

.pagination a.active {
 background: #222;
 color: #fff;
}

.stopka {
 text-align: center;
 font-size: 15px;
 color: #333;
 border-top: 1px solid #ddd;
 margin-top: 0px;
 padding-top: 30px;
 padding-bottom: 30px;
 float: left;
 width: 100%;
}

[class^="icon-"] {
 position: relative;
 left: 0px;
 text-indent: 0px;
}

.btn [class^="icon-"] {
 left: 0;
}

.footer {
 float: left;
 width: 100%;
 position: relative;
 padding: 0px 0px;
 border-top: 1px solid #e8e8e8;
 font-size: 16px;
 margin-top: 0px;
 color: #444;
}

.footer li {
 float: left;
 width: 25%;
 padding: 7px 0px 7px;
}

.footer ul {
 float: left;
 width: 100%;
 margin: 0;
 padding: 0;
}

.footer .smalltitle {}

.footer a {
 font-weight: 400;
}

.footer a:hover {
 color: #333;
}

.footer a.btn:hover {
 background: #222;
 color: #fff
}

.footer a.fb:hover {
 background: #222;
 color: #fff;
 padding: 8px 20px;
 line-height: 16px;
}

.footer h2 {
 font-weight: 300;
}

.column.s1 {
 width: 100%
}

.column.s2 {
 width: 50%
}

.column.s3 {
 width: 33.33%
}

.column.s4 {
 width: 25%;
}

.column.s5 {
 width: 20%
}

.column.s6 {
 width: 16.66%;
}

/* --------------------------------------------------------------- Projekty --------------------------------------------------------------- */
.projekt {
 width: 100%;
 height: 300px;
 position: relative;
 padding: 3px;
}

.projekt .wrap {
 background-size: cover;
 z-index: 1;
 transition: 0.5s all;
 border-radius: 4px;
 overflow: hidden;
 width: 100%;
 float: left;
 height: 100%;
 position: relative;
 cursor: pointer;
}

.projekt .tresc {
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 padding: 50px 30px 30px 30px;
 background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(28, 30, 32, 0.8));
}

.projekt .tresc .title {
 position: relative;
 z-index: 3;
 font-size: 18px;
 font-weight: 600;
 line-height: 23px;
 color: #fff;
}

/* ---------------------------------------------------------------  --------------------------------------------------------------- */
.projekt:hover .wrap {}

.projekt .wrap:before {
 z-index: 2;
 transition: 0.5s all;
 opacity: 0;
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 content: '';
 background: rgba(170, 39, 62, 0.5);
}

.projekt:hover .wrap:before {
 opacity: 1;
}

.btn.dark {
 background: #222;
 color: #fff;
}

.office .btn {
 padding: 8px 12px;
}

.newsrow {
 padding: 0px 20px;
 float: left;
 width: 100%;
}

div.news {
 transition: 0.5s all;
 cursor: pointer;
 background-size: cover;
 background-position: 50%;
 top: 0;
 font-size: 16px;
 line-height: 24px;
 float: left;
 padding: 0px;
 width: 100%;
 position: relative;
}



div.news .tresc {
 border-radius: 10px;
 float: left;
 position: absolute;
 bottom: 0px;
 left: 0px;
 padding: 120px 60px 60px;
 background-image: linear-gradient(rgba(0,0,0,0),rgba(25, 37, 18, 0.9));
 width: 100%;
 font-size: 18px;
 display: block;
 transition: 0.5s all;
 opacity: 1;
 line-height: 22px;
 font-weight: 300;
 color: #fff;
}

.news .tresc .smalltitle {
 margin-bottom: 15px;
 float: left;
 width: 100%;
 color: #222;
}

.news:hover .tresc {
 opacity: 1;
 z-index: 4
}

.news a.title {
 float: left;
 width: 100%;
 font-size: 36px;
 padding: 0px;
 position: relative;
 line-height: 40px;
 margin-bottom: 20px;
 margin-top: 0px;
 color: #fff;
 font-weight: 300;
 z-index: 3;
}

.news div.title {
 position: absolute;
 bottom: 0;
 width: auto;
 padding: 80px 40px 40px;
 width: 100%;
 color: #fff;
 font-size: 24px;
 line-height: 28px;
 font-weight: 800;
 background: linear-gradient(rgba(0, 0, 0, 0), rgba(17, 20, 27, 0.8));
}
.news .date{  display: none;
width:Auto; height:auto; line-height: 12px; padding: 8px 12px;position: absolute; top:0; right: 0; border-radius: 0px 0px 0px 0px; background: #154396;
 color:#fff; font-size: 12px;}

.news a.smalltitle {
 float: left;
 width: 100%;
 font-size: 22px;
 padding: 0px;
 position: relative;
 line-height: 30px;
 margin-bottom: 10px;
 margin-top: 0;
 color: #222;
 font-weight: 700;
}

.grid-item .event .title{
  font-size:20px;
  line-height: 22px;
  float:left;
  width: 100%;
  color:#222;
  padding: 0px 0px 15px;
}

.event .time{font-size: 26px;line-height: 30px; position: absolute; top:0; right: 0; padding: 40px; background: #222; color:#fff;}

.event .text{padding: 80px;}
.event .date{
  float:left;
  width: 30%;
  background: #222;
  color:#fff;
  line-height: 20px;
  text-align: center;
  padding: 40px 0px;
}
.event .tresc{float:left; width: 70%; padding: 0px 0px 0px 25px;}
.event .date .big{font-size: 50px; font-weight: bold;}
.news.szkolenie a.title {
 color: #de2100
}

.news p {
 padding: 0;
 margin: 0;
}

.date {
 float: left;
 width: 100%;
 font-size: 13px;
 letter-spacing: 1px;
 font-weight: 300;
 color: #666;
 padding: 0px 0px 30px;
 z-index: 1;
}

.newsphoto {
 width: 100%;
 border-radius: 10px;
 overflow: hidden;
 height: 480px;
 background-size: cover;
 float: left;
 background-position: 50%;
 max-height: 550px;
 padding: 0px;
}

.newsphoto img {
 width: 100%;
}

.news:hover a.title {
 color: #fff;
}

.goldbg {
 background: linear-gradient(#DBCDA8, #D10B0A);
}

.goldbg .smenu li {
 border-color: rgba(0, 0, 0, 0.1)
}

.news .btn {
 line-height: 13px;
 font-size: 13px;
 float: right;
 text-transform: uppercase;
 background: #154396;
 color: #fff;
 border-radius: 0px;
 padding: 10px 15px;
 margin-top: 15px;
}

.news .btn:hover {
 background: #222;
}

.wrap {
 padding: 30px;
}

.btn {
 font-size: 21px;
 transition: 0.5s all;
 background: #021B2F;
 border-radius: 0px;
 color: #fff;
 text-align: center;
 padding: 17px 40px 17px;
 line-height: 21px;
 text-decoration: none;
 letter-spacing: 0px;
 font-weight: 400;
 margin-top: 20px;
 display: inline-block;
}

.color-light .btn{
 border:2px solid #fff;
 color:#fff;
 background: none;
}



.btn:hover {
 background: #fff;
 color: #021B2F;
}

a {
 text-decoration: none;
 color: #333;
}

p {
 margin: 0px 0px;
 padding: 10px 0px 10px;
}

.col-xs-2,
.col-xs-25,
.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 {
 padding: 0px;
}

.col-md-2,
.col-md-25,
.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 {
 padding: 0px;
}

.col-sm-2,
.col-sm-25,
.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 {
 padding: 0px;
}

.ramka {
 position: absolute;
 bottom: -30px;
 right: -15px;
}

.slide .bigtitle {
 font-size: 90px;
 line-height: 85px;
}

.bigtitle {
 font-size: 64px;
 line-height: 68px;
 font-weight: 300;
}

.bigtitle strong,
strong .bigtitle {
 font-weight: 700;
}


.slide .smalltitle {
 font-weight: 300;
 margin-top: 20px;
}

.slide .smalltitle {
 font-size: 22px;
 line-height: 30px;
}
small{font-size: 12px; letter-spacing: 3px;}
.slide p {
 padding: 0;
 margin: 0;
}

.slide .bigtitle {
 font-size: 60px;
 line-height: 60px;
 letter-spacing: -2px;
}

.slide .mediumtitle {
 font-size: 50px;
 line-height: 56px;
 font-weight: 200;
}

.slide strong .mediumtitle {
 font-weight: 800;
 letter-spacing: -1px;
}

.baner {
 z-index: 1;
}

.baner .mediumtitle { margin-bottom: 30px; float:left;  letter-spacing: 0; font-size: 36px; line-height: 36px;}

.baner .smalltitle {
 font-weight: 300;
 margin-top: 2px;
}

.baner .smalltitle {
 font-size: 39px;
 line-height: 42px;
 margin-bottom: 0px;
}

.baner p {
 padding: 0;
 margin: 0;
 font-size: 26px;
 line-height: 34px;
}

.baner .bigtitle {
 font-size: 66px;
 line-height: 70px;
 font-weight: 200;
 letter-spacing: -4px;
 position: relative;
 z-index: 21;
 margin-bottom: 10px;
}

.baner .bigtitle:before {
 position: absolute;
 width: calc(100% + 30px);
 height: calc(100% + 30px);
 content: '';
 left: -15px;
 top: -15px;
 z-index: 1;
}

.baner.color-light .bigtitle::before {}

.baner.color-light .bigtitle {}

.baner .smalltitle {
 display: block;
 font-weight: 300;
 margin-top: 0px;
 position: relative;
 z-index: 2;
 font-size: 26px;
 line-height: 26px;
}

.baner .content:hover .smalltitle {
 display: block;
}

.baner .btn {
 font-size: 18px;
}

.why .smalltitle {
 font-size: 18px;
 line-height: 24px;
}
.admin .btn{transform:none;}
.topbar .navi {
 margin-top: 0px;
 top: 0px;
 transition: 0.5s all;
 float: left;
 width: auto;
 margin-left: 100px;
 left:100px;
 text-align: center;
}
.topbar .navi .lgray a{font-size: 17px; font-weight: 400;}
.topbar .navi .lgray{margin: 0; padding: 0;}
ul.navi {
 margin-left: -15px;
 padding: 0px;
 margin-right: -15px;
 margin-top: 20px;
 margin-bottom: 30px;
}

.navi li {
 list-style: none;
 float: left;
 padding: 9px 0px;
}

.secondlabel {
 float: left;
 width: 100%;
 font-size: 11px;
 position: relative;
 top: -7px;
}

.tabs {
 width: 100%;
 float: left;
 margin: 10px 0px 0px;
 padding: 0px;
}

ul.tabs {
 border-bottom: 1px solid #ddd;
}

.tabs li {
 list-style: none;
 padding: 0px;
 float: left;
 display: inline-block;
}

.tabs li:before {
 content: "";
 width: 0;
 height: 0;
 padding: 0;
 margin: 0;
}

.tabs a {
 padding: 10px 25px;
 background: rgba(0, 0, 0, 0.1);
 display: inline-block;
 font-weight: 400;
 font-size: 11px;
 letter-spacing: 1px;
 text-transform: uppercase;
}

.tabcontent {
 display: none;
 width: 100%;
 padding-bottom: 0px;
 margin-top: 5px;
 float: left;
}

.tabcontent.active {
 display: block;
}

.tabs a.active {
 background: #154396;
 color: #fff;
}

strong .smalltitle {
 font-weight: 800;
}

strong .mediumtitle {
 font-weight: 800;
}

.smalltitle, .mediumtitle, .bigtitle, h1,h2 {
}
h1{font-weight: normal;}

.mediumtitle {
 font-size: 32px;
 line-height: 40px;
 font-weight: 300;
 letter-spacing: 0px;
}

.bigone {
 height: 50vh;
 min-height: 460px;
}

.bigone {}

.redone {
 float: left;
 display: table-cell;
 vertical-align: middle;
 text-align: left;
 min-height: 320px;
 display: table-cell;
 width: 50%;
 height: 30vh;
 background: rgba(190, 34, 0, 0.8);
 font-size: 14px;
 line-height: 21px;
 text-align: center;
 color: rgba(255, 255, 255, 0.8);
}

.darkone {
 float: left;
 display: table-cell;
 vertical-align: middle;
 min-height: 320px;
 width: 50%;
 height: 30vh;
 background: rgba(0, 0, 0, 0.8);
 font-size: 14px;
 line-height: 21px;
 text-align: center;
 color: rgba(255, 255, 255, 0.8);
}

.smalltitle {
 font-size: 21px;
 line-height: 28px;
}

.topbuttons .content {
 border-right: 1px solid rgba(255, 255, 255, 0.1);
 min-height: 300px;
}

.topbuttons .col:last-child .content {
 border: none;
}

#page {
 width: 100%;
 margin: 0px auto 0;
 float: left;
 overflow:hidden;
 padding: 0px 0px;
 background: #fff;
}

.topbuttons .mediumtitle {
 font-size: 36px;
}

.topbuttons .smalltitle {
 font-weight: 200;
 ;
}

img {
 max-width: 100%;
 height: auto !important;
}

.color-light a {
 color: #fff;
}

.support.color-light {
 color: rgba(255, 255, 255, 0.6)
}

.support.color-light .smalltitle {
 color: #fff;
}

.support [class^="icon-"] {
 width: 120px;
 display: block;
 height: 120px;
 background:
   #fff;
 color:
   #252830;
 border-radius: 60px;
 text-align: center;
 padding: 20px 0px 0px 5px;
 position: relative;
 left: 0px;
 text-indent: 0px;
 transition: 0.5s all;
 margin: 0px auto;
}

.support:hover [class^="icon-"] {
 background: #D10B0A;
 color: #fff;
}

#body-main .topbar {
 border: none;
}

.topbar {
 float: left;
 position: relative;
 top: 0px;
 z-index: 2;
 width: 100%;
 background: #fff;
 padding: 0px 0px;
 transition:0.5s all;
 box-shadow:0px 0px 15px rgba(0,0,0,0);

}

.topbar .container{
   display: flex;
   align-items: center;
   justify-content:space-between;
}

.topbar .container ,.topbar .container div{

}


body.down .topbar.fixed {
 height:60px;
 box-shadow:0px 0px 20px rgba(0,0,0,0.1);
}

body.logged_in.down .topbar{display: none;}
body.down .topbar .logo{margin-top: 6px;}
body.down .topbar .navi{margin-top: -3px;}
body.down .topbar .auth{padding-top: 15px;}
body.down .topbar #shoppingcart{padding-top: 15px;}
.topbar .auth,body.down .topbar #shoppingcart{transition: 0.5s all;}

.fullheight {}

.fullheight .slide:after {
 position: absolute;
 bottom: 0;
 width: 100%;
 height: 120px;
 background-image: url(../../images/bottom.png);
 background-position: 100%;
 content: '';
 left: 0;
 background-size: cover;
}

.fullheight .slide {
 background-color: #111;
}
.bighero{height:auto;}
.bighero .btn{font-size: 22px; line-height: 22px;}

.himg {
 width: 100%;
 position: absolute;
 height: 100%;
 background-position: center bottom;
 background-size: cover;

}

.fullheight .himg {
 width: 100%;
 height: 100%;
 position: absolute;
 background-size: cover;
}

.fullheight .slide.slick-active .himg {
 -webkit-animation: myMove 25s 1 ease-in-out;
 -moz-animation: myMove 25s 1 ease-in-out;
 -o-animation: myMove 25s 1 ease-in-out;
 -ms-animation: myMove 25s 1 ease-in-out;
 animation: myMove 25s 1 ease-in-out;
}

@keyframes myMove {
 0% {
   transform: scale(1.1, 1.2);
   transform-origin: 30% 50%;
 }

 50% {
   transform: scale(1.0, 1.0);
   transform-origin: 50% 0%;
 }

 100% {
   transform: scale(1.2, 1.2);
   transform-origin: 30% 50%;
 }
}

@-webkit-keyframes myMove {
 0% {
   -webkit-transform: scale(1.2, 1.2);
   -webkit-transform-origin: 50% 50%;
 }

 50% {
   -webkit-transform: scale(1.0, 1.0);
   -webkit-transform-origin: 50% 0%;
 }

 100% {
   -webkit-transform: scale(1.2, 1.2);
   -webkit-transform-origin: 50% 50%;
 }
}

:focus {
 outline: 0;
}

.fullheight .slide .tresc {
 padding: 220px 0px;
}

.fullheight a.slick-prev,
.fullheight a.slick-next {
 display: none !important
}

.topbar.fixed {
 position: fixed;
 top: 0px;
 box-shadow: 0px 0px 30px rgba(0, 0, 0, 0);
 z-index: 90;
 transition: 0.5s all;
}




.topbar .container {
 position: relative;
}

.socialicon{width: 40px; height: 40px; background: #222; border-radius: 40px; text-align: center; line-height: 40px; color:#fff; display: block; margin-top: 5px;
   margin-left: 15px;}

.topbar .logo {
 position: relative;
 z-index: 45;
 float: left;
 max-width: 220px;
 text-align: left;
 transition: 0.5s all;
 margin-left: 15px;
 margin-top: 15px;
 margin-bottom: 15px;
}

.topbar .logo span {
 float: left;
 width: 200px;
 font-size: 13px;
 line-height: 16px;
 padding: 10px 0px 10px 20px;
 margin-top: 15px;
 border-left: 1px solid #eee;
 margin-left: 20px;
}

.flex-images {
 overflow: hidden;
 margin-top: 0px;
 float: left;
 width: 100%;
}

.photo a {
 overflow: hidden;
}

.photo {}

.photo a img {
 opacity: 1;
 transition: 0.5s all;
}

.photo a:hover img {
 opacity: 0.8;
}

.flex-images .item {
 float: left;
 margin: 0px;
 box-sizing: content-box;
 cursor: pointer;
 overflow: hidden;
 position: relative;
}

.flex-images .item img {
 display: block;
 width: 100%;
 height: 100%;
}

.flex-images .item .wrap {
 transition: 0.5s all;
 position: absolute;
 top: 0;
 width: 100%;
 line-height: 14px;
 background: url(images/shadow.png) repeat-x bottom;
 padding: 20px;
 font-size: 10px;
 letter-spacing: 1px;
 font-weight: bold;
 text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
 text-transform: uppercase;
 color: #fff;
 opacity: 0;
}

.flex-images .item:hover .wrap {
 opacity: 1;
}

.flex-images .item .wrap a {
 color: #fff;
 float: left;
 text-align: left;
 max-width: 70%
}

.flex-images .item .wrap span.viewcount {
 color: #fff;
 float: right;
 display: block;
}

.topbar .nav {
 float: right;
 position: relative;
 z-index: 98;
 margin-top: 0px;
}

.footer .container {
 padding: 0px 20px;
}

.grid {
 float: left;
 width: 100%;
}

.fb {
 border-radius: 3px;
 background: #4267B2;
 color: #fff;
 padding: 8px 20px;
 line-height: 16px;
}

.portfoliogrid .grid-sizer,
.portfoliogrid .grid-item {
 padding: 4px 4px 0px 4px;
}

.grid-sizer,
.grid-item {
 -webkit-transition-duration: 0.8s;
 margin: 0px;
 -moz-transition-duration: 0.8s;
 -ms-transition-duration: 0.8s;
 -o-transition-duration: 0.8s;
 transition-duration: 0.8s;
 padding: 10px;
}

.grid-item.s2 {
 width: 50%;
}

.grid-item.s3 {
 width: 33.3%;
}

.grid-item.s4 {
 width: 25%;
}

.grid-item.s5 {
 width: 20%;
}
.grid-item.s5 {
 width: 16.6%;
}

.grid-sizer.s2 {
 width: 50%;
}

.grid-sizer.s3 {
 width: 33.3%;
}

.grid-sizer.s4 {
 width: 25%;
}

.grid-sizer.s5 {
 width: 20%;
}
.grid-sizer.s6 {
 width: 16.6%;
}
.bgcover {
 background-size: cover;
}

.repeatxy {
 background-repeat: repeat;
}

.repeatx {
 background-repeat: repeat-x;
}

.repeaty {
 background-repeat: repeat-y;
}

.norepeat {
 background-repeat: no-repeat;
}

.bgtopleft {
 background-position: 0% 0%;
}

.bgtopcenter {
 background-position: 50% 0%;
}

.bgtopright {
 background-position: 100% 0%;
}

.bgmiddleleft {
 background-position: 0% 50%;
}

.bgmiddlecenter {
 background-position: 50% 50%;
}

.bgmiddleright {
 background-position: 100% 50%;
}

.bgbottomleft {
 background-position: 0% 100%;
}

.bgbottomcenter {
 background-position: 50% 100%;
}

.bgbottomright {
 background-position: 100% 100%;
}

.place-bgtopleft {
 top: 0;
 left: 0
}

.place-bgtopcenter {
 top: 0;
 left: 50%;
}

.place-bgtopright {
 top: 0;
 right: 0;
}

.place-bgmiddleleft {
 top: 20vh;
 left: 0;
}

.place-bgmiddlecenter {
 top: 20vh;
}

.place-bgmiddleright {
 top: 20vh;
 right: 0
}

.place-bgbottomleft {
 bottom: 0;
 left: 0;
}

.place-bgbottomcenter {
 bottom: 0;
 left: 50%;
}

.place-bgbottomright {
 bottom: 0;
 right: 0;
}

.ptop-medium {
 padding-top: 30px;
}

.ptop-big {
 padding-top: 60px;
}

.ptop-100 {
 padding-top: 100px;
}

.ptop-150 {
 padding-top: 150px;
}

.ptop-200 {
 padding-top: 200px;
}

.ptop-250 {
 padding-top: 250px;
}

.ptop-small {
 padding-top: 15px;
}

.ptop-medium {
 padding-top: 30px;
}

.ptop-big {
 padding-top: 60px;
}

.ptop-100 {
 padding-top: 100px;
}

.ptop-150 {
 padding-top: 150px;
}

.ptop-200 {
 padding-top: 200px;
}

.ptop-250 {
 padding-top: 250px;
}

.pbottom-small {
 padding-bottom: 15px;
}

.pbottom-medium {
 padding-bottom: 30px;
}

.pbottom-big {
 padding-bottom: 60px;
}

.pbottom-100 {
 padding-bottom: 100px;
}

.pbottom-150 {
 padding-bottom: 150px;
}

.pbottom-200 {
 padding-bottom: 200px;
}

.pbottom-250 {
 padding-bottom: 250px;
}

.pleft-small {
 padding-left: 15px;
}

.pleft-medium {
 padding-left: 30px;
}

.pleft-big {
 padding-left: 60px;
}

.pleft-100 {
 padding-left: 100px;
}

.pleft-150 {
 padding-left: 150px;
}

.pleft-200 {
 padding-left: 200px;
}

.pleft-250 {
 padding-left: 250px;
}

.pright-small {
 padding-right: 15px;
}

.pright-medium {
 padding-right: 30px;
}

.pright-big {
 padding-right: 60px;
}

.pright-100 {
 padding-right: 100px;
}

.pright-150 {
 padding-right: 150px;
}

.pright-200 {
 padding-right: 200px;
}

.pright-250 {
 padding-right: 250px;
}

.radius-small {
 border-radius: 4px;
}

.radius-medium {
 border-radius: 6px;
}

.radius-big {
 border-radius: 12px;
}

.radius-full {
 border-radius: 1000px;
}

.shadow-small {
 box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.shadow-medium {
 box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}

.shadow-big {
 box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
}

@-webkit-keyframes bounce {
 0%, 20%, 53%, 80%, to {
   -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
   animation-timing-function: cubic-bezier(.215, .61, .355, 1);
   -webkit-transform: translateZ(0);
   transform: translateZ(0)
 }

 40%, 43% {
   -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
   animation-timing-function: cubic-bezier(.755, .05, .855, .06);
   -webkit-transform: translate3d(0, -30px, 0);
   transform: translate3d(0, -30px, 0)
 }

 70% {
   -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
   animation-timing-function: cubic-bezier(.755, .05, .855, .06);
   -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 {
 0%, 20%, 53%, 80%, to {
   -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
   animation-timing-function: cubic-bezier(.215, .61, .355, 1);
   -webkit-transform: translateZ(0);
   transform: translateZ(0)
 }

 40%, 43% {
   -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
   animation-timing-function: cubic-bezier(.755, .05, .855, .06);
   -webkit-transform: translate3d(0, -30px, 0);
   transform: translate3d(0, -30px, 0)
 }

 70% {
   -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
   animation-timing-function: cubic-bezier(.755, .05, .855, .06);
   -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 {
 0%, 50%, to {
   opacity: 1
 }

 25%, 75% {
   opacity: 0
 }
}

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

 25%, 75% {
   opacity: 0
 }
}

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

@-webkit-keyframes pulse {
 0% {
   -webkit-transform: scaleX(1);
   transform: scaleX(1)
 }

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

 to {
   -webkit-transform: scaleX(1);
   transform: scaleX(1)
 }
}

@keyframes pulse {
 0% {
   -webkit-transform: scaleX(1);
   transform: scaleX(1)
 }

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

 to {
   -webkit-transform: scaleX(1);
   transform: scaleX(1)
 }
}

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

@-webkit-keyframes rubberBand {
 0% {
   -webkit-transform: scaleX(1);
   transform: scaleX(1)
 }

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

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

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

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

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

 to {
   -webkit-transform: scaleX(1);
   transform: scaleX(1)
 }
}

@keyframes rubberBand {
 0% {
   -webkit-transform: scaleX(1);
   transform: scaleX(1)
 }

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

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

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

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

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

 to {
   -webkit-transform: scaleX(1);
   transform: scaleX(1)
 }
}

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

@-webkit-keyframes shake {
 0%, to {
   -webkit-transform: translateZ(0);
   transform: translateZ(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 {
 0%, to {
   -webkit-transform: translateZ(0);
   transform: translateZ(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 headShake {
 0% {
   -webkit-transform: translateX(0);
   transform: translateX(0)
 }

 6.5% {
   -webkit-transform: translateX(-6px) rotateY(-9deg);
   transform: translateX(-6px) rotateY(-9deg)
 }

 18.5% {
   -webkit-transform: translateX(5px) rotateY(7deg);
   transform: translateX(5px) rotateY(7deg)
 }

 31.5% {
   -webkit-transform: translateX(-3px) rotateY(-5deg);
   transform: translateX(-3px) rotateY(-5deg)
 }

 43.5% {
   -webkit-transform: translateX(2px) rotateY(3deg);
   transform: translateX(2px) rotateY(3deg)
 }

 50% {
   -webkit-transform: translateX(0);
   transform: translateX(0)
 }
}

@keyframes headShake {
 0% {
   -webkit-transform: translateX(0);
   transform: translateX(0)
 }

 6.5% {
   -webkit-transform: translateX(-6px) rotateY(-9deg);
   transform: translateX(-6px) rotateY(-9deg)
 }

 18.5% {
   -webkit-transform: translateX(5px) rotateY(7deg);
   transform: translateX(5px) rotateY(7deg)
 }

 31.5% {
   -webkit-transform: translateX(-3px) rotateY(-5deg);
   transform: translateX(-3px) rotateY(-5deg)
 }

 43.5% {
   -webkit-transform: translateX(2px) rotateY(3deg);
   transform: translateX(2px) rotateY(3deg)
 }

 50% {
   -webkit-transform: translateX(0);
   transform: translateX(0)
 }
}

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

@-webkit-keyframes swing {
 20% {
   -webkit-transform: rotate(15deg);
   transform: rotate(15deg)
 }

 40% {
   -webkit-transform: rotate(-10deg);
   transform: rotate(-10deg)
 }

 60% {
   -webkit-transform: rotate(5deg);
   transform: rotate(5deg)
 }

 80% {
   -webkit-transform: rotate(-5deg);
   transform: rotate(-5deg)
 }

 to {
   -webkit-transform: rotate(0deg);
   transform: rotate(0deg)
 }
}

@keyframes swing {
 20% {
   -webkit-transform: rotate(15deg);
   transform: rotate(15deg)
 }

 40% {
   -webkit-transform: rotate(-10deg);
   transform: rotate(-10deg)
 }

 60% {
   -webkit-transform: rotate(5deg);
   transform: rotate(5deg)
 }

 80% {
   -webkit-transform: rotate(-5deg);
   transform: rotate(-5deg)
 }

 to {
   -webkit-transform: rotate(0deg);
   transform: rotate(0deg)
 }
}

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

@-webkit-keyframes tada {
 0% {
   -webkit-transform: scaleX(1);
   transform: scaleX(1)
 }

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

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

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

 to {
   -webkit-transform: scaleX(1);
   transform: scaleX(1)
 }
}

@keyframes tada {
 0% {
   -webkit-transform: scaleX(1);
   transform: scaleX(1)
 }

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

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

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

 to {
   -webkit-transform: scaleX(1);
   transform: scaleX(1)
 }
}

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

@-webkit-keyframes wobble {
 0% {
   -webkit-transform: translateZ(0);
   transform: translateZ(0)
 }

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

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

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

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

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

 to {
   -webkit-transform: translateZ(0);
   transform: translateZ(0)
 }
}

@keyframes wobble {
 0% {
   -webkit-transform: translateZ(0);
   transform: translateZ(0)
 }

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

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

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

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

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

 to {
   -webkit-transform: translateZ(0);
   transform: translateZ(0)
 }
}

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

@-webkit-keyframes jello {
 0%, 11.1%, to {
   -webkit-transform: translateZ(0);
   transform: translateZ(0)
 }

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

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

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

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

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

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

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

@keyframes jello {
 0%, 11.1%, to {
   -webkit-transform: translateZ(0);
   transform: translateZ(0)
 }

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

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

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

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

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

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

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

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

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

 14% {
   -webkit-transform: scale(1.3);
   transform: scale(1.3)
 }

 28% {
   -webkit-transform: scale(1);
   transform: scale(1)
 }

 42% {
   -webkit-transform: scale(1.3);
   transform: scale(1.3)
 }

 70% {
   -webkit-transform: scale(1);
   transform: scale(1)
 }
}

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

 14% {
   -webkit-transform: scale(1.3);
   transform: scale(1.3)
 }

 28% {
   -webkit-transform: scale(1);
   transform: scale(1)
 }

 42% {
   -webkit-transform: scale(1.3);
   transform: scale(1.3)
 }

 70% {
   -webkit-transform: scale(1);
   transform: scale(1)
 }
}

.heartBeat {
 -webkit-animation-name: heartBeat;
 animation-name: heartBeat;
 -webkit-animation-duration: 1.3s;
 animation-duration: 1.3s;
 -webkit-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out
}

@-webkit-keyframes bounceIn {
 0%, 20%, 40%, 60%, 80%, to {
   -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
   animation-timing-function: cubic-bezier(.215, .61, .355, 1)
 }

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

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

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

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

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

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

@keyframes bounceIn {
 0%, 20%, 40%, 60%, 80%, to {
   -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
   animation-timing-function: cubic-bezier(.215, .61, .355, 1)
 }

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

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

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

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

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

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

.bounceIn {
 -webkit-animation-duration: .75s;
 animation-duration: .75s;
 -webkit-animation-name: bounceIn;
 animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
 0%, 60%, 75%, 90%, to {
   -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
   animation-timing-function: cubic-bezier(.215, .61, .355, 1)
 }

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

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

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

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

 to {
   -webkit-transform: translateZ(0);
   transform: translateZ(0)
 }
}

@keyframes bounceInDown {
 0%, 60%, 75%, 90%, to {
   -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
   animation-timing-function: cubic-bezier(.215, .61, .355, 1)
 }

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

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

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

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

 to {
   -webkit-transform: translateZ(0);
   transform: translateZ(0)
 }
}

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

@-webkit-keyframes bounceInLeft {
 0%, 60%, 75%, 90%, to {
   -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
   animation-timing-function: cubic-bezier(.215, .61, .355, 1)
 }

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

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

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

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

 to {
   -webkit-transform: translateZ(0);
   transform: translateZ(0)
 }
}

@keyframes bounceInLeft {
 0%, 60%, 75%, 90%, to {
   -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
   animation-timing-function: cubic-bezier(.215, .61, .355, 1)
 }

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

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

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

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

 to {
   -webkit-transform: translateZ(0);
   transform: translateZ(0)
 }
}

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

@-webkit-keyframes bounceInRight {
 0%, 60%, 75%, 90%, to {
   -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
   animation-timing-function: cubic-bezier(.215, .61, .355, 1)
 }

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

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

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

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

 to {
   -webkit-transform: translateZ(0);
   transform: translateZ(0)
 }
}

@keyframes bounceInRight {
 0%, 60%, 75%, 90%, to {
   -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
   animation-timing-function: cubic-bezier(.215, .61, .355, 1)
 }

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

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

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

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

 to {
   -webkit-transform: translateZ(0);
   transform: translateZ(0)
 }
}

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

@-webkit-keyframes bounceInUp {
 0%, 60%, 75%, 90%, to {
   -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
   animation-timing-function: cubic-bezier(.215, .61, .355, 1)
 }

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

 60% {
   opacity: 1;
   -webkit-transform: translate3d(0, -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: translateZ(0);
   transform: translateZ(0)
 }
}

@keyframes bounceInUp {
 0%, 60%, 75%, 90%, to {
   -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
   animation-timing-function: cubic-bezier(.215, .61, .355, 1)
 }

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

 60% {
   opacity: 1;
   -webkit-transform: translate3d(0, -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: translateZ(0);
   transform: translateZ(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-duration: .75s;
 animation-duration: .75s;
 -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 {
 0% {
   opacity: 0
 }

 to {
   opacity: 1
 }
}

@keyframes fadeIn {
 0% {
   opacity: 0
 }

 to {
   opacity: 1
 }
}

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

@-webkit-keyframes fadeInDown {
 0% {
   opacity: 0;
   -webkit-transform: translate3d(0, -100%, 0);
   transform: translate3d(0, -100%, 0)
 }

 to {
   opacity: 1;
   -webkit-transform: translateZ(0);
   transform: translateZ(0)
 }
}

@keyframes fadeInDown {
 0% {
   opacity: 0;
   -webkit-transform: translate3d(0, -100%, 0);
   transform: translate3d(0, -100%, 0)
 }

 to {
   opacity: 1;
   -webkit-transform: translateZ(0);
   transform: translateZ(0)
 }
}

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

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

 to {
   opacity: 1;
   -webkit-transform: translateZ(0);
   transform: translateZ(0)
 }
}

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

 to {
   opacity: 1;
   -webkit-transform: translateZ(0);
   transform: translateZ(0)
 }
}

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

@-webkit-keyframes fadeInLeft {
 0% {
   opacity: 0;
   -webkit-transform: translate3d(-100%, 0, 0);
   transform: translate3d(-100%, 0, 0)
 }

 to {
   opacity: 1;
   -webkit-transform: translateZ(0);
   transform: translateZ(0)
 }
}

@keyframes fadeInLeft {
 0% {
   opacity: 0;
   -webkit-transform: translate3d(-100%, 0, 0);
   transform: translate3d(-100%, 0, 0)
 }

 to {
   opacity: 1;
   -webkit-transform: translateZ(0);
   transform: translateZ(0)
 }
}

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

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

 to {
   opacity: 1;
   -webkit-transform: translateZ(0);
   transform: translateZ(0)
 }
}

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

 to {
   opacity: 1;
   -webkit-transform: translateZ(0);
   transform: translateZ(0)
 }
}

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

@-webkit-keyframes fadeInRight {
 0% {
   opacity: 0;
   -webkit-transform: translate3d(100%, 0, 0);
   transform: translate3d(100%, 0, 0)
 }

 to {
   opacity: 1;
   -webkit-transform: translateZ(0);
   transform: translateZ(0)
 }
}

@keyframes fadeInRight {
 0% {
   opacity: 0;
   -webkit-transform: translate3d(100%, 0, 0);
   transform: translate3d(100%, 0, 0)
 }

 to {
   opacity: 1;
   -webkit-transform: translateZ(0);
   transform: translateZ(0)
 }
}

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

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

 to {
   opacity: 1;
   -webkit-transform: translateZ(0);
   transform: translateZ(0)
 }
}

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

 to {
   opacity: 1;
   -webkit-transform: translateZ(0);
   transform: translateZ(0)
 }
}

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

@-webkit-keyframes fadeInUp {
 0% {
   opacity: 0;
   -webkit-transform: translate3d(0, 100%, 0);
   transform: translate3d(0, 100%, 0)
 }

 to {
   opacity: 1;
   -webkit-transform: translateZ(0);
   transform: translateZ(0)
 }
}

@keyframes fadeInUp {
 0% {
   opacity: 0;
   -webkit-transform: translate3d(0, 100%, 0);
   transform: translate3d(0, 100%, 0)
 }

 to {
   opacity: 1;
   -webkit-transform: translateZ(0);
   transform: translateZ(0)
 }
}

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

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

 to {
   opacity: 1;
   -webkit-transform: translateZ(0);
   transform: translateZ(0)
 }
}

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

 to {
   opacity: 1;
   -webkit-transform: translateZ(0);
   transform: translateZ(0)
 }
}

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

@-webkit-keyframes fadeOut {
 0% {
   opacity: 1
 }

 to {
   opacity: 0
 }
}

@keyframes fadeOut {
 0% {
   opacity: 1
 }

 to {
   opacity: 0
 }
}

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

@-webkit-keyframes fadeOutDown {
 0% {
   opacity: 1
 }

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

@keyframes fadeOutDown {
 0% {
   opacity: 1
 }

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

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

@-webkit-keyframes fadeOutDownBig {
 0% {
   opacity: 1
 }

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

@keyframes fadeOutDownBig {
 0% {
   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 {
 0% {
   opacity: 1
 }

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

@keyframes fadeOutLeft {
 0% {
   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 {
 0% {
   opacity: 1
 }

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

@keyframes fadeOutLeftBig {
 0% {
   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 {
 0% {
   opacity: 1
 }

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

@keyframes fadeOutRight {
 0% {
   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 {
 0% {
   opacity: 1
 }

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

@keyframes fadeOutRightBig {
 0% {
   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 {
 0% {
   opacity: 1
 }

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

@keyframes fadeOutUp {
 0% {
   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 {
 0% {
   opacity: 1
 }

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

@keyframes fadeOutUpBig {
 0% {
   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 {
 0% {
   -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
   transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
   -webkit-animation-timing-function: ease-out;
   animation-timing-function: ease-out
 }

 40% {
   -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
   transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
   -webkit-animation-timing-function: ease-out;
   animation-timing-function: ease-out
 }

 50% {
   -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
   transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
   -webkit-animation-timing-function: ease-in;
   animation-timing-function: ease-in
 }

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

 to {
   -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
   transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
   -webkit-animation-timing-function: ease-in;
   animation-timing-function: ease-in
 }
}

@keyframes flip {
 0% {
   -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
   transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
   -webkit-animation-timing-function: ease-out;
   animation-timing-function: ease-out
 }

 40% {
   -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
   transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
   -webkit-animation-timing-function: ease-out;
   animation-timing-function: ease-out
 }

 50% {
   -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
   transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
   -webkit-animation-timing-function: ease-in;
   animation-timing-function: ease-in
 }

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

 to {
   -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
   transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
   -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 {
 0% {
   -webkit-transform: perspective(400px) rotateX(90deg);
   transform: perspective(400px) rotateX(90deg);
   -webkit-animation-timing-function: ease-in;
   animation-timing-function: ease-in;
   opacity: 0
 }

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

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

 80% {
   -webkit-transform: perspective(400px) rotateX(-5deg);
   transform: perspective(400px) rotateX(-5deg)
 }

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

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

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

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

 80% {
   -webkit-transform: perspective(400px) rotateX(-5deg);
   transform: perspective(400px) rotateX(-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 {
 0% {
   -webkit-transform: perspective(400px) rotateY(90deg);
   transform: perspective(400px) rotateY(90deg);
   -webkit-animation-timing-function: ease-in;
   animation-timing-function: ease-in;
   opacity: 0
 }

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

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

 80% {
   -webkit-transform: perspective(400px) rotateY(-5deg);
   transform: perspective(400px) rotateY(-5deg)
 }

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

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

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

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

 80% {
   -webkit-transform: perspective(400px) rotateY(-5deg);
   transform: perspective(400px) rotateY(-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 {
 0% {
   -webkit-transform: perspective(400px);
   transform: perspective(400px)
 }

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes lightSpeedIn {
 0% {
   -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)
 }

 to {
   -webkit-transform: translateZ(0);
   transform: translateZ(0)
 }
}

@keyframes lightSpeedIn {
 0% {
   -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)
 }

 to {
   -webkit-transform: translateZ(0);
   transform: translateZ(0)
 }
}

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

@-webkit-keyframes lightSpeedOut {
 0% {
   opacity: 1
 }

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

@keyframes lightSpeedOut {
 0% {
   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 {
 0% {
   -webkit-transform-origin: center;
   transform-origin: center;
   -webkit-transform: rotate(-200deg);
   transform: rotate(-200deg);
   opacity: 0
 }

 to {
   -webkit-transform-origin: center;
   transform-origin: center;
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   opacity: 1
 }
}

@keyframes rotateIn {
 0% {
   -webkit-transform-origin: center;
   transform-origin: center;
   -webkit-transform: rotate(-200deg);
   transform: rotate(-200deg);
   opacity: 0
 }

 to {
   -webkit-transform-origin: center;
   transform-origin: center;
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   opacity: 1
 }
}

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

@-webkit-keyframes rotateInDownLeft {
 0% {
   -webkit-transform-origin: left bottom;
   transform-origin: left bottom;
   -webkit-transform: rotate(-45deg);
   transform: rotate(-45deg);
   opacity: 0
 }

 to {
   -webkit-transform-origin: left bottom;
   transform-origin: left bottom;
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   opacity: 1
 }
}

@keyframes rotateInDownLeft {
 0% {
   -webkit-transform-origin: left bottom;
   transform-origin: left bottom;
   -webkit-transform: rotate(-45deg);
   transform: rotate(-45deg);
   opacity: 0
 }

 to {
   -webkit-transform-origin: left bottom;
   transform-origin: left bottom;
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   opacity: 1
 }
}

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

@-webkit-keyframes rotateInDownRight {
 0% {
   -webkit-transform-origin: right bottom;
   transform-origin: right bottom;
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
   opacity: 0
 }

 to {
   -webkit-transform-origin: right bottom;
   transform-origin: right bottom;
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   opacity: 1
 }
}

@keyframes rotateInDownRight {
 0% {
   -webkit-transform-origin: right bottom;
   transform-origin: right bottom;
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
   opacity: 0
 }

 to {
   -webkit-transform-origin: right bottom;
   transform-origin: right bottom;
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   opacity: 1
 }
}

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

@-webkit-keyframes rotateInUpLeft {
 0% {
   -webkit-transform-origin: left bottom;
   transform-origin: left bottom;
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
   opacity: 0
 }

 to {
   -webkit-transform-origin: left bottom;
   transform-origin: left bottom;
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   opacity: 1
 }
}

@keyframes rotateInUpLeft {
 0% {
   -webkit-transform-origin: left bottom;
   transform-origin: left bottom;
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
   opacity: 0
 }

 to {
   -webkit-transform-origin: left bottom;
   transform-origin: left bottom;
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   opacity: 1
 }
}

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

@-webkit-keyframes rotateInUpRight {
 0% {
   -webkit-transform-origin: right bottom;
   transform-origin: right bottom;
   -webkit-transform: rotate(-90deg);
   transform: rotate(-90deg);
   opacity: 0
 }

 to {
   -webkit-transform-origin: right bottom;
   transform-origin: right bottom;
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   opacity: 1
 }
}

@keyframes rotateInUpRight {
 0% {
   -webkit-transform-origin: right bottom;
   transform-origin: right bottom;
   -webkit-transform: rotate(-90deg);
   transform: rotate(-90deg);
   opacity: 0
 }

 to {
   -webkit-transform-origin: right bottom;
   transform-origin: right bottom;
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   opacity: 1
 }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 to {
   -webkit-transform-origin: right bottom;
   transform-origin: right bottom;
   -webkit-transform: rotate(90deg);
   transform: rotate(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: rotate(80deg);
   transform: rotate(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: rotate(60deg);
   transform: rotate(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: rotate(80deg);
   transform: rotate(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: rotate(60deg);
   transform: rotate(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-duration: 2s;
 animation-duration: 2s;
 -webkit-animation-name: hinge;
 animation-name: hinge
}

@-webkit-keyframes jackInTheBox {
 0% {
   opacity: 0;
   -webkit-transform: scale(.1) rotate(30deg);
   transform: scale(.1) rotate(30deg);
   -webkit-transform-origin: center bottom;
   transform-origin: center bottom
 }

 50% {
   -webkit-transform: rotate(-10deg);
   transform: rotate(-10deg)
 }

 70% {
   -webkit-transform: rotate(3deg);
   transform: rotate(3deg)
 }

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

@keyframes jackInTheBox {
 0% {
   opacity: 0;
   -webkit-transform: scale(.1) rotate(30deg);
   transform: scale(.1) rotate(30deg);
   -webkit-transform-origin: center bottom;
   transform-origin: center bottom
 }

 50% {
   -webkit-transform: rotate(-10deg);
   transform: rotate(-10deg)
 }

 70% {
   -webkit-transform: rotate(3deg);
   transform: rotate(3deg)
 }

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

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

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

 to {
   opacity: 1;
   -webkit-transform: translateZ(0);
   transform: translateZ(0)
 }
}

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

 to {
   opacity: 1;
   -webkit-transform: translateZ(0);
   transform: translateZ(0)
 }
}

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

@-webkit-keyframes rollOut {
 0% {
   opacity: 1
 }

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

@keyframes rollOut {
 0% {
   opacity: 1
 }

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

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

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

 50% {
   opacity: 1
 }
}

@keyframes zoomIn {
 0% {
   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 {
 0% {
   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(.55, .055, .675, .19);
   animation-timing-function: cubic-bezier(.55, .055, .675, .19)
 }

 60% {
   opacity: 1;
   -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
   transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
   -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
   animation-timing-function: cubic-bezier(.175, .885, .32, 1)
 }
}

@keyframes zoomInDown {
 0% {
   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(.55, .055, .675, .19);
   animation-timing-function: cubic-bezier(.55, .055, .675, .19)
 }

 60% {
   opacity: 1;
   -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
   transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
   -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
   animation-timing-function: cubic-bezier(.175, .885, .32, 1)
 }
}

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

@-webkit-keyframes zoomInLeft {
 0% {
   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(.55, .055, .675, .19);
   animation-timing-function: cubic-bezier(.55, .055, .675, .19)
 }

 60% {
   opacity: 1;
   -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
   transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
   -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
   animation-timing-function: cubic-bezier(.175, .885, .32, 1)
 }
}

@keyframes zoomInLeft {
 0% {
   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(.55, .055, .675, .19);
   animation-timing-function: cubic-bezier(.55, .055, .675, .19)
 }

 60% {
   opacity: 1;
   -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
   transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
   -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
   animation-timing-function: cubic-bezier(.175, .885, .32, 1)
 }
}

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

@-webkit-keyframes zoomInRight {
 0% {
   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(.55, .055, .675, .19);
   animation-timing-function: cubic-bezier(.55, .055, .675, .19)
 }

 60% {
   opacity: 1;
   -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
   transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
   -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
   animation-timing-function: cubic-bezier(.175, .885, .32, 1)
 }
}

@keyframes zoomInRight {
 0% {
   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(.55, .055, .675, .19);
   animation-timing-function: cubic-bezier(.55, .055, .675, .19)
 }

 60% {
   opacity: 1;
   -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
   transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
   -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
   animation-timing-function: cubic-bezier(.175, .885, .32, 1)
 }
}

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

@-webkit-keyframes zoomInUp {
 0% {
   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(.55, .055, .675, .19);
   animation-timing-function: cubic-bezier(.55, .055, .675, .19)
 }

 60% {
   opacity: 1;
   -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
   transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
   -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
   animation-timing-function: cubic-bezier(.175, .885, .32, 1)
 }
}

@keyframes zoomInUp {
 0% {
   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(.55, .055, .675, .19);
   animation-timing-function: cubic-bezier(.55, .055, .675, .19)
 }

 60% {
   opacity: 1;
   -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
   transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
   -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
   animation-timing-function: cubic-bezier(.175, .885, .32, 1)
 }
}

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

@-webkit-keyframes zoomOut {
 0% {
   opacity: 1
 }

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

 to {
   opacity: 0
 }
}

@keyframes zoomOut {
 0% {
   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(.55, .055, .675, .19);
   animation-timing-function: cubic-bezier(.55, .055, .675, .19)
 }

 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(.175, .885, .32, 1);
   animation-timing-function: cubic-bezier(.175, .885, .32, 1)
 }
}

@keyframes zoomOutDown {
 40% {
   opacity: 1;
   -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
   transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
   -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
   animation-timing-function: cubic-bezier(.55, .055, .675, .19)
 }

 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(.175, .885, .32, 1);
   animation-timing-function: cubic-bezier(.175, .885, .32, 1)
 }
}

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

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

 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(.55, .055, .675, .19);
   animation-timing-function: cubic-bezier(.55, .055, .675, .19)
 }

 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(.175, .885, .32, 1);
   animation-timing-function: cubic-bezier(.175, .885, .32, 1)
 }
}

@keyframes zoomOutUp {
 40% {
   opacity: 1;
   -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
   transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
   -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
   animation-timing-function: cubic-bezier(.55, .055, .675, .19)
 }

 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(.175, .885, .32, 1);
   animation-timing-function: cubic-bezier(.175, .885, .32, 1)
 }
}

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

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

 to {
   -webkit-transform: translateZ(0);
   transform: translateZ(0)
 }
}

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

 to {
   -webkit-transform: translateZ(0);
   transform: translateZ(0)
 }
}

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

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

 to {
   -webkit-transform: translateZ(0);
   transform: translateZ(0)
 }
}

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

 to {
   -webkit-transform: translateZ(0);
   transform: translateZ(0)
 }
}

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

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

 to {
   -webkit-transform: translateZ(0);
   transform: translateZ(0)
 }
}

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

 to {
   -webkit-transform: translateZ(0);
   transform: translateZ(0)
 }
}

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

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

 to {
   -webkit-transform: translateZ(0);
   transform: translateZ(0)
 }
}

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

 to {
   -webkit-transform: translateZ(0);
   transform: translateZ(0)
 }
}

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

@-webkit-keyframes slideOutDown {
 0% {
   -webkit-transform: translateZ(0);
   transform: translateZ(0)
 }

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

@keyframes slideOutDown {
 0% {
   -webkit-transform: translateZ(0);
   transform: translateZ(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 {
 0% {
   -webkit-transform: translateZ(0);
   transform: translateZ(0)
 }

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

@keyframes slideOutLeft {
 0% {
   -webkit-transform: translateZ(0);
   transform: translateZ(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 {
 0% {
   -webkit-transform: translateZ(0);
   transform: translateZ(0)
 }

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

@keyframes slideOutRight {
 0% {
   -webkit-transform: translateZ(0);
   transform: translateZ(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 {
 0% {
   -webkit-transform: translateZ(0);
   transform: translateZ(0)
 }

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

@keyframes slideOutUp {
 0% {
   -webkit-transform: translateZ(0);
   transform: translateZ(0)
 }

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

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

.animated {
 -webkit-animation-duration: 1s;
 animation-duration: 1s;
 -webkit-animation-fill-mode: both;
 animation-fill-mode: both
}

.animated.infinite {
 -webkit-animation-iteration-count: infinite;
 animation-iteration-count: infinite
}

.animated.delay-1s {
 -webkit-animation-delay: 1s;
 animation-delay: 1s
}

.animated.delay-2s {
 -webkit-animation-delay: 2s;
 animation-delay: 2s
}

.animated.delay-3s {
 -webkit-animation-delay: 3s;
 animation-delay: 3s
}

.animated.delay-4s {
 -webkit-animation-delay: 4s;
 animation-delay: 4s
}

.animated.delay-5s {
 -webkit-animation-delay: 5s;
 animation-delay: 5s
}

.animated.fast {
 -webkit-animation-duration: .8s;
 animation-duration: .8s
}

.animated.faster {
 -webkit-animation-duration: .5s;
 animation-duration: .5s
}

.animated.slow {
 -webkit-animation-duration: 2s;
 animation-duration: 2s
}

.animated.slower {
 -webkit-animation-duration: 3s;
 animation-duration: 3s
}

@media (prefers-reduced-motion:reduce), (print) {
 .animated {
   -webkit-animation-duration: 1ms !important;
   animation-duration: 1ms !important;
   -webkit-transition-duration: 1ms !important;
   transition-duration: 1ms !important;
   -webkit-animation-iteration-count: 1 !important;
   animation-iteration-count: 1 !important
 }
}
.animate{opacity:0}