/**************GENNERAL**********************************/
/*
@font-face {
  font-family: "AA";
  src: url("../fonts/europa-bold-webfont.eot");
  src: url("../fonts/europa-bold-webfont.eot?#iefix")format('embedded-opentype'), 
  url("../fonts/europa-bold-webfont.woff") format('woff'),
  url("../fonts/europa-bold-webfont.ttf") format('truetype'), 
  url("../fonts/europa-bold-webfont.svg#MesquiteStd") format('svg');
}
*/
#indicator {
  position: fixed;
  top: 5px;
  left: 5px;
  background-color: #6ff;
  height: 30px;
  width: 30px;
  display: none;
}
body {
  font-family: "europa", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
}
.hide {
  display: none;
}
.mb40 {
  margin-bottom: 40px;
}
.bgw {
  background-color: #fff;
}
.centerf {
  position: relative;
  width: 1400px;
  margin: 0px auto;
}
.center1 {
  position: relative;
  width: 1360px;
  margin: 0px auto;
}
.center2 {
  position: relative;
  width: 240px;
  margin: 0px auto;
}
.center3 {
  position: relative;
  width: 100%;
  margin: 0px auto;
}
.clear {
  clear: both;
}
.rfll {
  position: relative;
  float: left;
}
.rflr {
  position: relative;
  float: right;
}
.u {
  text-decoration: underline;
}
.bold {
  font-weight: 700;
}
.txtBlue {
  color: #b5c7bb;
}
.txtBlack {
  color: #000;
}
.txtWhite {
  color: #fff;
}
.bgBlue {
  background-color: #b5c7bb;
}
.bgDarkBlue {
  background-color: #607467;
}
.w100 {
  width: 100%;
}
.h100 {
  height: 100%;
}
h1 {
  font-size: 0.777777777777778em;
/*14*/
  font-weight: bold;
  line-height: 1.1 0.57142857142em;
/*22*/
  letter-spacing: 0.238571428em;
/*3.34*/
  text-transform: uppercase;
}
h2 {
  font-size: 2.333333333333em;
/*42*/
  line-height: 1.119047619em;
/*47*/
  font-weight: 700;
}
h3 {
  text-align: center;
  font-size: 2.333333333333em;
/*42*/
  line-height: 1.119047619em;
/*47*/
  margin-bottom: 60px;
  font-weight: 700;
}
h4 {
  font-size: 1.3888888888em;
/*25*/
  font-weight: 700;
  line-height: 1.52em;
/*38px*/
  margin-top: 30px;
  margin-bottom: 10px;
}
.font_25 {
  font-size: 1.3888888888em;
/*25*/
}
.font_28 {
  font-size: 1.55555em;
/*28*/
}
.font_18 {
  font-size: 1em;
/*18*/
  line-height: 1.5555555em;
}
.balloon {
  border-top-left-radius: 69px 69px;
  border-top-right-radius: 69px 69px;
  border-bottom-left-radius: 69px 69px;
  border-bottom-right-radius: 69px 69px;
/*border-radius: 50px;*/
}
.balloon:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  border: 35px solid transparent;
  border-top-color: #0022b8;
  border-bottom: 0;
  border-left: 0;
  margin-left: 45px;
  margin-bottom: -32px;
}
/**************END GENNERAL**********************************/
.banner {
  width: 128px;
  height: 86px;
  margin-top: 50px;
  background-repeat: no-repeat;
  background-image: url("../images/banner.svg");
}
.menufiller {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 136px;
}
.aLogo {
  display: block;
  height: 100%;
  width: 100%;
}
.menuPositie {
  margin-top: 80px;
}
.menuSplit {
  width: 50px;
  height: 1px;
}
#m_klein {
  display: none;
}
#menuKleinBTN {
  position: relative;
  display: block;
  float: right;
  background-color: #b5c7bb;
  width: 80px;
  height: 30px;
  text-transform: uppercase;
  color: #fff;
  font-size: 16px;
  padding-left: 20px;
  padding-top: 10px;
  text-decoration: none;
  background-image: url("../images/icon_menu.png");
  background-repeat: no-repeat;
  background-position: 77px 14px;
}
/****************HOME****************************/
@-moz-keyframes shrink {
  from {
    -moz-transform: scale(1);
  }
  to {
    -moz-transform: scale(0);
  }
}
@-webkit-keyframes shrink {
  from {
    -webkit-transform: scale(1);
  }
  to {
    -webkit-transform: scale(0);
  }
}
@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
/*
.disable-css-transitions {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}
*/
p {
  line-height: inherit;
}
h2 p.closed {
  max-height: 0;
}
.sph40 {
  height: 100px;
  background-color: #0ff;
}
h2 p {
  max-height: 200px;
  overflow-y: hidden;
/*transition-property: all;
	transition-duration: .5s;
	transition-timing-function: cubic-bezier(0, 1, 0.5, 1);*/
  animation: slidedown 2s linear 0s 1 normal;
}
.headertextanimation.Off {
  animation-name: none;
}
.headerfoto.Off {
  animation-name: none;
}
.headerBigCont {
  height: 800px;
  overflow: hidden;
  background-color: #fff;
}
.headerCont {
  position: absolute;
  height: 100%;
/*background-color:#C93;*/
}
.siteTitle {
  position: absolute;
/*margin-top:170px;*/
  margin-top: 13%;
  margin-left: 100px;
}
.headerHelpen {
  position: absolute;
/*margin-top:430px;*/
  margin-top: 31.5%;
  margin-left: 216px;
}
.headertextanimation {
  animation: appeardelay 2s linear 0s 1 normal;
/*margin-top:250px;*/
  margin-top: 18.5%;
  margin-left: 100px;
  width: 450px;
  height: 500px;
  overflow: hidden;
}
#rem1 {
  display: none;
}
.headertext {
  width: 450px;
}
/*
animation: Keyframesname 5s linear 2s infinite alternate;

animation-name: Keyframesname;
animation-duration: 5s;
animation-timing-function: linear;
animation-delay: 2s;
animation-iteration-count: infinite;
animation-direction: alternate;
*/
.headerfotoRotate {
/*animation:fade 1s linear 2s 1 normal;
	animation-fill-mode: forwards;*/
  position: absolute;
  height: 50%;
  width: 60%;
  left: 35%;
  background-color: #cc0;
/*position:absolute;
	height:100%;
	width:60%;
	left:35%;*/
}
.headerfoto {
  position: absolute;
  height: 95%;
  width: 60%;
  left: 35%;
/*transform: scale(0.97) rotate(0.1deg);
	animation:move2 5s linear 0s 1 normal;*/
/*animation-fill-mode: forwards;*/
/*transform: scale(0.80) rotate(0.1deg);*/
/*background-repeat:no-repeat;
	background-size:contain;*/
/*background-color:#0C3;
	animation:move 6s infinite ease-in-out;*/
}
.headerfoto.animate {
  -webkit-transform: scale(0.97) rotate(0.1deg);
  -moz-transform: scale(0.97) rotate(0.1deg);
  -ms-transform: scale(0.97) rotate(0.1deg);
  -o-transform: scale(0.97) rotate(0.1deg);
  transform: scale(0.97) rotate(0.1deg);
}
.imgding {
/*animation:move2 8s linear 0s 1 normal;
	transform: scale(0.97) rotate(0.1deg);
	animation-fill-mode: forwards;*/
  margin: 0px auto;
  height: 100%;
}
/*
#hf1_2{
	background-image:url(../images/header_1.png);	
}

#hf2_2{
	background-image:url(../images/header_2.png);	
}

#hf3_2{
	background-image:url(../images/header_3.png);	
}

#hf4_2{
	background-image:url(../images/header_4.png);	
}
*/
.act_box {
/*min-height:150px;*/
  height: 620px;
}
.act_text {
  width: 83%;
  font-size: 1em;
/*18*/
  margin: 0px 8.5%;
  text-align: center;
}
.act_foto {
  position: absolute;
  width: 100%;
  top: 45px;
  text-align: center;
}
.act_img1 {
  width: 105px;
}
.act_img2 {
  width: 94px;
}
.act_img3 {
  width: 188px;
}
.act_img4 {
  width: 107px;
}
.act_img.path {
  color: #fff;
  fill: #fff;
}
.act_title {
  margin: 235px auto 0px auto;
  text-align: center;
}
#act_title2 {
  margin: 188px auto 0px auto;
}
.kreukel {
  height: 960px;
/*background-color:#000;*/
}
.fixedpicCont {
  position: fixed;
  width: 100%;
  height: 100%;
/*margin-top:10%;*/
/*height:960px;*/
}
.k_txt_pos {
  position: absolute;
  left: 55%;
  top: 50%;
  margin-top: -200px;
}
.break3 {
  display: none;
}
.spaceme {
  padding-top: 30px;
}
.fixedpic {
  background-image: url("../images/arts.jpg");
  background-size: cover;
  height: 100%;
}
.k_boven {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 155px;
}
.k_onder {
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 155px;
}
.img_cover {
  width: 100%;
  height: 155px;
  border: 0;
  margin: 0;
  padding: 0;
}
/***************Bollekes****************************/
.hFoto {
  position: relative;
  margin: 0px auto;
  width: 170px;
  height: 170px;
/*margin-left:18.5px;*/
}
.hfotoBol {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
/*background-color:#33CC66;*/
  background-image: url("../images/transBol.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.hImg {
  width: 100%;
  height: 100%;
}
.hName {
  position: relative;
  float: left;
  width: 100%;
  text-align: center;
}
.hText {
  position: relative;
  float: left;
  width: 100%;
  font-size: 1em;
/*18*/
  text-align: center;
}
/***************Einde Bollekes**********************/
/****************END HOME******************************/
/*************Footer******************************/
.footerwhite {
  position: relative;
  float: left;
  width: 100%;
  height: 140px;
}
.footer {
  width: 100%;
  padding-bottom: 80px;
/*margin-top:140px;*/
}
.f_left {
  width: 50%;
}
.f_right {
  width: 50%;
}
.f_bpos {
  margin-top: 108px;
  margin-left: 95px;
}
.f_bsize {
  width: 368px;
  height: 112px;
  text-align: center;
  padding-top: 18px;
}
.f_hond {
  width: 82px;
  height: 75px;
  margin-left: 60px;
  margin-top: 50px;
  background-image: url("../images/afspraak.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.f_logo {
  position: absolute;
  width: 400px;
  top: -60px;
}
.f_img_100 {
  width: 100%;
}
.f_address {
  margin-top: 102px;
  margin-left: 315px;
}
/************End Foooter**************************/
/*****************Links***************************/
a.linkBold:link,
a.linkBold:visited,
a.linkBold:active,
a.linkBold:hover {
  text-decoration: none;
  font-weight: 700;
  color: inherit;
}
a.nodedco:link,
a.nodedco:visited,
a.nodedco:active,
a.nodedco:hover {
  text-decoration: inherit;
  color: inherit;
}
a.menuLink:link,
a.menuLink:visited,
a.menuLink:active,
a.menuLink:hover {
  text-decoration: none;
  font-weight: 700;
  color: #b5c7bb;
}
a.menuLinkAct:link,
a.menuLinkAct:visited,
a.menuLinkAct:active,
a.menuLinkAct:hover {
  text-decoration: underline;
  font-weight: 700;
  color: #b5c7bb;
}
a.ahelp:link,
a.ahelp:visited,
a.ahelp:active {
  text-decoration: none;
  color: #000;
}
a.ahelp:hover {
  text-decoration: underline;
  color: #000;
}
/*****************End Links**********************/
/*****INTAKE**************/
.h1 {
  color: #607467;
  font-family: "europa", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}
.mtTop {
  margin-top: 80px;
}
.mt40 {
  margin-top: 40px;
}
.iLopend {
  color: #607467;
  font-family: "europa", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
}
.fTitle {
  width: 100%;
  min-height: 66px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 21px;
  background-color: #607467;
  color: #fff;
  font-size: 18px;
  line-height: 24px;
  vertical-align: middle;
  margin-top: 40px;
  margin-bottom: 20px;
}
.divTable {
  display: table;
  width: 100%;
}
.divTableRow {
  display: table-row;
}
.divTableCell {
  display: table-cell;
  vertical-align: top;
}
.divTableBody {
  display: table-row-group;
}
.tdTitle {
  width: 50%;
  height: 66px;
  padding-left: 10px;
  background-color: #607467;
  color: #fff;
  font-size: 18px;
  line-height: 24px;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.tdLbl {
  width: 25%;
  padding-left: 10px;
  padding-right: 20px;
  padding-top: 8px;
  text-align: right;
  font-family: "europa", sans-serif;
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  color: #607467;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.tdInp {
  text-align: left;
}
.bgEffect {
  width: 100%;
  margin-top: 3px;
  margin-bottom: 8px;
  background: #b5c7bb;
  padding-bottom: 8px;
  padding-left: 10px;
  padding-right: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.oInput {
  width: 100%;
  border-left: 0px;
  border-top: 0px;
  border-right: 0px;
  border-bottom: solid 1px #607467;
  background-color: transparent;
  height: 34px;
  font-family: "europa", sans-serif;
  font-size: 17px;
  color: #607467;
}
.CBcontainer {
  margin-top: 8px;
  margin-bottom: 20px;
}
.fVraag {
  margin-top: 30px;
  margin-bottom: 20px;
  color: #607467;
  font-family: "europa", sans-serif;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  text-align: left;
}
.fTekst {
  margin-bottom: 20px;
  color: #607467;
  font-family: "europa", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  text-align: left;
}
.fArea {
  width: 100%;
  resize: none;
  height: 130px;
  background-color: #ddd;
  color: #607467;
  font-family: "europa", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  text-align: left;
  border: 0px;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
/*margin-bottom:30px;*/
}
.bgErr {
  background-color: #ffaeae;
}
a.button {
  display: inline-block;
  font-family: "europa", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: #fff;
  background: #e68d00;
  text-decoration: none;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.cbSize {
  margin-left: 5%;
  width: 95%;
}
.colLeft {
  width: 15%;
  margin-right: 5%;
}
.colRight {
  width: 80%;
}
.policy {
  font-size: 13px;
}
@-moz-keyframes move {
  0% {
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
  }
  100% {
    -webkit-transform: scale(0.97) rotate(0.1deg);
    -moz-transform: scale(0.97) rotate(0.1deg);
    -ms-transform: scale(0.97) rotate(0.1deg);
    -o-transform: scale(0.97) rotate(0.1deg);
    transform: scale(0.97) rotate(0.1deg);
/*transform: scale(0.50) rotate(0.1deg);*/
  }
}
@-webkit-keyframes move {
  0% {
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
  }
  100% {
    -webkit-transform: scale(0.97) rotate(0.1deg);
    -moz-transform: scale(0.97) rotate(0.1deg);
    -ms-transform: scale(0.97) rotate(0.1deg);
    -o-transform: scale(0.97) rotate(0.1deg);
    transform: scale(0.97) rotate(0.1deg);
/*transform: scale(0.50) rotate(0.1deg);*/
  }
}
@-o-keyframes move {
  0% {
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
  }
  100% {
    -webkit-transform: scale(0.97) rotate(0.1deg);
    -moz-transform: scale(0.97) rotate(0.1deg);
    -ms-transform: scale(0.97) rotate(0.1deg);
    -o-transform: scale(0.97) rotate(0.1deg);
    transform: scale(0.97) rotate(0.1deg);
/*transform: scale(0.50) rotate(0.1deg);*/
  }
}
@keyframes move {
  0% {
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
  }
  100% {
    -webkit-transform: scale(0.97) rotate(0.1deg);
    -moz-transform: scale(0.97) rotate(0.1deg);
    -ms-transform: scale(0.97) rotate(0.1deg);
    -o-transform: scale(0.97) rotate(0.1deg);
    transform: scale(0.97) rotate(0.1deg);
/*transform: scale(0.50) rotate(0.1deg);*/
  }
}
@-moz-keyframes move2 {
  0% {
    -webkit-transform: scale(0.97) rotate(0.1deg);
    -moz-transform: scale(0.97) rotate(0.1deg);
    -ms-transform: scale(0.97) rotate(0.1deg);
    -o-transform: scale(0.97) rotate(0.1deg);
    transform: scale(0.97) rotate(0.1deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
/*transform: scale(0.50) rotate(0.1deg);*/
  }
}
@-webkit-keyframes move2 {
  0% {
    -webkit-transform: scale(0.97) rotate(0.1deg);
    -moz-transform: scale(0.97) rotate(0.1deg);
    -ms-transform: scale(0.97) rotate(0.1deg);
    -o-transform: scale(0.97) rotate(0.1deg);
    transform: scale(0.97) rotate(0.1deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
/*transform: scale(0.50) rotate(0.1deg);*/
  }
}
@-o-keyframes move2 {
  0% {
    -webkit-transform: scale(0.97) rotate(0.1deg);
    -moz-transform: scale(0.97) rotate(0.1deg);
    -ms-transform: scale(0.97) rotate(0.1deg);
    -o-transform: scale(0.97) rotate(0.1deg);
    transform: scale(0.97) rotate(0.1deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
/*transform: scale(0.50) rotate(0.1deg);*/
  }
}
@keyframes move2 {
  0% {
    -webkit-transform: scale(0.97) rotate(0.1deg);
    -moz-transform: scale(0.97) rotate(0.1deg);
    -ms-transform: scale(0.97) rotate(0.1deg);
    -o-transform: scale(0.97) rotate(0.1deg);
    transform: scale(0.97) rotate(0.1deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
/*transform: scale(0.50) rotate(0.1deg);*/
  }
}
@-moz-keyframes shrink {
  from {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  to {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }
}
@-webkit-keyframes shrink {
  from {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  to {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }
}
@-o-keyframes shrink {
  from {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  to {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }
}
@keyframes shrink {
  from {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  to {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }
}
@-moz-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes appeardelay {
  0% {
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  }
  10% {
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  }
  100% {
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  }
}
@-webkit-keyframes appeardelay {
  0% {
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  }
  10% {
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  }
  100% {
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  }
}
@-o-keyframes appeardelay {
  0% {
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  }
  10% {
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  }
  100% {
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  }
}
@keyframes appeardelay {
  0% {
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  }
  10% {
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  }
  100% {
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  }
}
@-moz-keyframes slidedown {
  0% {
    max-height: 0;
  }
  100% {
    max-height: 150px;
  }
}
@-webkit-keyframes slidedown {
  0% {
    max-height: 0;
  }
  100% {
    max-height: 150px;
  }
}
@-o-keyframes slidedown {
  0% {
    max-height: 0;
  }
  100% {
    max-height: 150px;
  }
}
@keyframes slidedown {
  0% {
    max-height: 0;
  }
  100% {
    max-height: 150px;
  }
}