/* cs
---------------------------------------------------------------------------------*/
/* line 5, ../sass/cs.scss */
#wrapper.cs {
  max-width: 100%;
  background: #f2f5ff;
  /* Countdown-block 
  ---------------------------------------------------------------------------------*/
  /* Subscribe-box 
  ---------------------------------------------------------------------------------*/
  /* Video-box 
  ---------------------------------------------------------------------------------*/
  /* Contact form 
  ---------------------------------------------------------------------------------*/
  /* Footer
  ---------------------------------------------------------------------------------*/
}
/* line 8, ../sass/cs.scss */
#wrapper.cs main {
  padding: 0;
  background: none;
}
/* line 11, ../sass/cs.scss */
#wrapper.cs main:before {
  background: none;
}
/* line 16, ../sass/cs.scss */
#wrapper.cs .subscribe-box .button--isi span {
  color: #444d50;
}
/* line 21, ../sass/cs.scss */
#wrapper.cs .youtube-iframe .play-video {
  height: 90px;
  margin-left: -45px;
  margin-top: -45px;
  width: 90px;
}
/* line 28, ../sass/cs.scss */
#wrapper.cs .youtube-iframe .clickMe .play-video img {
  width: auto;
  display: block;
  height: auto;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  padding-left: 10px;
}
/* line 43, ../sass/cs.scss */
#wrapper.cs .countdown-block {
  margin-top: 86px;
  margin-bottom: 30px;
  text-align: center;
}
/* line 47, ../sass/cs.scss */
#wrapper.cs .countdown-block .cd-wrap {
  margin-bottom: 8px;
}
/* line 49, ../sass/cs.scss */
#wrapper.cs .countdown-block .cd-wrap #cd {
  font-size: 30px;
  font-size: 2.14286rem;
  color: #ff8346;
  display: inline-block;
  font-family: 'Merriweather Sans', sans-serif;
  font-weight: 700;
  padding-right: 10px;
}
/* line 57, ../sass/cs.scss */
#wrapper.cs .countdown-block .cd-wrap .count-text {
  font-size: 30px;
  font-size: 2.14286rem;
  color: #444d50;
  display: inline-block;
  font-family: 'Merriweather Sans', sans-serif;
  font-weight: 700;
}
/* line 66, ../sass/cs.scss */
#wrapper.cs .countdown-block p {
  max-width: 400px;
  margin: 0 auto;
  font-style: italic;
  line-height: 26px;
}
/* line 76, ../sass/cs.scss */
#wrapper.cs .subscribe-box {
  max-width: 500px;
  padding-left: 10px;
  padding-right: 10px;
  margin: 0 auto 107px;
}
/* line 81, ../sass/cs.scss */
#wrapper.cs .subscribe-box input {
  border-color: #b8c9d0;
  max-width: 340px;
}
/* line 86, ../sass/cs.scss */
#wrapper.cs .subscribe-box .notify-button-box {
  overflow: hidden;
}
/* line 89, ../sass/cs.scss */
#wrapper.cs .subscribe-box .notify-button-box .button--isi {
  background: #b8c9d0;
  padding: 12px 30px;
}
/* line 99, ../sass/cs.scss */
#wrapper.cs .video-box .youtube-iframe {
  min-height: 455px;
}
@media (max-width: 767px) {
  /* line 99, ../sass/cs.scss */
  #wrapper.cs .video-box .youtube-iframe {
    min-height: 255px;
  }
}
/* line 104, ../sass/cs.scss */
#wrapper.cs .video-box .youtube-iframe .clickMe {
  height: 455px;
}
@media (max-width: 767px) {
  /* line 104, ../sass/cs.scss */
  #wrapper.cs .video-box .youtube-iframe .clickMe {
    height: 255px;
  }
}
/* line 109, ../sass/cs.scss */
#wrapper.cs .video-box .youtube-iframe .clickMe:before {
  content: ' ';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(242, 245, 255, 0.5);
}
/* line 119, ../sass/cs.scss */
#wrapper.cs .video-box .youtube-iframe .iframe {
  height: 455px;
}
@media (max-width: 767px) {
  /* line 119, ../sass/cs.scss */
  #wrapper.cs .video-box .youtube-iframe .iframe {
    height: 255px;
  }
}
/* line 130, ../sass/cs.scss */
#wrapper.cs .contacts {
  padding-top: 72px;
  padding-bottom: 75px;
}
@media (max-width: 767px) {
  /* line 130, ../sass/cs.scss */
  #wrapper.cs .contacts {
    padding-top: 45px;
    padding-bottom: 50px;
  }
}
/* line 137, ../sass/cs.scss */
#wrapper.cs .contacts h2 {
  margin-bottom: 5px;
}
/* line 140, ../sass/cs.scss */
#wrapper.cs .contacts h6 {
  margin-bottom: 15px;
}
/* line 143, ../sass/cs.scss */
#wrapper.cs .contacts input[type="text"], #wrapper.cs .contacts input[type="email"], #wrapper.cs .contacts input[type="password"], #wrapper.cs .contacts input[type="name"] {
  margin-bottom: 16px;
}
/* line 146, ../sass/cs.scss */
#wrapper.cs .contacts .button--isi {
  padding: 18px 50px;
}
@media (min-width: 768px) {
  /* line 149, ../sass/cs.scss */
  #wrapper.cs .contacts .contact-block {
    padding-top: 47px;
  }
}
/* line 153, ../sass/cs.scss */
#wrapper.cs .contacts .contact-block li {
  padding-bottom: 0;
  white-space: nowrap;
}
/* line 159, ../sass/cs.scss */
#wrapper.cs .avatar {
  border-radius: 50%;
  margin-bottom: 47px;
  margin-top: 26px;
}
/* line 163, ../sass/cs.scss */
#wrapper.cs .avatar + .autor-box {
  margin-left: 15px;
  color: #9eaaae;
  font-family: 'Merriweather Sans', sans-serif;
  font-size: 12px;
  font-size: 0.85714rem;
}
/* line 168, ../sass/cs.scss */
#wrapper.cs .avatar + .autor-box a {
  font-size: 12px;
  font-size: 0.85714rem;
  font-weight: 700;
}
/* line 175, ../sass/cs.scss */
#wrapper.cs #contactform {
  overflow: hidden;
}
/* line 177, ../sass/cs.scss */
#wrapper.cs #contactform button span {
  color: #546266;
  font-weight: bold;
}
/* line 185, ../sass/cs.scss */
#wrapper.cs .footer-back {
  background: #dfebf0;
}
/* line 187, ../sass/cs.scss */
#wrapper.cs .footer-back .social-box {
  padding-right: 25px;
}
/* line 190, ../sass/cs.scss */
#wrapper.cs .footer-back > div {
  background: #dfebf0;
}
/* line 193, ../sass/cs.scss */
#wrapper.cs .footer-back .copyright {
  color: #b8c9d0;
}
/* line 197, ../sass/cs.scss */
#wrapper.cs .footer-back .social-box {
  display: inline-block;
  padding: 16px 0 0 0;
}
@media (min-width: 768px) {
  /* line 197, ../sass/cs.scss */
  #wrapper.cs .footer-back .social-box {
    float: right;
  }
}
/* line 203, ../sass/cs.scss */
#wrapper.cs .footer-back .social-box a {
  border: 2px solid #b8c9d0;
  width: 40px;
  line-height: 38px;
  height: 40px;
  border-radius: 50%;
  text-align: center;
  margin-right: 5px;
  display: inline-block;
  padding: 0;
  background: none;
  color: #b8c9d0;
}
/* line 217, ../sass/cs.scss */
#wrapper.cs .footer-back .social-box a:last-child {
  margin-right: 0;
}
/* line 220, ../sass/cs.scss */
#wrapper.cs .footer-back .social-box a:before {
  background: #fff;
}

