@import url("http://fonts.googleapis.com/css?family=Titillium+Web:400,200,300,700,600");
@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700,300|Dosis:400,200,700Quicksand|Exo|Lato:400,300|PT+Sans");
@import url("https://fonts.googleapis.com/css?family=Raleway:400,100");
@import url(https://fonts.googleapis.com/css?family=Calligraffitti|Tangerine|Alegreya+Sans+SC|Shadows+Into+Light|Bad+Script|Quicksand/Lato:400,300|Bubbler+One|PT+Sans|Roboto:400,100,700|Dosis:400,200,700|Open+Sans:300,400);
@import url("http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css");
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on October 30, 2019 */
@font-face {
  font-family: 'turkeyface';
  src: url("../fonts/turkeyface-webfont.woff2") format("woff2"), url("../fonts/turkeyface-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
.padding150 {
  padding-top: 150px; }

.padding50px {
  padding-top: 50px; }

.padding60px {
  padding-top: 60px; }

.margintop20 {
  margin-top: 20px; }

.margintop50 {
  margin-top: 50px; }

.margintop60 {
  margin-top: 60px; }

.margintop100 {
  margin-top: 100px; }

.margintop150 {
  margin-top: 150px; }

.marginleft50 {
  margin-left: 50px; }

.marginbottom150 {
  margin-bottom: 150px; }

.margintop120 {
  margin-top: 120px; }

.grijs {
  margin-top: 0px !important;
  z-index: 0; }

.margintop-20 {
  margin-top: -20px; }

#apero {
  padding-top: 0px; }

#apero .aperomenu {
  color: #ce895f;
  margin-top: 0px;
  text-align: right;
  background-color: #494747;
  min-height: 400px; }

#apero .aperomenu h2 {
  font-family: Quicksand,sans-serif;
  font-variant: small-caps;
  font-size: 300%;
  font-weight: lighter;
  padding-top: 5px;
  text-align: right;
  text-align: bottom;
  color: #ce895f;
  padding-right: 10%; }

#apero .aperomenu ul {
  padding-top: 10%; }

#apero .aperomenu li {
  text-align: right;
  font-variant: small-caps;
  font-size: 180%;
  color: #ce895f;
  padding-right: 10%; }

#apero .aperomenu a {
  text-decoration: none;
  line-height: 180%;
  font-size: 90%;
  font-weight: lighter;
  color: #FFF;
  text-align: right !important; }

#apero .aperomenu a:hover {
  background-color: #ce895f;
  padding: 3%;
  padding-left: -3%;
  background-image: none;
  background-origin: padding-box;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto auto; }

#apero .quote {
  padding-top: 19%;
  z-index: 1;
  background-repeat: repeat;
  font-family: Roboto, sans-serif; }

#apero .quote p {
  z-index: 1;
  font-weight: 100;
  font-size: 150%;
  font-variant: light;
  text-align: right;
  text-align: bottom; }

#apero .quote p img {
  z-index: 1;
  padding-right: 10%;
  width: 70%;
  text-align: center !important; }

h2 {
  font-family: Quicksand,sans-serif; }

#apero .quote h2 {
  text-align: right;
  color: #ce895f !important;
  letter-spacing: -0.5px;
  text-transform: uppercase;
  font-weight: lighter !important;
  font-size: 110%; }

#apero .aperofoto img {
  padding-left: 4%;
  padding-top: 150px;
  max-width: 100%; }

#dessert {
  margin-top: 0px !important; }

#dessert {
  z-index: 1;
  margin-bottom: 0px; }

#dessert .dessertmenu {
  margin-top: 0px;
  text-align: right;
  background-color: #494747;
  min-height: 400px; }

#dessert .dessertmenu h2 {
  font-family: Quicksand,sans-serif;
  font-variant: small-caps;
  font-size: 300%;
  font-weight: lighter;
  padding-top: 5px;
  text-align: right;
  text-align: bottom;
  color: #ffa240;
  padding-right: 10%; }

#dessert .dessertmenu ul {
  padding-top: 10%; }

#dessert .dessertmenu li {
  font-size: 180%;
  text-align: right;
  font-variant: small-caps;
  color: #ffa240;
  padding-right: 10%; }

#dessert .dessertmenu a {
  text-decoration: none;
  line-height: 180%;
  font-size: 90%;
  font-weight: lighter;
  color: #FFF;
  text-align: right !important; }

#dessert .dessertmenu a:hover {
  background-color: #ffa240;
  padding: 3%;
  padding-left: -3%;
  background-image: none;
  background-origin: padding-box;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto auto; }

#dessert .quote {
  padding-top: 20%;
  z-index: 1;
  background-repeat: repeat;
  font-family: Roboto, sans-serif; }

#dessert .quote p {
  z-index: 1;
  font-weight: 100;
  font-size: 150%;
  font-variant: light;
  text-align: right;
  text-align: bottom; }

#dessert .dessert p img {
  z-index: 1;
  padding-right: 10%;
  width: 70%;
  text-align: center !important; }

h2 {
  font-family: Quicksand,sans-serif; }

#dessert .quote h2 {
  text-align: right;
  color: #ffa240 !important;
  letter-spacing: -0.5px;
  text-transform: uppercase;
  font-weight: lighter !important;
  font-size: 110%; }

#dessert .dessertfoto img {
  padding-left: 4%;
  padding-top: 150px;
  max-width: 100%; }

#divers {
  padding-top: 0px; }

#divers {
  z-index: 1;
  margin-bottom: 0px; }

#divers .diversmenu {
  margin-top: 0px;
  text-align: right;
  background-color: #494747;
  min-height: 400px; }

#divers .diversmenu h2 {
  font-family: Quicksand,sans-serif;
  font-variant: small-caps;
  font-size: 300%;
  font-weight: lighter;
  padding-top: 5px;
  text-align: right;
  text-align: bottom;
  color: #e4d582;
  padding-right: 10%; }

#divers .diversmenu ul {
  padding-top: 10%; }

#divers .diversmenu li {
  text-align: right;
  font-variant: small-caps;
  font-size: 180%;
  color: #e4d582;
  padding-right: 10%; }

#divers .diversmenu a {
  text-decoration: none;
  line-height: 100%;
  font-size: 90%;
  font-weight: lighter;
  color: #FFF;
  text-align: right !important; }

#divers .diversmenu a:hover {
  background-color: #e4d582;
  padding: 3%;
  padding-left: -3%;
  background-image: none;
  background-origin: padding-box;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto auto; }

#divers .quote {
  padding-top: 23%;
  z-index: 1;
  background-repeat: repeat;
  font-family: Roboto, sans-serif; }

#divers .quote p {
  z-index: 1;
  font-weight: 100;
  font-size: 150%;
  font-variant: light;
  text-align: right;
  text-align: bottom; }

#divers .quote p img {
  z-index: 1;
  padding-right: 10%;
  width: 70%;
  text-align: center !important; }

h2 {
  font-family: Quicksand,sans-serif; }

#divers .quote h2 {
  text-align: right;
  color: #e4d582 !important;
  letter-spacing: -0.5px;
  text-transform: uppercase;
  font-weight: lighter !important;
  font-size: 110%; }

#divers .diversfoto img {
  padding-left: 4%;
  padding-top: 150px;
  max-width: 100%; }

#main {
  margin-top: 0px !important; }

#main .mainmenu {
  margin-top: 0px;
  text-align: right;
  background-color: #494747;
  min-height: 400px; }

#main .mainmenu h2 {
  font-family: Quicksand,sans-serif;
  font-variant: small-caps;
  font-size: 300%;
  font-weight: lighter;
  padding-top: 5px;
  text-align: right;
  text-align: bottom;
  color: #aa3701;
  padding-right: 10%; }

#main .mainmenu ul {
  padding-top: 10%; }

#main .mainmenu li {
  text-align: right;
  font-variant: small-caps;
  font-size: 180%;
  color: #aa3701;
  padding-right: 10%; }

#main .mainmenu a {
  text-decoration: none;
  line-height: 180%;
  font-size: 90%;
  font-weight: lighter;
  color: #FFF;
  text-align: right !important; }

#main .mainmenu a:hover {
  background-color: #aa3701;
  padding: 3%;
  padding-left: -3%;
  background-image: none;
  background-origin: padding-box;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto auto; }

#main .quote {
  padding-top: 18%;
  z-index: 1;
  background-repeat: repeat;
  font-family: Roboto, sans-serif; }

#main .quote p {
  z-index: 1;
  font-weight: 100;
  font-size: 150%;
  font-variant: light;
  text-align: right;
  text-align: bottom; }

#main .quote p img {
  z-index: 1;
  padding-right: 10%;
  width: 70%;
  text-align: center !important; }

h2 {
  font-family: Quicksand,sans-serif; }

#main .quote h2 {
  text-align: right;
  color: #aa3701 !important;
  letter-spacing: -0.5px;
  text-transform: uppercase;
  font-weight: lighter !important;
  font-size: 110%; }

