#content .block{
  width:100%;
  position:relative;
  background:url(images/spacer.gif) no-repeat center top;
  background-size:cover;
}
#content .block{
  box-sizing:border-box;
  min-height:600rem;
}
#content .block.single{
  _display:none;
  position:fixed;
  top:100%;
  z-index:1;
}
body.single-block-opened #content .block{
  position:absolute;
  _overflow:hidden;
  _height:0;
  display:none;
}
#content .block.single.opened,
body.single-block-opened #content .block.single.opened{
  position:relative;
  _height:auto;
  display:block;
  top:-140rem;
  margin-bottom:-141rem;
  top:0;
  margin-bottom:0;
}
#content .block.single.map.opened,
body.single-block-opened #content .block.single.map.opened{
  top:0;
  margin-bottom:0;
}
#content .block .title{
  font-size:40rem;
  line-height:44rem;
  font-weight:700;
  text-align:center;
  color:#2f2e2f;
  margin:0;
  position:relative;
}
#content .block .banner,
#content .block .banner .item{
  position:absolute;
  width:100%;
  height:100%;
}
#content .block .banner .item{
  background:url(images/spacer.gif) no-repeat center;
  background-size:cover;
}
.baltic-menu .button,
#content .block .button{
  font-size:18rem;
  line-height:42rem;
  font-weight:700;
  color:#e2001a;
  height:48rem;
  text-align:center;
  white-space:nowrap;
  text-decoration:none;
  display:inline-block;
  position:relative;
  background:#ffffff;
  border:2rem solid #e2001a;
  border-radius:24rem;
  outline:0;
  box-sizing:border-box;
  padding:0 18rem;
  _padding-bottom:6rem;
}
.baltic-menu .button:hover,
#content .block .button:hover{
  transform:translate(0,-2rem);
  box-shadow:0 2rem 1rem 0 rgba(0,0,0,.25);
}
.baltic-menu .button:active,
#content .block .button:active{
  color:#ffffff;
  background:#e2001a;
  box-shadow:none;
  transform:translate(0,0);
}
.baltic-menu .button.red,
#content .block .button.red{
  color:#ffffff;
  background:#e2001a;
  border-color:#ffffff;
}
.baltic-menu .button.red:active,
#content .block .button.red:active{
  background:#bf0016;
}
#content .block .button.register{
  width:150rem;
}
#content .block .button.rules,
#content .block .button.gdpr{
  width:340rem;
}
#content .block .button.omniva,
#content .block .button.courier,
#content .block .button.address,
#content .block .button.send{
  width:230rem;
}
#content .block .button.agree,
#content .block .button.change{
  width:225rem;
}
#content .block .arrow{
  width:50rem;
  height:50rem;
  display:inline-block;
  position:relative;
  border-radius:25rem;
  outline:0;
  box-sizing:border-box;
  background:#ffffff url(images/arrow.png) no-repeat center;
  background-image:url(images/arrow.svg), none;
  background-size:contain;
  box-shadow:0 3rem 5rem 0 rgba(0,0,0,.25);
  z-index:1;
}
#content .block .arrow:hover{
  transform:translate(0,-1rem);
}
#content .block .arrow:active{
  box-shadow:none;
  transform:translate(0,1rem);
}