/* line 228, ../sass/cs.scss */
.notify-me {
  position: relative;
}
/* line 230, ../sass/cs.scss */
.notify-me .form-message {
  left: 0;
}

/**/
/* line 236, ../sass/cs.scss */
.cs-group {
  max-width: 410px;
  margin: auto;
  text-align: center;
  margin-top: 115px;
}
/* line 241, ../sass/cs.scss */
.cs-group .button--isi {
  color: #444d50;
}
/* line 244, ../sass/cs.scss */
.cs-group .logo-mini {
  margin-bottom: 95px;
}
/* line 248, ../sass/cs.scss */
.cs-group .text-box h1 {
  margin-bottom: 12px;
}
/* line 251, ../sass/cs.scss */
.cs-group .text-box p {
  font-size: 18px;
  font-size: 1.28571rem;
  font-style: italic;
  margin-bottom: 20px;
}
/* line 257, ../sass/cs.scss */
.cs-group .social-box {
  padding-top: 40px;
  border-top: 4px solid #444d50;
  margin-bottom: 305px;
  display: inline-block;
}
/* line 262, ../sass/cs.scss */
.cs-group .social-box a {
  border: 2px solid #444d50;
  width: 40px;
  line-height: 38px;
  height: 40px;
  border-radius: 50%;
  text-align: center;
  margin-right: 5px;
  display: inline-block;
  padding: 0;
  background: none;
  color: #444d50;
}
/* line 276, ../sass/cs.scss */
.cs-group .social-box a:last-child {
  margin-right: 0;
}

/* line 285, ../sass/cs.scss */
.mouse {
  position: absolute;
  width: 24px;
  height: 47px;
  bottom: 60px;
  left: 50%;
  margin-left: -12px;
  border-radius: 15px;
  border: 2px solid #444d50;
  -webkit-animation: intro 1s;
  animation: intro 1s;
}

/* line 297, ../sass/cs.scss */
.scroll {
  display: block;
  width: 4px;
  height: 12px;
  margin: 6px auto;
  border-radius: 4px;
  background: #444d50;
  -webkit-animation: finger 1s infinite;
  animation: finger 1s infinite;
}

@-webkit-keyframes intro {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes intro {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes finger {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}
@keyframes finger {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}