#main .mainfoto img {
  padding-left: 4%;
  padding-top: 150px;
  max-width: 100%; }

#pasta {
  min-height: 300px; }

#pasta {
  z-index: 1;
  margin-bottom: 0px; }

#pasta .pastamenu {
  margin-top: 0px;
  text-align: right;
  background-color: #424040;
  min-height: 400px; }

#pasta .pastamenu h2 {
  font-family: Quicksand,sans-serif;
  font-variant: small-caps;
  font-size: 300%;
  font-weight: lighter;
  padding-top: 5px;
  text-align: right;
  text-align: bottom;
  color: #bc8128;
  padding-right: 10%; }

#pasta .pastamenu ul {
  padding-top: 10%; }

#pasta .pastamenu li {
  text-align: right;
  font-variant: small-caps;
  font-size: 180%;
  color: #bc8128;
  padding-right: 10%; }

#pasta .pastamenu a {
  text-decoration: none;
  line-height: 180%;
  font-size: 90%;
  font-weight: lighter;
  color: #FFF;
  text-align: right !important; }

#pasta .pastamenu a:hover {
  background-color: #bc8128;
  padding: 3%;
  padding-left: -3%;
  background-image: none;
  background-origin: padding-box;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto auto; }

#pasta .quote {
  padding-top: 20%;
  z-index: 1;
  background-repeat: repeat;
  font-family: Roboto, sans-serif; }

#pasta .quote p {
  z-index: 1;
  font-weight: 100;
  font-size: 150%;
  font-variant: light;
  text-align: right;
  text-align: bottom; }

#pasta .quote p img {
  z-index: 1;
  padding-right: 10%;
  width: 70%;
  text-align: center !important; }

h2 {
  font-family: Quicksand,sans-serif; }

#pasta .quote h2 {
  text-align: right;
  color: #bc8128 !important;
  letter-spacing: -0.5px;
  text-transform: uppercase;
  font-weight: lighter !important;
  font-size: 110%; }

#pasta {
  margin-top: 0px;
  padding-top: 0px; }

#pasta img {
  padding-left: 4%;
  max-width: 90%;
  text-align: bottom; }

#starters {
  padding-top: 0px; }

#starters .startersmenu {
  color: #687f37;
  margin-top: 0px;
  text-align: right;
  background-color: #494747;
  min-height: 400px; }

#starters .startersmenu h2 {
  font-family: Quicksand,sans-serif;
  font-variant: small-caps;
  font-size: 300%;
  font-weight: lighter;
  padding-top: 5px;
  text-align: right;
  text-align: bottom;
  color: #687f37;
  padding-right: 10%; }

#starters .startersmenu ul {
  padding-top: 10%; }

#starters .startersmenu li {
  text-align: right;
  font-variant: small-caps;
  font-size: 180%;
  color: #687f37;
  padding-right: 10%; }

#starters .startersmenu a {
  text-decoration: none;
  line-height: 180%;
  font-size: 90%;
  font-weight: lighter;
  color: #FFF;
  text-align: right !important; }

#starters .startersmenu a:hover {
  background-color: #687f37;
  padding: 3%;
  padding-left: -3%;
  background-image: none;
  background-origin: padding-box;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto auto; }

#starters .quote {
  padding-top: 18%;
  z-index: 1;
  background-repeat: repeat;
  font-family: Roboto, sans-serif; }

#starters .quote p {
  z-index: 1;
  font-weight: 100;
  font-size: 150%;
  font-variant: light;
  text-align: right;
  text-align: bottom; }

#starters .quote p img {
  z-index: 1;
  padding-right: 10%;
  width: 70%;
  text-align: center !important; }

h2 {
  font-family: Quicksand,sans-serif; }

#starters .quote h2 {
  text-align: right;
  color: #687f37 !important;
  letter-spacing: -0.5px;
  text-transform: uppercase;
  font-weight: lighter !important;
  font-size: 110%; }

#starters .startersfoto img {
  padding-left: 4%;
  padding-top: 150px;
  max-width: 100%; }

#starters .soepen {
  margin-top: 0px;
  padding-top: 0px; }

#starters .soepen img, #starters .voorgerechten img {
  padding-left: 4%;
  max-width: 90%;
  text-align: bottom; }

#veggie {
  padding-top: 0px; }

#veggie .veggiemenu {
  color: #85a40b;
  margin-top: 0px;
  text-align: right;
  background-color: #494747;
  min-height: 400px; }

#veggie .veggiemenu h2 {
  font-family: Quicksand,sans-serif;
  font-variant: small-caps;
  font-size: 300%;
  font-weight: lighter;
  padding-top: 5px;
  text-align: right;
  text-align: bottom;
  color: #85a40b;
  padding-right: 10%; }

#veggie .veggiemenu ul {
  padding-top: 10%; }

#veggie .veggiemenu li {
  text-align: right;
  font-variant: small-caps;
  font-size: 180%;
  color: #85a40b;
  padding-right: 10%; }

#veggie .veggiemenu a {
  text-decoration: none;
  line-height: 180%;
  font-size: 90%;
  font-weight: lighter;
  color: #FFF;
  text-align: right !important; }

#veggie .veggiemenu a:hover {
  background-color: #85a40b;
  padding: 3%;
  padding-left: -3%;
  background-image: none;
  background-origin: padding-box;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto auto; }

#veggie .quote {
  padding-top: 19%;
  z-index: 1;
  background-repeat: repeat;
  font-family: Roboto, sans-serif; }

#veggie .quote p {
  z-index: 1;
  font-weight: 100;
  font-size: 150%;
  font-variant: light;
  text-align: right;
  text-align: bottom; }

#veggie .quote p img {
  z-index: 1;
  padding-right: 10%;
  width: 70%;
  text-align: center !important; }

h2 {
  font-family: Quicksand,sans-serif; }

#veggie .quote h2 {
  text-align: right;
  color: #85a40b !important;
  letter-spacing: -0.5px;
  text-transform: uppercase;
  font-weight: lighter !important;
  font-size: 110%; }

#veggie .veggiefoto img {
  padding-left: 4%;
  padding-top: 150px;
  max-width: 100%; }