#content .block.form .about{
  width:630rem;
  height:577rem;
  position:absolute;
  left:-12rem;
  top:104rem;
  opacity:1;
  transition:opacity .4s ease-out;
}
#content .block.form.done .about{
  opacity:0;
}
#content .block.form .about h3{
  font-size:44rem;
  line-height:45rem;
  font-weight:bold;
  text-align:center;
  color:#ffffff;
  width:380rem;
  margin:0 0 0 90rem;
}
#content .block.form .about h4{
  text-indent:-9999rem;
  background:url(images/elem/travel.png) no-repeat center;
  background-size:contain;
  font-size:16rem;
  line-height:21rem;
  font-weight:400;
  text-align:left;
  color:#ffffff;
  width:279rem;
  height:201rem;
  position:absolute;
  left:101rem;
  top:186rem;
  margin:0;
}
#content .block.form .about h4 + h4{
  width:318rem;
  height:201rem;
  background-image:url(images/elem/decathlon.png);
  left:190rem;
  top:388rem;
}
#content .block.form .about .button{
  width:170rem;
  display:block;
  position:absolute;
  left:50%;
  bottom:0;
  margin:0 0 0 -85rem;
  border:0;
}
#content .block.form .elements{
  width:650rem;
  height:650rem;
  position:absolute;
  left:-20rem;
  top:100rem;
  transition:opacity .4s ease-out;
  opacity:0;
}
#content .block.form.done .elements{
  opacity:1;
}
#content .block.form .elements div{
  background:url(images/spacer.gif) no-repeat center;
  background-size:contain;
  position:absolute;
  _opacity:.5;
}
#content .block.form .elements h4{
  font-size:30rem;                     
  line-height:32rem;
  font-weight:700;
  color:#e2001a;
  text-align:center;
  display:block;
  position:absolute;
  margin:0;
  top:128rem;
  left:50%;
  transform:translateX(-51%);
  opacity:0;
}
@keyframes title{
  0%{opacity:0;}
  50%{opacity:0;}
  100%{opacity:1;}
}
#content .block.form.done .elements h4{
  animation:title 1s forwards ease-in-out;
  animation-delay:1s;
}
#content .block.form .elements .rays{
  width:650rem;
  height:650rem;
  background-image:url(images/elem/rays.png);
  transform:scale(.5) rotate(0);
}
@keyframes rays{
  0%{transform:scale(.5) rotate(-10deg);}
  90%{transform:scale(1.01) rotate(2.2deg);}
  100%{transform:scale(1) rotate(2.2deg);}
}
#content .block.form.done .elements .rays{
  animation:rays 1s forwards ease-in-out;
  animation-delay:1s;
}
#content .block.form .elements .glow{
  width:612rem;
  height:612rem;
  background-image:url(images/elem/glow.png);
  margin:27rem 0 0 10rem;
  opacity:0;
}
@keyframes glow{
  0%{opacity:0}
  100%{opacity:1}
}
#content .block.form.done .elements .glow{
  animation:glow 1s forwards ease-in-out;
  animation-delay:1s;
}
#content .block.form .elements .earth{
  width:491rem;
  height:491rem;
  background-image:url(images/elem/earth.png);
  left:80rem;
  top:80rem;
  box-shadow:0 13rem 7rem 0 rgba(0,0,0,.25);
  border-radius:50%;
}
#content .block.form .elements .line{
  transform-origin:100% 0%;
  width:199rem;
  height:99rem;
  right:186rem;
  top:257rem;
  overflow:hidden;
}
#content .block.form .elements .line div{
  width:199rem;
  height:99rem;
  background-image:url(images/elem/line.png);
  right:0;
  top:0;
}
@keyframes line{
  0%{width:199rem;height:99rem;}
  100%{width:1rem;height:1rem;}
}
#content .block.form.done .elements .line{
  animation:line 1s forwards ease-in-out;
  animation-delay:1s;
}
#content .block.form .elements .mark{
  width:41rem;
  height:65rem;
  background-image:url(images/elem/mark.png);
  left:453rem;
  top:190rem;
}
#content .block.form .elements .plain{
  right:364rem;
  top:308rem;
}
@keyframes plain{
  0%{right:364rem;top:308rem;}
  100%{right:165rem;top:209rem;}
}
#content .block.form.done .elements .plain{
  animation:plain 1s forwards ease-in-out;
  animation-delay:1s;
}
#content .block.form .elements .plain div{
  width:150rem;
  height:150rem;
  background-image:url(images/elem/plain.png);
  right:0;
  top:0;
}
#content .block.form .elements .plain .flag{
  font-size:20rem;                     
  line-height:22rem;
  font-weight:700;
  color:#ffffff;
  text-align:center;
  width:253rem;
  height:55rem;
  background-image:url(images/elem/flag.png);
  right:111rem;
  top:124rem;
  box-sizing:border-box;
  padding:12rem 50rem 0 20rem;
  transform:rotate(-27.5deg);
  opacity:0;
}
#content .block.form .elements .plain .prizes{
  width:235rem;
  height:168rem;
  background-image:url(images/elem/done.png);
  right:105rem;
  top:78rem;
  transform:rotate(-26deg);
  opacity:0;
}
@keyframes flag{
  0%{opacity:0;}
  20%{opacity:0;}
  40%{opacity:1;}
  100%{opacity:1;}
}
#content .block.form.done .elements .plain .flag,
#content .block.form.done .elements .plain .prizes{
  animation:flag 1s forwards ease-in-out;
  animation-delay:1s;
}


@keyframes fademove{
  0%{transform:scale(.5) translate(-20rem,20rem);opacity:0;}
  100%{transform:scale(1) translate(0,0);opacity:1;}
}
#content .block.form.done .elements .hearts span.h1,
#content .block.form.done .elements .hearts span.h2,
#content .block.form.done .elements .hearts span.h3{
  animation:fademove .5s forwards ease-in-out;
  animation-delay:1s;
}
@keyframes fadeout{
  0%{opacity:1;}
  100%{opacity:0;}
}
@keyframes hide{
  0%{transform:scale(1);opacity:1;}
  20%{transform:scale(1.1);opacity:1;}
  100%{transform:scale(.3);opacity:0;}
}
#content .block.form.done .elements .couple{
  transform-origin:120% -20%;
}
#content .block.form.done .elements .heart{
  transform-origin:-20% -20%;
}



#content .block.single{
  background:#e6fafc;
}
/*#content .block.single form,
body.single-block-opened #content .block form{
  display:none;
}
body.single-block-opened #content .block.single.opened form{
  display:inherit;
}*/
#content .block.single .top{
  position:relative;
  _background:#e9ae00;
}
#content .block.single .top .center > div{
  padding:40rem 0 30rem 0;
  _min-height:180rem;
}
#content .block.single .top h2{
  font-size:30rem;
  line-height:33rem;
  color:#2f2e2f;
  text-align:center;
  margin:0 0 45rem 0;
}
#content .block.single .top .button{
  font-size:16rem;
  padding:0 25rem;
  border:0;
}
#content .block.single .main .center{
  width:1160rem;
  padding:90rem 0;
}
#content .block.single .main .back{
  border-color:#e2001a;
  width:145rem;
  border:0;
  display:block;
  margin:0 auto;
}