.header-area, .site-branding-area {
  margin-top: -10px;
  background-color: #424040; }

.header-area, .site-branding-area a {
  text-decoration: none !important; }

.logo h1 {
  font-size: 50px;
  margin-top: 20px;
  margin: 40px 0;
  font-weight: lighter; }

.logo h1 a {
  color: #FFF; }

.logo img a:hover {
  text-decoration: none !important;
  opacity: 0.3 !important; }

.logo h1 a span {
  color: #FFF; }

.logo h4 {
  color: #FFF;
  font-weight: 360;
  line-height: 30px;
  letter-spacing: 1.1px;
  z-index: 902;
  position: relative;
  font-size: 20px;
  padding-bottom: 10px; }

.logo a {
  color: #FFF; }

.slider-area {
  clear: both; }

.slider-area, .promo-area, .brands-area, .maincontent-area, .footer-top-area, .product-widget-area, .product-breadcroumb-area, .single-product-area {
  position: relative;
  overflow: hidden; }

.single-slide {
  max-height: 600px; }

.slide-text-wrapper {
  display: table;
  width: 100%; }

.slide-text {
  display: table-cell;
  vertical-align: middle; }

.slide-text {
  color: #fff;
  font-size: 40px;
  font-weight: 200;
  font-family: Muli,sans-serif;
  font-size: 190%;
  line-height: 180%;
  margin-top: 550px;
  padding-top: 3%; }

.slide-text h2 {
  font-size: 45px;
  font-weight: 200;
  font-family: Quicksand,sans-serif;
  font-variant: small-caps;
  text-align: bottom;
  color: #FFF !important;
  margin-bottom: 50px;
  line-height: 100%; }

.slide-text-wrapper {
  padding-top: 350px;
  height: 600px;
  background-color: rgba(255, 255, 255, 0.6);
  background: rgba(255, 255, 255, 0.6);
  z-index: 1000;
  width: 100%; }

.slide-bulletz {
  bottom: 30px;
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 99; }

ol.slide-indicators {
  left: inherit;
  list-style: outside none none;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%; }

ol.slide-indicators li {
  background: none repeat scroll 0 0 #222;
  border: medium none;
  border-radius: 0;
  cursor: pointer;
  display: inline-block;
  height: 10px;
  margin: 0 0 0 5px;
  width: 10px; }

ol.slide-indicators li.active {
  background: none repeat scroll 0 0 #fff;
  height: 10px;
  margin: 0 0 0 5px;
  width: 10px; }

.carousel.carousel-fade .item {
  transition: opacity 1s ease-in-out; }

.carousel.carousel-fade .active.left,
.carousel.carousel-fade .active.right {
  left: 0;
  z-index: 2;
  opacity: 0;
  filter: alpha(opacity=0); }

.slide-bg {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  background-position: center;
  background-size: cover; }

.slide-bg:after {
  background: none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.6;
  position: absolute;
  top: 0;
  width: 100%;
  background-size: cover; }

.slidepagina-bg {
  height: 75%;
  left: 0;
  position: absolute;
  margin-top: 400px;
  width: 100%;
  background-position: center;
  background-size: cover; }

.slide-nul {
  background-image: url(../img/slide1.jpg); }

.slide-one {
  background-image: url(../img/slide1.jpg); }

.slide-four {
  background-image: url(../img/slide4.jpg); }

.slide-five {
  background-image: url(../img/slide5.jpg); }

.slide-six {
  background-image: url(../img/slide6.jpg); }

.slide-content {
  position: relative;
  z-index: 9;
  padding: 30px;
  text-align: center !important; }

.slide-content:before {
  background-color: rgba(255, 255, 255, 0.6);
  background: rgba(255, 255, 255, 0.6);
  background: none repeat scroll 0 0 #000;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.4;
  position: absolute;
  width: 100%;
  z-index: -1; }

.foto-area {
  clear: both; }

.headertekst {
  font-family: Muli, sans-serif;
  color: #000;
  font-size: 190%;
  line-height: 180%;
  margin-top: 550px;
  min-height: 200px;
  padding-top: 3%;
  background-color: rgba(255, 255, 255, 0.6);
  background: rgba(255, 255, 255, 0.6);
  z-index: 1000; }

.headertekst h2 {
  font-family: Quicksand,sans-serif;
  font-variant: small-caps;
  text-align: bottom;
  color: #000;
  padding-bottom: 3px;
  line-height: 100%;
  z-index: 1000; }

.header-area {
  background: none repeat scroll 0 0 #grijs !important; }

.header-area a {
  color: #888; }

.user-menu ul {
  list-style: outside none none;
  margin: 0;
  padding: 0; }

.user-menu li {
  display: inline-block; }

.user-menu li a {
  display: block;
  font-size: 13px;
  margin-right: 5px;
  padding: 10px; }

.user-menu li a i.fa {
  margin-right: 5px; }

.header-right ul.list-inline {
  margin: 0;
  text-align: right; }

.header-right ul.list-inline li a {
  display: block;
  padding: 9px; }

.header-right ul.list-inline li ul a {
  padding: 5px 15px; }

.header-right ul.list-inline li ul {
  border: medium none;
  border-radius: 0;
  left: 50%;
  margin-left: -50px;
  min-width: 100px;
  text-align: center; }

.mainmenu-area {
  background: none repeat scroll 0 0 #424040;
  color: #a48fa2;
  font-family: "Roboto Condensed",sans-serif;
  text-transform: uppercase;
  width: 100%;
  z-index: 999; }

.mainmenu-area a {
  color: #a48fa2; }

.mainmenu-area-pagina {
  background: none repeat scroll 0 0 #424040;
  color: #a48fa2;
  font-family: "Roboto Condensed",sans-serif;
  text-transform: uppercase;
  width: 100%;
  z-index: 999; }

.mainmenu-area a:focus {
  color: #a48fa2; }

/* CSS frontpagina*/
#inhoud3 {
  margin: auto !important;
  padding-top: 20px;
  padding: 20px;
  padding-left: 150px;
  padding-bottom: 5%;
  margin-left: -100px;
  background: #3f3a37; }

.inloggen {
  font-family: 'Roboto', sans-serif;
  line-height: 1.5em;
  color: #FFF;
  text-align: left;
  list-style-type: none;
  line-height: 1.5em;
  min-height: 700px;
  margin-left: 600px;
  font-weight: lighter;
  width: 100% !important;
  text-align: left;
  z-index: 300; }

.inhoudinloggen {
  margin-top: 150px !important;
  padding-left: 80px;
  padding-right: 80px; }

.inloggen p {
  font-family: 'Roboto', sans-serif;
  z-index: 301;
  color: #FFF; }

.inloggen h1 {
  color: #FFF;
  font-family: 'Roboto', sans-serif;
  font-size: 300%;
  font-weight: lighter;
  padding-top: 90px; }

#inhoud3 h2 {
  color: wit !important; }

.schuin {
  font-style: italic; }

#inhoud3 h2 a {
  color: wit !important;
  border-bottom: 0.1px solid; }

#inhoud3 a:visited {
  color: #FFF; }

#inhoud3 a:hover {
  background-color: #45abc1 !important;
  border-bottom: 0px !important;
  text-decoration: none !important;
  padding: 2px;
  z-index: 300; }

#inhoud3 a:active {
  color: #FFF !important;
  text-decoration: none !important;
  text-align: right; }

#ingelogd {
  margin-top: -50px;
  padding-left: 150px;
  min-height: 450px;
  background-repeat: repeat;
  background-position: center center;
  position: relative;
  width: 100% !important;
  text-align: left;
  position: relative;
  z-index: 300; }

.ingelogd h1 {
  font-family: 'Roboto', sans-serif;
  line-height: 1.5em;
  color: #FFF;
  text-align: left;
  z-index: 300; }

.ingelogd p {
  color: #FFF; }

/* CSS node1 en node100*/
.wrapper {
  padding-top: 40px;
  background-image: url(../img/homepage2.jpg);
  background-size: cover;
  background-repeat: repeat;
  height: 700px; }

#achtergrondingelogd {
  font-family: 'Roboto', sans-serif;
  font-size: 90%;
  font-weight: lighter;
  color: #FFF;
  width: 100% !important; }

.inlogd {
  font-family: 'Roboto', sans-serif;
  line-height: 1.5em;
  color: #FFF;
  text-decoration: none !important;
  text-align: left;
  list-style-type: none;
  line-height: 1.5em;
  font-weight: lighter;
  width: 100% !important;
  text-align: left;
  width: 100%;
  z-index: 300;
  font-size: 180%;
  font-weight: lighter; }

#ingelogd {
  font-family: 'Roboto', sans-serif;
  text-align: left;
  position: relative;
  z-index: 300;
  padding-top: 120px; }

.ingelogd h1 {
  font-weight: lighter;
  line-height: 1.5em;
  color: #FFF;
  text-decoration: none !important;
  text-align: left;
  z-index: 300; }

.ingelogd h4 {
  font-weight: lighter;
  padding-left: 30px; }

.ingelogd h4 a {
  padding-left: 30px; }

#achtergrondingelogd .inlogelogd h1 {
  color: #FFF;
  font-family: 'Roboto', sans-serif;
  font-size: 90%;
  font-weight: lighter !important;
  margin-top: 0px; }

#achtergrondingelogd .inlogelogd h2 {
  padding-left: 50px; }

#achtergrondingelogd .inlogelogd h2 a {
  padding-left: 50px; }

#ingelogd .block-title h2 {
  padding-top: 120px !important; }

#ingelogd .region region-inloggen {
  font-size: 320%;
  z-index: 301;
  color: #FFF; }

.schuin {
  font-style: italic; }

#achtergrondingelogd .ingelogd a {
  text-decoration: none !important;
  color: #hover;
  font-size: 90%; }

#achtergrondingelogd .ingelogd a:visited {
  color: #2f6265;
  text-decoration: none !important; }

#achtergrondingelogd .ingelogd a:hover {
  color: #FFF;
  text-decoration: none !important; }

#achtergrondingelogd .ingelogd a:active {
  color: #FFF !important;
  text-decoration: none !important; }

.dropdown-menu li {
  list-style-type: none !important; }

.dropdown-menu, .value {
  list-style-type: none !important; }

.dropdown-menu li a {
  color: #FFF !important;
  list-style-type: none !important; }

.dropdown-submenu {
  position: relative;
  color: #FFF !important; }

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  padding: 0px; }

.dropdown-submenu:hover > .dropdown-menu {
  display: block;
  color: #a48fa2; }

.dropdown-submenu > a:after {
  content: "\e080";
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-size: 10px;
  float: right;
  margin-top: 5px;
  color: #c1c42b; }

.dropdown-submenu:hover > a:after {
  border-left-color: #fff; }

.dropdown-submenu.pull-left {
  float: none; }

.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px; }

.navbar-nav li:last-child > .dropdown-menu {
  left: auto;
  right: 0px; }

.navbar-nav li:last-child > .dropdown-menu a {
  text-align: right !important; }

.navbar-nav li:last-child > .dropdown-menu .dropdown-submenu > a:after {
  float: left;
  content: "\e079"; }

.navbar-nav li:last-child > .dropdown-menu .dropdown-submenu > .dropdown-menu {
  left: -100%; }

.mainmenu-area {
  margin-top: 0px;
  color: #FFF !important;
  background: #424040; }

.mainmenu-areatwee {
  background: #302a26; }

.mainmenu-area ul.navbar-nav li a {
  margin-left: 0px;
  color: #FFF;
  background: #424040;
  font-size: 16px;
  font-weight: lighter;
  padding: 20px; }

.mainmenu-areatwee ul.navbar-nav li a {
  margin-left: 0px;
  color: #FFF;
  background: #424040;
  font-size: 16px;
  font-weight: lighter;
  padding: 20px; }

.mainmenu-area ul.navbar-nav li:hover a, .mainmenu-area ul.navbar-nav li.active a {
  background: #424040;
  color: #FFF; }

.mainmenu-areatwee ul.navbar-nav li:hover a, .mainmenu-area ul.navbar-nav li.active a {
  background: #302a26;
  color: #FFF; }

.mainmenu-area ul.navbar-nav li:hover a, .mainmenu-area ul.navbar-nav li.active a:hover {
  background: #424040;
  color: #a48fa2 !important; }

.mainmenu-areatwee ul.navbar-nav li:hover a, .mainmenu-area ul.navbar-nav li.active a:hover {
  background: #424040;
  color: #a48fa2 !important; }

.mainmenu-area .nav > li > ul > a:focus {
  background-color: #000;
  color: #FFF; }

.mainmenu-areatwee .nav > li > ul > a:focus {
  background-color: #000;
  color: #FFF; }

.navbar-header, .nav navbar-nav, .navbar-collapse collapse {
  background-color: #424040; }

.menu {
  color: #FFF !important; }

.top-social a {
  color: #c1bbb7 !important; }

.center {
  text-align: center; }

.clear {
  height: 100px;
  clear: both !important; }

#inhoud {
  margin: auto !important;
  padding-top: 15%;
  padding: 20px;
  margin-top: 50px;
  margin-right: 50px;
  margin-left: 50px;
  padding-left: 10%;
  padding-right: 10%;
  padding-bottom: 5%;
  min-height: 500px;
  font-family: "roboto"; }

#inhoud1 .page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: none !important; }

#inhoud8 .field--item {
  padding-top: 30px;
  padding: 40px;
  text-align: left;
  background: #3f3a37;
  display: block;
  color: #FFF; }

#inhoud8 h1 {
  padding-top: 20px; }

.page-header
#inhoud h2 {
  color: #a48fa2; }

#admininhoud {
  margin: auto !important;
  padding-top: 10px;
  width: 100%;
  float: left;
  clear: both; }

.tekst {
  padding: 5%; }

.section-title {
  font-size: 32px;
  color: #ffffff;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700; }

.section-title h3 {
  font-size: 10px;
  font-family: Quicksand, sans-serif;
  color: #3c3c3c !important;
  text-transform: uppercase !important;
  text-align: center !important;
  font-weight: 800; }

.section-title-pagina {
  font-size: 32px;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700; }

.section-title-pagina h3 {
  font-size: 10px;
  font-family: Quicksand, sans-serif;
  color: #000 !important;
  text-transform: uppercase !important;
  text-align: center !important;
  font-weight: 800; }

.section-description {
  text-align: center;
  margin-bottom: 40px; }

.section-title-divider {
  width: 50px;
  height: 3px;
  background: #c1bbb7;
  margin: 0 auto;
  margin-bottom: 20px; }

@media only screen and (min-width: 1280px) {
  .marge {
    background: #e8e7e4 !important;
    font-size: 15px;
    margin-left: 150px;
    margin-right: 150px; } }
@media only screen and (min-width: 992px) and (max-width: 1280px) {
  div.cart-collaterals ul.products li.product {
    float: left;
    margin-left: 30px;
    position: relative;
    width: 160px; }

  .coupon input[type="text"] {
    width: 100px; }

  input[type="submit"], button[type="submit"] {
    padding: 11px 15px; }

  .col-1, .col-2 {
    width: 293px; }

  .slide-content-gerechten {
    position: relative;
    z-index: 9;
    padding: 10px;
    text-align: center !important; }

  .slide-content-gerechten:before {
    margin-top: 20px; }

  #inhoud3 {
    margin: auto !important;
    padding-top: 20px;
    padding: 20px;
    padding-left: 150px;
    padding-bottom: 5%;
    margin-left: -100px;
    background: #3f3a37; }

  #achtergrondlogin {
    font-family: 'Roboto', sans-serif;
    font-size: 130%;
    font-weight: lighter;
    color: #FFF;
    padding-top: 80px;
    background-size: cover;
    background-repeat: no-repeat;
    height: 700px;
    width: 100% !important;
    margin-top: 180px; }

  .inloggen {
    font-family: 'Roboto', sans-serif;
    line-height: 1.5em;
    color: #FFF;
    text-decoration: none !important;
    text-align: left;
    list-style-type: none;
    line-height: 1.5em;
    margin-top: 0px;
    min-height: 700px;
    margin-left: 600px;
    font-weight: lighter;
    width: 100% !important;
    text-align: left;
    z-index: 300; }

  .marge {
    background: #e8e7e4 !important;
    font-size: 15px;
    margin-left: 150px;
    margin-right: 150px; } }
/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .user-menu, .header-right ul.list-inline {
    text-align: center; }

  .navbar-toggle {
    border-color: #fff;
    float: none;
    margin: 10px auto; }

  .navbar-toggle .icon-bar {
    background: none repeat scroll #wit; }

  .navbar-collapse.collapse.in {
    background: none repeat scroll #424040;
    position: relative;
    z-index: 99; }

  .promo-area {
    max-height: 900px !important; }

  .latest-product h2 {
    padding-top: 90px; }

  .mainmenu-area ul.navbar-nav li a {
    font-size: 14px;
    padding: 15px 10px; }

  .mainmenu-area-pagina ul.navbar-nav li a {
    font-size: 14px;
    padding: 15px 10px; }

  .single-promo {
    margin-bottom: 30px; }

  .single-product-widget, .footer-about-us, .footer-menu {
    margin-bottom: 60px; }

  .product-widget-area .zigzag-bottom {
    bottom: -50px;
    height: 100px; }

  .product-widget-area {
    padding-bottom: 90px; }

  div.cart-collaterals ul.products li.product {
    width: 190px; }

  .col-1, .col-2 {
    width: 345px; }

  .slide-content-gerechten {
    position: relative;
    z-index: 9;
    padding: 10px;
    text-align: center !important; }

  .region region-veldtitelheader {
    background-color: #424040; } }
/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
  .header-area, .site-branding-area {
    margin-top: -10px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: -20px;
    background-color: #424040; }

  .user-menu, .header-right ul.list-inline {
    text-align: center; }

  .logo h1 {
    font-size: 30px;
    margin: 20px 0;
    text-align: center; }

  .shopping-item {
    float: none;
    margin-bottom: 20px;
    margin-top: 5px;
    text-align: center; }

  .navbar-header {
    text-align: center; }

  .navbar-toggle {
    border-color: #fff;
    float: none;
    margin: 10px auto; }

  .navbar-toggle .icon-bar {
    background: none repeat scroll #424040; }

  .navbar-collapse.collapse.in {
    background: none repeat scroll #FFF;
    color: #FFF;
    position: relative;
    z-index: 99; }

  .grijs {
    margin-top: 0px !important;
    z-index: 0; }

  .mainmenu-area ul.navbar-nav li a {
    padding: 15px; }

  .mainmenu-area-pagina ul.navbar-nav li a {
    padding: 15px; }

  .mainmenu-area {
    position: relative !important; }

  .mainmenu {
    margin-bottom: 20px; }

  .slide-content-gerechten {
    position: relative;
    z-index: 9;
    padding: 10px;
    text-align: center !important; }

  .slide-content-gerechten:before {
    margin-top: 20px; }

  .mainmenu-area-pagina {
    position: relative !important; }

  .slide-text {
    font-size: 16px; }

  .slide-text h2 {
    font-size: 30px; }

  .readmore {
    font-size: 16px;
    padding: 8px 20px; }

  .single-promo {
    margin-bottom: 30px; }

  .section-title {
    font-size: 35px; }

  .product-widget-area .zigzag-bottom {
    bottom: -50px;
    height: 100px; }

  .product-widget-area {
    padding-bottom: 90px; }

  .single-product-widget, .footer-about-us, .footer-menu {
    margin-bottom: 60px; }

  .product-wid-title {
    font-size: 25px; }

  .related-products-wrapper .owl-nav {
    left: -15px;
    position: relative;
    right: inherit;
    top: 15px; }

  div.cart-collaterals ul.products {
    margin: 0; }

  div.cart-collaterals ul.products li.product {
    margin-bottom: 30px;
    margin-left: 0;
    width: 100%; }

  div.cart-collaterals ul.products li.product img {
    width: 100%; }

  .product-bit-title h2 {
    font-size: 35px;
    padding: 40px 0; }

  .col2-set {
    margin-left: 0; }

  .col-1, .col-2 {
    float: none;
    margin-left: 0;
    width: inherit; }

  #inhoud {
    padding: 10%; }

  #inhoud h1 {
    text-align: center; }

  .promo-area {
    max-height: 900px; }

  .slide-tekst {
    padding-left: 10px !important; }

  #welkom .welkommenu h2 {
    margin-top: 0px; }

  .maincontent-area-gerechten {
    margin-left: 0px;
    margin-right: 0px;
    background-color: #e8e7e4; }

  .slide-content-gerechten {
    margin-top: 20px !important;
    margin-bottom: -40px !important;
    min-height: 100px; }

  .slide-content-gerechten h2 {
    margin-top: -15px;
    padding-bottom: 15px; } }
/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  #inhoud h1 {
    text-align: center; }

  .buiten a {
    text-align: center; }

  .views-field-title h5 {
    text-align: center; }

  .views-field {
    text-align: center; }

  .navbar-toggle {
    border-color: #fff;
    float: none;
    margin: 10px auto; }

  .navbar-toggle .icon-bar {
    background: none repeat scroll #424040; }

  .navbar-collapse.collapse.in {
    background: none repeat scroll #424040;
    position: relative;
    z-index: 99; }

  .slide-tekst {
    padding-left: 10px !important; }

  .mainmenu {
    margin-bottom: 10px; }

  #main .quote {
    padding-top: 5%; }

  h {
    margin: 0 0 1em 0;
    font-family: "turkeyface", Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    font-size: 1.25rem;
    line-height: 2.2;
    letter-spacing: 0.01em; }

  .footer-top-area {
    margin-top: -100px; }

  .fixed {
    background-position: fixed !important;
    position: relative; }

  .slide-content-gerechten {
    margin-top: 20px !important;
    margin-bottom: -40px !important;
    min-height: 100px; }

  .slide-content-gerechten h2 {
    margin-top: -40px !important;
    padding-bottom: 15px; } }
@media only screen and (max-width: 767px) {
  .navbar-toggle {
    border-color: #fff;
    float: none;
    margin: 10px auto; }

  .navbar-toggle .icon-bar {
    background: none repeat scroll #424040; }

  .navbar-collapse.collapse.in {
    background: none repeat scroll #424040;
    position: relative;
    z-index: 99; }

  .slide-content-gerechten:before {
    margin-top: -50px; }

  .welkomwoord h2 {
    margin-top: -60px; }

  #inhoud h1 {
    padding: 0px; }

  .views-field-title h5 {
    text-align: center; }

  .views-field {
    text-align: center; }

  .slide-tekst {
    padding-left: 10px !important; }

  .latest-product {
    margin-top: 70px; }

  span.icon-bar {
    color: #FFF !important;
    background: #FFF !important; }

  #main .quote, #apero .quote, #starters .quote, #dessert .quote, #pasta .quote, #divers .quote, #veggie .quote {
    padding-top: 5%;
    margin-bottom: 15px !important; }

  .product-carousel {
    margin-top: -20px; }

  h {
    margin: 0 0 1em 0;
    font-family: "turkeyface", Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    font-size: 1.25rem;
    line-height: 2.2;
    letter-spacing: 0.01em; }

  #achtergrondlogin {
    height: 700px;
    width: 100% !important;
    margin-top: 30px; }

  .inloggen {
    margin-left: 30px;
    font-weight: lighter;
    width: 100% !important; }

  #achtergrondlogin a:link {
    text-decoration: none;
    color: #2f6265;
    font-size: 60%; }

  #inhoud3 {
    margin: auto !important;
    padding-top: 20px;
    padding: 10px;
    padding-left: 20px;
    padding-bottom: 5%;
    margin-left: -100px;
    background: #3f3a37; } }
.maincontent-area-gerechten {
  background-color: #e8e7e4 !important; }

.terugrecepten {
  margin-left: 2px !important;
  margin-right: 2px !important;
  font: 20px; }

.fixed {
  background-position: fixed !important;
  position: relative; }

.region region-veldtitelheader {
  margin-top: 20px;
  margin-bottom: -20px;
  min-height: 100px; }

.achtergrondkleur_front {
  background-color: none !important; }

#foto {
  color: #757474;
  font-size: 120%;
  min-height: 1000px;
  background-color: #333;
  padding-top: 30px;
  min-height: 1060px; }

#foto p {
  font-style: normal !important;
  color: #bcbaba !important;
  text-align: center; }

#foto h1 {
  text-align: center;
  margin-top: 20px;
  padding-top: 30px;
  color: #FFF;
  font-size: 400%;
  padding-top: 10px;
  font-weight: lighter; }

#foto h2 {
  text-align: center;
  color: #a48fa2 !important;
  font-weight: lighter;
  font-size: 180% !important;
  padding-bottom: 30px; }

#foto a {
  text-align: center;
  color: #a48fa2;
  display: inline-block;
  padding: 2px 10px; }

#foto a:hover {
  color: #a48fa2 !important; }

.latest-product h2 {
  padding-top: 5px; }

#foto {
  color: #757474;
  font-size: 120%;
  min-height: 1000px;
  background-color: #333;
  padding-top: 30px;
  min-height: 1060px; }

#foto p {
  font-style: normal !important;
  color: #bcbaba !important;
  text-align: center; }

#foto h1 {
  text-align: center;
  margin-top: 20px;
  padding-top: 30px;
  color: #FFF;
  font-size: 400%;
  padding-top: 10px;
  font-weight: lighter; }

#foto h2 {
  text-align: center;
  color: #a48fa2 !important;
  font-weight: lighter;
  font-size: 180% !important;
  padding-bottom: 30px; }

#foto a {
  text-align: center;
  color: #a48fa2;
  display: inline-block;
  padding: 2px 10px; }

#foto a:hover {
  color: #a48fa2 !important; }

.latest-product h2 {
  padding-top: 5px; }

.footer-top-area .zigzag-bottom {
  background: #000; }

.footer-top-area {
  background: none repeat scroll 0 0 #333;
  color: #999; }

.footer-bottom-area {
  background: #000;
  color: #FFF;
  margin-top: -50px; }

.footer-about-us span {
  color: #e8e7e4; }

.footer-bottom-area a {
  color: #a48fa2; }

.footer-bottom-area {
  /* background: #000; */
  color: #e8e7e4;
  background: #3f3a37;
  min-height: 80px; }

.footer-bottom-area .container {
  text-align: center;
  background: #3f3a37 !important;
  margin-top: -30px; }

.search-block-form contextual-region block block-search block-search-form-block {
  text-decoration: none !important;
  background-color: #424040;
  color: #a48fa2; }

.footer-about-us a:hover {
  border: medium none;
  padding: 0px 0px;
  color: #000; }

.footer-wid-title {
  font-family: raleway;
  font-size: 30px;
  font-weight: 100;
  color: #fff; }

.footer-about-us h2 {
  font-weight: 200; }

.footer-about-us h3 {
  font-weight: 80; }

.footer-menu {
  padding-bottom: 5%; }

.footer-menu ul {
  list-style: outside none none;
  margin: 0;
  padding: 0; }

.footer-menu ul li {
  padding: 5px 0; }

.footer-menu a {
  display: block;
  padding: 5px 0;
  color: #999; }

.top-social a:hover {
  background-color: #FFF;
  border-color: #a48fa2; }

.top-social {
  margin-top: 6px; }

.footer-card-icon {
  font-size: 30px;
  text-align: right; }

.copyright > p {
  margin: 10px 0 0;
  text-align: center !important;
  min-height: 100px;
  margin-top: -80px;
  padding-top: 30px; }

.copyright {
  min-height: 100px;
  margin-top: -80px;
  padding-top: 30px;
  padding-bottom: 30px; }

.footer-menu a {
  padding-left: 5%;
  display: inline-block;
  padding-bottom: 4px;
  border-bottom: 2px solid transparent;
  color: white;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 19px;
  font-size: 1.500rem;
  font-weight: lighter; }

.footer-menu a:hover {
  color: #FFF;
  text-decoration: underline;
  color: #39322f;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  color: #FFF; }

.footer-bottom-area .first last a {
  color: #a48fa2 !important; }

.gerechten .footer-wid-title h2 {
  display: block;
  font-size: 1.5em;
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold; }

.gerechten .footer-wid-title h2 {
  display: block;
  padding-left: 5%;
  display: inline-block;
  padding-bottom: 4px;
  border-bottom: 2px solid transparent;
  color: white;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 19px;
  font-size: 1.560rem;
  font-weight: lighter; }

.gerechten gerechten .footer-about-us h2 {
  display: block;
  padding-left: 5%;
  display: inline-block;
  padding-bottom: 4px;
  border-bottom: 2px solid transparent;
  color: white;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 19px;
  font-size: 1.560rem;
  font-weight: lighter; }

.footer-social a {
  background: none repeat scroll 0 0 #FFF;
  color: #000;
  display: inline-block;
  font-size: 20px;
  height: 40px;
  margin-bottom: 10px;
  margin-right: 10px;
  padding-top: 5px;
  text-align: center;
  width: 40px;
  border: 1px solid #FFF; }

.footer-social a:hover {
  background: none repeat scroll 0 0 #FFF;
  color: #000 !important;
  display: inline-block;
  font-size: 20px;
  height: 40px;
  margin-bottom: 10px;
  margin-right: 10px;
  padding-top: 5px;
  text-align: center;
  width: 40px;
  border: 1px solid #FFF; }

.footer-social {
  margin-top: 20px; }

input#edit-keys.form-search.form-control {
  width: 250px !important;
  padding: 10px !important;
  margin-left: 120px;
  margin-right: -200px !important; }

.input-group-btn .button js-form-submit form-submit btn-primary btn icon-only {
  margin-left: -120px !important;
  background-color: #a48fa2 !important;
  color: #000 !important;
  padding: 100px !important; }

.input-group-addon, .input-group-btn {
  padding-left: 190px;
  width: 10px !important;
  white-space: nowrap;
  vertical-align: middle;
  color: #a48fa2 !important; }

.kleiner {
  margin-left: 10%;
  margin-right: 10%; }

#inhoudviews h1 {
  margin-top: -60px;
  font-variant: small-caps; }

.fotosgerechten {
  margin-left: 0px; }

.lager {
  margin-top: 30px; }

.block-title h2 {
  font-variant: small-caps !important; }

.gerechten footer-wid-title {
  font-variant: small-caps !important; }

#inhoudviews #tabs-wrapper h1 {
  padding-top: 100px; }

.viewfotogerecht {
  text-align: center;
  display: block;
  -webkit-border-radius: 20px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius: 20px;
  -moz-border-radius-topleft: 0;
  border-radius: 20px;
  border-top-left-radius: 0;
  -webkit-box-shadow: 8px 8px 5px -7px rgba(0, 0, 0, 0.78);
  -moz-box-shadow: 8px 8px 5px -7px rgba(0, 0, 0, 0.78);
  box-shadow: 8px 8px 5px -7px rgba(0, 0, 0, 0.78); }

.gerechtenview {
  float: left;
  margin-right: 3%;
  margin-bottom: 3%;
  min-width: 150px;
  text-align: center !important;
  border: 1px solid #EDEDED;
  padding: 1%;
  background-color: #FFF; }

.a ad-to-cart-link a {
  margin-top: 20%;
  margin-top: 30px; }

.views-field views-field-title {
  font-family: "Source Sans Pro",sans-serif;
  font-family: 'Roboto', sans-serif;
  font-size: 100%;
  text-align: center;
  font-size: 110%;
  color: #FFF;
  max-height: 280px;
  background-color: rgba(255, 255, 255, 0.4);
  background: rgba(255, 255, 255, 0.4);
  color: rgba(255, 255, 255, 0.4);
  background-repeat: repeat-x;
  text-decoration: none !important;
  font-variant: small-caps; }

#field-item.even {
  text-align: left;
  margin-top: 0.5%;
  margin-bottom: 0.5%;
  background-repeat: no-repeat;
  text-decoration: none;
  padding-top: 0.5%;
  padding-right: 0.5%;
  padding-bottom: 0.5%;
  padding-left: 2%;
  font-family: "Source Sans Pro",sans-serif;
  font-family: 'Roboto', sans-serif;
  font-size: 120%;
  list-style-position: inside;
  list-style-type: disc;
  text-indent: 3%;
  background-color: #F00; }

.field-item.even {
  line-height: 2em;
  text-align: left;
  margin-top: 0.5%;
  margin-bottom: 0.5%;
  background-repeat: no-repeat;
  text-decoration: none;
  padding-top: 0.5%;
  padding-right: 0.5%;
  padding-bottom: 0.5%;
  padding-left: 2%;
  font-family: "Source Sans Pro",sans-serif;
  font-family: 'Roboto', sans-serif;
  font-size: 120%;
  list-style-position: inside;
  list-style-type: disc;
  display: block;
  margin-left: 4%; }

.field-content {
  font-family: "Source Sans Pro",sans-serif;
  font-family: 'Roboto', sans-serif;
  font-size: 120%;
  color: #993300;
  font-variant: small-caps;
  font-weight: lighter;
  padding-bottom: 2%; }

.field-label {
  font-family: "Source Sans Pro",sans-serif;
  font-family: 'Roboto', sans-serif;
  font-size: 140%;
  color: #a48fa2;
  background-repeat: repeat;
  text-decoration: none !important;
  font-weight: lighter;
  background-image: url(../images/transparantie-60.png);
  margin-top: 2%;
  font-variant: small-caps;
  text-align: left;
  padding-top: 1%;
  padding-bottom: 1%;
  padding-left: 10%;
  display: block; }

.hoverafstand a {
  margin-top: -50px; }

.slider-area-gerechten {
  left: 0;
  width: 100% !important;
  background-position: center !important;
  background-size: cover !important;
  clear: both; }

.region region-fotoheadergerecht {
  min-width: 1280px !important;
  width: 100%;
  font-family: "turkeyface" !important; }

.single-slide-gerechten img {
  min-width: 1280px !important;
  max-height: 600px !important;
  width: 100%; }

.slide-gerechten {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  min-height: 600px !important;
  max-height: 600px !important;
  background-position: center;
  background-size: cover; }

.rondtitel {
  padding-top: 390px; }

.slide-text-gerechten {
  color: #39322f;
  text-transform: uppercase;
  line-height: 180%;
  background-size: cover; }

.slide-text-wrapper-gerechten {
  padding-top: 360px;
  width: 100%;
  bottom: 0px !important; }

.slide-content-gerechten {
  position: relative;
  z-index: 9;
  text-align: center !important; }

.slide-content-gerechten:before {
  background-color: rgba(255, 255, 255, 0.6) !important;
  background: rgba(255, 255, 255, 0.6) !important;
  background: none repeat scroll 0 0 #000 !important;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.4;
  position: absolute;
  width: 100%;
  z-index: -1; }

.slide-content-gerechten h2 {
  color: #FFF !important;
  padding-top: 15px;
  padding-bottom: 15px; }

.region region-fotoheadergerecht .field field--name-field-foto-voor-slie field--type-image field--label-hidden field--item {
  width: 100% !important; }

.field field--name-field-foto-voor-slie field--type-image field--label-hidden field--item {
  width: 100% !important; }

.region region-veldtitelheader {
  min-height: 100px; }

.region region-veldtitelheader h2 {
  font-variant: small-caps !important;
  color: #FFF; }

.field_bereidingswijze p {
  margin-left: -10px;
  text-align: left; }

.field_download_recept_in_pdf {
  font-size: 25px;
  font-weight: 200;
  padding: 5px 10px;
  text-align: left;
  width: 100%;
  color: #39322f; }

.download {
  color: #39322f;
  width: 100%; }

.gerecht h2, .gerechten-wid-title font h2 {
  font: 1em/1.5 "roboto",Arial,Helvetica,sans-serif;
  font-size: 17px !important;
  width: 100%;
  color: #39322f; }

.download a {
  color: #5f5c59 !important;
  font-size: 14px !important;
  font-weight: lighter !important; }

.download a:hover {
  color: #5f5c59 !important;
  font-weight: lighter;
  text-decoration: underline; }

.gerecht p {
  color: #39322f; }

#inhoud .field--label {
  background-repeat: repeat;
  text-decoration: none !important;
  margin-top: 2%;
  font-variant: small-caps !important;
  text-align: left;
  padding-top: 1%;
  padding-right: 0;
  padding-bottom: 30px;
  padding-left: 0;
  display: block;
  text-indent: 6%;
  white-space: pre;
  color: #39322f; }

.groep-rechts {
  margin-left: 0px; }

#inhoud .field--label {
  text-transform: uppercase;
  text-align: left; }

#inhoud .field--label h3 {
  font-family: Quicksand, sans-serif;
  text-transform: uppercase !important;
  text-align: left !important; }

.section-description {
  text-align: left;
  margin-bottom: 40px; }

.section-title-divider {
  width: 50px;
  height: 3px;
  background: #c1bbb7;
  margin: 0 auto;
  margin-bottom: 20px; }

.field field--name-field-soort-gerecht field--type-list-string field--label-hidden field--item quickedit-field {
  color: #a48fa2 !important; }

.div.field.field--name-field-soort-gerecht.field--type-list-string.field--label-hid, opmaak {
  font-variant: small-caps !important;
  color: #a48fa2; }

#inhoud .field--item {
  text-align: left;
  display: block; }

.field-item ul li {
  list-style: square !important; }

.file file--mime-application-pdf file--application-pdf icon-before {
  max-width: 200px !important; }

.file-icon, icon glyphicon glyphicon-file text-primary {
  color: #5f5c59 !important; }

.file-link a {
  color: #5f5c59 !important;
  font-variant: lighter; }

.glyphicon-file:before {
  color: #5f5c59; }

.file > span {
  font: 80%;
  background: #e8e7e4 !important;
  color: #5f5c59;
  border: none !important;
  border-left: none !important;
  border-right: none !important;
  padding-bottom: 6px;
  margin-bottom: 20px;
  margin-top: -30px; }

.download {
  margin-top: 60px; }

.file-link {
  margin-top: -30px; }

.linktekst {
  min-height: 300px; }

.gerechten-wid-title {
  letter-spacing: 4px !important;
  text-transform: uppercase !important;
  padding-bottom: 30px; }

.font {
  font: 1em/1.5 "roboto", Arial, Helvetica, sans-serif !important; }

#inhoud-gerechten {
  background: #e8e7e4 !important;
  background-color: url(../img/transparant.png) repeat !important;
  color: #39322f; }

#inhoud_gerechten p {
  color: #39322f; }

.maincontent-area-gerechten {
  margin-top: -120px;
  padding-bottom: 4px;
  line-height: normal !important; }

.containerfooter {
  background: #302a26 !important; }

.bereidingswijze h2, .benodigdheden h2 {
  padding-top: 60px;
  font-size: 17px !important;
  background: #e8e7e4 !important;
  color: #39322f; }

.ingredienten, .ingredienten p {
  color: #39322f;
  line-height: 1.15em; }

.ingredienten p {
  font: 15px; }

.quote_gerechten {
  margin: 0 0 1em 0;
  font-family: "turkeyface", Arial, Helvetica, sans-serif !important;
  font-size: 20px !important;
  font-size: 1.25rem;
  line-height: 2.2;
  letter-spacing: -0.01em;
  color: #39322f;
  text-align: center;
  background: #e8e7e4 !important; }

.bereiding {
  background: #e8e7e4 !important;
  color: #39322f;
  line-height: 2.1em; }

.fixed {
  background-position: fixed;
  position: relative; }

.kleur {
  background-color: #453133; }

.paddingtop {
  padding-top: 6%;
  padding-bottom: 6%; }

.gerechten-wid-title font h2 {
  color: #39322f; }

.area-terugnaarpagina {
  background: #e8e7e4;
  height: 130px;
  padding-bottom: 60px;
  padding-top: 60px;
  padding-left: 20%;
  padding-right: 20%;
  color: #FFF; }

.terugrecepten {
  min-height: 120px;
  margin-left: 200px;
  margin-right: 600px;
  padding-top: 140px;
  padding-bottom: 30px;
  font: 120px;
  color: #FFF;
  text-align: center;
  margin-bottom: 2%; }

.terugrecepten a {
  color: #5f5c59; }

.terugrecepten a:hover {
  color: #5f5c59 !important; }

.omhoog {
  margin-top: -30px; }

.transparant-area {
  background-color: #e8e7e4;
  height: 300px !important;
  background-repeat: no-repeat;
  background-attachment: fixed;
  z-index: 20px; }

.transparant, .transparant img {
  background-size: cover !important;
  width: 100%;
  min-height: 300px !important; }

.footer-top-area-gerechten .zigzag-bottom {
  background: #000;
  z-index: 500 !important; }

.footer-top-area-gerechten {
  background: none repeat scroll 0 0 #333;
  background: #000;
  color: #999;
  padding: -30px 0 30px;
  z-index: 500 !important; }

.hoogte {
  padding-top: 60px; }

.gerecht-f-image {
  position: relative; }

.links-hover a {
  margin-top: 120px;
  background: none repeat scroll 0 0 #c1bbb7;
  border-radius: 5px;
  color: #fff;
  display: block;
  font-size: 16px;
  left: 10%;
  padding: 20px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  width: 80%;
  z-index: 99;
  transition: .4s; }

.hoverheight {
  margin-top: 20px !important;
  max-height: 480px !important; }

.floatleft {
  float: left; }

.floatright {
  float: right; }

.alignleft {
  float: left;
  margin-right: 15px; }

.alignright {
  float: right;
  margin-left: 15px; }

.aligncenter {
  display: block;
  margin: 0 auto 15px; }

a:focus {
  color: #a48fa2;
  outline: 0px solid; }

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

.clear {
  clear: both;
  height: 0px; }

p.clear {
  clear: both;
  height: 0px; }

.fix {
  overflow: hidden; }

h1 {
  color: #FFF; }

a:hover {
  text-decoration: underline;
  color: #FFF; }

.btn-info {
  color: #fff;
  background-color: #a29899 !important;
  border-color: #a29899 !important; }

h {
  margin: 0 0 1em 0;
  font-family: "turkeyface", Arial, Helvetica, sans-serif !important;
  font-size: 18px !important;
  font-size: 1.25rem;
  line-height: 2.2;
  letter-spacing: 0.01em; }

h6 {
  margin: 0 0 1em 0;
  font-family: "turkeyface", Arial, Helvetica, sans-serif !important;
  font-size: 18px !important;
  font-size: 1.25rem;
  line-height: 2.2;
  letter-spacing: 0.01em; }

b.quote {
  margin: 0 0 1em 0;
  font-family: "turkeyface", Arial, Helvetica, sans-serif !important;
  font-size: 18px !important;
  font-size: 1.25rem;
  line-height: 2.2;
  letter-spacing: 0.01em; }

b.quote p {
  margin: 0 0 1em 0;
  font-family: "turkeyface", Arial, Helvetica, sans-serif !important;
  font-size: 18px !important;
  font-size: 1.25rem;
  line-height: 2.2;
  letter-spacing: 0.01em; }

.page.content {
  background: #FFF; }

.region region-naamsite h2 {
  color: #FFF !important; }

body {

  z-index: -10;
  font-family: "roboto"; }

.logo h4 {
  margin-top: -12px;
  margin-bottom: 32px; }

.brands-area {
  background: none repeat scroll 0 0 #e8e7e4;
  color: #000;
  padding: 0px 0 200px; }

.promo-area, .brands-area {
  background: #e8e7e4; }

.single-promo {
  font-size: 25px;
  font-weight: 200;
  padding: 20px 10px;
  text-align: left; }

.single-promo i {
  font-size: 50px; }

.section-title {
  font-family: "Raleway",sans-serif;
  font-size: 50px;
  font-weight: 100;
  margin-bottom: 50px;
  text-align: center;
  color: #a48fa2; }

.welkomwoord {
  margin: 0 0 1em 0;
  font-family: "turkeyface", Arial, Helvetica, sans-serif !important;
  font-size: 18px !important;
  font-size: 1.25rem;
  line-height: 2.2;
  letter-spacing: -0.01em; }

.maincontent-area {
  margin-top: -120px;
  padding-bottom: 2px; }

.product-count {
  background: none repeat scroll 0 0 #e4e4e4;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-size: 10px;
  height: 20px;
  padding-top: 2px;
  position: absolute;
  right: -10px;
  text-align: center;
  top: -10px;
  width: 20px; }

.product-count {
  background: none repeat scroll 0 0 #424040;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-size: 10px;
  height: 20px;
  padding-top: 2px;
  position: absolute;
  right: -10px;
  text-align: center;
  top: -10px;
  width: 20px; }

.zigzag-bottom {
  background: none repeat scroll 0 0 #424040 !important;
  bottom: -80px;
  height: 165px;
  left: -5%;
  position: absolute;
  transform: rotate(3deg);
  width: 108%;
  z-index: 9; }

.deuren h2 {
  font-family: "Raleway",sans-serif;
  font-size: 35px;
  font-weight: 100;
  margin-bottom: 50px;
  text-align: left;
  color: #FFF !important; }

.section-title-werking {
  font-family: "Raleway",sans-serif;
  font-size: 50px;
  font-weight: 100;
  margin-bottom: 50px;
  text-align: center;
  color: #a48fa2 !important; }

.section-subtitle-werking h4 {
  font-family: "Raleway",sans-serif;
  font-size: 15px !important;
  font-weight: 50 !important;
  margin-bottom: 50px;
  font-style: lighten !important;
  text-align: right !important; }

.readmore {
  background: none repeat scroll 0 0 #e4e4e4;
  color: #fff;
  border: 1px solid #e4e4e4;
  display: inline-block;
  font-size: 20px;
  margin-top: 15px;
  padding: 10px 20px;
  text-transform: uppercase; }

.readmore:hover {
  background: #222;
  text-decoration: none;
  color: #fff;
  border: 1px solid #fff; }

.brands-area {
  background: none repeat scroll 0 0 #e8e7e4;
  color: #000;
  padding: 0px 0 200px; }

.promo-area .zigzag-bottom, .brands-area .zigzag-bottom {
  background: #e8e7e4; }

.single-promo {
  font-size: 15px;
  font-weight: 200;
  padding: 20px 10px;
  text-align: left; }

.single-promo i {
  font-size: 50px; }

.section-title {
  font-family: "Raleway",sans-serif;
  font-size: 50px;
  font-weight: 100;
  margin-bottom: 50px;
  text-align: center;
  color: #a48fa2 !important; }

.product-f-image {
  position: relative; }

.product-hover {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  max-height: 550px !important;
  width: 100%;
  overflow: hidden; }

.product-hover:after {
  background: none repeat scroll 0 0 #000;
  content: "";
  height: 100%;
  left: -100%;
  opacity: 0.6;
  position: absolute;
  top: 0;
  max-height: 550px !important;
  width: 100%;
  transition: .4s; }

.product-hover a {
  background: none repeat scroll 0 0 #c1bbb7;
  border-radius: 5px;
  color: #fff;
  display: block;
  font-size: 16px;
  left: 10%;
  margin: 0;
  padding: 10px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  width: 80%;
  z-index: 99;
  transition: .4s; }

.product-hover a:hover {
  background: #000;
  text-decoration: none !important;
  border-color: #444; }

.product-carousel-price ins {
  color: #a48fa2;
  font-weight: 700;
  margin-right: 5px;
  text-decoration: none; }

.product-hover a i.fa {
  margin-right: 5px; }

.product-hover a.add-to-cart-link {
  top: -35%; }

.product-hover a.view-details-link {
  bottom: -75%; }

.single-product h2 {
  font-size: 18px;
  line-height: 25px;
  margin-bottom: 10px;
  margin-top: 15px; }

.single-product h2 a {
  color: #222; }

.single-product p {
  color: #000;
  font-weight: 700; }

.single-product {
  overflow: hidden; }

.single-product {
  float: left !important; }

.product-carousel {
  padding-top: 40px; }

.single-product:hover .product-hover a.add-to-cart-link {
  top: 32%; }

.single-product:hover .product-hover a.view-details-link {
  bottom: 32%; }

.single-product:hover .product-hover:after {
  left: 0; }

.latest-product .owl-nav {
  position: absolute;
  right: 0;
  top: 0; }

.latest-product .owl-nav div, .related-products-wrapper .owl-nav div {
  border: 1px solid #e4e4e4;
  color: #a48fa2;
  display: inline-block;
  margin-left: 15px;
  padding: 1px 10px; }

.latest-product .owl-nav div:hover, .brand-wrapper .owl-nav div:hover, .related-products-wrapper .owl-nav div:hover {
  color: #222; }

.brand-list {
  padding-top: 40px; }

.brand-list .owl-nav {
  position: absolute;
  right: 0;
  top: 0; }

.brand-wrapper .owl-nav div {
  border: 1px solid #e8e7e4;
  color: #000;
  display: inline-block;
  margin-left: 15px;
  padding: 1px 10px; }

.band-wrapper h2 {
  color: #000 !important; }

.single-promo {
  background: #e8e7e4;
  color: #000;
  font-family: "Raleway",sans-serif;
  font-size: 25px;
  font-weight: 200;
  padding: 20px 10px;
  text-align: center; }

.product-wid-title {
  font-family: raleway;
  color: #333;
  font-size: 30px;
  font-weight: 100;
  margin-bottom: 40px; }

.single-wid-product {
  width: 99%;
  height: 300px;
  background-color: #333;
  margin-bottom: 31px;
  overflow: hidden;
  color: #FFF !important;
  margin-bottom: 135px; }

.single-wid-product-rekening {
  width: 99%;
  height: 380px;
  padding: 30px;
  margin-bottom: 31px;
  overflow: hidden;
  color: #FFF !important;
  margin-bottom: 135px; }

.single-wid-product-rekening h2 {
  font-family: raleway;
  font-size: 21px;
  margin-bottom: 12px;
  color: #000; }

.single-wid-product-rekening a {
  color: #FFF; }

.single-wid-product-rekening a:hover {
  color: #ffcf03 !important; }

.single-wid-product-rekening a:focus {
  color: #ffcf03 !important; }

.product-thumb {
  float: left;
  height: 90px;
  margin-right: 15px;
  width: 100px; }

.single-wid-product h2 {
  font-size: 18px;
  margin-bottom: 12px; }

.product-wid-rating {
  color: #ffc808;
  margin-bottom: 10px; }

.product-wid-price ins {
  color: #000;
  font-weight: 700;
  margin-right: 10px;
  text-decoration: none; }

.single-wid-product h2 a {
  color: #222; }

.single-wid-product h2 a:hover, .single-product h2 a:hover {
  color: #000;
  text-decoration: none !important; }

.wid-view-more {
  background: none repeat scroll 0 0 #000;
  color: #fff;
  padding: 3px 15px;
  position: absolute;
  right: 10px;
  top: 3px; }

.wid-view-more:hover {
  color: #333;
  background-color: #a48fa2;
  text-decoration: none; }

.single-product-widget {
  position: relative; }

.product-widget-area {
  padding-top: 30px; }

.product-widget-area .zigzag-bottom {
  background: #333; }

.single-product-widget .single-wid-product p {
  color: #FFF !important; }

.single-product-widget .single-wid-product h2 {
  color: #FFF !important; }

.copyright > p {
  margin: 10px 0 0; }

.product-big-title-area {
  background: url(../img/crossword.png) repeat scroll 0 0 #37373f; }

.product-bit-title h2 {
  font-family: raleway;
  font-size: 50px;
  font-weight: 200;
  margin: 0;
  padding: 50px 0;
  color: #fff; }

.single-product-area .zigzag-bottom {
  background-color: #333333; }

.single-product-area {
  padding: 80px 0 130px; }

.sidebar-title {
  color: #3dc6ab;
  font-size: 25px;
  margin-bottom: 30px;
  text-transform: uppercase; }

.single-sidebar {
  margin-bottom: 50px; }

input[type="text"], input[type="password"], input[type="email"], textarea {
  border: 1px solid #ddd;
  padding: 10px; }

input[type="submit"], button[type=submit] {
  background: none repeat scroll 0 0 #37373f;
  border: medium none;
  color: #fff;
  padding: 11px 20px;
  text-transform: uppercase; }

input[type="submit"]:hover, button[type=submit]:hover {
  background-color: #222; }

.single-sidebar input[type="text"] {
  margin-bottom: 10px;
  width: 100%; }

pre {
  background: none;
  background-color: none;
  border: none !important; }

pre a {
  font-size: 16px;
  background: none repeat scroll 0 0 #37373f !important;
  border: medium none;
  color: #FFF;
  padding: 11px 20px;
  text-transform: uppercase; }

pre a:focus {
  background: none repeat scroll 0 0 #37373f !important;
  border: medium none;
  color: #0c0c0b;
  padding: 11px 20px;
  text-transform: uppercase; }

pre a:hover {
  background: none repeat scroll 0 0 #4f4d4d !important;
  border: medium none;
  padding: 11px 20px;
  text-transform: uppercase; }

.wow:first-child {
  visibility: hidden; }

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.animated {
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.animated.hinge {
  -webkit-animation-duration: 4s;
  animation-duration: 4s; }

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px); } }
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px); } }
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce; }

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }
@keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }
.flash {
  -webkit-animation-name: flash;
  animation-name: flash; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse; }

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px); } }
@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px); } }
.shake {
  -webkit-animation-name: shake;
  animation-name: shake; }

@-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); }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }
@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg); }
  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg); }
  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); } }
.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing; }

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg); }
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0); } }
@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg); }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0); } }
.tada {
  -webkit-animation-name: tada;
  animation-name: tada; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%); }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg); }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg); }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg); }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg); }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg); }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%); } }
@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%); }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg); }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg); }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg); }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg); }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg); }
  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%); } }
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble; }

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05); }
  70% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05); }
  70% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9); }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn; }

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px); }
  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px); }
  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px); }
  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px); }
  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px); }
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px); }
  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px); }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px); }
  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px); }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp; }

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  25% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3); } }
@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  25% {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3); } }
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); } }
@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px); } }
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); } }
@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); } }
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); } }
@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); } }
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); } }
@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); } }
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); } }
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px); } }
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); } }
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px); } }
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px); } }
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px); } }
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); } }
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); } }
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px); } }
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px); } }
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); } }
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); } }
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); } }
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); } }
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); } }
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); } }
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig; }

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }
@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }
.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-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);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg); }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1; } }
@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg); }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1; } }
.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-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);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg); }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1; } }
@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg); }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1; } }
.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY; }

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }
@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }
@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }
.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY; }

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1; }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1; } }
@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1; }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1; } }
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; } }
@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) 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 center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }
@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(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(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }
@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(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(90deg);
    transform: rotate(90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }
@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(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(90deg);
    transform: rotate(90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }
@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(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; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }
@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight; }

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0; } }
@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-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;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }
@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; } }
@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; } }
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; } }
@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; } }
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -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;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight; }

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown; }

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft; }

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight; }

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); } }
@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); } }
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); } }
@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); } }
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); } }
@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); } }
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp; }

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(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% {
    -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; }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0; } }
@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-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);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0; } }
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg); } }
@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg); } }
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg); } }
@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg); } }
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut; }